diff --git a/1074-11ca0d04f68e38af87d3.js b/1074-e7aaf997c8fed941969d.js similarity index 54% rename from 1074-11ca0d04f68e38af87d3.js rename to 1074-e7aaf997c8fed941969d.js index 95aeed143..dc3669cb3 100644 --- a/1074-11ca0d04f68e38af87d3.js +++ b/1074-e7aaf997c8fed941969d.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1074],{21074:(t,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>f});var s=e(73450),a=e(27378),o=e(57318),r=e(15196),i=e(24246);function c(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);n&&(s=s.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,s)}return e}function l(t){for(var n=1;n{this.setState({showCode:!this.state.showCode})}))}render(){var t=this.state.showCode,n=this.props,e=n.title,s=n.src,a=n.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:a}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:e||""})}),(0,i.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(t?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),t&&(0,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(d,{tag:"code",html:s,attributes:{className:"language-jsx"}})})]})}}class f extends a.Component{componentDidMount(){var t=location.hash;if(t){var n=document.querySelector('a[href="'.concat(t,'"]'));n&&(0,o.l)(document.documentElement,0,m(n,-9))}}render(){return a.createElement("div",{className:"zandoc-react-container"},a.createElement(h,{style:".zent-banner-example {\n\tcolor: #fff;\n\tfont-size: 18px;\n\tfont-weight: 500;\n\theight: 20px;\n}\n.zent-banner-example-highlight {\n\tcolor: #FFDD5D;\n\tfont-weight: 400;\n\tfont-size: 28px;\n\tmargin: 0 2px;\n\tvertical-align: middle;\n}"}),a.createElement(u,{html:'

Banner

\n

Deliver promotional messages to users

\n

Suggestion

\n\n

Note

\n\n

Demos

'}),a.createElement(g,{title:"Basic usage",id:"Demo1",src:'import { Banner } from \'zent\';\n\nconst IMG =\n \'https://img01.yzcdn.cn/upload_files/2021/11/25/FtAGwcqfZIngtd1uXYIuIND58IeU.png\';\n\nReactDOM.render(\n <div className="zent-alert-example">\n <Banner backgroundImage={IMG} closeIconColor="white">\n <div className="zent-banner-example">\n Youzan and QQ Hundreds of Support Programs will help you reach new traffic of\n <span className="zent-banner-example-highlight">600</span>\n million monthly livelihoods\n </div>\n </Banner>\n </div>,\n mountNode\n);'},a.createElement(p)),a.createElement(u,{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
PropertyDescriptionTypeRequiredDefaultAlternative
backgroundImagebackground imagestringfalse
closeIconColorCustom close colorstringfalse\'grey\'\n|\n\'white\'\n|\n \nstring
closabledetermines whether the Alert can be closed or notbooleanfalsetruefalse
\n

Consult Alert\'s documentation to find more APIs.

'}))}}},82010:(t,n,e)=>{"use strict";e.d(n,{b:()=>h});var s=e(59312),a=e(24246),o=e(60042),r=e.n(o),i=e(27378),c=e(8434),l=e(78486),p=e(78513),d=["outline","closed","onClose"],u=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],h=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.state={closed:!1},n.onCloseHandler=function(){n.isControlled||n.setState({closed:!0}),n.props.onClose&&n.props.onClose()},n}return(0,s.ZT)(n,t),Object.defineProperty(n.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),n.prototype.render=function(){var t;if(this.closed)return null;var n=(0,p.Z)(this.props,u),e=n.className,o=n.type,i=n.outline,h=n.bordered,m=n.progress,g=(0,s._T)(n,["className","type","outline","bordered","progress"]),f=(0,p.Z)(this.props,d),k=r()("zent-alert","zent-alert-style-"+o,e,((t={})["zent-alert-outline"]=i,t["zent-alert--borderless"]=!h,t));return(0,a.jsxs)("div",(0,s.pi)({className:k},g,{"data-zv":"10.0.9"},{children:[!!m&&(0,a.jsx)(c.E,{className:"zent-alert__progress",percent:m,showInfo:!1,strokeWidth:2},void 0),(0,a.jsx)(l.Z,(0,s.pi)({},f,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},n.highlightClassName="zent-alert-item-content__highlight",n.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},n}(i.PureComponent)},78486:(t,n,e)=>{"use strict";var s=e(59312),a=e(24246),o=e(27378),r=e(60042),i=e.n(r),c=e(27036),l=e(20840),p={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},d=(0,o.forwardRef)((function(t,n){var e=t.extraContent,r=t.classItemName,d=t.title,u=t.description,h=t.children,m=t.loading,g=t.type,f=t.closable,k=t.icon,v=t.closeIconColor,y=t.closeContent,z=t.onAlertItemClose,b=(0,o.useRef)(t);b.current=t;var x=(0,o.useMemo)((function(){return h||(0,a.jsxs)(a.Fragment,{children:[d&&(0,a.jsx)("h3",(0,s.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.9"},{children:d}),void 0),u&&(0,a.jsx)("p",(0,s.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.9"},{children:u}),void 0)]},void 0)}),[h,u,d]),j=(0,o.useMemo)((function(){var t=b.current.onClose,n=v?{color:v}:{};return f?(0,a.jsx)("div",(0,s.pi)({className:"zent-alert-item-close-wrapper",onClick:function(n){null==t||t(),z&&z(),n.stopPropagation()},"data-zv":"10.0.9"},{children:null!=y?y:(0,a.jsx)(c.Z,{type:"close",className:"zent-alert-item-close-btn",style:n},void 0)}),void 0):null}),[f,y,v,z]),w=(0,o.useMemo)((function(){return m?(0,a.jsx)(l.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===k||!1===k?null:k?(0,a.jsx)("span",(0,s.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.9"},{children:k}),void 0):g in p?(0,a.jsx)(c.Z,{className:"zent-alert-item-icon",type:p[g]},void 0):null}),[m,g,k]);return(0,a.jsxs)("div",(0,s.pi)({className:i()("zent-alert-item",r),ref:n,"data-zv":"10.0.9"},{children:[w,(0,a.jsx)("div",(0,s.pi)({className:"zent-alert-item-content","data-zv":"10.0.9"},{children:x}),void 0),e&&(0,a.jsx)("div",(0,s.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.9"},{children:e}),void 0),j]}),void 0)}));d.displayName="AlertItem",n.Z=d},15196:(t,n,e)=>{"use strict";e.d(n,{j:()=>p});var s=e(59312),a=e(24246),o=e(27378),r=e(60042),i=e.n(r),c=e(82010),l={grey:"#999",white:"#fff"},p=function(t){var n=t.backgroundImage,e=t.closeIconColor,r=t.style,p=void 0===r?{}:r,d=t.className,u=t.closable,h=void 0===u||u,m=(0,s._T)(t,["backgroundImage","closeIconColor","style","className","closable"]),g=(0,o.useMemo)((function(){return n?(0,s.pi)((0,s.pi)({},p),{backgroundImage:"url("+n+")"}):p}),[p,n]),f=i()("zent-banner",d);return(0,a.jsx)(c.b,(0,s.pi)({},m,{closable:h,icon:null,style:g,className:f,closeIconColor:l[e]||e}),void 0)}},8434:(t,n,e)=>{"use strict";e.d(n,{E:()=>k});var s=e(59312),a=e(24246),o=e(27378),r=e(60042),i=e.n(r),c=["normal","success","exception"],l=(0,e(70453).Z)("zentAnimatedArcStrokeGradient"),p={},d={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},u=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.state={opacity:0,rotate:0,transition:p},n.startAnimation=function(){n.animationDelayTimerId&&clearTimeout(n.animationDelayTimerId);var t=n.props,e=t.arcLength,s=t.radius,a=(e-n.getMaskArcLength())/s;n.setState({rotate:a,transition:p,opacity:.2},n.queueAnimationEnd)},n.finishAnimation=function(){n.transitionEndTimerId&&clearTimeout(n.transitionEndTimerId),n.setState({rotate:0,transition:d,opacity:0}),n.animationDelayTimerId=setTimeout(n.startAnimation,1e3)},n.queueAnimationEnd=function(){n.transitionEndTimerId=setTimeout(n.finishAnimation,400)},n}return(0,s.ZT)(n,t),n.prototype.render=function(){var t=this.getPath(),n=this.props,e=n.className,o=n.strokeWidth,r=this.state,i=r.rotate,c=r.transition,p=r.opacity;return(0,a.jsxs)("g",(0,s.pi)({"data-zv":"10.0.9"},{children:[(0,a.jsx)("defs",(0,s.pi)({"data-zv":"10.0.9"},{children:(0,a.jsxs)("linearGradient",(0,s.pi)({id:l},{children:[(0,a.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.9"},void 0),(0,a.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.9"},void 0)]}),void 0)}),void 0),(0,a.jsx)("path",{className:e,d:t,stroke:"url(#"+l+")",strokeOpacity:p,strokeWidth:o,style:(0,s.pi)({transform:"rotate("+i+"rad)"},c),"data-zv":"10.0.9"},void 0)]}),void 0)},n.prototype.componentDidMount=function(){this.startAnimation()},n.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},n.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},n.prototype.getMaskTheta=function(){var t=this.props.radius;return this.getMaskArcLength()/t},n.prototype.getArcStartPoint=function(){var t=this.props,n=t.radius,e=t.strokeWidth/2;return[n+e,e]},n.prototype.getArcEndPoint=function(){var t=this.props,n=t.radius,e=n+t.strokeWidth/2,s=this.getMaskTheta();return[e+Math.sin(s)*n,e-Math.cos(s)*n]},n.prototype.getPath=function(){var t=this.getArcStartPoint(),n=this.getArcEndPoint(),e=this.props.radius;return"M"+t.join(",")+" A"+e+","+e+" 0 0 1 "+n.join(",")},n}(o.PureComponent),h=e(39215),m=function(t){var n=t.type,e=t.percent,s=t.format,o=t.state,r=t.color;return"success"===o?(0,a.jsx)(h.J,{type:"circle"===n?"check":"check-circle",style:{color:r}},void 0):"exception"===o?(0,a.jsx)(h.J,{type:"circle"===n?"close":"close-circle",style:{color:r}},void 0):(0,a.jsx)(a.Fragment,{children:s(e)},void 0)},g=function(t){var n=t.percent,e=t.showInfo,o=t.format,r=t.strokeWidth,c=t.width,l=t.bgColor,p=t.color,d=t.state,h=t.strokeLinecap,g=c||132,f=g/2,k=g-r,v=k/2,y=k*Math.PI,z=y*(100-n)/100;return(0,a.jsxs)("div",(0,s.pi)({className:"zent-progress-container",style:{width:g,height:g},"data-zv":"10.0.9"},{children:[(0,a.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:r,borderColor:l,width:g,height:g},"data-zv":"10.0.9"},void 0),(0,a.jsxs)("svg",(0,s.pi)({className:"zent-progress-inner",viewBox:"0 0 "+g+" "+g,width:g,height:g,"data-zv":"10.0.9"},{children:[(0,a.jsx)("g",(0,s.pi)({transform:"rotate(-90 "+f+" "+f+")","data-zv":"10.0.9"},{children:(0,a.jsx)("circle",{className:i()("zent-progress-inner-path","zent-progress-inner-path--"+h),cx:f,cy:f,r:v,style:{stroke:p,strokeWidth:r},strokeDasharray:y,strokeDashoffset:z,"data-zv":"10.0.9"},void 0)}),void 0),"normal"===d&&(0,a.jsx)(u,{className:i()("zent-progress-path-mask","zent-progress-path-mask--"+h),radius:v,arcLength:y-z,strokeWidth:r},void 0)]}),void 0),e&&(0,a.jsx)("div",(0,s.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,a.jsx)(m,{type:"circle",percent:n,format:o,state:d,color:p},void 0)}),void 0)]}),void 0)},f=function(t){var n=t.format,e=t.width,o=t.percent,r=t.showInfo,c=t.strokeWidth,l=t.bgColor,p=t.color,d=t.state,u=t.strokeLinecap,h=e||"100%",g=r&&(0,a.jsx)("div",(0,s.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,a.jsx)(m,{type:"line",percent:o,format:n,state:d,color:p},void 0)}),void 0);return(0,a.jsxs)("div",(0,s.pi)({className:"zent-progress-container","data-zv":"10.0.9"},{children:[(0,a.jsx)("div",(0,s.pi)({className:i()("zent-progress-wrapper","zent-progress-wrapper--"+u,{"zent-progress-wrapper--finished":100===o}),style:{background:l,width:h,height:c},"data-zv":"10.0.9"},{children:(0,a.jsx)("div",{className:"zent-progress-inner",style:{background:p,width:o+"%",height:c},"data-zv":"10.0.9"},void 0)}),void 0),g]}),void 0)},k=function(t){var n,e=t,r=e.type,l=e.status,p=e.percent,d=e.className,u=e.normalColor,h=e.successColor,m=e.exceptionColor,k=e.bgColor,v=e.format,y=e.showInfo,z=e.strokeWidth,b=e.width,x=e.strokeLinecap,j=(0,s._T)(e,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),w=(0,o.useMemo)((function(){return-1!==c.indexOf(l)?l:p>=100?"success":"normal"}),[l,p]),N={exception:m,success:h,normal:u}[w],C=(0,o.useMemo)((function(){return p<0?0:p>100?100:p}),[p]);switch(r){case"circle":n=g;break;case"line":default:n=f}var I=i()("zent-progress","zent-progress-type__"+r,"zent-progress-state__"+w,d);return(0,a.jsx)("div",(0,s.pi)({className:I},j,{"data-zv":"10.0.9"},{children:(0,a.jsx)(n,{percent:C,showInfo:y,strokeWidth:z,width:b,bgColor:k,format:v,color:N,state:w,strokeLinecap:x},void 0)}),void 0)};k.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(t){return t+"%"}}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1074],{21074:(t,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>f});var s=e(73450),a=e(27378),o=e(57318),r=e(15196),i=e(24246);function c(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);n&&(s=s.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,s)}return e}function l(t){for(var n=1;n{this.setState({showCode:!this.state.showCode})}))}render(){var t=this.state.showCode,n=this.props,e=n.title,s=n.src,a=n.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:a}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:e||""})}),(0,i.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(t?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),t&&(0,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(d,{tag:"code",html:s,attributes:{className:"language-jsx"}})})]})}}class f extends a.Component{componentDidMount(){var t=location.hash;if(t){var n=document.querySelector('a[href="'.concat(t,'"]'));n&&(0,o.l)(document.documentElement,0,m(n,-9))}}render(){return a.createElement("div",{className:"zandoc-react-container"},a.createElement(h,{style:".zent-banner-example {\n\tcolor: #fff;\n\tfont-size: 18px;\n\tfont-weight: 500;\n\theight: 20px;\n}\n.zent-banner-example-highlight {\n\tcolor: #FFDD5D;\n\tfont-weight: 400;\n\tfont-size: 28px;\n\tmargin: 0 2px;\n\tvertical-align: middle;\n}"}),a.createElement(u,{html:'

Banner

\n

Deliver promotional messages to users

\n

Suggestion

\n\n

Note

\n\n

Demos

'}),a.createElement(g,{title:"Basic usage",id:"Demo1",src:'import { Banner } from \'zent\';\n\nconst IMG =\n \'https://img01.yzcdn.cn/upload_files/2021/11/25/FtAGwcqfZIngtd1uXYIuIND58IeU.png\';\n\nReactDOM.render(\n <div className="zent-alert-example">\n <Banner backgroundImage={IMG} closeIconColor="white">\n <div className="zent-banner-example">\n Youzan and QQ Hundreds of Support Programs will help you reach new traffic of\n <span className="zent-banner-example-highlight">600</span>\n million monthly livelihoods\n </div>\n </Banner>\n </div>,\n mountNode\n);'},a.createElement(p)),a.createElement(u,{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
PropertyDescriptionTypeRequiredDefaultAlternative
backgroundImagebackground imagestringfalse
closeIconColorCustom close colorstringfalse\'grey\'\n|\n\'white\'\n|\n \nstring
closabledetermines whether the Alert can be closed or notbooleanfalsetruefalse
\n

Consult Alert\'s documentation to find more APIs.

'}))}}},82010:(t,n,e)=>{"use strict";e.d(n,{b:()=>h});var s=e(59312),a=e(24246),o=e(60042),r=e.n(o),i=e(27378),c=e(8434),l=e(78486),p=e(78513),d=["outline","closed","onClose"],u=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],h=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.state={closed:!1},n.onCloseHandler=function(){n.isControlled||n.setState({closed:!0}),n.props.onClose&&n.props.onClose()},n}return(0,s.ZT)(n,t),Object.defineProperty(n.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),n.prototype.render=function(){var t;if(this.closed)return null;var n=(0,p.Z)(this.props,u),e=n.className,o=n.type,i=n.outline,h=n.bordered,m=n.progress,g=(0,s._T)(n,["className","type","outline","bordered","progress"]),f=(0,p.Z)(this.props,d),k=r()("zent-alert","zent-alert-style-"+o,e,((t={})["zent-alert-outline"]=i,t["zent-alert--borderless"]=!h,t));return(0,a.jsxs)("div",(0,s.pi)({className:k},g,{"data-zv":"10.0.10"},{children:[!!m&&(0,a.jsx)(c.E,{className:"zent-alert__progress",percent:m,showInfo:!1,strokeWidth:2},void 0),(0,a.jsx)(l.Z,(0,s.pi)({},f,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},n.highlightClassName="zent-alert-item-content__highlight",n.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},n}(i.PureComponent)},78486:(t,n,e)=>{"use strict";var s=e(59312),a=e(24246),o=e(27378),r=e(60042),i=e.n(r),c=e(27036),l=e(20840),p={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},d=(0,o.forwardRef)((function(t,n){var e=t.extraContent,r=t.classItemName,d=t.title,u=t.description,h=t.children,m=t.loading,g=t.type,f=t.closable,k=t.icon,v=t.closeIconColor,y=t.closeContent,z=t.onAlertItemClose,b=(0,o.useRef)(t);b.current=t;var x=(0,o.useMemo)((function(){return h||(0,a.jsxs)(a.Fragment,{children:[d&&(0,a.jsx)("h3",(0,s.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.10"},{children:d}),void 0),u&&(0,a.jsx)("p",(0,s.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.10"},{children:u}),void 0)]},void 0)}),[h,u,d]),j=(0,o.useMemo)((function(){var t=b.current.onClose,n=v?{color:v}:{};return f?(0,a.jsx)("div",(0,s.pi)({className:"zent-alert-item-close-wrapper",onClick:function(n){null==t||t(),z&&z(),n.stopPropagation()},"data-zv":"10.0.10"},{children:null!=y?y:(0,a.jsx)(c.Z,{type:"close",className:"zent-alert-item-close-btn",style:n},void 0)}),void 0):null}),[f,y,v,z]),w=(0,o.useMemo)((function(){return m?(0,a.jsx)(l.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===k||!1===k?null:k?(0,a.jsx)("span",(0,s.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.10"},{children:k}),void 0):g in p?(0,a.jsx)(c.Z,{className:"zent-alert-item-icon",type:p[g]},void 0):null}),[m,g,k]);return(0,a.jsxs)("div",(0,s.pi)({className:i()("zent-alert-item",r),ref:n,"data-zv":"10.0.10"},{children:[w,(0,a.jsx)("div",(0,s.pi)({className:"zent-alert-item-content","data-zv":"10.0.10"},{children:x}),void 0),e&&(0,a.jsx)("div",(0,s.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.10"},{children:e}),void 0),j]}),void 0)}));d.displayName="AlertItem",n.Z=d},15196:(t,n,e)=>{"use strict";e.d(n,{j:()=>p});var s=e(59312),a=e(24246),o=e(27378),r=e(60042),i=e.n(r),c=e(82010),l={grey:"#999",white:"#fff"},p=function(t){var n=t.backgroundImage,e=t.closeIconColor,r=t.style,p=void 0===r?{}:r,d=t.className,u=t.closable,h=void 0===u||u,m=(0,s._T)(t,["backgroundImage","closeIconColor","style","className","closable"]),g=(0,o.useMemo)((function(){return n?(0,s.pi)((0,s.pi)({},p),{backgroundImage:"url("+n+")"}):p}),[p,n]),f=i()("zent-banner",d);return(0,a.jsx)(c.b,(0,s.pi)({},m,{closable:h,icon:null,style:g,className:f,closeIconColor:l[e]||e}),void 0)}},8434:(t,n,e)=>{"use strict";e.d(n,{E:()=>k});var s=e(59312),a=e(24246),o=e(27378),r=e(60042),i=e.n(r),c=["normal","success","exception"],l=(0,e(70453).Z)("zentAnimatedArcStrokeGradient"),p={},d={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},u=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.state={opacity:0,rotate:0,transition:p},n.startAnimation=function(){n.animationDelayTimerId&&clearTimeout(n.animationDelayTimerId);var t=n.props,e=t.arcLength,s=t.radius,a=(e-n.getMaskArcLength())/s;n.setState({rotate:a,transition:p,opacity:.2},n.queueAnimationEnd)},n.finishAnimation=function(){n.transitionEndTimerId&&clearTimeout(n.transitionEndTimerId),n.setState({rotate:0,transition:d,opacity:0}),n.animationDelayTimerId=setTimeout(n.startAnimation,1e3)},n.queueAnimationEnd=function(){n.transitionEndTimerId=setTimeout(n.finishAnimation,400)},n}return(0,s.ZT)(n,t),n.prototype.render=function(){var t=this.getPath(),n=this.props,e=n.className,o=n.strokeWidth,r=this.state,i=r.rotate,c=r.transition,p=r.opacity;return(0,a.jsxs)("g",(0,s.pi)({"data-zv":"10.0.10"},{children:[(0,a.jsx)("defs",(0,s.pi)({"data-zv":"10.0.10"},{children:(0,a.jsxs)("linearGradient",(0,s.pi)({id:l},{children:[(0,a.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.10"},void 0),(0,a.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.10"},void 0)]}),void 0)}),void 0),(0,a.jsx)("path",{className:e,d:t,stroke:"url(#"+l+")",strokeOpacity:p,strokeWidth:o,style:(0,s.pi)({transform:"rotate("+i+"rad)"},c),"data-zv":"10.0.10"},void 0)]}),void 0)},n.prototype.componentDidMount=function(){this.startAnimation()},n.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},n.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},n.prototype.getMaskTheta=function(){var t=this.props.radius;return this.getMaskArcLength()/t},n.prototype.getArcStartPoint=function(){var t=this.props,n=t.radius,e=t.strokeWidth/2;return[n+e,e]},n.prototype.getArcEndPoint=function(){var t=this.props,n=t.radius,e=n+t.strokeWidth/2,s=this.getMaskTheta();return[e+Math.sin(s)*n,e-Math.cos(s)*n]},n.prototype.getPath=function(){var t=this.getArcStartPoint(),n=this.getArcEndPoint(),e=this.props.radius;return"M"+t.join(",")+" A"+e+","+e+" 0 0 1 "+n.join(",")},n}(o.PureComponent),h=e(39215),m=function(t){var n=t.type,e=t.percent,s=t.format,o=t.state,r=t.color;return"success"===o?(0,a.jsx)(h.J,{type:"circle"===n?"check":"check-circle",style:{color:r}},void 0):"exception"===o?(0,a.jsx)(h.J,{type:"circle"===n?"close":"close-circle",style:{color:r}},void 0):(0,a.jsx)(a.Fragment,{children:s(e)},void 0)},g=function(t){var n=t.percent,e=t.showInfo,o=t.format,r=t.strokeWidth,c=t.width,l=t.bgColor,p=t.color,d=t.state,h=t.strokeLinecap,g=c||132,f=g/2,k=g-r,v=k/2,y=k*Math.PI,z=y*(100-n)/100;return(0,a.jsxs)("div",(0,s.pi)({className:"zent-progress-container",style:{width:g,height:g},"data-zv":"10.0.10"},{children:[(0,a.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:r,borderColor:l,width:g,height:g},"data-zv":"10.0.10"},void 0),(0,a.jsxs)("svg",(0,s.pi)({className:"zent-progress-inner",viewBox:"0 0 "+g+" "+g,width:g,height:g,"data-zv":"10.0.10"},{children:[(0,a.jsx)("g",(0,s.pi)({transform:"rotate(-90 "+f+" "+f+")","data-zv":"10.0.10"},{children:(0,a.jsx)("circle",{className:i()("zent-progress-inner-path","zent-progress-inner-path--"+h),cx:f,cy:f,r:v,style:{stroke:p,strokeWidth:r},strokeDasharray:y,strokeDashoffset:z,"data-zv":"10.0.10"},void 0)}),void 0),"normal"===d&&(0,a.jsx)(u,{className:i()("zent-progress-path-mask","zent-progress-path-mask--"+h),radius:v,arcLength:y-z,strokeWidth:r},void 0)]}),void 0),e&&(0,a.jsx)("div",(0,s.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,a.jsx)(m,{type:"circle",percent:n,format:o,state:d,color:p},void 0)}),void 0)]}),void 0)},f=function(t){var n=t.format,e=t.width,o=t.percent,r=t.showInfo,c=t.strokeWidth,l=t.bgColor,p=t.color,d=t.state,u=t.strokeLinecap,h=e||"100%",g=r&&(0,a.jsx)("div",(0,s.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,a.jsx)(m,{type:"line",percent:o,format:n,state:d,color:p},void 0)}),void 0);return(0,a.jsxs)("div",(0,s.pi)({className:"zent-progress-container","data-zv":"10.0.10"},{children:[(0,a.jsx)("div",(0,s.pi)({className:i()("zent-progress-wrapper","zent-progress-wrapper--"+u,{"zent-progress-wrapper--finished":100===o}),style:{background:l,width:h,height:c},"data-zv":"10.0.10"},{children:(0,a.jsx)("div",{className:"zent-progress-inner",style:{background:p,width:o+"%",height:c},"data-zv":"10.0.10"},void 0)}),void 0),g]}),void 0)},k=function(t){var n,e=t,r=e.type,l=e.status,p=e.percent,d=e.className,u=e.normalColor,h=e.successColor,m=e.exceptionColor,k=e.bgColor,v=e.format,y=e.showInfo,z=e.strokeWidth,b=e.width,x=e.strokeLinecap,j=(0,s._T)(e,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),w=(0,o.useMemo)((function(){return-1!==c.indexOf(l)?l:p>=100?"success":"normal"}),[l,p]),N={exception:m,success:h,normal:u}[w],C=(0,o.useMemo)((function(){return p<0?0:p>100?100:p}),[p]);switch(r){case"circle":n=g;break;case"line":default:n=f}var I=i()("zent-progress","zent-progress-type__"+r,"zent-progress-state__"+w,d);return(0,a.jsx)("div",(0,s.pi)({className:I},j,{"data-zv":"10.0.10"},{children:(0,a.jsx)(n,{percent:C,showInfo:y,strokeWidth:z,width:b,bgColor:k,format:v,color:N,state:w,strokeLinecap:x},void 0)}),void 0)};k.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(t){return t+"%"}}}}]); \ No newline at end of file diff --git a/1127-6b5e3d10d72c6559c97b.js b/1127-746583fb6962c1fc1b11.js similarity index 99% rename from 1127-6b5e3d10d72c6559c97b.js rename to 1127-746583fb6962c1fc1b11.js index 7db895d72..ddc700f84 100644 --- a/1127-6b5e3d10d72c6559c97b.js +++ b/1127-746583fb6962c1fc1b11.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1127],{21127:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>Nn});var t=s(73450),p=s(73118),o=s(27378),e=s(57318),c=s(9071),l=s(53137),u=s(28239),k=s(41837),i=s(55390),r=s(92892),m=s(93976),d=s(5185),g=s(65436),y=s(70453),h=s(49633),f=s(39612),b=s(47287),v=s(92497),F=s(39215),w=s(85636),x=s(3454),j=s(78518),C=s(69220),q=s(71457),V=s(69717),S=s(33938),z=s(61705),N=s(34954),I=s(75774),A=s(89239),M=s(40027),E=s(72118),R=s(57925),P=s(12729),O=s(73811),B=s(23476),T=s(79280),D=s(80964),U=s(70158),L=s(29951),_=s(12030),H=s(82285),Y=s(38836),G=s(82010),Z=s(59935),$=s(45657),X=s(95388),J=s(55445),W=s(17323),K=s(24246);function Q(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function nn(n){for(var a=1;a{k(!0),setTimeout((()=>{n.initialize({name:"zent",password:"zenttnez",email:"zent@youzan.com"}),k(!1)}),1e3)}),[n]);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsxs)(h.l0,{layout:"vertical",form:n,disabled:t,children:[(0,K.jsx)(b.C,{name:"name",label:(0,K.jsxs)("span",{children:["用户名 ",(0,K.jsx)(v.X,{trigger:"hover",content:"用户名用于个人账号登录",centerArrow:!0,children:(0,K.jsx)(F.J,{type:"info-circle-o"})}),"："]}),validators:[w.Ei(5,"用户名至少 5 个字"),w.BS(25,"用户名最多 25 个字")],helpDesc:"用户名为5-25个字",required:"必填"}),(0,K.jsx)(b.C,{name:"password",props:{type:"password"},label:"密码：",helpDesc:(0,K.jsxs)("span",{children:["密码由英文字母、数字组成",(0,K.jsx)("a",{href:"https://youzan.com",target:"_blank",children:"查看更多"})]}),validateOccasion:h.l0.ValidateOccasion.Blur|h.l0.ValidateOccasion.Change,validators:[w.uj(/^[a-zA-Z0-9]+$/,"只允许英文字母和数字")],notice:"重要提示：填写后无法修改，请谨慎设置",required:"必填"}),(0,K.jsx)(b.C,{className:"demo-form-basic-email",label:"E-Mail：",name:"email",validators:[w.C1("必填"),w.Do("请输入正确的邮箱")]}),(0,K.jsx)(x.z,{htmlType:"reset",children:"重置"}),(0,K.jsx)(x.z,{onClick:n.model.clear.bind(n.model),children:"清空"}),(0,K.jsx)(x.z,{loading:u,onClick:i,children:"初始化表单数据"}),(0,K.jsx)(x.z,{onClick:()=>n.model.clearError(),children:"清空错误信息"})]}),(0,K.jsx)(x.z,{style:{marginTop:24},onClick:()=>e((n=>!n)),children:t?"解除禁用":"禁用表单"})]})}return(0,K.jsx)(n,{})},sn=function(){function n(){var n=h.l0.useForm(f.d.View);return(0,K.jsxs)(h.l0,{layout:"horizontal",form:n,children:[(0,K.jsx)(b.C,{name:"name",label:"昵称：",required:"请选择类型",props:{spellCheck:!1}}),(0,K.jsx)(j.A,{name:"type",label:"类型：",required:!0,props:{options:[{key:1,text:"普通用户"},{key:2,text:"高级用户"}]}}),(0,K.jsxs)(C.x,{name:"sex",label:"性别：",required:!0,validators:[w.C1("请选择性别")],children:[(0,K.jsx)(q.Y,{value:"1",children:"男"}),(0,K.jsx)(q.Y,{value:"2",children:"女"})]}),(0,K.jsxs)(V.I,{name:"hobbies",label:"兴趣标签：",required:"请选择标签",validators:[w.Ei(1,"请选择标签")],children:[(0,K.jsx)(S.X,{value:"movie",children:"电影"}),(0,K.jsx)(S.X,{value:"book",children:"书籍"}),(0,K.jsx)(S.X,{value:"travel",children:"旅行"})]}),(0,K.jsx)(z.w,{name:"age",label:"年龄：",defaultValue:12,props:{showStepper:!0}}),(0,K.jsx)(N.h,{name:"color",label:"喜欢的颜色：",defaultValue:"#5197FF"}),(0,K.jsx)(I.y,{name:"workTime",label:"工作时间：",defaultValue:["9:00:00","18:00:00"]}),(0,K.jsx)(A.z,{name:"dateRange",label:"身份证有效期：",type:"split",dateFormat:"YYYY-MM-DD HH:mm:ss",validators:[function(n){if(!n[0]||!n[1])return{name:"required",message:"请填写有效期"}}]}),(0,K.jsx)(M.K,{name:"isPublic",label:"公开个人信息：",defaultValue:!1}),(0,K.jsx)(E.h,{name:"agree",label:"同意许可条例：",children:"是"}),(0,K.jsx)(R.c,{name:"singleFile",label:"单文件上传：",props:{tips:"文件大小不超过 2M",maxSize:2097152}}),(0,K.jsx)(P.U,{name:"upload",label:"文件上传：",props:{tips:"单个文件不超过 2M",maxAmount:9,maxSize:2097152}}),(0,K.jsx)(O.j,{name:"imageUpload",label:"图片文件上传：",props:{tips:"单个文件不超过 2M",maxAmount:9,maxSize:2097152}}),(0,K.jsx)(x.z,{type:"primary",onClick:()=>B.g.info((0,K.jsx)("code",{children:(0,K.jsx)("pre",{children:JSON.stringify(n.getValue(),null,2)})})),children:"Values"})]})}return(0,K.jsx)(n,{})},tn=function(){function n(){var n=h.l0.useForm(f.d.View),a=o.useCallback((n=>(n.getValue(),new Promise((n=>{setTimeout(n,1e3)})))),[]),s=o.useCallback((()=>{B.g.success("表单提交成功")}),[]),t=o.useCallback((n=>{B.g.error("校验似乎出了点问题...")}),[]);return(0,K.jsxs)(h.l0,{form:n,layout:"horizontal",onSubmit:a,onSubmitSuccess:s,onSubmitFail:t,children:[(0,K.jsx)(b.C,{name:"name",label:"姓名：",required:!0}),(0,K.jsx)(x.z,{htmlType:"submit",type:"primary",children:"提交"})]})}return(0,K.jsx)(n,{})},pn=function(){function n(n,a){return n!==a.getSectionValue("password").password?{name:"passwordEqual",message:"两次填写的密码不一致"}:null}function a(n){if(10!==n.length&&15!==n.length)return{name:"idLength",message:"证件号码是10位或者15位数字"}}function s(){var s=h.l0.useForm(f.d.View),t=(0,o.useCallback)((()=>{s.resetValue()}),[s]),p=o.useCallback((n=>{n.getValue()}),[]);return(0,K.jsxs)(h.l0,{form:s,layout:"vertical",scrollToError:!0,onSubmit:p,children:[(0,K.jsx)(b.C,{name:"name",label:"昵称：",required:!0,helpDesc:"正则校验",validators:[w.C1("请填写昵称"),w.uj(/^[a-zA-Z]+$/,"昵称只能是字母")]}),(0,K.jsx)(b.C,{name:"password",label:"密码：",required:!0,helpDesc:"非空校验",validators:[w.C1("请填写密码")],props:{type:"password"}}),(0,K.jsx)(b.C,{name:"confirmPw",label:"确认密码：",required:!0,helpDesc:"自定义校验函数",validators:[n],props:{type:"password"}}),(0,K.jsx)(b.C,{name:"email",label:"邮件：",helpDesc:"邮件校验",validators:[w.Do("请填写正确的邮件")]}),(0,K.jsx)(b.C,{name:"remark",label:"备注：",helpDesc:"文本输入",props:{type:"textarea",showCount:!0,maxCharacterCount:10},validators:[w.BS(10,"备注不能超过10个字符")]}),(0,K.jsx)(z.w,{name:"id",label:"证件号码：",required:!0,helpDesc:"自定义校验函数",validators:[a]}),(0,K.jsxs)(V.I,{name:"hobbies",label:"兴趣标签：",required:!0,helpDesc:"长度校验",validators:[w.Ei(2,"请至少选择两个")],children:[(0,K.jsx)(S.X,{value:"movie",children:"电影"}),(0,K.jsx)(S.X,{value:"book",children:"书籍"}),(0,K.jsx)(S.X,{value:"travel",children:"旅行"})]}),(0,K.jsx)(R.c,{name:"singleFile",label:"单文件上传：",props:{tips:"文件大小不超过 2M",maxSize:2097152},validators:[w.C1("请上传文件")]}),(0,K.jsx)(P.U,{name:"upload",label:"文件上传：",props:{tips:"单个文件不超过 2M",maxAmount:9,maxSize:2097152},validators:[w.Ei(1,"请上传文件")]}),(0,K.jsx)(O.j,{name:"imageUpload",label:"图片文件上传：",props:{tips:"单个文件不超过 2M",maxAmount:9,maxSize:2097152},validators:[w.Ei(1,"请上传图片")]}),(0,K.jsxs)("div",{className:"zent-form-actions",children:[(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",children:"获取表单值"}),(0,K.jsx)(x.z,{type:"primary",outline:!0,onClick:t,children:"重置表单值"})]})]})}return(0,K.jsx)(s,{})},on=function(){var n=h.l0.ValidateOption,a=h.l0.createAsyncValidator((()=>new Promise((n=>{setTimeout((()=>{n({name:"async",message:"from async validator"})}),100)}))));function s(a){if("blur"===a)return n.IncludeAsync}function t(){var t=h.l0.useForm(f.d.View),p=(0,o.useCallback)((()=>{t.resetValue()}),[t]),e=(0,o.useCallback)((()=>{t.validate(n.Default|n.IncludeAsync|n.IncludeUntouched|n.IncludeChildrenRecursively).then((()=>{B.g.success("Validate finished: ".concat(t.isValid()))}))}),[t]);return(0,K.jsxs)(h.l0,{form:t,layout:"vertical",scrollToError:!0,children:[(0,K.jsx)(b.C,{name:"name",label:"昵称：",required:!0,getValidateOption:s,validators:[w.C1("请填写昵称"),w.uj(/^[a-zA-Z]+$/,"昵称只能是字母"),a]}),(0,K.jsxs)("div",{className:"zent-form-actions",children:[(0,K.jsx)(x.z,{type:"primary",onClick:e,children:"校验表单"}),(0,K.jsx)(x.z,{type:"primary",outline:!0,onClick:p,children:"重置表单值"})]})]})}return(0,K.jsx)(t,{})},en=function(){function n(n){return"no-limit"!==n.option&&n.count<=0?{name:"error",message:"次数限制不能为0"}:null}function a(n){return n.target.value}function s(){var n=h.l0.useField("option","no-limit"),s=h.l0.useField("count",0),t=T.RI((0,o.useCallback)((()=>n.isTouched=!0),[n]),T.kH(a,T.sV(n,h.l0.ValidateOption.Default))),p=T.sV(s,h.l0.ValidateOption.Default);return(0,K.jsxs)(q.Y.Group,{className:"form-demo-12-radio-group",value:n.value,onChange:t,children:[(0,K.jsx)(q.Y,{value:"no-limit",children:"不限制"}),(0,K.jsxs)(q.Y,{value:"limit",children:["限制",(0,K.jsx)(D.Y,nn(nn({},T.Jk(s)),{},{disabled:"no-limit"===n.value,value:s.value,onChange:p,onBlur:(0,o.useCallback)((()=>{s.isTouched=!0,s.validate()}),[s])})),"次"]})]})}function t(){var a=h.l0.useForm(f.d.View),t=(0,o.useCallback)((()=>Promise.resolve()),[]);return(0,K.jsxs)(h.l0,{form:a,layout:"vertical",onSubmit:t,children:[(0,K.jsx)(U.C,{name:"values",validators:[n],children:(0,K.jsx)(s,{})}),(0,K.jsx)("div",{children:(0,K.jsx)(x.z,{htmlType:"submit",style:{marginTop:16},children:"提交"})})]})}return(0,K.jsx)(t,{})},cn=function(){function n({label:n,name:a,helpDesc:s,validators:t,validateOption:p=L.GP.Empty,defaultValue:e="",props:c}){var l=h.l0.useField(a,e,[w.C1("请输入邮箱"),w.Do("请输入正确的邮箱"),...t||[]]),u=(0,o.useCallback)((n=>{l.isTouched=!0,l.value=n.target.value}),[l]),k=(0,o.useCallback)((()=>{l.validate(p)}),[l,p]);return(0,K.jsxs)(_.N,{label:n,required:!0,children:[(0,K.jsx)(H.I,nn(nn({},c),{},{value:l.value,onChange:u,onBlur:k,width:240})),l.error&&(0,K.jsx)(Y.X,{children:l.error.message}),(0,K.jsx)("p",{style:{color:"#ababab",fontSize:12},children:s})]})}function a(){var a=h.l0.useForm(f.d.View);return(0,K.jsxs)(h.l0,{form:a,layout:"vertical",children:[(0,K.jsx)(n,{name:"email",label:"邮箱：",helpDesc:"这个字段总会在blur事件触发校验",validateOption:L.GP.IncludeUntouched|L.GP.IncludeAsync}),(0,K.jsx)(n,{name:"email",label:"邮箱2：",helpDesc:"这个字段只会在触发onChange之后才在blur事件触发校验",validateOption:L.GP.IncludeAsync})]})}return(0,K.jsx)(a,{})},ln=function(){var n=h.l0.FieldValue;function a(){var a=h.l0.useForm(f.d.View);return(0,K.jsxs)(h.l0,{form:a,layout:"vertical",scrollToError:!0,children:[(0,K.jsx)(M.K,{label:"启用短信通知：",name:"shouldNotify"}),(0,K.jsx)(n,{name:"shouldNotify",children:n=>(0,K.jsx)(b.C,{name:"contact",label:(n?"手机号":"联系方式")+"：",required:!0,validators:[J.y((n=>n.getFormValue().shouldNotify?"请填写手机号":"请填写联系方式"))(w.C1("123")),W.g((n=>{var a;return null===(a=n.getFormValue())||void 0===a?void 0:a.shouldNotify}))(w.uj(/^\d{11}$/,"请填写11位手机号"))]})})]})}return(0,K.jsx)(a,{})},un=function(){o.useState,o.useEffect,o.useCallback;var n=h.l0.useForm,a=h.l0.useFieldArray,s=h.l0.useFormValid;function t(){var a=n(f.d.View);return(0,K.jsxs)(h.l0,{form:a,layout:"horizontal",children:[(0,K.jsx)(e,{form:a}),(0,K.jsxs)(U.C,{name:"set",children:[(0,K.jsx)(b.C,{required:!0,withoutError:!0,name:"field1",label:"字段-1"}),(0,K.jsx)(h.l0.FieldValid,{name:"field1",children:n=>(0,K.jsx)(_.N,{label:" ",children:(0,K.jsxs)("div",{children:["Field-1 is ",n?"valid":"invalid"]})})}),(0,K.jsx)(b.C,{required:!0,name:"field2",label:"字段-2"})]}),(0,K.jsx)(p,{})]})}function p(){var n=a("array");return(0,K.jsxs)(K.Fragment,{children:[n.children.map(((a,s)=>(0,K.jsx)("div",{children:(0,K.jsx)(b.C,{required:!0,model:a,label:"项目",props:{addonAfter:(0,K.jsx)(F.J,{type:"close",style:{cursor:"pointer"},onClick:()=>n.splice(s,1)})}})},a.id))),(0,K.jsx)(x.z,{type:"primary",onClick:()=>n.push(""),children:"Add"})]})}function e({form:n}){var a=s(n);return(0,K.jsxs)(G.b,{type:a?"success":"error",style:{marginBottom:24},children:["Form is ",a?"valid":"invalid"]})}return(0,K.jsx)(t,{})},kn=function(){function n({name:n}){var a,s=h.l0.useFieldArray(n,[w.BS(3,"最多添加 3 项兴趣")]),t=(0,o.useCallback)((()=>{s.push(""),s.validate(L.GP.IncludeUntouched)}),[]);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(x.z,{onClick:t,className:"add-btn",children:"添加兴趣爱好"}),(0,K.jsx)("ul",{children:s.children.map(((n,a)=>(0,K.jsxs)("li",{className:"hobby",children:[(0,K.jsx)(b.C,{model:n,label:"兴趣爱好".concat(a+1,"："),validators:[w.C1("请填写兴趣爱好")],props:{width:120}}),(0,K.jsx)("span",{className:"del-btn",onClick:()=>{s.splice(a,1),s.validate()},children:"删除该爱好"})]},n.id)))}),(0,K.jsx)(Y.X,{style:{marginLeft:128},children:null===(a=s.error)||void 0===a?void 0:a.message})]})}function a({remove:a,index:s}){var t=(0,o.useCallback)((()=>{a(s)}),[s,a]);return(0,K.jsxs)("li",{className:"members",children:[(0,K.jsxs)("div",{className:"member-title",children:[(0,K.jsxs)("span",{children:["成员",s+1]}),(0,K.jsx)(v.X,{centerArrow:!0,trigger:"hover",content:"删除该成员",children:(0,K.jsx)(F.J,{className:"del-btn",type:"close-circle",onClick:t})})]}),(0,K.jsx)(b.C,{name:"name",label:"名字:",required:!0,validators:[w.C1("请填写成员名字")],normalizeBeforeSubmit:n=>n.toUpperCase()}),(0,K.jsxs)(C.x,{name:"sex",label:"性别：",defaultValue:"1",required:!0,validators:[w.C1("请选择性别")],children:[(0,K.jsx)(q.Y,{value:"1",children:"男"}),(0,K.jsx)(q.Y,{value:"2",children:"女"})]}),(0,K.jsx)(n,{name:"hobbies"})]})}function s({name:n}){var s=h.l0.useFieldArray(n),t=(0,o.useCallback)((()=>{s.push({})}),[s]),p=(0,o.useCallback)((()=>{s.push({},{})}),[s]),e=(0,o.useCallback)((n=>{s.splice(n,1)}),[s]);return(0,K.jsxs)(K.Fragment,{children:[s.children.length<3&&(0,K.jsx)(x.z,{onClick:t,className:"add-btn",children:"添加一个成员"}),s.children.length<2&&(0,K.jsx)(x.z,{onClick:p,className:"add-btn",children:"添加两个成员"}),(0,K.jsx)("ul",{children:s.children.map(((n,s)=>(0,K.jsx)(U.C,{model:n,children:(0,K.jsx)(a,{index:s,remove:e})},n.id)))})]})}function t(){var n=h.l0.useForm(f.d.View),a=(0,o.useCallback)((()=>{n.patchValue({number:42,members:[{name:"john",sex:"1",hobbies:["H1"]}]})}),[n]),t=(0,o.useCallback)((()=>{}),[n]),p=(0,o.useCallback)((()=>{}),[n]);return(0,K.jsxs)(h.l0,{className:"demo-form",layout:"horizontal",form:n,children:[(0,K.jsx)(z.w,{name:"number",label:"总人数：",required:!0,validators:[w.C1("请填写总人数")]}),(0,K.jsx)(s,{name:"members"}),(0,K.jsxs)("div",{style:{marginTop:16},children:[(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",onClick:t,children:"获取表单值"}),(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",onClick:p,children:"获取表单提交值"}),(0,K.jsx)(x.z,{onClick:a,children:"设置 FieldArray 值"})]})]})}return(0,K.jsx)(t,{})},rn=function(){var n=h.l0.form,a=h.l0.field,s=h.l0.array,t=h.l0.set;function p({model:n}){var a=h.l0.useFieldArray(n),s=(0,o.useCallback)((()=>{a.push("")}),[]);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(x.z,{onClick:s,className:"add-btn",children:"添加兴趣爱好"}),(0,K.jsx)("ul",{children:a.children.map(((n,s)=>(0,K.jsxs)("li",{className:"hobby",children:[(0,K.jsx)(b.C,{model:n,label:"兴趣爱好".concat(s+1,"："),props:{width:120}}),(0,K.jsx)("span",{className:"del-btn",onClick:()=>a.splice(s,1),children:"删除该爱好"})]},n.id)))})]})}function e({remove:n,index:a,model:s}){var t=s.children,e=t.name,c=t.sex,l=t.hobbies,u=(0,o.useCallback)((()=>{n(a)}),[a,n]);return(0,K.jsx)(U.C,{model:s,children:(0,K.jsxs)("li",{className:"members",children:[(0,K.jsxs)("div",{className:"member-title",children:[(0,K.jsxs)("span",{children:["成员",a+1]}),(0,K.jsx)(v.X,{centerArrow:!0,trigger:"hover",content:"删除该成员",children:(0,K.jsx)(F.J,{className:"del-btn",type:"close-circle",onClick:u})})]}),(0,K.jsx)(b.C,{model:e,label:"名字：",required:!0}),(0,K.jsxs)(C.x,{model:c,label:"性别：",required:!0,children:[(0,K.jsx)(q.Y,{value:"1",children:"男"}),(0,K.jsx)(q.Y,{value:"2",children:"女"})]}),(0,K.jsx)(p,{model:l})]})})}function c({model:n}){var a=h.l0.useFieldArray(n),s=(0,o.useCallback)((()=>{a.push({})}),[a]),t=(0,o.useCallback)((()=>{a.push({},{})}),[a]),p=(0,o.useCallback)((n=>{a.splice(n,1)}),[a]);return(0,K.jsxs)(K.Fragment,{children:[a.children.length<3&&(0,K.jsx)(x.z,{onClick:s,className:"add-btn",children:"添加一个成员"}),a.children.length<2&&(0,K.jsx)(x.z,{onClick:t,className:"add-btn",children:"添加两个成员"}),(0,K.jsx)("ul",{children:a.children.map(((n,a)=>(0,K.jsx)(e,{model:n,index:a,remove:p},n.id)))})]})}var l=n({number:a("").validators(w.C1("请填写总人数")),members:s(t({name:a("").validators(w.C1("请填写成员名字")).normalizeBeforeSubmit((n=>n.toUpperCase())),sex:a("1").validators(w.C1("请选择性别")),hobbies:s(a("").validators(w.C1("请填写兴趣爱好"))).defaultValue([])}))});function u(){var n=h.l0.useForm(l),a=n.model.children,s=a.number,t=a.members,p=(0,o.useCallback)((()=>{n.patchValue({number:42,members:[{name:"john",sex:"1",hobbies:["H1"]}]})}),[n]),e=(0,o.useCallback)((()=>{}),[n]),u=(0,o.useCallback)((()=>{}),[n]);return(0,K.jsxs)(h.l0,{className:"demo-form",layout:"horizontal",form:n,children:[(0,K.jsx)(z.w,{model:s,label:"总人数：",required:!0}),(0,K.jsx)(c,{model:t}),(0,K.jsxs)("div",{style:{marginTop:16},children:[(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",onClick:e,children:"获取表单值"}),(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",onClick:u,children:"获取表单提交值"}),(0,K.jsx)(x.z,{onClick:p,children:"设置 FieldArray 值"})]})]})}return(0,K.jsx)(u,{})},mn=function(){var n=h.l0.form,a=h.l0.field,s=n({contactType:a(1).validators(w.C1("请选择联系方式")),phone:a("").validators(w.uj(/\d{11}/,"手机号必须是 11 位数字")),email:a("").validators(w.Do("邮箱不正确"))});function t(){var n=o.useState(!1),a=(0,p.Z)(n,2),t=a[0],e=a[1],c=o.useCallback((n=>{e(n.target.checked)}),[e]),l=h.l0.useForm(s),u=o.useRef(null),k=o.useCallback(((n,a)=>{var s=u.current,p=l.model.removeChild(n);if(null!==p&&(u.current=p),!l.model.get(a)){var o=t?s:s.builder.build();l.model.registerChild(a,o)}}),[l,t]),i=h.l0.useModelValue(l.model.get("contactType"));o.useEffect((()=>{1===i?k("email","phone"):k("phone","email")}),[k,i]);var r=o.useCallback((()=>{}),[l]),m=h.l0.useNamedChildModel(l.model,"phone"),d=h.l0.useNamedChildModel(l.model,"email");return(0,K.jsxs)(h.l0,{className:"demo-form",layout:"horizontal",form:l,children:[(0,K.jsxs)(C.x,{model:l.model.get("contactType"),label:"联系方式",required:!0,children:[(0,K.jsx)(q.Y,{value:1,children:"手机号码"}),(0,K.jsx)(q.Y,{value:2,children:"电子邮箱"})]}),1===i&&m&&(0,K.jsx)(z.w,{model:m,label:"手机号码",required:!0}),2===i&&d&&(0,K.jsx)(b.C,{model:d,label:"电子邮箱",required:!0}),(0,K.jsxs)("div",{style:{marginTop:16},children:[(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",onClick:r,children:"打印表单值"}),(0,K.jsx)(S.X,{checked:t,onChange:c,style:{marginLeft:16},children:"切换联系方式时时保留 model 状态"})]})]})}return(0,K.jsx)(t,{})},dn=function(){function n(){var n=h.l0.useForm(f.d.View);return(0,K.jsxs)(h.l0,{layout:"vertical",form:n,children:[(0,K.jsx)(b.C,{name:"field1",label:"field1",normalizeBeforeBlur:n=>n.trim(),normalize:n=>n.toUpperCase(),format:n=>n.toLowerCase()}),(0,K.jsx)("label",{children:"实际值："}),(0,K.jsx)(h.l0.FieldValue,{name:"field1"})]})}return(0,K.jsx)(n,{})},gn=function(){var n=()=>{var n=h.l0.useFieldArrayChildModels("nickname");return n?(0,K.jsxs)("div",{className:"form-demo-11-preview-nickname",children:[(0,K.jsx)("label",{children:"昵称："}),n.map(((n,a)=>(0,K.jsx)(h.l0.FieldValue,{model:n,children:n=>"".concat(n," ")},a)))]}):null},a=()=>(0,K.jsxs)("div",{className:"form-demo-11-preview",children:[(0,K.jsx)(h.l0.FieldValue,{name:"name",children:n=>(0,K.jsx)("h3",{children:n})}),(0,K.jsxs)(h.l0.FieldSetValue,{name:"contact",children:[(0,K.jsxs)("div",{className:"form-demo-11-preview-phone",children:[(0,K.jsx)("label",{children:"电话："}),(0,K.jsx)(h.l0.FieldValue,{name:"phone"})]}),(0,K.jsx)("div",{className:"form-demo-11-preview-address",children:(0,K.jsx)(h.l0.FieldValue,{name:"address"})})]}),(0,K.jsx)(n,{})]}),s=({model:n,last:a,add:s,del:t})=>{var p=h.l0.useField(n),e=(0,o.useCallback)((n=>{p.value=n.target.value}),[p]);return(0,K.jsxs)("div",{className:"form-demo-11-nickname",children:[(0,K.jsx)(H.I,nn(nn({},T.Jk(p)),{},{onChange:e,value:p.value})),(0,K.jsx)(F.J,{type:"close-circle",style:{color:"#da2626"},onClick:t}),a&&(0,K.jsx)(F.J,{type:"plus-circle",style:{color:"#4cb35d"},onClick:s})]})},t=()=>{var n=h.l0.useFieldArray("nickname",[],[""]),a=()=>n.push("");return(0,K.jsx)(_.N,{label:"昵称",children:n.children.map(((t,p)=>(0,K.jsx)(s,{model:t,last:n.children.length===p+1,add:a,del:()=>(a=>n.splice(a,1))(p)},p)))})},p=()=>(0,K.jsxs)("div",{children:[(0,K.jsx)(b.C,{label:"姓名",name:"name"}),(0,K.jsxs)(U.C,{name:"contact",children:[(0,K.jsx)(b.C,{label:"电话",name:"phone"}),(0,K.jsx)(b.C,{label:"联系地址",name:"address"})]}),(0,K.jsx)(t,{})]});function e(){var n=h.l0.useForm(f.d.View);return(0,K.jsxs)(h.l0,{form:n,layout:"vertical",className:"form-demo-11",children:[(0,K.jsx)(a,{}),(0,K.jsx)(p,{})]})}return(0,K.jsx)(e,{})},yn=function(){o.useState,o.useEffect,o.useCallback;var n=h.l0.useForm,a=h.l0.useFieldArray,s=h.l0.useFormValue;function t(){var a=n(f.d.View);return(0,K.jsxs)(h.l0,{form:a,layout:"vertical",children:[(0,K.jsx)(b.C,{required:!0,name:"name",label:"姓名"}),(0,K.jsx)(b.C,{name:"address",label:"地址"}),(0,K.jsxs)(U.C,{name:"stature",children:[(0,K.jsx)(b.C,{name:"weight",label:"体重"}),(0,K.jsx)(b.C,{name:"height",label:"身高"})]}),(0,K.jsx)(p,{}),(0,K.jsx)(e,{form:a})]})}function p(){var n=a("hobbies",[],["看书"]);return n.destroyOnUnmount=!0,(0,K.jsxs)(_.N,{label:"爱好",children:[n.children.map(((a,s)=>(0,K.jsx)("div",{children:(0,K.jsx)(b.C,{withoutLabel:!0,model:a,props:{addonAfter:(0,K.jsx)(F.J,{type:"close",style:{cursor:"pointer"},onClick:()=>n.splice(s,1)})}})},a.id))),(0,K.jsx)(x.z,{type:"primary",onClick:()=>n.push(""),children:"增加爱好"})]})}function e({form:n}){var a=s(n);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)("div",{children:"Form Value"}),(0,K.jsx)("pre",{children:JSON.stringify(a,null,2)})]})}return(0,K.jsx)(t,{})},hn=function(){o.useState;var n=o.useCallback,a=h.l0.form({list:h.l0.array(h.l0.set({v:h.l0.field(0)})).defaultValue([{v:1},{v:2},{v:3}])});function s(){var n=h.l0.useForm(a);return(0,K.jsx)(h.l0,{form:n,layout:"horizontal",children:(0,K.jsx)(t,{})})}function t(){var a=h.l0.useFieldArray("list"),s=function(n){var a=(0,u.kL)((function(){return new Set})),s=(0,u.kL)((function(){return new c.X("")})),t=(0,o.useCallback)((function(n){var t=(0,y.Z)("batched-task-"),p=a.current,o=function(){p.delete(t),s.current.next(t)};p.add(t),s.current.next(t);var e=n();(0,g.Z)(e)?e.then(o,o):o()}),[a,s]),p=(0,k.m)((function(n){return n.pipe((0,r.z)((function(n){return(0,l.a)(n).pipe((0,m.h)((function(n){n[0];var s=n[1];return!a.current.has(s)})),(0,d.U)((function(n){return n[0]})))})))}),[n,s.current]);return[(0,i.R)(p),t]}(a.value$),t=(0,p.Z)(s,2),e=(t[0],t[1]),f=n((()=>{setTimeout((()=>{e((()=>new Promise((n=>{a.children.forEach((n=>{var a=n.get("v");a.value=a.value+1})),n()}))))}),0)}),[a,e]),v=n((()=>{setTimeout((()=>{a.children.forEach((n=>{var a=n.get("v");a.value=a.value+1}))}),0)}),[a]);return(0,K.jsxs)(K.Fragment,{children:[a.children.map(((n,a)=>(0,K.jsx)("div",{children:(0,K.jsx)(b.C,{model:n.get("v")})},n.id))),(0,K.jsx)(x.z,{onClick:f,children:"批量更新"}),(0,K.jsx)(x.z,{onClick:v,children:"逐个更新"})]})}return(0,K.jsx)(s,{})},fn=function(){function n({form:n}){var a=h.l0.useFieldValue(n.model.get("name"));return(0,K.jsxs)("p",{children:["姓名：",a]})}function a(){var a=h.l0.useForm(f.d.View);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(h.l0,{layout:"horizontal",form:a,children:(0,K.jsx)(Z.q3.Provider,{value:{labelStyle:{flexBasis:80,justifyContent:"flex-start"}},children:(0,K.jsx)(b.C,{name:"name",label:"姓名："})})}),(0,K.jsx)(n,{form:a})]})}return(0,K.jsx)(a,{})},bn=function(){function n(){var n=h.l0.useForm(f.d.View);return(0,o.useEffect)((()=>{var a=n.model.get("field1"),s=n.model.get("field2"),t=a.value$.subscribe((n=>{s.value=n}));return()=>t.unsubscribe()}),[n]),(0,K.jsxs)(h.l0,{form:n,layout:"horizontal",children:[(0,K.jsx)(b.C,{name:"field1",label:"field1"}),(0,K.jsx)(b.C,{name:"field2",label:"field2"})]})}return(0,K.jsx)(n,{})},vn=function(){var n=(0,h.l0.form)({id:(0,h.l0.field)("").validators(w.uj(/^[\d]{17}[\dXY]$/,"请输入合法的身份证号"))});function a({name:n,model:a,defaultValue:t="",validators:p=[],label:e,required:c,withoutLabel:l,style:u,className:k}){var i;if(n&&a)throw new Error("Cannot use name and model together.");var r=h.l0.useField(n||a,t,[...p,w.uj(/^[\d]{17}[\dXY]$/,"请输入合法的身份证号")]),m=o.useRef();(0,$.M6)(a,m);var d=o.useCallback((n=>{r.isTouched=!0;var a=n.target.value.replace(/\s/g,"");a.length<=18&&r.patchValue(a)}),[r]);return(0,K.jsxs)(_.N,{ref:m,style:u,className:k,label:e,required:c,withoutLabel:l,children:[(0,K.jsx)(H.I,{value:s(r.value),width:220,onChange:d,onBlur:o.useCallback((()=>r.validate()),[r])}),(0,K.jsx)(Y.X,{children:null===(i=r.error)||void 0===i?void 0:i.message})]})}function s(n){for(var a=[6,10,12,14,18],s=n.length,t="",p=0;p{},form:s,scrollToError:!0,layout:"horizontal",children:[(0,K.jsx)(a,{model:s.model.children.id,label:"身份证号：",required:!0,validators:[w.C1("请输入身份证号")]}),(0,K.jsx)("div",{style:{marginTop:"120px"},className:"zent-form-actions",children:(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",children:"获取表单值，点击可以滚到到错误位置"})})]})}return(0,K.jsx)(t,{})},Fn=function(){var n=X.P.SelectTrigger,a=[{code:"+86",zh:"zhongguo",eng:"china",text:"中国 +86",key:0},{code:"+853",zh:"aomen",eng:"Macau",text:"中国澳门 +853",key:1}],s=(n,a)=>!!(a&&n.text.trim().toLowerCase().indexOf(a.trim().toLowerCase())>-1);function t(n){return n}var p=()=>{var p=h.l0.useField("areacode",a[0]),e=h.l0.useField("mobile","",[w.uj(/^\d{1,10}$/,"请输入正确的手机号")]),c=T.RI((0,o.useCallback)((()=>{p.isTouched=!0}),[p]),T.kH(t,T.sV(p,h.l0.ValidateOption.Default))),l=T.sV(e,h.l0.ValidateOption.Default);return(0,K.jsxs)(_.N,{className:"form-demo-multiple-value",label:"联系方式：",invalid:!!p.error||!!e.error,children:[(0,K.jsx)(X.P,{className:"areacode",options:a,filter:s,trigger:n,width:160,value:p.value,onChange:c}),(0,K.jsx)(D.Y,nn(nn({style:{marginLeft:16},className:"phone-num",placeholder:"请填写手机号",width:160,value:e.value},T.Jk(e)),{},{onChange:l,onBlur:(0,o.useCallback)((()=>{e.isTouched=!0,e.validate()}),[e])})),(0,K.jsx)(h.l0.CombineErrors,{models:[p,e]})]})},e=()=>{var n=h.l0.useForm(f.d.View),a=(0,o.useCallback)((()=>{n.getValue()}),[n]),s=(0,o.useCallback)((()=>{n.resetValue()}),[n]);return(0,K.jsxs)(h.l0,{form:n,layout:"horizontal",children:[(0,K.jsx)(U.C,{name:"contactPhone",children:(0,K.jsx)(p,{})}),(0,K.jsxs)("div",{className:"zent-form__form-actions",children:[(0,K.jsx)(x.z,{type:"primary",onClick:a,children:"获取表单值"})," ",(0,K.jsx)(x.z,{type:"primary",outline:!0,onClick:s,children:"重置表单值"})]})]})};return(0,K.jsx)(e,{})},wn=function(){function n(){var n=h.l0.useForm(f.d.View);return(0,K.jsxs)(h.l0,{layout:"vertical",form:n,children:[(0,K.jsx)(b.C,{name:"field1",label:"field1",required:"请填写内容",helpDesc:"这个字段不会展示它自己的错误",withoutError:!0}),(0,K.jsx)(b.C,{name:"field2",label:"field2",required:"请填写内容"}),(0,K.jsx)(h.l0.CombineErrors,{names:["field1","field2"]})]})}return(0,K.jsx)(n,{})},xn=function(){var n={minWidth:270};function a(){var a=h.l0.useForm(f.d.View),s=(0,o.useState)("vertical"),t=(0,p.Z)(s,2),e=t[0],c=t[1],l=(0,o.useCallback)((n=>c(n.target.value)),[]),u=(0,o.useState)("column"),k=(0,p.Z)(u,2),i=k[0],r=k[1],m=(0,o.useCallback)((n=>r(n.target.value)),[]);return(0,K.jsxs)("div",{className:"form-layout",children:[(0,K.jsxs)("div",{className:"form-layout-option",children:[(0,K.jsx)("span",{className:"form-layout-option-name",children:"Layout:"}),(0,K.jsxs)(q.Y.Group,{value:e,onChange:l,children:[(0,K.jsx)(q.Y,{value:"vertical",children:"vertical"}),(0,K.jsx)(q.Y,{value:"horizontal",children:"horizontal"})]})]}),(0,K.jsxs)("div",{className:"form-layout-option",children:[(0,K.jsx)("span",{className:"form-layout-option-name",children:"Direction:"}),(0,K.jsxs)(q.Y.Group,{value:i,onChange:m,children:[(0,K.jsx)(q.Y,{value:"column",children:"column"}),(0,K.jsx)(q.Y,{value:"row",children:"row"})]})]}),(0,K.jsx)("hr",{}),(0,K.jsx)(h.l0,{layout:e,direction:i,form:a,children:(0,K.jsxs)(Z.q3.Provider,{value:{controlStyle:n},children:[(0,K.jsx)(b.C,{name:"name",label:"用户名：",value:""}),(0,K.jsx)(b.C,{name:"name2",label:"用户名2：",value:""}),(0,K.jsx)(b.C,{name:"name3",label:"用户名3：",value:""})]})}),(0,K.jsx)("div",{className:"zent-form-demo__form-actions",children:(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",children:"获取表单值"})})]})}return(0,K.jsx)(a,{})},jn=function(){function n(){var n=h.l0.useForm(f.d.View);return(0,K.jsx)(h.l0,{layout:"horizontal",form:n,children:(0,K.jsxs)(Z.q3.Provider,{value:{labelStyle:{flexBasis:80,justifyContent:"flex-start"}},children:[(0,K.jsx)(b.C,{name:"name",label:"姓名："}),(0,K.jsx)(b.C,{name:"contact",label:"联系方式："})]})})}return(0,K.jsx)(n,{})};function Cn(n){return(0,K.jsx)(n.tag,nn(nn({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function qn(n){return(0,K.jsx)(Cn,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function Vn(n){return(0,K.jsx)(Cn,{tag:"style",html:n.style})}function Sn(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),Sn(n.parentNode,a);return a}class zn 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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,K.jsxs)("div",{className:"zandoc-react-demo",children:[(0,K.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,K.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,K.jsx)("div",{className:"zandoc-react-demo__title",children:(0,K.jsx)("p",{children:s||""})}),(0,K.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,K.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,K.jsx)(Cn,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class Nn extends o.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,Sn(a,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(Vn,{style:'.demo-form-basic-email {\n\tmargin-left: 5px;\n}\n\n.zent-form__controls .zent-switch-small {\n\tmargin-top: 5px;\n}\n\n.form-demo-12-radio-group {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n.form-demo-12-radio-group .zent-radio-wrap {\n\t\t\tdisplay: flex;\n\t\t\theight: 30px;\n\t\t\talign-items: center;\n\t\t}\n\n.form-demo-12-radio-group .zent-radio-wrap span:nth-child(2) {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n.form-demo-12-radio-group .zent-radio-wrap .zent-input-wrapper {\n\t\t\t\tmargin: 0 10px;\n\t\t\t}\n\n.add-btn {\n\tmargin-left: 130px;\n}\n\n.demo-form .members {\n\t\tborder: 1px dashed #ccc;\n\t\tmargin: 20px 0;\n\t\tpadding: 10px 0;\n\t\tposition: relative;\n\t}\n\n.demo-form .members .del-btn {\n\t\t\tcolor: #666;\n\t\t\tcursor: pointer;\n\t\t\tposition: absolute;\n\t\t\tright: -8px;\n\t\t\ttop: -8px;\n\t\t}\n\n.demo-form .member-title{\n\t\tmargin: 0 10px;\n\t}\n\n.demo-form .hobby {\n\t\tmargin-top: 20px;\n\t\tposition: relative;\n\t}\n\n.demo-form .hobby .del-btn {\n\t\t\tcolor: #155bd4;\n\t\t\tcursor: pointer;\n\t\t\tfont-size: 12px;\n\t\t\tposition: absolute;\n\t\t\ttop: 6px;\n\t\t\tleft: 300px;\n\t\t\twidth: 100px;\n\t\t}\n\n.demo-form .hobby-title {\n\t\tmargin: 10px 0 5px;\n\t}\n\n.demo-form .zenticon {\n\t\tmargin-left: 10px;\n\t}\n\n.form-demo-11 {\n\t\tdisplay: flex;\n\t}\n\n.form-demo-11-preview {\n\t\t\tpadding: 15px;\n \twidth: 230px;\n\t\t\tmargin: 20px;\n \theight: 90px;\n \tborder-radius: 5px;\n\t\t\tbackground-size: 100% 100%;\n \tbackground-image: url("https://img.yzcdn.cn/public_files/2019/03/11/704e415d887541d2bf9ce945483af305.png!middle.webp");\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\n.form-demo-11-preview h3 {\n\t\t\t\tcolor: #ffd700;\n\t\t\t\tmin-height: 30px;\n\t\t\t\ttext-align: right;\n\t\t\t\tfont-size: 16px;\n\t\t\t}\n\n.form-demo-11-preview-address {\n\t\t\t\tcolor: #333;\n\t\t\t\tfont-size: 10px;\n\t\t\t\tmargin-top: auto;\n\t\t\t}\n\n.form-demo-11-preview-phone {\n\t\t\t\ttext-align: right;\n\t\t\t\tcolor: #c0c0c0;\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\n.form-demo-11-preview-nickname {\n\t\t\t\tcolor: #333;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t}\n\n.form-demo-11-nickname {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center\n\t\t}\n\n.form-demo-11-nickname:not(:first-child) {\n\tmargin-top: 16px;\n}\n\n.form-demo-11-nickname .zenticon {\n\t\t\t\tmargin-left: 5px;\n\t\t\t\tcursor: pointer;\n}\n\n.form-demo-12-radio-group {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n.form-demo-12-radio-group .zent-radio-wrap {\n\t\t\tdisplay: flex;\n\t\t\theight: 30px;\n\t\t\talign-items: center;\n\t\t}\n\n.form-demo-12-radio-group .zent-radio-wrap span:nth-child(2) {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n.form-demo-12-radio-group .zent-radio-wrap .zent-input-wrapper {\n\t\t\t\tmargin: 0 10px;\n\t\t\t}\n\n.form-demo-multiple-value .zent-form-control-content {\n\tdisplay: flex;\n}\n\n.form-layout {\n\twidth: 800px;\n}\n\n.form-layout-option {\n\tmargin-bottom: 16px;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.form-layout-option-name {\n\twidth: 100px;\n}\n\n.demo-form-basic-email {\n\tmargin-left: 5px;\n}'}),o.createElement(qn,{html:'

Form 表单组件

\n

⚠️ 警告

\n

这是新版的 Form 组件，和 7.0.0 之前版本的 Form 组件不兼容，可以在这里查看老版 Form 组件的文档。

\n

Form 和其他组件相比，本身功能和 API 都相对复杂，请先仔细阅读完本文档再使用。

\n

API 文档

\n

Form 的 API 较多，文档里遗漏某些 API 的话请尝试搜索 tsdoc 生成的 API 文档，同时可以在 Github 上提个 issue，帮助我们改进文档，issue 里请详细描述少了哪个 API 或者组件的信息。

\n

Form 的分层结构

\n

为了帮助更好的理解和使用 Form，先从设计的角度对 Form 做一个概述。Form 设计上可以大致分为 3 层：

\n
    \n
  • 数据层：这一层在内部由一个叫 formulr 的内部包构成，它和 UI 无关
    • \n
  • React 绑定层：这一层也在 formulr 内，但只包含最基础的 Hooks（例如 useField 等），依旧和 UI 无关
    • \n
  • UI 层：这一层负责处理数据层和 Zent 组件库的适配，这一层只处理 UI 逻辑，不关心数据的具体处理逻辑
    • \n
\n

数据层

\n

数据层主要由各种类型的 model, validator 以及 builder 构成。model 主要分为以下几种：

\n
    \n
  • IModel 这是最底层 interface，所有 model 都实现它
    • \n
  • BasicModel 这是一个 model 的基类，所有 model 都继承自它
    • \n
  • FieldModel 单个表单域的 model
    • \n
  • FieldArrayModel 一组相同表单域的 model
    • \n
  • FieldSetModel 一组有相关性的表单域，通常这些表单域作为一个整体才有意义，比如手机号的国家代码+号码
    • \n
  • FormModel 继承自 FieldSetModel，从数据层看就是 FieldSetModel，但是额外添加了一些表单顶层才需要的能力
    • \n
  • ModelRef 类似 React 的 ref 概念，它的用处是在不知道具体的 model 类型时用作占位元素。只有 View 模式下才会出现。
    • \n
\n

model 是数据和状态的容器，所以 model 上只有操作数据和状态的方法。不管 model 是什么类型，一个 model 上一定维护着值、校验状态、错误信息以及 touched 等一些基础状态，以及读取/操作这些信息的方法。下面是所有 model 上一些常见的方法和属性列表，额外的方法和属性可以通过 API 文档中搜索相应的 model 类型查看。

\n
    \n
  • value 获取 model 当前的值
    • \n
  • getSubmitValue() 获取用于表单提交的值，可以通过 Field 的 normalize 属性自定义格式化逻辑
    • \n
  • initialize(value: Value) 初始化 model 值
    • \n
  • patchValue(value: Value) 更新 model 值
    • \n
  • reset() 重置 model 为初始值
    • \n
  • clear() 重置 model 为默认值
    • \n
  • valid() 返回 model 是否通过检验，该函数不会触发校验
    • \n
  • validate(options?: ValidateOption) 触发 model 上的校验逻辑
    • \n
  • error 获取 model 上的错误信息
    • \n
  • clearError() 清楚 model 的错误信息
    • \n
  • dirty() model 值是否被修改过
    • \n
  • pristine() model 值是否从未被修改过
    • \n
  • touched() model 对应的 Field 是否被用户操作过
    • \n
\n

FieldArrayModel 上还有一批类似数组操作元素的方法，行为和数组上的方法一致，接受值或者 model 对象作为参数。

\n
    \n
  • push
    • \n
  • pop
    • \n
  • shift
    • \n
  • unshift
    • \n
  • splice
    • \n
  • filter 该方法直接操作当前的 FieldArrayModel 对象，而不是返回一个新的 FieldArrayModel
    • \n
  • sort
    • \n
  • children 获取所有子 model，是个只读数组
    • \n
  • get(index: number) 返回指定下标处的子 model 对象
    • \n
\n

FieldSetModel 上的额外方法：

\n
    \n
  • children 获取所有子 model，是个只读对象
    • \n
  • get(name: string) 返回指定名字的子 model 对象
    • \n
  • registerChild(name, model): void 注册一个子 model 对象
    • \n
  • removeChild(name) 删除一个子 model
    • \n
\n

⚠️ 注意：不要直接操作 FieldArrayModel 和 FieldSetModel 的 children 属性（本身就是只读属性），请使用 model 上提供的 mutation API 操作，否则会破坏 model 内部数据一致性，导致不可预期的问题。

\n

validator 和 builder 下文会详细说明。

\n

Form 的运行模式

\n

这是使用 Form 时的一个非常重要的概念，请一定理解清楚。另外，我们推荐使用 Model 模式，而非 View 模式。

\n

在 ModelRef 里提到了 Form 的 View 模式，这里详细说明以下 Form 的两种运行模式(FormStrategy)，View 模式和 Model 模式。

\n
    \n
  • View 模式是指表单的 model 是通过 UI 的结构，由 Form 自动推导生成的。简单来说，先有 UI，再有 model。上面提到的 ModelRef 即是在一些场景下 model 还未生成时用来做占位的，所以才说 ModelRef 仅出现在 View 模式下。
    • \n
  • Model 模式则是由开发者创建好表单的 model 结构，然后作为 Form 的初始化参数传入的，所以是先有 model，再有 UI。
    • \n
\n

FormStrategy 指明了表单是由视图驱动（View 模式）的还是独立数据驱动（Model 模式），两种模式在使用 API 时也会有差异。

\n
    \n
  • 当使用 View 模式时，表单项组件和 hooks 接受一个 name 参数而不是一个 model。
    • \n
  • 当使用 Model 时，由于数据层是在表单外构建的，表单组件必须直接传入该字段对应的 model，而不是 name；但是使用 Form 的 Hooks 时，支持传入字段 name 或者 model，这种场景相当于是一个只读的订阅行为。
    • \n
  • 除了上述区别之外，不同模式下表单组件以及 hooks 会有一些参数不同，具体请查阅 API 文档。
    • \n
\n

常用 Form API

\n

form 对象具备一些基础的能力：

\n
    \n
  • form.submit() 显式触发表单提交事件，会自动触发表单校验。
    • \n
  • form.isSubmitting 表单是否在提交中。
    • \n
  • form.isSubmitFailed 表单上一次提交是否失败。
    • \n
  • form.isSubmitSucceeded 表单上一次提交是否成功。
    • \n
  • form.validate(options?: ValidateOption) 触发一次表单校验。
    • \n
  • form.isValid() 表单是否通过校验，不会自动触发 form.validate。
    • \n
  • form.isValidating() 表单是否正在校验过程中。
    • \n
  • form.model 获取表单对应的 model 对象。
    • \n
  • form.getValue() 获取表单当前的值。
    • \n
  • form.getSubmitValue() 获取表单当前的值，用于需要在提交前通过 normalizeBeforeSubmit 格式化表单值的场景。
    • \n
  • form.patchValue() 更新给定字段的值。
    • \n
  • form.initialize() 初始化表单值，同时将这个值作为表单的 initialValue 。
    • \n
  • form.resetValue() 将所有字段重置为 initialValue ，不会触发表单事件，如果 initialValue 不存在，则使用 defaultValue 。
    • \n
  • form.clear() 将所有字段赋值为 defaultValue ，同时清空 initialValue 。
    • \n
  • form.reset() 显式触发表单重置事件 。
    • \n
\n

Form 组件的 Props

\n
    \n
  • form useForm 的返回值
    • \n
  • layout 表单项内的布局模式，支持水平布局和垂直布局，默认垂直
    • \n
  • direction 表单项间的排列方式，支持水品排列和垂直排列，默认垂直
    • \n
  • disabled 禁用表单输入，开启后表单内所有元素不可编辑。注意：自定义组件需要自己实现禁用逻辑和展示
    • \n
  • disableEnterSubmit 禁用表单内 input 元素的回车提交功能
    • \n
  • onReset 表单重置回调函数，form.reset 或者原生的 DOM 触发的 reset 事件都会触发 onReset
    • \n
  • onSubmit 表单提交回调函数，form.submit 或者原生的 DOM 触发的 submit 事件都会触发 onSubmit
    • \n
  • onSubmitFail 表单提交失败时的回调函数
    • \n
  • onSubmitSuccess 表单提交成功时的回调函数
    • \n
  • scrollToError 表单校验报错时自动滚动到第一个错误的位置
    • \n
  • \n

    willScrollToError 触发滚动到第一个错误前的回调函数，如果返回一个 Promise，当 Promise resolve 时才会继续执行滚动，reject 将终止滚动操作。 可以返回 IFormScrollToErrorOptions 用来调整滚动的节点和位置

    \n
      \n
    • scrollContainer 自定义滚动的 DOM 节点，默认 document.body
      • \n
    • offsetX 自定义滚动的 x 轴偏移量
      • \n
    • offsetY 自定义滚动的 y 轴偏移量
      • \n
    \n
    • \n
  • 详细参数请参考这里
    • \n
\n

defaultValue vs initialValue

\n
    \n
  • initialValue：初始值，在逻辑上作为表单首次展示的值，可以被更新。
    • \n
  • defaultValue：缺省值，在表单没有输入时使用的值，组件一旦渲染就不可再被更新。
    • \n
\n

Hooks

\n

Form 提供以下基础的 hooks，在内置的这些 Form 组件无法满足需要时，可以使用这些 hooks 来封装自定义的 Form 组件。

\n\n

基础使用方法

\n

所有表单组件必须包裹在一个 Form 组件内部，每一个表单项对应一个 Field，我们已经内置了 Zent 组件对应的 Field 组件；也可以使用自己封装的自定义表单项组件。

\n
    \n
  • FormInputField
    • \n
  • FormSelectField
    • \n
  • FormRadioGroupField
    • \n
  • FormCheckboxField
    • \n
  • FormCheckboxGroupField
    • \n
  • FormNumberInputField
    • \n
  • FormSwitchField
    • \n
  • FormColorPickerField
    • \n
  • FormDatePickerField
    • \n
  • FormWeekPickerField
    • \n
  • FormMonthPickerField
    • \n
  • FormQuarterPickerField
    • \n
  • FormYearPickerField
    • \n
  • FormTimePickerField
    • \n
  • FormTimeRangePickerField
    • \n
  • FormDateRangePickerField
    • \n
  • FormCombinedTimeRangePickerField
    • \n
  • FormCombinedDateRangePickerField
    • \n
  • FormDateRangeQuickPickerField
    • \n
\n

Field 组件支持的完整参数列表可以参考这里，以及这里除 invalid 之外的参数；这些都是两种模式下通用的参数。

\n
    \n
  • after 在表单项后面显示的自定义内容
    • \n
  • before 在表单项前面显示的自定义内容
    • \n
  • format 渲染前会先调用 format 格式化
    • \n
  • normalize 触发 onChange 时会先经过 normalize 再写入到内部的 model 上
    • \n
  • getValidateOption 根据触发校验的事件源头返回校验规则
    • \n
  • helpDesc 表单项说明文案
    • \n
  • notice 表单项警示性文案
    • \n
  • renderError 自定义错误渲染，参数是 validator 返回的对象，一次只会有一个错误
    • \n
  • required 是否必填，如果这项有值，会在校验规则里添加一个 required 规则，相当于一个快捷设置
    • \n
  • touchWhen 什么时候标记表单项为 touched
    • \n
  • validateOccasion 什么时候触发校验
    • \n
  • withoutError 不显示错误，开启后一般需要自行处理错误的展示
    • \n
  • withoutLabel 默认不传 label 的时候也会留有 label 的空间，使用 withoutLabel 去掉这个留空
    • \n
  • label 表单项的名称
    • \n
  • className 自定义类名
    • \n
  • children 不解释
    • \n
  • modelRef Field 对应 model 的 ref，可以通过这个 modelRef.current 直接访问 model 上的方法和属性
    • \n
\n

View 模式还支持以下参数。

\n
    \n
  • defaultValue 缺省值，作为没有用户输入时的值，不可变
    • \n
  • destroyOnUnmount 是否在组件 unmount 的时候销毁 model 对象，销毁时机依赖 React 执行时机。使用前请看下面的注意事项。
    • \n
  • initialValue 初始值，在逻辑上作为字段首次展示的值，可变
    • \n
  • name 表单项对应的数据字段名
    • \n
  • normalizeBeforeSubmit 用于表单提交前格式化 Field 值的回调函数
    • \n
  • validators 校验规则列表，执行的时候会按数组顺序逐个调用，直到所有都通过或者在第一个失败的地方停止
    • \n
\n

注意：

\n
    \n
  • 不要在 View 模式下通过条件渲染将同一个 name 的 \bmodel 渲染成不同的 Field 实例，并且同时在 Field 上开启 destroyOnUnmount 参数。我们认为这是很 tricky 的不合理用法，一旦发现这种场景，name 对应的那个 Field 将进入不可用状态，后续所有操作都会报错。
    • \n
  • 在 View 模式下使用 FieldArray 时，由于该组件的特殊性，虽然此时传给 Field 的是个 ModelRef，按之前提到的规则这就是 Model 模式，但是校验规则还是需要设置在表单项上。
    • \n
\n

Model 模式还支持以下参数。注意，此模式下校验规则正常是设置在 model 上的，而不是表单项组件上。

\n
    \n
  • model 表单项对应的数据
    • \n
  • initialValue 初始值，用于覆盖 model 上的初始值，仅当值不等于 undefined 时生效
    • \n
\n

注意：如果需要给 Field 封装的组件传递 props，需要将所有 props 通过 props 传递，例如 <FormInputField props={{ spellCheck: false }} />，spellCheck 将会被透传到 Input 组件上；如果直接写在 FormInputField 上不会生效。

'}),o.createElement(zn,{title:"基础用法",id:"Demo1",src:'import {\n FormInputField,\n Form,\n FormStrategy,\n Validators,\n Pop,\n Icon,\n ButtonDirective,\n} from \'zent\';\n\nfunction Component() {\n const form = Form.useForm(FormStrategy.View);\n const [disabled, setDisabled] = React.useState(false);\n const [initializing, setInitializing] = React.useState(false);\n const initialize = React.useCallback(() => {\n setInitializing(true);\n setTimeout(() => {\n form.initialize({\n name: \'zent\',\n password: \'zenttnez\',\n email: \'zent@youzan.com\',\n });\n setInitializing(false);\n }, 1000);\n }, [form]);\n\n return (\n <>\n <Form layout="vertical" form={form} disabled={disabled}>\n <FormInputField\n name="name"\n label={\n <span>\n 用户名&nbsp;\n <Pop trigger="hover" content="用户名用于个人账号登录" centerArrow>\n <Icon type="info-circle-o" />\n </Pop>：\n </span>\n }\n validators={[\n Validators.minLength(5, \'用户名至少 5 个字\'),\n Validators.maxLength(25, \'用户名最多 25 个字\'),\n ]}\n helpDesc="用户名为5-25个字"\n required="必填"\n />\n <FormInputField\n name="password"\n props={{ type: \'password\' }}\n label="密码："\n helpDesc={\n <span>\n 密码由英文字母、数字组成\n <a href="https://youzan.com" target="_blank">\n 查看更多\n </a>\n </span>\n }\n validateOccasion={\n Form.ValidateOccasion.Blur | Form.ValidateOccasion.Change\n }\n validators={[\n Validators.pattern(/^[a-zA-Z0-9]+$/, \'只允许英文字母和数字\'),\n ]}\n notice="重要提示：填写后无法修改，请谨慎设置"\n required="必填"\n />\n <FormInputField\n className="demo-form-basic-email"\n label="E-Mail："\n name="email"\n validators={[\n Validators.required(\'必填\'),\n Validators.email(\'请输入正确的邮箱\'),\n ]}\n />\n <Button htmlType="reset">重置</Button>\n <Button onClick={form.model.clear.bind(form.model)}>\n 清空\n </Button>\n <Button loading={initializing} onClick={initialize}>\n 初始化表单数据\n </Button>\n <Button onClick={() => form.model.clearError()}>清空错误信息</Button>\n </Form>\n <Button\n style={{ marginTop: 24 }}\n onClick={() => setDisabled(prev => !prev)}\n >\n {disabled ? \'解除禁用\' : \'禁用表单\'}\n </Button>\n </>\n );\n}\n\nReactDOM.render(<Component />, mountNode);'},o.createElement(an)),o.createElement(zn,{title:"使用内置表单元素组件",id:"Demo2",src:'import {\n Form,\n FormStrategy,\n Field,\n FormInputField,\n FormSelectField,\n FormRadioGroupField,\n FormCheckboxField,\n FormCheckboxGroupField,\n FormColorPickerField,\n FormDateRangePickerField,\n FormNumberInputField,\n FormSwitchField,\n Radio,\n Checkbox,\n Button,\n FormTimeRangePickerField,\n FormSingleUploadField,\n FormUploadField,\n FormImageUploadField,\n} from \'zent\';\n\nfunction Component() {\n const form = Form.useForm(FormStrategy.View);\n return (\n <Form layout="horizontal" form={form}>\n <FormInputField\n name="name"\n label="昵称："\n required="请选择类型"\n props={{\n spellCheck: false,\n }}\n />\n <FormSelectField\n name="type"\n label="类型："\n required\n props={{\n options: [\n { key: 1, text: \'普通用户\' },\n { key: 2, text: \'高级用户\' },\n ],\n }}\n />\n <FormRadioGroupField\n name="sex"\n label="性别："\n required\n validators={[Validators.required(\'请选择性别\')]}\n >\n <Radio value="1">男</Radio>\n <Radio value="2">女</Radio>\n </FormRadioGroupField>\n <FormCheckboxGroupField\n name="hobbies"\n label="兴趣标签："\n required="请选择标签"\n validators={[Validators.minLength(1, \'请选择标签\')]}\n >\n <Checkbox value="movie">电影</Checkbox>\n <Checkbox value="book">书籍</Checkbox>\n <Checkbox value="travel">旅行</Checkbox>\n </FormCheckboxGroupField>\n <FormNumberInputField\n name="age"\n label="年龄："\n defaultValue={12}\n props={{\n showStepper: true,\n }}\n />\n <FormColorPickerField\n name="color"\n label="喜欢的颜色："\n defaultValue="#5197FF"\n />\n <FormTimeRangePickerField\n name="workTime"\n label="工作时间："\n defaultValue={[\'9:00:00\', \'18:00:00\']}\n ></FormTimeRangePickerField>\n <FormDateRangePickerField\n name="dateRange"\n label="身份证有效期："\n type="split"\n dateFormat="YYYY-MM-DD HH:mm:ss"\n validators={[\n function required(value) {\n if (!value[0] || !value[1]) {\n return {\n name: \'required\',\n message: \'请填写有效期\',\n };\n }\n },\n ]}\n />\n <FormSwitchField\n name="isPublic"\n label="公开个人信息："\n defaultValue={false}\n />\n <FormCheckboxField name="agree" label="同意许可条例：">\n 是\n </FormCheckboxField>\n <FormSingleUploadField\n name="singleFile"\n label="单文件上传："\n props={{\n tips: \'文件大小不超过 2M\',\n maxSize: 1024 * 1024 * 2,\n }}\n />\n <FormUploadField\n name="upload"\n label="文件上传："\n props={{\n tips: \'单个文件不超过 2M\',\n maxAmount: 9,\n maxSize: 1024 * 1024 * 2,\n }}\n />\n <FormImageUploadField\n name="imageUpload"\n label="图片文件上传："\n props={{\n tips: \'单个文件不超过 2M\',\n maxAmount: 9,\n maxSize: 1024 * 1024 * 2,\n }}\n />\n <Button\n type="primary"\n onClick={() =>\n Notify.info(\n <code>\n <pre>{JSON.stringify(form.getValue(), null, 2)}</pre>\n </code>\n )\n }\n >\n Values\n </Button>\n </Form>\n );\n}\n\nReactDOM.render(<Component />, mountNode);'},o.createElement(sn)),o.createElement(zn,{title:"表单提交",id:"Demo15",src:'import { Form, FormStrategy, Notify, FormInputField } from \'zent\';\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n const onSubmit = React.useCallback(form => {\n // 在onSubmit触发之前，表单已校验通过\n const value = form.getValue();\n\n // onSubmit可以返回一个Promise，onSubmitSuccess会在其resolve之后调用\n return new Promise(resolve => {\n setTimeout(resolve, 1000);\n });\n }, []);\n const onSubmitSuccess = React.useCallback(() => {\n Notify.success(\'表单提交成功\');\n }, []);\n const onSubmitFail = React.useCallback((error) => {\n console.log(error);\n Notify.error(\'校验似乎出了点问题...\');\n }, []);\n\n return (\n <Form\n form={form}\n layout="horizontal"\n onSubmit={onSubmit}\n onSubmitSuccess={onSubmitSuccess}\n onSubmitFail={onSubmitFail}\n >\n <FormInputField name="name" label="姓名：" required />\n <Button htmlType="submit" type="primary">\n 提交\n </Button>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(tn)),o.createElement(qn,{html:'

表单校验

\n

通过 Field 上的 validators 参数来设置表单项的校验规则；也可以在 FieldArray 或者 FieldSet 上设置校验规则，这是高级用法，请参考这一节。

\n

表单校验函数定义:

\n
type AsyncValidator<T> = (\n  value: T,\n  ctx: ValidatorContext<T>\n) => Promise<IMaybeError<T>> | Observable<IMaybeError<T>> | null;\n\ntype SyncValidator<T> = (value: T, ctx: ValidatorContext<T>) => IMaybeError<T>;
\n
    \n
  • 如果返回 null 或者 undefined 表示校验通过；当校验失败时返回一个包含错误信息的对象。
    • \n
  • 支持返回 Promise 或 Observable 进行异步校验
    • \n
  • 使用 Form.createAsyncValidator 来创建一个异步校验函数，查看函数定义；通过 Form.isAsyncValidator 来判断函数是不是异步校验函数，查看函数定义
    • \n
  • 通过 Field 的 validateOccasion 参数控制校验时机
    • \n
  • 通过 Field 的 getValidateOption 参数控制校验规则的运行时机以及哪些校验规则需要运行
    • \n
  • validator 的执行顺序是 validators 数组的元素顺序，通常建议把异步校验放在最后
    • \n
  • \n

    ctx 参数上有几个获取表单值的方法，当校验依赖其他字段的值时可能需要用到

    \n
      \n
    • getFormValue() 获取整个表单当前的值
      • \n
    • getSectionValue(...names) 获取当前 FieldSet 或者 Form 下的某个字段的值
      • \n
    • getSection() 或者所属 FieldSet 或者 Form 的 model 对象。
      • \n
    \n
    • \n
\n

内置的校验规则

\n'}),o.createElement(zn,{title:"表单校验",id:"Demo4",src:'import {\n Form,\n FormStrategy,\n Radio,\n Checkbox,\n Notify,\n Validators,\n FormNumberInputField,\n FormInputField,\n FormSingleUploadField,\n} from \'zent\';\n\n/**\n * 自定义表单校验，内置组件接受 renderError 参数，若不传默认会显示 message\n */\nfunction equalsPassword(value, ctx) {\n if (value !== ctx.getSectionValue(\'password\').password) {\n return {\n name: \'passwordEqual\',\n message: \'两次填写的密码不一致\',\n };\n }\n return null;\n}\n\nfunction idLength(value) {\n if (value.length !== 10 && value.length !== 15) {\n return {\n name: \'idLength\',\n message: \'证件号码是10位或者15位数字\',\n };\n }\n}\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n const resetForm = useCallback(() => {\n form.resetValue();\n }, [form]);\n const onSubmit = React.useCallback(form => {\n const value = form.getValue();\n console.log(value)\n }, []);\n return (\n <Form\n form={form}\n layout="vertical"\n scrollToError\n onSubmit={onSubmit}\n >\n <FormInputField\n name="name"\n label="昵称："\n required\n helpDesc="正则校验"\n validators={[\n Validators.required(\'请填写昵称\'),\n Validators.pattern(/^[a-zA-Z]+$/, \'昵称只能是字母\'),\n ]}\n />\n <FormInputField\n name="password"\n label="密码："\n required\n helpDesc="非空校验"\n validators={[Validators.required(\'请填写密码\')]}\n props={{\n type: \'password\',\n }}\n />\n <FormInputField\n name="confirmPw"\n label="确认密码："\n required\n helpDesc="自定义校验函数"\n validators={[equalsPassword]}\n props={{\n type: \'password\',\n }}\n />\n <FormInputField\n name="email"\n label="邮件："\n helpDesc="邮件校验"\n validators={[Validators.email(\'请填写正确的邮件\')]}\n />\n <FormInputField\n name="remark"\n label="备注："\n helpDesc="文本输入"\n props={{ type: \'textarea\', showCount: true, maxCharacterCount: 10 }}\n validators={[Validators.maxLength(10, \'备注不能超过10个字符\')]}\n />\n <FormNumberInputField\n name="id"\n label="证件号码："\n required\n helpDesc="自定义校验函数"\n validators={[idLength]}\n />\n <FormCheckboxGroupField\n name="hobbies"\n label="兴趣标签："\n required\n helpDesc="长度校验"\n validators={[Validators.minLength(2, \'请至少选择两个\')]}\n >\n <Checkbox value="movie">电影</Checkbox>\n <Checkbox value="book">书籍</Checkbox>\n <Checkbox value="travel">旅行</Checkbox>\n </FormCheckboxGroupField>\n <FormSingleUploadField\n name="singleFile"\n label="单文件上传："\n props={{\n tips: \'文件大小不超过 2M\',\n maxSize: 1024 * 1024 * 2,\n }}\n validators={[Validators.required(\'请上传文件\')]}\n />\n <FormUploadField\n name="upload"\n label="文件上传："\n props={{\n tips: \'单个文件不超过 2M\',\n maxAmount: 9,\n maxSize: 1024 * 1024 * 2,\n }}\n validators={[Validators.minLength(1, \'请上传文件\')]}\n />\n <FormImageUploadField\n name="imageUpload"\n label="图片文件上传："\n props={{\n tips: \'单个文件不超过 2M\',\n maxAmount: 9,\n maxSize: 1024 * 1024 * 2,\n }}\n validators={[Validators.minLength(1, \'请上传图片\')]}\n />\n <div className="zent-form-actions">\n <Button type="primary" htmlType="submit">\n 获取表单值\n </Button>\n <Button type="primary" outline onClick={resetForm}>\n 重置表单值\n </Button>\n </div>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(pn)),o.createElement(zn,{title:"异步校验",id:"Demo5",src:'import {\n Form,\n FormStrategy,\n Radio,\n Checkbox,\n Notify,\n Validators,\n FormNumberInputField,\n FormInputField,\n} from \'zent\';\n\nconst { ValidateOption } = Form;\n\nconst asyncValidator = Form.createAsyncValidator(\n () =>\n new Promise(resolve => {\n setTimeout(() => {\n resolve({\n name: \'async\',\n message: \'from async validator\',\n });\n }, 100);\n })\n);\n\nfunction getValidateOption(source) {\n if (source === \'blur\') {\n return ValidateOption.IncludeAsync;\n }\n}\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n const resetForm = useCallback(() => {\n form.resetValue();\n }, [form]);\n const validateForm = useCallback(() => {\n form\n // 不传参数直接调用 validate() 等价于\n // validate(ValidateOption.Default | ValidateOption.IncludeChildrenRecursively)\n .validate(\n ValidateOption.Default |\n ValidateOption.IncludeAsync |\n ValidateOption.IncludeUntouched |\n ValidateOption.IncludeChildrenRecursively\n )\n .then(() => {\n Notify.success(`Validate finished: ${form.isValid()}`);\n });\n }, [form]);\n return (\n <Form form={form} layout="vertical" scrollToError>\n <FormInputField\n name="name"\n label="昵称："\n required\n getValidateOption={getValidateOption}\n validators={[\n Validators.required(\'请填写昵称\'),\n Validators.pattern(/^[a-zA-Z]+$/, \'昵称只能是字母\'),\n asyncValidator,\n ]}\n />\n <div className="zent-form-actions">\n <Button type="primary" onClick={validateForm}>\n 校验表单\n </Button>\n <Button type="primary" outline onClick={resetForm}>\n 重置表单值\n </Button>\n </div>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(on)),o.createElement(qn,{html:'

非 Field 层级的校验

\n

FieldSet 和 FieldArray 和 Field 一样可以设置校验规则，这些校验规则是运行在 FieldSet 和 FieldArray 层级的，能拿到下层的所有数据，可以用来实现跨 Field 的校验。

'}),o.createElement(zn,{title:"字段交互",id:"Demo13",src:'import { useCallback } from \'react\';\nimport {\n Form,\n NumberInput,\n Radio,\n FormStrategy,\n Button,\n FieldSet,\n FieldUtils,\n ValidateOption,\n} from \'zent\';\n\nfunction sectionValidator(values) {\n if (values.option !== \'no-limit\' && values.count <= 0) {\n return {\n name: \'error\',\n message: \'次数限制不能为0\',\n };\n }\n return null;\n}\n\nfunction getValue(e) {\n return e.target.value;\n}\n\nfunction Limit() {\n const option = Form.useField(\'option\', \'no-limit\');\n const count = Form.useField(\'count\', 0);\n const onOptionChange = FieldUtils.useMulti(\n useCallback(() => (option.isTouched = true), [option]),\n FieldUtils.usePipe(\n getValue,\n FieldUtils.useChangeHandler(option, Form.ValidateOption.Default)\n )\n );\n const onLimitChange = FieldUtils.useChangeHandler(\n count,\n Form.ValidateOption.Default\n );\n return (\n <Radio.Group\n className="form-demo-12-radio-group"\n value={option.value}\n onChange={onOptionChange}\n >\n <Radio value="no-limit">不限制</Radio>\n <Radio value="limit">\n 限制\n <NumberInput\n {...FieldUtils.useCompositionHandler(count)}\n disabled={option.value === \'no-limit\'}\n value={count.value}\n onChange={onLimitChange}\n onBlur={useCallback(() => {\n count.isTouched = true;\n count.validate();\n }, [count])}\n />\n 次\n </Radio>\n </Radio.Group>\n );\n}\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n const onSubmit = useCallback(() => {\n console.log(\'onSubmit\');\n return Promise.resolve();\n }, []);\n return (\n <Form form={form} layout="vertical" onSubmit={onSubmit}>\n <FieldSet name="values" validators={[sectionValidator]}>\n <Limit />\n </FieldSet>\n <div>\n <Button htmlType="submit" style={{ marginTop: 16 }}>\n 提交\n </Button>\n </div>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(en)),o.createElement(qn,{html:'

校验选项

\n

校验选项共有以下几种：

\n
    \n
  • ValidateOption.Empty：校验会往上层冒泡，但不往下递归触发校验，并且会包含没有修改过的 Field，不校验没有 touch 过的 Field，不触发异步校验
    • \n
  • ValidateOption.Default：默认行为，等同于ValidateOption.Empty
    • \n
  • ValidateOption.IncludeAsync：校验时包含异步校验
    • \n
  • ValidateOption.IncludeUntouched：仅对满足!!model.touched() === true的字段进行校验
    • \n
  • ValidateOption.IncludeChildrenRecursively：递归校验下层的 Field，适用于直接从 Form，FieldSet 或者 FieldArray 触发的校验
    • \n
  • ValidateOption.ExcludePristine：不校验没有修改过的 Field
    • \n
  • ValidateOption.StopPropagation：校验时不往上一级 FieldSet 或者 FieldArray 冒泡，冒泡会一直到最顶层的 Form。
    • \n
\n

校验选项是一个 BitSet，在自定义表单组件中，使用 Model 上的 validate 方法进行校验时，使用 | 运算符联合所需的选项作为参数传入即可。

\n

不传参数调用 form.validate() 等价于 form.validate(ValidateOption.Default)。

'}),o.createElement(zn,{title:"校验选项",id:"Demo16",src:'import {\n Form,\n FormError,\n FormStrategy,\n Validators,\n ValidateOption,\n} from \'zent\';\n\nfunction RequiredEmail({\n label,\n name,\n helpDesc,\n validators,\n validateOption = ValidateOption.Empty,\n defaultValue = \'\',\n props,\n}) {\n const model = Form.useField(name, defaultValue, [\n Validators.required(\'请输入邮箱\'),\n Validators.email(\'请输入正确的邮箱\'),\n ...(validators || []),\n ]);\n\n const onChange = useCallback(\n e => {\n model.isTouched = true;\n model.value = e.target.value;\n },\n [model]\n );\n\n const validate = useCallback(() => {\n model.validate(validateOption);\n }, [model, validateOption]);\n\n return (\n <FormControl label={label} required>\n <Input\n {...props}\n value={model.value}\n onChange={onChange}\n onBlur={validate}\n width={240}\n />\n {model.error && <FormError>{model.error.message}</FormError>}\n <p style={{ color: \'#ababab\', fontSize: 12 }}>{helpDesc}</p>\n </FormControl>\n );\n}\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n\n return (\n <Form form={form} layout="vertical">\n <RequiredEmail\n name="email"\n label="邮箱："\n helpDesc="这个字段总会在blur事件触发校验"\n validateOption={\n ValidateOption.IncludeUntouched | ValidateOption.IncludeAsync\n }\n />\n <RequiredEmail\n name="email"\n label="邮箱2："\n helpDesc="这个字段只会在触发onChange之后才在blur事件触发校验"\n validateOption={ValidateOption.IncludeAsync}\n />\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(cn)),o.createElement(qn,{html:'

校验中间件

\n

校验中间件作用于校验函数本身，可以把它视作用来装饰函数的装饰器；通过中间件可以为内置的校验函数提供一些额外能力，例如条件校验。

\n

使用 FieldUtils.compose 可以将多个中间件组合成一个，文档底部有 FieldUtils.compose 的 API 描述。

\n

校验中间件的函数签名：

\n
type Middleware<T> = (next: IValidator<T>) => IValidator<T>;
\n

内置的校验中间件

\n
    \n
  • when 满足条件时才执行校验逻辑
    • \n
  • whenAsync 同 when，适用于移步校验函数
    • \n
  • message 根据值返回动态的错误信息
    • \n
'}),o.createElement(zn,{title:"校验中间件",id:"Demo6",src:'import {\n Form,\n FormStrategy,\n Validators,\n ValidatorMiddlewares,\n FormInputField,\n FormSwitchField,\n} from \'zent\';\n\nconst { FieldValue } = Form;\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n\n return (\n <Form form={form} layout="vertical" scrollToError>\n <FormSwitchField label="启用短信通知：" name="shouldNotify" />\n <FieldValue name="shouldNotify">\n {shouldNotify => (\n <FormInputField\n name="contact"\n label={\n (shouldNotify ? \'手机号\' : \'联系方式\') + \'：\'\n }\n required\n validators={[\n ValidatorMiddlewares.message(ctx => {\n return ctx.getFormValue().shouldNotify\n ? \'请填写手机号\'\n : \'请填写联系方式\';\n })(Validators.required(\'123\')),\n ValidatorMiddlewares.when(\n ctx => ctx.getFormValue()?.shouldNotify\n )(Validators.pattern(/^\\d{11}$/, \'请填写11位手机号\')),\n ]}\n />\n )}\n </FieldValue>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(ln)),o.createElement(qn,{html:'

订阅校验状态

\n

这个功能虽然不是很常用，但是 Zent 提供了 2 种监听表单校验状态的方法：

\n
    \n
  • Form.FieldValid：接收 name 或 model，将其校验状态作为 children 的第一个参数
    • \n
  • Form.useFieldValid：接收 name 或 model，返回其校验状态
    • \n
  • Form.useFormValid：接收 ZentForm 对象（即 useForm 的返回值），返回表单的校验状态
    • \n
  • 订阅 FieldArray, FieldSet 或者 Form 的校验状态可能会导致性能问题，因为这些是容器类型，订阅它们意味着需要订阅它们内部包含的所有表单项的校验状态变化，这是一个非常耗资源并且影响性能的操作，所以不推荐大范围频繁使用；开发模式下在 console 中会有一个警告信息。
    • \n
  • 当遇到订阅导致重绘次数过多的性能问题时，可以考虑使用 useObservableBatchedEagerState 将操作做批处理，减少重绘次数。
    • \n
'}),o.createElement(zn,{title:"响应式的校验状态",id:"Demo19",src:'import {\n Form,\n FormError,\n FormStrategy,\n FormControl,\n Input,\n Validators,\n FormInputField,\n FieldSet,\n Button,\n Notify,\n Alert,\n} from \'zent\';\n\nconst { useState, useEffect, useCallback } = React;\nconst { useForm, useFieldArray, useFormValid } = Form;\n\nfunction App() {\n const form = useForm(FormStrategy.View);\n\n return (\n <Form form={form} layout="horizontal">\n <Preview form={form} />\n <FieldSet name="set">\n <FormInputField\n required\n withoutError\n name="field1"\n label="字段-1"\n />\n <Form.FieldValid name="field1">\n {valid => (\n <FormControl label=" ">\n <div>Field-1 is {valid ? \'valid\' : \'invalid\'}</div>\n </FormControl>\n )}\n </Form.FieldValid>\n <FormInputField required name="field2" label="字段-2" />\n </FieldSet>\n <FieldArray />\n </Form>\n );\n}\n\nfunction FieldArray() {\n const model = useFieldArray(\'array\');\n\n return (\n <>\n {model.children.map((child, index) => {\n return (\n <div key={child.id}>\n <FormInputField\n required\n model={child}\n label="项目"\n props={{\n addonAfter: (\n <Icon\n type="close"\n style={{ cursor: \'pointer\' }}\n onClick={() => model.splice(index, 1)}\n />\n ),\n }}\n />\n </div>\n );\n })}\n <Button type="primary" onClick={() => model.push(\'\')}>\n Add\n </Button>\n </>\n );\n}\n\nfunction Preview({ form }) {\n // You will see a warning about performance issues in console.\n // Only do this if you know what you are doing.\n const valid = useFormValid(form);\n\n return (\n <Alert type={valid ? \'success\' : \'error\'} style={{ marginBottom: 24 }}>\n Form is {valid ? \'valid\' : \'invalid\'}\n </Alert>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(un)),o.createElement(qn,{html:'

useFieldArray 和 FieldSet

\n
    \n
  • \n

    useFieldArray 用于封装一组一样的表单项处理逻辑；FieldSet 用来封装一组相关的表单项处理逻辑。

    \n
    • \n
  • \n

    注意并没有所谓的 FieldArray 组件，直接使用 Form.useFieldArray 这个 hooks 即可。该函数有两个重载的实现，分别对应 Form 的两种运行模式。

    \n
    • \n
  • \n

    useFieldArray 的参数定义请参考这里。

    \n
    • \n
  • \n

    useFieldArray 返回值是一个 FieldArrayModel，通过 children 就能访问到所有数据，一般在 render 函数里对 children 做 map 操作即可。

    \n
    • \n
  • \n

    FieldArrayModel 上还有一些操作方法： push，pop，shift，unshift，splice，类似数组上对应的方法，用于操作子元素。对 FieldArrayModel 内元素做增删应该使用前面说的这些方法，不应该通过 patchValue 来实现增删，因为 patchValue 只更新值，会导致内部 model 状态不一致。

    \n
    • \n
  • \n

    FieldSet 组件和 Form 一样有两种运行模式，View 模式可以通过 name 参数指定对应的数据来源；Model 模式则通过 model 参数或者 name 参数显式的设置数据来源。

    \n
    • \n
\n

FieldSet 两种模式公用的参数可以在这里查看。

\n
    \n
  • validators 校验规则数组，按数组顺序执行，直到所有都通过或者在第一个失败的地方停止
    • \n
  • scrollAnchorRef 表单提交时滚动到错误时的 DOM 元素的 ref(来自 React.createRef 或 React.useRef)
    • \n
  • renderError 用于渲染整个 FieldSet 层面的错误
    • \n
  • children 不解释
    • \n
\n

View 模式额外的参数：

\n
    \n
  • destroyOnUnmount 是否在组件 unmount 的时候销毁 model 对象，销毁时机依赖 React 执行时机。
    • \n
  • normalizeBeforeSubmit 用于表单提交前格式化 FieldSet 值的回调函数
    • \n
  • validators FieldSet 本身的校验规则列表，注意和内部 Field 的校验规则没有关系。执行的时候会按数组顺序逐个调用，直到所有都通过或者在第一个失败的地方停止
    • \n
'}),o.createElement(zn,{title:"FieldArray 基本使用",id:"Demo8",src:'import {\n Form,\n FormError,\n Icon,\n Pop,\n Notify,\n FieldModel,\n FieldSetModel,\n FieldSet,\n Validators,\n ValidatorOption,\n FormStrategy,\n FormNumberInputField,\n} from \'zent\';\n\nfunction Hobbies({ name }) {\n const model = Form.useFieldArray(name, [\n Validators.maxLength(3, \'最多添加 3 项兴趣\'),\n ]);\n const addHobby = useCallback(() => {\n model.push(\'\');\n model.validate(ValidateOption.IncludeUntouched);\n }, []);\n return (\n <>\n <Button onClick={addHobby} className="add-btn">\n 添加兴趣爱好\n </Button>\n <ul>\n {model.children.map((child, index) => (\n <li key={child.id} className="hobby">\n <FormInputField\n model={child}\n label={`兴趣爱好${index + 1}：`}\n validators={[Validators.required(\'请填写兴趣爱好\')]}\n props={{\n width: 120,\n }}\n />\n <span\n className="del-btn"\n onClick={() => {\n model.splice(index, 1);\n model.validate();\n }}\n >\n 删除该爱好\n </span>\n </li>\n ))}\n </ul>\n <FormError style={{ marginLeft: 128 }}>{model.error?.message}</FormError>\n </>\n );\n}\n\nfunction MemberInfo({ remove, index }) {\n const onRemoveClick = useCallback(() => {\n remove(index);\n }, [index, remove]);\n return (\n <li className="members">\n <div className="member-title">\n <span>\n 成员\n {index + 1}\n </span>\n <Pop centerArrow trigger="hover" content="删除该成员">\n <Icon\n className="del-btn"\n type="close-circle"\n onClick={onRemoveClick}\n />\n </Pop>\n </div>\n <FormInputField\n name="name"\n label="名字:"\n required\n validators={[Validators.required(\'请填写成员名字\')]}\n normalizeBeforeSubmit={name => name.toUpperCase()}\n />\n <FormRadioGroupField\n name="sex"\n label="性别："\n defaultValue="1"\n required\n validators={[Validators.required(\'请选择性别\')]}\n >\n <Radio value="1">男</Radio>\n <Radio value="2">女</Radio>\n </FormRadioGroupField>\n <Hobbies name="hobbies" />\n </li>\n );\n}\n\nfunction Members({ name }) {\n const model = Form.useFieldArray(name);\n const addOne = useCallback(() => {\n model.push({});\n }, [model]);\n const addTwo = useCallback(() => {\n model.push({}, {});\n }, [model]);\n const remove = useCallback(\n index => {\n model.splice(index, 1);\n },\n [model]\n );\n return (\n <>\n {model.children.length < 3 && (\n <Button onClick={addOne} className="add-btn">\n 添加一个成员\n </Button>\n )}\n {model.children.length < 2 && (\n <Button onClick={addTwo} className="add-btn">\n 添加两个成员\n </Button>\n )}\n <ul>\n {model.children.map((child, index) => (\n <FieldSet key={child.id} model={child}>\n <MemberInfo index={index} remove={remove} />\n </FieldSet>\n ))}\n </ul>\n </>\n );\n}\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n const setArray = useCallback(() => {\n form.patchValue({\n number: 42,\n members: [\n {\n name: \'john\',\n sex: \'1\',\n hobbies: [\'H1\'],\n },\n ],\n });\n }, [form]);\n\n const getFormValue = useCallback(() => {\n console.log(form.getValue());\n }, [form]);\n\n const getSubmitValue = useCallback(() => {\n console.log(form.getSubmitValue());\n }, [form]);\n\n return (\n <Form className="demo-form" layout="horizontal" form={form}>\n <FormNumberInputField\n name="number"\n label="总人数："\n required\n validators={[Validators.required(\'请填写总人数\')]}\n />\n <Members name="members" />\n <div style={{ marginTop: 16 }}>\n <Button type="primary" htmlType="submit" onClick={getFormValue}>\n 获取表单值\n </Button>\n <Button type="primary" htmlType="submit" onClick={getSubmitValue}>\n 获取表单提交值\n </Button>\n <Button onClick={setArray}>设置 FieldArray 值</Button>\n </div>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(kn)),o.createElement(qn,{html:'

Builder API 和 Model 模式

\n

使用 Form 的 Model 模式需要自己手动创建 model，我们提供了 builder API 来帮助完成这个操作。每个函数返回的都是一个 Builder 对象，Builder 对象都有一个 validators 方法用来配置 model 的校验规则。Builder API 都支持链式调用。

\n
    \n
  • Form.form 参数是个对象，用来描述整个 Form model 的结构, 查看函数定义
    • \n
  • Form.field 参数是 Field 的默认值，查看函数定义
    • \n
  • Form.set 参数是个对象，用来描述这个表单集合的结构，查看函数定义
    • \n
  • Form.array 参数是一个其他函数返回的 Builder 对象，array 返回的 Builder 对象上有 defaultValue 用于设置这个 array 中的表单项的默认值，查看函数定义
    • \n
'}),o.createElement(zn,{title:"从 Model 构建表单",id:"Demo9",src:'import {\n Form,\n Icon,\n Pop,\n Notify,\n FieldModel,\n FieldSetModel,\n FieldSet,\n Validators,\n FormStrategy,\n FormNumberInputField,\n} from \'zent\';\n\nconst { form, field, array, set } = Form;\n\nfunction hobbyFactory(defaultValue = \'\') {\n return field(defaultValue);\n}\n\nfunction Hobbies({ model: propsModel }) {\n const model = Form.useFieldArray(propsModel);\n const addHobby = useCallback(() => {\n model.push(\'\');\n }, []);\n return (\n <>\n <Button onClick={addHobby} className="add-btn">\n 添加兴趣爱好\n </Button>\n <ul>\n {model.children.map((child, index) => (\n <li key={child.id} className="hobby">\n <FormInputField\n model={child}\n label={`兴趣爱好${index + 1}：`}\n props={{\n width: 120,\n }}\n />\n <span className="del-btn" onClick={() => model.splice(index, 1)}>\n 删除该爱好\n </span>\n </li>\n ))}\n </ul>\n </>\n );\n}\n\nfunction MemberInfo({ remove, index, model }) {\n const { name, sex, hobbies } = model.children;\n const onRemoveClick = useCallback(() => {\n remove(index);\n }, [index, remove]);\n return (\n <FieldSet model={model}>\n <li className="members">\n <div className="member-title">\n <span>\n 成员\n {index + 1}\n </span>\n <Pop centerArrow trigger="hover" content="删除该成员">\n <Icon\n className="del-btn"\n type="close-circle"\n onClick={onRemoveClick}\n />\n </Pop>\n </div>\n <FormInputField\n model={name}\n label="名字："\n required\n />\n <FormRadioGroupField model={sex} label="性别：" required>\n <Radio value="1">男</Radio>\n <Radio value="2">女</Radio>\n </FormRadioGroupField>\n <Hobbies model={hobbies} />\n </li>\n </FieldSet>\n );\n}\n\nfunction Members({ model: propsModel }) {\n const model = Form.useFieldArray(propsModel);\n const addOne = useCallback(() => {\n model.push({});\n }, [model]);\n const addTwo = useCallback(() => {\n model.push({}, {});\n }, [model]);\n const remove = useCallback(\n index => {\n model.splice(index, 1);\n },\n [model]\n );\n return (\n <>\n {model.children.length < 3 && (\n <Button onClick={addOne} className="add-btn">\n 添加一个成员\n </Button>\n )}\n {model.children.length < 2 && (\n <Button onClick={addTwo} className="add-btn">\n 添加两个成员\n </Button>\n )}\n <ul>\n {model.children.map((child, index) => (\n <MemberInfo key={child.id} model={child} index={index} remove={remove} />\n ))}\n </ul>\n </>\n );\n}\n\nconst formBuilder = form({\n number: field(\'\').validators(Validators.required(\'请填写总人数\')),\n members: array(\n set({\n name: field(\'\')\n .validators(Validators.required(\'请填写成员名字\'))\n .normalizeBeforeSubmit(name => name.toUpperCase()),\n sex: field(\'1\').validators(\n Validators.required(\'请选择性别\')\n ),\n hobbies: array(\n field(\'\').validators(Validators.required(\'请填写兴趣爱好\'))\n ).defaultValue([]),\n })\n ),\n});\n\nfunction App() {\n const form = Form.useForm(formBuilder);\n const { number, members } = form.model.children;\n const setArray = useCallback(() => {\n form.patchValue({\n number: 42,\n members: [\n {\n name: \'john\',\n sex: \'1\',\n hobbies: [\'H1\'],\n },\n ],\n });\n }, [form]);\n\n const getFormValue = useCallback(() => {\n console.log(form.getValue());\n }, [form]);\n\n const getSubmitValue = useCallback(() => {\n console.log(form.getSubmitValue());\n }, [form]);\n\n return (\n <Form className="demo-form" layout="horizontal" form={form}>\n <FormNumberInputField\n model={number}\n label="总人数："\n required\n />\n <Members model={members} />\n <div style={{ marginTop: 16 }}>\n <Button type="primary" htmlType="submit" onClick={getFormValue}>\n 获取表单值\n </Button>\n <Button type="primary" htmlType="submit" onClick={getSubmitValue}>\n 获取表单提交值\n </Button>\n <Button onClick={setArray}>设置 FieldArray 值</Button>\n </div>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(rn)),o.createElement(qn,{html:'

Model 模式动态增加/删除表单项

\n

有些联动的场景需要在表单项变化的时候动态删除或者增加表单项，我们提供了一组 API 来支持这类使用场景。

\n

每个 model 上都有一个 builder 的属性，通过这个属性能够获取到这个 model 对应的 builder 对象，通过 builder.build() 方法就可以可以生成一个行为一样的 model 对象。注意，builder 对象仅在通过上述 Builder API 生成的 model，View 模式下的 model 上这个属性永远是空的。

\n

除此之外，FieldSetModel 以及 FormModel 上提供了两个方法用来完成子 model 的删除和增加：

\n
    \n
  • removeChild<T extends keyof Children>(name: T): Children[T] | null
    • \n
  • registerChild(name: string, model: BasicModel): void
    • \n
\n

FieldArrayModel 的 push, unshift 以及 splice 方法也支持直接传入 model。

\n

由于 FieldArrayModel, FieldSetModel 和 FormModel 子 model 的增删需要触发组件重绘，因此提供了额外的 hook 来处理：

\n
    \n
  • Form.useFieldArrayChildModels
    • \n
  • Form.useNamedChildModel(parent: FieldSetModel, name: string): BasicModel，注意 FormModel 是 FieldSetModel 的子类，所以也适用于这个方法。
    • \n
\n

这两个 hook 不监听子 model 内部状态的变化，如有需要，需使用它们返回的 model 对象自行调用 useField 等 hook 来实现。

\n

通过结合上述这些能力，就可以完成 Model 模式下表单项的动态增删了。

'}),o.createElement(zn,{title:"Model 模式动态增删表单项",id:"Demo22",src:'import {\n Form,\n Validators,\n FormRadioGroupField,\n FormNumberInputField,\n FormInputField,\n Checkbox,\n} from \'zent\';\nimport { merge } from \'rxjs\';\n\nconst { form, field } = Form;\n\nconst ContactType = {\n Phone: 1,\n Email: 2,\n};\n\nconst formBuilder = form({\n contactType: field(ContactType.Phone).validators(\n Validators.required(\'请选择联系方式\')\n ),\n phone: field(\'\').validators(\n Validators.pattern(/\\d{11}/, \'手机号必须是 11 位数字\')\n ),\n email: field(\'\').validators(Validators.email(\'邮箱不正确\')),\n});\n\nfunction App() {\n const [preserveState, setPreserveState] = React.useState(false);\n const onPreserveStateChange = React.useCallback(\n evt => {\n setPreserveState(evt.target.checked);\n },\n [setPreserveState]\n );\n\n const form = Form.useForm(formBuilder);\n const removedModelRef = React.useRef(null);\n\n const swapModel = React.useCallback(\n (oldName, newName) => {\n const prevModel = removedModelRef.current;\n const oldModel = form.model.removeChild(oldName);\n if (oldModel !== null) {\n removedModelRef.current = oldModel;\n }\n if (!form.model.get(newName)) {\n const newModel = preserveState ? prevModel : prevModel.builder.build();\n form.model.registerChild(newName, newModel);\n }\n },\n [form, preserveState]\n );\n\n const contactTypeValue = Form.useModelValue(form.model.get(\'contactType\'));\n\n React.useEffect(() => {\n if (contactTypeValue === ContactType.Phone) {\n swapModel(\'email\', \'phone\');\n } else {\n swapModel(\'phone\', \'email\');\n }\n }, [swapModel, contactTypeValue]);\n\n const getFormValue = React.useCallback(() => {\n console.log(form.getValue(), form.isValid());\n }, [form]);\n\n // `useNamedChildModel` will trigger a render whenever a model is removed or registered\n const phoneModel = Form.useNamedChildModel(form.model, \'phone\');\n const emailModel = Form.useNamedChildModel(form.model, \'email\');\n\n return (\n <Form className="demo-form" layout="horizontal" form={form}>\n <FormRadioGroupField\n model={form.model.get(\'contactType\')}\n label="联系方式"\n required\n >\n <Radio value={ContactType.Phone}>手机号码</Radio>\n <Radio value={ContactType.Email}>电子邮箱</Radio>\n </FormRadioGroupField>\n\n {contactTypeValue === ContactType.Phone && phoneModel && (\n <FormNumberInputField\n model={phoneModel}\n label="手机号码"\n required\n />\n )}\n\n {contactTypeValue === ContactType.Email && emailModel && (\n <FormInputField model={emailModel} label="电子邮箱" required />\n )}\n\n <div style={{ marginTop: 16 }}>\n <Button type="primary" htmlType="submit" onClick={getFormValue}>\n 打印表单值\n </Button>\n <Checkbox\n checked={preserveState}\n onChange={onPreserveStateChange}\n style={{ marginLeft: 16 }}\n >\n 切换联系方式时时保留 model 状态\n </Checkbox>\n </div>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(mn)),o.createElement(qn,{html:'

表单值的格式化

\n
    \n
  • 可以通过 normalize 和 format 参数来格式化 Field 的输入输出
    • \n
  • 可以通过 normalizeBeforeBlur 方法，在 InputField 等输入框触发 onBlur 事件时修改 model 内的值
    • \n
  • 也可以使用 normalizeBeforeSubmit 属性和 form.getSubmitValue() 方法，在不改变 model 内存储值的情况下修改表单提交的值
    • \n
'}),o.createElement(zn,{title:"格式化表单值",id:"Demo11",src:'import { FormInputField, Form, FormStrategy, Validators } from \'zent\';\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n return (\n <Form layout="vertical" form={form}>\n <FormInputField\n name="field1"\n label="field1"\n normalizeBeforeBlur={value => value.trim()}\n normalize={value => value.toUpperCase()}\n format={value => value.toLowerCase()}\n />\n <label>实际值：</label>\n <Form.FieldValue name="field1" />\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(dn)),o.createElement(qn,{html:'

读取/订阅表单值

\n

试想一个使用场景：我们要实现一个活动编辑器，右侧是编辑框，左侧是实时预览；这种场景下除了需要一个地方来输入表单的各个值之外，还需要在另外一个地方读取这些表单值。我们提供了一套统一的简单易用，并且使用姿势和 Field 非常相似的 API 来实现组件值的按需读取。这些组件只会监听所需的数据变化，不会因为没有监听的表单项变化了而产生重绘。

\n
    \n
  • Field 组件对应 FieldValue，View 模式下指定一个 name；Model 模式下指定一个 model
    • \n
  • FieldSet 组件对应 FieldSetValue，只有一个 name 参数；如果是 Model 模式下已经拿到对应的 model 对象了，那么直接将 model.get(xxx) 传给 FieldValue 组件即可
    • \n
  • Form.useFieldArray 对应 useFieldArrayChildModels，View 模式下指定一个 name；Model 模式下指定一个 model 或者 name。注意，它只会监听 children 的增、删行为，不会监听 children 内部的变动
    • \n
  • Form.useFieldValue 提供了一种 hooks 的风格来获取表单值（包括 FieldSet、FieldArray、Field），它可以深度监听表单值
    • \n
  • Form.useFormValue 提供了一种 hooks 的风格来获取整个表单的值，它可以深度监听表单值
    • \n
'}),o.createElement(zn,{title:"实时预览",id:"Demo12",src:'import {\n FormInputField,\n Form,\n FormStrategy,\n FieldSet,\n FormControl,\n Icon,\n Input,\n FieldUtils,\n} from \'zent\';\n\nconst NicknamesPreview = () => {\n const children = Form.useFieldArrayChildModels(\'nickname\');\n if (!children) {\n return null;\n }\n return (\n <div className="form-demo-11-preview-nickname">\n <label>{\'昵称：\'}</label>\n {children.map((child, index) => (\n <Form.FieldValue key={index} model={child}>\n {value => `${value} `}\n </Form.FieldValue>\n ))}\n </div>\n );\n};\n\nconst Preview = () => (\n <div className="form-demo-11-preview">\n <Form.FieldValue name="name">{value => <h3>{value}</h3>}</Form.FieldValue>\n <Form.FieldSetValue name="contact">\n <div className="form-demo-11-preview-phone">\n <label>{\'电话：\'}</label>\n <Form.FieldValue name="phone" />\n </div>\n <div className="form-demo-11-preview-address">\n <Form.FieldValue name="address" />\n </div>\n </Form.FieldSetValue>\n <NicknamesPreview />\n </div>\n);\n\nconst Nickname = ({ model: propsModel, last, add, del }) => {\n const model = Form.useField(propsModel);\n const onChange = useCallback(\n e => {\n model.value = e.target.value;\n },\n [model]\n );\n return (\n <div className="form-demo-11-nickname">\n <Input\n {...FieldUtils.useCompositionHandler(model)}\n onChange={onChange}\n value={model.value}\n />\n <Icon type="close-circle" style={{ color: \'#da2626\' }} onClick={del} />\n {last && (\n <Icon type="plus-circle" style={{ color: \'#4cb35d\' }} onClick={add} />\n )}\n </div>\n );\n};\n\nconst Nicknames = () => {\n const model = Form.useFieldArray(\'nickname\', [], [\'\']);\n const add = () => model.push(\'\');\n const del = index => model.splice(index, 1);\n\n return (\n <FormControl label="昵称">\n {model.children.map((child, index) => (\n <Nickname\n key={index}\n model={child}\n last={model.children.length === index + 1}\n add={add}\n del={() => del(index)}\n />\n ))}\n </FormControl>\n );\n};\n\nconst Edit = () => (\n <div>\n <FormInputField label="姓名" name="name" />\n <FieldSet name="contact">\n <FormInputField label="电话" name="phone" />\n <FormInputField label="联系地址" name="address" />\n </FieldSet>\n <Nicknames />\n </div>\n);\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n return (\n <Form form={form} layout="vertical" className="form-demo-11">\n <Preview />\n <Edit />\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(gn)),o.createElement(zn,{title:"订阅表单值更新",id:"Demo20",src:'import {\n Form,\n FormError,\n FormStrategy,\n FormControl,\n Input,\n Validators,\n FieldSet,\n FormInputField,\n Button,\n Notify,\n Icon,\n} from \'zent\';\n\nconst { useState, useEffect, useCallback } = React;\nconst { useForm, useFieldArray, useFormValue } = Form;\n\nfunction App() {\n const form = useForm(FormStrategy.View);\n\n return (\n <Form form={form} layout="vertical">\n <FormInputField required name="name" label="姓名" />\n <FormInputField name="address" label="地址" />\n <FieldSet name="stature">\n <FormInputField name="weight" label="体重" />\n <FormInputField name="height" label="身高" />\n </FieldSet>\n <FieldArray />\n <Preview form={form} />\n </Form>\n );\n}\n\nfunction FieldArray() {\n const model = useFieldArray(\'hobbies\', [], [\'看书\']);\n model.destroyOnUnmount = true;\n\n return (\n <FormControl label="爱好">\n {model.children.map((child, index) => {\n return (\n <div key={child.id}>\n <FormInputField\n withoutLabel\n model={child}\n props={{\n addonAfter: (\n <Icon\n type="close"\n style={{ cursor: \'pointer\' }}\n onClick={() => model.splice(index, 1)}\n />\n ),\n }}\n />\n </div>\n );\n })}\n <Button type="primary" onClick={() => model.push(\'\')}>\n 增加爱好\n </Button>\n </FormControl>\n );\n}\n\nfunction Preview({ form }) {\n // You will see a warning about performance issues in console.\n // Only do this if you know what you are doing.\n const value = useFormValue(form);\n\n return (\n <>\n <div>Form Value</div>\n <pre>{JSON.stringify(value, null, 2)}</pre>\n </>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(yn)),o.createElement(qn,{html:"

⚠️ 注意：订阅单个表单项的值一般不会有什么问题，但是订阅 FieldArray, FieldSet 或者 Form 的值时需要谨慎，因为这些是容器类型，订阅它们意味着需要订阅它们内部包含的所有表单项的变化，这是一个非常耗资源并且影响性能的操作，所以不推荐大范围频繁使用。针对这个问题，开发模式下会有一个警告信息来提醒使用者。

\n

当遇到订阅导致重绘次数过多的性能问题时，可以考虑使用 useObservableBatchedEagerState 将操作做批处理，减少重绘次数。

\n

下面这个示例的场景比较特殊，在 useCallback 的回调中同步触发重绘的话 React 会自动合并无用的重绘；但是如果在异步代码中触发重绘的话 React 并不会自动合并，导致大量重绘操作在短时间内触发，引起性能问题。

\n

此时可用使用 useObservableBatchedEagerState 来合并 Observable 的修改，从而间接的减少 React 重绘，优化性能。

"}),o.createElement(zn,{title:"批处理优化重绘性能",id:"Demo23",src:'import {\n Form,\n Button,\n FormInputField,\n useObservableBatchedEagerState,\n} from \'zent\';\n\nconst { useState, useCallback } = React;\n\nconst formModel = Form.form({\n list: Form.array(\n Form.set({\n v: Form.field(0),\n })\n ).defaultValue([{ v: 1 }, { v: 2 }, { v: 3 }]),\n});\n\nfunction App() {\n const form = Form.useForm(formModel);\n\n return (\n <Form form={form} layout="horizontal">\n <List />\n </Form>\n );\n}\n\nfunction List() {\n const model = Form.useFieldArray(\'list\');\n\n const [batchedListValue, runInBatchContext] = useObservableBatchedEagerState(\n model.value$\n );\n console.log(\'list value change\', batchedListValue);\n\n const batchUpdate = useCallback(() => {\n setTimeout(() => {\n runInBatchContext(() => {\n return new Promise(resolve => {\n model.children.forEach(m => {\n const vm = m.get(\'v\');\n vm.value = vm.value + 1;\n });\n resolve();\n });\n });\n }, 0);\n }, [model, runInBatchContext]);\n\n const update = useCallback(() => {\n setTimeout(() => {\n model.children.forEach(m => {\n const vm = m.get(\'v\');\n vm.value = vm.value + 1;\n });\n }, 0);\n }, [model]);\n\n return (\n <>\n {model.children.map((child, index) => {\n return (\n <div key={child.id}>\n <FormInputField model={child.get(\'v\')} />\n </div>\n );\n })}\n <Button onClick={batchUpdate}>批量更新</Button>\n <Button onClick={update}>逐个更新</Button>\n </>\n );\n}\n\nfunction Preview({ form }) {\n // You will see a warning about performance issues in console.\n // Only do this if you know what you are doing.\n const valid = useFormValid(form);\n\n return (\n <Alert type={valid ? \'success\' : \'error\'} style={{ marginBottom: 24 }}>\n Form is {valid ? \'valid\' : \'invalid\'}\n </Alert>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(hn)),o.createElement(qn,{html:'

通过 Model 订阅数据

\n

useFieldValue 传入 Model 类型参数时不依赖 FormContext，因此也可以在表单外部监听数据变更。\nuseModelValue 和 useModelValid 已经废弃，不推荐使用，它们的使用场景就是在表单外部通过 Model 对象订阅数据变化。

'}),o.createElement(zn,{title:"通过 Model 订阅数据",id:"Demo21",src:'import { Form, FormContext, FormStrategy, FormInputField } from \'zent\';\n\nfunction PreviewName({ form }) {\n const name = Form.useFieldValue(form.model.get(\'name\'));\n\n return (\n <p>\n 姓名：\n {name}\n </p>\n );\n}\n\nfunction Component() {\n const form = Form.useForm(FormStrategy.View);\n return (\n <>\n <Form layout="horizontal" form={form}>\n <FormContext.Provider\n value={{\n labelStyle: { flexBasis: 80, justifyContent: \'flex-start\' },\n }}\n >\n <FormInputField name="name" label="姓名：" />\n </FormContext.Provider>\n </Form>\n <PreviewName form={form}></PreviewName>\n </>\n );\n}\n\nReactDOM.render(<Component />, mountNode);'},o.createElement(fn)),o.createElement(qn,{html:'

表单值联动

'}),o.createElement(zn,{title:"字段值交互",id:"Demo14",src:'import { useEffect } from \'react\';\nimport {\n Form,\n NumberInput,\n Radio,\n FormStrategy,\n Button,\n FieldSet,\n FieldUtils,\n ValidateOption,\n FormInputField,\n} from \'zent\';\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n\n useEffect(() => {\n const field1 = form.model.get(\'field1\');\n const field2 = form.model.get(\'field2\');\n const $ = field1.value$.subscribe(value => {\n field2.value = value;\n });\n return () => $.unsubscribe();\n }, [form]);\n\n return (\n <Form form={form} layout="horizontal">\n <FormInputField name="field1" label="field1" />\n <FormInputField name="field2" label="field2" />\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(bn)),o.createElement(qn,{html:'

自定义表单项

\n

实现自定义 Field 的时候会用到这些组件，它们只是样式组件，用来提供和内置 Field 组件一致样式和参数。

\n
    \n
  • Control 封装了 label、自定义组件以及错误信息的结构，查看 Props 文档
    • \n
  • Label 表单项的 label 组件，适用于连 Control 也不想使用的场景，查看 Props 文档
    • \n
  • Error 表单项的错误信息组件，同 Label 一样适用于深度自定义的场景，查看 Props 文档
    • \n
  • useFormChild 使用上述组件时，如果希望支持自动滚动到错误处，需要在组件内使用这个 Hook 关联 model 和 DOM 节点，查看文档
    • \n
  • CombineErrors 这个组件用来将多个字段的错误聚合成一个错误展示，需要配合 Field 的 withoutError 参数使用，查看 Props 文档
    • \n
'}),o.createElement(zn,{title:"自定义表单组件",id:"Demo18",src:'import {\n Form,\n FormError,\n FormStrategy,\n FormControl,\n Input,\n Validators,\n useFormChild\n} from \'zent\';\n\nconst { form, field } = Form;\n\nconst formBuilder = form({\n id: field(\'\').validators(Validators.pattern(/^[\\d]{17}[\\dXY]$/, \'请输入合法的身份证号\')),\n});\n\nfunction FormIDField({\n name,\n model,\n defaultValue = \'\',\n validators = [],\n label,\n required,\n withoutLabel,\n style,\n className,\n}) {\n if (name && model) {\n throw new Error(\'Cannot use name and model together.\');\n }\n const id = Form.useField(name || model, defaultValue, [\n ...validators,\n Validators.pattern(/^[\\d]{17}[\\dXY]$/, \'请输入合法的身份证号\'),\n ]);\n\n const anchorRef = React.useRef();\n useFormChild(model, anchorRef);\n const onChange = React.useCallback(\n e => {\n id.isTouched = true;\n const value = e.target.value.replace(/\\s/g, \'\');\n if (value.length <= 18) {\n id.patchValue(value);\n }\n },\n [id]\n );\n\n return (\n <FormControl\n ref={anchorRef}\n style={style}\n className={className}\n label={label}\n required={required}\n withoutLabel={withoutLabel}\n >\n <Input\n value={formatId(id.value)}\n width={220}\n onChange={onChange}\n onBlur={React.useCallback(() => id.validate(), [id])}\n />\n <FormError>{id.error?.message}</FormError>\n </FormControl>\n );\n}\n\nfunction formatId(value) {\n const segment = [6, 10, 12, 14, 18];\n let { length } = value;\n let result = \'\';\n let i = 0;\n while (i < length) {\n if (segment.includes(i)) {\n result += \' \';\n }\n result += value[i];\n i++;\n }\n return result;\n}\n\nfunction App() {\n const form = Form.useForm(formBuilder);\n\n return (\n <Form onSubmit={() => {}} form={form} scrollToError={true} layout="horizontal">\n <FormIDField\n model={form.model.children.id}\n label="身份证号："\n required\n validators={[Validators.required(\'请输入身份证号\')]}\n />\n <div style={{marginTop: \'120px\'}} className="zent-form-actions">\n <Button type="primary" htmlType="submit">\n 获取表单值，点击可以滚到到错误位置\n </Button>\n </div>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(vn)),o.createElement(zn,{title:"封装多个表单元素",id:"Demo3",src:'import { useCallback, useMemo } from \'react\';\nimport {\n Form,\n Select,\n NumberInput,\n Notify,\n FormStrategy,\n FormControl,\n Button,\n FieldSet,\n FieldUtils,\n Validators,\n FormError,\n} from \'zent\';\n\nconst { SelectTrigger } = Select;\nconst countyCodeList = [\n {\n code: \'+86\',\n zh: \'zhongguo\',\n eng: \'china\',\n text: \'中国 +86\',\n key: 0,\n },\n {\n code: \'+853\',\n zh: \'aomen\',\n eng: \'Macau\',\n text: \'中国澳门 +853\',\n key: 1,\n },\n];\n\nconst filterHandler = (item, keyword) => {\n return !!(\n keyword &&\n item.text\n .trim()\n .toLowerCase()\n .indexOf(keyword.trim().toLowerCase()) > -1\n );\n};\n\nfunction getValue(value) {\n return value;\n}\n\nconst ContactPhone = () => {\n const select = Form.useField(\'areacode\', countyCodeList[0]);\n const input = Form.useField(\'mobile\', \'\', [\n Validators.pattern(/^\\d{1,10}$/, \'请输入正确的手机号\'),\n ]);\n const onSelectChange = FieldUtils.useMulti(\n useCallback(() => {\n select.isTouched = true;\n }, [select]),\n FieldUtils.usePipe(\n getValue,\n FieldUtils.useChangeHandler(select, Form.ValidateOption.Default)\n )\n );\n const onPhoneNumChange = FieldUtils.useChangeHandler(\n input,\n Form.ValidateOption.Default\n );\n return (\n <FormControl\n className="form-demo-multiple-value"\n label="联系方式："\n invalid={!!select.error || !!input.error}\n >\n <Select\n className="areacode"\n options={countyCodeList}\n filter={filterHandler}\n trigger={SelectTrigger}\n width={160}\n value={select.value}\n onChange={onSelectChange}\n />\n <NumberInput\n style={{ marginLeft: 16 }}\n className="phone-num"\n placeholder="请填写手机号"\n width={160}\n value={input.value}\n {...FieldUtils.useCompositionHandler(input)}\n onChange={onPhoneNumChange}\n onBlur={useCallback(() => {\n input.isTouched = true;\n input.validate();\n }, [input])}\n />\n <Form.CombineErrors models={[select, input]} />\n </FormControl>\n );\n};\n\nconst App = () => {\n const form = Form.useForm(FormStrategy.View);\n const getFormValues = useCallback(() => {\n const values = form.getValue();\n console.log(values);\n }, [form]);\n const resetForm = useCallback(() => {\n form.resetValue();\n }, [form]);\n return (\n <Form form={form} layout="horizontal">\n <FieldSet name="contactPhone">\n <ContactPhone />\n </FieldSet>\n <div className="zent-form__form-actions">\n <Button type="primary" onClick={getFormValues}>\n 获取表单值\n </Button>{\' \'}\n <Button type="primary" outline onClick={resetForm}>\n 重置表单值\n </Button>\n </div>\n </Form>\n );\n};\n\nReactDOM.render(<App />, mountNode);'},o.createElement(Fn)),o.createElement(zn,{title:"聚合多个字段的错误",id:"Demo10",src:'import { FormInputField, Form, FormStrategy } from \'zent\';\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n return (\n <Form layout="vertical" form={form}>\n <FormInputField\n name="field1"\n label="field1"\n required="请填写内容"\n helpDesc="这个字段不会展示它自己的错误"\n withoutError\n />\n <FormInputField\n name="field2"\n label="field2"\n required="请填写内容"\n />\n <Form.CombineErrors names={[\'field1\', \'field2\']} />\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(wn)),o.createElement(qn,{html:'

Form 布局

\n

Form 组件使用 flex 布局，有两个参数控制基本的布局结构

\n
    \n
  • layout 控制表单项内的布局方式，支持水平 horizontal 和垂直 vertical 两种布局
    • \n
  • direction 控制表单项间的排列方式，支持 column 和 row 两种排列。
    • \n
\n

水平排列通常来说需要设置表单项的最小宽度才能正常工作，可以通过 FormContext 中的 controlStyle 来批量设置。

'}),o.createElement(zn,{title:"布局",id:"Demo7",src:'import { useState, useCallback } from \'react\';\nimport { Form, Radio, Notify, FormStrategy, FormContext } from \'zent\';\n\nconst CONTROL_STYLE = { minWidth: 270 };\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n const [layout, setLayout] = useState(\'vertical\');\n const onLayoutChange = useCallback(e => setLayout(e.target.value), []);\n const [direction, setDirection] = useState(\'column\');\n const onDirectionChange = useCallback(e => setDirection(e.target.value), []);\n return (\n <div className="form-layout">\n <div className="form-layout-option">\n <span className="form-layout-option-name">Layout:</span>\n <Radio.Group value={layout} onChange={onLayoutChange}>\n <Radio value="vertical">vertical</Radio>\n <Radio value="horizontal">horizontal</Radio>\n </Radio.Group>\n </div>\n <div className="form-layout-option">\n <span className="form-layout-option-name">Direction:</span>\n <Radio.Group value={direction} onChange={onDirectionChange}>\n <Radio value="column">column</Radio>\n <Radio value="row">row</Radio>\n </Radio.Group>\n </div>\n <hr />\n <Form layout={layout} direction={direction} form={form}>\n <FormContext.Provider value={{ controlStyle: CONTROL_STYLE }}>\n <FormInputField name="name" label="用户名：" value="" />\n <FormInputField name="name2" label="用户名2：" value="" />\n <FormInputField name="name3" label="用户名3：" value="" />\n </FormContext.Provider>\n </Form>\n <div className="zent-form-demo__form-actions">\n <Button type="primary" htmlType="submit">\n 获取表单值\n </Button>\n </div>\n </div>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(xn)),o.createElement(qn,{html:'

表单上下文

\n

使用FormContext对整个表单的行为进行控制，目前支持对 Label 组件以及 Control 组件进行样式自定义。

\n
interface IZentFormContext {\n  labelStyle?: CSSProperties;\n  controlStyle?: CSSProperties;\n}
'}),o.createElement(zn,{title:"表单上下文",id:"Demo17",src:'import { Form, FormContext, FormStrategy, FormInputField } from \'zent\';\n\nfunction Component() {\n const form = Form.useForm(FormStrategy.View);\n return (\n <Form layout="horizontal" form={form}>\n <FormContext.Provider\n value={{ labelStyle: { flexBasis: 80, justifyContent: \'flex-start\' } }}\n >\n <FormInputField name="name" label="姓名：" />\n <FormInputField name="contact" label="联系方式：" />\n </FormContext.Provider>\n </Form>\n );\n}\n\nReactDOM.render(<Component />, mountNode);'},o.createElement(jn)),o.createElement(qn,{html:'

FieldUtils

\n

FieldUtils 提供了一些有用的工具函数，如果不知道干什么用的或者看不懂，说明你没有需求，不需要用到它们，这些工具本身定位就是高级用法。

\n
    \n
  • useMulti 用来按顺序调用一批函数，只使用它们的副作用，忽略返回值，查看函数定义
    • \n
  • usePipe 用来从左往右按顺序调用一批函数，上一个函数的返回值作为下一个函数的参数，返回最后一个函数的返回值，查看函数定义
    • \n
  • useCompositionHandler 用来在 model 上维护一个输入法编辑的状态, model.isCompositing，查看函数定义。组件内部会根据这个状态在输入法输入阶段跳过校验
    • \n
  • useChangeHandler 生成一个 onChange 回调函数，具体说明请查看函数定义
    • \n
  • compose 与 usePipe 类似，区别是 usePipe 作为 hook 使用，而 compose 可以用在任何地方，例如组合多个校验函数中间件，查看函数定义
    • \n
'}))}}},82010:(n,a,s)=>{"use strict";s.d(a,{b:()=>m});var t=s(59312),p=s(24246),o=s(60042),e=s.n(o),c=s(27378),l=s(8434),u=s(78486),k=s(78513),i=["outline","closed","onClose"],r=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],m=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={closed:!1},a.onCloseHandler=function(){a.isControlled||a.setState({closed:!0}),a.props.onClose&&a.props.onClose()},a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),a.prototype.render=function(){var n;if(this.closed)return null;var a=(0,k.Z)(this.props,r),s=a.className,o=a.type,c=a.outline,m=a.bordered,d=a.progress,g=(0,t._T)(a,["className","type","outline","bordered","progress"]),y=(0,k.Z)(this.props,i),h=e()("zent-alert","zent-alert-style-"+o,s,((n={})["zent-alert-outline"]=c,n["zent-alert--borderless"]=!m,n));return(0,p.jsxs)("div",(0,t.pi)({className:h},g,{"data-zv":"10.0.9"},{children:[!!d&&(0,p.jsx)(l.E,{className:"zent-alert__progress",percent:d,showInfo:!1,strokeWidth:2},void 0),(0,p.jsx)(u.Z,(0,t.pi)({},y,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},a.highlightClassName="zent-alert-item-content__highlight",a.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},a}(c.PureComponent)},78486:(n,a,s)=>{"use strict";var t=s(59312),p=s(24246),o=s(27378),e=s(60042),c=s.n(e),l=s(27036),u=s(20840),k={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},i=(0,o.forwardRef)((function(n,a){var s=n.extraContent,e=n.classItemName,i=n.title,r=n.description,m=n.children,d=n.loading,g=n.type,y=n.closable,h=n.icon,f=n.closeIconColor,b=n.closeContent,v=n.onAlertItemClose,F=(0,o.useRef)(n);F.current=n;var w=(0,o.useMemo)((function(){return m||(0,p.jsxs)(p.Fragment,{children:[i&&(0,p.jsx)("h3",(0,t.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.9"},{children:i}),void 0),r&&(0,p.jsx)("p",(0,t.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.9"},{children:r}),void 0)]},void 0)}),[m,r,i]),x=(0,o.useMemo)((function(){var n=F.current.onClose,a=f?{color:f}:{};return y?(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-close-wrapper",onClick:function(a){null==n||n(),v&&v(),a.stopPropagation()},"data-zv":"10.0.9"},{children:null!=b?b:(0,p.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:a},void 0)}),void 0):null}),[y,b,f,v]),j=(0,o.useMemo)((function(){return d?(0,p.jsx)(u.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===h||!1===h?null:h?(0,p.jsx)("span",(0,t.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.9"},{children:h}),void 0):g in k?(0,p.jsx)(l.Z,{className:"zent-alert-item-icon",type:k[g]},void 0):null}),[d,g,h]);return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-alert-item",e),ref:a,"data-zv":"10.0.9"},{children:[j,(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-content","data-zv":"10.0.9"},{children:w}),void 0),s&&(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.9"},{children:s}),void 0),x]}),void 0)}));i.displayName="AlertItem",a.Z=i}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1127],{21127:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>Nn});var t=s(73450),p=s(73118),o=s(27378),e=s(57318),c=s(9071),l=s(53137),u=s(28239),k=s(41837),i=s(55390),r=s(92892),m=s(93976),d=s(5185),g=s(65436),y=s(70453),h=s(49633),f=s(39612),b=s(47287),v=s(92497),F=s(39215),w=s(85636),x=s(3454),j=s(78518),C=s(69220),q=s(71457),V=s(69717),S=s(33938),z=s(61705),N=s(34954),I=s(75774),A=s(89239),M=s(40027),E=s(72118),R=s(57925),P=s(12729),O=s(73811),B=s(23476),T=s(79280),D=s(80964),U=s(70158),L=s(29951),_=s(12030),H=s(82285),Y=s(38836),G=s(82010),Z=s(59935),$=s(45657),X=s(95388),J=s(55445),W=s(17323),K=s(24246);function Q(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function nn(n){for(var a=1;a{k(!0),setTimeout((()=>{n.initialize({name:"zent",password:"zenttnez",email:"zent@youzan.com"}),k(!1)}),1e3)}),[n]);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsxs)(h.l0,{layout:"vertical",form:n,disabled:t,children:[(0,K.jsx)(b.C,{name:"name",label:(0,K.jsxs)("span",{children:["用户名 ",(0,K.jsx)(v.X,{trigger:"hover",content:"用户名用于个人账号登录",centerArrow:!0,children:(0,K.jsx)(F.J,{type:"info-circle-o"})}),"："]}),validators:[w.Ei(5,"用户名至少 5 个字"),w.BS(25,"用户名最多 25 个字")],helpDesc:"用户名为5-25个字",required:"必填"}),(0,K.jsx)(b.C,{name:"password",props:{type:"password"},label:"密码：",helpDesc:(0,K.jsxs)("span",{children:["密码由英文字母、数字组成",(0,K.jsx)("a",{href:"https://youzan.com",target:"_blank",children:"查看更多"})]}),validateOccasion:h.l0.ValidateOccasion.Blur|h.l0.ValidateOccasion.Change,validators:[w.uj(/^[a-zA-Z0-9]+$/,"只允许英文字母和数字")],notice:"重要提示：填写后无法修改，请谨慎设置",required:"必填"}),(0,K.jsx)(b.C,{className:"demo-form-basic-email",label:"E-Mail：",name:"email",validators:[w.C1("必填"),w.Do("请输入正确的邮箱")]}),(0,K.jsx)(x.z,{htmlType:"reset",children:"重置"}),(0,K.jsx)(x.z,{onClick:n.model.clear.bind(n.model),children:"清空"}),(0,K.jsx)(x.z,{loading:u,onClick:i,children:"初始化表单数据"}),(0,K.jsx)(x.z,{onClick:()=>n.model.clearError(),children:"清空错误信息"})]}),(0,K.jsx)(x.z,{style:{marginTop:24},onClick:()=>e((n=>!n)),children:t?"解除禁用":"禁用表单"})]})}return(0,K.jsx)(n,{})},sn=function(){function n(){var n=h.l0.useForm(f.d.View);return(0,K.jsxs)(h.l0,{layout:"horizontal",form:n,children:[(0,K.jsx)(b.C,{name:"name",label:"昵称：",required:"请选择类型",props:{spellCheck:!1}}),(0,K.jsx)(j.A,{name:"type",label:"类型：",required:!0,props:{options:[{key:1,text:"普通用户"},{key:2,text:"高级用户"}]}}),(0,K.jsxs)(C.x,{name:"sex",label:"性别：",required:!0,validators:[w.C1("请选择性别")],children:[(0,K.jsx)(q.Y,{value:"1",children:"男"}),(0,K.jsx)(q.Y,{value:"2",children:"女"})]}),(0,K.jsxs)(V.I,{name:"hobbies",label:"兴趣标签：",required:"请选择标签",validators:[w.Ei(1,"请选择标签")],children:[(0,K.jsx)(S.X,{value:"movie",children:"电影"}),(0,K.jsx)(S.X,{value:"book",children:"书籍"}),(0,K.jsx)(S.X,{value:"travel",children:"旅行"})]}),(0,K.jsx)(z.w,{name:"age",label:"年龄：",defaultValue:12,props:{showStepper:!0}}),(0,K.jsx)(N.h,{name:"color",label:"喜欢的颜色：",defaultValue:"#5197FF"}),(0,K.jsx)(I.y,{name:"workTime",label:"工作时间：",defaultValue:["9:00:00","18:00:00"]}),(0,K.jsx)(A.z,{name:"dateRange",label:"身份证有效期：",type:"split",dateFormat:"YYYY-MM-DD HH:mm:ss",validators:[function(n){if(!n[0]||!n[1])return{name:"required",message:"请填写有效期"}}]}),(0,K.jsx)(M.K,{name:"isPublic",label:"公开个人信息：",defaultValue:!1}),(0,K.jsx)(E.h,{name:"agree",label:"同意许可条例：",children:"是"}),(0,K.jsx)(R.c,{name:"singleFile",label:"单文件上传：",props:{tips:"文件大小不超过 2M",maxSize:2097152}}),(0,K.jsx)(P.U,{name:"upload",label:"文件上传：",props:{tips:"单个文件不超过 2M",maxAmount:9,maxSize:2097152}}),(0,K.jsx)(O.j,{name:"imageUpload",label:"图片文件上传：",props:{tips:"单个文件不超过 2M",maxAmount:9,maxSize:2097152}}),(0,K.jsx)(x.z,{type:"primary",onClick:()=>B.g.info((0,K.jsx)("code",{children:(0,K.jsx)("pre",{children:JSON.stringify(n.getValue(),null,2)})})),children:"Values"})]})}return(0,K.jsx)(n,{})},tn=function(){function n(){var n=h.l0.useForm(f.d.View),a=o.useCallback((n=>(n.getValue(),new Promise((n=>{setTimeout(n,1e3)})))),[]),s=o.useCallback((()=>{B.g.success("表单提交成功")}),[]),t=o.useCallback((n=>{B.g.error("校验似乎出了点问题...")}),[]);return(0,K.jsxs)(h.l0,{form:n,layout:"horizontal",onSubmit:a,onSubmitSuccess:s,onSubmitFail:t,children:[(0,K.jsx)(b.C,{name:"name",label:"姓名：",required:!0}),(0,K.jsx)(x.z,{htmlType:"submit",type:"primary",children:"提交"})]})}return(0,K.jsx)(n,{})},pn=function(){function n(n,a){return n!==a.getSectionValue("password").password?{name:"passwordEqual",message:"两次填写的密码不一致"}:null}function a(n){if(10!==n.length&&15!==n.length)return{name:"idLength",message:"证件号码是10位或者15位数字"}}function s(){var s=h.l0.useForm(f.d.View),t=(0,o.useCallback)((()=>{s.resetValue()}),[s]),p=o.useCallback((n=>{n.getValue()}),[]);return(0,K.jsxs)(h.l0,{form:s,layout:"vertical",scrollToError:!0,onSubmit:p,children:[(0,K.jsx)(b.C,{name:"name",label:"昵称：",required:!0,helpDesc:"正则校验",validators:[w.C1("请填写昵称"),w.uj(/^[a-zA-Z]+$/,"昵称只能是字母")]}),(0,K.jsx)(b.C,{name:"password",label:"密码：",required:!0,helpDesc:"非空校验",validators:[w.C1("请填写密码")],props:{type:"password"}}),(0,K.jsx)(b.C,{name:"confirmPw",label:"确认密码：",required:!0,helpDesc:"自定义校验函数",validators:[n],props:{type:"password"}}),(0,K.jsx)(b.C,{name:"email",label:"邮件：",helpDesc:"邮件校验",validators:[w.Do("请填写正确的邮件")]}),(0,K.jsx)(b.C,{name:"remark",label:"备注：",helpDesc:"文本输入",props:{type:"textarea",showCount:!0,maxCharacterCount:10},validators:[w.BS(10,"备注不能超过10个字符")]}),(0,K.jsx)(z.w,{name:"id",label:"证件号码：",required:!0,helpDesc:"自定义校验函数",validators:[a]}),(0,K.jsxs)(V.I,{name:"hobbies",label:"兴趣标签：",required:!0,helpDesc:"长度校验",validators:[w.Ei(2,"请至少选择两个")],children:[(0,K.jsx)(S.X,{value:"movie",children:"电影"}),(0,K.jsx)(S.X,{value:"book",children:"书籍"}),(0,K.jsx)(S.X,{value:"travel",children:"旅行"})]}),(0,K.jsx)(R.c,{name:"singleFile",label:"单文件上传：",props:{tips:"文件大小不超过 2M",maxSize:2097152},validators:[w.C1("请上传文件")]}),(0,K.jsx)(P.U,{name:"upload",label:"文件上传：",props:{tips:"单个文件不超过 2M",maxAmount:9,maxSize:2097152},validators:[w.Ei(1,"请上传文件")]}),(0,K.jsx)(O.j,{name:"imageUpload",label:"图片文件上传：",props:{tips:"单个文件不超过 2M",maxAmount:9,maxSize:2097152},validators:[w.Ei(1,"请上传图片")]}),(0,K.jsxs)("div",{className:"zent-form-actions",children:[(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",children:"获取表单值"}),(0,K.jsx)(x.z,{type:"primary",outline:!0,onClick:t,children:"重置表单值"})]})]})}return(0,K.jsx)(s,{})},on=function(){var n=h.l0.ValidateOption,a=h.l0.createAsyncValidator((()=>new Promise((n=>{setTimeout((()=>{n({name:"async",message:"from async validator"})}),100)}))));function s(a){if("blur"===a)return n.IncludeAsync}function t(){var t=h.l0.useForm(f.d.View),p=(0,o.useCallback)((()=>{t.resetValue()}),[t]),e=(0,o.useCallback)((()=>{t.validate(n.Default|n.IncludeAsync|n.IncludeUntouched|n.IncludeChildrenRecursively).then((()=>{B.g.success("Validate finished: ".concat(t.isValid()))}))}),[t]);return(0,K.jsxs)(h.l0,{form:t,layout:"vertical",scrollToError:!0,children:[(0,K.jsx)(b.C,{name:"name",label:"昵称：",required:!0,getValidateOption:s,validators:[w.C1("请填写昵称"),w.uj(/^[a-zA-Z]+$/,"昵称只能是字母"),a]}),(0,K.jsxs)("div",{className:"zent-form-actions",children:[(0,K.jsx)(x.z,{type:"primary",onClick:e,children:"校验表单"}),(0,K.jsx)(x.z,{type:"primary",outline:!0,onClick:p,children:"重置表单值"})]})]})}return(0,K.jsx)(t,{})},en=function(){function n(n){return"no-limit"!==n.option&&n.count<=0?{name:"error",message:"次数限制不能为0"}:null}function a(n){return n.target.value}function s(){var n=h.l0.useField("option","no-limit"),s=h.l0.useField("count",0),t=T.RI((0,o.useCallback)((()=>n.isTouched=!0),[n]),T.kH(a,T.sV(n,h.l0.ValidateOption.Default))),p=T.sV(s,h.l0.ValidateOption.Default);return(0,K.jsxs)(q.Y.Group,{className:"form-demo-12-radio-group",value:n.value,onChange:t,children:[(0,K.jsx)(q.Y,{value:"no-limit",children:"不限制"}),(0,K.jsxs)(q.Y,{value:"limit",children:["限制",(0,K.jsx)(D.Y,nn(nn({},T.Jk(s)),{},{disabled:"no-limit"===n.value,value:s.value,onChange:p,onBlur:(0,o.useCallback)((()=>{s.isTouched=!0,s.validate()}),[s])})),"次"]})]})}function t(){var a=h.l0.useForm(f.d.View),t=(0,o.useCallback)((()=>Promise.resolve()),[]);return(0,K.jsxs)(h.l0,{form:a,layout:"vertical",onSubmit:t,children:[(0,K.jsx)(U.C,{name:"values",validators:[n],children:(0,K.jsx)(s,{})}),(0,K.jsx)("div",{children:(0,K.jsx)(x.z,{htmlType:"submit",style:{marginTop:16},children:"提交"})})]})}return(0,K.jsx)(t,{})},cn=function(){function n({label:n,name:a,helpDesc:s,validators:t,validateOption:p=L.GP.Empty,defaultValue:e="",props:c}){var l=h.l0.useField(a,e,[w.C1("请输入邮箱"),w.Do("请输入正确的邮箱"),...t||[]]),u=(0,o.useCallback)((n=>{l.isTouched=!0,l.value=n.target.value}),[l]),k=(0,o.useCallback)((()=>{l.validate(p)}),[l,p]);return(0,K.jsxs)(_.N,{label:n,required:!0,children:[(0,K.jsx)(H.I,nn(nn({},c),{},{value:l.value,onChange:u,onBlur:k,width:240})),l.error&&(0,K.jsx)(Y.X,{children:l.error.message}),(0,K.jsx)("p",{style:{color:"#ababab",fontSize:12},children:s})]})}function a(){var a=h.l0.useForm(f.d.View);return(0,K.jsxs)(h.l0,{form:a,layout:"vertical",children:[(0,K.jsx)(n,{name:"email",label:"邮箱：",helpDesc:"这个字段总会在blur事件触发校验",validateOption:L.GP.IncludeUntouched|L.GP.IncludeAsync}),(0,K.jsx)(n,{name:"email",label:"邮箱2：",helpDesc:"这个字段只会在触发onChange之后才在blur事件触发校验",validateOption:L.GP.IncludeAsync})]})}return(0,K.jsx)(a,{})},ln=function(){var n=h.l0.FieldValue;function a(){var a=h.l0.useForm(f.d.View);return(0,K.jsxs)(h.l0,{form:a,layout:"vertical",scrollToError:!0,children:[(0,K.jsx)(M.K,{label:"启用短信通知：",name:"shouldNotify"}),(0,K.jsx)(n,{name:"shouldNotify",children:n=>(0,K.jsx)(b.C,{name:"contact",label:(n?"手机号":"联系方式")+"：",required:!0,validators:[J.y((n=>n.getFormValue().shouldNotify?"请填写手机号":"请填写联系方式"))(w.C1("123")),W.g((n=>{var a;return null===(a=n.getFormValue())||void 0===a?void 0:a.shouldNotify}))(w.uj(/^\d{11}$/,"请填写11位手机号"))]})})]})}return(0,K.jsx)(a,{})},un=function(){o.useState,o.useEffect,o.useCallback;var n=h.l0.useForm,a=h.l0.useFieldArray,s=h.l0.useFormValid;function t(){var a=n(f.d.View);return(0,K.jsxs)(h.l0,{form:a,layout:"horizontal",children:[(0,K.jsx)(e,{form:a}),(0,K.jsxs)(U.C,{name:"set",children:[(0,K.jsx)(b.C,{required:!0,withoutError:!0,name:"field1",label:"字段-1"}),(0,K.jsx)(h.l0.FieldValid,{name:"field1",children:n=>(0,K.jsx)(_.N,{label:" ",children:(0,K.jsxs)("div",{children:["Field-1 is ",n?"valid":"invalid"]})})}),(0,K.jsx)(b.C,{required:!0,name:"field2",label:"字段-2"})]}),(0,K.jsx)(p,{})]})}function p(){var n=a("array");return(0,K.jsxs)(K.Fragment,{children:[n.children.map(((a,s)=>(0,K.jsx)("div",{children:(0,K.jsx)(b.C,{required:!0,model:a,label:"项目",props:{addonAfter:(0,K.jsx)(F.J,{type:"close",style:{cursor:"pointer"},onClick:()=>n.splice(s,1)})}})},a.id))),(0,K.jsx)(x.z,{type:"primary",onClick:()=>n.push(""),children:"Add"})]})}function e({form:n}){var a=s(n);return(0,K.jsxs)(G.b,{type:a?"success":"error",style:{marginBottom:24},children:["Form is ",a?"valid":"invalid"]})}return(0,K.jsx)(t,{})},kn=function(){function n({name:n}){var a,s=h.l0.useFieldArray(n,[w.BS(3,"最多添加 3 项兴趣")]),t=(0,o.useCallback)((()=>{s.push(""),s.validate(L.GP.IncludeUntouched)}),[]);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(x.z,{onClick:t,className:"add-btn",children:"添加兴趣爱好"}),(0,K.jsx)("ul",{children:s.children.map(((n,a)=>(0,K.jsxs)("li",{className:"hobby",children:[(0,K.jsx)(b.C,{model:n,label:"兴趣爱好".concat(a+1,"："),validators:[w.C1("请填写兴趣爱好")],props:{width:120}}),(0,K.jsx)("span",{className:"del-btn",onClick:()=>{s.splice(a,1),s.validate()},children:"删除该爱好"})]},n.id)))}),(0,K.jsx)(Y.X,{style:{marginLeft:128},children:null===(a=s.error)||void 0===a?void 0:a.message})]})}function a({remove:a,index:s}){var t=(0,o.useCallback)((()=>{a(s)}),[s,a]);return(0,K.jsxs)("li",{className:"members",children:[(0,K.jsxs)("div",{className:"member-title",children:[(0,K.jsxs)("span",{children:["成员",s+1]}),(0,K.jsx)(v.X,{centerArrow:!0,trigger:"hover",content:"删除该成员",children:(0,K.jsx)(F.J,{className:"del-btn",type:"close-circle",onClick:t})})]}),(0,K.jsx)(b.C,{name:"name",label:"名字:",required:!0,validators:[w.C1("请填写成员名字")],normalizeBeforeSubmit:n=>n.toUpperCase()}),(0,K.jsxs)(C.x,{name:"sex",label:"性别：",defaultValue:"1",required:!0,validators:[w.C1("请选择性别")],children:[(0,K.jsx)(q.Y,{value:"1",children:"男"}),(0,K.jsx)(q.Y,{value:"2",children:"女"})]}),(0,K.jsx)(n,{name:"hobbies"})]})}function s({name:n}){var s=h.l0.useFieldArray(n),t=(0,o.useCallback)((()=>{s.push({})}),[s]),p=(0,o.useCallback)((()=>{s.push({},{})}),[s]),e=(0,o.useCallback)((n=>{s.splice(n,1)}),[s]);return(0,K.jsxs)(K.Fragment,{children:[s.children.length<3&&(0,K.jsx)(x.z,{onClick:t,className:"add-btn",children:"添加一个成员"}),s.children.length<2&&(0,K.jsx)(x.z,{onClick:p,className:"add-btn",children:"添加两个成员"}),(0,K.jsx)("ul",{children:s.children.map(((n,s)=>(0,K.jsx)(U.C,{model:n,children:(0,K.jsx)(a,{index:s,remove:e})},n.id)))})]})}function t(){var n=h.l0.useForm(f.d.View),a=(0,o.useCallback)((()=>{n.patchValue({number:42,members:[{name:"john",sex:"1",hobbies:["H1"]}]})}),[n]),t=(0,o.useCallback)((()=>{}),[n]),p=(0,o.useCallback)((()=>{}),[n]);return(0,K.jsxs)(h.l0,{className:"demo-form",layout:"horizontal",form:n,children:[(0,K.jsx)(z.w,{name:"number",label:"总人数：",required:!0,validators:[w.C1("请填写总人数")]}),(0,K.jsx)(s,{name:"members"}),(0,K.jsxs)("div",{style:{marginTop:16},children:[(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",onClick:t,children:"获取表单值"}),(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",onClick:p,children:"获取表单提交值"}),(0,K.jsx)(x.z,{onClick:a,children:"设置 FieldArray 值"})]})]})}return(0,K.jsx)(t,{})},rn=function(){var n=h.l0.form,a=h.l0.field,s=h.l0.array,t=h.l0.set;function p({model:n}){var a=h.l0.useFieldArray(n),s=(0,o.useCallback)((()=>{a.push("")}),[]);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(x.z,{onClick:s,className:"add-btn",children:"添加兴趣爱好"}),(0,K.jsx)("ul",{children:a.children.map(((n,s)=>(0,K.jsxs)("li",{className:"hobby",children:[(0,K.jsx)(b.C,{model:n,label:"兴趣爱好".concat(s+1,"："),props:{width:120}}),(0,K.jsx)("span",{className:"del-btn",onClick:()=>a.splice(s,1),children:"删除该爱好"})]},n.id)))})]})}function e({remove:n,index:a,model:s}){var t=s.children,e=t.name,c=t.sex,l=t.hobbies,u=(0,o.useCallback)((()=>{n(a)}),[a,n]);return(0,K.jsx)(U.C,{model:s,children:(0,K.jsxs)("li",{className:"members",children:[(0,K.jsxs)("div",{className:"member-title",children:[(0,K.jsxs)("span",{children:["成员",a+1]}),(0,K.jsx)(v.X,{centerArrow:!0,trigger:"hover",content:"删除该成员",children:(0,K.jsx)(F.J,{className:"del-btn",type:"close-circle",onClick:u})})]}),(0,K.jsx)(b.C,{model:e,label:"名字：",required:!0}),(0,K.jsxs)(C.x,{model:c,label:"性别：",required:!0,children:[(0,K.jsx)(q.Y,{value:"1",children:"男"}),(0,K.jsx)(q.Y,{value:"2",children:"女"})]}),(0,K.jsx)(p,{model:l})]})})}function c({model:n}){var a=h.l0.useFieldArray(n),s=(0,o.useCallback)((()=>{a.push({})}),[a]),t=(0,o.useCallback)((()=>{a.push({},{})}),[a]),p=(0,o.useCallback)((n=>{a.splice(n,1)}),[a]);return(0,K.jsxs)(K.Fragment,{children:[a.children.length<3&&(0,K.jsx)(x.z,{onClick:s,className:"add-btn",children:"添加一个成员"}),a.children.length<2&&(0,K.jsx)(x.z,{onClick:t,className:"add-btn",children:"添加两个成员"}),(0,K.jsx)("ul",{children:a.children.map(((n,a)=>(0,K.jsx)(e,{model:n,index:a,remove:p},n.id)))})]})}var l=n({number:a("").validators(w.C1("请填写总人数")),members:s(t({name:a("").validators(w.C1("请填写成员名字")).normalizeBeforeSubmit((n=>n.toUpperCase())),sex:a("1").validators(w.C1("请选择性别")),hobbies:s(a("").validators(w.C1("请填写兴趣爱好"))).defaultValue([])}))});function u(){var n=h.l0.useForm(l),a=n.model.children,s=a.number,t=a.members,p=(0,o.useCallback)((()=>{n.patchValue({number:42,members:[{name:"john",sex:"1",hobbies:["H1"]}]})}),[n]),e=(0,o.useCallback)((()=>{}),[n]),u=(0,o.useCallback)((()=>{}),[n]);return(0,K.jsxs)(h.l0,{className:"demo-form",layout:"horizontal",form:n,children:[(0,K.jsx)(z.w,{model:s,label:"总人数：",required:!0}),(0,K.jsx)(c,{model:t}),(0,K.jsxs)("div",{style:{marginTop:16},children:[(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",onClick:e,children:"获取表单值"}),(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",onClick:u,children:"获取表单提交值"}),(0,K.jsx)(x.z,{onClick:p,children:"设置 FieldArray 值"})]})]})}return(0,K.jsx)(u,{})},mn=function(){var n=h.l0.form,a=h.l0.field,s=n({contactType:a(1).validators(w.C1("请选择联系方式")),phone:a("").validators(w.uj(/\d{11}/,"手机号必须是 11 位数字")),email:a("").validators(w.Do("邮箱不正确"))});function t(){var n=o.useState(!1),a=(0,p.Z)(n,2),t=a[0],e=a[1],c=o.useCallback((n=>{e(n.target.checked)}),[e]),l=h.l0.useForm(s),u=o.useRef(null),k=o.useCallback(((n,a)=>{var s=u.current,p=l.model.removeChild(n);if(null!==p&&(u.current=p),!l.model.get(a)){var o=t?s:s.builder.build();l.model.registerChild(a,o)}}),[l,t]),i=h.l0.useModelValue(l.model.get("contactType"));o.useEffect((()=>{1===i?k("email","phone"):k("phone","email")}),[k,i]);var r=o.useCallback((()=>{}),[l]),m=h.l0.useNamedChildModel(l.model,"phone"),d=h.l0.useNamedChildModel(l.model,"email");return(0,K.jsxs)(h.l0,{className:"demo-form",layout:"horizontal",form:l,children:[(0,K.jsxs)(C.x,{model:l.model.get("contactType"),label:"联系方式",required:!0,children:[(0,K.jsx)(q.Y,{value:1,children:"手机号码"}),(0,K.jsx)(q.Y,{value:2,children:"电子邮箱"})]}),1===i&&m&&(0,K.jsx)(z.w,{model:m,label:"手机号码",required:!0}),2===i&&d&&(0,K.jsx)(b.C,{model:d,label:"电子邮箱",required:!0}),(0,K.jsxs)("div",{style:{marginTop:16},children:[(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",onClick:r,children:"打印表单值"}),(0,K.jsx)(S.X,{checked:t,onChange:c,style:{marginLeft:16},children:"切换联系方式时时保留 model 状态"})]})]})}return(0,K.jsx)(t,{})},dn=function(){function n(){var n=h.l0.useForm(f.d.View);return(0,K.jsxs)(h.l0,{layout:"vertical",form:n,children:[(0,K.jsx)(b.C,{name:"field1",label:"field1",normalizeBeforeBlur:n=>n.trim(),normalize:n=>n.toUpperCase(),format:n=>n.toLowerCase()}),(0,K.jsx)("label",{children:"实际值："}),(0,K.jsx)(h.l0.FieldValue,{name:"field1"})]})}return(0,K.jsx)(n,{})},gn=function(){var n=()=>{var n=h.l0.useFieldArrayChildModels("nickname");return n?(0,K.jsxs)("div",{className:"form-demo-11-preview-nickname",children:[(0,K.jsx)("label",{children:"昵称："}),n.map(((n,a)=>(0,K.jsx)(h.l0.FieldValue,{model:n,children:n=>"".concat(n," ")},a)))]}):null},a=()=>(0,K.jsxs)("div",{className:"form-demo-11-preview",children:[(0,K.jsx)(h.l0.FieldValue,{name:"name",children:n=>(0,K.jsx)("h3",{children:n})}),(0,K.jsxs)(h.l0.FieldSetValue,{name:"contact",children:[(0,K.jsxs)("div",{className:"form-demo-11-preview-phone",children:[(0,K.jsx)("label",{children:"电话："}),(0,K.jsx)(h.l0.FieldValue,{name:"phone"})]}),(0,K.jsx)("div",{className:"form-demo-11-preview-address",children:(0,K.jsx)(h.l0.FieldValue,{name:"address"})})]}),(0,K.jsx)(n,{})]}),s=({model:n,last:a,add:s,del:t})=>{var p=h.l0.useField(n),e=(0,o.useCallback)((n=>{p.value=n.target.value}),[p]);return(0,K.jsxs)("div",{className:"form-demo-11-nickname",children:[(0,K.jsx)(H.I,nn(nn({},T.Jk(p)),{},{onChange:e,value:p.value})),(0,K.jsx)(F.J,{type:"close-circle",style:{color:"#da2626"},onClick:t}),a&&(0,K.jsx)(F.J,{type:"plus-circle",style:{color:"#4cb35d"},onClick:s})]})},t=()=>{var n=h.l0.useFieldArray("nickname",[],[""]),a=()=>n.push("");return(0,K.jsx)(_.N,{label:"昵称",children:n.children.map(((t,p)=>(0,K.jsx)(s,{model:t,last:n.children.length===p+1,add:a,del:()=>(a=>n.splice(a,1))(p)},p)))})},p=()=>(0,K.jsxs)("div",{children:[(0,K.jsx)(b.C,{label:"姓名",name:"name"}),(0,K.jsxs)(U.C,{name:"contact",children:[(0,K.jsx)(b.C,{label:"电话",name:"phone"}),(0,K.jsx)(b.C,{label:"联系地址",name:"address"})]}),(0,K.jsx)(t,{})]});function e(){var n=h.l0.useForm(f.d.View);return(0,K.jsxs)(h.l0,{form:n,layout:"vertical",className:"form-demo-11",children:[(0,K.jsx)(a,{}),(0,K.jsx)(p,{})]})}return(0,K.jsx)(e,{})},yn=function(){o.useState,o.useEffect,o.useCallback;var n=h.l0.useForm,a=h.l0.useFieldArray,s=h.l0.useFormValue;function t(){var a=n(f.d.View);return(0,K.jsxs)(h.l0,{form:a,layout:"vertical",children:[(0,K.jsx)(b.C,{required:!0,name:"name",label:"姓名"}),(0,K.jsx)(b.C,{name:"address",label:"地址"}),(0,K.jsxs)(U.C,{name:"stature",children:[(0,K.jsx)(b.C,{name:"weight",label:"体重"}),(0,K.jsx)(b.C,{name:"height",label:"身高"})]}),(0,K.jsx)(p,{}),(0,K.jsx)(e,{form:a})]})}function p(){var n=a("hobbies",[],["看书"]);return n.destroyOnUnmount=!0,(0,K.jsxs)(_.N,{label:"爱好",children:[n.children.map(((a,s)=>(0,K.jsx)("div",{children:(0,K.jsx)(b.C,{withoutLabel:!0,model:a,props:{addonAfter:(0,K.jsx)(F.J,{type:"close",style:{cursor:"pointer"},onClick:()=>n.splice(s,1)})}})},a.id))),(0,K.jsx)(x.z,{type:"primary",onClick:()=>n.push(""),children:"增加爱好"})]})}function e({form:n}){var a=s(n);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)("div",{children:"Form Value"}),(0,K.jsx)("pre",{children:JSON.stringify(a,null,2)})]})}return(0,K.jsx)(t,{})},hn=function(){o.useState;var n=o.useCallback,a=h.l0.form({list:h.l0.array(h.l0.set({v:h.l0.field(0)})).defaultValue([{v:1},{v:2},{v:3}])});function s(){var n=h.l0.useForm(a);return(0,K.jsx)(h.l0,{form:n,layout:"horizontal",children:(0,K.jsx)(t,{})})}function t(){var a=h.l0.useFieldArray("list"),s=function(n){var a=(0,u.kL)((function(){return new Set})),s=(0,u.kL)((function(){return new c.X("")})),t=(0,o.useCallback)((function(n){var t=(0,y.Z)("batched-task-"),p=a.current,o=function(){p.delete(t),s.current.next(t)};p.add(t),s.current.next(t);var e=n();(0,g.Z)(e)?e.then(o,o):o()}),[a,s]),p=(0,k.m)((function(n){return n.pipe((0,r.z)((function(n){return(0,l.a)(n).pipe((0,m.h)((function(n){n[0];var s=n[1];return!a.current.has(s)})),(0,d.U)((function(n){return n[0]})))})))}),[n,s.current]);return[(0,i.R)(p),t]}(a.value$),t=(0,p.Z)(s,2),e=(t[0],t[1]),f=n((()=>{setTimeout((()=>{e((()=>new Promise((n=>{a.children.forEach((n=>{var a=n.get("v");a.value=a.value+1})),n()}))))}),0)}),[a,e]),v=n((()=>{setTimeout((()=>{a.children.forEach((n=>{var a=n.get("v");a.value=a.value+1}))}),0)}),[a]);return(0,K.jsxs)(K.Fragment,{children:[a.children.map(((n,a)=>(0,K.jsx)("div",{children:(0,K.jsx)(b.C,{model:n.get("v")})},n.id))),(0,K.jsx)(x.z,{onClick:f,children:"批量更新"}),(0,K.jsx)(x.z,{onClick:v,children:"逐个更新"})]})}return(0,K.jsx)(s,{})},fn=function(){function n({form:n}){var a=h.l0.useFieldValue(n.model.get("name"));return(0,K.jsxs)("p",{children:["姓名：",a]})}function a(){var a=h.l0.useForm(f.d.View);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(h.l0,{layout:"horizontal",form:a,children:(0,K.jsx)(Z.q3.Provider,{value:{labelStyle:{flexBasis:80,justifyContent:"flex-start"}},children:(0,K.jsx)(b.C,{name:"name",label:"姓名："})})}),(0,K.jsx)(n,{form:a})]})}return(0,K.jsx)(a,{})},bn=function(){function n(){var n=h.l0.useForm(f.d.View);return(0,o.useEffect)((()=>{var a=n.model.get("field1"),s=n.model.get("field2"),t=a.value$.subscribe((n=>{s.value=n}));return()=>t.unsubscribe()}),[n]),(0,K.jsxs)(h.l0,{form:n,layout:"horizontal",children:[(0,K.jsx)(b.C,{name:"field1",label:"field1"}),(0,K.jsx)(b.C,{name:"field2",label:"field2"})]})}return(0,K.jsx)(n,{})},vn=function(){var n=(0,h.l0.form)({id:(0,h.l0.field)("").validators(w.uj(/^[\d]{17}[\dXY]$/,"请输入合法的身份证号"))});function a({name:n,model:a,defaultValue:t="",validators:p=[],label:e,required:c,withoutLabel:l,style:u,className:k}){var i;if(n&&a)throw new Error("Cannot use name and model together.");var r=h.l0.useField(n||a,t,[...p,w.uj(/^[\d]{17}[\dXY]$/,"请输入合法的身份证号")]),m=o.useRef();(0,$.M6)(a,m);var d=o.useCallback((n=>{r.isTouched=!0;var a=n.target.value.replace(/\s/g,"");a.length<=18&&r.patchValue(a)}),[r]);return(0,K.jsxs)(_.N,{ref:m,style:u,className:k,label:e,required:c,withoutLabel:l,children:[(0,K.jsx)(H.I,{value:s(r.value),width:220,onChange:d,onBlur:o.useCallback((()=>r.validate()),[r])}),(0,K.jsx)(Y.X,{children:null===(i=r.error)||void 0===i?void 0:i.message})]})}function s(n){for(var a=[6,10,12,14,18],s=n.length,t="",p=0;p{},form:s,scrollToError:!0,layout:"horizontal",children:[(0,K.jsx)(a,{model:s.model.children.id,label:"身份证号：",required:!0,validators:[w.C1("请输入身份证号")]}),(0,K.jsx)("div",{style:{marginTop:"120px"},className:"zent-form-actions",children:(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",children:"获取表单值，点击可以滚到到错误位置"})})]})}return(0,K.jsx)(t,{})},Fn=function(){var n=X.P.SelectTrigger,a=[{code:"+86",zh:"zhongguo",eng:"china",text:"中国 +86",key:0},{code:"+853",zh:"aomen",eng:"Macau",text:"中国澳门 +853",key:1}],s=(n,a)=>!!(a&&n.text.trim().toLowerCase().indexOf(a.trim().toLowerCase())>-1);function t(n){return n}var p=()=>{var p=h.l0.useField("areacode",a[0]),e=h.l0.useField("mobile","",[w.uj(/^\d{1,10}$/,"请输入正确的手机号")]),c=T.RI((0,o.useCallback)((()=>{p.isTouched=!0}),[p]),T.kH(t,T.sV(p,h.l0.ValidateOption.Default))),l=T.sV(e,h.l0.ValidateOption.Default);return(0,K.jsxs)(_.N,{className:"form-demo-multiple-value",label:"联系方式：",invalid:!!p.error||!!e.error,children:[(0,K.jsx)(X.P,{className:"areacode",options:a,filter:s,trigger:n,width:160,value:p.value,onChange:c}),(0,K.jsx)(D.Y,nn(nn({style:{marginLeft:16},className:"phone-num",placeholder:"请填写手机号",width:160,value:e.value},T.Jk(e)),{},{onChange:l,onBlur:(0,o.useCallback)((()=>{e.isTouched=!0,e.validate()}),[e])})),(0,K.jsx)(h.l0.CombineErrors,{models:[p,e]})]})},e=()=>{var n=h.l0.useForm(f.d.View),a=(0,o.useCallback)((()=>{n.getValue()}),[n]),s=(0,o.useCallback)((()=>{n.resetValue()}),[n]);return(0,K.jsxs)(h.l0,{form:n,layout:"horizontal",children:[(0,K.jsx)(U.C,{name:"contactPhone",children:(0,K.jsx)(p,{})}),(0,K.jsxs)("div",{className:"zent-form__form-actions",children:[(0,K.jsx)(x.z,{type:"primary",onClick:a,children:"获取表单值"})," ",(0,K.jsx)(x.z,{type:"primary",outline:!0,onClick:s,children:"重置表单值"})]})]})};return(0,K.jsx)(e,{})},wn=function(){function n(){var n=h.l0.useForm(f.d.View);return(0,K.jsxs)(h.l0,{layout:"vertical",form:n,children:[(0,K.jsx)(b.C,{name:"field1",label:"field1",required:"请填写内容",helpDesc:"这个字段不会展示它自己的错误",withoutError:!0}),(0,K.jsx)(b.C,{name:"field2",label:"field2",required:"请填写内容"}),(0,K.jsx)(h.l0.CombineErrors,{names:["field1","field2"]})]})}return(0,K.jsx)(n,{})},xn=function(){var n={minWidth:270};function a(){var a=h.l0.useForm(f.d.View),s=(0,o.useState)("vertical"),t=(0,p.Z)(s,2),e=t[0],c=t[1],l=(0,o.useCallback)((n=>c(n.target.value)),[]),u=(0,o.useState)("column"),k=(0,p.Z)(u,2),i=k[0],r=k[1],m=(0,o.useCallback)((n=>r(n.target.value)),[]);return(0,K.jsxs)("div",{className:"form-layout",children:[(0,K.jsxs)("div",{className:"form-layout-option",children:[(0,K.jsx)("span",{className:"form-layout-option-name",children:"Layout:"}),(0,K.jsxs)(q.Y.Group,{value:e,onChange:l,children:[(0,K.jsx)(q.Y,{value:"vertical",children:"vertical"}),(0,K.jsx)(q.Y,{value:"horizontal",children:"horizontal"})]})]}),(0,K.jsxs)("div",{className:"form-layout-option",children:[(0,K.jsx)("span",{className:"form-layout-option-name",children:"Direction:"}),(0,K.jsxs)(q.Y.Group,{value:i,onChange:m,children:[(0,K.jsx)(q.Y,{value:"column",children:"column"}),(0,K.jsx)(q.Y,{value:"row",children:"row"})]})]}),(0,K.jsx)("hr",{}),(0,K.jsx)(h.l0,{layout:e,direction:i,form:a,children:(0,K.jsxs)(Z.q3.Provider,{value:{controlStyle:n},children:[(0,K.jsx)(b.C,{name:"name",label:"用户名：",value:""}),(0,K.jsx)(b.C,{name:"name2",label:"用户名2：",value:""}),(0,K.jsx)(b.C,{name:"name3",label:"用户名3：",value:""})]})}),(0,K.jsx)("div",{className:"zent-form-demo__form-actions",children:(0,K.jsx)(x.z,{type:"primary",htmlType:"submit",children:"获取表单值"})})]})}return(0,K.jsx)(a,{})},jn=function(){function n(){var n=h.l0.useForm(f.d.View);return(0,K.jsx)(h.l0,{layout:"horizontal",form:n,children:(0,K.jsxs)(Z.q3.Provider,{value:{labelStyle:{flexBasis:80,justifyContent:"flex-start"}},children:[(0,K.jsx)(b.C,{name:"name",label:"姓名："}),(0,K.jsx)(b.C,{name:"contact",label:"联系方式："})]})})}return(0,K.jsx)(n,{})};function Cn(n){return(0,K.jsx)(n.tag,nn(nn({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function qn(n){return(0,K.jsx)(Cn,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function Vn(n){return(0,K.jsx)(Cn,{tag:"style",html:n.style})}function Sn(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),Sn(n.parentNode,a);return a}class zn 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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,K.jsxs)("div",{className:"zandoc-react-demo",children:[(0,K.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,K.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,K.jsx)("div",{className:"zandoc-react-demo__title",children:(0,K.jsx)("p",{children:s||""})}),(0,K.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,K.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,K.jsx)(Cn,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class Nn extends o.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,Sn(a,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(Vn,{style:'.demo-form-basic-email {\n\tmargin-left: 5px;\n}\n\n.zent-form__controls .zent-switch-small {\n\tmargin-top: 5px;\n}\n\n.form-demo-12-radio-group {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n.form-demo-12-radio-group .zent-radio-wrap {\n\t\t\tdisplay: flex;\n\t\t\theight: 30px;\n\t\t\talign-items: center;\n\t\t}\n\n.form-demo-12-radio-group .zent-radio-wrap span:nth-child(2) {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n.form-demo-12-radio-group .zent-radio-wrap .zent-input-wrapper {\n\t\t\t\tmargin: 0 10px;\n\t\t\t}\n\n.add-btn {\n\tmargin-left: 130px;\n}\n\n.demo-form .members {\n\t\tborder: 1px dashed #ccc;\n\t\tmargin: 20px 0;\n\t\tpadding: 10px 0;\n\t\tposition: relative;\n\t}\n\n.demo-form .members .del-btn {\n\t\t\tcolor: #666;\n\t\t\tcursor: pointer;\n\t\t\tposition: absolute;\n\t\t\tright: -8px;\n\t\t\ttop: -8px;\n\t\t}\n\n.demo-form .member-title{\n\t\tmargin: 0 10px;\n\t}\n\n.demo-form .hobby {\n\t\tmargin-top: 20px;\n\t\tposition: relative;\n\t}\n\n.demo-form .hobby .del-btn {\n\t\t\tcolor: #155bd4;\n\t\t\tcursor: pointer;\n\t\t\tfont-size: 12px;\n\t\t\tposition: absolute;\n\t\t\ttop: 6px;\n\t\t\tleft: 300px;\n\t\t\twidth: 100px;\n\t\t}\n\n.demo-form .hobby-title {\n\t\tmargin: 10px 0 5px;\n\t}\n\n.demo-form .zenticon {\n\t\tmargin-left: 10px;\n\t}\n\n.form-demo-11 {\n\t\tdisplay: flex;\n\t}\n\n.form-demo-11-preview {\n\t\t\tpadding: 15px;\n \twidth: 230px;\n\t\t\tmargin: 20px;\n \theight: 90px;\n \tborder-radius: 5px;\n\t\t\tbackground-size: 100% 100%;\n \tbackground-image: url("https://img.yzcdn.cn/public_files/2019/03/11/704e415d887541d2bf9ce945483af305.png!middle.webp");\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t}\n\n.form-demo-11-preview h3 {\n\t\t\t\tcolor: #ffd700;\n\t\t\t\tmin-height: 30px;\n\t\t\t\ttext-align: right;\n\t\t\t\tfont-size: 16px;\n\t\t\t}\n\n.form-demo-11-preview-address {\n\t\t\t\tcolor: #333;\n\t\t\t\tfont-size: 10px;\n\t\t\t\tmargin-top: auto;\n\t\t\t}\n\n.form-demo-11-preview-phone {\n\t\t\t\ttext-align: right;\n\t\t\t\tcolor: #c0c0c0;\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\n.form-demo-11-preview-nickname {\n\t\t\t\tcolor: #333;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t}\n\n.form-demo-11-nickname {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center\n\t\t}\n\n.form-demo-11-nickname:not(:first-child) {\n\tmargin-top: 16px;\n}\n\n.form-demo-11-nickname .zenticon {\n\t\t\t\tmargin-left: 5px;\n\t\t\t\tcursor: pointer;\n}\n\n.form-demo-12-radio-group {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n.form-demo-12-radio-group .zent-radio-wrap {\n\t\t\tdisplay: flex;\n\t\t\theight: 30px;\n\t\t\talign-items: center;\n\t\t}\n\n.form-demo-12-radio-group .zent-radio-wrap span:nth-child(2) {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n.form-demo-12-radio-group .zent-radio-wrap .zent-input-wrapper {\n\t\t\t\tmargin: 0 10px;\n\t\t\t}\n\n.form-demo-multiple-value .zent-form-control-content {\n\tdisplay: flex;\n}\n\n.form-layout {\n\twidth: 800px;\n}\n\n.form-layout-option {\n\tmargin-bottom: 16px;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.form-layout-option-name {\n\twidth: 100px;\n}\n\n.demo-form-basic-email {\n\tmargin-left: 5px;\n}'}),o.createElement(qn,{html:'

Form 表单组件

\n

⚠️ 警告

\n

这是新版的 Form 组件，和 7.0.0 之前版本的 Form 组件不兼容，可以在这里查看老版 Form 组件的文档。

\n

Form 和其他组件相比，本身功能和 API 都相对复杂，请先仔细阅读完本文档再使用。

\n

API 文档

\n

Form 的 API 较多，文档里遗漏某些 API 的话请尝试搜索 tsdoc 生成的 API 文档，同时可以在 Github 上提个 issue，帮助我们改进文档，issue 里请详细描述少了哪个 API 或者组件的信息。

\n

Form 的分层结构

\n

为了帮助更好的理解和使用 Form，先从设计的角度对 Form 做一个概述。Form 设计上可以大致分为 3 层：

\n
    \n
  • 数据层：这一层在内部由一个叫 formulr 的内部包构成，它和 UI 无关
    • \n
  • React 绑定层：这一层也在 formulr 内，但只包含最基础的 Hooks（例如 useField 等），依旧和 UI 无关
    • \n
  • UI 层：这一层负责处理数据层和 Zent 组件库的适配，这一层只处理 UI 逻辑，不关心数据的具体处理逻辑
    • \n
\n

数据层

\n

数据层主要由各种类型的 model, validator 以及 builder 构成。model 主要分为以下几种：

\n
    \n
  • IModel 这是最底层 interface，所有 model 都实现它
    • \n
  • BasicModel 这是一个 model 的基类，所有 model 都继承自它
    • \n
  • FieldModel 单个表单域的 model
    • \n
  • FieldArrayModel 一组相同表单域的 model
    • \n
  • FieldSetModel 一组有相关性的表单域，通常这些表单域作为一个整体才有意义，比如手机号的国家代码+号码
    • \n
  • FormModel 继承自 FieldSetModel，从数据层看就是 FieldSetModel，但是额外添加了一些表单顶层才需要的能力
    • \n
  • ModelRef 类似 React 的 ref 概念，它的用处是在不知道具体的 model 类型时用作占位元素。只有 View 模式下才会出现。
    • \n
\n

model 是数据和状态的容器，所以 model 上只有操作数据和状态的方法。不管 model 是什么类型，一个 model 上一定维护着值、校验状态、错误信息以及 touched 等一些基础状态，以及读取/操作这些信息的方法。下面是所有 model 上一些常见的方法和属性列表，额外的方法和属性可以通过 API 文档中搜索相应的 model 类型查看。

\n
    \n
  • value 获取 model 当前的值
    • \n
  • getSubmitValue() 获取用于表单提交的值，可以通过 Field 的 normalize 属性自定义格式化逻辑
    • \n
  • initialize(value: Value) 初始化 model 值
    • \n
  • patchValue(value: Value) 更新 model 值
    • \n
  • reset() 重置 model 为初始值
    • \n
  • clear() 重置 model 为默认值
    • \n
  • valid() 返回 model 是否通过检验，该函数不会触发校验
    • \n
  • validate(options?: ValidateOption) 触发 model 上的校验逻辑
    • \n
  • error 获取 model 上的错误信息
    • \n
  • clearError() 清楚 model 的错误信息
    • \n
  • dirty() model 值是否被修改过
    • \n
  • pristine() model 值是否从未被修改过
    • \n
  • touched() model 对应的 Field 是否被用户操作过
    • \n
\n

FieldArrayModel 上还有一批类似数组操作元素的方法，行为和数组上的方法一致，接受值或者 model 对象作为参数。

\n
    \n
  • push
    • \n
  • pop
    • \n
  • shift
    • \n
  • unshift
    • \n
  • splice
    • \n
  • filter 该方法直接操作当前的 FieldArrayModel 对象，而不是返回一个新的 FieldArrayModel
    • \n
  • sort
    • \n
  • children 获取所有子 model，是个只读数组
    • \n
  • get(index: number) 返回指定下标处的子 model 对象
    • \n
\n

FieldSetModel 上的额外方法：

\n
    \n
  • children 获取所有子 model，是个只读对象
    • \n
  • get(name: string) 返回指定名字的子 model 对象
    • \n
  • registerChild(name, model): void 注册一个子 model 对象
    • \n
  • removeChild(name) 删除一个子 model
    • \n
\n

⚠️ 注意：不要直接操作 FieldArrayModel 和 FieldSetModel 的 children 属性（本身就是只读属性），请使用 model 上提供的 mutation API 操作，否则会破坏 model 内部数据一致性，导致不可预期的问题。

\n

validator 和 builder 下文会详细说明。

\n

Form 的运行模式

\n

这是使用 Form 时的一个非常重要的概念，请一定理解清楚。另外，我们推荐使用 Model 模式，而非 View 模式。

\n

在 ModelRef 里提到了 Form 的 View 模式，这里详细说明以下 Form 的两种运行模式(FormStrategy)，View 模式和 Model 模式。

\n
    \n
  • View 模式是指表单的 model 是通过 UI 的结构，由 Form 自动推导生成的。简单来说，先有 UI，再有 model。上面提到的 ModelRef 即是在一些场景下 model 还未生成时用来做占位的，所以才说 ModelRef 仅出现在 View 模式下。
    • \n
  • Model 模式则是由开发者创建好表单的 model 结构，然后作为 Form 的初始化参数传入的，所以是先有 model，再有 UI。
    • \n
\n

FormStrategy 指明了表单是由视图驱动（View 模式）的还是独立数据驱动（Model 模式），两种模式在使用 API 时也会有差异。

\n
    \n
  • 当使用 View 模式时，表单项组件和 hooks 接受一个 name 参数而不是一个 model。
    • \n
  • 当使用 Model 时，由于数据层是在表单外构建的，表单组件必须直接传入该字段对应的 model，而不是 name；但是使用 Form 的 Hooks 时，支持传入字段 name 或者 model，这种场景相当于是一个只读的订阅行为。
    • \n
  • 除了上述区别之外，不同模式下表单组件以及 hooks 会有一些参数不同，具体请查阅 API 文档。
    • \n
\n

常用 Form API

\n

form 对象具备一些基础的能力：

\n
    \n
  • form.submit() 显式触发表单提交事件，会自动触发表单校验。
    • \n
  • form.isSubmitting 表单是否在提交中。
    • \n
  • form.isSubmitFailed 表单上一次提交是否失败。
    • \n
  • form.isSubmitSucceeded 表单上一次提交是否成功。
    • \n
  • form.validate(options?: ValidateOption) 触发一次表单校验。
    • \n
  • form.isValid() 表单是否通过校验，不会自动触发 form.validate。
    • \n
  • form.isValidating() 表单是否正在校验过程中。
    • \n
  • form.model 获取表单对应的 model 对象。
    • \n
  • form.getValue() 获取表单当前的值。
    • \n
  • form.getSubmitValue() 获取表单当前的值，用于需要在提交前通过 normalizeBeforeSubmit 格式化表单值的场景。
    • \n
  • form.patchValue() 更新给定字段的值。
    • \n
  • form.initialize() 初始化表单值，同时将这个值作为表单的 initialValue 。
    • \n
  • form.resetValue() 将所有字段重置为 initialValue ，不会触发表单事件，如果 initialValue 不存在，则使用 defaultValue 。
    • \n
  • form.clear() 将所有字段赋值为 defaultValue ，同时清空 initialValue 。
    • \n
  • form.reset() 显式触发表单重置事件 。
    • \n
\n

Form 组件的 Props

\n
    \n
  • form useForm 的返回值
    • \n
  • layout 表单项内的布局模式，支持水平布局和垂直布局，默认垂直
    • \n
  • direction 表单项间的排列方式，支持水品排列和垂直排列，默认垂直
    • \n
  • disabled 禁用表单输入，开启后表单内所有元素不可编辑。注意：自定义组件需要自己实现禁用逻辑和展示
    • \n
  • disableEnterSubmit 禁用表单内 input 元素的回车提交功能
    • \n
  • onReset 表单重置回调函数，form.reset 或者原生的 DOM 触发的 reset 事件都会触发 onReset
    • \n
  • onSubmit 表单提交回调函数，form.submit 或者原生的 DOM 触发的 submit 事件都会触发 onSubmit
    • \n
  • onSubmitFail 表单提交失败时的回调函数
    • \n
  • onSubmitSuccess 表单提交成功时的回调函数
    • \n
  • scrollToError 表单校验报错时自动滚动到第一个错误的位置
    • \n
  • \n

    willScrollToError 触发滚动到第一个错误前的回调函数，如果返回一个 Promise，当 Promise resolve 时才会继续执行滚动，reject 将终止滚动操作。 可以返回 IFormScrollToErrorOptions 用来调整滚动的节点和位置

    \n
      \n
    • scrollContainer 自定义滚动的 DOM 节点，默认 document.body
      • \n
    • offsetX 自定义滚动的 x 轴偏移量
      • \n
    • offsetY 自定义滚动的 y 轴偏移量
      • \n
    \n
    • \n
  • 详细参数请参考这里
    • \n
\n

defaultValue vs initialValue

\n
    \n
  • initialValue：初始值，在逻辑上作为表单首次展示的值，可以被更新。
    • \n
  • defaultValue：缺省值，在表单没有输入时使用的值，组件一旦渲染就不可再被更新。
    • \n
\n

Hooks

\n

Form 提供以下基础的 hooks，在内置的这些 Form 组件无法满足需要时，可以使用这些 hooks 来封装自定义的 Form 组件。

\n\n

基础使用方法

\n

所有表单组件必须包裹在一个 Form 组件内部，每一个表单项对应一个 Field，我们已经内置了 Zent 组件对应的 Field 组件；也可以使用自己封装的自定义表单项组件。

\n
    \n
  • FormInputField
    • \n
  • FormSelectField
    • \n
  • FormRadioGroupField
    • \n
  • FormCheckboxField
    • \n
  • FormCheckboxGroupField
    • \n
  • FormNumberInputField
    • \n
  • FormSwitchField
    • \n
  • FormColorPickerField
    • \n
  • FormDatePickerField
    • \n
  • FormWeekPickerField
    • \n
  • FormMonthPickerField
    • \n
  • FormQuarterPickerField
    • \n
  • FormYearPickerField
    • \n
  • FormTimePickerField
    • \n
  • FormTimeRangePickerField
    • \n
  • FormDateRangePickerField
    • \n
  • FormCombinedTimeRangePickerField
    • \n
  • FormCombinedDateRangePickerField
    • \n
  • FormDateRangeQuickPickerField
    • \n
\n

Field 组件支持的完整参数列表可以参考这里，以及这里除 invalid 之外的参数；这些都是两种模式下通用的参数。

\n
    \n
  • after 在表单项后面显示的自定义内容
    • \n
  • before 在表单项前面显示的自定义内容
    • \n
  • format 渲染前会先调用 format 格式化
    • \n
  • normalize 触发 onChange 时会先经过 normalize 再写入到内部的 model 上
    • \n
  • getValidateOption 根据触发校验的事件源头返回校验规则
    • \n
  • helpDesc 表单项说明文案
    • \n
  • notice 表单项警示性文案
    • \n
  • renderError 自定义错误渲染，参数是 validator 返回的对象，一次只会有一个错误
    • \n
  • required 是否必填，如果这项有值，会在校验规则里添加一个 required 规则，相当于一个快捷设置
    • \n
  • touchWhen 什么时候标记表单项为 touched
    • \n
  • validateOccasion 什么时候触发校验
    • \n
  • withoutError 不显示错误，开启后一般需要自行处理错误的展示
    • \n
  • withoutLabel 默认不传 label 的时候也会留有 label 的空间，使用 withoutLabel 去掉这个留空
    • \n
  • label 表单项的名称
    • \n
  • className 自定义类名
    • \n
  • children 不解释
    • \n
  • modelRef Field 对应 model 的 ref，可以通过这个 modelRef.current 直接访问 model 上的方法和属性
    • \n
\n

View 模式还支持以下参数。

\n
    \n
  • defaultValue 缺省值，作为没有用户输入时的值，不可变
    • \n
  • destroyOnUnmount 是否在组件 unmount 的时候销毁 model 对象，销毁时机依赖 React 执行时机。使用前请看下面的注意事项。
    • \n
  • initialValue 初始值，在逻辑上作为字段首次展示的值，可变
    • \n
  • name 表单项对应的数据字段名
    • \n
  • normalizeBeforeSubmit 用于表单提交前格式化 Field 值的回调函数
    • \n
  • validators 校验规则列表，执行的时候会按数组顺序逐个调用，直到所有都通过或者在第一个失败的地方停止
    • \n
\n

注意：

\n
    \n
  • 不要在 View 模式下通过条件渲染将同一个 name 的 \bmodel 渲染成不同的 Field 实例，并且同时在 Field 上开启 destroyOnUnmount 参数。我们认为这是很 tricky 的不合理用法，一旦发现这种场景，name 对应的那个 Field 将进入不可用状态，后续所有操作都会报错。
    • \n
  • 在 View 模式下使用 FieldArray 时，由于该组件的特殊性，虽然此时传给 Field 的是个 ModelRef，按之前提到的规则这就是 Model 模式，但是校验规则还是需要设置在表单项上。
    • \n
\n

Model 模式还支持以下参数。注意，此模式下校验规则正常是设置在 model 上的，而不是表单项组件上。

\n
    \n
  • model 表单项对应的数据
    • \n
  • initialValue 初始值，用于覆盖 model 上的初始值，仅当值不等于 undefined 时生效
    • \n
\n

注意：如果需要给 Field 封装的组件传递 props，需要将所有 props 通过 props 传递，例如 <FormInputField props={{ spellCheck: false }} />，spellCheck 将会被透传到 Input 组件上；如果直接写在 FormInputField 上不会生效。

'}),o.createElement(zn,{title:"基础用法",id:"Demo1",src:'import {\n FormInputField,\n Form,\n FormStrategy,\n Validators,\n Pop,\n Icon,\n ButtonDirective,\n} from \'zent\';\n\nfunction Component() {\n const form = Form.useForm(FormStrategy.View);\n const [disabled, setDisabled] = React.useState(false);\n const [initializing, setInitializing] = React.useState(false);\n const initialize = React.useCallback(() => {\n setInitializing(true);\n setTimeout(() => {\n form.initialize({\n name: \'zent\',\n password: \'zenttnez\',\n email: \'zent@youzan.com\',\n });\n setInitializing(false);\n }, 1000);\n }, [form]);\n\n return (\n <>\n <Form layout="vertical" form={form} disabled={disabled}>\n <FormInputField\n name="name"\n label={\n <span>\n 用户名&nbsp;\n <Pop trigger="hover" content="用户名用于个人账号登录" centerArrow>\n <Icon type="info-circle-o" />\n </Pop>：\n </span>\n }\n validators={[\n Validators.minLength(5, \'用户名至少 5 个字\'),\n Validators.maxLength(25, \'用户名最多 25 个字\'),\n ]}\n helpDesc="用户名为5-25个字"\n required="必填"\n />\n <FormInputField\n name="password"\n props={{ type: \'password\' }}\n label="密码："\n helpDesc={\n <span>\n 密码由英文字母、数字组成\n <a href="https://youzan.com" target="_blank">\n 查看更多\n </a>\n </span>\n }\n validateOccasion={\n Form.ValidateOccasion.Blur | Form.ValidateOccasion.Change\n }\n validators={[\n Validators.pattern(/^[a-zA-Z0-9]+$/, \'只允许英文字母和数字\'),\n ]}\n notice="重要提示：填写后无法修改，请谨慎设置"\n required="必填"\n />\n <FormInputField\n className="demo-form-basic-email"\n label="E-Mail："\n name="email"\n validators={[\n Validators.required(\'必填\'),\n Validators.email(\'请输入正确的邮箱\'),\n ]}\n />\n <Button htmlType="reset">重置</Button>\n <Button onClick={form.model.clear.bind(form.model)}>\n 清空\n </Button>\n <Button loading={initializing} onClick={initialize}>\n 初始化表单数据\n </Button>\n <Button onClick={() => form.model.clearError()}>清空错误信息</Button>\n </Form>\n <Button\n style={{ marginTop: 24 }}\n onClick={() => setDisabled(prev => !prev)}\n >\n {disabled ? \'解除禁用\' : \'禁用表单\'}\n </Button>\n </>\n );\n}\n\nReactDOM.render(<Component />, mountNode);'},o.createElement(an)),o.createElement(zn,{title:"使用内置表单元素组件",id:"Demo2",src:'import {\n Form,\n FormStrategy,\n Field,\n FormInputField,\n FormSelectField,\n FormRadioGroupField,\n FormCheckboxField,\n FormCheckboxGroupField,\n FormColorPickerField,\n FormDateRangePickerField,\n FormNumberInputField,\n FormSwitchField,\n Radio,\n Checkbox,\n Button,\n FormTimeRangePickerField,\n FormSingleUploadField,\n FormUploadField,\n FormImageUploadField,\n} from \'zent\';\n\nfunction Component() {\n const form = Form.useForm(FormStrategy.View);\n return (\n <Form layout="horizontal" form={form}>\n <FormInputField\n name="name"\n label="昵称："\n required="请选择类型"\n props={{\n spellCheck: false,\n }}\n />\n <FormSelectField\n name="type"\n label="类型："\n required\n props={{\n options: [\n { key: 1, text: \'普通用户\' },\n { key: 2, text: \'高级用户\' },\n ],\n }}\n />\n <FormRadioGroupField\n name="sex"\n label="性别："\n required\n validators={[Validators.required(\'请选择性别\')]}\n >\n <Radio value="1">男</Radio>\n <Radio value="2">女</Radio>\n </FormRadioGroupField>\n <FormCheckboxGroupField\n name="hobbies"\n label="兴趣标签："\n required="请选择标签"\n validators={[Validators.minLength(1, \'请选择标签\')]}\n >\n <Checkbox value="movie">电影</Checkbox>\n <Checkbox value="book">书籍</Checkbox>\n <Checkbox value="travel">旅行</Checkbox>\n </FormCheckboxGroupField>\n <FormNumberInputField\n name="age"\n label="年龄："\n defaultValue={12}\n props={{\n showStepper: true,\n }}\n />\n <FormColorPickerField\n name="color"\n label="喜欢的颜色："\n defaultValue="#5197FF"\n />\n <FormTimeRangePickerField\n name="workTime"\n label="工作时间："\n defaultValue={[\'9:00:00\', \'18:00:00\']}\n ></FormTimeRangePickerField>\n <FormDateRangePickerField\n name="dateRange"\n label="身份证有效期："\n type="split"\n dateFormat="YYYY-MM-DD HH:mm:ss"\n validators={[\n function required(value) {\n if (!value[0] || !value[1]) {\n return {\n name: \'required\',\n message: \'请填写有效期\',\n };\n }\n },\n ]}\n />\n <FormSwitchField\n name="isPublic"\n label="公开个人信息："\n defaultValue={false}\n />\n <FormCheckboxField name="agree" label="同意许可条例：">\n 是\n </FormCheckboxField>\n <FormSingleUploadField\n name="singleFile"\n label="单文件上传："\n props={{\n tips: \'文件大小不超过 2M\',\n maxSize: 1024 * 1024 * 2,\n }}\n />\n <FormUploadField\n name="upload"\n label="文件上传："\n props={{\n tips: \'单个文件不超过 2M\',\n maxAmount: 9,\n maxSize: 1024 * 1024 * 2,\n }}\n />\n <FormImageUploadField\n name="imageUpload"\n label="图片文件上传："\n props={{\n tips: \'单个文件不超过 2M\',\n maxAmount: 9,\n maxSize: 1024 * 1024 * 2,\n }}\n />\n <Button\n type="primary"\n onClick={() =>\n Notify.info(\n <code>\n <pre>{JSON.stringify(form.getValue(), null, 2)}</pre>\n </code>\n )\n }\n >\n Values\n </Button>\n </Form>\n );\n}\n\nReactDOM.render(<Component />, mountNode);'},o.createElement(sn)),o.createElement(zn,{title:"表单提交",id:"Demo15",src:'import { Form, FormStrategy, Notify, FormInputField } from \'zent\';\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n const onSubmit = React.useCallback(form => {\n // 在onSubmit触发之前，表单已校验通过\n const value = form.getValue();\n\n // onSubmit可以返回一个Promise，onSubmitSuccess会在其resolve之后调用\n return new Promise(resolve => {\n setTimeout(resolve, 1000);\n });\n }, []);\n const onSubmitSuccess = React.useCallback(() => {\n Notify.success(\'表单提交成功\');\n }, []);\n const onSubmitFail = React.useCallback((error) => {\n console.log(error);\n Notify.error(\'校验似乎出了点问题...\');\n }, []);\n\n return (\n <Form\n form={form}\n layout="horizontal"\n onSubmit={onSubmit}\n onSubmitSuccess={onSubmitSuccess}\n onSubmitFail={onSubmitFail}\n >\n <FormInputField name="name" label="姓名：" required />\n <Button htmlType="submit" type="primary">\n 提交\n </Button>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(tn)),o.createElement(qn,{html:'

表单校验

\n

通过 Field 上的 validators 参数来设置表单项的校验规则；也可以在 FieldArray 或者 FieldSet 上设置校验规则，这是高级用法，请参考这一节。

\n

表单校验函数定义:

\n
type AsyncValidator<T> = (\n  value: T,\n  ctx: ValidatorContext<T>\n) => Promise<IMaybeError<T>> | Observable<IMaybeError<T>> | null;\n\ntype SyncValidator<T> = (value: T, ctx: ValidatorContext<T>) => IMaybeError<T>;
\n
    \n
  • 如果返回 null 或者 undefined 表示校验通过；当校验失败时返回一个包含错误信息的对象。
    • \n
  • 支持返回 Promise 或 Observable 进行异步校验
    • \n
  • 使用 Form.createAsyncValidator 来创建一个异步校验函数，查看函数定义；通过 Form.isAsyncValidator 来判断函数是不是异步校验函数，查看函数定义
    • \n
  • 通过 Field 的 validateOccasion 参数控制校验时机
    • \n
  • 通过 Field 的 getValidateOption 参数控制校验规则的运行时机以及哪些校验规则需要运行
    • \n
  • validator 的执行顺序是 validators 数组的元素顺序，通常建议把异步校验放在最后
    • \n
  • \n

    ctx 参数上有几个获取表单值的方法，当校验依赖其他字段的值时可能需要用到

    \n
      \n
    • getFormValue() 获取整个表单当前的值
      • \n
    • getSectionValue(...names) 获取当前 FieldSet 或者 Form 下的某个字段的值
      • \n
    • getSection() 或者所属 FieldSet 或者 Form 的 model 对象。
      • \n
    \n
    • \n
\n

内置的校验规则

\n'}),o.createElement(zn,{title:"表单校验",id:"Demo4",src:'import {\n Form,\n FormStrategy,\n Radio,\n Checkbox,\n Notify,\n Validators,\n FormNumberInputField,\n FormInputField,\n FormSingleUploadField,\n} from \'zent\';\n\n/**\n * 自定义表单校验，内置组件接受 renderError 参数，若不传默认会显示 message\n */\nfunction equalsPassword(value, ctx) {\n if (value !== ctx.getSectionValue(\'password\').password) {\n return {\n name: \'passwordEqual\',\n message: \'两次填写的密码不一致\',\n };\n }\n return null;\n}\n\nfunction idLength(value) {\n if (value.length !== 10 && value.length !== 15) {\n return {\n name: \'idLength\',\n message: \'证件号码是10位或者15位数字\',\n };\n }\n}\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n const resetForm = useCallback(() => {\n form.resetValue();\n }, [form]);\n const onSubmit = React.useCallback(form => {\n const value = form.getValue();\n console.log(value)\n }, []);\n return (\n <Form\n form={form}\n layout="vertical"\n scrollToError\n onSubmit={onSubmit}\n >\n <FormInputField\n name="name"\n label="昵称："\n required\n helpDesc="正则校验"\n validators={[\n Validators.required(\'请填写昵称\'),\n Validators.pattern(/^[a-zA-Z]+$/, \'昵称只能是字母\'),\n ]}\n />\n <FormInputField\n name="password"\n label="密码："\n required\n helpDesc="非空校验"\n validators={[Validators.required(\'请填写密码\')]}\n props={{\n type: \'password\',\n }}\n />\n <FormInputField\n name="confirmPw"\n label="确认密码："\n required\n helpDesc="自定义校验函数"\n validators={[equalsPassword]}\n props={{\n type: \'password\',\n }}\n />\n <FormInputField\n name="email"\n label="邮件："\n helpDesc="邮件校验"\n validators={[Validators.email(\'请填写正确的邮件\')]}\n />\n <FormInputField\n name="remark"\n label="备注："\n helpDesc="文本输入"\n props={{ type: \'textarea\', showCount: true, maxCharacterCount: 10 }}\n validators={[Validators.maxLength(10, \'备注不能超过10个字符\')]}\n />\n <FormNumberInputField\n name="id"\n label="证件号码："\n required\n helpDesc="自定义校验函数"\n validators={[idLength]}\n />\n <FormCheckboxGroupField\n name="hobbies"\n label="兴趣标签："\n required\n helpDesc="长度校验"\n validators={[Validators.minLength(2, \'请至少选择两个\')]}\n >\n <Checkbox value="movie">电影</Checkbox>\n <Checkbox value="book">书籍</Checkbox>\n <Checkbox value="travel">旅行</Checkbox>\n </FormCheckboxGroupField>\n <FormSingleUploadField\n name="singleFile"\n label="单文件上传："\n props={{\n tips: \'文件大小不超过 2M\',\n maxSize: 1024 * 1024 * 2,\n }}\n validators={[Validators.required(\'请上传文件\')]}\n />\n <FormUploadField\n name="upload"\n label="文件上传："\n props={{\n tips: \'单个文件不超过 2M\',\n maxAmount: 9,\n maxSize: 1024 * 1024 * 2,\n }}\n validators={[Validators.minLength(1, \'请上传文件\')]}\n />\n <FormImageUploadField\n name="imageUpload"\n label="图片文件上传："\n props={{\n tips: \'单个文件不超过 2M\',\n maxAmount: 9,\n maxSize: 1024 * 1024 * 2,\n }}\n validators={[Validators.minLength(1, \'请上传图片\')]}\n />\n <div className="zent-form-actions">\n <Button type="primary" htmlType="submit">\n 获取表单值\n </Button>\n <Button type="primary" outline onClick={resetForm}>\n 重置表单值\n </Button>\n </div>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(pn)),o.createElement(zn,{title:"异步校验",id:"Demo5",src:'import {\n Form,\n FormStrategy,\n Radio,\n Checkbox,\n Notify,\n Validators,\n FormNumberInputField,\n FormInputField,\n} from \'zent\';\n\nconst { ValidateOption } = Form;\n\nconst asyncValidator = Form.createAsyncValidator(\n () =>\n new Promise(resolve => {\n setTimeout(() => {\n resolve({\n name: \'async\',\n message: \'from async validator\',\n });\n }, 100);\n })\n);\n\nfunction getValidateOption(source) {\n if (source === \'blur\') {\n return ValidateOption.IncludeAsync;\n }\n}\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n const resetForm = useCallback(() => {\n form.resetValue();\n }, [form]);\n const validateForm = useCallback(() => {\n form\n // 不传参数直接调用 validate() 等价于\n // validate(ValidateOption.Default | ValidateOption.IncludeChildrenRecursively)\n .validate(\n ValidateOption.Default |\n ValidateOption.IncludeAsync |\n ValidateOption.IncludeUntouched |\n ValidateOption.IncludeChildrenRecursively\n )\n .then(() => {\n Notify.success(`Validate finished: ${form.isValid()}`);\n });\n }, [form]);\n return (\n <Form form={form} layout="vertical" scrollToError>\n <FormInputField\n name="name"\n label="昵称："\n required\n getValidateOption={getValidateOption}\n validators={[\n Validators.required(\'请填写昵称\'),\n Validators.pattern(/^[a-zA-Z]+$/, \'昵称只能是字母\'),\n asyncValidator,\n ]}\n />\n <div className="zent-form-actions">\n <Button type="primary" onClick={validateForm}>\n 校验表单\n </Button>\n <Button type="primary" outline onClick={resetForm}>\n 重置表单值\n </Button>\n </div>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(on)),o.createElement(qn,{html:'

非 Field 层级的校验

\n

FieldSet 和 FieldArray 和 Field 一样可以设置校验规则，这些校验规则是运行在 FieldSet 和 FieldArray 层级的，能拿到下层的所有数据，可以用来实现跨 Field 的校验。

'}),o.createElement(zn,{title:"字段交互",id:"Demo13",src:'import { useCallback } from \'react\';\nimport {\n Form,\n NumberInput,\n Radio,\n FormStrategy,\n Button,\n FieldSet,\n FieldUtils,\n ValidateOption,\n} from \'zent\';\n\nfunction sectionValidator(values) {\n if (values.option !== \'no-limit\' && values.count <= 0) {\n return {\n name: \'error\',\n message: \'次数限制不能为0\',\n };\n }\n return null;\n}\n\nfunction getValue(e) {\n return e.target.value;\n}\n\nfunction Limit() {\n const option = Form.useField(\'option\', \'no-limit\');\n const count = Form.useField(\'count\', 0);\n const onOptionChange = FieldUtils.useMulti(\n useCallback(() => (option.isTouched = true), [option]),\n FieldUtils.usePipe(\n getValue,\n FieldUtils.useChangeHandler(option, Form.ValidateOption.Default)\n )\n );\n const onLimitChange = FieldUtils.useChangeHandler(\n count,\n Form.ValidateOption.Default\n );\n return (\n <Radio.Group\n className="form-demo-12-radio-group"\n value={option.value}\n onChange={onOptionChange}\n >\n <Radio value="no-limit">不限制</Radio>\n <Radio value="limit">\n 限制\n <NumberInput\n {...FieldUtils.useCompositionHandler(count)}\n disabled={option.value === \'no-limit\'}\n value={count.value}\n onChange={onLimitChange}\n onBlur={useCallback(() => {\n count.isTouched = true;\n count.validate();\n }, [count])}\n />\n 次\n </Radio>\n </Radio.Group>\n );\n}\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n const onSubmit = useCallback(() => {\n console.log(\'onSubmit\');\n return Promise.resolve();\n }, []);\n return (\n <Form form={form} layout="vertical" onSubmit={onSubmit}>\n <FieldSet name="values" validators={[sectionValidator]}>\n <Limit />\n </FieldSet>\n <div>\n <Button htmlType="submit" style={{ marginTop: 16 }}>\n 提交\n </Button>\n </div>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(en)),o.createElement(qn,{html:'

校验选项

\n

校验选项共有以下几种：

\n
    \n
  • ValidateOption.Empty：校验会往上层冒泡，但不往下递归触发校验，并且会包含没有修改过的 Field，不校验没有 touch 过的 Field，不触发异步校验
    • \n
  • ValidateOption.Default：默认行为，等同于ValidateOption.Empty
    • \n
  • ValidateOption.IncludeAsync：校验时包含异步校验
    • \n
  • ValidateOption.IncludeUntouched：仅对满足!!model.touched() === true的字段进行校验
    • \n
  • ValidateOption.IncludeChildrenRecursively：递归校验下层的 Field，适用于直接从 Form，FieldSet 或者 FieldArray 触发的校验
    • \n
  • ValidateOption.ExcludePristine：不校验没有修改过的 Field
    • \n
  • ValidateOption.StopPropagation：校验时不往上一级 FieldSet 或者 FieldArray 冒泡，冒泡会一直到最顶层的 Form。
    • \n
\n

校验选项是一个 BitSet，在自定义表单组件中，使用 Model 上的 validate 方法进行校验时，使用 | 运算符联合所需的选项作为参数传入即可。

\n

不传参数调用 form.validate() 等价于 form.validate(ValidateOption.Default)。

'}),o.createElement(zn,{title:"校验选项",id:"Demo16",src:'import {\n Form,\n FormError,\n FormStrategy,\n Validators,\n ValidateOption,\n} from \'zent\';\n\nfunction RequiredEmail({\n label,\n name,\n helpDesc,\n validators,\n validateOption = ValidateOption.Empty,\n defaultValue = \'\',\n props,\n}) {\n const model = Form.useField(name, defaultValue, [\n Validators.required(\'请输入邮箱\'),\n Validators.email(\'请输入正确的邮箱\'),\n ...(validators || []),\n ]);\n\n const onChange = useCallback(\n e => {\n model.isTouched = true;\n model.value = e.target.value;\n },\n [model]\n );\n\n const validate = useCallback(() => {\n model.validate(validateOption);\n }, [model, validateOption]);\n\n return (\n <FormControl label={label} required>\n <Input\n {...props}\n value={model.value}\n onChange={onChange}\n onBlur={validate}\n width={240}\n />\n {model.error && <FormError>{model.error.message}</FormError>}\n <p style={{ color: \'#ababab\', fontSize: 12 }}>{helpDesc}</p>\n </FormControl>\n );\n}\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n\n return (\n <Form form={form} layout="vertical">\n <RequiredEmail\n name="email"\n label="邮箱："\n helpDesc="这个字段总会在blur事件触发校验"\n validateOption={\n ValidateOption.IncludeUntouched | ValidateOption.IncludeAsync\n }\n />\n <RequiredEmail\n name="email"\n label="邮箱2："\n helpDesc="这个字段只会在触发onChange之后才在blur事件触发校验"\n validateOption={ValidateOption.IncludeAsync}\n />\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(cn)),o.createElement(qn,{html:'

校验中间件

\n

校验中间件作用于校验函数本身，可以把它视作用来装饰函数的装饰器；通过中间件可以为内置的校验函数提供一些额外能力，例如条件校验。

\n

使用 FieldUtils.compose 可以将多个中间件组合成一个，文档底部有 FieldUtils.compose 的 API 描述。

\n

校验中间件的函数签名：

\n
type Middleware<T> = (next: IValidator<T>) => IValidator<T>;
\n

内置的校验中间件

\n
    \n
  • when 满足条件时才执行校验逻辑
    • \n
  • whenAsync 同 when，适用于移步校验函数
    • \n
  • message 根据值返回动态的错误信息
    • \n
'}),o.createElement(zn,{title:"校验中间件",id:"Demo6",src:'import {\n Form,\n FormStrategy,\n Validators,\n ValidatorMiddlewares,\n FormInputField,\n FormSwitchField,\n} from \'zent\';\n\nconst { FieldValue } = Form;\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n\n return (\n <Form form={form} layout="vertical" scrollToError>\n <FormSwitchField label="启用短信通知：" name="shouldNotify" />\n <FieldValue name="shouldNotify">\n {shouldNotify => (\n <FormInputField\n name="contact"\n label={\n (shouldNotify ? \'手机号\' : \'联系方式\') + \'：\'\n }\n required\n validators={[\n ValidatorMiddlewares.message(ctx => {\n return ctx.getFormValue().shouldNotify\n ? \'请填写手机号\'\n : \'请填写联系方式\';\n })(Validators.required(\'123\')),\n ValidatorMiddlewares.when(\n ctx => ctx.getFormValue()?.shouldNotify\n )(Validators.pattern(/^\\d{11}$/, \'请填写11位手机号\')),\n ]}\n />\n )}\n </FieldValue>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(ln)),o.createElement(qn,{html:'

订阅校验状态

\n

这个功能虽然不是很常用，但是 Zent 提供了 2 种监听表单校验状态的方法：

\n
    \n
  • Form.FieldValid：接收 name 或 model，将其校验状态作为 children 的第一个参数
    • \n
  • Form.useFieldValid：接收 name 或 model，返回其校验状态
    • \n
  • Form.useFormValid：接收 ZentForm 对象（即 useForm 的返回值），返回表单的校验状态
    • \n
  • 订阅 FieldArray, FieldSet 或者 Form 的校验状态可能会导致性能问题，因为这些是容器类型，订阅它们意味着需要订阅它们内部包含的所有表单项的校验状态变化，这是一个非常耗资源并且影响性能的操作，所以不推荐大范围频繁使用；开发模式下在 console 中会有一个警告信息。
    • \n
  • 当遇到订阅导致重绘次数过多的性能问题时，可以考虑使用 useObservableBatchedEagerState 将操作做批处理，减少重绘次数。
    • \n
'}),o.createElement(zn,{title:"响应式的校验状态",id:"Demo19",src:'import {\n Form,\n FormError,\n FormStrategy,\n FormControl,\n Input,\n Validators,\n FormInputField,\n FieldSet,\n Button,\n Notify,\n Alert,\n} from \'zent\';\n\nconst { useState, useEffect, useCallback } = React;\nconst { useForm, useFieldArray, useFormValid } = Form;\n\nfunction App() {\n const form = useForm(FormStrategy.View);\n\n return (\n <Form form={form} layout="horizontal">\n <Preview form={form} />\n <FieldSet name="set">\n <FormInputField\n required\n withoutError\n name="field1"\n label="字段-1"\n />\n <Form.FieldValid name="field1">\n {valid => (\n <FormControl label=" ">\n <div>Field-1 is {valid ? \'valid\' : \'invalid\'}</div>\n </FormControl>\n )}\n </Form.FieldValid>\n <FormInputField required name="field2" label="字段-2" />\n </FieldSet>\n <FieldArray />\n </Form>\n );\n}\n\nfunction FieldArray() {\n const model = useFieldArray(\'array\');\n\n return (\n <>\n {model.children.map((child, index) => {\n return (\n <div key={child.id}>\n <FormInputField\n required\n model={child}\n label="项目"\n props={{\n addonAfter: (\n <Icon\n type="close"\n style={{ cursor: \'pointer\' }}\n onClick={() => model.splice(index, 1)}\n />\n ),\n }}\n />\n </div>\n );\n })}\n <Button type="primary" onClick={() => model.push(\'\')}>\n Add\n </Button>\n </>\n );\n}\n\nfunction Preview({ form }) {\n // You will see a warning about performance issues in console.\n // Only do this if you know what you are doing.\n const valid = useFormValid(form);\n\n return (\n <Alert type={valid ? \'success\' : \'error\'} style={{ marginBottom: 24 }}>\n Form is {valid ? \'valid\' : \'invalid\'}\n </Alert>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(un)),o.createElement(qn,{html:'

useFieldArray 和 FieldSet

\n
    \n
  • \n

    useFieldArray 用于封装一组一样的表单项处理逻辑；FieldSet 用来封装一组相关的表单项处理逻辑。

    \n
    • \n
  • \n

    注意并没有所谓的 FieldArray 组件，直接使用 Form.useFieldArray 这个 hooks 即可。该函数有两个重载的实现，分别对应 Form 的两种运行模式。

    \n
    • \n
  • \n

    useFieldArray 的参数定义请参考这里。

    \n
    • \n
  • \n

    useFieldArray 返回值是一个 FieldArrayModel，通过 children 就能访问到所有数据，一般在 render 函数里对 children 做 map 操作即可。

    \n
    • \n
  • \n

    FieldArrayModel 上还有一些操作方法： push，pop，shift，unshift，splice，类似数组上对应的方法，用于操作子元素。对 FieldArrayModel 内元素做增删应该使用前面说的这些方法，不应该通过 patchValue 来实现增删，因为 patchValue 只更新值，会导致内部 model 状态不一致。

    \n
    • \n
  • \n

    FieldSet 组件和 Form 一样有两种运行模式，View 模式可以通过 name 参数指定对应的数据来源；Model 模式则通过 model 参数或者 name 参数显式的设置数据来源。

    \n
    • \n
\n

FieldSet 两种模式公用的参数可以在这里查看。

\n
    \n
  • validators 校验规则数组，按数组顺序执行，直到所有都通过或者在第一个失败的地方停止
    • \n
  • scrollAnchorRef 表单提交时滚动到错误时的 DOM 元素的 ref(来自 React.createRef 或 React.useRef)
    • \n
  • renderError 用于渲染整个 FieldSet 层面的错误
    • \n
  • children 不解释
    • \n
\n

View 模式额外的参数：

\n
    \n
  • destroyOnUnmount 是否在组件 unmount 的时候销毁 model 对象，销毁时机依赖 React 执行时机。
    • \n
  • normalizeBeforeSubmit 用于表单提交前格式化 FieldSet 值的回调函数
    • \n
  • validators FieldSet 本身的校验规则列表，注意和内部 Field 的校验规则没有关系。执行的时候会按数组顺序逐个调用，直到所有都通过或者在第一个失败的地方停止
    • \n
'}),o.createElement(zn,{title:"FieldArray 基本使用",id:"Demo8",src:'import {\n Form,\n FormError,\n Icon,\n Pop,\n Notify,\n FieldModel,\n FieldSetModel,\n FieldSet,\n Validators,\n ValidatorOption,\n FormStrategy,\n FormNumberInputField,\n} from \'zent\';\n\nfunction Hobbies({ name }) {\n const model = Form.useFieldArray(name, [\n Validators.maxLength(3, \'最多添加 3 项兴趣\'),\n ]);\n const addHobby = useCallback(() => {\n model.push(\'\');\n model.validate(ValidateOption.IncludeUntouched);\n }, []);\n return (\n <>\n <Button onClick={addHobby} className="add-btn">\n 添加兴趣爱好\n </Button>\n <ul>\n {model.children.map((child, index) => (\n <li key={child.id} className="hobby">\n <FormInputField\n model={child}\n label={`兴趣爱好${index + 1}：`}\n validators={[Validators.required(\'请填写兴趣爱好\')]}\n props={{\n width: 120,\n }}\n />\n <span\n className="del-btn"\n onClick={() => {\n model.splice(index, 1);\n model.validate();\n }}\n >\n 删除该爱好\n </span>\n </li>\n ))}\n </ul>\n <FormError style={{ marginLeft: 128 }}>{model.error?.message}</FormError>\n </>\n );\n}\n\nfunction MemberInfo({ remove, index }) {\n const onRemoveClick = useCallback(() => {\n remove(index);\n }, [index, remove]);\n return (\n <li className="members">\n <div className="member-title">\n <span>\n 成员\n {index + 1}\n </span>\n <Pop centerArrow trigger="hover" content="删除该成员">\n <Icon\n className="del-btn"\n type="close-circle"\n onClick={onRemoveClick}\n />\n </Pop>\n </div>\n <FormInputField\n name="name"\n label="名字:"\n required\n validators={[Validators.required(\'请填写成员名字\')]}\n normalizeBeforeSubmit={name => name.toUpperCase()}\n />\n <FormRadioGroupField\n name="sex"\n label="性别："\n defaultValue="1"\n required\n validators={[Validators.required(\'请选择性别\')]}\n >\n <Radio value="1">男</Radio>\n <Radio value="2">女</Radio>\n </FormRadioGroupField>\n <Hobbies name="hobbies" />\n </li>\n );\n}\n\nfunction Members({ name }) {\n const model = Form.useFieldArray(name);\n const addOne = useCallback(() => {\n model.push({});\n }, [model]);\n const addTwo = useCallback(() => {\n model.push({}, {});\n }, [model]);\n const remove = useCallback(\n index => {\n model.splice(index, 1);\n },\n [model]\n );\n return (\n <>\n {model.children.length < 3 && (\n <Button onClick={addOne} className="add-btn">\n 添加一个成员\n </Button>\n )}\n {model.children.length < 2 && (\n <Button onClick={addTwo} className="add-btn">\n 添加两个成员\n </Button>\n )}\n <ul>\n {model.children.map((child, index) => (\n <FieldSet key={child.id} model={child}>\n <MemberInfo index={index} remove={remove} />\n </FieldSet>\n ))}\n </ul>\n </>\n );\n}\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n const setArray = useCallback(() => {\n form.patchValue({\n number: 42,\n members: [\n {\n name: \'john\',\n sex: \'1\',\n hobbies: [\'H1\'],\n },\n ],\n });\n }, [form]);\n\n const getFormValue = useCallback(() => {\n console.log(form.getValue());\n }, [form]);\n\n const getSubmitValue = useCallback(() => {\n console.log(form.getSubmitValue());\n }, [form]);\n\n return (\n <Form className="demo-form" layout="horizontal" form={form}>\n <FormNumberInputField\n name="number"\n label="总人数："\n required\n validators={[Validators.required(\'请填写总人数\')]}\n />\n <Members name="members" />\n <div style={{ marginTop: 16 }}>\n <Button type="primary" htmlType="submit" onClick={getFormValue}>\n 获取表单值\n </Button>\n <Button type="primary" htmlType="submit" onClick={getSubmitValue}>\n 获取表单提交值\n </Button>\n <Button onClick={setArray}>设置 FieldArray 值</Button>\n </div>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(kn)),o.createElement(qn,{html:'

Builder API 和 Model 模式

\n

使用 Form 的 Model 模式需要自己手动创建 model，我们提供了 builder API 来帮助完成这个操作。每个函数返回的都是一个 Builder 对象，Builder 对象都有一个 validators 方法用来配置 model 的校验规则。Builder API 都支持链式调用。

\n
    \n
  • Form.form 参数是个对象，用来描述整个 Form model 的结构, 查看函数定义
    • \n
  • Form.field 参数是 Field 的默认值，查看函数定义
    • \n
  • Form.set 参数是个对象，用来描述这个表单集合的结构，查看函数定义
    • \n
  • Form.array 参数是一个其他函数返回的 Builder 对象，array 返回的 Builder 对象上有 defaultValue 用于设置这个 array 中的表单项的默认值，查看函数定义
    • \n
'}),o.createElement(zn,{title:"从 Model 构建表单",id:"Demo9",src:'import {\n Form,\n Icon,\n Pop,\n Notify,\n FieldModel,\n FieldSetModel,\n FieldSet,\n Validators,\n FormStrategy,\n FormNumberInputField,\n} from \'zent\';\n\nconst { form, field, array, set } = Form;\n\nfunction hobbyFactory(defaultValue = \'\') {\n return field(defaultValue);\n}\n\nfunction Hobbies({ model: propsModel }) {\n const model = Form.useFieldArray(propsModel);\n const addHobby = useCallback(() => {\n model.push(\'\');\n }, []);\n return (\n <>\n <Button onClick={addHobby} className="add-btn">\n 添加兴趣爱好\n </Button>\n <ul>\n {model.children.map((child, index) => (\n <li key={child.id} className="hobby">\n <FormInputField\n model={child}\n label={`兴趣爱好${index + 1}：`}\n props={{\n width: 120,\n }}\n />\n <span className="del-btn" onClick={() => model.splice(index, 1)}>\n 删除该爱好\n </span>\n </li>\n ))}\n </ul>\n </>\n );\n}\n\nfunction MemberInfo({ remove, index, model }) {\n const { name, sex, hobbies } = model.children;\n const onRemoveClick = useCallback(() => {\n remove(index);\n }, [index, remove]);\n return (\n <FieldSet model={model}>\n <li className="members">\n <div className="member-title">\n <span>\n 成员\n {index + 1}\n </span>\n <Pop centerArrow trigger="hover" content="删除该成员">\n <Icon\n className="del-btn"\n type="close-circle"\n onClick={onRemoveClick}\n />\n </Pop>\n </div>\n <FormInputField\n model={name}\n label="名字："\n required\n />\n <FormRadioGroupField model={sex} label="性别：" required>\n <Radio value="1">男</Radio>\n <Radio value="2">女</Radio>\n </FormRadioGroupField>\n <Hobbies model={hobbies} />\n </li>\n </FieldSet>\n );\n}\n\nfunction Members({ model: propsModel }) {\n const model = Form.useFieldArray(propsModel);\n const addOne = useCallback(() => {\n model.push({});\n }, [model]);\n const addTwo = useCallback(() => {\n model.push({}, {});\n }, [model]);\n const remove = useCallback(\n index => {\n model.splice(index, 1);\n },\n [model]\n );\n return (\n <>\n {model.children.length < 3 && (\n <Button onClick={addOne} className="add-btn">\n 添加一个成员\n </Button>\n )}\n {model.children.length < 2 && (\n <Button onClick={addTwo} className="add-btn">\n 添加两个成员\n </Button>\n )}\n <ul>\n {model.children.map((child, index) => (\n <MemberInfo key={child.id} model={child} index={index} remove={remove} />\n ))}\n </ul>\n </>\n );\n}\n\nconst formBuilder = form({\n number: field(\'\').validators(Validators.required(\'请填写总人数\')),\n members: array(\n set({\n name: field(\'\')\n .validators(Validators.required(\'请填写成员名字\'))\n .normalizeBeforeSubmit(name => name.toUpperCase()),\n sex: field(\'1\').validators(\n Validators.required(\'请选择性别\')\n ),\n hobbies: array(\n field(\'\').validators(Validators.required(\'请填写兴趣爱好\'))\n ).defaultValue([]),\n })\n ),\n});\n\nfunction App() {\n const form = Form.useForm(formBuilder);\n const { number, members } = form.model.children;\n const setArray = useCallback(() => {\n form.patchValue({\n number: 42,\n members: [\n {\n name: \'john\',\n sex: \'1\',\n hobbies: [\'H1\'],\n },\n ],\n });\n }, [form]);\n\n const getFormValue = useCallback(() => {\n console.log(form.getValue());\n }, [form]);\n\n const getSubmitValue = useCallback(() => {\n console.log(form.getSubmitValue());\n }, [form]);\n\n return (\n <Form className="demo-form" layout="horizontal" form={form}>\n <FormNumberInputField\n model={number}\n label="总人数："\n required\n />\n <Members model={members} />\n <div style={{ marginTop: 16 }}>\n <Button type="primary" htmlType="submit" onClick={getFormValue}>\n 获取表单值\n </Button>\n <Button type="primary" htmlType="submit" onClick={getSubmitValue}>\n 获取表单提交值\n </Button>\n <Button onClick={setArray}>设置 FieldArray 值</Button>\n </div>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(rn)),o.createElement(qn,{html:'

Model 模式动态增加/删除表单项

\n

有些联动的场景需要在表单项变化的时候动态删除或者增加表单项，我们提供了一组 API 来支持这类使用场景。

\n

每个 model 上都有一个 builder 的属性，通过这个属性能够获取到这个 model 对应的 builder 对象，通过 builder.build() 方法就可以可以生成一个行为一样的 model 对象。注意，builder 对象仅在通过上述 Builder API 生成的 model，View 模式下的 model 上这个属性永远是空的。

\n

除此之外，FieldSetModel 以及 FormModel 上提供了两个方法用来完成子 model 的删除和增加：

\n
    \n
  • removeChild<T extends keyof Children>(name: T): Children[T] | null
    • \n
  • registerChild(name: string, model: BasicModel): void
    • \n
\n

FieldArrayModel 的 push, unshift 以及 splice 方法也支持直接传入 model。

\n

由于 FieldArrayModel, FieldSetModel 和 FormModel 子 model 的增删需要触发组件重绘，因此提供了额外的 hook 来处理：

\n
    \n
  • Form.useFieldArrayChildModels
    • \n
  • Form.useNamedChildModel(parent: FieldSetModel, name: string): BasicModel，注意 FormModel 是 FieldSetModel 的子类，所以也适用于这个方法。
    • \n
\n

这两个 hook 不监听子 model 内部状态的变化，如有需要，需使用它们返回的 model 对象自行调用 useField 等 hook 来实现。

\n

通过结合上述这些能力，就可以完成 Model 模式下表单项的动态增删了。

'}),o.createElement(zn,{title:"Model 模式动态增删表单项",id:"Demo22",src:'import {\n Form,\n Validators,\n FormRadioGroupField,\n FormNumberInputField,\n FormInputField,\n Checkbox,\n} from \'zent\';\nimport { merge } from \'rxjs\';\n\nconst { form, field } = Form;\n\nconst ContactType = {\n Phone: 1,\n Email: 2,\n};\n\nconst formBuilder = form({\n contactType: field(ContactType.Phone).validators(\n Validators.required(\'请选择联系方式\')\n ),\n phone: field(\'\').validators(\n Validators.pattern(/\\d{11}/, \'手机号必须是 11 位数字\')\n ),\n email: field(\'\').validators(Validators.email(\'邮箱不正确\')),\n});\n\nfunction App() {\n const [preserveState, setPreserveState] = React.useState(false);\n const onPreserveStateChange = React.useCallback(\n evt => {\n setPreserveState(evt.target.checked);\n },\n [setPreserveState]\n );\n\n const form = Form.useForm(formBuilder);\n const removedModelRef = React.useRef(null);\n\n const swapModel = React.useCallback(\n (oldName, newName) => {\n const prevModel = removedModelRef.current;\n const oldModel = form.model.removeChild(oldName);\n if (oldModel !== null) {\n removedModelRef.current = oldModel;\n }\n if (!form.model.get(newName)) {\n const newModel = preserveState ? prevModel : prevModel.builder.build();\n form.model.registerChild(newName, newModel);\n }\n },\n [form, preserveState]\n );\n\n const contactTypeValue = Form.useModelValue(form.model.get(\'contactType\'));\n\n React.useEffect(() => {\n if (contactTypeValue === ContactType.Phone) {\n swapModel(\'email\', \'phone\');\n } else {\n swapModel(\'phone\', \'email\');\n }\n }, [swapModel, contactTypeValue]);\n\n const getFormValue = React.useCallback(() => {\n console.log(form.getValue(), form.isValid());\n }, [form]);\n\n // `useNamedChildModel` will trigger a render whenever a model is removed or registered\n const phoneModel = Form.useNamedChildModel(form.model, \'phone\');\n const emailModel = Form.useNamedChildModel(form.model, \'email\');\n\n return (\n <Form className="demo-form" layout="horizontal" form={form}>\n <FormRadioGroupField\n model={form.model.get(\'contactType\')}\n label="联系方式"\n required\n >\n <Radio value={ContactType.Phone}>手机号码</Radio>\n <Radio value={ContactType.Email}>电子邮箱</Radio>\n </FormRadioGroupField>\n\n {contactTypeValue === ContactType.Phone && phoneModel && (\n <FormNumberInputField\n model={phoneModel}\n label="手机号码"\n required\n />\n )}\n\n {contactTypeValue === ContactType.Email && emailModel && (\n <FormInputField model={emailModel} label="电子邮箱" required />\n )}\n\n <div style={{ marginTop: 16 }}>\n <Button type="primary" htmlType="submit" onClick={getFormValue}>\n 打印表单值\n </Button>\n <Checkbox\n checked={preserveState}\n onChange={onPreserveStateChange}\n style={{ marginLeft: 16 }}\n >\n 切换联系方式时时保留 model 状态\n </Checkbox>\n </div>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(mn)),o.createElement(qn,{html:'

表单值的格式化

\n
    \n
  • 可以通过 normalize 和 format 参数来格式化 Field 的输入输出
    • \n
  • 可以通过 normalizeBeforeBlur 方法，在 InputField 等输入框触发 onBlur 事件时修改 model 内的值
    • \n
  • 也可以使用 normalizeBeforeSubmit 属性和 form.getSubmitValue() 方法，在不改变 model 内存储值的情况下修改表单提交的值
    • \n
'}),o.createElement(zn,{title:"格式化表单值",id:"Demo11",src:'import { FormInputField, Form, FormStrategy, Validators } from \'zent\';\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n return (\n <Form layout="vertical" form={form}>\n <FormInputField\n name="field1"\n label="field1"\n normalizeBeforeBlur={value => value.trim()}\n normalize={value => value.toUpperCase()}\n format={value => value.toLowerCase()}\n />\n <label>实际值：</label>\n <Form.FieldValue name="field1" />\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(dn)),o.createElement(qn,{html:'

读取/订阅表单值

\n

试想一个使用场景：我们要实现一个活动编辑器，右侧是编辑框，左侧是实时预览；这种场景下除了需要一个地方来输入表单的各个值之外，还需要在另外一个地方读取这些表单值。我们提供了一套统一的简单易用，并且使用姿势和 Field 非常相似的 API 来实现组件值的按需读取。这些组件只会监听所需的数据变化，不会因为没有监听的表单项变化了而产生重绘。

\n
    \n
  • Field 组件对应 FieldValue，View 模式下指定一个 name；Model 模式下指定一个 model
    • \n
  • FieldSet 组件对应 FieldSetValue，只有一个 name 参数；如果是 Model 模式下已经拿到对应的 model 对象了，那么直接将 model.get(xxx) 传给 FieldValue 组件即可
    • \n
  • Form.useFieldArray 对应 useFieldArrayChildModels，View 模式下指定一个 name；Model 模式下指定一个 model 或者 name。注意，它只会监听 children 的增、删行为，不会监听 children 内部的变动
    • \n
  • Form.useFieldValue 提供了一种 hooks 的风格来获取表单值（包括 FieldSet、FieldArray、Field），它可以深度监听表单值
    • \n
  • Form.useFormValue 提供了一种 hooks 的风格来获取整个表单的值，它可以深度监听表单值
    • \n
'}),o.createElement(zn,{title:"实时预览",id:"Demo12",src:'import {\n FormInputField,\n Form,\n FormStrategy,\n FieldSet,\n FormControl,\n Icon,\n Input,\n FieldUtils,\n} from \'zent\';\n\nconst NicknamesPreview = () => {\n const children = Form.useFieldArrayChildModels(\'nickname\');\n if (!children) {\n return null;\n }\n return (\n <div className="form-demo-11-preview-nickname">\n <label>{\'昵称：\'}</label>\n {children.map((child, index) => (\n <Form.FieldValue key={index} model={child}>\n {value => `${value} `}\n </Form.FieldValue>\n ))}\n </div>\n );\n};\n\nconst Preview = () => (\n <div className="form-demo-11-preview">\n <Form.FieldValue name="name">{value => <h3>{value}</h3>}</Form.FieldValue>\n <Form.FieldSetValue name="contact">\n <div className="form-demo-11-preview-phone">\n <label>{\'电话：\'}</label>\n <Form.FieldValue name="phone" />\n </div>\n <div className="form-demo-11-preview-address">\n <Form.FieldValue name="address" />\n </div>\n </Form.FieldSetValue>\n <NicknamesPreview />\n </div>\n);\n\nconst Nickname = ({ model: propsModel, last, add, del }) => {\n const model = Form.useField(propsModel);\n const onChange = useCallback(\n e => {\n model.value = e.target.value;\n },\n [model]\n );\n return (\n <div className="form-demo-11-nickname">\n <Input\n {...FieldUtils.useCompositionHandler(model)}\n onChange={onChange}\n value={model.value}\n />\n <Icon type="close-circle" style={{ color: \'#da2626\' }} onClick={del} />\n {last && (\n <Icon type="plus-circle" style={{ color: \'#4cb35d\' }} onClick={add} />\n )}\n </div>\n );\n};\n\nconst Nicknames = () => {\n const model = Form.useFieldArray(\'nickname\', [], [\'\']);\n const add = () => model.push(\'\');\n const del = index => model.splice(index, 1);\n\n return (\n <FormControl label="昵称">\n {model.children.map((child, index) => (\n <Nickname\n key={index}\n model={child}\n last={model.children.length === index + 1}\n add={add}\n del={() => del(index)}\n />\n ))}\n </FormControl>\n );\n};\n\nconst Edit = () => (\n <div>\n <FormInputField label="姓名" name="name" />\n <FieldSet name="contact">\n <FormInputField label="电话" name="phone" />\n <FormInputField label="联系地址" name="address" />\n </FieldSet>\n <Nicknames />\n </div>\n);\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n return (\n <Form form={form} layout="vertical" className="form-demo-11">\n <Preview />\n <Edit />\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(gn)),o.createElement(zn,{title:"订阅表单值更新",id:"Demo20",src:'import {\n Form,\n FormError,\n FormStrategy,\n FormControl,\n Input,\n Validators,\n FieldSet,\n FormInputField,\n Button,\n Notify,\n Icon,\n} from \'zent\';\n\nconst { useState, useEffect, useCallback } = React;\nconst { useForm, useFieldArray, useFormValue } = Form;\n\nfunction App() {\n const form = useForm(FormStrategy.View);\n\n return (\n <Form form={form} layout="vertical">\n <FormInputField required name="name" label="姓名" />\n <FormInputField name="address" label="地址" />\n <FieldSet name="stature">\n <FormInputField name="weight" label="体重" />\n <FormInputField name="height" label="身高" />\n </FieldSet>\n <FieldArray />\n <Preview form={form} />\n </Form>\n );\n}\n\nfunction FieldArray() {\n const model = useFieldArray(\'hobbies\', [], [\'看书\']);\n model.destroyOnUnmount = true;\n\n return (\n <FormControl label="爱好">\n {model.children.map((child, index) => {\n return (\n <div key={child.id}>\n <FormInputField\n withoutLabel\n model={child}\n props={{\n addonAfter: (\n <Icon\n type="close"\n style={{ cursor: \'pointer\' }}\n onClick={() => model.splice(index, 1)}\n />\n ),\n }}\n />\n </div>\n );\n })}\n <Button type="primary" onClick={() => model.push(\'\')}>\n 增加爱好\n </Button>\n </FormControl>\n );\n}\n\nfunction Preview({ form }) {\n // You will see a warning about performance issues in console.\n // Only do this if you know what you are doing.\n const value = useFormValue(form);\n\n return (\n <>\n <div>Form Value</div>\n <pre>{JSON.stringify(value, null, 2)}</pre>\n </>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(yn)),o.createElement(qn,{html:"

⚠️ 注意：订阅单个表单项的值一般不会有什么问题，但是订阅 FieldArray, FieldSet 或者 Form 的值时需要谨慎，因为这些是容器类型，订阅它们意味着需要订阅它们内部包含的所有表单项的变化，这是一个非常耗资源并且影响性能的操作，所以不推荐大范围频繁使用。针对这个问题，开发模式下会有一个警告信息来提醒使用者。

\n

当遇到订阅导致重绘次数过多的性能问题时，可以考虑使用 useObservableBatchedEagerState 将操作做批处理，减少重绘次数。

\n

下面这个示例的场景比较特殊，在 useCallback 的回调中同步触发重绘的话 React 会自动合并无用的重绘；但是如果在异步代码中触发重绘的话 React 并不会自动合并，导致大量重绘操作在短时间内触发，引起性能问题。

\n

此时可用使用 useObservableBatchedEagerState 来合并 Observable 的修改，从而间接的减少 React 重绘，优化性能。

"}),o.createElement(zn,{title:"批处理优化重绘性能",id:"Demo23",src:'import {\n Form,\n Button,\n FormInputField,\n useObservableBatchedEagerState,\n} from \'zent\';\n\nconst { useState, useCallback } = React;\n\nconst formModel = Form.form({\n list: Form.array(\n Form.set({\n v: Form.field(0),\n })\n ).defaultValue([{ v: 1 }, { v: 2 }, { v: 3 }]),\n});\n\nfunction App() {\n const form = Form.useForm(formModel);\n\n return (\n <Form form={form} layout="horizontal">\n <List />\n </Form>\n );\n}\n\nfunction List() {\n const model = Form.useFieldArray(\'list\');\n\n const [batchedListValue, runInBatchContext] = useObservableBatchedEagerState(\n model.value$\n );\n console.log(\'list value change\', batchedListValue);\n\n const batchUpdate = useCallback(() => {\n setTimeout(() => {\n runInBatchContext(() => {\n return new Promise(resolve => {\n model.children.forEach(m => {\n const vm = m.get(\'v\');\n vm.value = vm.value + 1;\n });\n resolve();\n });\n });\n }, 0);\n }, [model, runInBatchContext]);\n\n const update = useCallback(() => {\n setTimeout(() => {\n model.children.forEach(m => {\n const vm = m.get(\'v\');\n vm.value = vm.value + 1;\n });\n }, 0);\n }, [model]);\n\n return (\n <>\n {model.children.map((child, index) => {\n return (\n <div key={child.id}>\n <FormInputField model={child.get(\'v\')} />\n </div>\n );\n })}\n <Button onClick={batchUpdate}>批量更新</Button>\n <Button onClick={update}>逐个更新</Button>\n </>\n );\n}\n\nfunction Preview({ form }) {\n // You will see a warning about performance issues in console.\n // Only do this if you know what you are doing.\n const valid = useFormValid(form);\n\n return (\n <Alert type={valid ? \'success\' : \'error\'} style={{ marginBottom: 24 }}>\n Form is {valid ? \'valid\' : \'invalid\'}\n </Alert>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(hn)),o.createElement(qn,{html:'

通过 Model 订阅数据

\n

useFieldValue 传入 Model 类型参数时不依赖 FormContext，因此也可以在表单外部监听数据变更。\nuseModelValue 和 useModelValid 已经废弃，不推荐使用，它们的使用场景就是在表单外部通过 Model 对象订阅数据变化。

'}),o.createElement(zn,{title:"通过 Model 订阅数据",id:"Demo21",src:'import { Form, FormContext, FormStrategy, FormInputField } from \'zent\';\n\nfunction PreviewName({ form }) {\n const name = Form.useFieldValue(form.model.get(\'name\'));\n\n return (\n <p>\n 姓名：\n {name}\n </p>\n );\n}\n\nfunction Component() {\n const form = Form.useForm(FormStrategy.View);\n return (\n <>\n <Form layout="horizontal" form={form}>\n <FormContext.Provider\n value={{\n labelStyle: { flexBasis: 80, justifyContent: \'flex-start\' },\n }}\n >\n <FormInputField name="name" label="姓名：" />\n </FormContext.Provider>\n </Form>\n <PreviewName form={form}></PreviewName>\n </>\n );\n}\n\nReactDOM.render(<Component />, mountNode);'},o.createElement(fn)),o.createElement(qn,{html:'

表单值联动

'}),o.createElement(zn,{title:"字段值交互",id:"Demo14",src:'import { useEffect } from \'react\';\nimport {\n Form,\n NumberInput,\n Radio,\n FormStrategy,\n Button,\n FieldSet,\n FieldUtils,\n ValidateOption,\n FormInputField,\n} from \'zent\';\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n\n useEffect(() => {\n const field1 = form.model.get(\'field1\');\n const field2 = form.model.get(\'field2\');\n const $ = field1.value$.subscribe(value => {\n field2.value = value;\n });\n return () => $.unsubscribe();\n }, [form]);\n\n return (\n <Form form={form} layout="horizontal">\n <FormInputField name="field1" label="field1" />\n <FormInputField name="field2" label="field2" />\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(bn)),o.createElement(qn,{html:'

自定义表单项

\n

实现自定义 Field 的时候会用到这些组件，它们只是样式组件，用来提供和内置 Field 组件一致样式和参数。

\n
    \n
  • Control 封装了 label、自定义组件以及错误信息的结构，查看 Props 文档
    • \n
  • Label 表单项的 label 组件，适用于连 Control 也不想使用的场景，查看 Props 文档
    • \n
  • Error 表单项的错误信息组件，同 Label 一样适用于深度自定义的场景，查看 Props 文档
    • \n
  • useFormChild 使用上述组件时，如果希望支持自动滚动到错误处，需要在组件内使用这个 Hook 关联 model 和 DOM 节点，查看文档
    • \n
  • CombineErrors 这个组件用来将多个字段的错误聚合成一个错误展示，需要配合 Field 的 withoutError 参数使用，查看 Props 文档
    • \n
'}),o.createElement(zn,{title:"自定义表单组件",id:"Demo18",src:'import {\n Form,\n FormError,\n FormStrategy,\n FormControl,\n Input,\n Validators,\n useFormChild\n} from \'zent\';\n\nconst { form, field } = Form;\n\nconst formBuilder = form({\n id: field(\'\').validators(Validators.pattern(/^[\\d]{17}[\\dXY]$/, \'请输入合法的身份证号\')),\n});\n\nfunction FormIDField({\n name,\n model,\n defaultValue = \'\',\n validators = [],\n label,\n required,\n withoutLabel,\n style,\n className,\n}) {\n if (name && model) {\n throw new Error(\'Cannot use name and model together.\');\n }\n const id = Form.useField(name || model, defaultValue, [\n ...validators,\n Validators.pattern(/^[\\d]{17}[\\dXY]$/, \'请输入合法的身份证号\'),\n ]);\n\n const anchorRef = React.useRef();\n useFormChild(model, anchorRef);\n const onChange = React.useCallback(\n e => {\n id.isTouched = true;\n const value = e.target.value.replace(/\\s/g, \'\');\n if (value.length <= 18) {\n id.patchValue(value);\n }\n },\n [id]\n );\n\n return (\n <FormControl\n ref={anchorRef}\n style={style}\n className={className}\n label={label}\n required={required}\n withoutLabel={withoutLabel}\n >\n <Input\n value={formatId(id.value)}\n width={220}\n onChange={onChange}\n onBlur={React.useCallback(() => id.validate(), [id])}\n />\n <FormError>{id.error?.message}</FormError>\n </FormControl>\n );\n}\n\nfunction formatId(value) {\n const segment = [6, 10, 12, 14, 18];\n let { length } = value;\n let result = \'\';\n let i = 0;\n while (i < length) {\n if (segment.includes(i)) {\n result += \' \';\n }\n result += value[i];\n i++;\n }\n return result;\n}\n\nfunction App() {\n const form = Form.useForm(formBuilder);\n\n return (\n <Form onSubmit={() => {}} form={form} scrollToError={true} layout="horizontal">\n <FormIDField\n model={form.model.children.id}\n label="身份证号："\n required\n validators={[Validators.required(\'请输入身份证号\')]}\n />\n <div style={{marginTop: \'120px\'}} className="zent-form-actions">\n <Button type="primary" htmlType="submit">\n 获取表单值，点击可以滚到到错误位置\n </Button>\n </div>\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(vn)),o.createElement(zn,{title:"封装多个表单元素",id:"Demo3",src:'import { useCallback, useMemo } from \'react\';\nimport {\n Form,\n Select,\n NumberInput,\n Notify,\n FormStrategy,\n FormControl,\n Button,\n FieldSet,\n FieldUtils,\n Validators,\n FormError,\n} from \'zent\';\n\nconst { SelectTrigger } = Select;\nconst countyCodeList = [\n {\n code: \'+86\',\n zh: \'zhongguo\',\n eng: \'china\',\n text: \'中国 +86\',\n key: 0,\n },\n {\n code: \'+853\',\n zh: \'aomen\',\n eng: \'Macau\',\n text: \'中国澳门 +853\',\n key: 1,\n },\n];\n\nconst filterHandler = (item, keyword) => {\n return !!(\n keyword &&\n item.text\n .trim()\n .toLowerCase()\n .indexOf(keyword.trim().toLowerCase()) > -1\n );\n};\n\nfunction getValue(value) {\n return value;\n}\n\nconst ContactPhone = () => {\n const select = Form.useField(\'areacode\', countyCodeList[0]);\n const input = Form.useField(\'mobile\', \'\', [\n Validators.pattern(/^\\d{1,10}$/, \'请输入正确的手机号\'),\n ]);\n const onSelectChange = FieldUtils.useMulti(\n useCallback(() => {\n select.isTouched = true;\n }, [select]),\n FieldUtils.usePipe(\n getValue,\n FieldUtils.useChangeHandler(select, Form.ValidateOption.Default)\n )\n );\n const onPhoneNumChange = FieldUtils.useChangeHandler(\n input,\n Form.ValidateOption.Default\n );\n return (\n <FormControl\n className="form-demo-multiple-value"\n label="联系方式："\n invalid={!!select.error || !!input.error}\n >\n <Select\n className="areacode"\n options={countyCodeList}\n filter={filterHandler}\n trigger={SelectTrigger}\n width={160}\n value={select.value}\n onChange={onSelectChange}\n />\n <NumberInput\n style={{ marginLeft: 16 }}\n className="phone-num"\n placeholder="请填写手机号"\n width={160}\n value={input.value}\n {...FieldUtils.useCompositionHandler(input)}\n onChange={onPhoneNumChange}\n onBlur={useCallback(() => {\n input.isTouched = true;\n input.validate();\n }, [input])}\n />\n <Form.CombineErrors models={[select, input]} />\n </FormControl>\n );\n};\n\nconst App = () => {\n const form = Form.useForm(FormStrategy.View);\n const getFormValues = useCallback(() => {\n const values = form.getValue();\n console.log(values);\n }, [form]);\n const resetForm = useCallback(() => {\n form.resetValue();\n }, [form]);\n return (\n <Form form={form} layout="horizontal">\n <FieldSet name="contactPhone">\n <ContactPhone />\n </FieldSet>\n <div className="zent-form__form-actions">\n <Button type="primary" onClick={getFormValues}>\n 获取表单值\n </Button>{\' \'}\n <Button type="primary" outline onClick={resetForm}>\n 重置表单值\n </Button>\n </div>\n </Form>\n );\n};\n\nReactDOM.render(<App />, mountNode);'},o.createElement(Fn)),o.createElement(zn,{title:"聚合多个字段的错误",id:"Demo10",src:'import { FormInputField, Form, FormStrategy } from \'zent\';\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n return (\n <Form layout="vertical" form={form}>\n <FormInputField\n name="field1"\n label="field1"\n required="请填写内容"\n helpDesc="这个字段不会展示它自己的错误"\n withoutError\n />\n <FormInputField\n name="field2"\n label="field2"\n required="请填写内容"\n />\n <Form.CombineErrors names={[\'field1\', \'field2\']} />\n </Form>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(wn)),o.createElement(qn,{html:'

Form 布局

\n

Form 组件使用 flex 布局，有两个参数控制基本的布局结构

\n
    \n
  • layout 控制表单项内的布局方式，支持水平 horizontal 和垂直 vertical 两种布局
    • \n
  • direction 控制表单项间的排列方式，支持 column 和 row 两种排列。
    • \n
\n

水平排列通常来说需要设置表单项的最小宽度才能正常工作，可以通过 FormContext 中的 controlStyle 来批量设置。

'}),o.createElement(zn,{title:"布局",id:"Demo7",src:'import { useState, useCallback } from \'react\';\nimport { Form, Radio, Notify, FormStrategy, FormContext } from \'zent\';\n\nconst CONTROL_STYLE = { minWidth: 270 };\n\nfunction App() {\n const form = Form.useForm(FormStrategy.View);\n const [layout, setLayout] = useState(\'vertical\');\n const onLayoutChange = useCallback(e => setLayout(e.target.value), []);\n const [direction, setDirection] = useState(\'column\');\n const onDirectionChange = useCallback(e => setDirection(e.target.value), []);\n return (\n <div className="form-layout">\n <div className="form-layout-option">\n <span className="form-layout-option-name">Layout:</span>\n <Radio.Group value={layout} onChange={onLayoutChange}>\n <Radio value="vertical">vertical</Radio>\n <Radio value="horizontal">horizontal</Radio>\n </Radio.Group>\n </div>\n <div className="form-layout-option">\n <span className="form-layout-option-name">Direction:</span>\n <Radio.Group value={direction} onChange={onDirectionChange}>\n <Radio value="column">column</Radio>\n <Radio value="row">row</Radio>\n </Radio.Group>\n </div>\n <hr />\n <Form layout={layout} direction={direction} form={form}>\n <FormContext.Provider value={{ controlStyle: CONTROL_STYLE }}>\n <FormInputField name="name" label="用户名：" value="" />\n <FormInputField name="name2" label="用户名2：" value="" />\n <FormInputField name="name3" label="用户名3：" value="" />\n </FormContext.Provider>\n </Form>\n <div className="zent-form-demo__form-actions">\n <Button type="primary" htmlType="submit">\n 获取表单值\n </Button>\n </div>\n </div>\n );\n}\n\nReactDOM.render(<App />, mountNode);'},o.createElement(xn)),o.createElement(qn,{html:'

表单上下文

\n

使用FormContext对整个表单的行为进行控制，目前支持对 Label 组件以及 Control 组件进行样式自定义。

\n
interface IZentFormContext {\n  labelStyle?: CSSProperties;\n  controlStyle?: CSSProperties;\n}
'}),o.createElement(zn,{title:"表单上下文",id:"Demo17",src:'import { Form, FormContext, FormStrategy, FormInputField } from \'zent\';\n\nfunction Component() {\n const form = Form.useForm(FormStrategy.View);\n return (\n <Form layout="horizontal" form={form}>\n <FormContext.Provider\n value={{ labelStyle: { flexBasis: 80, justifyContent: \'flex-start\' } }}\n >\n <FormInputField name="name" label="姓名：" />\n <FormInputField name="contact" label="联系方式：" />\n </FormContext.Provider>\n </Form>\n );\n}\n\nReactDOM.render(<Component />, mountNode);'},o.createElement(jn)),o.createElement(qn,{html:'

FieldUtils

\n

FieldUtils 提供了一些有用的工具函数，如果不知道干什么用的或者看不懂，说明你没有需求，不需要用到它们，这些工具本身定位就是高级用法。

\n
    \n
  • useMulti 用来按顺序调用一批函数，只使用它们的副作用，忽略返回值，查看函数定义
    • \n
  • usePipe 用来从左往右按顺序调用一批函数，上一个函数的返回值作为下一个函数的参数，返回最后一个函数的返回值，查看函数定义
    • \n
  • useCompositionHandler 用来在 model 上维护一个输入法编辑的状态, model.isCompositing，查看函数定义。组件内部会根据这个状态在输入法输入阶段跳过校验
    • \n
  • useChangeHandler 生成一个 onChange 回调函数，具体说明请查看函数定义
    • \n
  • compose 与 usePipe 类似，区别是 usePipe 作为 hook 使用，而 compose 可以用在任何地方，例如组合多个校验函数中间件，查看函数定义
    • \n
'}))}}},82010:(n,a,s)=>{"use strict";s.d(a,{b:()=>m});var t=s(59312),p=s(24246),o=s(60042),e=s.n(o),c=s(27378),l=s(8434),u=s(78486),k=s(78513),i=["outline","closed","onClose"],r=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],m=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={closed:!1},a.onCloseHandler=function(){a.isControlled||a.setState({closed:!0}),a.props.onClose&&a.props.onClose()},a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),a.prototype.render=function(){var n;if(this.closed)return null;var a=(0,k.Z)(this.props,r),s=a.className,o=a.type,c=a.outline,m=a.bordered,d=a.progress,g=(0,t._T)(a,["className","type","outline","bordered","progress"]),y=(0,k.Z)(this.props,i),h=e()("zent-alert","zent-alert-style-"+o,s,((n={})["zent-alert-outline"]=c,n["zent-alert--borderless"]=!m,n));return(0,p.jsxs)("div",(0,t.pi)({className:h},g,{"data-zv":"10.0.10"},{children:[!!d&&(0,p.jsx)(l.E,{className:"zent-alert__progress",percent:d,showInfo:!1,strokeWidth:2},void 0),(0,p.jsx)(u.Z,(0,t.pi)({},y,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},a.highlightClassName="zent-alert-item-content__highlight",a.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},a}(c.PureComponent)},78486:(n,a,s)=>{"use strict";var t=s(59312),p=s(24246),o=s(27378),e=s(60042),c=s.n(e),l=s(27036),u=s(20840),k={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},i=(0,o.forwardRef)((function(n,a){var s=n.extraContent,e=n.classItemName,i=n.title,r=n.description,m=n.children,d=n.loading,g=n.type,y=n.closable,h=n.icon,f=n.closeIconColor,b=n.closeContent,v=n.onAlertItemClose,F=(0,o.useRef)(n);F.current=n;var w=(0,o.useMemo)((function(){return m||(0,p.jsxs)(p.Fragment,{children:[i&&(0,p.jsx)("h3",(0,t.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.10"},{children:i}),void 0),r&&(0,p.jsx)("p",(0,t.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.10"},{children:r}),void 0)]},void 0)}),[m,r,i]),x=(0,o.useMemo)((function(){var n=F.current.onClose,a=f?{color:f}:{};return y?(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-close-wrapper",onClick:function(a){null==n||n(),v&&v(),a.stopPropagation()},"data-zv":"10.0.10"},{children:null!=b?b:(0,p.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:a},void 0)}),void 0):null}),[y,b,f,v]),j=(0,o.useMemo)((function(){return d?(0,p.jsx)(u.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===h||!1===h?null:h?(0,p.jsx)("span",(0,t.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.10"},{children:h}),void 0):g in k?(0,p.jsx)(l.Z,{className:"zent-alert-item-icon",type:k[g]},void 0):null}),[d,g,h]);return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-alert-item",e),ref:a,"data-zv":"10.0.10"},{children:[j,(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-content","data-zv":"10.0.10"},{children:w}),void 0),s&&(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.10"},{children:s}),void 0),x]}),void 0)}));i.displayName="AlertItem",a.Z=i}}]); \ No newline at end of file diff --git a/1216-c92f21aa87f48b1d1a87.js b/1216-fb5a65c7247e9dc21be5.js similarity index 95% rename from 1216-c92f21aa87f48b1d1a87.js rename to 1216-fb5a65c7247e9dc21be5.js index f0c91be80..686d81359 100644 --- a/1216-c92f21aa87f48b1d1a87.js +++ b/1216-fb5a65c7247e9dc21be5.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1216],{31216:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),e=a(73118),p=a(27378),o=a(57318),c=a(90039),l=a(59934),u=a(98317),r=a(23476),i=a(24246);function k(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 d(n){for(var s=1;s{t(n)},children:"selected tag"})})}return(0,i.jsx)(n,{})},y=function(){return(0,i.jsxs)("div",{children:[(0,i.jsx)(c.V,{theme:"grey",children:"grey"}),(0,i.jsx)(c.V,{theme:"red",children:"red"}),(0,i.jsx)(c.V,{theme:"green",children:"green"}),(0,i.jsx)(c.V,{theme:"yellow",children:"yellow"}),(0,i.jsx)(c.V,{theme:"blue",children:"blue"}),(0,i.jsx)(c.V,{theme:"grey",outline:!0,children:"grey"}),(0,i.jsx)(c.V,{theme:"red",outline:!0,children:"red"}),(0,i.jsx)(c.V,{theme:"green",outline:!0,children:"green"}),(0,i.jsx)(c.V,{theme:"yellow",outline:!0,children:"yellow"}),(0,i.jsx)(c.V,{theme:"blue",outline:!0,children:"blue"})]})},b=function(){return(0,i.jsxs)("div",{children:[(0,i.jsx)(c.V,{style:{color:"#fff",borderColor:"#9370db",backgroundColor:"#9370db"},children:"#9370db"}),(0,i.jsx)(c.V,{style:{borderColor:"#9370db",color:"#9370db"},outline:!0,children:"#9370db"}),(0,i.jsx)(c.V,{style:{borderColor:"#87d068",backgroundColor:"#cfefdf",color:"#00a854"},children:"custom color"}),(0,i.jsx)(c.V,{style:{borderColor:"#778899",backgroundColor:"#778899"},rounded:!1,children:"rectangle"}),(0,i.jsx)(c.V,{style:{borderColor:"#48d1cc",backgroundColor:"#48d1cc",fontSize:14},children:"Large size"})]})},f=function(){return(0,i.jsxs)("div",{children:[(0,i.jsx)(c.V,{closable:!0,onClose:n=>{r.g.success("Close tag")},outline:!0,children:"custom color"}),(0,i.jsx)(c.V,{theme:"grey",closable:!0,closeButtonStyle:{color:"#969799"},children:"custom close button color"})]})};function v(n){return(0,i.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function T(n){return(0,i.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function j(n){return(0,i.jsx)(v,{tag:"style",html:n.style})}function w(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),w(n.parentNode,s);return s}class x extends p.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,e=s.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:a||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,w(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(j,{style:".zent-tag{\n\tmargin: 0 10px 5px 0;\n}\n\n.zent-tag{\n\tmargin: 0 10px 5px 0;\n}"}),p.createElement(T,{html:'

Tag

\n

Often used to mark object attributes, classification, usually a rounded rectangle.

\n

Guides

\n
    \n
  • Use when you need to mark the attributes and dimensions of the content, or supplement the description
    • \n
  • Use tags for cross-level search
    • \n
  • It is recommended that the label text should not exceed 7 characters, and the size of the display label can be configured as required
    • \n
\n

Demos

'}),p.createElement(x,{title:"Basic usage",id:"Demobasic",src:'import { Tag, LinkTag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag outline>tag content</Tag>\n <LinkTag><a href="#">link</a></LinkTag>\n </div>\n , mountNode\n);'},p.createElement(g)),p.createElement(x,{title:"Tag Size",id:"Demosize",src:'import { Tag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag outline>small tag</Tag>\n <Tag outline size="medium">medium tag</Tag>\n <Tag outline size="large">large tag</Tag>\n </div>\n , mountNode\n);'},p.createElement(m)),p.createElement(x,{title:"Selectable Tags",id:"Demoselecttag",src:'import { Tag, SelectTag } from \'zent\';\n\nfunction Demo() {\n const [selected, setSelected] = React.useState(true);\n\n const handleChange = (selected) => {\n setSelected(selected);\n }\n\n return (\n <div>\n <SelectTag selected={selected} onChange={handleChange}>selected tag</SelectTag>\n </div>\n );\n}\n\nReactDOM.render(<Demo />, mountNode);'},p.createElement(h)),p.createElement(T,{html:'

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),p.createElement(x,{title:"Two styles and five default colors",id:"Demostyle",src:'import { Tag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag theme="grey">grey</Tag>\n <Tag theme="red">red</Tag>\n <Tag theme="green">green</Tag>\n <Tag theme="yellow">yellow</Tag>\n <Tag theme="blue">blue</Tag>\n <Tag theme="grey" outline>\n grey\n </Tag>\n <Tag theme="red" outline>\n red\n </Tag>\n <Tag theme="green" outline>\n green\n </Tag>\n <Tag theme="yellow" outline>\n yellow\n </Tag>\n <Tag theme="blue" outline>\n blue\n </Tag>\n </div>,\n mountNode\n);'},p.createElement(y)),p.createElement(x,{title:"Support custom color, rectangle style and custom size",id:"Democustom",src:'import { Tag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag\n style={{\n color: \'#fff\',\n borderColor: \'#9370db\',\n backgroundColor: \'#9370db\',\n }}\n >\n #9370db\n </Tag>\n <Tag\n style={{\n borderColor: \'#9370db\',\n color: \'#9370db\',\n }}\n outline\n >\n #9370db\n </Tag>\n <Tag\n style={{\n borderColor: \'#87d068\',\n backgroundColor: \'#cfefdf\',\n color: \'#00a854\',\n }}\n >\n custom color\n </Tag>\n <Tag\n style={{\n borderColor: \'#778899\',\n backgroundColor: \'#778899\',\n }}\n rounded={false}\n >\n rectangle\n </Tag>\n <Tag\n style={{\n borderColor: \'#48d1cc\',\n backgroundColor: \'#48d1cc\',\n fontSize: 14,\n }}\n >\n Large size\n </Tag>\n </div>,\n mountNode\n);'},p.createElement(b)),p.createElement(x,{title:"Support the callback function that is trigger",id:"Demoonclose",src:'import { Tag, Notify } from \'zent\';\n\nconst closeCallback = e => {\n Notify.success(\'Close tag\');\n};\n\nconst closeCallback2 = e => {\n Notify.success(\'Close tag2\');\n};\n\nReactDOM.render(\n <div>\n <Tag closable onClose={closeCallback} outline>\n custom color\n </Tag>\n <Tag theme="grey" closable closeButtonStyle={{ color: \'#969799\' }}>\n custom close button color\n </Tag>\n </div>,\n mountNode\n);'},p.createElement(f)),p.createElement(T,{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
PropertyDescriptionTypeDefaultAlternative
themeThe preset color of tagstring\'red\'\'red\'\n \n|\n \n\'green\'\n \n|\n \n\'yellow\'\n \n|\n \n\'blue\'\n \n|\n \n\'grey\'
outlineThe style with colorful border and transparent backgound.boolfalsetrue\n \n|\n \nfalse
roundedWhether the tag is rounded or notbooltruetrue\n \n|\n \nfalse
closableWhether the tag can be closedboolfalsetrue\n \n|\n \nfalse
onCloseThe callback function that is trigged when the tag is closedfuncnoop
visibleTag is visiblebooltruefalse
closeButtonStyleStyle of close buttonReact.CSSProperties
classNameThe custom classnamestring
styleThe custom styleReact.CSSProperties
\n
\n

All props are optional, a tag can be closed by using visible and onClose together.

\n
\n

LinkTag

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternative
classNameThe custom classnamestring
styleThe custom styleReact.CSSProperties
linkIconStyleThe custom link icon styleReact.CSSProperties
\n

SelectTag

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternative
classNameThe custom classnamestring
styleThe custom styleReact.CSSProperties
selectedselected statebooleanfalsetrue\n \n|\n \nfalse
onChangeThe callback function that is triggered when the tag is clickedfuncnoop
\n
\n

the selected state of SelectTag is fully controlled

\n
'}))}}},59934:(n,s,a)=>{"use strict";a.d(s,{I:()=>l});var t=a(59312),e=a(24246),p=a(27378),o=a(27036),c=a(90039),l=(0,p.forwardRef)((function(n,s){var a=n.className,p=n.children,l=n.linkIconStyle,u=(0,t._T)(n,["className","children","linkIconStyle"]);return(0,e.jsxs)(c.Z,(0,t.pi)({className:"zent-link-tag "+a,ref:s,outline:!0},u,{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-link-tag-content","data-zv":"10.0.9"},{children:p}),void 0),(0,e.jsx)(o.Z,{type:"right",className:"zent-link-tag-right-icon",style:l},void 0)]}),void 0)}));l.displayName="ZentLinkTag"},98317:(n,s,a)=>{"use strict";a.d(s,{S:()=>u});var t=a(59312),e=a(24246),p=a(60042),o=a.n(p),c=a(27378),l=a(90039),u=(0,c.forwardRef)((function(n,s){var a=n.className,p=n.children,c=n.selected,u=n.onChange,r=(0,t._T)(n,["className","children","selected","onChange"]);return(0,e.jsx)(l.Z,(0,t.pi)({className:o()("zent-select-tag",a,{"zent-select-tag-selected":c}),ref:s,onClick:function(n){null==u||u(!c)},outline:!0},r,{children:p}),void 0)}));u.displayName="ZentSelectTag"},90039:(n,s,a)=>{"use strict";a.d(s,{V:()=>r});var t=a(59312),e=a(24246),p=a(60042),o=a.n(p),c=a(27378),l=a(27036),u={red:!0,green:!0,yellow:!0,blue:!0,grey:!0},r=(0,c.forwardRef)((function(n,s){var a=n.size,p=void 0===a?"small":a,c=n.theme,r=void 0===c?"grey":c,i=n.outline,k=n.rounded,d=void 0===k||k,g=n.closable,m=n.children,h=n.className,y=n.onClose,b=n.closeButtonStyle,f=n.visible,v=void 0===f||f,T=(0,t._T)(n,["size","theme","outline","rounded","closable","children","className","onClose","closeButtonStyle","visible"]);if(!v)return null;var j=u[r]?"-"+r:"",w=i?"-outline":"";return(0,e.jsxs)("div",(0,t.pi)({ref:s,className:o()("zent-tag","zent-tag-style"+j+w,"zent-tag-size-"+p,h,{"zent-tag-rounded":d,"zent-tag-closable":g})},T,{"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-tag-content","data-zv":"10.0.9"},{children:m}),void 0),g?(0,e.jsx)(l.Z,{type:"close",className:"zent-tag-close-btn",onClick:y,style:b},void 0):null]}),void 0)}));r.displayName="ZentTag",s.Z=r}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1216],{31216:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),e=a(73118),p=a(27378),o=a(57318),c=a(90039),l=a(59934),u=a(98317),r=a(23476),i=a(24246);function k(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 d(n){for(var s=1;s{t(n)},children:"selected tag"})})}return(0,i.jsx)(n,{})},y=function(){return(0,i.jsxs)("div",{children:[(0,i.jsx)(c.V,{theme:"grey",children:"grey"}),(0,i.jsx)(c.V,{theme:"red",children:"red"}),(0,i.jsx)(c.V,{theme:"green",children:"green"}),(0,i.jsx)(c.V,{theme:"yellow",children:"yellow"}),(0,i.jsx)(c.V,{theme:"blue",children:"blue"}),(0,i.jsx)(c.V,{theme:"grey",outline:!0,children:"grey"}),(0,i.jsx)(c.V,{theme:"red",outline:!0,children:"red"}),(0,i.jsx)(c.V,{theme:"green",outline:!0,children:"green"}),(0,i.jsx)(c.V,{theme:"yellow",outline:!0,children:"yellow"}),(0,i.jsx)(c.V,{theme:"blue",outline:!0,children:"blue"})]})},b=function(){return(0,i.jsxs)("div",{children:[(0,i.jsx)(c.V,{style:{color:"#fff",borderColor:"#9370db",backgroundColor:"#9370db"},children:"#9370db"}),(0,i.jsx)(c.V,{style:{borderColor:"#9370db",color:"#9370db"},outline:!0,children:"#9370db"}),(0,i.jsx)(c.V,{style:{borderColor:"#87d068",backgroundColor:"#cfefdf",color:"#00a854"},children:"custom color"}),(0,i.jsx)(c.V,{style:{borderColor:"#778899",backgroundColor:"#778899"},rounded:!1,children:"rectangle"}),(0,i.jsx)(c.V,{style:{borderColor:"#48d1cc",backgroundColor:"#48d1cc",fontSize:14},children:"Large size"})]})},f=function(){return(0,i.jsxs)("div",{children:[(0,i.jsx)(c.V,{closable:!0,onClose:n=>{r.g.success("Close tag")},outline:!0,children:"custom color"}),(0,i.jsx)(c.V,{theme:"grey",closable:!0,closeButtonStyle:{color:"#969799"},children:"custom close button color"})]})};function v(n){return(0,i.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function T(n){return(0,i.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function j(n){return(0,i.jsx)(v,{tag:"style",html:n.style})}function w(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),w(n.parentNode,s);return s}class x extends p.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,e=s.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:a||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,w(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(j,{style:".zent-tag{\n\tmargin: 0 10px 5px 0;\n}\n\n.zent-tag{\n\tmargin: 0 10px 5px 0;\n}"}),p.createElement(T,{html:'

Tag

\n

Often used to mark object attributes, classification, usually a rounded rectangle.

\n

Guides

\n
    \n
  • Use when you need to mark the attributes and dimensions of the content, or supplement the description
    • \n
  • Use tags for cross-level search
    • \n
  • It is recommended that the label text should not exceed 7 characters, and the size of the display label can be configured as required
    • \n
\n

Demos

'}),p.createElement(x,{title:"Basic usage",id:"Demobasic",src:'import { Tag, LinkTag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag outline>tag content</Tag>\n <LinkTag><a href="#">link</a></LinkTag>\n </div>\n , mountNode\n);'},p.createElement(g)),p.createElement(x,{title:"Tag Size",id:"Demosize",src:'import { Tag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag outline>small tag</Tag>\n <Tag outline size="medium">medium tag</Tag>\n <Tag outline size="large">large tag</Tag>\n </div>\n , mountNode\n);'},p.createElement(m)),p.createElement(x,{title:"Selectable Tags",id:"Demoselecttag",src:'import { Tag, SelectTag } from \'zent\';\n\nfunction Demo() {\n const [selected, setSelected] = React.useState(true);\n\n const handleChange = (selected) => {\n setSelected(selected);\n }\n\n return (\n <div>\n <SelectTag selected={selected} onChange={handleChange}>selected tag</SelectTag>\n </div>\n );\n}\n\nReactDOM.render(<Demo />, mountNode);'},p.createElement(h)),p.createElement(T,{html:'

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),p.createElement(x,{title:"Two styles and five default colors",id:"Demostyle",src:'import { Tag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag theme="grey">grey</Tag>\n <Tag theme="red">red</Tag>\n <Tag theme="green">green</Tag>\n <Tag theme="yellow">yellow</Tag>\n <Tag theme="blue">blue</Tag>\n <Tag theme="grey" outline>\n grey\n </Tag>\n <Tag theme="red" outline>\n red\n </Tag>\n <Tag theme="green" outline>\n green\n </Tag>\n <Tag theme="yellow" outline>\n yellow\n </Tag>\n <Tag theme="blue" outline>\n blue\n </Tag>\n </div>,\n mountNode\n);'},p.createElement(y)),p.createElement(x,{title:"Support custom color, rectangle style and custom size",id:"Democustom",src:'import { Tag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag\n style={{\n color: \'#fff\',\n borderColor: \'#9370db\',\n backgroundColor: \'#9370db\',\n }}\n >\n #9370db\n </Tag>\n <Tag\n style={{\n borderColor: \'#9370db\',\n color: \'#9370db\',\n }}\n outline\n >\n #9370db\n </Tag>\n <Tag\n style={{\n borderColor: \'#87d068\',\n backgroundColor: \'#cfefdf\',\n color: \'#00a854\',\n }}\n >\n custom color\n </Tag>\n <Tag\n style={{\n borderColor: \'#778899\',\n backgroundColor: \'#778899\',\n }}\n rounded={false}\n >\n rectangle\n </Tag>\n <Tag\n style={{\n borderColor: \'#48d1cc\',\n backgroundColor: \'#48d1cc\',\n fontSize: 14,\n }}\n >\n Large size\n </Tag>\n </div>,\n mountNode\n);'},p.createElement(b)),p.createElement(x,{title:"Support the callback function that is trigger",id:"Demoonclose",src:'import { Tag, Notify } from \'zent\';\n\nconst closeCallback = e => {\n Notify.success(\'Close tag\');\n};\n\nconst closeCallback2 = e => {\n Notify.success(\'Close tag2\');\n};\n\nReactDOM.render(\n <div>\n <Tag closable onClose={closeCallback} outline>\n custom color\n </Tag>\n <Tag theme="grey" closable closeButtonStyle={{ color: \'#969799\' }}>\n custom close button color\n </Tag>\n </div>,\n mountNode\n);'},p.createElement(f)),p.createElement(T,{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
PropertyDescriptionTypeDefaultAlternative
themeThe preset color of tagstring\'red\'\'red\'\n \n|\n \n\'green\'\n \n|\n \n\'yellow\'\n \n|\n \n\'blue\'\n \n|\n \n\'grey\'
outlineThe style with colorful border and transparent backgound.boolfalsetrue\n \n|\n \nfalse
roundedWhether the tag is rounded or notbooltruetrue\n \n|\n \nfalse
closableWhether the tag can be closedboolfalsetrue\n \n|\n \nfalse
onCloseThe callback function that is trigged when the tag is closedfuncnoop
visibleTag is visiblebooltruefalse
closeButtonStyleStyle of close buttonReact.CSSProperties
classNameThe custom classnamestring
styleThe custom styleReact.CSSProperties
\n
\n

All props are optional, a tag can be closed by using visible and onClose together.

\n
\n

LinkTag

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternative
classNameThe custom classnamestring
styleThe custom styleReact.CSSProperties
linkIconStyleThe custom link icon styleReact.CSSProperties
\n

SelectTag

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternative
classNameThe custom classnamestring
styleThe custom styleReact.CSSProperties
selectedselected statebooleanfalsetrue\n \n|\n \nfalse
onChangeThe callback function that is triggered when the tag is clickedfuncnoop
\n
\n

the selected state of SelectTag is fully controlled

\n
'}))}}},59934:(n,s,a)=>{"use strict";a.d(s,{I:()=>l});var t=a(59312),e=a(24246),p=a(27378),o=a(27036),c=a(90039),l=(0,p.forwardRef)((function(n,s){var a=n.className,p=n.children,l=n.linkIconStyle,u=(0,t._T)(n,["className","children","linkIconStyle"]);return(0,e.jsxs)(c.Z,(0,t.pi)({className:"zent-link-tag "+a,ref:s,outline:!0},u,{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-link-tag-content","data-zv":"10.0.10"},{children:p}),void 0),(0,e.jsx)(o.Z,{type:"right",className:"zent-link-tag-right-icon",style:l},void 0)]}),void 0)}));l.displayName="ZentLinkTag"},98317:(n,s,a)=>{"use strict";a.d(s,{S:()=>u});var t=a(59312),e=a(24246),p=a(60042),o=a.n(p),c=a(27378),l=a(90039),u=(0,c.forwardRef)((function(n,s){var a=n.className,p=n.children,c=n.selected,u=n.onChange,r=(0,t._T)(n,["className","children","selected","onChange"]);return(0,e.jsx)(l.Z,(0,t.pi)({className:o()("zent-select-tag",a,{"zent-select-tag-selected":c}),ref:s,onClick:function(n){null==u||u(!c)},outline:!0},r,{children:p}),void 0)}));u.displayName="ZentSelectTag"},90039:(n,s,a)=>{"use strict";a.d(s,{V:()=>r});var t=a(59312),e=a(24246),p=a(60042),o=a.n(p),c=a(27378),l=a(27036),u={red:!0,green:!0,yellow:!0,blue:!0,grey:!0},r=(0,c.forwardRef)((function(n,s){var a=n.size,p=void 0===a?"small":a,c=n.theme,r=void 0===c?"grey":c,i=n.outline,k=n.rounded,d=void 0===k||k,g=n.closable,m=n.children,h=n.className,y=n.onClose,b=n.closeButtonStyle,f=n.visible,v=void 0===f||f,T=(0,t._T)(n,["size","theme","outline","rounded","closable","children","className","onClose","closeButtonStyle","visible"]);if(!v)return null;var j=u[r]?"-"+r:"",w=i?"-outline":"";return(0,e.jsxs)("div",(0,t.pi)({ref:s,className:o()("zent-tag","zent-tag-style"+j+w,"zent-tag-size-"+p,h,{"zent-tag-rounded":d,"zent-tag-closable":g})},T,{"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-tag-content","data-zv":"10.0.10"},{children:m}),void 0),g?(0,e.jsx)(l.Z,{type:"close",className:"zent-tag-close-btn",onClick:y,style:b},void 0):null]}),void 0)}));r.displayName="ZentTag",s.Z=r}}]); \ No newline at end of file diff --git a/1415-4ca67e521e970b47da8a.js b/1415-4ca67e521e970b47da8a.js deleted file mode 100644 index 9c880cc60..000000000 --- a/1415-4ca67e521e970b47da8a.js +++ /dev/null @@ -1 +0,0 @@ -(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.9"},{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.9"},{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.9"},{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.9"},{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.9"},{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.9"},{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/1415-e33a2a61ddbf51b57c9e.js b/1415-e33a2a61ddbf51b57c9e.js new file mode 100644 index 000000000..4141f1df5 --- /dev/null +++ b/1415-e33a2a61ddbf51b57c9e.js @@ -0,0 +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 diff --git a/1553-a97c3a1882113d5e0f2f.js b/1553-3e5206eabf348314f641.js similarity index 98% rename from 1553-a97c3a1882113d5e0f2f.js rename to 1553-3e5206eabf348314f641.js index 4413c2d55..ddf592f5a 100644 --- a/1553-a97c3a1882113d5e0f2f.js +++ b/1553-3e5206eabf348314f641.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1553],{98770:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>f});var t=s(73450),e=s(27378),o=s(57318),p=s(67801),c=s(24246);function l(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function r(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(k,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class f extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,h(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:".zent-link {\n margin-left: 10px;\n }\n\n.zent-link {\n margin-left: 10px;\n }"}),e.createElement(d,{html:'

Link

\n

超链接，是对原生 a 标签的一个样式封装，同时支持禁用链接。

\n

代码演示

'}),e.createElement(g,{title:"强文字链接",id:"Demo1",src:'import { Link } from \'zent\';\n\nReactDOM.render(\n <div>\n <Link href="https://youzan.com" target="_blank">有赞首页</Link>\n <Link href="https://youzan.com" disabled>\n 有赞首页\n </Link>\n </div>,\n mountNode\n);'},e.createElement(i)),e.createElement(g,{title:"弱文字链接",id:"Demo2",src:'import { Link } from \'zent\';\n\nReactDOM.render(\n <div>\n <Link href="https://youzan.com" target="_blank" weak>有赞首页</Link>\n <Link href="https://youzan.com" disabled weak>\n 有赞首页\n </Link>\n </div>,\n mountNode\n);'},e.createElement(u)),e.createElement(d,{html:'

API

\n

支持 <a> 的所有属性。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
disabled是否禁用boolean否falsetrue
weak是否弱文字连接boolean否falsetrue
'}))}}},67801:(n,a,s)=>{"use strict";s.d(a,{r:()=>r});var t=s(59312),e=s(24246),o=s(60042),p=s.n(o),c=s(27378),l=s(1348),r=(0,c.forwardRef)((function(n,a){var s=(0,c.useContext)(l.d),o=n.className,r=n.disabled,u=void 0===r?s.value:r,k=n.weak,d=void 0!==k&&k,m=n.onClick,h=(0,t._T)(n,["className","disabled","weak","onClick"]);return(0,e.jsx)("a",(0,t.pi)({},h,{className:p()(o,"zent-link",{"zent-link--disabled":u,"zent-link--weak":d}),ref:a,onClick:u?i:m,"data-zv":"10.0.9"}),void 0)}));function i(n){n.preventDefault(),n.stopPropagation()}r.displayName="Link"}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1553],{98770:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>f});var t=s(73450),e=s(27378),o=s(57318),p=s(67801),c=s(24246);function l(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function r(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(k,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class f extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,h(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:".zent-link {\n margin-left: 10px;\n }\n\n.zent-link {\n margin-left: 10px;\n }"}),e.createElement(d,{html:'

Link

\n

超链接，是对原生 a 标签的一个样式封装，同时支持禁用链接。

\n

代码演示

'}),e.createElement(g,{title:"强文字链接",id:"Demo1",src:'import { Link } from \'zent\';\n\nReactDOM.render(\n <div>\n <Link href="https://youzan.com" target="_blank">有赞首页</Link>\n <Link href="https://youzan.com" disabled>\n 有赞首页\n </Link>\n </div>,\n mountNode\n);'},e.createElement(i)),e.createElement(g,{title:"弱文字链接",id:"Demo2",src:'import { Link } from \'zent\';\n\nReactDOM.render(\n <div>\n <Link href="https://youzan.com" target="_blank" weak>有赞首页</Link>\n <Link href="https://youzan.com" disabled weak>\n 有赞首页\n </Link>\n </div>,\n mountNode\n);'},e.createElement(u)),e.createElement(d,{html:'

API

\n

支持 <a> 的所有属性。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
disabled是否禁用boolean否falsetrue
weak是否弱文字连接boolean否falsetrue
'}))}}},67801:(n,a,s)=>{"use strict";s.d(a,{r:()=>r});var t=s(59312),e=s(24246),o=s(60042),p=s.n(o),c=s(27378),l=s(1348),r=(0,c.forwardRef)((function(n,a){var s=(0,c.useContext)(l.d),o=n.className,r=n.disabled,u=void 0===r?s.value:r,k=n.weak,d=void 0!==k&&k,m=n.onClick,h=(0,t._T)(n,["className","disabled","weak","onClick"]);return(0,e.jsx)("a",(0,t.pi)({},h,{className:p()(o,"zent-link",{"zent-link--disabled":u,"zent-link--weak":d}),ref:a,onClick:u?i:m,"data-zv":"10.0.10"}),void 0)}));function i(n){n.preventDefault(),n.stopPropagation()}r.displayName="Link"}}]); \ No newline at end of file diff --git a/1610-274678c56abd11fde4f9.js b/1610-31d21e140310747831d4.js similarity index 97% rename from 1610-274678c56abd11fde4f9.js rename to 1610-31d21e140310747831d4.js index 460aeb7ed..f7742dff8 100644 --- a/1610-274678c56abd11fde4f9.js +++ b/1610-31d21e140310747831d4.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1610],{85187:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>g});var t=s(73450),p=s(27378),e=s(57318),o=s(39101),c=s(24246);function u(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function l(n){for(var a=1;a{this.setState({value:n,chosenDays:a})})),(0,t.Z)(this,"handleChange1",((n,a)=>{this.setState({value1:n,chosenDays1:a})}))}render(){var n=this.state,a=n.value,s=n.chosenDays,t=n.value1,p=n.chosenDays1;return(0,c.jsxs)("div",{children:[(0,c.jsx)(o.$,{onChange:this.handleChange,value:a,format:"YYYY-MM-DD HH:mm:ss",valueType:"number",chosenDays:s}),(0,c.jsx)("br",{}),(0,c.jsx)(o.$,{onChange:this.handleChange1,value:t,format:"YYYY-MM-DD HH:mm:ss",chosenDays:p,preset:[{text:"Today",value:0},{text:"Yesterday",value:1},{text:"7 days",value:7},{text:"30 days",value:30}]})]})}}return(0,c.jsx)(n,{})},i=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{}),(0,t.Z)(this,"handleChange",((n,a)=>{this.setState({value:n,chosenDays:a})})),(0,t.Z)(this,"handleChange1",((n,a)=>{this.setState({value1:n,chosenDays1:a})})),(0,t.Z)(this,"handleChange2",((n,a)=>{this.setState({value2:n,chosenDays2:a})}))}render(){var n=this.state,a=n.value,s=n.chosenDays,t=n.value1,p=n.chosenDays1,e=n.value2,u=n.chosenDays2;return(0,c.jsxs)("div",{children:[(0,c.jsx)(o.$,{onChange:this.handleChange,value:a,format:"YYYY-MM-DD HH:mm:ss",valueType:"number",chosenDays:s}),(0,c.jsx)("br",{}),(0,c.jsx)(o.$,{onChange:this.handleChange1,value:t,format:"YYYY-MM-DD HH:mm:ss",chosenDays:p,preset:[{text:"Previous cycle",value:["2019-01-01","2019-01-02"]},{text:"January",value:["2019-01-01","2019-01-31"]}]}),(0,c.jsx)("br",{}),(0,c.jsx)(o.$,{onChange:this.handleChange2,value:e,format:"YYYY-MM-DD HH:mm:ss",valueType:"number",chosenDays:u,defaultSelectedPresetIndex:1})]})}}return(0,c.jsx)(n,{})};function k(n){return(0,c.jsx)(n.tag,l(l({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function d(n){return(0,c.jsx)(k,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function h(n){return(0,c.jsx)(k,{tag:"style",html:n.style})}function m(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),m(n.parentNode,a);return a}class y extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(k,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class g extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,m(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(h,{style:""}),p.createElement(d,{html:'

DateRangeQuickPicker

\n

DateRangeQuickPicker is used for time range selection, it has 2 quick options which points previous 7 days and previous 30 days.

\n

Usage Scenarios

\n

Select a date range in one click.

\n

Demos

'}),p.createElement(y,{title:"Basic Usage",id:"Demobasic",src:'import { DateRangeQuickPicker } from \'zent\';\n\nclass Simple extends Component {\n state = {};\n\n handleChange = (value, chosenDays) => {\n this.setState({\n value,\n chosenDays,\n });\n };\n\n handleChange1 = (value, chosenDays) => {\n this.setState({\n value1: value,\n chosenDays1: chosenDays,\n });\n };\n\n render() {\n const { value, chosenDays, value1, chosenDays1 } = this.state;\n\n return (\n <div>\n <DateRangeQuickPicker\n onChange={this.handleChange}\n value={value}\n format="YYYY-MM-DD HH:mm:ss"\n valueType="number"\n chosenDays={chosenDays}\n />\n <br />\n <DateRangeQuickPicker\n onChange={this.handleChange1}\n value={value1}\n format="YYYY-MM-DD HH:mm:ss"\n chosenDays={chosenDays1}\n preset={[\n {\n text: \'Today\',\n value: 0,\n },\n {\n text: \'Yesterday\',\n value: 1,\n },\n {\n text: \'7 days\',\n value: 7,\n },\n {\n text: \'30 days\',\n value: 30,\n },\n ]}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(r)),p.createElement(y,{title:"Quickly choose a time range",id:"Demopreset",src:'import { DateRangeQuickPicker } from \'zent\';\n\nclass Simple extends Component {\n state = {};\n\n handleChange = (value, chosenDays) => {\n this.setState({\n value,\n chosenDays,\n });\n };\n\n handleChange1 = (value, chosenDays) => {\n this.setState({\n value1: value,\n chosenDays1: chosenDays,\n });\n };\n\n handleChange2 = (value, chosenDays) => {\n this.setState({\n value2: value,\n chosenDays2: chosenDays,\n });\n };\n\n render() {\n const {\n value,\n chosenDays,\n value1,\n chosenDays1,\n value2,\n chosenDays2,\n } = this.state;\n\n return (\n <div>\n <DateRangeQuickPicker\n onChange={this.handleChange}\n value={value}\n format="YYYY-MM-DD HH:mm:ss"\n valueType="number"\n chosenDays={chosenDays}\n />\n <br />\n <DateRangeQuickPicker\n onChange={this.handleChange1}\n value={value1}\n format="YYYY-MM-DD HH:mm:ss"\n chosenDays={chosenDays1}\n preset={[\n {\n text: \'Previous cycle\',\n value: [\'2019-01-01\', \'2019-01-02\'],\n },\n {\n text: \'January\',\n value: [\'2019-01-01\', \'2019-01-31\'],\n },\n ]}\n />\n <br />\n <DateRangeQuickPicker\n onChange={this.handleChange2}\n value={value2}\n format="YYYY-MM-DD HH:mm:ss"\n valueType="number"\n chosenDays={chosenDays2}\n defaultSelectedPresetIndex={1}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(i)),p.createElement(d,{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
PropsDescriptionTypeDefaultAlternatives
onChangeChange event callbackfunc
valueStarting and end timearray[]
presetCustom quick optionsarray[{text: '7 days', value: 7}, {text: '30 days', value: 30}]
defaultSelectedPresetIndexDefault selected item index in \npresetnumber
valueTypeArgument type of onChangestring'''date'\n, \n'number'\n, \n'string'
formatFormat of returned Date stringstring'YYYY-MM-DD'\n, \n'YYYY-MM-DD HH:mm:ss'
chosenDaysNumber of choosen daysnumber\n \n|\n \narray
minMinimum value of optional datestring\n \n|\n \nDate''
maxMaximum number of optional datestring\n \n|\n \nDate''
classNamecustom classnamestring''
"}))}}},39101:(n,a,s)=>{"use strict";s.d(a,{$:()=>h});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),u=s(51960),l=s(81224),r=s(17949),i=s(1937),k=s(52074),d=864e5,h=function(n){function a(a){var s,t=n.call(this,a)||this;t.handleTimeChange=function(n){(0,t.props.onChange)(n,NaN)},t.handleChosenDays=function(n){var a=t.props,s=a.format;(0,a.onChange)(function(n,a,s){var t,p,e,o=((e=new Date).setHours(0),e.setMinutes(0),e.setSeconds(0),e.setMilliseconds(0),e.getTime());Array.isArray(a)?(t=a[0],p=a[1]):(t=a>1?o-(a-1)*d:o-a*d,p=1===a?o-1e3:Date.now());var c=(0,l.f)(t),r=(0,l.f)(p);return"number"===s?[c.getTime(),r.getTime()]:"date"===s?[c,r]:[(0,u.Z)(c,n),(0,u.Z)(r,n)]}(s,n,a.valueType),n)};var p=a.value,e=a.defaultSelectedPresetIndex,o=a.preset;if("number"==typeof e&&(!p||Array.isArray(p)&&!p.length)){var c=null===(s=o[e])||void 0===s?void 0:s.value;void 0!==c&&t.handleChosenDays(c)}return t}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,s=a.className,e=a.format,o=a.value,u=a.chooseDays,l=a.chosenDays,d=a.preset,h=a.min,m=a.max,y=(0,t._T)(a,["className","format","value","chooseDays","chosenDays","preset","min","max"]),g="YYYY-MM-DD"===e,v=null!=l?l:u;return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-date-range-quick-picker",s),"data-zv":"10.0.9"},{children:[(0,p.jsx)(i.D,(0,t.pi)({value:o,onChange:this.handleTimeChange,format:e,showTime:!g,disabledDate:{min:h,max:m}},y),void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-date-range-quick-picker__filter","data-zv":"10.0.9"},{children:d.map((function(a,s){return(0,p.jsx)(k.Z,(0,t.pi)({componentName:"RangePicker"},{children:function(e){return(0,p.jsx)("span",(0,t.pi)({className:c()("zent-date-range-quick-picker__btn",{active:(0,r.Z)(v,a.value)}),onClick:n.handleChosenDays.bind(n,a.value),"data-zv":"10.0.9"},{children:a.text||("number"==typeof a.value?e[a.value]:"N/A")}),s)}}),s)}))}),void 0)]}),void 0)},a.defaultProps={className:"",value:[],valueType:"string",format:"YYYY-MM-DD",preset:[{value:7},{value:30}],min:"",max:""},a}(e.Component)},85883:(n,a,s)=>{"use strict";var t=s(92497);a.Z=t.Z}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1610],{85187:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>g});var t=s(73450),p=s(27378),e=s(57318),o=s(39101),c=s(24246);function u(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function l(n){for(var a=1;a{this.setState({value:n,chosenDays:a})})),(0,t.Z)(this,"handleChange1",((n,a)=>{this.setState({value1:n,chosenDays1:a})}))}render(){var n=this.state,a=n.value,s=n.chosenDays,t=n.value1,p=n.chosenDays1;return(0,c.jsxs)("div",{children:[(0,c.jsx)(o.$,{onChange:this.handleChange,value:a,format:"YYYY-MM-DD HH:mm:ss",valueType:"number",chosenDays:s}),(0,c.jsx)("br",{}),(0,c.jsx)(o.$,{onChange:this.handleChange1,value:t,format:"YYYY-MM-DD HH:mm:ss",chosenDays:p,preset:[{text:"Today",value:0},{text:"Yesterday",value:1},{text:"7 days",value:7},{text:"30 days",value:30}]})]})}}return(0,c.jsx)(n,{})},i=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{}),(0,t.Z)(this,"handleChange",((n,a)=>{this.setState({value:n,chosenDays:a})})),(0,t.Z)(this,"handleChange1",((n,a)=>{this.setState({value1:n,chosenDays1:a})})),(0,t.Z)(this,"handleChange2",((n,a)=>{this.setState({value2:n,chosenDays2:a})}))}render(){var n=this.state,a=n.value,s=n.chosenDays,t=n.value1,p=n.chosenDays1,e=n.value2,u=n.chosenDays2;return(0,c.jsxs)("div",{children:[(0,c.jsx)(o.$,{onChange:this.handleChange,value:a,format:"YYYY-MM-DD HH:mm:ss",valueType:"number",chosenDays:s}),(0,c.jsx)("br",{}),(0,c.jsx)(o.$,{onChange:this.handleChange1,value:t,format:"YYYY-MM-DD HH:mm:ss",chosenDays:p,preset:[{text:"Previous cycle",value:["2019-01-01","2019-01-02"]},{text:"January",value:["2019-01-01","2019-01-31"]}]}),(0,c.jsx)("br",{}),(0,c.jsx)(o.$,{onChange:this.handleChange2,value:e,format:"YYYY-MM-DD HH:mm:ss",valueType:"number",chosenDays:u,defaultSelectedPresetIndex:1})]})}}return(0,c.jsx)(n,{})};function k(n){return(0,c.jsx)(n.tag,l(l({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function d(n){return(0,c.jsx)(k,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function h(n){return(0,c.jsx)(k,{tag:"style",html:n.style})}function m(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),m(n.parentNode,a);return a}class y extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(k,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class g extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,m(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(h,{style:""}),p.createElement(d,{html:'

DateRangeQuickPicker

\n

DateRangeQuickPicker is used for time range selection, it has 2 quick options which points previous 7 days and previous 30 days.

\n

Usage Scenarios

\n

Select a date range in one click.

\n

Demos

'}),p.createElement(y,{title:"Basic Usage",id:"Demobasic",src:'import { DateRangeQuickPicker } from \'zent\';\n\nclass Simple extends Component {\n state = {};\n\n handleChange = (value, chosenDays) => {\n this.setState({\n value,\n chosenDays,\n });\n };\n\n handleChange1 = (value, chosenDays) => {\n this.setState({\n value1: value,\n chosenDays1: chosenDays,\n });\n };\n\n render() {\n const { value, chosenDays, value1, chosenDays1 } = this.state;\n\n return (\n <div>\n <DateRangeQuickPicker\n onChange={this.handleChange}\n value={value}\n format="YYYY-MM-DD HH:mm:ss"\n valueType="number"\n chosenDays={chosenDays}\n />\n <br />\n <DateRangeQuickPicker\n onChange={this.handleChange1}\n value={value1}\n format="YYYY-MM-DD HH:mm:ss"\n chosenDays={chosenDays1}\n preset={[\n {\n text: \'Today\',\n value: 0,\n },\n {\n text: \'Yesterday\',\n value: 1,\n },\n {\n text: \'7 days\',\n value: 7,\n },\n {\n text: \'30 days\',\n value: 30,\n },\n ]}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(r)),p.createElement(y,{title:"Quickly choose a time range",id:"Demopreset",src:'import { DateRangeQuickPicker } from \'zent\';\n\nclass Simple extends Component {\n state = {};\n\n handleChange = (value, chosenDays) => {\n this.setState({\n value,\n chosenDays,\n });\n };\n\n handleChange1 = (value, chosenDays) => {\n this.setState({\n value1: value,\n chosenDays1: chosenDays,\n });\n };\n\n handleChange2 = (value, chosenDays) => {\n this.setState({\n value2: value,\n chosenDays2: chosenDays,\n });\n };\n\n render() {\n const {\n value,\n chosenDays,\n value1,\n chosenDays1,\n value2,\n chosenDays2,\n } = this.state;\n\n return (\n <div>\n <DateRangeQuickPicker\n onChange={this.handleChange}\n value={value}\n format="YYYY-MM-DD HH:mm:ss"\n valueType="number"\n chosenDays={chosenDays}\n />\n <br />\n <DateRangeQuickPicker\n onChange={this.handleChange1}\n value={value1}\n format="YYYY-MM-DD HH:mm:ss"\n chosenDays={chosenDays1}\n preset={[\n {\n text: \'Previous cycle\',\n value: [\'2019-01-01\', \'2019-01-02\'],\n },\n {\n text: \'January\',\n value: [\'2019-01-01\', \'2019-01-31\'],\n },\n ]}\n />\n <br />\n <DateRangeQuickPicker\n onChange={this.handleChange2}\n value={value2}\n format="YYYY-MM-DD HH:mm:ss"\n valueType="number"\n chosenDays={chosenDays2}\n defaultSelectedPresetIndex={1}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(i)),p.createElement(d,{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
PropsDescriptionTypeDefaultAlternatives
onChangeChange event callbackfunc
valueStarting and end timearray[]
presetCustom quick optionsarray[{text: '7 days', value: 7}, {text: '30 days', value: 30}]
defaultSelectedPresetIndexDefault selected item index in \npresetnumber
valueTypeArgument type of onChangestring'''date'\n, \n'number'\n, \n'string'
formatFormat of returned Date stringstring'YYYY-MM-DD'\n, \n'YYYY-MM-DD HH:mm:ss'
chosenDaysNumber of choosen daysnumber\n \n|\n \narray
minMinimum value of optional datestring\n \n|\n \nDate''
maxMaximum number of optional datestring\n \n|\n \nDate''
classNamecustom classnamestring''
"}))}}},39101:(n,a,s)=>{"use strict";s.d(a,{$:()=>h});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),u=s(51960),l=s(81224),r=s(17949),i=s(1937),k=s(52074),d=864e5,h=function(n){function a(a){var s,t=n.call(this,a)||this;t.handleTimeChange=function(n){(0,t.props.onChange)(n,NaN)},t.handleChosenDays=function(n){var a=t.props,s=a.format;(0,a.onChange)(function(n,a,s){var t,p,e,o=((e=new Date).setHours(0),e.setMinutes(0),e.setSeconds(0),e.setMilliseconds(0),e.getTime());Array.isArray(a)?(t=a[0],p=a[1]):(t=a>1?o-(a-1)*d:o-a*d,p=1===a?o-1e3:Date.now());var c=(0,l.f)(t),r=(0,l.f)(p);return"number"===s?[c.getTime(),r.getTime()]:"date"===s?[c,r]:[(0,u.Z)(c,n),(0,u.Z)(r,n)]}(s,n,a.valueType),n)};var p=a.value,e=a.defaultSelectedPresetIndex,o=a.preset;if("number"==typeof e&&(!p||Array.isArray(p)&&!p.length)){var c=null===(s=o[e])||void 0===s?void 0:s.value;void 0!==c&&t.handleChosenDays(c)}return t}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,s=a.className,e=a.format,o=a.value,u=a.chooseDays,l=a.chosenDays,d=a.preset,h=a.min,m=a.max,y=(0,t._T)(a,["className","format","value","chooseDays","chosenDays","preset","min","max"]),g="YYYY-MM-DD"===e,v=null!=l?l:u;return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-date-range-quick-picker",s),"data-zv":"10.0.10"},{children:[(0,p.jsx)(i.D,(0,t.pi)({value:o,onChange:this.handleTimeChange,format:e,showTime:!g,disabledDate:{min:h,max:m}},y),void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-date-range-quick-picker__filter","data-zv":"10.0.10"},{children:d.map((function(a,s){return(0,p.jsx)(k.Z,(0,t.pi)({componentName:"RangePicker"},{children:function(e){return(0,p.jsx)("span",(0,t.pi)({className:c()("zent-date-range-quick-picker__btn",{active:(0,r.Z)(v,a.value)}),onClick:n.handleChosenDays.bind(n,a.value),"data-zv":"10.0.10"},{children:a.text||("number"==typeof a.value?e[a.value]:"N/A")}),s)}}),s)}))}),void 0)]}),void 0)},a.defaultProps={className:"",value:[],valueType:"string",format:"YYYY-MM-DD",preset:[{value:7},{value:30}],min:"",max:""},a}(e.Component)},85883:(n,a,s)=>{"use strict";var t=s(92497);a.Z=t.Z}}]); \ No newline at end of file diff --git a/1636-df70a9c049a210aa0f31.js b/1636-df70a9c049a210aa0f31.js deleted file mode 100644 index 54744d2ff..000000000 --- a/1636-df70a9c049a210aa0f31.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1636],{29018:(e,n,t)=>{"use strict";t.d(n,{J:()=>E});var a=t(59312),i=t(24246),l=t(27378),d=t(52074),r=t(60042),o=t.n(r),s=t(87774),u=t(47922),c=t(44639),v=t(12691),p=t(80081),m=t(18270),f=t(80256),b=t(280),h=t(57569),C=t(20985),x=t(77828),Z=t(45300),T=t(11128),k=t(80280),g=k.k.START,j=k.k.END,D=c.Z.Provider,P=function(e){var n=e.value,t=e.onChange,d=e.onOpen,r=e.onClose,c=e.dateSpan,k=e.disabledDate,P=e.disabled,S=(0,a._T)(e,["value","onChange","onOpen","onClose","dateSpan","disabledDate","disabled"]),N=(0,l.useRef)(S);N.current=S;var z=N.current,y=z.defaultDate,w=z.format,M=z.className,O=z.openPanel,V=z.generateDate,E=z.PanelComponent,R=(0,l.useContext)(v.Z).getInputRangeText,A=(0,x.Q)(t),H=(0,m.Z)({value:n,format:w,defaultDate:y,addMonthNum:1}),F=H.selected,_=H.parseValue,I=H.setSelected,Y=H.defaultPanelDate,q=(0,b.Z)(_,I,d,r,P,O),K=q.panelVisible,Q=q.setPanelVisible,B=q.onVisibleChange,W=(0,h.Z)(w,k),X=(0,p.Z)(F,W,V,c),G=(0,l.useState)(),J=G[0],L=G[1],U=(0,f.Z)(F,J),$=(0,l.useMemo)((function(){var e=F[0],n=F[1];return e&&n?[e,n]:null}),[F]),ee=(0,l.useCallback)((function(e,n){var t;if(void 0===n&&(n=!1),I(e),n){var a=N.current,i=a.valueType,l=a.format,d=a.openPanel;null===(t=A.current)||void 0===t||t.call(A,(0,C.F)(i,l,e)),Q(null!=d&&d)}}),[A,N,Q,I]),ne=(0,l.useCallback)((function(e){var n;e.stopPropagation(),null===(n=A.current)||void 0===n||n.call(A,[null,null])}),[A]),te=(0,l.useMemo)((function(){return null==R?void 0:R(F)}),[F,R]),ae=(0,l.useMemo)((function(){var e=(0,Z.Z)(N.current,T.Yj);return(0,i.jsx)("div",(0,a.pi)({"data-zv":"10.0.9"},{children:(0,i.jsx)(s.W,(0,a.pi)({},e,{disabled:P,selected:F,value:n,text:te,panelVisible:K,onClearInput:ne}),void 0)}),void 0)}),[F,te,n,K,N,P,ne]),ie=(0,l.useMemo)((function(){return(0,i.jsx)("div",(0,a.pi)({className:"zent-datepicker-combined-panel","data-zv":"10.0.9"},{children:(0,i.jsx)(E,(0,a.pi)({},N.current,{selected:F,defaultPanelDate:Y,onSelected:ee,disabledStartDate:X(g),disabledEndDate:X(j),hoverDate:J,hoverRangeDate:U,rangeDate:$}),void 0)}),void 0)}),[F,J,$,U,Y,N,X,ee,E]);return(0,i.jsx)("div",(0,a.pi)({className:o()("zent-datepicker",M),"data-zv":"10.0.9"},{children:(0,i.jsx)(D,(0,a.pi)({value:{onHover:L}},{children:(0,i.jsx)(u.Z,{panelVisible:K,onVisibleChange:B,trigger:ae,content:ie},void 0)}),void 0)}),void 0)};P.defaultProps={disabled:!1,canClear:!0};var S=P,N=t(63923),z=t(1348),y=t(3685),w=t(65410),M=y.H.date,O=v.Z.Provider,V={format:T.zT},E=function(e){var n=(0,l.useContext)(z.d),t=(0,a.pi)((0,a.pi)((0,a.pi)({},T.sn),V),e),r=t.placeholder,o=t.format,s=t.width,u=t.showTime,c=t.disabled,v=void 0===c?n.value:c,p=(0,l.useCallback)((function(e){return(0,w.Kv)(e,o)}),[o]);return(0,i.jsx)(d.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(O,(0,a.pi)({value:{i18n:e,autoComplete:!!u,getInputRangeText:p}},{children:(0,i.jsx)(S,(0,a.pi)({},t,{width:null!=s?s:u?T.pX:T.d7,disabled:v,generateDate:M,seperator:e.to,placeholder:r||[e.start,e.end],PanelComponent:N.Z}),void 0)}),void 0)}}),void 0)}},17703:(e,n,t)=>{"use strict";t.d(n,{i:()=>x});var a=t(59312),i=t(24246),l=t(27378),d=t(44639),r=t(80081),o=t(18270),s=t(80256),u=t(57569),c=t(20985),v=t(11128),p=t(63923),m=t(80280),f=t(3685),b=m.k.START,h=m.k.END,C=d.Z.Provider,x=function(e){var n=e.value,t=e.onChange,d=e.disabledDate,v=e.valueType,m=e.defaultDate,x=e.format,Z=e.className,T=e.rightClassName,k=e.leftClassName,g=e.footerClassName,j=e.dateSpan,D=e.hideConfirm,P=e.showTime,S=e.disabledTime,N=(0,o.Z)({value:n,format:x,defaultDate:m,addMonthNum:1}),z=N.selected,y=N.setSelected,w=N.defaultPanelDate,M=(0,u.Z)(x,d),O=(0,r.Z)(z,M,f.H.date,j),V=(0,l.useState)(),E=V[0],R=V[1],A=(0,s.Z)(z,E),H=(0,l.useMemo)((function(){var e=z[0],n=z[1];return e&&n?[e,n]:null}),[z]),F=(0,l.useCallback)((function(e,n){void 0===n&&(n=!1),y(e),(D||n)&&t((0,c.F)(v,x,e))}),[x,D,t,y,v]);return(0,i.jsx)("div",(0,a.pi)({className:Z,"data-zv":"10.0.9"},{children:(0,i.jsx)(C,(0,a.pi)({value:{onHover:R}},{children:(0,i.jsx)(p.Z,{selected:z,defaultPanelDate:w,onSelected:F,disabledStartDate:O(b),disabledEndDate:O(h),hoverDate:E,hoverRangeDate:A,rangeDate:H,rightClassName:T,leftClassName:k,footerClassName:g,showTime:P,hideConfirm:D,disabledTime:S},void 0)}),void 0)}),void 0)};x.defaultProps={format:v.zT,dateSpan:0,hideConfirm:!1,valueType:"string"}},74552:(e,n,t)=>{"use strict";t.d(n,{i:()=>M});var a=t(59312),i=t(24246),l=t(27378),d=t(52074),r=t(60042),o=t.n(r),s=t(47922),u=t(87774),c=t(44639),v=t(32046),p=t(77828),m=t(45300),f=t(41507),b=t(50456),h=t(11128),C=t(280),x="zent-datepicker-combined",Z=c.Z.Provider,T=function(e){var n=e.onChange,t=e.disabledTime,d=e.onOpen,r=e.onClose,c=e.value,T=e.ContentComponent,k=e.defaultTime,g=(e.selectedDate,e.disabled),j=(0,a._T)(e,["onChange","disabledTime","onOpen","onClose","value","ContentComponent","defaultTime","selectedDate","disabled"]),D=(0,l.useRef)(j);D.current=j;var P=D.current,S=P.format,N=P.className,z=P.openPanel,y=(0,p.Q)(n),w=(0,v.Z)(h.Y5,c),M=w.selected,O=w.setSelected,V=(0,l.useState)(!0),E=V[0],R=V[1],A=(0,C.Z)(null!=c?c:h.Y5,O,d,r,g,z),H=A.panelVisible,F=A.setPanelVisible,_=A.onVisibleChange,I=(0,l.useCallback)((function(e,n){var t;void 0===n&&(n=!1),R(!1),O(e),n&&(F(!n),R(!0),null===(t=y.current)||void 0===t||t.call(y,e))}),[y,O,F]),Y=(0,l.useCallback)((function(e){var n;e.stopPropagation(),null===(n=y.current)||void 0===n||n.call(y,h.Y5)}),[y]),q=(0,v.K)(M,S,new Date),K=(0,f.Z)({selected:q,disabledTime:t}),Q=K.disabledStartTimes,B=K.disabledConfirm,W=K.disabledEndTimes,X=(0,l.useMemo)((function(){var e;return null==Q?void 0:Q(null!==(e=q[0])&&void 0!==e?e:(0,b.Z)())}),[Q,q]),G=(0,l.useMemo)((function(){var e;return null==W?void 0:W(null!==(e=q[1])&&void 0!==e?e:(0,b.Z)())}),[W,q]),J=(0,l.useMemo)((function(){var e=(0,m.Z)(D.current,h.Yj);return(0,i.jsx)("div",(0,a.pi)({"data-zv":"10.0.9"},{children:(0,i.jsx)(u.W,(0,a.pi)({},e,{value:c,disabled:g,selected:q,onClearInput:Y,panelVisible:H,text:M,icon:"clock-o"}),void 0)}),void 0)}),[c,M,q,H,D,g,Y]),L=(0,l.useMemo)((function(){var e=(0,m.Z)(D.current,h.n2);return(0,i.jsx)("div",(0,a.pi)({className:o()(x+"-panel",x+"-time-panel"),"data-zv":"10.0.9"},{children:(0,i.jsx)(T,(0,a.pi)({},e,{defaultTime:k,disabledTimeOptionStart:X,disabledTimeOptionEnd:G,selected:M,onSelected:I}),void 0)}),void 0)}),[M,k,D,I,X,G,T]);return(0,i.jsx)("div",(0,a.pi)({className:o()("zent-datepicker",N),"data-zv":"10.0.9"},{children:(0,i.jsx)(Z,(0,a.pi)({value:{visibleChange:E,confirmStatus:B}},{children:(0,i.jsx)(s.Z,{panelVisible:H,onVisibleChange:_,trigger:J,content:L},void 0)}),void 0)}),void 0)};T.defaultProps=h.V2;var k=T,g=t(60419),j=t(71351),D=t(90347),P=t(85883),S=t(12691),N=function(e){var n=e.onSelected,t=e.selected,d=(0,l.useContext)(S.Z).i18n,r=(0,l.useContext)(c.Z).confirmStatus,o=(0,l.useCallback)((function(){return n(t,!0)}),[t,n]),s=(0,l.useMemo)((function(){var e=(0,i.jsx)(D.ZP,(0,a.pi)({type:"primary",onClick:o,disabled:r,className:"zent-datepicker-panel-footer-btn"},{children:d.confirm}),void 0);return r?(0,i.jsx)(P.Z,(0,a.pi)({content:d.timeErrorPop,trigger:"hover"},{children:e}),void 0):e}),[d,r,o]);return(0,i.jsx)(j.Z,{rightNode:s},void 0)},z=function(e){var n=e.onSelected,t=e.selected,d=e.disabledTimeOptionStart,r=e.disabledTimeOptionEnd,o=e.defaultTime,s=(0,a._T)(e,["onSelected","selected","disabledTimeOptionStart","disabledTimeOptionEnd","defaultTime"]),u=t[0],c=t[1],v=(0,l.useCallback)((function(e){return function(a){n(e?[t[0],a]:[a,t[1]])}}),[t,n]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",(0,a.pi)({className:"zent-datepicker-combined-panel-body","data-zv":"10.0.9"},{children:[(0,i.jsx)("div",(0,a.pi)({className:"zent-datepicker-combined-panel-body-item","data-zv":"10.0.9"},{children:(0,i.jsx)(g.Z,(0,a.pi)({},s,{hideFooter:!0,selected:u,defaultTime:null==o?void 0:o[0],disabledTimeOption:d,onSelected:v(0)}),void 0)}),void 0),(0,i.jsx)("div",{className:"zent-datepicker-combined-panel-body-seperator","data-zv":"10.0.9"},void 0),(0,i.jsx)("div",(0,a.pi)({className:"zent-datepicker-combined-panel-body-item","data-zv":"10.0.9"},{children:(0,i.jsx)(g.Z,(0,a.pi)({},s,{hideFooter:!0,selected:c,defaultTime:null==o?void 0:o[1],disabledTimeOption:r,onSelected:v(1)}),void 0)}),void 0)]}),void 0),(0,i.jsx)(N,{selected:t,onSelected:n},void 0)]},void 0)},y=t(1348),w=S.Z.Provider,M=function(e){var n=(0,l.useContext)(y.d),t=(0,a.pi)((0,a.pi)({},h.V2),e),r=t.placeholder,o=t.width,s=t.disabled,u=void 0===s?n.value:s;return(0,i.jsx)(d.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(w,(0,a.pi)({value:{i18n:e}},{children:(0,i.jsx)(k,(0,a.pi)({},t,{seperator:e.to,placeholder:r||[e.startTime,e.endTime],disabled:u,width:null!=o?o:h.d7,ContentComponent:z}),void 0)}),void 0)}}),void 0)}},40167:(e,n,t)=>{"use strict";t.d(n,{l:()=>C});var a=t(59312),i=t(24246),l=t(27378),d=t(52074),r=t(42278),o=t(21977),s=t(1348),u=t(12691),c=t(90278),v=t(3685),p=t(65410),m=t(11128),f=v.H.month,b=u.Z.Provider,h={format:m.zS},C=function(e){var n=(0,l.useContext)(s.d),t=(0,a.pi)((0,a.pi)((0,a.pi)({},m.sn),h),e),u=t.format,v=t.valueType,C=t.placeholder,x=t.disabled,Z=void 0===x?n.value:x,T=(0,l.useCallback)((function(e){return(0,p.RZ)(e,u)}),[u]),k=(0,l.useCallback)((function(e){return e}),[]),g=(0,l.useCallback)((function(e){return(0,c.pB)(e,v,u)}),[v,u]);return(0,i.jsx)(d.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(b,(0,a.pi)({value:{i18n:e,generateDate:f,getCallbackValue:g,getSelectedValue:k,getInputText:T}},{children:(0,i.jsx)(r.Z,(0,a.pi)({},t,{disabled:Z,placeholder:C||e.month,PanelComponent:o.Z}),void 0)}),void 0)}}),void 0)}},33749:(e,n,t)=>{"use strict";t.d(n,{n:()=>N});var a=t(59312),i=t(24246),l=t(27378),d=t(52074),r=t(42278),o=t(46013),s=t(96608),u=t(65892),c=t(44639),v=t(12691),p=t(5034),m=t(84990),f=t(3685),b=t(60613),h=function(e){var n=e.defaultPanelDate,t=e.onSelected,d=e.selected,r=e.disabledPanelDate,o=e.row,s=void 0===o?2:o,u=e.col,h=void 0===u?2:u,C=(0,l.useContext)(v.Z).i18n,x=(0,l.useContext)(c.Z).onHover,Z=(0,l.useMemo)((function(){return(0,m.Z)({selected:d,disabledPanelDate:r,defaultPanelDate:(0,b.Z)(n,1),texts:C.panel.quarterNames,row:s,col:h,dateConfig:f.H.quarter})}),[d,s,h,n,C,r]);return(0,i.jsx)("div",(0,a.pi)({className:"zent-datepicker-quarter-panel-body","data-zv":"10.0.9"},{children:(0,i.jsx)(p.Z,{col:h,cells:Z,onSelected:t,onHover:x},void 0)}),void 0)},C=t(58345),x=t(26610),Z=function(e){var n=e.defaultPanelDate,t=(e.onChangePanel,(0,a._T)(e,["defaultPanelDate","onChangePanel"])),d=(0,l.useContext)(v.Z).i18n,r=(0,x.Z)(n),c=r.panelDate,p=r.setPanelDate,m=(0,l.useState)(!1),f=m[0],b=m[1],Z=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u.Z,{titleNode:(0,i.jsx)(u.D,{text:c.getFullYear(),unit:d.panel.year,onClick:function(){return b(!0)}},void 0),onPrev:function(){return p((0,o.Z)(c,-1))},onNext:function(){return p((0,o.Z)(c,1))}},void 0),(0,i.jsx)(h,(0,a.pi)({},t,{defaultPanelDate:c}),void 0)]},void 0),T=(0,l.useCallback)((function(e){p((0,s.Z)(c,e.getFullYear())),b(!1)}),[c,p]),k=(0,i.jsx)(C.Z,(0,a.pi)({},e,{onSelected:T,defaultPanelDate:c}),void 0);return(0,i.jsx)(i.Fragment,{children:f?k:Z},void 0)},T=t(1348),k=t(90278),g=t(65410),j=t(11128),D=f.H.quarter,P=v.Z.Provider,S={format:j.zS},N=function(e){var n=(0,l.useContext)(T.d),t=(0,a.pi)((0,a.pi)((0,a.pi)({},j.sn),S),e),o=t.value,s=t.defaultDate,u=t.disabled,c=void 0===u?n.value:u,v=t.placeholder,p=(0,a._T)(t,["value","defaultDate","disabled","placeholder"]),m=p.format,f=p.valueType,b=(0,l.useCallback)((function(e){return function(n){return(0,g.kA)(n,e)}}),[]),h=(0,l.useCallback)((function(e){return e}),[]),C=(0,l.useCallback)((function(e){return(0,k.Mp)(e,f,m,D)}),[f,m]);return(0,i.jsx)(d.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(P,(0,a.pi)({value:{i18n:e,generateDate:D,getCallbackValue:C,getSelectedValue:h,getInputText:b(e)}},{children:(0,i.jsx)(r.Z,(0,a.pi)({},p,{value:Array.isArray(o)?o[0]:o,defaultDate:Array.isArray(s)?s[0]:s,disabled:c,placeholder:v||e.quarter,PanelComponent:Z}),void 0)}),void 0)}}),void 0)}},91419:(e,n,t)=>{"use strict";t.d(n,{X:()=>j});var a=t(59312),i=t(24246),l=t(27378),d=t(52074),r=t(60042),o=t.n(r),s=t(50456),u=t(44639),c=t(77828),v=t(41507),p=t(32046),m=t(80280),f=t(11128),b=m.k.START,h=m.k.END,C=u.Z.Provider,x=function(e){var n=e.value,t=e.onChange,d=e.disabledTime,r=e.onClose,u=e.onOpen,m=e.defaultTime,x=e.placeholder,Z=e.PickerComponent,T=e.className,k=e.seperator,g=e.name,j=(0,a._T)(e,["value","onChange","disabledTime","onClose","onOpen","defaultTime","placeholder","PickerComponent","className","seperator","name"]),D=(0,l.useRef)(j);D.current=j;var P=D.current.format,S=(0,c.Q)(t),N=(0,p.Z)(f.Y5,n),z=N.selected,y=N.setSelected,w=z[0],M=z[1],O=(0,l.useCallback)((function(e){return function(n){var t,a=e===b?[n,M]:[w,n];y(a),null===(t=S.current)||void 0===t||t.call(S,a)}}),[w,M,S,y]),V=(0,p.K)(z,P,new Date),E=(0,v.Z)({selected:V,disabledTime:d}),R=E.disabledStartTimes,A=E.disabledConfirm,H=E.disabledEndTimes,F=(0,l.useCallback)((function(){var e;return null==R?void 0:R(null!==(e=V[0])&&void 0!==e?e:(0,s.Z)())}),[R,V]),_=(0,l.useCallback)((function(){var e;return null==H?void 0:H(null!==(e=V[1])&&void 0!==e?e:(0,s.Z)())}),[H,V]);return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("div",(0,a.pi)({className:o()("zent-datepicker",T),"data-zv":"10.0.9"},{children:(0,i.jsxs)(C,(0,a.pi)({value:{confirmStatus:A}},{children:[(0,i.jsx)(Z,(0,a.pi)({},D.current,{value:w,onChange:O(b),defaultTime:null==m?void 0:m[0],disabledTime:F,onOpen:function(){return null==u?void 0:u(b)},onClose:function(){return null==r?void 0:r(b)},name:null==g?void 0:g[0],placeholder:x[0]}),void 0),(0,i.jsx)("span",(0,a.pi)({className:"zent-datepicker-seperator","data-zv":"10.0.9"},{children:k}),void 0),(0,i.jsx)(Z,(0,a.pi)({},D.current,{value:M,onChange:O(h),defaultTime:null==m?void 0:m[1],disabledTime:_,onOpen:function(){return null==u?void 0:u(h)},onClose:function(){return null==r?void 0:r(h)},name:null==g?void 0:g[1],placeholder:x[1]}),void 0)]}),void 0)}),void 0)},void 0)},Z=t(1348),T=t(12691),k=t(7178),g=T.Z.Provider,j=function(e){var n=(0,l.useContext)(Z.d),t=(0,a.pi)((0,a.pi)({},f.V2),e),r=t.format,o=t.placeholder,s=t.width,u=t.disabled,c=void 0===u?n.value:u;return(0,i.jsx)(d.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(g,(0,a.pi)({value:{i18n:e}},{children:(0,i.jsx)(x,(0,a.pi)({},t,{format:r,placeholder:o||[e.startTime,e.endTime],disabled:c,seperator:e.to,width:null!=s?s:f.on,PickerComponent:k.Z}),void 0)}),void 0)}}),void 0)}},72455:(e,n,t)=>{"use strict";t.d(n,{fl:()=>T});var a=t(59312),i=t(24246),l=t(27378),d=t(52074),r=t(42278),o=t(71990);function s(e,n,t){var a=(0,l.useState)(),i=a[0],d=a[1];return(0,l.useEffect)((function(){var a=e||{},i=a.startDate,l=a.endDate,r=n?[null==i?void 0:i(n,t),null==l?void 0:l(n,t)]:null;d(r)}),[n,e,t]),i}var u=t(12691),c=function(e){var n=e.selected,t=e.hoverDate,d=e.weekStartsOn,r=(0,a._T)(e,["selected","hoverDate","weekStartsOn"]),c=(0,l.useContext)(u.Z),v=c.generateDate,p=c.i18n,m=(0,l.useMemo)((function(){return{weekStartsOn:d}}),[d]),f=s(v,t,m),b=s(v,n,m);return(0,i.jsx)(o.Z,(0,a.pi)({},r,{footerText:p.current.week,selected:n,rangeDate:b,hoverRangeDate:f}),void 0)},v=t(1348),p=t(90278),m=t(3685),f=t(65410),b=t(11128),h=t(80280),C=m.H.week,x=u.Z.Provider,Z={format:b.zT,weekStartsOn:h.C.Monday},T=function(e){var n=(0,l.useContext)(v.d),t=(0,a.pi)((0,a.pi)((0,a.pi)({},b.sn),Z),e),o=t.value,s=t.defaultDate,u=t.disabled,m=void 0===u?n.value:u,h=t.placeholder,T=(0,a._T)(t,["value","defaultDate","disabled","placeholder"]),k=T.weekStartsOn,g=T.format,j=T.valueType,D=(0,l.useMemo)((function(){return{weekStartsOn:k}}),[k]),P=(0,l.useCallback)((function(e){return(0,f.zG)(e,g,D)}),[g,D]),S=(0,l.useCallback)((function(e){return(0,p.Mq)(e,C,D)}),[D]),N=(0,l.useCallback)((function(e){return(0,p.Mp)(e,j,g,C,D)}),[j,g,D]);return(0,i.jsx)(d.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(x,(0,a.pi)({value:{i18n:e,generateDate:C,getCallbackValue:N,getSelectedValue:S,getInputText:P}},{children:(0,i.jsx)(r.Z,(0,a.pi)({},T,{value:Array.isArray(o)?o[0]:o,defaultDate:Array.isArray(s)?s[0]:s,disabled:m,seperator:e.to,placeholder:h||e.week,PanelComponent:c}),void 0)}),void 0)}}),void 0)}},38923:(e,n,t)=>{"use strict";t.d(n,{q:()=>C});var a=t(59312),i=t(24246),l=t(27378),d=t(52074),r=t(42278),o=t(58345),s=t(12691),u=t(1348),c=t(90278),v=t(3685),p=t(65410),m=t(11128),f=v.H.year,b=s.Z.Provider,h={format:m.mn},C=function(e){var n=(0,l.useContext)(u.d),t=(0,a.pi)((0,a.pi)((0,a.pi)({},m.sn),h),e),s=t.format,v=t.placeholder,C=t.valueType,x=t.disabled,Z=void 0===x?n.value:x,T=(0,l.useCallback)((function(e){return(0,p.RZ)(e,s)}),[s]),k=(0,l.useCallback)((function(e){return e}),[]),g=(0,l.useCallback)((function(e){return(0,c.pB)(e,C,s)}),[C,s]);return(0,i.jsx)(d.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(b,(0,a.pi)({value:{i18n:e,generateDate:f,getCallbackValue:g,getSelectedValue:k,getInputText:T}},{children:(0,i.jsx)(r.Z,(0,a.pi)({},t,{disabled:Z,placeholder:v||e.year,PanelComponent:o.Z}),void 0)}),void 0)}}),void 0)}},39643:(e,n,t)=>{"use strict";t.d(n,{jA:()=>v});var a=t(77888),i=t(19570),l=t(98552),d=t(58181),r=t(55631),o=t(80280),s=function(e){return Array.from({length:e},(function(e,n){return n}))},u=function(e,n){return Array.from({length:n-e},(function(e,t){return n-t}))},c=function(e){var n=e[0],t=e[1];return function(e){return!!n&&(0,i.Z)((0,l.Z)(e),n)||!!t&&(0,d.Z)((0,r.Z)(e),t)}},v=function(e){var n=e[0],t=e[1];return{disabledDate:c(e),disabledTime:function(e,i){return i===o.k.START?function(e,n){var t=n.getHours(),i=n.getMinutes(),l=n.getSeconds();return(0,a.Z)(e,n)?{disabledHours:function(){return s(t)},disabledMinutes:function(e){return e===t?s(i):[]},disabledSeconds:function(e,n){return e===t&&n===i?s(l):[]}}:{}}(e,n):function(e,n){var t=n.getHours(),i=n.getMinutes(),l=n.getSeconds();return(0,a.Z)(e,n)?{disabledHours:function(){return u(t,23)},disabledMinutes:function(e){return e===t?u(i,59):[]},disabledSeconds:function(e,n){return e===t&&n===i?u(l,59):[]}}:{}}(e,t)}}}},80081:(e,n,t)=>{"use strict";t.d(n,{Z:()=>r});var a=t(27378),i=t(98552),l=t(19570),d=t(58181);function r(e,n,t,r){void 0===r&&(r=0);var o=(0,a.useRef)(n);return o.current=n,(0,a.useCallback)((function(n){return function(a){var s,u=(0,i.Z)(a),c=t.offsetDate,v=t.isSame,p=e[0],m=e[1];return!!(null===(s=o.current)||void 0===s?void 0:s.call(o,u,n))||!(!p||m)&&(!v(u,p)&&(0,l.Z)(u,p)||!!r&&(0,d.Z)(u,c(p,r-1)))}}),[o,r,t,e])}},80256:(e,n,t)=>{"use strict";t.d(n,{Z:()=>i});var a=t(27378);function i(e,n){var t=(0,a.useState)(null),i=t[0],l=t[1];return(0,a.useEffect)((function(){var t=e[0],a=e[1];l(t&&!a&&n?[t,n]:null)}),[e,n]),i}},63923:(e,n,t)=>{"use strict";t.d(n,{Z:()=>D});var a=t(59312),i=t(24246),l=t(27378),d=t(60042),r=t.n(d),o=t(55631),s=t(90072),u=t(98552),c=t(84614),v=t(71990),p=t(77888),m=t(7178),f=t(90347),b=t(85883),h=t(12691),C=t(58302),x=t(96084),Z=t(11128),T="zent-datepicker-combined-panel-footer",k=function(e){var n,t,d=e.selected,o=e.disabledStartTimes,u=e.disabledConfirm,c=e.disabledEndTimes,v=e.onSelected,k=e.format,g=e.hideConfirm,j=void 0!==g&&g,D=(0,l.useContext)(h.Z),P=D.i18n,S=D.autoComplete,N=d[0],z=d[1],y=(0,x.Z)({selected:(0,C.p6)(k,N),disabledTimeOption:N&&(null==o?void 0:o(N))||{},format:k}),w=(0,x.Z)({selected:(0,C.p6)(k,z),disabledTimeOption:z&&(null==c?void 0:c(z))||{},format:k}),M=(0,l.useMemo)((function(){return u||w||y}),[u,w,y]),O=(0,l.useCallback)((function(e){var n=d[0]&&(0,s.Z)(e,k,d[0]);v([n,d[1]])}),[d,k,v]),V=(0,l.useCallback)((function(e){var n=d[1]&&(0,s.Z)(e,k,d[1]);v([d[0],n])}),[d,k,v]),E=(0,l.useCallback)((function(){v(d,!0)}),[d,v]),R=(0,l.useMemo)((function(){return(0,i.jsx)(f.ZP,(0,a.pi)({type:"primary",onClick:E,disabled:M,className:T+"-confirm"},{children:P.confirm}),void 0)}),[P,M,E]),A=(0,l.useMemo)((function(){return j?null:M?(0,i.jsx)(b.Z,(0,a.pi)({content:N&&z&&(0,p.Z)(N,z)?P.timeErrorPop:P.dateErrorPop,trigger:"hover"},{children:R}),void 0):R}),[R,M,z,j,P.dateErrorPop,P.timeErrorPop,N]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",(0,a.pi)({className:r()(T+"-item",(n={},n[T+"-null"]=!N,n)),"data-zv":"10.0.9"},{children:N?(0,C.p6)(Z.zT,N):P.start}),void 0),(0,i.jsx)(m.Z,{width:94,className:T+"-item",disabled:!N,value:(0,C.p6)(k,N),hiddenIcon:!0,format:k,onChange:O,selectedDate:N,disabledTime:o,autoComplete:S},void 0),(0,i.jsx)("div",(0,a.pi)({className:T+"-seperator","data-zv":"10.0.9"},{children:P.to}),void 0),(0,i.jsx)("div",(0,a.pi)({className:r()(T+"-item",(t={},t[T+"-null"]=!z,t)),"data-zv":"10.0.9"},{children:z?(0,C.p6)(Z.zT,z):P.end}),void 0),(0,i.jsx)(m.Z,{width:94,disabled:!z,className:T+"-item",value:(0,C.p6)(k,z),hiddenIcon:!0,format:k,onChange:V,selectedDate:z,disabledTime:c,autoComplete:S},void 0),A]},void 0)},g=t(45902),j=t(41507),D=function(e){var n=e.onSelected,t=e.selected,d=e.disabledStartDate,p=e.disabledEndDate,m=e.defaultPanelDate,f=e.showTime,b=e.disabledTime,h=e.rightClassName,C=e.leftClassName,x=e.footerClassName,Z=e.hideConfirm,T=void 0!==Z&&Z,D=(0,a._T)(e,["onSelected","selected","disabledStartDate","disabledEndDate","defaultPanelDate","showTime","disabledTime","rightClassName","leftClassName","footerClassName","hideConfirm"]),P=t[0],S=t[1],N=(0,g.P)(f),z=N[0],y=N[1],w=(0,l.useState)(m[0]),M=w[0],O=w[1];(0,l.useEffect)((function(){return O(m[0])}),[]);var V=(0,j.Z)({selected:t,disabledTime:b}),E=V.disabledStartTimes,R=V.disabledConfirm,A=V.disabledEndTimes,H=(0,l.useCallback)((function(e){var t,a,i=z||{},l=i.defaultTime,d=i.format,r=y||{},c=r.defaultTime,v=r.format;P&&!S?(t=[z?P:(0,o.Z)(P),y?(0,s.Z)((a=e,"function"==typeof c?c(a):c),v,e):(0,u.Z)(e)],n(t,!f)):(t=[z?(0,s.Z)(function(e){return"function"==typeof l?l(e):l}(e),d,e):(0,o.Z)(e),null],n(t))}),[P,S,f,z,y,n]),F=(0,l.useCallback)(E,[E]),_=(0,l.useCallback)(A,[A]),I=(0,l.useCallback)((function(e){O(e)}),[]),Y=(0,l.useCallback)((function(e){var n=(0,c.Z)(e,-1);O(n)}),[]),q=(0,l.useMemo)((function(){return z?(0,i.jsx)("div",(0,a.pi)({className:r()("zent-datepicker-combined-panel-footer",x),"data-zv":"10.0.9"},{children:(0,i.jsx)(k,{format:null==z?void 0:z.format,selected:t,onSelected:n,disabledStartTimes:F,disabledConfirm:R,disabledEndTimes:_,hideConfirm:T},void 0)}),void 0):null}),[z,x,t,n,F,R,_,T]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",(0,a.pi)({className:"zent-datepicker-combined-panel-body","data-zv":"10.0.9"},{children:[(0,i.jsx)("div",(0,a.pi)({className:r()("zent-datepicker-combined-panel-body-item",C),"data-zv":"10.0.9"},{children:(0,i.jsx)(v.Z,(0,a.pi)({},D,{combinedLeft:!0,hideFooter:!0,disableRangeOverView:!0,selected:P,disabledTime:E,popText:P&&!S?"请选择结束日期":"",defaultPanelDate:M,onSelected:H,disabledPanelDate:d,onPanelDateChange:I}),void 0)}),void 0),(0,i.jsx)("div",(0,a.pi)({className:r()("zent-datepicker-combined-panel-body-item","zent-datepicker-combined-panel-body-item_left12",h),"data-zv":"10.0.9"},{children:(0,i.jsx)(v.Z,(0,a.pi)({},D,{combinedRight:!0,hideFooter:!0,disableRangeOverView:!0,selected:S||P,disabledTime:A,defaultPanelDate:(0,c.Z)(M,1),onSelected:H,disabledPanelDate:p,onPanelDateChange:Y}),void 0)}),void 0)]}),void 0),q]},void 0)}},85883:(e,n,t)=>{"use strict";var a=t(92497);n.Z=a.Z}}]); \ No newline at end of file diff --git a/1636-e01e5d5d46d81e4e9df6.js b/1636-e01e5d5d46d81e4e9df6.js new file mode 100644 index 000000000..c96924656 --- /dev/null +++ b/1636-e01e5d5d46d81e4e9df6.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1636],{29018:(e,n,t)=>{"use strict";t.d(n,{J:()=>E});var a=t(59312),i=t(24246),l=t(27378),d=t(52074),r=t(60042),o=t.n(r),s=t(87774),u=t(47922),c=t(44639),v=t(12691),p=t(80081),m=t(18270),f=t(80256),b=t(280),h=t(57569),C=t(20985),x=t(77828),Z=t(45300),T=t(11128),k=t(80280),g=k.k.START,j=k.k.END,D=c.Z.Provider,P=function(e){var n=e.value,t=e.onChange,d=e.onOpen,r=e.onClose,c=e.dateSpan,k=e.disabledDate,P=e.disabled,S=(0,a._T)(e,["value","onChange","onOpen","onClose","dateSpan","disabledDate","disabled"]),N=(0,l.useRef)(S);N.current=S;var z=N.current,y=z.defaultDate,w=z.format,M=z.className,O=z.openPanel,V=z.generateDate,E=z.PanelComponent,R=(0,l.useContext)(v.Z).getInputRangeText,A=(0,x.Q)(t),H=(0,m.Z)({value:n,format:w,defaultDate:y,addMonthNum:1}),F=H.selected,_=H.parseValue,I=H.setSelected,Y=H.defaultPanelDate,q=(0,b.Z)(_,I,d,r,P,O),K=q.panelVisible,Q=q.setPanelVisible,B=q.onVisibleChange,W=(0,h.Z)(w,k),X=(0,p.Z)(F,W,V,c),G=(0,l.useState)(),J=G[0],L=G[1],U=(0,f.Z)(F,J),$=(0,l.useMemo)((function(){var e=F[0],n=F[1];return e&&n?[e,n]:null}),[F]),ee=(0,l.useCallback)((function(e,n){var t;if(void 0===n&&(n=!1),I(e),n){var a=N.current,i=a.valueType,l=a.format,d=a.openPanel;null===(t=A.current)||void 0===t||t.call(A,(0,C.F)(i,l,e)),Q(null!=d&&d)}}),[A,N,Q,I]),ne=(0,l.useCallback)((function(e){var n;e.stopPropagation(),null===(n=A.current)||void 0===n||n.call(A,[null,null])}),[A]),te=(0,l.useMemo)((function(){return null==R?void 0:R(F)}),[F,R]),ae=(0,l.useMemo)((function(){var e=(0,Z.Z)(N.current,T.Yj);return(0,i.jsx)("div",(0,a.pi)({"data-zv":"10.0.10"},{children:(0,i.jsx)(s.W,(0,a.pi)({},e,{disabled:P,selected:F,value:n,text:te,panelVisible:K,onClearInput:ne}),void 0)}),void 0)}),[F,te,n,K,N,P,ne]),ie=(0,l.useMemo)((function(){return(0,i.jsx)("div",(0,a.pi)({className:"zent-datepicker-combined-panel","data-zv":"10.0.10"},{children:(0,i.jsx)(E,(0,a.pi)({},N.current,{selected:F,defaultPanelDate:Y,onSelected:ee,disabledStartDate:X(g),disabledEndDate:X(j),hoverDate:J,hoverRangeDate:U,rangeDate:$}),void 0)}),void 0)}),[F,J,$,U,Y,N,X,ee,E]);return(0,i.jsx)("div",(0,a.pi)({className:o()("zent-datepicker",M),"data-zv":"10.0.10"},{children:(0,i.jsx)(D,(0,a.pi)({value:{onHover:L}},{children:(0,i.jsx)(u.Z,{panelVisible:K,onVisibleChange:B,trigger:ae,content:ie},void 0)}),void 0)}),void 0)};P.defaultProps={disabled:!1,canClear:!0};var S=P,N=t(63923),z=t(1348),y=t(3685),w=t(65410),M=y.H.date,O=v.Z.Provider,V={format:T.zT},E=function(e){var n=(0,l.useContext)(z.d),t=(0,a.pi)((0,a.pi)((0,a.pi)({},T.sn),V),e),r=t.placeholder,o=t.format,s=t.width,u=t.showTime,c=t.disabled,v=void 0===c?n.value:c,p=(0,l.useCallback)((function(e){return(0,w.Kv)(e,o)}),[o]);return(0,i.jsx)(d.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(O,(0,a.pi)({value:{i18n:e,autoComplete:!!u,getInputRangeText:p}},{children:(0,i.jsx)(S,(0,a.pi)({},t,{width:null!=s?s:u?T.pX:T.d7,disabled:v,generateDate:M,seperator:e.to,placeholder:r||[e.start,e.end],PanelComponent:N.Z}),void 0)}),void 0)}}),void 0)}},17703:(e,n,t)=>{"use strict";t.d(n,{i:()=>x});var a=t(59312),i=t(24246),l=t(27378),d=t(44639),r=t(80081),o=t(18270),s=t(80256),u=t(57569),c=t(20985),v=t(11128),p=t(63923),m=t(80280),f=t(3685),b=m.k.START,h=m.k.END,C=d.Z.Provider,x=function(e){var n=e.value,t=e.onChange,d=e.disabledDate,v=e.valueType,m=e.defaultDate,x=e.format,Z=e.className,T=e.rightClassName,k=e.leftClassName,g=e.footerClassName,j=e.dateSpan,D=e.hideConfirm,P=e.showTime,S=e.disabledTime,N=(0,o.Z)({value:n,format:x,defaultDate:m,addMonthNum:1}),z=N.selected,y=N.setSelected,w=N.defaultPanelDate,M=(0,u.Z)(x,d),O=(0,r.Z)(z,M,f.H.date,j),V=(0,l.useState)(),E=V[0],R=V[1],A=(0,s.Z)(z,E),H=(0,l.useMemo)((function(){var e=z[0],n=z[1];return e&&n?[e,n]:null}),[z]),F=(0,l.useCallback)((function(e,n){void 0===n&&(n=!1),y(e),(D||n)&&t((0,c.F)(v,x,e))}),[x,D,t,y,v]);return(0,i.jsx)("div",(0,a.pi)({className:Z,"data-zv":"10.0.10"},{children:(0,i.jsx)(C,(0,a.pi)({value:{onHover:R}},{children:(0,i.jsx)(p.Z,{selected:z,defaultPanelDate:w,onSelected:F,disabledStartDate:O(b),disabledEndDate:O(h),hoverDate:E,hoverRangeDate:A,rangeDate:H,rightClassName:T,leftClassName:k,footerClassName:g,showTime:P,hideConfirm:D,disabledTime:S},void 0)}),void 0)}),void 0)};x.defaultProps={format:v.zT,dateSpan:0,hideConfirm:!1,valueType:"string"}},74552:(e,n,t)=>{"use strict";t.d(n,{i:()=>M});var a=t(59312),i=t(24246),l=t(27378),d=t(52074),r=t(60042),o=t.n(r),s=t(47922),u=t(87774),c=t(44639),v=t(32046),p=t(77828),m=t(45300),f=t(41507),b=t(50456),h=t(11128),C=t(280),x="zent-datepicker-combined",Z=c.Z.Provider,T=function(e){var n=e.onChange,t=e.disabledTime,d=e.onOpen,r=e.onClose,c=e.value,T=e.ContentComponent,k=e.defaultTime,g=(e.selectedDate,e.disabled),j=(0,a._T)(e,["onChange","disabledTime","onOpen","onClose","value","ContentComponent","defaultTime","selectedDate","disabled"]),D=(0,l.useRef)(j);D.current=j;var P=D.current,S=P.format,N=P.className,z=P.openPanel,y=(0,p.Q)(n),w=(0,v.Z)(h.Y5,c),M=w.selected,O=w.setSelected,V=(0,l.useState)(!0),E=V[0],R=V[1],A=(0,C.Z)(null!=c?c:h.Y5,O,d,r,g,z),H=A.panelVisible,F=A.setPanelVisible,_=A.onVisibleChange,I=(0,l.useCallback)((function(e,n){var t;void 0===n&&(n=!1),R(!1),O(e),n&&(F(!n),R(!0),null===(t=y.current)||void 0===t||t.call(y,e))}),[y,O,F]),Y=(0,l.useCallback)((function(e){var n;e.stopPropagation(),null===(n=y.current)||void 0===n||n.call(y,h.Y5)}),[y]),q=(0,v.K)(M,S,new Date),K=(0,f.Z)({selected:q,disabledTime:t}),Q=K.disabledStartTimes,B=K.disabledConfirm,W=K.disabledEndTimes,X=(0,l.useMemo)((function(){var e;return null==Q?void 0:Q(null!==(e=q[0])&&void 0!==e?e:(0,b.Z)())}),[Q,q]),G=(0,l.useMemo)((function(){var e;return null==W?void 0:W(null!==(e=q[1])&&void 0!==e?e:(0,b.Z)())}),[W,q]),J=(0,l.useMemo)((function(){var e=(0,m.Z)(D.current,h.Yj);return(0,i.jsx)("div",(0,a.pi)({"data-zv":"10.0.10"},{children:(0,i.jsx)(u.W,(0,a.pi)({},e,{value:c,disabled:g,selected:q,onClearInput:Y,panelVisible:H,text:M,icon:"clock-o"}),void 0)}),void 0)}),[c,M,q,H,D,g,Y]),L=(0,l.useMemo)((function(){var e=(0,m.Z)(D.current,h.n2);return(0,i.jsx)("div",(0,a.pi)({className:o()(x+"-panel",x+"-time-panel"),"data-zv":"10.0.10"},{children:(0,i.jsx)(T,(0,a.pi)({},e,{defaultTime:k,disabledTimeOptionStart:X,disabledTimeOptionEnd:G,selected:M,onSelected:I}),void 0)}),void 0)}),[M,k,D,I,X,G,T]);return(0,i.jsx)("div",(0,a.pi)({className:o()("zent-datepicker",N),"data-zv":"10.0.10"},{children:(0,i.jsx)(Z,(0,a.pi)({value:{visibleChange:E,confirmStatus:B}},{children:(0,i.jsx)(s.Z,{panelVisible:H,onVisibleChange:_,trigger:J,content:L},void 0)}),void 0)}),void 0)};T.defaultProps=h.V2;var k=T,g=t(60419),j=t(71351),D=t(90347),P=t(85883),S=t(12691),N=function(e){var n=e.onSelected,t=e.selected,d=(0,l.useContext)(S.Z).i18n,r=(0,l.useContext)(c.Z).confirmStatus,o=(0,l.useCallback)((function(){return n(t,!0)}),[t,n]),s=(0,l.useMemo)((function(){var e=(0,i.jsx)(D.ZP,(0,a.pi)({type:"primary",onClick:o,disabled:r,className:"zent-datepicker-panel-footer-btn"},{children:d.confirm}),void 0);return r?(0,i.jsx)(P.Z,(0,a.pi)({content:d.timeErrorPop,trigger:"hover"},{children:e}),void 0):e}),[d,r,o]);return(0,i.jsx)(j.Z,{rightNode:s},void 0)},z=function(e){var n=e.onSelected,t=e.selected,d=e.disabledTimeOptionStart,r=e.disabledTimeOptionEnd,o=e.defaultTime,s=(0,a._T)(e,["onSelected","selected","disabledTimeOptionStart","disabledTimeOptionEnd","defaultTime"]),u=t[0],c=t[1],v=(0,l.useCallback)((function(e){return function(a){n(e?[t[0],a]:[a,t[1]])}}),[t,n]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",(0,a.pi)({className:"zent-datepicker-combined-panel-body","data-zv":"10.0.10"},{children:[(0,i.jsx)("div",(0,a.pi)({className:"zent-datepicker-combined-panel-body-item","data-zv":"10.0.10"},{children:(0,i.jsx)(g.Z,(0,a.pi)({},s,{hideFooter:!0,selected:u,defaultTime:null==o?void 0:o[0],disabledTimeOption:d,onSelected:v(0)}),void 0)}),void 0),(0,i.jsx)("div",{className:"zent-datepicker-combined-panel-body-seperator","data-zv":"10.0.10"},void 0),(0,i.jsx)("div",(0,a.pi)({className:"zent-datepicker-combined-panel-body-item","data-zv":"10.0.10"},{children:(0,i.jsx)(g.Z,(0,a.pi)({},s,{hideFooter:!0,selected:c,defaultTime:null==o?void 0:o[1],disabledTimeOption:r,onSelected:v(1)}),void 0)}),void 0)]}),void 0),(0,i.jsx)(N,{selected:t,onSelected:n},void 0)]},void 0)},y=t(1348),w=S.Z.Provider,M=function(e){var n=(0,l.useContext)(y.d),t=(0,a.pi)((0,a.pi)({},h.V2),e),r=t.placeholder,o=t.width,s=t.disabled,u=void 0===s?n.value:s;return(0,i.jsx)(d.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(w,(0,a.pi)({value:{i18n:e}},{children:(0,i.jsx)(k,(0,a.pi)({},t,{seperator:e.to,placeholder:r||[e.startTime,e.endTime],disabled:u,width:null!=o?o:h.d7,ContentComponent:z}),void 0)}),void 0)}}),void 0)}},40167:(e,n,t)=>{"use strict";t.d(n,{l:()=>C});var a=t(59312),i=t(24246),l=t(27378),d=t(52074),r=t(42278),o=t(21977),s=t(1348),u=t(12691),c=t(90278),v=t(3685),p=t(65410),m=t(11128),f=v.H.month,b=u.Z.Provider,h={format:m.zS},C=function(e){var n=(0,l.useContext)(s.d),t=(0,a.pi)((0,a.pi)((0,a.pi)({},m.sn),h),e),u=t.format,v=t.valueType,C=t.placeholder,x=t.disabled,Z=void 0===x?n.value:x,T=(0,l.useCallback)((function(e){return(0,p.RZ)(e,u)}),[u]),k=(0,l.useCallback)((function(e){return e}),[]),g=(0,l.useCallback)((function(e){return(0,c.pB)(e,v,u)}),[v,u]);return(0,i.jsx)(d.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(b,(0,a.pi)({value:{i18n:e,generateDate:f,getCallbackValue:g,getSelectedValue:k,getInputText:T}},{children:(0,i.jsx)(r.Z,(0,a.pi)({},t,{disabled:Z,placeholder:C||e.month,PanelComponent:o.Z}),void 0)}),void 0)}}),void 0)}},33749:(e,n,t)=>{"use strict";t.d(n,{n:()=>N});var a=t(59312),i=t(24246),l=t(27378),d=t(52074),r=t(42278),o=t(46013),s=t(96608),u=t(65892),c=t(44639),v=t(12691),p=t(5034),m=t(84990),f=t(3685),b=t(60613),h=function(e){var n=e.defaultPanelDate,t=e.onSelected,d=e.selected,r=e.disabledPanelDate,o=e.row,s=void 0===o?2:o,u=e.col,h=void 0===u?2:u,C=(0,l.useContext)(v.Z).i18n,x=(0,l.useContext)(c.Z).onHover,Z=(0,l.useMemo)((function(){return(0,m.Z)({selected:d,disabledPanelDate:r,defaultPanelDate:(0,b.Z)(n,1),texts:C.panel.quarterNames,row:s,col:h,dateConfig:f.H.quarter})}),[d,s,h,n,C,r]);return(0,i.jsx)("div",(0,a.pi)({className:"zent-datepicker-quarter-panel-body","data-zv":"10.0.10"},{children:(0,i.jsx)(p.Z,{col:h,cells:Z,onSelected:t,onHover:x},void 0)}),void 0)},C=t(58345),x=t(26610),Z=function(e){var n=e.defaultPanelDate,t=(e.onChangePanel,(0,a._T)(e,["defaultPanelDate","onChangePanel"])),d=(0,l.useContext)(v.Z).i18n,r=(0,x.Z)(n),c=r.panelDate,p=r.setPanelDate,m=(0,l.useState)(!1),f=m[0],b=m[1],Z=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u.Z,{titleNode:(0,i.jsx)(u.D,{text:c.getFullYear(),unit:d.panel.year,onClick:function(){return b(!0)}},void 0),onPrev:function(){return p((0,o.Z)(c,-1))},onNext:function(){return p((0,o.Z)(c,1))}},void 0),(0,i.jsx)(h,(0,a.pi)({},t,{defaultPanelDate:c}),void 0)]},void 0),T=(0,l.useCallback)((function(e){p((0,s.Z)(c,e.getFullYear())),b(!1)}),[c,p]),k=(0,i.jsx)(C.Z,(0,a.pi)({},e,{onSelected:T,defaultPanelDate:c}),void 0);return(0,i.jsx)(i.Fragment,{children:f?k:Z},void 0)},T=t(1348),k=t(90278),g=t(65410),j=t(11128),D=f.H.quarter,P=v.Z.Provider,S={format:j.zS},N=function(e){var n=(0,l.useContext)(T.d),t=(0,a.pi)((0,a.pi)((0,a.pi)({},j.sn),S),e),o=t.value,s=t.defaultDate,u=t.disabled,c=void 0===u?n.value:u,v=t.placeholder,p=(0,a._T)(t,["value","defaultDate","disabled","placeholder"]),m=p.format,f=p.valueType,b=(0,l.useCallback)((function(e){return function(n){return(0,g.kA)(n,e)}}),[]),h=(0,l.useCallback)((function(e){return e}),[]),C=(0,l.useCallback)((function(e){return(0,k.Mp)(e,f,m,D)}),[f,m]);return(0,i.jsx)(d.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(P,(0,a.pi)({value:{i18n:e,generateDate:D,getCallbackValue:C,getSelectedValue:h,getInputText:b(e)}},{children:(0,i.jsx)(r.Z,(0,a.pi)({},p,{value:Array.isArray(o)?o[0]:o,defaultDate:Array.isArray(s)?s[0]:s,disabled:c,placeholder:v||e.quarter,PanelComponent:Z}),void 0)}),void 0)}}),void 0)}},91419:(e,n,t)=>{"use strict";t.d(n,{X:()=>j});var a=t(59312),i=t(24246),l=t(27378),d=t(52074),r=t(60042),o=t.n(r),s=t(50456),u=t(44639),c=t(77828),v=t(41507),p=t(32046),m=t(80280),f=t(11128),b=m.k.START,h=m.k.END,C=u.Z.Provider,x=function(e){var n=e.value,t=e.onChange,d=e.disabledTime,r=e.onClose,u=e.onOpen,m=e.defaultTime,x=e.placeholder,Z=e.PickerComponent,T=e.className,k=e.seperator,g=e.name,j=(0,a._T)(e,["value","onChange","disabledTime","onClose","onOpen","defaultTime","placeholder","PickerComponent","className","seperator","name"]),D=(0,l.useRef)(j);D.current=j;var P=D.current.format,S=(0,c.Q)(t),N=(0,p.Z)(f.Y5,n),z=N.selected,y=N.setSelected,w=z[0],M=z[1],O=(0,l.useCallback)((function(e){return function(n){var t,a=e===b?[n,M]:[w,n];y(a),null===(t=S.current)||void 0===t||t.call(S,a)}}),[w,M,S,y]),V=(0,p.K)(z,P,new Date),E=(0,v.Z)({selected:V,disabledTime:d}),R=E.disabledStartTimes,A=E.disabledConfirm,H=E.disabledEndTimes,F=(0,l.useCallback)((function(){var e;return null==R?void 0:R(null!==(e=V[0])&&void 0!==e?e:(0,s.Z)())}),[R,V]),_=(0,l.useCallback)((function(){var e;return null==H?void 0:H(null!==(e=V[1])&&void 0!==e?e:(0,s.Z)())}),[H,V]);return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("div",(0,a.pi)({className:o()("zent-datepicker",T),"data-zv":"10.0.10"},{children:(0,i.jsxs)(C,(0,a.pi)({value:{confirmStatus:A}},{children:[(0,i.jsx)(Z,(0,a.pi)({},D.current,{value:w,onChange:O(b),defaultTime:null==m?void 0:m[0],disabledTime:F,onOpen:function(){return null==u?void 0:u(b)},onClose:function(){return null==r?void 0:r(b)},name:null==g?void 0:g[0],placeholder:x[0]}),void 0),(0,i.jsx)("span",(0,a.pi)({className:"zent-datepicker-seperator","data-zv":"10.0.10"},{children:k}),void 0),(0,i.jsx)(Z,(0,a.pi)({},D.current,{value:M,onChange:O(h),defaultTime:null==m?void 0:m[1],disabledTime:_,onOpen:function(){return null==u?void 0:u(h)},onClose:function(){return null==r?void 0:r(h)},name:null==g?void 0:g[1],placeholder:x[1]}),void 0)]}),void 0)}),void 0)},void 0)},Z=t(1348),T=t(12691),k=t(7178),g=T.Z.Provider,j=function(e){var n=(0,l.useContext)(Z.d),t=(0,a.pi)((0,a.pi)({},f.V2),e),r=t.format,o=t.placeholder,s=t.width,u=t.disabled,c=void 0===u?n.value:u;return(0,i.jsx)(d.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(g,(0,a.pi)({value:{i18n:e}},{children:(0,i.jsx)(x,(0,a.pi)({},t,{format:r,placeholder:o||[e.startTime,e.endTime],disabled:c,seperator:e.to,width:null!=s?s:f.on,PickerComponent:k.Z}),void 0)}),void 0)}}),void 0)}},72455:(e,n,t)=>{"use strict";t.d(n,{fl:()=>T});var a=t(59312),i=t(24246),l=t(27378),d=t(52074),r=t(42278),o=t(71990);function s(e,n,t){var a=(0,l.useState)(),i=a[0],d=a[1];return(0,l.useEffect)((function(){var a=e||{},i=a.startDate,l=a.endDate,r=n?[null==i?void 0:i(n,t),null==l?void 0:l(n,t)]:null;d(r)}),[n,e,t]),i}var u=t(12691),c=function(e){var n=e.selected,t=e.hoverDate,d=e.weekStartsOn,r=(0,a._T)(e,["selected","hoverDate","weekStartsOn"]),c=(0,l.useContext)(u.Z),v=c.generateDate,p=c.i18n,m=(0,l.useMemo)((function(){return{weekStartsOn:d}}),[d]),f=s(v,t,m),b=s(v,n,m);return(0,i.jsx)(o.Z,(0,a.pi)({},r,{footerText:p.current.week,selected:n,rangeDate:b,hoverRangeDate:f}),void 0)},v=t(1348),p=t(90278),m=t(3685),f=t(65410),b=t(11128),h=t(80280),C=m.H.week,x=u.Z.Provider,Z={format:b.zT,weekStartsOn:h.C.Monday},T=function(e){var n=(0,l.useContext)(v.d),t=(0,a.pi)((0,a.pi)((0,a.pi)({},b.sn),Z),e),o=t.value,s=t.defaultDate,u=t.disabled,m=void 0===u?n.value:u,h=t.placeholder,T=(0,a._T)(t,["value","defaultDate","disabled","placeholder"]),k=T.weekStartsOn,g=T.format,j=T.valueType,D=(0,l.useMemo)((function(){return{weekStartsOn:k}}),[k]),P=(0,l.useCallback)((function(e){return(0,f.zG)(e,g,D)}),[g,D]),S=(0,l.useCallback)((function(e){return(0,p.Mq)(e,C,D)}),[D]),N=(0,l.useCallback)((function(e){return(0,p.Mp)(e,j,g,C,D)}),[j,g,D]);return(0,i.jsx)(d.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(x,(0,a.pi)({value:{i18n:e,generateDate:C,getCallbackValue:N,getSelectedValue:S,getInputText:P}},{children:(0,i.jsx)(r.Z,(0,a.pi)({},T,{value:Array.isArray(o)?o[0]:o,defaultDate:Array.isArray(s)?s[0]:s,disabled:m,seperator:e.to,placeholder:h||e.week,PanelComponent:c}),void 0)}),void 0)}}),void 0)}},38923:(e,n,t)=>{"use strict";t.d(n,{q:()=>C});var a=t(59312),i=t(24246),l=t(27378),d=t(52074),r=t(42278),o=t(58345),s=t(12691),u=t(1348),c=t(90278),v=t(3685),p=t(65410),m=t(11128),f=v.H.year,b=s.Z.Provider,h={format:m.mn},C=function(e){var n=(0,l.useContext)(u.d),t=(0,a.pi)((0,a.pi)((0,a.pi)({},m.sn),h),e),s=t.format,v=t.placeholder,C=t.valueType,x=t.disabled,Z=void 0===x?n.value:x,T=(0,l.useCallback)((function(e){return(0,p.RZ)(e,s)}),[s]),k=(0,l.useCallback)((function(e){return e}),[]),g=(0,l.useCallback)((function(e){return(0,c.pB)(e,C,s)}),[C,s]);return(0,i.jsx)(d.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(b,(0,a.pi)({value:{i18n:e,generateDate:f,getCallbackValue:g,getSelectedValue:k,getInputText:T}},{children:(0,i.jsx)(r.Z,(0,a.pi)({},t,{disabled:Z,placeholder:v||e.year,PanelComponent:o.Z}),void 0)}),void 0)}}),void 0)}},39643:(e,n,t)=>{"use strict";t.d(n,{jA:()=>v});var a=t(77888),i=t(19570),l=t(98552),d=t(58181),r=t(55631),o=t(80280),s=function(e){return Array.from({length:e},(function(e,n){return n}))},u=function(e,n){return Array.from({length:n-e},(function(e,t){return n-t}))},c=function(e){var n=e[0],t=e[1];return function(e){return!!n&&(0,i.Z)((0,l.Z)(e),n)||!!t&&(0,d.Z)((0,r.Z)(e),t)}},v=function(e){var n=e[0],t=e[1];return{disabledDate:c(e),disabledTime:function(e,i){return i===o.k.START?function(e,n){var t=n.getHours(),i=n.getMinutes(),l=n.getSeconds();return(0,a.Z)(e,n)?{disabledHours:function(){return s(t)},disabledMinutes:function(e){return e===t?s(i):[]},disabledSeconds:function(e,n){return e===t&&n===i?s(l):[]}}:{}}(e,n):function(e,n){var t=n.getHours(),i=n.getMinutes(),l=n.getSeconds();return(0,a.Z)(e,n)?{disabledHours:function(){return u(t,23)},disabledMinutes:function(e){return e===t?u(i,59):[]},disabledSeconds:function(e,n){return e===t&&n===i?u(l,59):[]}}:{}}(e,t)}}}},80081:(e,n,t)=>{"use strict";t.d(n,{Z:()=>r});var a=t(27378),i=t(98552),l=t(19570),d=t(58181);function r(e,n,t,r){void 0===r&&(r=0);var o=(0,a.useRef)(n);return o.current=n,(0,a.useCallback)((function(n){return function(a){var s,u=(0,i.Z)(a),c=t.offsetDate,v=t.isSame,p=e[0],m=e[1];return!!(null===(s=o.current)||void 0===s?void 0:s.call(o,u,n))||!(!p||m)&&(!v(u,p)&&(0,l.Z)(u,p)||!!r&&(0,d.Z)(u,c(p,r-1)))}}),[o,r,t,e])}},80256:(e,n,t)=>{"use strict";t.d(n,{Z:()=>i});var a=t(27378);function i(e,n){var t=(0,a.useState)(null),i=t[0],l=t[1];return(0,a.useEffect)((function(){var t=e[0],a=e[1];l(t&&!a&&n?[t,n]:null)}),[e,n]),i}},63923:(e,n,t)=>{"use strict";t.d(n,{Z:()=>D});var a=t(59312),i=t(24246),l=t(27378),d=t(60042),r=t.n(d),o=t(55631),s=t(90072),u=t(98552),c=t(84614),v=t(71990),p=t(77888),m=t(7178),f=t(90347),b=t(85883),h=t(12691),C=t(58302),x=t(96084),Z=t(11128),T="zent-datepicker-combined-panel-footer",k=function(e){var n,t,d=e.selected,o=e.disabledStartTimes,u=e.disabledConfirm,c=e.disabledEndTimes,v=e.onSelected,k=e.format,g=e.hideConfirm,j=void 0!==g&&g,D=(0,l.useContext)(h.Z),P=D.i18n,S=D.autoComplete,N=d[0],z=d[1],y=(0,x.Z)({selected:(0,C.p6)(k,N),disabledTimeOption:N&&(null==o?void 0:o(N))||{},format:k}),w=(0,x.Z)({selected:(0,C.p6)(k,z),disabledTimeOption:z&&(null==c?void 0:c(z))||{},format:k}),M=(0,l.useMemo)((function(){return u||w||y}),[u,w,y]),O=(0,l.useCallback)((function(e){var n=d[0]&&(0,s.Z)(e,k,d[0]);v([n,d[1]])}),[d,k,v]),V=(0,l.useCallback)((function(e){var n=d[1]&&(0,s.Z)(e,k,d[1]);v([d[0],n])}),[d,k,v]),E=(0,l.useCallback)((function(){v(d,!0)}),[d,v]),R=(0,l.useMemo)((function(){return(0,i.jsx)(f.ZP,(0,a.pi)({type:"primary",onClick:E,disabled:M,className:T+"-confirm"},{children:P.confirm}),void 0)}),[P,M,E]),A=(0,l.useMemo)((function(){return j?null:M?(0,i.jsx)(b.Z,(0,a.pi)({content:N&&z&&(0,p.Z)(N,z)?P.timeErrorPop:P.dateErrorPop,trigger:"hover"},{children:R}),void 0):R}),[R,M,z,j,P.dateErrorPop,P.timeErrorPop,N]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",(0,a.pi)({className:r()(T+"-item",(n={},n[T+"-null"]=!N,n)),"data-zv":"10.0.10"},{children:N?(0,C.p6)(Z.zT,N):P.start}),void 0),(0,i.jsx)(m.Z,{width:94,className:T+"-item",disabled:!N,value:(0,C.p6)(k,N),hiddenIcon:!0,format:k,onChange:O,selectedDate:N,disabledTime:o,autoComplete:S},void 0),(0,i.jsx)("div",(0,a.pi)({className:T+"-seperator","data-zv":"10.0.10"},{children:P.to}),void 0),(0,i.jsx)("div",(0,a.pi)({className:r()(T+"-item",(t={},t[T+"-null"]=!z,t)),"data-zv":"10.0.10"},{children:z?(0,C.p6)(Z.zT,z):P.end}),void 0),(0,i.jsx)(m.Z,{width:94,disabled:!z,className:T+"-item",value:(0,C.p6)(k,z),hiddenIcon:!0,format:k,onChange:V,selectedDate:z,disabledTime:c,autoComplete:S},void 0),A]},void 0)},g=t(45902),j=t(41507),D=function(e){var n=e.onSelected,t=e.selected,d=e.disabledStartDate,p=e.disabledEndDate,m=e.defaultPanelDate,f=e.showTime,b=e.disabledTime,h=e.rightClassName,C=e.leftClassName,x=e.footerClassName,Z=e.hideConfirm,T=void 0!==Z&&Z,D=(0,a._T)(e,["onSelected","selected","disabledStartDate","disabledEndDate","defaultPanelDate","showTime","disabledTime","rightClassName","leftClassName","footerClassName","hideConfirm"]),P=t[0],S=t[1],N=(0,g.P)(f),z=N[0],y=N[1],w=(0,l.useState)(m[0]),M=w[0],O=w[1];(0,l.useEffect)((function(){return O(m[0])}),[]);var V=(0,j.Z)({selected:t,disabledTime:b}),E=V.disabledStartTimes,R=V.disabledConfirm,A=V.disabledEndTimes,H=(0,l.useCallback)((function(e){var t,a,i=z||{},l=i.defaultTime,d=i.format,r=y||{},c=r.defaultTime,v=r.format;P&&!S?(t=[z?P:(0,o.Z)(P),y?(0,s.Z)((a=e,"function"==typeof c?c(a):c),v,e):(0,u.Z)(e)],n(t,!f)):(t=[z?(0,s.Z)(function(e){return"function"==typeof l?l(e):l}(e),d,e):(0,o.Z)(e),null],n(t))}),[P,S,f,z,y,n]),F=(0,l.useCallback)(E,[E]),_=(0,l.useCallback)(A,[A]),I=(0,l.useCallback)((function(e){O(e)}),[]),Y=(0,l.useCallback)((function(e){var n=(0,c.Z)(e,-1);O(n)}),[]),q=(0,l.useMemo)((function(){return z?(0,i.jsx)("div",(0,a.pi)({className:r()("zent-datepicker-combined-panel-footer",x),"data-zv":"10.0.10"},{children:(0,i.jsx)(k,{format:null==z?void 0:z.format,selected:t,onSelected:n,disabledStartTimes:F,disabledConfirm:R,disabledEndTimes:_,hideConfirm:T},void 0)}),void 0):null}),[z,x,t,n,F,R,_,T]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",(0,a.pi)({className:"zent-datepicker-combined-panel-body","data-zv":"10.0.10"},{children:[(0,i.jsx)("div",(0,a.pi)({className:r()("zent-datepicker-combined-panel-body-item",C),"data-zv":"10.0.10"},{children:(0,i.jsx)(v.Z,(0,a.pi)({},D,{combinedLeft:!0,hideFooter:!0,disableRangeOverView:!0,selected:P,disabledTime:E,popText:P&&!S?"请选择结束日期":"",defaultPanelDate:M,onSelected:H,disabledPanelDate:d,onPanelDateChange:I}),void 0)}),void 0),(0,i.jsx)("div",(0,a.pi)({className:r()("zent-datepicker-combined-panel-body-item","zent-datepicker-combined-panel-body-item_left12",h),"data-zv":"10.0.10"},{children:(0,i.jsx)(v.Z,(0,a.pi)({},D,{combinedRight:!0,hideFooter:!0,disableRangeOverView:!0,selected:S||P,disabledTime:A,defaultPanelDate:(0,c.Z)(M,1),onSelected:H,disabledPanelDate:p,onPanelDateChange:Y}),void 0)}),void 0)]}),void 0),q]},void 0)}},85883:(e,n,t)=>{"use strict";var a=t(92497);n.Z=a.Z}}]); \ No newline at end of file diff --git a/1663-48f4fbc081856a99c0e6.js b/1663-48f4fbc081856a99c0e6.js deleted file mode 100644 index b729b1346..000000000 --- a/1663-48f4fbc081856a99c0e6.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1663],{90218:(e,n,t)=>{"use strict";t.d(n,{v:()=>f,Z:()=>b});var i=t(59312),o=t(24246),s=t(60042),r=t.n(s),l=t(27378),d=t(17949),a=t(42690),u=t(53090),p=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(n,e),n.prototype.renderCommonMenuItem=function(e,n,t,o){var s=(0,i.pi)({specKey:(0,u.o)(e,n,t),onClick:this.handleClick},o);return(0,l.cloneElement)(e,s)},n}(l.PureComponent),c=t(80736),h=t(27036),v=t(79737),m=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.handleClick=function(e,t){(0,n.props.onClick)(e,t)},n.onSubMenuClick=function(){n.props.onSubMenuClick&&n.props.onSubMenuClick(n.props.specKey)},n.renderSubMenuItems=function(e,t){if(!e)return null;var i=n.props.specKey;return n.renderCommonMenuItem(e,t,i)},n}return(0,i.ZT)(n,e),n.prototype.render=function(){var e=this.props,n=e.children,t=e.visible,s=e.overlayCx;return t?(0,o.jsx)("ul",(0,i.pi)({className:r()("zent-menu","zent-submenu-content",s),onClick:this.onSubMenuClick,"data-zv":"10.0.9"},{children:l.Children.map(n,this.renderSubMenuItems)}),void 0):null},n}(p),y=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.state={subMenuVisible:!1},n.getEventHanders=function(e,t){var i={};return e||t||(i={onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave}),i},n.handleClick=function(e,t){var i=n.props,o=i.onClick;!i.isInline&&n.setState({subMenuVisible:!1}),o(e,t)},n.titleClickHandler=function(e){var t,i,o=n.props,s=o.isInline,r=o.specKey,l=o.toggleExpand;null===(i=(t=n.props).onSubMenuClick)||void 0===i||i.call(t,r),s&&l(r),e.stopPropagation()},n.onMouseEnter=function(){n.leaveTimer&&clearTimeout(n.leaveTimer),n.enterTimer=setTimeout((function(){n.setState({subMenuVisible:!0})}),200)},n.onMouseLeave=function(){n.enterTimer&&clearTimeout(n.enterTimer),n.leaveTimer=setTimeout((function(){n.setState({subMenuVisible:!1})}),200)},n.renderInlineChild=function(e,t){var i=n.props,o=i.depth,s=i.isInline,r=i.inlineIndent,l=i.selectedKey,d=i.expandKeys,a=i.handleSelect,u=i.toggleExpand,p=i.specKey;return n.renderCommonMenuItem(e,t,p,{depth:o+1,isInline:s,inlineIndent:r,selectedKey:l,expandKeys:d,handleSelect:a,toggleExpand:u,onSubMenuClick:n.props.onSubMenuClick})},n}return(0,i.ZT)(n,e),n.prototype.renderContent=function(){var e=this.props,n=e.children,t=e.specKey,s=e.overlayClassName,r=e.isInline,d=e.expandKeys,a=d&&-1!==d.indexOf(t);return r?(0,o.jsx)(v.H,(0,i.pi)({duration:200,height:a?"auto":0},{children:(0,o.jsx)("ul",(0,i.pi)({className:"zent-menu__inner","data-zv":"10.0.9"},{children:l.Children.map(n,this.renderInlineChild)}),void 0)}),void 0):(0,o.jsx)(m,(0,i.pi)({visible:this.state.subMenuVisible,onClick:this.handleClick,specKey:t,overlayCx:s,onSubMenuClick:this.props.onSubMenuClick},{children:n}),void 0)},n.prototype.render=function(){var e=this.props,n=e.className,t=e.disabled,s=e.title,l=e.isInline,d=e.depth,a=e.inlineIndent,p=e.expandKeys,c=e.specKey,v=p&&-1!==p.indexOf(c),m=this.getEventHanders(t,l),y=(0,u.g)({isInline:l,depth:d,inlineIndent:a}),f=r()(n,{"zent-menu-item":!l,"zent-menu-item-disabled":t,"zent-submenu":!l,"zent-menu__inline-submenu":l,"zent-menu__inline-item-disabled":t&&l});return(0,o.jsxs)("li",(0,i.pi)({className:f},m,{"data-zv":"10.0.9"},{children:[(0,o.jsxs)("div",(0,i.pi)({className:r()({"zent-submenu-title":!l,"zent-menu__inline-submenu-title":l,"zent-submenu-disabled":t}),style:y,onClick:this.titleClickHandler,"data-zv":"10.0.9"},{children:[s,!t&&(0,o.jsx)(h.Z,{className:r()("zent-submenu-title-operate-icon",{"zent-menu__inline-submenu-icon--expand":l&&v}),type:"right"},void 0)]}),void 0),!t&&this.renderContent()]}),void 0)},n.defaultProps={className:""},n}(p),f=function(e){function n(n){var t,o,s,r=e.call(this,n)||this;return r.toggleExpand=function(e){var n,t,o=r.state.expandedKeys,s=-1!==o.indexOf(e)?o.filter((function(n){return n!==e})):(0,i.ev)([e],o);r.setState({expandedKeys:s}),null===(t=(n=r.props).onExpandChange)||void 0===t||t.call(n,s)},r.handleSelect=function(e){var n,t;r.setState({selectedKey:e}),null===(t=(n=r.props).onSelectChange)||void 0===t||t.call(n,e)},r.handleClick=function(e,n){var t=r.props.onClick;t&&t(e,n)},r.renderMenuItem=function(e,n){return e?r.renderCommonMenuItem(e,n,void 0,{depth:1,isInline:"inline"===r.props.mode,inlineIndent:r.props.inlineIndent,selectedKey:r.state.selectedKey,expandKeys:r.state.expandedKeys,handleSelect:r.handleSelect,toggleExpand:r.toggleExpand,onSubMenuClick:r.props.onSubMenuClick}):null},"inline"===n.mode?r.state={selectedKey:null!==(t=n.selectedKey)&&void 0!==t?t:n.defaultSelectedKey,expandedKeys:null!==(s=null!==(o=n.expandedKeys)&&void 0!==o?o:n.defaultExpandedKeys)&&void 0!==s?s:n.defaultExpandKeys,prevExpandedKeysProp:n.expandedKeys,prevSelectedKeyProp:n.selectedKey}:r.state={},r}return(0,i.ZT)(n,e),n.getDerivedStateFromProps=function(e,n){if("inline"!==e.mode)return null;var t={prevSelectedKeyProp:e.selectedKey,prevExpandedKeysProp:e.expandedKeys};return e.selectedKey!==n.prevSelectedKeyProp&&e.selectedKey!==n.selectedKey&&(t.selectedKey=e.selectedKey),(0,d.Z)(e.expandedKeys,n.prevExpandedKeysProp)||(0,d.Z)(e.expandedKeys,n.expandedKeys)||(t.expandedKeys=e.expandedKeys),t},n.prototype.render=function(){var e=this.props,n=e.children,t=e.className,s=e.style,d="inline"===e.mode,a=r()("zent-menu",t,{"zent-menu__inline":d});return(0,o.jsx)("ul",(0,i.pi)({className:a,style:s,"data-zv":"10.0.9"},{children:l.Children.map(n,this.renderMenuItem)}),void 0)},n.MenuItem=c.Z,n.SubMenu=y,n.defaultProps={onClick:a.Z,mode:"pop",inlineIndent:24,defaultExpandKeys:[],onSubMenuClick:a.Z},n}(p),b=f},80736:(e,n,t)=>{"use strict";t.d(n,{s:()=>a});var i=t(59312),o=t(24246),s=t(27378),r=t(60042),l=t.n(r),d=t(53090),a=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.handleClick=function(e){var t=n.props,i=t.specKey,o=t.onClick,s=t.disabled,r=t.isInline,l=t.handleSelect;s||(r&&l(i),o(e,i))},n}return(0,i.ZT)(n,e),n.prototype.render=function(){var e=this.props,n=e.specKey,t=e.className,s=e.children,r=e.disabled,a=e.isInline,u=e.selectedKey,p=e.depth,c=e.inlineIndent,h=u===n,v=(0,d.g)({isInline:a,depth:p,inlineIndent:c});return(0,o.jsx)("li",(0,i.pi)({className:l()("zent-menu-item",t,{"zent-menu__inline-item":a,"zent-menu__inline-item-selected":h,"zent-menu-item-disabled":r}),style:v,onClick:this.handleClick,"data-zv":"10.0.9"},{children:s}),void 0)},n}(s.Component);n.Z=a},68347:(e,n,t)=>{"use strict";var i=t(90218);n.ZP=i.Z},53090:(e,n,t)=>{"use strict";function i(e,n,t){return void 0===t&&(t="item"),e.key||t+"_"+n}function o(e){var n=e.isInline,t=e.depth,i=e.inlineIndent,o={};return n&&(o={paddingLeft:t*i+"px"}),o}t.d(n,{o:()=>i,g:()=>o})},4246:(e,n,t)=>{"use strict";t.d(n,{E:()=>u});var i=t(59312),o=t(24246),s=t(60042),r=t.n(s),l=t(27378),d=t(57961),a=t(1348);function u(e){var n=(0,l.useContext)(a.d),t=e.value,s=e.disabled,u=void 0===s?n.value:s,p=e.readOnly,c=void 0!==p&&p,h=e.isValueEqual,v=void 0===h?Object.is:h,m=e.className,y=e.style,f=e.children,b=e.onChange,x=(0,l.useMemo)((function(){return{value:t,disabled:u,readOnly:c,isValueEqual:v,onRadioChange:b}}),[t,u,c,v,b]);return(0,o.jsx)(d.Z.Provider,(0,i.pi)({value:x},{children:(0,o.jsx)("div",(0,i.pi)({className:r()("zent-radio-group",m),style:y,"data-zv":"10.0.9"},{children:f}),void 0)}),void 0)}n.Z=u},57961:(e,n,t)=>{"use strict";var i=(0,t(27378).createContext)(null);i.displayName="RadioGroupContext",n.Z=i},71457:(e,n,t)=>{"use strict";t.d(n,{Y:()=>v,Z:()=>m});var i=t(59312),o=t(24246),s=t(60042),r=t.n(s),l=t(1535),d=t(27378);function a(e,n){var t=(0,d.useRef)(n);t.current=n;var o=e&&e.onRadioChange;return(0,d.useCallback)((function(e){var n=function(e,n){var t=Object.create(e);return t.target=(0,i.pi)((0,i.pi)({},n),{type:"radio",checked:e.target.checked}),t}(e,t.current);if(o)o(n);else{var s=t.current.onChange;s&&s(n)}}),[o])}function u(e,n,t){var i=function(e,n,t){return"boolean"==typeof t.disabled?t.disabled:n&&"boolean"==typeof n.disabled?n.disabled:e.value}(e,n,t),o=function(e,n){return"boolean"==typeof n.readOnly?n.readOnly:!!e&&e.readOnly}(n,t);return{checked:n?n.isValueEqual(n.value,t.value):!!t.checked,disabled:i,readOnly:o}}var p=t(4246),c=t(1348),h=t(57961);function v(e){var n=e.className,t=e.style,s=e.children,p=(e.value,e.width),v=e.labelStyle,m=(e.onMouseEnter,e.onMouseLeave,(0,i._T)(e,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),y=(0,d.useContext)(c.d),f=(0,d.useContext)(h.Z),b=u(y,f,e),x=b.checked,g=b.disabled,C=b.readOnly,z=a(f,e),K=r()(n,"zent-radio-wrap",{"zent-radio-checked":!!x,"zent-radio-disabled":g||C}),k=(0,l.Z)(p),M=(0,i.pi)((0,i.pi)({},t),k);return(0,o.jsxs)("label",(0,i.pi)({className:K,style:M,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,"data-zv":"10.0.9"},{children:[(0,o.jsxs)("span",(0,i.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,o.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,o.jsx)("input",(0,i.pi)({},m,{type:"radio",checked:!!x,disabled:g,readOnly:C,onChange:z,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==s&&(0,o.jsx)("span",(0,i.pi)({className:"zent-radio-label",style:v,"data-zv":"10.0.9"},{children:s}),void 0)]}),void 0)}v.Button=function(e){var n=e.className,t=e.style,s=e.children,p=(e.value,e.width),v=e.onMouseEnter,m=e.onMouseLeave,y=(0,i._T)(e,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),f=(0,d.useContext)(c.d),b=(0,d.useContext)(h.Z);if(!b)throw new Error("Radio.Button must be nested within Radio.Group");var x=u(f,b,e),g=x.checked,C=x.disabled,z=x.readOnly,K=a(b,e),k=r()(n,"zent-radio-button",{"zent-radio-button--checked":!!g,"zent-radio-button--disabled":C||z}),M=(0,l.Z)(p),w=(0,i.pi)((0,i.pi)({},t),M);return(0,o.jsxs)("label",(0,i.pi)({className:k,style:w,onMouseEnter:v,onMouseLeave:m,"data-zv":"10.0.9"},{children:[(0,o.jsx)("input",(0,i.pi)({},y,{type:"radio",checked:!!g,disabled:C,readOnly:z,onChange:K,"data-zv":"10.0.9"}),void 0),(0,o.jsx)("span",(0,i.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{children:s}),void 0)]}),void 0)},v.Group=p.Z;var m=v},12176:(e,n,t)=>{"use strict";t.d(n,{a:()=>m});var i=t(59312),o=t(24246),s=t(27378),r=t(60042),l=t.n(r),d=t(19832),a=t(90347),u=t(33806),p=t(68347),c=t(27036),h=t(1348),v=p.ZP.MenuItem,m=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.splitButton=(0,s.createRef)(),n.state={isShowDropdown:!1},n.toggleDropdown=function(e){n.setState({isShowDropdown:e})},n.handleSelect=function(e,t){n.props.onSelect&&n.props.onSelect(t),n.toggleDropdown(!1)},n}return(0,i.ZT)(n,e),n.prototype.render=function(){var e=this,n=this.props,t=n.type,s=n.size,r=n.disabled,h=void 0===r?this.context.value:r,m=n.loading,y=n.dropdownTrigger,f=n.dropdownData,b=n.dropdownValue,x=n.dropdownText,g=n.dropdownPosition,C=n.dropdownIcon,z=n.className,K=n.children,k=n.onClick,M=l()("zent-split-button",z),w=(0,d.Z)(y),S=h||m?u.ZP.Trigger.Base:u.ZP.Trigger[w],_=g.split("-").map((function(e){return(0,d.Z)(e)})).join("");return(0,o.jsxs)("div",(0,i.pi)({ref:this.splitButton,className:M,"data-zv":"10.0.9"},{children:[K&&(0,o.jsx)(a.ZP,(0,i.pi)({className:"zent-split-button__main",type:t,size:s,onClick:k,disabled:h,loading:m},{children:K}),void 0),(0,o.jsx)("div",(0,i.pi)({className:l()("zent-split-button__dropdown-wrapper",{"zent-split-button__dropdown-wrapper-text":"text"===t}),"data-zv":"10.0.9"},{children:(0,o.jsxs)(u.ZP,(0,i.pi)({visible:this.state.isShowDropdown,onVisibleChange:function(n){return e.toggleDropdown(n)},position:u.ZP.Position[_],cushion:5},{children:[(0,o.jsx)(S,{children:(0,o.jsx)(a.ZP,(0,i.pi)({className:l()("zent-split-button__dropdown",{"zent-split-button__dropdown-disabled":m,"zent-split-button__dropdown-icononly":!K}),type:t,size:s,disabled:h},{children:(0,o.jsx)(c.Z,{className:"zent-split-button__dropdown-icon",type:C},void 0)}),void 0)},void 0),(0,o.jsx)(u.ZP.Content,{children:(0,o.jsx)(p.ZP,(0,i.pi)({className:"zent-split-button__dropdown-menu",onClick:this.handleSelect},{children:f.map((function(e){return(0,o.jsx)(v,(0,i.pi)({className:"zent-split-button__dropdown-menu-item-"+t},{children:e[x]}),""+e[b])}))}),void 0)},void 0)]}),void 0)}),void 0)]}),void 0)},n.defaultProps={type:"default",size:"medium",dropdownTrigger:"click",dropdownData:[],dropdownValue:"value",dropdownText:"text",dropdownIcon:"down",dropdownPosition:"auto-bottom-right"},n.contextType=h.d,n}(s.Component)},79737:(e,n,t)=>{"use strict";t.d(n,{H:()=>d});var i=t(59312),o=t(24246),s=t(27378),r=t(17127);function l(e,n){e.style.height="number"==typeof n?n+"px":n}var d=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=(0,s.createRef)(),n.timer=null,n}return(0,i.ZT)(n,e),n.prototype.componentDidMount=function(){var e=this,n=this.props,t=n.appear,i=n.height,o=n.duration,s=this.ref.current;if(t&&"auto"===i){var d=s.offsetHeight;s.style.height="0px",(0,r.tA)((function(){e.props.height===i&&(s.style.height=d+"px",e.timer=setTimeout((function(){e.timer=null,e.props.height===i&&(s.style.height="auto")}),o))}))}else l(s,i)},n.prototype.componentDidUpdate=function(e){var n=this,t=this.props,i=t.height,o=t.duration;if(e.height!==i){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var s=this.ref.current;if("auto"===e.height)s.style.height=s.offsetHeight+"px",(0,r.tA)((function(){n.props.height===i&&l(s,i)}));else if("auto"===i){var d=s.offsetHeight;s.style.height="auto";var a=s.offsetHeight;s.style.height=d+"px",(0,r.tA)((function(){s.style.height=a+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===i&&(s.style.height=i)}),o)}))}else l(s,i)}},n.prototype.render=function(){var e=this.props,n=e.duration,t=e.className,s=e.style,r=e.easing,l=e.overflow,d=e.children,a=e.transitionPrototype;return(0,o.jsx)("div",(0,i.pi)({ref:this.ref,className:t,style:(0,i.pi)((0,i.pi)({},s),{transition:a+" "+n+"ms "+r,overflow:l}),"data-zv":"10.0.9"},{children:d}),void 0)},n.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},n}(s.Component)}}]); \ No newline at end of file diff --git a/1663-735a3020c28315b6c925.js b/1663-735a3020c28315b6c925.js new file mode 100644 index 000000000..df73de1bb --- /dev/null +++ b/1663-735a3020c28315b6c925.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1663],{90218:(e,n,t)=>{"use strict";t.d(n,{v:()=>f,Z:()=>b});var i=t(59312),o=t(24246),s=t(60042),r=t.n(s),l=t(27378),d=t(17949),a=t(42690),u=t(53090),p=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(n,e),n.prototype.renderCommonMenuItem=function(e,n,t,o){var s=(0,i.pi)({specKey:(0,u.o)(e,n,t),onClick:this.handleClick},o);return(0,l.cloneElement)(e,s)},n}(l.PureComponent),c=t(80736),h=t(27036),v=t(79737),m=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.handleClick=function(e,t){(0,n.props.onClick)(e,t)},n.onSubMenuClick=function(){n.props.onSubMenuClick&&n.props.onSubMenuClick(n.props.specKey)},n.renderSubMenuItems=function(e,t){if(!e)return null;var i=n.props.specKey;return n.renderCommonMenuItem(e,t,i)},n}return(0,i.ZT)(n,e),n.prototype.render=function(){var e=this.props,n=e.children,t=e.visible,s=e.overlayCx;return t?(0,o.jsx)("ul",(0,i.pi)({className:r()("zent-menu","zent-submenu-content",s),onClick:this.onSubMenuClick,"data-zv":"10.0.10"},{children:l.Children.map(n,this.renderSubMenuItems)}),void 0):null},n}(p),y=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.state={subMenuVisible:!1},n.getEventHanders=function(e,t){var i={};return e||t||(i={onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave}),i},n.handleClick=function(e,t){var i=n.props,o=i.onClick;!i.isInline&&n.setState({subMenuVisible:!1}),o(e,t)},n.titleClickHandler=function(e){var t,i,o=n.props,s=o.isInline,r=o.specKey,l=o.toggleExpand;null===(i=(t=n.props).onSubMenuClick)||void 0===i||i.call(t,r),s&&l(r),e.stopPropagation()},n.onMouseEnter=function(){n.leaveTimer&&clearTimeout(n.leaveTimer),n.enterTimer=setTimeout((function(){n.setState({subMenuVisible:!0})}),200)},n.onMouseLeave=function(){n.enterTimer&&clearTimeout(n.enterTimer),n.leaveTimer=setTimeout((function(){n.setState({subMenuVisible:!1})}),200)},n.renderInlineChild=function(e,t){var i=n.props,o=i.depth,s=i.isInline,r=i.inlineIndent,l=i.selectedKey,d=i.expandKeys,a=i.handleSelect,u=i.toggleExpand,p=i.specKey;return n.renderCommonMenuItem(e,t,p,{depth:o+1,isInline:s,inlineIndent:r,selectedKey:l,expandKeys:d,handleSelect:a,toggleExpand:u,onSubMenuClick:n.props.onSubMenuClick})},n}return(0,i.ZT)(n,e),n.prototype.renderContent=function(){var e=this.props,n=e.children,t=e.specKey,s=e.overlayClassName,r=e.isInline,d=e.expandKeys,a=d&&-1!==d.indexOf(t);return r?(0,o.jsx)(v.H,(0,i.pi)({duration:200,height:a?"auto":0},{children:(0,o.jsx)("ul",(0,i.pi)({className:"zent-menu__inner","data-zv":"10.0.10"},{children:l.Children.map(n,this.renderInlineChild)}),void 0)}),void 0):(0,o.jsx)(m,(0,i.pi)({visible:this.state.subMenuVisible,onClick:this.handleClick,specKey:t,overlayCx:s,onSubMenuClick:this.props.onSubMenuClick},{children:n}),void 0)},n.prototype.render=function(){var e=this.props,n=e.className,t=e.disabled,s=e.title,l=e.isInline,d=e.depth,a=e.inlineIndent,p=e.expandKeys,c=e.specKey,v=p&&-1!==p.indexOf(c),m=this.getEventHanders(t,l),y=(0,u.g)({isInline:l,depth:d,inlineIndent:a}),f=r()(n,{"zent-menu-item":!l,"zent-menu-item-disabled":t,"zent-submenu":!l,"zent-menu__inline-submenu":l,"zent-menu__inline-item-disabled":t&&l});return(0,o.jsxs)("li",(0,i.pi)({className:f},m,{"data-zv":"10.0.10"},{children:[(0,o.jsxs)("div",(0,i.pi)({className:r()({"zent-submenu-title":!l,"zent-menu__inline-submenu-title":l,"zent-submenu-disabled":t}),style:y,onClick:this.titleClickHandler,"data-zv":"10.0.10"},{children:[s,!t&&(0,o.jsx)(h.Z,{className:r()("zent-submenu-title-operate-icon",{"zent-menu__inline-submenu-icon--expand":l&&v}),type:"right"},void 0)]}),void 0),!t&&this.renderContent()]}),void 0)},n.defaultProps={className:""},n}(p),f=function(e){function n(n){var t,o,s,r=e.call(this,n)||this;return r.toggleExpand=function(e){var n,t,o=r.state.expandedKeys,s=-1!==o.indexOf(e)?o.filter((function(n){return n!==e})):(0,i.ev)([e],o);r.setState({expandedKeys:s}),null===(t=(n=r.props).onExpandChange)||void 0===t||t.call(n,s)},r.handleSelect=function(e){var n,t;r.setState({selectedKey:e}),null===(t=(n=r.props).onSelectChange)||void 0===t||t.call(n,e)},r.handleClick=function(e,n){var t=r.props.onClick;t&&t(e,n)},r.renderMenuItem=function(e,n){return e?r.renderCommonMenuItem(e,n,void 0,{depth:1,isInline:"inline"===r.props.mode,inlineIndent:r.props.inlineIndent,selectedKey:r.state.selectedKey,expandKeys:r.state.expandedKeys,handleSelect:r.handleSelect,toggleExpand:r.toggleExpand,onSubMenuClick:r.props.onSubMenuClick}):null},"inline"===n.mode?r.state={selectedKey:null!==(t=n.selectedKey)&&void 0!==t?t:n.defaultSelectedKey,expandedKeys:null!==(s=null!==(o=n.expandedKeys)&&void 0!==o?o:n.defaultExpandedKeys)&&void 0!==s?s:n.defaultExpandKeys,prevExpandedKeysProp:n.expandedKeys,prevSelectedKeyProp:n.selectedKey}:r.state={},r}return(0,i.ZT)(n,e),n.getDerivedStateFromProps=function(e,n){if("inline"!==e.mode)return null;var t={prevSelectedKeyProp:e.selectedKey,prevExpandedKeysProp:e.expandedKeys};return e.selectedKey!==n.prevSelectedKeyProp&&e.selectedKey!==n.selectedKey&&(t.selectedKey=e.selectedKey),(0,d.Z)(e.expandedKeys,n.prevExpandedKeysProp)||(0,d.Z)(e.expandedKeys,n.expandedKeys)||(t.expandedKeys=e.expandedKeys),t},n.prototype.render=function(){var e=this.props,n=e.children,t=e.className,s=e.style,d="inline"===e.mode,a=r()("zent-menu",t,{"zent-menu__inline":d});return(0,o.jsx)("ul",(0,i.pi)({className:a,style:s,"data-zv":"10.0.10"},{children:l.Children.map(n,this.renderMenuItem)}),void 0)},n.MenuItem=c.Z,n.SubMenu=y,n.defaultProps={onClick:a.Z,mode:"pop",inlineIndent:24,defaultExpandKeys:[],onSubMenuClick:a.Z},n}(p),b=f},80736:(e,n,t)=>{"use strict";t.d(n,{s:()=>a});var i=t(59312),o=t(24246),s=t(27378),r=t(60042),l=t.n(r),d=t(53090),a=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.handleClick=function(e){var t=n.props,i=t.specKey,o=t.onClick,s=t.disabled,r=t.isInline,l=t.handleSelect;s||(r&&l(i),o(e,i))},n}return(0,i.ZT)(n,e),n.prototype.render=function(){var e=this.props,n=e.specKey,t=e.className,s=e.children,r=e.disabled,a=e.isInline,u=e.selectedKey,p=e.depth,c=e.inlineIndent,h=u===n,v=(0,d.g)({isInline:a,depth:p,inlineIndent:c});return(0,o.jsx)("li",(0,i.pi)({className:l()("zent-menu-item",t,{"zent-menu__inline-item":a,"zent-menu__inline-item-selected":h,"zent-menu-item-disabled":r}),style:v,onClick:this.handleClick,"data-zv":"10.0.10"},{children:s}),void 0)},n}(s.Component);n.Z=a},68347:(e,n,t)=>{"use strict";var i=t(90218);n.ZP=i.Z},53090:(e,n,t)=>{"use strict";function i(e,n,t){return void 0===t&&(t="item"),e.key||t+"_"+n}function o(e){var n=e.isInline,t=e.depth,i=e.inlineIndent,o={};return n&&(o={paddingLeft:t*i+"px"}),o}t.d(n,{o:()=>i,g:()=>o})},4246:(e,n,t)=>{"use strict";t.d(n,{E:()=>u});var i=t(59312),o=t(24246),s=t(60042),r=t.n(s),l=t(27378),d=t(57961),a=t(1348);function u(e){var n=(0,l.useContext)(a.d),t=e.value,s=e.disabled,u=void 0===s?n.value:s,p=e.readOnly,c=void 0!==p&&p,h=e.isValueEqual,v=void 0===h?Object.is:h,m=e.className,y=e.style,f=e.children,b=e.onChange,x=(0,l.useMemo)((function(){return{value:t,disabled:u,readOnly:c,isValueEqual:v,onRadioChange:b}}),[t,u,c,v,b]);return(0,o.jsx)(d.Z.Provider,(0,i.pi)({value:x},{children:(0,o.jsx)("div",(0,i.pi)({className:r()("zent-radio-group",m),style:y,"data-zv":"10.0.10"},{children:f}),void 0)}),void 0)}n.Z=u},57961:(e,n,t)=>{"use strict";var i=(0,t(27378).createContext)(null);i.displayName="RadioGroupContext",n.Z=i},71457:(e,n,t)=>{"use strict";t.d(n,{Y:()=>v,Z:()=>m});var i=t(59312),o=t(24246),s=t(60042),r=t.n(s),l=t(1535),d=t(27378);function a(e,n){var t=(0,d.useRef)(n);t.current=n;var o=e&&e.onRadioChange;return(0,d.useCallback)((function(e){var n=function(e,n){var t=Object.create(e);return t.target=(0,i.pi)((0,i.pi)({},n),{type:"radio",checked:e.target.checked}),t}(e,t.current);if(o)o(n);else{var s=t.current.onChange;s&&s(n)}}),[o])}function u(e,n,t){var i=function(e,n,t){return"boolean"==typeof t.disabled?t.disabled:n&&"boolean"==typeof n.disabled?n.disabled:e.value}(e,n,t),o=function(e,n){return"boolean"==typeof n.readOnly?n.readOnly:!!e&&e.readOnly}(n,t);return{checked:n?n.isValueEqual(n.value,t.value):!!t.checked,disabled:i,readOnly:o}}var p=t(4246),c=t(1348),h=t(57961);function v(e){var n=e.className,t=e.style,s=e.children,p=(e.value,e.width),v=e.labelStyle,m=(e.onMouseEnter,e.onMouseLeave,(0,i._T)(e,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),y=(0,d.useContext)(c.d),f=(0,d.useContext)(h.Z),b=u(y,f,e),x=b.checked,g=b.disabled,C=b.readOnly,z=a(f,e),K=r()(n,"zent-radio-wrap",{"zent-radio-checked":!!x,"zent-radio-disabled":g||C}),k=(0,l.Z)(p),M=(0,i.pi)((0,i.pi)({},t),k);return(0,o.jsxs)("label",(0,i.pi)({className:K,style:M,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,o.jsxs)("span",(0,i.pi)({className:"zent-radio","data-zv":"10.0.10"},{children:[(0,o.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.10"},void 0),(0,o.jsx)("input",(0,i.pi)({},m,{type:"radio",checked:!!x,disabled:g,readOnly:C,onChange:z,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==s&&(0,o.jsx)("span",(0,i.pi)({className:"zent-radio-label",style:v,"data-zv":"10.0.10"},{children:s}),void 0)]}),void 0)}v.Button=function(e){var n=e.className,t=e.style,s=e.children,p=(e.value,e.width),v=e.onMouseEnter,m=e.onMouseLeave,y=(0,i._T)(e,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),f=(0,d.useContext)(c.d),b=(0,d.useContext)(h.Z);if(!b)throw new Error("Radio.Button must be nested within Radio.Group");var x=u(f,b,e),g=x.checked,C=x.disabled,z=x.readOnly,K=a(b,e),k=r()(n,"zent-radio-button",{"zent-radio-button--checked":!!g,"zent-radio-button--disabled":C||z}),M=(0,l.Z)(p),w=(0,i.pi)((0,i.pi)({},t),M);return(0,o.jsxs)("label",(0,i.pi)({className:k,style:w,onMouseEnter:v,onMouseLeave:m,"data-zv":"10.0.10"},{children:[(0,o.jsx)("input",(0,i.pi)({},y,{type:"radio",checked:!!g,disabled:C,readOnly:z,onChange:K,"data-zv":"10.0.10"}),void 0),(0,o.jsx)("span",(0,i.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:s}),void 0)]}),void 0)},v.Group=p.Z;var m=v},12176:(e,n,t)=>{"use strict";t.d(n,{a:()=>m});var i=t(59312),o=t(24246),s=t(27378),r=t(60042),l=t.n(r),d=t(19832),a=t(90347),u=t(33806),p=t(68347),c=t(27036),h=t(1348),v=p.ZP.MenuItem,m=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.splitButton=(0,s.createRef)(),n.state={isShowDropdown:!1},n.toggleDropdown=function(e){n.setState({isShowDropdown:e})},n.handleSelect=function(e,t){n.props.onSelect&&n.props.onSelect(t),n.toggleDropdown(!1)},n}return(0,i.ZT)(n,e),n.prototype.render=function(){var e=this,n=this.props,t=n.type,s=n.size,r=n.disabled,h=void 0===r?this.context.value:r,m=n.loading,y=n.dropdownTrigger,f=n.dropdownData,b=n.dropdownValue,x=n.dropdownText,g=n.dropdownPosition,C=n.dropdownIcon,z=n.className,K=n.children,k=n.onClick,M=l()("zent-split-button",z),w=(0,d.Z)(y),S=h||m?u.ZP.Trigger.Base:u.ZP.Trigger[w],_=g.split("-").map((function(e){return(0,d.Z)(e)})).join("");return(0,o.jsxs)("div",(0,i.pi)({ref:this.splitButton,className:M,"data-zv":"10.0.10"},{children:[K&&(0,o.jsx)(a.ZP,(0,i.pi)({className:"zent-split-button__main",type:t,size:s,onClick:k,disabled:h,loading:m},{children:K}),void 0),(0,o.jsx)("div",(0,i.pi)({className:l()("zent-split-button__dropdown-wrapper",{"zent-split-button__dropdown-wrapper-text":"text"===t}),"data-zv":"10.0.10"},{children:(0,o.jsxs)(u.ZP,(0,i.pi)({visible:this.state.isShowDropdown,onVisibleChange:function(n){return e.toggleDropdown(n)},position:u.ZP.Position[_],cushion:5},{children:[(0,o.jsx)(S,{children:(0,o.jsx)(a.ZP,(0,i.pi)({className:l()("zent-split-button__dropdown",{"zent-split-button__dropdown-disabled":m,"zent-split-button__dropdown-icononly":!K}),type:t,size:s,disabled:h},{children:(0,o.jsx)(c.Z,{className:"zent-split-button__dropdown-icon",type:C},void 0)}),void 0)},void 0),(0,o.jsx)(u.ZP.Content,{children:(0,o.jsx)(p.ZP,(0,i.pi)({className:"zent-split-button__dropdown-menu",onClick:this.handleSelect},{children:f.map((function(e){return(0,o.jsx)(v,(0,i.pi)({className:"zent-split-button__dropdown-menu-item-"+t},{children:e[x]}),""+e[b])}))}),void 0)},void 0)]}),void 0)}),void 0)]}),void 0)},n.defaultProps={type:"default",size:"medium",dropdownTrigger:"click",dropdownData:[],dropdownValue:"value",dropdownText:"text",dropdownIcon:"down",dropdownPosition:"auto-bottom-right"},n.contextType=h.d,n}(s.Component)},79737:(e,n,t)=>{"use strict";t.d(n,{H:()=>d});var i=t(59312),o=t(24246),s=t(27378),r=t(17127);function l(e,n){e.style.height="number"==typeof n?n+"px":n}var d=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=(0,s.createRef)(),n.timer=null,n}return(0,i.ZT)(n,e),n.prototype.componentDidMount=function(){var e=this,n=this.props,t=n.appear,i=n.height,o=n.duration,s=this.ref.current;if(t&&"auto"===i){var d=s.offsetHeight;s.style.height="0px",(0,r.tA)((function(){e.props.height===i&&(s.style.height=d+"px",e.timer=setTimeout((function(){e.timer=null,e.props.height===i&&(s.style.height="auto")}),o))}))}else l(s,i)},n.prototype.componentDidUpdate=function(e){var n=this,t=this.props,i=t.height,o=t.duration;if(e.height!==i){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var s=this.ref.current;if("auto"===e.height)s.style.height=s.offsetHeight+"px",(0,r.tA)((function(){n.props.height===i&&l(s,i)}));else if("auto"===i){var d=s.offsetHeight;s.style.height="auto";var a=s.offsetHeight;s.style.height=d+"px",(0,r.tA)((function(){s.style.height=a+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===i&&(s.style.height=i)}),o)}))}else l(s,i)}},n.prototype.render=function(){var e=this.props,n=e.duration,t=e.className,s=e.style,r=e.easing,l=e.overflow,d=e.children,a=e.transitionPrototype;return(0,o.jsx)("div",(0,i.pi)({ref:this.ref,className:t,style:(0,i.pi)((0,i.pi)({},s),{transition:a+" "+n+"ms "+r,overflow:l}),"data-zv":"10.0.10"},{children:d}),void 0)},n.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},n}(s.Component)}}]); \ No newline at end of file diff --git a/183-70e580a61b20682c8af6.js b/183-59363fb3f4a8cb4b288f.js similarity index 60% rename from 183-70e580a61b20682c8af6.js rename to 183-59363fb3f4a8cb4b288f.js index ceb1ab78c..84603d9bf 100644 --- a/183-70e580a61b20682c8af6.js +++ b/183-59363fb3f4a8cb4b288f.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[183],{20183:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>j});var t=s(73450),p=s(27378),c=s(57318),o=s(39215),e=s(82285),l=s(4246),u=s(71457),i=s(89522),k=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function g(n){for(var a=1;a{this.setState({search:n.target.value.trim().toLowerCase()})})),(0,t.Z)(this,"onCopyOptionChange",(n=>{this.setState({copyType:n.target.value})})),(0,t.Z)(this,"getIconString",(n=>()=>"jsx"===this.state.copyType?''):n))}render(){var n=this.state.search;return(0,k.jsxs)("div",{className:"zi-grid",children:[(0,k.jsxs)("div",{className:"zi-grid-toolbar",children:[n&&(0,k.jsx)("style",{children:'.zi-grid-item:not([data-index*="'.concat(n,'"]) { display: none; }')}),(0,k.jsxs)("div",{className:"zi-search-input-wrapper",children:[(0,k.jsx)(e.I,{className:"zi-search-input",icon:"search",placeholder:"Search icon",value:n,onChange:this.onChange}),"Attention: The icon name displayed is not the type"]}),(0,k.jsxs)(l.E,{onChange:this.onCopyOptionChange,value:this.state.copyType,children:[(0,k.jsx)(u.Y,{value:"jsx",children:"Copy JSX"}),(0,k.jsx)(u.Y,{value:"name",children:"Copy type"})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"Operation"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("up"),onCopySuccess:"up 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"upup",children:[(0,k.jsx)(o.J,{type:"up"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"up"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("down"),onCopySuccess:"down 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"downdown",children:[(0,k.jsx)(o.J,{type:"down"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"down"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("left"),onCopySuccess:"left 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"leftleft",children:[(0,k.jsx)(o.J,{type:"left"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"left"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("right"),onCopySuccess:"right 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"rightright",children:[(0,k.jsx)(o.J,{type:"right"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"right"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("left-circle-o"),onCopySuccess:"left_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"left_circleleftcircleoutline",children:[(0,k.jsx)(o.J,{type:"left-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"left_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("left-circle"),onCopySuccess:"left_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"left_circle_fillleftcirclefilled",children:[(0,k.jsx)(o.J,{type:"left-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"left_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("right-circle-o"),onCopySuccess:"right_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"right_circlerightcircleoutline",children:[(0,k.jsx)(o.J,{type:"right-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"right_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("right-circle"),onCopySuccess:"right_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"right_circle_fillrightcirclefilled",children:[(0,k.jsx)(o.J,{type:"right-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"right_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("up-circle-o"),onCopySuccess:"up_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"up_circleupcircleoutline",children:[(0,k.jsx)(o.J,{type:"up-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"up_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("up-circle"),onCopySuccess:"up_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"up_circle_fillupcirclefilled",children:[(0,k.jsx)(o.J,{type:"up-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"up_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("down-circle-o"),onCopySuccess:"down_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"down_circledowncircleoutline",children:[(0,k.jsx)(o.J,{type:"down-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"down_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("down-circle"),onCopySuccess:"down_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"down_circle_filldowncirclefilled",children:[(0,k.jsx)(o.J,{type:"down-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"down_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("upload"),onCopySuccess:"upload 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"uploadupload",children:[(0,k.jsx)(o.J,{type:"upload"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"upload"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("download"),onCopySuccess:"download 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"downloaddownload",children:[(0,k.jsx)(o.J,{type:"download"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"download"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("edit-o"),onCopySuccess:"edit 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"editeditoutline",children:[(0,k.jsx)(o.J,{type:"edit-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"edit"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("edit"),onCopySuccess:"edit_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"edit_filleditfilled",children:[(0,k.jsx)(o.J,{type:"edit"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"edit_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("remove-o"),onCopySuccess:"remove 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"removedeleteremoveoutline",children:[(0,k.jsx)(o.J,{type:"remove-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"remove"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("remove"),onCopySuccess:"remove_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"remove_filldeleteremovefilled",children:[(0,k.jsx)(o.J,{type:"remove"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"remove_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("save-o"),onCopySuccess:"save 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"savesaveoutline",children:[(0,k.jsx)(o.J,{type:"save-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"save"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("save"),onCopySuccess:"save_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"save_fillsavefilled",children:[(0,k.jsx)(o.J,{type:"save"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"save_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("arrow-up"),onCopySuccess:"arrow_up 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"arrow_uparrowup",children:[(0,k.jsx)(o.J,{type:"arrow-up"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"arrow_up"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("arrow-down"),onCopySuccess:"arrow_down 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"arrow_downarrowdown",children:[(0,k.jsx)(o.J,{type:"arrow-down"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"arrow_down"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("locked-o"),onCopySuccess:"locked 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"lockedlockedoutline",children:[(0,k.jsx)(o.J,{type:"locked-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"locked"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("locked"),onCopySuccess:"locked_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"locked_filllockedfilled",children:[(0,k.jsx)(o.J,{type:"locked"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"locked_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("unlocked-o"),onCopySuccess:"unlocked 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"unlockedunlockedoutline",children:[(0,k.jsx)(o.J,{type:"unlocked-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"unlocked"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("unlocked"),onCopySuccess:"unlocked_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"unlocked_fillunlockedfilled",children:[(0,k.jsx)(o.J,{type:"unlocked"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"unlocked_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("nav-line"),onCopySuccess:"nav_line 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"nav_linenavline",children:[(0,k.jsx)(o.J,{type:"nav-line"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"nav_line"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("nav-grid"),onCopySuccess:"nav_grid 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"nav_gridnavgrid",children:[(0,k.jsx)(o.J,{type:"nav-grid"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"nav_grid"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("share"),onCopySuccess:"share 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shareshare",children:[(0,k.jsx)(o.J,{type:"share"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"share"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("refresh"),onCopySuccess:"refresh 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"refreshrefreshoutline",children:[(0,k.jsx)(o.J,{type:"refresh"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"refresh"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("help-circle-o"),onCopySuccess:"help 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"helphelpcircleoutline",children:[(0,k.jsx)(o.J,{type:"help-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"help"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("help-circle"),onCopySuccess:"help_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"help_fillhelpcirclefilled",children:[(0,k.jsx)(o.J,{type:"help-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"help_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("thumbnail"),onCopySuccess:"fullscreen 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"fullscreenfullscreenthumbnail",children:[(0,k.jsx)(o.J,{type:"thumbnail"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"fullscreen"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("fullscreen-exit"),onCopySuccess:"fullscreen_exit 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"fullscreen_exitfullscreenexit",children:[(0,k.jsx)(o.J,{type:"fullscreen-exit"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"fullscreen_exit"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("table-loose"),onCopySuccess:"table_loose 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"table_loosetableloose",children:[(0,k.jsx)(o.J,{type:"table-loose"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"table_loose"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("table-compact"),onCopySuccess:"table_compact 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"table_compacttablecompact",children:[(0,k.jsx)(o.J,{type:"table-compact"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"table_compact"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("export"),onCopySuccess:"export 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"exportexportfilled",children:[(0,k.jsx)(o.J,{type:"export"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"export"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("pin-o"),onCopySuccess:"pin 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"pinpinoutline",children:[(0,k.jsx)(o.J,{type:"pin-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"pin"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("pin"),onCopySuccess:"pin_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"pin_fillpinfilled",children:[(0,k.jsx)(o.J,{type:"pin"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"pin_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("eye-o"),onCopySuccess:"show 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"showeyeoutlineshow",children:[(0,k.jsx)(o.J,{type:"eye-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"show"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("eye"),onCopySuccess:"show_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"show_filleyefilledshow",children:[(0,k.jsx)(o.J,{type:"eye"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"show_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("closed-eye"),onCopySuccess:"hide 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hideclosed-eyeoutlinehide",children:[(0,k.jsx)(o.J,{type:"closed-eye"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hide"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("subtract-circle-o"),onCopySuccess:"subtract_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"subtract_circleminussubtract circleoutline",children:[(0,k.jsx)(o.J,{type:"subtract-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"subtract_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("subtract-circle"),onCopySuccess:"subtract_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"subtract_circle_fillminussubtractcirclefilled",children:[(0,k.jsx)(o.J,{type:"subtract-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"subtract_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("plus-circle-o"),onCopySuccess:"plus_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"plus_circleaddpluscircleoutline",children:[(0,k.jsx)(o.J,{type:"plus-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"plus_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("plus-circle"),onCopySuccess:"plus_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"plus_circle_filladdpluscirclefilled",children:[(0,k.jsx)(o.J,{type:"plus-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"plus_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("double-last"),onCopySuccess:"double_last 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"double_lastdoublelast",children:[(0,k.jsx)(o.J,{type:"double-last"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"double_last"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("double-next"),onCopySuccess:"double_next 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"double_nextdoublenext",children:[(0,k.jsx)(o.J,{type:"double-next"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"double_next"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("plus"),onCopySuccess:"plus 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"plusaddplus",children:[(0,k.jsx)(o.J,{type:"plus"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"plus"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("close"),onCopySuccess:"close 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"closeclosenaked",children:[(0,k.jsx)(o.J,{type:"close"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"close"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("search"),onCopySuccess:"search 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"searchsearch",children:[(0,k.jsx)(o.J,{type:"search"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"search"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("more"),onCopySuccess:"more 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"moremore",children:[(0,k.jsx)(o.J,{type:"more"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"more"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("caret-up"),onCopySuccess:"ascending 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"ascendingcaretupascending",children:[(0,k.jsx)(o.J,{type:"caret-up"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"ascending"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("caret-down"),onCopySuccess:"descending 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"descendingcaretdowndescending",children:[(0,k.jsx)(o.J,{type:"caret-down"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"descending"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("reset"),onCopySuccess:"reset_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"reset_fillresetfilled",children:[(0,k.jsx)(o.J,{type:"reset"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"reset_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("drag"),onCopySuccess:"drag 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"dragdrag",children:[(0,k.jsx)(o.J,{type:"drag"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"drag"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("filter-o"),onCopySuccess:"filter 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"filterfilteroutline",children:[(0,k.jsx)(o.J,{type:"filter-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"filter"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"Business"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("summary-o"),onCopySuccess:"summary 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"summarysummaryoutline",children:[(0,k.jsx)(o.J,{type:"summary-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"summary"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("summary"),onCopySuccess:"summary_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"summary_fillsummaryfilled",children:[(0,k.jsx)(o.J,{type:"summary"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"summary_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("shop-o"),onCopySuccess:"shop 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shopshopoutline",children:[(0,k.jsx)(o.J,{type:"shop-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"shop"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("shop"),onCopySuccess:"shop_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shop_fillshopfilled",children:[(0,k.jsx)(o.J,{type:"shop"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"shop_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("goods-o"),onCopySuccess:"goods 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"goodsgoodsoutline",children:[(0,k.jsx)(o.J,{type:"goods-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"goods"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("goods"),onCopySuccess:"goods_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"goods_fillgoodsfilled",children:[(0,k.jsx)(o.J,{type:"goods"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"goods_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("order-o"),onCopySuccess:"order 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"orderorderoutline",children:[(0,k.jsx)(o.J,{type:"order-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"order"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("order"),onCopySuccess:"order_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"order_fillorderfilled",children:[(0,k.jsx)(o.J,{type:"order"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"order_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-o"),onCopySuccess:"customer 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"customercustomeroutline",children:[(0,k.jsx)(o.J,{type:"customer-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"customer"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer"),onCopySuccess:"customer_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"customer_fillcustomerfilled",children:[(0,k.jsx)(o.J,{type:"customer"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"customer_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("chart-o"),onCopySuccess:"chart 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"chartdatachartoutline",children:[(0,k.jsx)(o.J,{type:"chart-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"chart"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("chart"),onCopySuccess:"chart_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"chart_filldatachartfilled",children:[(0,k.jsx)(o.J,{type:"chart"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"chart_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("capital-o"),onCopySuccess:"capital 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"capitalcapitaloutline",children:[(0,k.jsx)(o.J,{type:"capital-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"capital"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("capital"),onCopySuccess:"capital_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"capital_fillcapitalfilled",children:[(0,k.jsx)(o.J,{type:"capital"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"capital_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("settings-o"),onCopySuccess:"settings 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"settingssettingsoutline",children:[(0,k.jsx)(o.J,{type:"settings-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"settings"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("settings"),onCopySuccess:"settings_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"settings_fillsettingsfilled",children:[(0,k.jsx)(o.J,{type:"settings"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"settings_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("marketing-o"),onCopySuccess:"marketing 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"marketingmarketingoutline",children:[(0,k.jsx)(o.J,{type:"marketing-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"marketing"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("marketing"),onCopySuccess:"marketing_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"marketing_fillmarketingfilled",children:[(0,k.jsx)(o.J,{type:"marketing"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"marketing_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("inventory-o"),onCopySuccess:"inventory 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"inventoryinventoryoutline",children:[(0,k.jsx)(o.J,{type:"inventory-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"inventory"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("inventory"),onCopySuccess:"inventory_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"inventory_fillinventoryfilled",children:[(0,k.jsx)(o.J,{type:"inventory"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"inventory_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("procurement-o"),onCopySuccess:"procurement 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"procurementprocurementoutline",children:[(0,k.jsx)(o.J,{type:"procurement-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"procurement"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("procurement"),onCopySuccess:"procurement_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"procurement_fillprocurementfilled",children:[(0,k.jsx)(o.J,{type:"procurement"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"procurement_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("finance-o"),onCopySuccess:"finance 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"financefinanceoutline",children:[(0,k.jsx)(o.J,{type:"finance-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"finance"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("finance"),onCopySuccess:"finance_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"finance_fillfinancefilled",children:[(0,k.jsx)(o.J,{type:"finance"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"finance_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("cashier-o"),onCopySuccess:"cashier 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"cashiercashieroutline",children:[(0,k.jsx)(o.J,{type:"cashier-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"cashier"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("cashier"),onCopySuccess:"cashier_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"cashier_fillcashierfilled",children:[(0,k.jsx)(o.J,{type:"cashier"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"cashier_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("course-o"),onCopySuccess:"course 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"coursecourseoutline",children:[(0,k.jsx)(o.J,{type:"course-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"course"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("course"),onCopySuccess:"course_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"course_fillcoursefilled",children:[(0,k.jsx)(o.J,{type:"course"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"course_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("admissions-o"),onCopySuccess:"admissions 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"admissionsadmissionsoutline",children:[(0,k.jsx)(o.J,{type:"admissions-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"admissions"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("admissions"),onCopySuccess:"admissions_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"admissions_filladmissionsfilled",children:[(0,k.jsx)(o.J,{type:"admissions"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"admissions_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("educational-o"),onCopySuccess:"educational 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"educationaleducationaloutline",children:[(0,k.jsx)(o.J,{type:"educational-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"educational"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("educational"),onCopySuccess:"educational_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"educational_filleducationalfilled",children:[(0,k.jsx)(o.J,{type:"educational"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"educational_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-service-o"),onCopySuccess:"service 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"servicecustomer-serviceoutline",children:[(0,k.jsx)(o.J,{type:"customer-service-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"service"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-service"),onCopySuccess:"service_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"service_fillcustomer-servicefilled",children:[(0,k.jsx)(o.J,{type:"customer-service"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"service_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("message-o"),onCopySuccess:"message 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"messagemessageoutline",children:[(0,k.jsx)(o.J,{type:"message-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"message"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("message"),onCopySuccess:"message_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"message_fillmessagefilled",children:[(0,k.jsx)(o.J,{type:"message"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"message_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("jump-out"),onCopySuccess:"jump_out 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"jump_outjump-out",children:[(0,k.jsx)(o.J,{type:"jump-out"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"jump_out"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("sign-out"),onCopySuccess:"sign_out 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"sign_outsign-out",children:[(0,k.jsx)(o.J,{type:"sign-out"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"sign_out"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hotel-o"),onCopySuccess:"hotel 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hotelhoteloutline",children:[(0,k.jsx)(o.J,{type:"hotel-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hotel"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hotel"),onCopySuccess:"hotel_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hotel_fillhotelfilled",children:[(0,k.jsx)(o.J,{type:"hotel"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hotel_fill"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"Status"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("check-circle-o"),onCopySuccess:"success_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"success_circlecheckcircleoutlinesuccess",children:[(0,k.jsx)(o.J,{type:"check-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"success_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("check-circle"),onCopySuccess:"success_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"success_circle_fillcheckcirclefilledsuccess",children:[(0,k.jsx)(o.J,{type:"check-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"success_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("close-circle-o"),onCopySuccess:"error_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"error_circleerrorcircleoutline",children:[(0,k.jsx)(o.J,{type:"close-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"error_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("close-circle"),onCopySuccess:"error_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"error_circle_fillerrorcirclefilled",children:[(0,k.jsx)(o.J,{type:"close-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"error_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("warning-o"),onCopySuccess:"warning 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"warningwarningtriangleoutline",children:[(0,k.jsx)(o.J,{type:"warning-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"warning"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("warning"),onCopySuccess:"warning_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"warning_fillwarningtrianglefilled",children:[(0,k.jsx)(o.J,{type:"warning"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"warning_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("info-circle-o"),onCopySuccess:"info_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"info_circleinfocircleoutline",children:[(0,k.jsx)(o.J,{type:"info-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"info_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("info-circle"),onCopySuccess:"info_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"info_circle_fillinfocirclefilled",children:[(0,k.jsx)(o.J,{type:"info-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"info_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("loading"),onCopySuccess:"loading 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"loadingloading",children:[(0,k.jsx)(o.J,{type:"loading"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"loading"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("wait"),onCopySuccess:"wait_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"wait_fillwaitfilled",children:[(0,k.jsx)(o.J,{type:"wait"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"wait_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("star-o"),onCopySuccess:"star 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"starstaroutline",children:[(0,k.jsx)(o.J,{type:"star-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"star"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("star"),onCopySuccess:"star_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"star_fillstarfilled",children:[(0,k.jsx)(o.J,{type:"star"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"star_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bell-o"),onCopySuccess:"bell 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bellbelloutline",children:[(0,k.jsx)(o.J,{type:"bell-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bell"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bell"),onCopySuccess:"bell_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bell_fillbellfilled",children:[(0,k.jsx)(o.J,{type:"bell"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bell_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("check"),onCopySuccess:"check 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"checkcheck",children:[(0,k.jsx)(o.J,{type:"check"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"check"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"Logo"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("youzan-o"),onCopySuccess:"youzan 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"youzanyouzanlogooutline",children:[(0,k.jsx)(o.J,{type:"youzan-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"youzan"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("youzan"),onCopySuccess:"youzan_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"youzan_fillyouzanlogofilled",children:[(0,k.jsx)(o.J,{type:"youzan"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"youzan_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("mini-apps-o"),onCopySuccess:"mini_apps 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"mini_appswechatminiappoutline",children:[(0,k.jsx)(o.J,{type:"mini-apps-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"mini_apps"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("mini-apps"),onCopySuccess:"mini_apps_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"mini_apps_fillwechatminiappfilled",children:[(0,k.jsx)(o.J,{type:"mini-apps"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"mini_apps_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("wechat-o"),onCopySuccess:"wechat 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"wechatwechatoutline",children:[(0,k.jsx)(o.J,{type:"wechat-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"wechat"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("wechat"),onCopySuccess:"wechat_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"wechat_fillwechatfilled",children:[(0,k.jsx)(o.J,{type:"wechat"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"wechat_fill"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"Base"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("clock-o"),onCopySuccess:"clock 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"clockclockoutline",children:[(0,k.jsx)(o.J,{type:"clock-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"clock"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("clock"),onCopySuccess:"clock_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"clock_fillclockfilled",children:[(0,k.jsx)(o.J,{type:"clock"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"clock_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("calendar-o"),onCopySuccess:"calendar 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"calendarcalendaroutline",children:[(0,k.jsx)(o.J,{type:"calendar-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"calendar"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("calendar"),onCopySuccess:"calendar_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"calendar_fillcalendarfilled",children:[(0,k.jsx)(o.J,{type:"calendar"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"calendar_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("present-o"),onCopySuccess:"present 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"presentpresentoutline",children:[(0,k.jsx)(o.J,{type:"present-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"present"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("present"),onCopySuccess:"present_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"present_fillpresentfilled",children:[(0,k.jsx)(o.J,{type:"present"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"present_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("ticket-o"),onCopySuccess:"ticket 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"ticketticketoutline",children:[(0,k.jsx)(o.J,{type:"ticket-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"ticket"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("ticket"),onCopySuccess:"ticket_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"ticket_fillticketfilled",children:[(0,k.jsx)(o.J,{type:"ticket"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"ticket_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("expand-customer-o"),onCopySuccess:"expand_customer 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"expand_customerexpandcustomeroutline",children:[(0,k.jsx)(o.J,{type:"expand-customer-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"expand_customer"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("expand-customer"),onCopySuccess:"expand_customer_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"expand_customer_fillexpandcustomerfilled",children:[(0,k.jsx)(o.J,{type:"expand-customer"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"expand_customer_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("checkin-o"),onCopySuccess:"checkin 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"checkincheckinoutline",children:[(0,k.jsx)(o.J,{type:"checkin-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"checkin"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("checkin"),onCopySuccess:"checkin_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"checkin_fillcheckinfilled",children:[(0,k.jsx)(o.J,{type:"checkin"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"checkin_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("assess-o"),onCopySuccess:"assess 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"assessassessoutline",children:[(0,k.jsx)(o.J,{type:"assess-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"assess"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("assess"),onCopySuccess:"assess_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"assess_fillassessfilled",children:[(0,k.jsx)(o.J,{type:"assess"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"assess_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("business-o"),onCopySuccess:"business 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"businessbusinessoutline",children:[(0,k.jsx)(o.J,{type:"business-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"business"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("business"),onCopySuccess:"business_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"business_fillbusinessfilled",children:[(0,k.jsx)(o.J,{type:"business"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"business_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hr-o"),onCopySuccess:"hr 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hrhuman resourceoutline",children:[(0,k.jsx)(o.J,{type:"hr-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hr"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hr"),onCopySuccess:"hr_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hr_fillhuman resourcefilled",children:[(0,k.jsx)(o.J,{type:"hr"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hr_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("approval-o"),onCopySuccess:"approval 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"approvalapprovaloutline",children:[(0,k.jsx)(o.J,{type:"approval-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"approval"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("approval"),onCopySuccess:"approval_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"approval_fillapprovalfilled",children:[(0,k.jsx)(o.J,{type:"approval"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"approval_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report-o"),onCopySuccess:"report 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"reportreportoutline",children:[(0,k.jsx)(o.J,{type:"report-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report"),onCopySuccess:"report_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"report_fillreportfilled",children:[(0,k.jsx)(o.J,{type:"report"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("coupon-o"),onCopySuccess:"coupon 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"couponcouponoutline",children:[(0,k.jsx)(o.J,{type:"coupon-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"coupon"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("coupon"),onCopySuccess:"coupon_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"coupon_fillcouponfilled",children:[(0,k.jsx)(o.J,{type:"coupon"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"coupon_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hc-manage-o"),onCopySuccess:"hc_manage 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hc_managehc-manageoutline",children:[(0,k.jsx)(o.J,{type:"hc-manage-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hc_manage"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hc-manage"),onCopySuccess:"hc_manage_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hc_manage_fillhc-managefilled",children:[(0,k.jsx)(o.J,{type:"hc-manage"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hc_manage_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report-forms-o"),onCopySuccess:"report_forms 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"report_formsreportformsoutline",children:[(0,k.jsx)(o.J,{type:"report-forms-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report_forms"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report-forms"),onCopySuccess:"report_forms_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"report_forms_fillreportformsfilled",children:[(0,k.jsx)(o.J,{type:"report-forms"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report_forms_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("brush-o"),onCopySuccess:"brush 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"brushbrushoutline",children:[(0,k.jsx)(o.J,{type:"brush-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"brush"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("brush"),onCopySuccess:"brush_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"brush_fillbrushfilled",children:[(0,k.jsx)(o.J,{type:"brush"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"brush_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("development-doc-o"),onCopySuccess:"development_doc 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"development_docdevelopmentdocoutline",children:[(0,k.jsx)(o.J,{type:"development-doc-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"development_doc"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("development-doc"),onCopySuccess:"development_doc_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"development_doc_filldevelopmentdocfilled",children:[(0,k.jsx)(o.J,{type:"development-doc"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"development_doc_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bookmark-o"),onCopySuccess:"bookmark 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bookmarkbookmarkoutline",children:[(0,k.jsx)(o.J,{type:"bookmark-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bookmark"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bookmark"),onCopySuccess:"bookmark_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bookmark_fillbookmarkfilled",children:[(0,k.jsx)(o.J,{type:"bookmark"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bookmark_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("folder-o"),onCopySuccess:"folder 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"folderfolderoutline",children:[(0,k.jsx)(o.J,{type:"folder-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"folder"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("open-folder-o"),onCopySuccess:"open_folder 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"open_folderopen-folderoutline",children:[(0,k.jsx)(o.J,{type:"open-folder-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"open_folder"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("pending-payment-o"),onCopySuccess:"pending_payment 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"pending_paymentpaymentpendingoutline",children:[(0,k.jsx)(o.J,{type:"pending-payment-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"pending_payment"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("salesman-o"),onCopySuccess:"salesman 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"salesmansalesmanoutline",children:[(0,k.jsx)(o.J,{type:"salesman-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"salesman"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("tendency-o"),onCopySuccess:"tendency 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"tendencytendencyoutline",children:[(0,k.jsx)(o.J,{type:"tendency-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"tendency"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("distribution-o"),onCopySuccess:"distribution 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"distributiondistributionoutline",children:[(0,k.jsx)(o.J,{type:"distribution-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"distribution"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("member-o"),onCopySuccess:"member 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"membermemberoutline",children:[(0,k.jsx)(o.J,{type:"member-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"member"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("text-guide-o"),onCopySuccess:"text_guide 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"text_guidetext-guideoutlineguide",children:[(0,k.jsx)(o.J,{type:"text-guide-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"text_guide"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("qrcode"),onCopySuccess:"qrcode 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"qrcodeqrcode",children:[(0,k.jsx)(o.J,{type:"qrcode"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"qrcode"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("shop-analyze-o"),onCopySuccess:"shop_analyze 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shop_analyzeshopanalyzeoutline",children:[(0,k.jsx)(o.J,{type:"shop-analyze-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"shop_analyze"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("channel-o"),onCopySuccess:"channel 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"channelchanneloutline",children:[(0,k.jsx)(o.J,{type:"channel-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"channel"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("cashier-desk-o"),onCopySuccess:"cashier_desk 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"cashier_deskcashierdeskoutline",children:[(0,k.jsx)(o.J,{type:"cashier-desk-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"cashier_desk"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("qa-o"),onCopySuccess:"qa 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"qaqualityassuranceoutline",children:[(0,k.jsx)(o.J,{type:"qa-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"qa"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("withdraw-cash-o"),onCopySuccess:"withdraw_cash 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"withdraw_cashwithdrawcashoutline",children:[(0,k.jsx)(o.J,{type:"withdraw-cash-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"withdraw_cash"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("tools-o"),onCopySuccess:"tools 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"toolstoolsoutline",children:[(0,k.jsx)(o.J,{type:"tools-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"tools"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("smile"),onCopySuccess:"smile 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"smilesmile",children:[(0,k.jsx)(o.J,{type:"smile"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"smile"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("photo"),onCopySuccess:"photo 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"photophoto",children:[(0,k.jsx)(o.J,{type:"photo"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"photo"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("video-o"),onCopySuccess:"video 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"videovideooutline",children:[(0,k.jsx)(o.J,{type:"video-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"video"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("video"),onCopySuccess:"video_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"video_fillvideofilled",children:[(0,k.jsx)(o.J,{type:"video"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"video_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hotline-o"),onCopySuccess:"hotline 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hotlinehotlineoutline",children:[(0,k.jsx)(o.J,{type:"hotline-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hotline"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("visit-o"),onCopySuccess:"visit 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"visitvisitoutline",children:[(0,k.jsx)(o.J,{type:"visit-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"visit"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("countdown"),onCopySuccess:"countdown 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"countdowncountdown",children:[(0,k.jsx)(o.J,{type:"countdown"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"countdown"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("suggestions"),onCopySuccess:"suggestions 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"suggestionssuggestionsoutline",children:[(0,k.jsx)(o.J,{type:"suggestions"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"suggestions"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("feedback"),onCopySuccess:"feedback 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"feedbackfeedback",children:[(0,k.jsx)(o.J,{type:"feedback"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"feedback"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("contract-o"),onCopySuccess:"contract 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"contractcontractoutline",children:[(0,k.jsx)(o.J,{type:"contract-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"contract"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("rights-list-o"),onCopySuccess:"rights_list 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"rights_listrights-listoutline",children:[(0,k.jsx)(o.J,{type:"rights-list-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"rights_list"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("im-o"),onCopySuccess:"im 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"imimoutline",children:[(0,k.jsx)(o.J,{type:"im-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"im"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("flow-o"),onCopySuccess:"resource 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"resourceresourceflowoutline",children:[(0,k.jsx)(o.J,{type:"flow-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"resource"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("strategy-o"),onCopySuccess:"strategy 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"strategystrategyoutline",children:[(0,k.jsx)(o.J,{type:"strategy-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"strategy"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("link"),onCopySuccess:"link 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"linklink",children:[(0,k.jsx)(o.J,{type:"link"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"link"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("voice"),onCopySuccess:"voice_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"voice_fillvoicefilled",children:[(0,k.jsx)(o.J,{type:"voice"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"voice_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("scan-code-o"),onCopySuccess:"scan_code 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"scan_codescan-codeoutline",children:[(0,k.jsx)(o.J,{type:"scan-code-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"scan_code"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("doc"),onCopySuccess:"doc 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"docdocfilled",children:[(0,k.jsx)(o.J,{type:"doc"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"doc"})]})})]})]})]})}}return(0,k.jsx)(n,{})};function y(n){return(0,k.jsx)(n.tag,g(g({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,k.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function x(n){return(0,k.jsx)(y,{tag:"style",html:n.style})}function q(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),q(n.parentNode,a);return a}class f extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:s||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class j extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,c.l)(document.documentElement,0,q(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(x,{style:".zenticon-demo {\n\t\tfont-size: 40px;\n\t}\n\n\t.zenticon-youzan.zenticon-demo {\n\t\tcolor: #EB0B19;\n\t}\n\n.zi-grid .zenticon {\n\t\tfont-size: 20px;\n\t}\n\n.zi-grid-toolbar {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\t\tjustify-content: space-between;\n\t}\n\n.zi-grid .zi-search-input-wrapper {\n color: #999;\n }\n\n.zi-grid .zi-search-input {\n\t\twidth: 344px;\n margin-bottom: 8px;\n\t}\n\n.zi-grid .zi-grid-group {\n\t\tmargin-top: 48px;\n\t}\n\n.zi-grid .zi-grid-group-name {\n\t\t\tfont-size: 20px;\n\t\t\tline-height: 28px;\n\t\t\tfont-weight: 500;\n\t\t\tmargin-bottom: 24px;\n\t\t}\n\n.zi-grid .zi-grid-group-items {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n.zi-grid .zi-grid-item {\n\t\tbox-sizing: border-box;\n\t\twidth: 16.667%;\n\t\theight: 96px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tcursor: pointer\n\t}\n\n.zi-grid .zi-grid-item:hover {\n\t\tbackground: #F7F8FA;\n}\n\n.zi-grid .zi-grid-item .zenticon {\n\t\t\tfont-size: 40px;\n\t\t\tvertical-align: middle;\n\t\t\tcolor: #333;\n}\n\n.zi-grid .zi-grid-item:not(-n+6) {\n\t\tmargin-top: 16px;\n}\n\n.zi-grid .zi-grid-item .zi-grid-item-name {\n\t\t\tmargin-top: 8px;\n}"}),p.createElement(h,{html:'

Icon

\n

A semantic icon library.

\n

Guide

\n
    \n
  • Part of icons has solid and outline two versions, which the difference is -o. e.g. shop(solid) and shop-o(outline).
    • \n
  • Type naming rule: [icon name]-[variant]-[outline or not(o)].
    • \n
\n

Demos

'}),p.createElement(f,{title:"Used as a React component",id:"Democomponent",src:'import { Icon } from \'zent\';\n\nReactDOM.render(\n <Icon type="youzan" className="zenticon-demo" />\n , mountNode\n);'},p.createElement(m)),p.createElement(f,{title:"Spin animation",id:"Demospin",src:'import { Icon } from \'zent\';\n\nReactDOM.render(\n <Icon type="flow-o" spin className="zenticon-demo" />\n , mountNode\n);'},p.createElement(d)),p.createElement(f,{title:"All Icons",id:"Demoall",src:'import { Icon, Input, RadioGroup, Radio, CopyButton } from \'zent\';\n\nclass IconGrid extends Component {\n state = {\n search: \'\',\n copyType: \'jsx\',\n };\n\n onChange = evt => {\n this.setState({\n search: evt.target.value.trim().toLowerCase()\n });\n };\n\n onCopyOptionChange = evt => {\n this.setState({\n copyType: evt.target.value\n });\n };\n\n getIconString = name => () => {\n const { copyType } = this.state;\n\n if (copyType === \'jsx\') {\n return `<Icon type="${name}" />`;\n }\n\n return name;\n };\n\n render() {\n const { search } = this.state;\n return (\n <div className="zi-grid">\n <div className="zi-grid-toolbar">\n {search && <style>{`.zi-grid-item:not([data-index*="${search}"]) { display: none; }`}</style>}\n <div className="zi-search-input-wrapper">\n <Input\n className="zi-search-input"\n icon="search"\n placeholder="Search icon"\n value={search}\n onChange={this.onChange}\n />\n Attention: The icon name displayed is not the type\n </div>\n\n <RadioGroup onChange={this.onCopyOptionChange} value={this.state.copyType}>\n <Radio value="jsx">Copy JSX</Radio>\n <Radio value="name">Copy type</Radio>\n </RadioGroup>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">Operation</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("up")}\n onCopySuccess="up 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="upup"\n >\n <Icon type="up" />\n <span className="zi-grid-item-name">up</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("down")}\n onCopySuccess="down 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="downdown"\n >\n <Icon type="down" />\n <span className="zi-grid-item-name">down</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("left")}\n onCopySuccess="left 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="leftleft"\n >\n <Icon type="left" />\n <span className="zi-grid-item-name">left</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("right")}\n onCopySuccess="right 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="rightright"\n >\n <Icon type="right" />\n <span className="zi-grid-item-name">right</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("left-circle-o")}\n onCopySuccess="left_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="left_circleleftcircleoutline"\n >\n <Icon type="left-circle-o" />\n <span className="zi-grid-item-name">left_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("left-circle")}\n onCopySuccess="left_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="left_circle_fillleftcirclefilled"\n >\n <Icon type="left-circle" />\n <span className="zi-grid-item-name">left_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("right-circle-o")}\n onCopySuccess="right_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="right_circlerightcircleoutline"\n >\n <Icon type="right-circle-o" />\n <span className="zi-grid-item-name">right_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("right-circle")}\n onCopySuccess="right_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="right_circle_fillrightcirclefilled"\n >\n <Icon type="right-circle" />\n <span className="zi-grid-item-name">right_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("up-circle-o")}\n onCopySuccess="up_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="up_circleupcircleoutline"\n >\n <Icon type="up-circle-o" />\n <span className="zi-grid-item-name">up_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("up-circle")}\n onCopySuccess="up_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="up_circle_fillupcirclefilled"\n >\n <Icon type="up-circle" />\n <span className="zi-grid-item-name">up_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("down-circle-o")}\n onCopySuccess="down_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="down_circledowncircleoutline"\n >\n <Icon type="down-circle-o" />\n <span className="zi-grid-item-name">down_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("down-circle")}\n onCopySuccess="down_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="down_circle_filldowncirclefilled"\n >\n <Icon type="down-circle" />\n <span className="zi-grid-item-name">down_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("upload")}\n onCopySuccess="upload 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="uploadupload"\n >\n <Icon type="upload" />\n <span className="zi-grid-item-name">upload</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("download")}\n onCopySuccess="download 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="downloaddownload"\n >\n <Icon type="download" />\n <span className="zi-grid-item-name">download</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("edit-o")}\n onCopySuccess="edit 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="editeditoutline"\n >\n <Icon type="edit-o" />\n <span className="zi-grid-item-name">edit</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("edit")}\n onCopySuccess="edit_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="edit_filleditfilled"\n >\n <Icon type="edit" />\n <span className="zi-grid-item-name">edit_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("remove-o")}\n onCopySuccess="remove 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="removedeleteremoveoutline"\n >\n <Icon type="remove-o" />\n <span className="zi-grid-item-name">remove</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("remove")}\n onCopySuccess="remove_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="remove_filldeleteremovefilled"\n >\n <Icon type="remove" />\n <span className="zi-grid-item-name">remove_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("save-o")}\n onCopySuccess="save 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="savesaveoutline"\n >\n <Icon type="save-o" />\n <span className="zi-grid-item-name">save</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("save")}\n onCopySuccess="save_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="save_fillsavefilled"\n >\n <Icon type="save" />\n <span className="zi-grid-item-name">save_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("arrow-up")}\n onCopySuccess="arrow_up 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="arrow_uparrowup"\n >\n <Icon type="arrow-up" />\n <span className="zi-grid-item-name">arrow_up</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("arrow-down")}\n onCopySuccess="arrow_down 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="arrow_downarrowdown"\n >\n <Icon type="arrow-down" />\n <span className="zi-grid-item-name">arrow_down</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("locked-o")}\n onCopySuccess="locked 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="lockedlockedoutline"\n >\n <Icon type="locked-o" />\n <span className="zi-grid-item-name">locked</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("locked")}\n onCopySuccess="locked_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="locked_filllockedfilled"\n >\n <Icon type="locked" />\n <span className="zi-grid-item-name">locked_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("unlocked-o")}\n onCopySuccess="unlocked 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="unlockedunlockedoutline"\n >\n <Icon type="unlocked-o" />\n <span className="zi-grid-item-name">unlocked</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("unlocked")}\n onCopySuccess="unlocked_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="unlocked_fillunlockedfilled"\n >\n <Icon type="unlocked" />\n <span className="zi-grid-item-name">unlocked_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("nav-line")}\n onCopySuccess="nav_line 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="nav_linenavline"\n >\n <Icon type="nav-line" />\n <span className="zi-grid-item-name">nav_line</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("nav-grid")}\n onCopySuccess="nav_grid 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="nav_gridnavgrid"\n >\n <Icon type="nav-grid" />\n <span className="zi-grid-item-name">nav_grid</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("share")}\n onCopySuccess="share 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shareshare"\n >\n <Icon type="share" />\n <span className="zi-grid-item-name">share</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("refresh")}\n onCopySuccess="refresh 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="refreshrefreshoutline"\n >\n <Icon type="refresh" />\n <span className="zi-grid-item-name">refresh</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("help-circle-o")}\n onCopySuccess="help 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="helphelpcircleoutline"\n >\n <Icon type="help-circle-o" />\n <span className="zi-grid-item-name">help</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("help-circle")}\n onCopySuccess="help_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="help_fillhelpcirclefilled"\n >\n <Icon type="help-circle" />\n <span className="zi-grid-item-name">help_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("thumbnail")}\n onCopySuccess="fullscreen 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="fullscreenfullscreenthumbnail"\n >\n <Icon type="thumbnail" />\n <span className="zi-grid-item-name">fullscreen</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("fullscreen-exit")}\n onCopySuccess="fullscreen_exit 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="fullscreen_exitfullscreenexit"\n >\n <Icon type="fullscreen-exit" />\n <span className="zi-grid-item-name">fullscreen_exit</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("table-loose")}\n onCopySuccess="table_loose 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="table_loosetableloose"\n >\n <Icon type="table-loose" />\n <span className="zi-grid-item-name">table_loose</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("table-compact")}\n onCopySuccess="table_compact 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="table_compacttablecompact"\n >\n <Icon type="table-compact" />\n <span className="zi-grid-item-name">table_compact</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("export")}\n onCopySuccess="export 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="exportexportfilled"\n >\n <Icon type="export" />\n <span className="zi-grid-item-name">export</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("pin-o")}\n onCopySuccess="pin 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="pinpinoutline"\n >\n <Icon type="pin-o" />\n <span className="zi-grid-item-name">pin</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("pin")}\n onCopySuccess="pin_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="pin_fillpinfilled"\n >\n <Icon type="pin" />\n <span className="zi-grid-item-name">pin_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("eye-o")}\n onCopySuccess="show 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="showeyeoutlineshow"\n >\n <Icon type="eye-o" />\n <span className="zi-grid-item-name">show</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("eye")}\n onCopySuccess="show_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="show_filleyefilledshow"\n >\n <Icon type="eye" />\n <span className="zi-grid-item-name">show_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("closed-eye")}\n onCopySuccess="hide 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hideclosed-eyeoutlinehide"\n >\n <Icon type="closed-eye" />\n <span className="zi-grid-item-name">hide</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("subtract-circle-o")}\n onCopySuccess="subtract_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="subtract_circleminussubtract circleoutline"\n >\n <Icon type="subtract-circle-o" />\n <span className="zi-grid-item-name">subtract_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("subtract-circle")}\n onCopySuccess="subtract_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="subtract_circle_fillminussubtractcirclefilled"\n >\n <Icon type="subtract-circle" />\n <span className="zi-grid-item-name">subtract_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("plus-circle-o")}\n onCopySuccess="plus_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="plus_circleaddpluscircleoutline"\n >\n <Icon type="plus-circle-o" />\n <span className="zi-grid-item-name">plus_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("plus-circle")}\n onCopySuccess="plus_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="plus_circle_filladdpluscirclefilled"\n >\n <Icon type="plus-circle" />\n <span className="zi-grid-item-name">plus_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("double-last")}\n onCopySuccess="double_last 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="double_lastdoublelast"\n >\n <Icon type="double-last" />\n <span className="zi-grid-item-name">double_last</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("double-next")}\n onCopySuccess="double_next 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="double_nextdoublenext"\n >\n <Icon type="double-next" />\n <span className="zi-grid-item-name">double_next</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("plus")}\n onCopySuccess="plus 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="plusaddplus"\n >\n <Icon type="plus" />\n <span className="zi-grid-item-name">plus</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("close")}\n onCopySuccess="close 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="closeclosenaked"\n >\n <Icon type="close" />\n <span className="zi-grid-item-name">close</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("search")}\n onCopySuccess="search 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="searchsearch"\n >\n <Icon type="search" />\n <span className="zi-grid-item-name">search</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("more")}\n onCopySuccess="more 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="moremore"\n >\n <Icon type="more" />\n <span className="zi-grid-item-name">more</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("caret-up")}\n onCopySuccess="ascending 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="ascendingcaretupascending"\n >\n <Icon type="caret-up" />\n <span className="zi-grid-item-name">ascending</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("caret-down")}\n onCopySuccess="descending 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="descendingcaretdowndescending"\n >\n <Icon type="caret-down" />\n <span className="zi-grid-item-name">descending</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("reset")}\n onCopySuccess="reset_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="reset_fillresetfilled"\n >\n <Icon type="reset" />\n <span className="zi-grid-item-name">reset_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("drag")}\n onCopySuccess="drag 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="dragdrag"\n >\n <Icon type="drag" />\n <span className="zi-grid-item-name">drag</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("filter-o")}\n onCopySuccess="filter 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="filterfilteroutline"\n >\n <Icon type="filter-o" />\n <span className="zi-grid-item-name">filter</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">Business</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("summary-o")}\n onCopySuccess="summary 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="summarysummaryoutline"\n >\n <Icon type="summary-o" />\n <span className="zi-grid-item-name">summary</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("summary")}\n onCopySuccess="summary_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="summary_fillsummaryfilled"\n >\n <Icon type="summary" />\n <span className="zi-grid-item-name">summary_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("shop-o")}\n onCopySuccess="shop 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shopshopoutline"\n >\n <Icon type="shop-o" />\n <span className="zi-grid-item-name">shop</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("shop")}\n onCopySuccess="shop_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shop_fillshopfilled"\n >\n <Icon type="shop" />\n <span className="zi-grid-item-name">shop_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("goods-o")}\n onCopySuccess="goods 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="goodsgoodsoutline"\n >\n <Icon type="goods-o" />\n <span className="zi-grid-item-name">goods</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("goods")}\n onCopySuccess="goods_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="goods_fillgoodsfilled"\n >\n <Icon type="goods" />\n <span className="zi-grid-item-name">goods_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("order-o")}\n onCopySuccess="order 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="orderorderoutline"\n >\n <Icon type="order-o" />\n <span className="zi-grid-item-name">order</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("order")}\n onCopySuccess="order_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="order_fillorderfilled"\n >\n <Icon type="order" />\n <span className="zi-grid-item-name">order_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-o")}\n onCopySuccess="customer 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="customercustomeroutline"\n >\n <Icon type="customer-o" />\n <span className="zi-grid-item-name">customer</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer")}\n onCopySuccess="customer_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="customer_fillcustomerfilled"\n >\n <Icon type="customer" />\n <span className="zi-grid-item-name">customer_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("chart-o")}\n onCopySuccess="chart 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="chartdatachartoutline"\n >\n <Icon type="chart-o" />\n <span className="zi-grid-item-name">chart</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("chart")}\n onCopySuccess="chart_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="chart_filldatachartfilled"\n >\n <Icon type="chart" />\n <span className="zi-grid-item-name">chart_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("capital-o")}\n onCopySuccess="capital 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="capitalcapitaloutline"\n >\n <Icon type="capital-o" />\n <span className="zi-grid-item-name">capital</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("capital")}\n onCopySuccess="capital_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="capital_fillcapitalfilled"\n >\n <Icon type="capital" />\n <span className="zi-grid-item-name">capital_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("settings-o")}\n onCopySuccess="settings 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="settingssettingsoutline"\n >\n <Icon type="settings-o" />\n <span className="zi-grid-item-name">settings</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("settings")}\n onCopySuccess="settings_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="settings_fillsettingsfilled"\n >\n <Icon type="settings" />\n <span className="zi-grid-item-name">settings_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("marketing-o")}\n onCopySuccess="marketing 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="marketingmarketingoutline"\n >\n <Icon type="marketing-o" />\n <span className="zi-grid-item-name">marketing</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("marketing")}\n onCopySuccess="marketing_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="marketing_fillmarketingfilled"\n >\n <Icon type="marketing" />\n <span className="zi-grid-item-name">marketing_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("inventory-o")}\n onCopySuccess="inventory 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="inventoryinventoryoutline"\n >\n <Icon type="inventory-o" />\n <span className="zi-grid-item-name">inventory</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("inventory")}\n onCopySuccess="inventory_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="inventory_fillinventoryfilled"\n >\n <Icon type="inventory" />\n <span className="zi-grid-item-name">inventory_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("procurement-o")}\n onCopySuccess="procurement 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="procurementprocurementoutline"\n >\n <Icon type="procurement-o" />\n <span className="zi-grid-item-name">procurement</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("procurement")}\n onCopySuccess="procurement_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="procurement_fillprocurementfilled"\n >\n <Icon type="procurement" />\n <span className="zi-grid-item-name">procurement_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("finance-o")}\n onCopySuccess="finance 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="financefinanceoutline"\n >\n <Icon type="finance-o" />\n <span className="zi-grid-item-name">finance</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("finance")}\n onCopySuccess="finance_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="finance_fillfinancefilled"\n >\n <Icon type="finance" />\n <span className="zi-grid-item-name">finance_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("cashier-o")}\n onCopySuccess="cashier 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="cashiercashieroutline"\n >\n <Icon type="cashier-o" />\n <span className="zi-grid-item-name">cashier</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("cashier")}\n onCopySuccess="cashier_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="cashier_fillcashierfilled"\n >\n <Icon type="cashier" />\n <span className="zi-grid-item-name">cashier_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("course-o")}\n onCopySuccess="course 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="coursecourseoutline"\n >\n <Icon type="course-o" />\n <span className="zi-grid-item-name">course</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("course")}\n onCopySuccess="course_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="course_fillcoursefilled"\n >\n <Icon type="course" />\n <span className="zi-grid-item-name">course_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("admissions-o")}\n onCopySuccess="admissions 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="admissionsadmissionsoutline"\n >\n <Icon type="admissions-o" />\n <span className="zi-grid-item-name">admissions</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("admissions")}\n onCopySuccess="admissions_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="admissions_filladmissionsfilled"\n >\n <Icon type="admissions" />\n <span className="zi-grid-item-name">admissions_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("educational-o")}\n onCopySuccess="educational 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="educationaleducationaloutline"\n >\n <Icon type="educational-o" />\n <span className="zi-grid-item-name">educational</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("educational")}\n onCopySuccess="educational_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="educational_filleducationalfilled"\n >\n <Icon type="educational" />\n <span className="zi-grid-item-name">educational_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-service-o")}\n onCopySuccess="service 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="servicecustomer-serviceoutline"\n >\n <Icon type="customer-service-o" />\n <span className="zi-grid-item-name">service</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-service")}\n onCopySuccess="service_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="service_fillcustomer-servicefilled"\n >\n <Icon type="customer-service" />\n <span className="zi-grid-item-name">service_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("message-o")}\n onCopySuccess="message 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="messagemessageoutline"\n >\n <Icon type="message-o" />\n <span className="zi-grid-item-name">message</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("message")}\n onCopySuccess="message_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="message_fillmessagefilled"\n >\n <Icon type="message" />\n <span className="zi-grid-item-name">message_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("jump-out")}\n onCopySuccess="jump_out 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="jump_outjump-out"\n >\n <Icon type="jump-out" />\n <span className="zi-grid-item-name">jump_out</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("sign-out")}\n onCopySuccess="sign_out 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="sign_outsign-out"\n >\n <Icon type="sign-out" />\n <span className="zi-grid-item-name">sign_out</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hotel-o")}\n onCopySuccess="hotel 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hotelhoteloutline"\n >\n <Icon type="hotel-o" />\n <span className="zi-grid-item-name">hotel</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hotel")}\n onCopySuccess="hotel_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hotel_fillhotelfilled"\n >\n <Icon type="hotel" />\n <span className="zi-grid-item-name">hotel_fill</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">Status</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("check-circle-o")}\n onCopySuccess="success_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="success_circlecheckcircleoutlinesuccess"\n >\n <Icon type="check-circle-o" />\n <span className="zi-grid-item-name">success_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("check-circle")}\n onCopySuccess="success_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="success_circle_fillcheckcirclefilledsuccess"\n >\n <Icon type="check-circle" />\n <span className="zi-grid-item-name">success_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("close-circle-o")}\n onCopySuccess="error_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="error_circleerrorcircleoutline"\n >\n <Icon type="close-circle-o" />\n <span className="zi-grid-item-name">error_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("close-circle")}\n onCopySuccess="error_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="error_circle_fillerrorcirclefilled"\n >\n <Icon type="close-circle" />\n <span className="zi-grid-item-name">error_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("warning-o")}\n onCopySuccess="warning 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="warningwarningtriangleoutline"\n >\n <Icon type="warning-o" />\n <span className="zi-grid-item-name">warning</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("warning")}\n onCopySuccess="warning_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="warning_fillwarningtrianglefilled"\n >\n <Icon type="warning" />\n <span className="zi-grid-item-name">warning_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("info-circle-o")}\n onCopySuccess="info_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="info_circleinfocircleoutline"\n >\n <Icon type="info-circle-o" />\n <span className="zi-grid-item-name">info_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("info-circle")}\n onCopySuccess="info_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="info_circle_fillinfocirclefilled"\n >\n <Icon type="info-circle" />\n <span className="zi-grid-item-name">info_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("loading")}\n onCopySuccess="loading 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="loadingloading"\n >\n <Icon type="loading" />\n <span className="zi-grid-item-name">loading</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("wait")}\n onCopySuccess="wait_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="wait_fillwaitfilled"\n >\n <Icon type="wait" />\n <span className="zi-grid-item-name">wait_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("star-o")}\n onCopySuccess="star 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="starstaroutline"\n >\n <Icon type="star-o" />\n <span className="zi-grid-item-name">star</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("star")}\n onCopySuccess="star_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="star_fillstarfilled"\n >\n <Icon type="star" />\n <span className="zi-grid-item-name">star_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bell-o")}\n onCopySuccess="bell 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bellbelloutline"\n >\n <Icon type="bell-o" />\n <span className="zi-grid-item-name">bell</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bell")}\n onCopySuccess="bell_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bell_fillbellfilled"\n >\n <Icon type="bell" />\n <span className="zi-grid-item-name">bell_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("check")}\n onCopySuccess="check 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="checkcheck"\n >\n <Icon type="check" />\n <span className="zi-grid-item-name">check</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">Logo</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("youzan-o")}\n onCopySuccess="youzan 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="youzanyouzanlogooutline"\n >\n <Icon type="youzan-o" />\n <span className="zi-grid-item-name">youzan</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("youzan")}\n onCopySuccess="youzan_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="youzan_fillyouzanlogofilled"\n >\n <Icon type="youzan" />\n <span className="zi-grid-item-name">youzan_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("mini-apps-o")}\n onCopySuccess="mini_apps 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="mini_appswechatminiappoutline"\n >\n <Icon type="mini-apps-o" />\n <span className="zi-grid-item-name">mini_apps</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("mini-apps")}\n onCopySuccess="mini_apps_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="mini_apps_fillwechatminiappfilled"\n >\n <Icon type="mini-apps" />\n <span className="zi-grid-item-name">mini_apps_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("wechat-o")}\n onCopySuccess="wechat 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="wechatwechatoutline"\n >\n <Icon type="wechat-o" />\n <span className="zi-grid-item-name">wechat</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("wechat")}\n onCopySuccess="wechat_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="wechat_fillwechatfilled"\n >\n <Icon type="wechat" />\n <span className="zi-grid-item-name">wechat_fill</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">Base</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("clock-o")}\n onCopySuccess="clock 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="clockclockoutline"\n >\n <Icon type="clock-o" />\n <span className="zi-grid-item-name">clock</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("clock")}\n onCopySuccess="clock_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="clock_fillclockfilled"\n >\n <Icon type="clock" />\n <span className="zi-grid-item-name">clock_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("calendar-o")}\n onCopySuccess="calendar 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="calendarcalendaroutline"\n >\n <Icon type="calendar-o" />\n <span className="zi-grid-item-name">calendar</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("calendar")}\n onCopySuccess="calendar_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="calendar_fillcalendarfilled"\n >\n <Icon type="calendar" />\n <span className="zi-grid-item-name">calendar_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("present-o")}\n onCopySuccess="present 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="presentpresentoutline"\n >\n <Icon type="present-o" />\n <span className="zi-grid-item-name">present</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("present")}\n onCopySuccess="present_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="present_fillpresentfilled"\n >\n <Icon type="present" />\n <span className="zi-grid-item-name">present_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("ticket-o")}\n onCopySuccess="ticket 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="ticketticketoutline"\n >\n <Icon type="ticket-o" />\n <span className="zi-grid-item-name">ticket</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("ticket")}\n onCopySuccess="ticket_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="ticket_fillticketfilled"\n >\n <Icon type="ticket" />\n <span className="zi-grid-item-name">ticket_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("expand-customer-o")}\n onCopySuccess="expand_customer 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="expand_customerexpandcustomeroutline"\n >\n <Icon type="expand-customer-o" />\n <span className="zi-grid-item-name">expand_customer</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("expand-customer")}\n onCopySuccess="expand_customer_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="expand_customer_fillexpandcustomerfilled"\n >\n <Icon type="expand-customer" />\n <span className="zi-grid-item-name">expand_customer_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("checkin-o")}\n onCopySuccess="checkin 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="checkincheckinoutline"\n >\n <Icon type="checkin-o" />\n <span className="zi-grid-item-name">checkin</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("checkin")}\n onCopySuccess="checkin_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="checkin_fillcheckinfilled"\n >\n <Icon type="checkin" />\n <span className="zi-grid-item-name">checkin_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("assess-o")}\n onCopySuccess="assess 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="assessassessoutline"\n >\n <Icon type="assess-o" />\n <span className="zi-grid-item-name">assess</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("assess")}\n onCopySuccess="assess_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="assess_fillassessfilled"\n >\n <Icon type="assess" />\n <span className="zi-grid-item-name">assess_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("business-o")}\n onCopySuccess="business 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="businessbusinessoutline"\n >\n <Icon type="business-o" />\n <span className="zi-grid-item-name">business</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("business")}\n onCopySuccess="business_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="business_fillbusinessfilled"\n >\n <Icon type="business" />\n <span className="zi-grid-item-name">business_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hr-o")}\n onCopySuccess="hr 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hrhuman resourceoutline"\n >\n <Icon type="hr-o" />\n <span className="zi-grid-item-name">hr</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hr")}\n onCopySuccess="hr_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hr_fillhuman resourcefilled"\n >\n <Icon type="hr" />\n <span className="zi-grid-item-name">hr_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("approval-o")}\n onCopySuccess="approval 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="approvalapprovaloutline"\n >\n <Icon type="approval-o" />\n <span className="zi-grid-item-name">approval</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("approval")}\n onCopySuccess="approval_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="approval_fillapprovalfilled"\n >\n <Icon type="approval" />\n <span className="zi-grid-item-name">approval_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report-o")}\n onCopySuccess="report 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="reportreportoutline"\n >\n <Icon type="report-o" />\n <span className="zi-grid-item-name">report</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report")}\n onCopySuccess="report_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="report_fillreportfilled"\n >\n <Icon type="report" />\n <span className="zi-grid-item-name">report_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("coupon-o")}\n onCopySuccess="coupon 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="couponcouponoutline"\n >\n <Icon type="coupon-o" />\n <span className="zi-grid-item-name">coupon</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("coupon")}\n onCopySuccess="coupon_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="coupon_fillcouponfilled"\n >\n <Icon type="coupon" />\n <span className="zi-grid-item-name">coupon_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hc-manage-o")}\n onCopySuccess="hc_manage 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hc_managehc-manageoutline"\n >\n <Icon type="hc-manage-o" />\n <span className="zi-grid-item-name">hc_manage</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hc-manage")}\n onCopySuccess="hc_manage_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hc_manage_fillhc-managefilled"\n >\n <Icon type="hc-manage" />\n <span className="zi-grid-item-name">hc_manage_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report-forms-o")}\n onCopySuccess="report_forms 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="report_formsreportformsoutline"\n >\n <Icon type="report-forms-o" />\n <span className="zi-grid-item-name">report_forms</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report-forms")}\n onCopySuccess="report_forms_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="report_forms_fillreportformsfilled"\n >\n <Icon type="report-forms" />\n <span className="zi-grid-item-name">report_forms_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("brush-o")}\n onCopySuccess="brush 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="brushbrushoutline"\n >\n <Icon type="brush-o" />\n <span className="zi-grid-item-name">brush</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("brush")}\n onCopySuccess="brush_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="brush_fillbrushfilled"\n >\n <Icon type="brush" />\n <span className="zi-grid-item-name">brush_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("development-doc-o")}\n onCopySuccess="development_doc 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="development_docdevelopmentdocoutline"\n >\n <Icon type="development-doc-o" />\n <span className="zi-grid-item-name">development_doc</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("development-doc")}\n onCopySuccess="development_doc_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="development_doc_filldevelopmentdocfilled"\n >\n <Icon type="development-doc" />\n <span className="zi-grid-item-name">development_doc_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bookmark-o")}\n onCopySuccess="bookmark 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bookmarkbookmarkoutline"\n >\n <Icon type="bookmark-o" />\n <span className="zi-grid-item-name">bookmark</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bookmark")}\n onCopySuccess="bookmark_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bookmark_fillbookmarkfilled"\n >\n <Icon type="bookmark" />\n <span className="zi-grid-item-name">bookmark_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("folder-o")}\n onCopySuccess="folder 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="folderfolderoutline"\n >\n <Icon type="folder-o" />\n <span className="zi-grid-item-name">folder</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("open-folder-o")}\n onCopySuccess="open_folder 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="open_folderopen-folderoutline"\n >\n <Icon type="open-folder-o" />\n <span className="zi-grid-item-name">open_folder</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("pending-payment-o")}\n onCopySuccess="pending_payment 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="pending_paymentpaymentpendingoutline"\n >\n <Icon type="pending-payment-o" />\n <span className="zi-grid-item-name">pending_payment</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("salesman-o")}\n onCopySuccess="salesman 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="salesmansalesmanoutline"\n >\n <Icon type="salesman-o" />\n <span className="zi-grid-item-name">salesman</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("tendency-o")}\n onCopySuccess="tendency 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="tendencytendencyoutline"\n >\n <Icon type="tendency-o" />\n <span className="zi-grid-item-name">tendency</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("distribution-o")}\n onCopySuccess="distribution 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="distributiondistributionoutline"\n >\n <Icon type="distribution-o" />\n <span className="zi-grid-item-name">distribution</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("member-o")}\n onCopySuccess="member 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="membermemberoutline"\n >\n <Icon type="member-o" />\n <span className="zi-grid-item-name">member</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("text-guide-o")}\n onCopySuccess="text_guide 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="text_guidetext-guideoutlineguide"\n >\n <Icon type="text-guide-o" />\n <span className="zi-grid-item-name">text_guide</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("qrcode")}\n onCopySuccess="qrcode 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="qrcodeqrcode"\n >\n <Icon type="qrcode" />\n <span className="zi-grid-item-name">qrcode</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("shop-analyze-o")}\n onCopySuccess="shop_analyze 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shop_analyzeshopanalyzeoutline"\n >\n <Icon type="shop-analyze-o" />\n <span className="zi-grid-item-name">shop_analyze</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("channel-o")}\n onCopySuccess="channel 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="channelchanneloutline"\n >\n <Icon type="channel-o" />\n <span className="zi-grid-item-name">channel</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("cashier-desk-o")}\n onCopySuccess="cashier_desk 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="cashier_deskcashierdeskoutline"\n >\n <Icon type="cashier-desk-o" />\n <span className="zi-grid-item-name">cashier_desk</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("qa-o")}\n onCopySuccess="qa 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="qaqualityassuranceoutline"\n >\n <Icon type="qa-o" />\n <span className="zi-grid-item-name">qa</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("withdraw-cash-o")}\n onCopySuccess="withdraw_cash 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="withdraw_cashwithdrawcashoutline"\n >\n <Icon type="withdraw-cash-o" />\n <span className="zi-grid-item-name">withdraw_cash</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("tools-o")}\n onCopySuccess="tools 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="toolstoolsoutline"\n >\n <Icon type="tools-o" />\n <span className="zi-grid-item-name">tools</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("smile")}\n onCopySuccess="smile 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="smilesmile"\n >\n <Icon type="smile" />\n <span className="zi-grid-item-name">smile</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("photo")}\n onCopySuccess="photo 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="photophoto"\n >\n <Icon type="photo" />\n <span className="zi-grid-item-name">photo</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("video-o")}\n onCopySuccess="video 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="videovideooutline"\n >\n <Icon type="video-o" />\n <span className="zi-grid-item-name">video</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("video")}\n onCopySuccess="video_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="video_fillvideofilled"\n >\n <Icon type="video" />\n <span className="zi-grid-item-name">video_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hotline-o")}\n onCopySuccess="hotline 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hotlinehotlineoutline"\n >\n <Icon type="hotline-o" />\n <span className="zi-grid-item-name">hotline</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("visit-o")}\n onCopySuccess="visit 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="visitvisitoutline"\n >\n <Icon type="visit-o" />\n <span className="zi-grid-item-name">visit</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("countdown")}\n onCopySuccess="countdown 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="countdowncountdown"\n >\n <Icon type="countdown" />\n <span className="zi-grid-item-name">countdown</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("suggestions")}\n onCopySuccess="suggestions 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="suggestionssuggestionsoutline"\n >\n <Icon type="suggestions" />\n <span className="zi-grid-item-name">suggestions</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("feedback")}\n onCopySuccess="feedback 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="feedbackfeedback"\n >\n <Icon type="feedback" />\n <span className="zi-grid-item-name">feedback</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("contract-o")}\n onCopySuccess="contract 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="contractcontractoutline"\n >\n <Icon type="contract-o" />\n <span className="zi-grid-item-name">contract</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("rights-list-o")}\n onCopySuccess="rights_list 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="rights_listrights-listoutline"\n >\n <Icon type="rights-list-o" />\n <span className="zi-grid-item-name">rights_list</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("im-o")}\n onCopySuccess="im 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="imimoutline"\n >\n <Icon type="im-o" />\n <span className="zi-grid-item-name">im</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("flow-o")}\n onCopySuccess="resource 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="resourceresourceflowoutline"\n >\n <Icon type="flow-o" />\n <span className="zi-grid-item-name">resource</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("strategy-o")}\n onCopySuccess="strategy 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="strategystrategyoutline"\n >\n <Icon type="strategy-o" />\n <span className="zi-grid-item-name">strategy</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("link")}\n onCopySuccess="link 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="linklink"\n >\n <Icon type="link" />\n <span className="zi-grid-item-name">link</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("voice")}\n onCopySuccess="voice_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="voice_fillvoicefilled"\n >\n <Icon type="voice" />\n <span className="zi-grid-item-name">voice_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("scan-code-o")}\n onCopySuccess="scan_code 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="scan_codescan-codeoutline"\n >\n <Icon type="scan-code-o" />\n <span className="zi-grid-item-name">scan_code</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("doc")}\n onCopySuccess="doc 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="docdocfilled"\n >\n <Icon type="doc" />\n <span className="zi-grid-item-name">doc</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n </div>\n );\n }\n}\n\nReactDOM.render(<IconGrid />, mountNode);'},p.createElement(v)),p.createElement(h,{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
PropertyDescriptionTypeDefault
typeType of iconstring\'\'
spinspin animationbooleanfalse
classNamecustom extra class namestring\'\'
'}))}}},89522:(n,a,s)=>{"use strict";s.d(a,{q:()=>g});var t=s(59312),p=s(24246),c=s(27378),o=s(90347),e=s(23476),l=s(52074),u=s(42690),i=s(14805),k=function(n){var a,s,t,p,c=!1;try{if(a=function(){var n=document.getSelection();if(!n.rangeCount)return u.Z;for(var a=document.activeElement,s=[],t=0;t{"use strict";s.d(a,{E:()=>i});var t=s(59312),p=s(24246),c=s(60042),o=s.n(c),e=s(27378),l=s(57961),u=s(1348);function i(n){var a=(0,e.useContext)(u.d),s=n.value,c=n.disabled,i=void 0===c?a.value:c,k=n.readOnly,r=void 0!==k&&k,g=n.isValueEqual,m=void 0===g?Object.is:g,d=n.className,v=n.style,y=n.children,h=n.onChange,x=(0,e.useMemo)((function(){return{value:s,disabled:i,readOnly:r,isValueEqual:m,onRadioChange:h}}),[s,i,r,m,h]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:x},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",d),style:v,"data-zv":"10.0.9"},{children:y}),void 0)}),void 0)}a.Z=i},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>d});var t=s(59312),p=s(24246),c=s(60042),o=s.n(c),e=s(1535),l=s(27378);function u(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var c=s.current.onChange;c&&c(a)}}),[p])}function i(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var k=s(4246),r=s(1348),g=s(57961);function m(n){var a=n.className,s=n.style,c=n.children,k=(n.value,n.width),m=n.labelStyle,d=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),v=(0,l.useContext)(r.d),y=(0,l.useContext)(g.Z),h=i(v,y,n),x=h.checked,q=h.disabled,f=h.readOnly,j=u(y,n),z=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!x,"zent-radio-disabled":q||f}),C=(0,e.Z)(k),N=(0,t.pi)((0,t.pi)({},s),C);return(0,p.jsxs)("label",(0,t.pi)({className:z,style:N,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},d,{type:"radio",checked:!!x,disabled:q,readOnly:f,onChange:j,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==c&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.9"},{children:c}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,c=n.children,k=(n.value,n.width),m=n.onMouseEnter,d=n.onMouseLeave,v=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),y=(0,l.useContext)(r.d),h=(0,l.useContext)(g.Z);if(!h)throw new Error("Radio.Button must be nested within Radio.Group");var x=i(y,h,n),q=x.checked,f=x.disabled,j=x.readOnly,z=u(h,n),C=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!q,"zent-radio-button--disabled":f||j}),N=(0,e.Z)(k),S=(0,t.pi)((0,t.pi)({},s),N);return(0,p.jsxs)("label",(0,t.pi)({className:C,style:S,onMouseEnter:m,onMouseLeave:d,"data-zv":"10.0.9"},{children:[(0,p.jsx)("input",(0,t.pi)({},v,{type:"radio",checked:!!q,disabled:f,readOnly:j,onChange:z,"data-zv":"10.0.9"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{children:c}),void 0)]}),void 0)},m.Group=k.Z;var d=m},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[183],{20183:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>j});var t=s(73450),p=s(27378),c=s(57318),e=s(39215),o=s(82285),l=s(4246),u=s(71457),i=s(89522),k=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function g(n){for(var a=1;a{this.setState({search:n.target.value.trim().toLowerCase()})})),(0,t.Z)(this,"onCopyOptionChange",(n=>{this.setState({copyType:n.target.value})})),(0,t.Z)(this,"getIconString",(n=>()=>"jsx"===this.state.copyType?''):n))}render(){var n=this.state.search;return(0,k.jsxs)("div",{className:"zi-grid",children:[(0,k.jsxs)("div",{className:"zi-grid-toolbar",children:[n&&(0,k.jsx)("style",{children:'.zi-grid-item:not([data-index*="'.concat(n,'"]) { display: none; }')}),(0,k.jsxs)("div",{className:"zi-search-input-wrapper",children:[(0,k.jsx)(o.I,{className:"zi-search-input",icon:"search",placeholder:"Search icon",value:n,onChange:this.onChange}),"Attention: The icon name displayed is not the type"]}),(0,k.jsxs)(l.E,{onChange:this.onCopyOptionChange,value:this.state.copyType,children:[(0,k.jsx)(u.Y,{value:"jsx",children:"Copy JSX"}),(0,k.jsx)(u.Y,{value:"name",children:"Copy type"})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"Operation"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("up"),onCopySuccess:"up 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"upup",children:[(0,k.jsx)(e.J,{type:"up"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"up"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("down"),onCopySuccess:"down 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"downdown",children:[(0,k.jsx)(e.J,{type:"down"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"down"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("left"),onCopySuccess:"left 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"leftleft",children:[(0,k.jsx)(e.J,{type:"left"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"left"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("right"),onCopySuccess:"right 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"rightright",children:[(0,k.jsx)(e.J,{type:"right"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"right"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("left-circle-o"),onCopySuccess:"left_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"left_circleleftcircleoutline",children:[(0,k.jsx)(e.J,{type:"left-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"left_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("left-circle"),onCopySuccess:"left_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"left_circle_fillleftcirclefilled",children:[(0,k.jsx)(e.J,{type:"left-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"left_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("right-circle-o"),onCopySuccess:"right_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"right_circlerightcircleoutline",children:[(0,k.jsx)(e.J,{type:"right-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"right_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("right-circle"),onCopySuccess:"right_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"right_circle_fillrightcirclefilled",children:[(0,k.jsx)(e.J,{type:"right-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"right_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("up-circle-o"),onCopySuccess:"up_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"up_circleupcircleoutline",children:[(0,k.jsx)(e.J,{type:"up-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"up_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("up-circle"),onCopySuccess:"up_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"up_circle_fillupcirclefilled",children:[(0,k.jsx)(e.J,{type:"up-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"up_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("down-circle-o"),onCopySuccess:"down_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"down_circledowncircleoutline",children:[(0,k.jsx)(e.J,{type:"down-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"down_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("down-circle"),onCopySuccess:"down_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"down_circle_filldowncirclefilled",children:[(0,k.jsx)(e.J,{type:"down-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"down_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("upload"),onCopySuccess:"upload 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"uploadupload",children:[(0,k.jsx)(e.J,{type:"upload"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"upload"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("download"),onCopySuccess:"download 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"downloaddownload",children:[(0,k.jsx)(e.J,{type:"download"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"download"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("edit-o"),onCopySuccess:"edit 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"editeditoutline",children:[(0,k.jsx)(e.J,{type:"edit-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"edit"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("edit"),onCopySuccess:"edit_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"edit_filleditfilled",children:[(0,k.jsx)(e.J,{type:"edit"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"edit_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("remove-o"),onCopySuccess:"remove 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"removedeleteremoveoutline",children:[(0,k.jsx)(e.J,{type:"remove-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"remove"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("remove"),onCopySuccess:"remove_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"remove_filldeleteremovefilled",children:[(0,k.jsx)(e.J,{type:"remove"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"remove_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("save-o"),onCopySuccess:"save 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"savesaveoutline",children:[(0,k.jsx)(e.J,{type:"save-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"save"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("save"),onCopySuccess:"save_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"save_fillsavefilled",children:[(0,k.jsx)(e.J,{type:"save"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"save_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("arrow-up"),onCopySuccess:"arrow_up 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"arrow_uparrowup",children:[(0,k.jsx)(e.J,{type:"arrow-up"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"arrow_up"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("arrow-down"),onCopySuccess:"arrow_down 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"arrow_downarrowdown",children:[(0,k.jsx)(e.J,{type:"arrow-down"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"arrow_down"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("locked-o"),onCopySuccess:"locked 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"lockedlockedoutline",children:[(0,k.jsx)(e.J,{type:"locked-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"locked"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("locked"),onCopySuccess:"locked_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"locked_filllockedfilled",children:[(0,k.jsx)(e.J,{type:"locked"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"locked_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("unlocked-o"),onCopySuccess:"unlocked 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"unlockedunlockedoutline",children:[(0,k.jsx)(e.J,{type:"unlocked-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"unlocked"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("unlocked"),onCopySuccess:"unlocked_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"unlocked_fillunlockedfilled",children:[(0,k.jsx)(e.J,{type:"unlocked"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"unlocked_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("nav-line"),onCopySuccess:"nav_line 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"nav_linenavline",children:[(0,k.jsx)(e.J,{type:"nav-line"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"nav_line"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("nav-grid"),onCopySuccess:"nav_grid 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"nav_gridnavgrid",children:[(0,k.jsx)(e.J,{type:"nav-grid"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"nav_grid"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("share"),onCopySuccess:"share 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shareshare",children:[(0,k.jsx)(e.J,{type:"share"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"share"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("refresh"),onCopySuccess:"refresh 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"refreshrefreshoutline",children:[(0,k.jsx)(e.J,{type:"refresh"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"refresh"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("help-circle-o"),onCopySuccess:"help 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"helphelpcircleoutline",children:[(0,k.jsx)(e.J,{type:"help-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"help"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("help-circle"),onCopySuccess:"help_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"help_fillhelpcirclefilled",children:[(0,k.jsx)(e.J,{type:"help-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"help_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("thumbnail"),onCopySuccess:"fullscreen 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"fullscreenfullscreenthumbnail",children:[(0,k.jsx)(e.J,{type:"thumbnail"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"fullscreen"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("fullscreen-exit"),onCopySuccess:"fullscreen_exit 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"fullscreen_exitfullscreenexit",children:[(0,k.jsx)(e.J,{type:"fullscreen-exit"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"fullscreen_exit"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("table-loose"),onCopySuccess:"table_loose 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"table_loosetableloose",children:[(0,k.jsx)(e.J,{type:"table-loose"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"table_loose"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("table-compact"),onCopySuccess:"table_compact 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"table_compacttablecompact",children:[(0,k.jsx)(e.J,{type:"table-compact"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"table_compact"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("export"),onCopySuccess:"export 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"exportexportfilled",children:[(0,k.jsx)(e.J,{type:"export"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"export"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("pin-o"),onCopySuccess:"pin 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"pinpinoutline",children:[(0,k.jsx)(e.J,{type:"pin-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"pin"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("pin"),onCopySuccess:"pin_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"pin_fillpinfilled",children:[(0,k.jsx)(e.J,{type:"pin"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"pin_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("eye-o"),onCopySuccess:"show 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"showeyeoutlineshow",children:[(0,k.jsx)(e.J,{type:"eye-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"show"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("eye"),onCopySuccess:"show_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"show_filleyefilledshow",children:[(0,k.jsx)(e.J,{type:"eye"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"show_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("closed-eye"),onCopySuccess:"hide 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hideclosed-eyeoutlinehide",children:[(0,k.jsx)(e.J,{type:"closed-eye"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hide"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("subtract-circle-o"),onCopySuccess:"subtract_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"subtract_circleminussubtract circleoutline",children:[(0,k.jsx)(e.J,{type:"subtract-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"subtract_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("subtract-circle"),onCopySuccess:"subtract_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"subtract_circle_fillminussubtractcirclefilled",children:[(0,k.jsx)(e.J,{type:"subtract-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"subtract_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("plus-circle-o"),onCopySuccess:"plus_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"plus_circleaddpluscircleoutline",children:[(0,k.jsx)(e.J,{type:"plus-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"plus_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("plus-circle"),onCopySuccess:"plus_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"plus_circle_filladdpluscirclefilled",children:[(0,k.jsx)(e.J,{type:"plus-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"plus_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("double-last"),onCopySuccess:"double_last 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"double_lastdoublelast",children:[(0,k.jsx)(e.J,{type:"double-last"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"double_last"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("double-next"),onCopySuccess:"double_next 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"double_nextdoublenext",children:[(0,k.jsx)(e.J,{type:"double-next"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"double_next"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("plus"),onCopySuccess:"plus 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"plusaddplus",children:[(0,k.jsx)(e.J,{type:"plus"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"plus"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("close"),onCopySuccess:"close 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"closeclosenaked",children:[(0,k.jsx)(e.J,{type:"close"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"close"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("search"),onCopySuccess:"search 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"searchsearch",children:[(0,k.jsx)(e.J,{type:"search"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"search"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("more"),onCopySuccess:"more 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"moremore",children:[(0,k.jsx)(e.J,{type:"more"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"more"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("caret-up"),onCopySuccess:"ascending 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"ascendingcaretupascending",children:[(0,k.jsx)(e.J,{type:"caret-up"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"ascending"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("caret-down"),onCopySuccess:"descending 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"descendingcaretdowndescending",children:[(0,k.jsx)(e.J,{type:"caret-down"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"descending"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("reset"),onCopySuccess:"reset_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"reset_fillresetfilled",children:[(0,k.jsx)(e.J,{type:"reset"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"reset_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("drag"),onCopySuccess:"drag 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"dragdrag",children:[(0,k.jsx)(e.J,{type:"drag"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"drag"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("filter-o"),onCopySuccess:"filter 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"filterfilteroutline",children:[(0,k.jsx)(e.J,{type:"filter-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"filter"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"Business"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("summary-o"),onCopySuccess:"summary 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"summarysummaryoutline",children:[(0,k.jsx)(e.J,{type:"summary-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"summary"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("summary"),onCopySuccess:"summary_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"summary_fillsummaryfilled",children:[(0,k.jsx)(e.J,{type:"summary"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"summary_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("shop-o"),onCopySuccess:"shop 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shopshopoutline",children:[(0,k.jsx)(e.J,{type:"shop-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"shop"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("shop"),onCopySuccess:"shop_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shop_fillshopfilled",children:[(0,k.jsx)(e.J,{type:"shop"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"shop_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("goods-o"),onCopySuccess:"goods 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"goodsgoodsoutline",children:[(0,k.jsx)(e.J,{type:"goods-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"goods"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("goods"),onCopySuccess:"goods_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"goods_fillgoodsfilled",children:[(0,k.jsx)(e.J,{type:"goods"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"goods_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("order-o"),onCopySuccess:"order 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"orderorderoutline",children:[(0,k.jsx)(e.J,{type:"order-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"order"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("order"),onCopySuccess:"order_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"order_fillorderfilled",children:[(0,k.jsx)(e.J,{type:"order"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"order_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-o"),onCopySuccess:"customer 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"customercustomeroutline",children:[(0,k.jsx)(e.J,{type:"customer-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"customer"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer"),onCopySuccess:"customer_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"customer_fillcustomerfilled",children:[(0,k.jsx)(e.J,{type:"customer"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"customer_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("chart-o"),onCopySuccess:"chart 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"chartdatachartoutline",children:[(0,k.jsx)(e.J,{type:"chart-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"chart"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("chart"),onCopySuccess:"chart_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"chart_filldatachartfilled",children:[(0,k.jsx)(e.J,{type:"chart"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"chart_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("capital-o"),onCopySuccess:"capital 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"capitalcapitaloutline",children:[(0,k.jsx)(e.J,{type:"capital-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"capital"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("capital"),onCopySuccess:"capital_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"capital_fillcapitalfilled",children:[(0,k.jsx)(e.J,{type:"capital"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"capital_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("settings-o"),onCopySuccess:"settings 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"settingssettingsoutline",children:[(0,k.jsx)(e.J,{type:"settings-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"settings"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("settings"),onCopySuccess:"settings_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"settings_fillsettingsfilled",children:[(0,k.jsx)(e.J,{type:"settings"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"settings_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("marketing-o"),onCopySuccess:"marketing 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"marketingmarketingoutline",children:[(0,k.jsx)(e.J,{type:"marketing-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"marketing"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("marketing"),onCopySuccess:"marketing_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"marketing_fillmarketingfilled",children:[(0,k.jsx)(e.J,{type:"marketing"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"marketing_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("inventory-o"),onCopySuccess:"inventory 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"inventoryinventoryoutline",children:[(0,k.jsx)(e.J,{type:"inventory-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"inventory"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("inventory"),onCopySuccess:"inventory_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"inventory_fillinventoryfilled",children:[(0,k.jsx)(e.J,{type:"inventory"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"inventory_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("procurement-o"),onCopySuccess:"procurement 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"procurementprocurementoutline",children:[(0,k.jsx)(e.J,{type:"procurement-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"procurement"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("procurement"),onCopySuccess:"procurement_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"procurement_fillprocurementfilled",children:[(0,k.jsx)(e.J,{type:"procurement"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"procurement_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("finance-o"),onCopySuccess:"finance 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"financefinanceoutline",children:[(0,k.jsx)(e.J,{type:"finance-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"finance"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("finance"),onCopySuccess:"finance_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"finance_fillfinancefilled",children:[(0,k.jsx)(e.J,{type:"finance"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"finance_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("cashier-o"),onCopySuccess:"cashier 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"cashiercashieroutline",children:[(0,k.jsx)(e.J,{type:"cashier-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"cashier"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("cashier"),onCopySuccess:"cashier_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"cashier_fillcashierfilled",children:[(0,k.jsx)(e.J,{type:"cashier"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"cashier_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("course-o"),onCopySuccess:"course 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"coursecourseoutline",children:[(0,k.jsx)(e.J,{type:"course-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"course"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("course"),onCopySuccess:"course_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"course_fillcoursefilled",children:[(0,k.jsx)(e.J,{type:"course"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"course_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("admissions-o"),onCopySuccess:"admissions 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"admissionsadmissionsoutline",children:[(0,k.jsx)(e.J,{type:"admissions-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"admissions"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("admissions"),onCopySuccess:"admissions_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"admissions_filladmissionsfilled",children:[(0,k.jsx)(e.J,{type:"admissions"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"admissions_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("educational-o"),onCopySuccess:"educational 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"educationaleducationaloutline",children:[(0,k.jsx)(e.J,{type:"educational-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"educational"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("educational"),onCopySuccess:"educational_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"educational_filleducationalfilled",children:[(0,k.jsx)(e.J,{type:"educational"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"educational_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-service-o"),onCopySuccess:"service 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"servicecustomer-serviceoutline",children:[(0,k.jsx)(e.J,{type:"customer-service-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"service"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-service"),onCopySuccess:"service_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"service_fillcustomer-servicefilled",children:[(0,k.jsx)(e.J,{type:"customer-service"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"service_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("message-o"),onCopySuccess:"message 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"messagemessageoutline",children:[(0,k.jsx)(e.J,{type:"message-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"message"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("message"),onCopySuccess:"message_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"message_fillmessagefilled",children:[(0,k.jsx)(e.J,{type:"message"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"message_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("jump-out"),onCopySuccess:"jump_out 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"jump_outjump-out",children:[(0,k.jsx)(e.J,{type:"jump-out"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"jump_out"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("sign-out"),onCopySuccess:"sign_out 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"sign_outsign-out",children:[(0,k.jsx)(e.J,{type:"sign-out"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"sign_out"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hotel-o"),onCopySuccess:"hotel 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hotelhoteloutline",children:[(0,k.jsx)(e.J,{type:"hotel-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hotel"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hotel"),onCopySuccess:"hotel_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hotel_fillhotelfilled",children:[(0,k.jsx)(e.J,{type:"hotel"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hotel_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-manage-o"),onCopySuccess:"customer-manage 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"customer-managecustomermanagecustomer-manageoutline",children:[(0,k.jsx)(e.J,{type:"customer-manage-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"customer-manage"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-manage"),onCopySuccess:"customer-manage_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"customer-manage_fillcustomermanagecustomer-managefilled",children:[(0,k.jsx)(e.J,{type:"customer-manage"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"customer-manage_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("purchase-o"),onCopySuccess:"purchase 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"purchasepurchaseoutline",children:[(0,k.jsx)(e.J,{type:"purchase-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"purchase"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("purchase"),onCopySuccess:"purchase_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"purchase_fillpurchasefilled",children:[(0,k.jsx)(e.J,{type:"purchase"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"purchase_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("target-o"),onCopySuccess:"target 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"targettargetoutline",children:[(0,k.jsx)(e.J,{type:"target-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"target"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("target"),onCopySuccess:"target_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"target_filltargetfilled",children:[(0,k.jsx)(e.J,{type:"target"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"target_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("care-o"),onCopySuccess:"care 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"carecareoutline",children:[(0,k.jsx)(e.J,{type:"care-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"care"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("care"),onCopySuccess:"care_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"care_fillcarefilled",children:[(0,k.jsx)(e.J,{type:"care"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"care_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("nameplate-o"),onCopySuccess:"nameplate 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"nameplatenameplateoutline",children:[(0,k.jsx)(e.J,{type:"nameplate-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"nameplate"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("nameplate"),onCopySuccess:"nameplate_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"nameplate_fillnameplatefilled",children:[(0,k.jsx)(e.J,{type:"nameplate"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"nameplate_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("scrm-smile-o"),onCopySuccess:"scrm-smile 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"scrm-smilesmilescrm-smileoutline",children:[(0,k.jsx)(e.J,{type:"scrm-smile-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"scrm-smile"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("scrm-smile"),onCopySuccess:"scrm-smile_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"scrm-smile_fillsmilescrm-smilefilled",children:[(0,k.jsx)(e.J,{type:"scrm-smile"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"scrm-smile_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("canvas-o"),onCopySuccess:"canvas 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"canvascanvasoutline",children:[(0,k.jsx)(e.J,{type:"canvas-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"canvas"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("canvas"),onCopySuccess:"canvas_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"canvas_fillcanvasfilled",children:[(0,k.jsx)(e.J,{type:"canvas"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"canvas_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("business-manage-o"),onCopySuccess:"business-manage 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"business-managebusinessmanagebusiness-manageoutline",children:[(0,k.jsx)(e.J,{type:"business-manage-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"business-manage"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("business-manage"),onCopySuccess:"business-manage_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"business-manage_fillbusinessmanagebusiness-managefilled",children:[(0,k.jsx)(e.J,{type:"business-manage"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"business-manage_fill"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"Status"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("check-circle-o"),onCopySuccess:"success_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"success_circlecheckcircleoutlinesuccess",children:[(0,k.jsx)(e.J,{type:"check-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"success_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("check-circle"),onCopySuccess:"success_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"success_circle_fillcheckcirclefilledsuccess",children:[(0,k.jsx)(e.J,{type:"check-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"success_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("close-circle-o"),onCopySuccess:"error_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"error_circleerrorcircleoutline",children:[(0,k.jsx)(e.J,{type:"close-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"error_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("close-circle"),onCopySuccess:"error_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"error_circle_fillerrorcirclefilled",children:[(0,k.jsx)(e.J,{type:"close-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"error_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("info-circle-o"),onCopySuccess:"info_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"info_circleinfocircleoutline",children:[(0,k.jsx)(e.J,{type:"info-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"info_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("info-circle"),onCopySuccess:"info_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"info_circle_fillinfocirclefilled",children:[(0,k.jsx)(e.J,{type:"info-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"info_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("loading"),onCopySuccess:"loading 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"loadingloading",children:[(0,k.jsx)(e.J,{type:"loading"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"loading"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("wait"),onCopySuccess:"wait_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"wait_fillwaitfilled",children:[(0,k.jsx)(e.J,{type:"wait"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"wait_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("star-o"),onCopySuccess:"star 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"starstaroutline",children:[(0,k.jsx)(e.J,{type:"star-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"star"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("star"),onCopySuccess:"star_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"star_fillstarfilled",children:[(0,k.jsx)(e.J,{type:"star"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"star_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bell-o"),onCopySuccess:"bell 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bellbelloutline",children:[(0,k.jsx)(e.J,{type:"bell-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bell"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bell"),onCopySuccess:"bell_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bell_fillbellfilled",children:[(0,k.jsx)(e.J,{type:"bell"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bell_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("check"),onCopySuccess:"check 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"checkcheck",children:[(0,k.jsx)(e.J,{type:"check"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"check"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("warning-o"),onCopySuccess:"warning 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"warningwarningtriangleoutline",children:[(0,k.jsx)(e.J,{type:"warning-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"warning"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("warning"),onCopySuccess:"warning_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"warning_fillwarningtrianglefilled",children:[(0,k.jsx)(e.J,{type:"warning"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"warning_fill"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"Logo"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("youzan-o"),onCopySuccess:"youzan 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"youzanyouzanlogooutline",children:[(0,k.jsx)(e.J,{type:"youzan-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"youzan"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("youzan"),onCopySuccess:"youzan_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"youzan_fillyouzanlogofilled",children:[(0,k.jsx)(e.J,{type:"youzan"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"youzan_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("mini-apps-o"),onCopySuccess:"mini_apps 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"mini_appswechatminiappoutline",children:[(0,k.jsx)(e.J,{type:"mini-apps-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"mini_apps"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("mini-apps"),onCopySuccess:"mini_apps_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"mini_apps_fillwechatminiappfilled",children:[(0,k.jsx)(e.J,{type:"mini-apps"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"mini_apps_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("wechat-o"),onCopySuccess:"wechat 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"wechatwechatoutline",children:[(0,k.jsx)(e.J,{type:"wechat-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"wechat"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("wechat"),onCopySuccess:"wechat_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"wechat_fillwechatfilled",children:[(0,k.jsx)(e.J,{type:"wechat"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"wechat_fill"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"Base"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("clock-o"),onCopySuccess:"clock 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"clockclockoutline",children:[(0,k.jsx)(e.J,{type:"clock-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"clock"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("clock"),onCopySuccess:"clock_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"clock_fillclockfilled",children:[(0,k.jsx)(e.J,{type:"clock"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"clock_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("calendar-o"),onCopySuccess:"calendar 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"calendarcalendaroutline",children:[(0,k.jsx)(e.J,{type:"calendar-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"calendar"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("calendar"),onCopySuccess:"calendar_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"calendar_fillcalendarfilled",children:[(0,k.jsx)(e.J,{type:"calendar"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"calendar_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("present-o"),onCopySuccess:"present 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"presentpresentoutline",children:[(0,k.jsx)(e.J,{type:"present-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"present"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("present"),onCopySuccess:"present_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"present_fillpresentfilled",children:[(0,k.jsx)(e.J,{type:"present"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"present_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("ticket-o"),onCopySuccess:"ticket 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"ticketticketoutline",children:[(0,k.jsx)(e.J,{type:"ticket-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"ticket"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("ticket"),onCopySuccess:"ticket_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"ticket_fillticketfilled",children:[(0,k.jsx)(e.J,{type:"ticket"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"ticket_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("expand-customer-o"),onCopySuccess:"expand_customer 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"expand_customerexpandcustomeroutline",children:[(0,k.jsx)(e.J,{type:"expand-customer-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"expand_customer"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("expand-customer"),onCopySuccess:"expand_customer_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"expand_customer_fillexpandcustomerfilled",children:[(0,k.jsx)(e.J,{type:"expand-customer"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"expand_customer_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("checkin-o"),onCopySuccess:"checkin 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"checkincheckinoutline",children:[(0,k.jsx)(e.J,{type:"checkin-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"checkin"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("checkin"),onCopySuccess:"checkin_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"checkin_fillcheckinfilled",children:[(0,k.jsx)(e.J,{type:"checkin"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"checkin_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("assess-o"),onCopySuccess:"assess 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"assessassessoutline",children:[(0,k.jsx)(e.J,{type:"assess-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"assess"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("assess"),onCopySuccess:"assess_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"assess_fillassessfilled",children:[(0,k.jsx)(e.J,{type:"assess"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"assess_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("business-o"),onCopySuccess:"business 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"businessbusinessoutline",children:[(0,k.jsx)(e.J,{type:"business-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"business"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("business"),onCopySuccess:"business_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"business_fillbusinessfilled",children:[(0,k.jsx)(e.J,{type:"business"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"business_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hr-o"),onCopySuccess:"hr 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hrhuman resourceoutline",children:[(0,k.jsx)(e.J,{type:"hr-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hr"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hr"),onCopySuccess:"hr_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hr_fillhuman resourcefilled",children:[(0,k.jsx)(e.J,{type:"hr"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hr_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("approval-o"),onCopySuccess:"approval 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"approvalapprovaloutline",children:[(0,k.jsx)(e.J,{type:"approval-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"approval"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("approval"),onCopySuccess:"approval_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"approval_fillapprovalfilled",children:[(0,k.jsx)(e.J,{type:"approval"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"approval_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report-o"),onCopySuccess:"report 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"reportreportoutline",children:[(0,k.jsx)(e.J,{type:"report-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report"),onCopySuccess:"report_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"report_fillreportfilled",children:[(0,k.jsx)(e.J,{type:"report"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("coupon-o"),onCopySuccess:"coupon 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"couponcouponoutline",children:[(0,k.jsx)(e.J,{type:"coupon-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"coupon"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("coupon"),onCopySuccess:"coupon_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"coupon_fillcouponfilled",children:[(0,k.jsx)(e.J,{type:"coupon"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"coupon_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hc-manage-o"),onCopySuccess:"hc_manage 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hc_managehc-manageoutline",children:[(0,k.jsx)(e.J,{type:"hc-manage-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hc_manage"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hc-manage"),onCopySuccess:"hc_manage_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hc_manage_fillhc-managefilled",children:[(0,k.jsx)(e.J,{type:"hc-manage"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hc_manage_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report-forms-o"),onCopySuccess:"report_forms 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"report_formsreportformsoutline",children:[(0,k.jsx)(e.J,{type:"report-forms-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report_forms"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report-forms"),onCopySuccess:"report_forms_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"report_forms_fillreportformsfilled",children:[(0,k.jsx)(e.J,{type:"report-forms"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report_forms_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("brush-o"),onCopySuccess:"brush 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"brushbrushoutline",children:[(0,k.jsx)(e.J,{type:"brush-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"brush"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("brush"),onCopySuccess:"brush_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"brush_fillbrushfilled",children:[(0,k.jsx)(e.J,{type:"brush"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"brush_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("development-doc-o"),onCopySuccess:"development_doc 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"development_docdevelopmentdocoutline",children:[(0,k.jsx)(e.J,{type:"development-doc-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"development_doc"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("development-doc"),onCopySuccess:"development_doc_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"development_doc_filldevelopmentdocfilled",children:[(0,k.jsx)(e.J,{type:"development-doc"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"development_doc_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bookmark-o"),onCopySuccess:"bookmark 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bookmarkbookmarkoutline",children:[(0,k.jsx)(e.J,{type:"bookmark-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bookmark"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bookmark"),onCopySuccess:"bookmark_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bookmark_fillbookmarkfilled",children:[(0,k.jsx)(e.J,{type:"bookmark"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bookmark_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("folder-o"),onCopySuccess:"folder 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"folderfolderoutline",children:[(0,k.jsx)(e.J,{type:"folder-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"folder"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("open-folder-o"),onCopySuccess:"open_folder 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"open_folderopen-folderoutline",children:[(0,k.jsx)(e.J,{type:"open-folder-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"open_folder"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("pending-payment-o"),onCopySuccess:"pending_payment 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"pending_paymentpaymentpendingoutline",children:[(0,k.jsx)(e.J,{type:"pending-payment-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"pending_payment"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("salesman-o"),onCopySuccess:"salesman 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"salesmansalesmanoutline",children:[(0,k.jsx)(e.J,{type:"salesman-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"salesman"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("tendency-o"),onCopySuccess:"tendency 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"tendencytendencyoutline",children:[(0,k.jsx)(e.J,{type:"tendency-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"tendency"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("distribution-o"),onCopySuccess:"distribution 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"distributiondistributionoutline",children:[(0,k.jsx)(e.J,{type:"distribution-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"distribution"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("member-o"),onCopySuccess:"member 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"membermemberoutline",children:[(0,k.jsx)(e.J,{type:"member-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"member"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("text-guide-o"),onCopySuccess:"text_guide 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"text_guidetext-guideoutlineguide",children:[(0,k.jsx)(e.J,{type:"text-guide-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"text_guide"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("qrcode"),onCopySuccess:"qrcode 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"qrcodeqrcode",children:[(0,k.jsx)(e.J,{type:"qrcode"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"qrcode"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("shop-analyze-o"),onCopySuccess:"shop_analyze 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shop_analyzeshopanalyzeoutline",children:[(0,k.jsx)(e.J,{type:"shop-analyze-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"shop_analyze"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("channel-o"),onCopySuccess:"channel 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"channelchanneloutline",children:[(0,k.jsx)(e.J,{type:"channel-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"channel"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("cashier-desk-o"),onCopySuccess:"cashier_desk 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"cashier_deskcashierdeskoutline",children:[(0,k.jsx)(e.J,{type:"cashier-desk-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"cashier_desk"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("qa-o"),onCopySuccess:"qa 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"qaqualityassuranceoutline",children:[(0,k.jsx)(e.J,{type:"qa-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"qa"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("withdraw-cash-o"),onCopySuccess:"withdraw_cash 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"withdraw_cashwithdrawcashoutline",children:[(0,k.jsx)(e.J,{type:"withdraw-cash-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"withdraw_cash"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("tools-o"),onCopySuccess:"tools 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"toolstoolsoutline",children:[(0,k.jsx)(e.J,{type:"tools-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"tools"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("smile"),onCopySuccess:"smile 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"smilesmile",children:[(0,k.jsx)(e.J,{type:"smile"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"smile"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("photo"),onCopySuccess:"photo 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"photophoto",children:[(0,k.jsx)(e.J,{type:"photo"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"photo"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("video-o"),onCopySuccess:"video 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"videovideooutline",children:[(0,k.jsx)(e.J,{type:"video-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"video"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("video"),onCopySuccess:"video_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"video_fillvideofilled",children:[(0,k.jsx)(e.J,{type:"video"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"video_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hotline-o"),onCopySuccess:"hotline 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hotlinehotlineoutline",children:[(0,k.jsx)(e.J,{type:"hotline-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hotline"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("visit-o"),onCopySuccess:"visit 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"visitvisitoutline",children:[(0,k.jsx)(e.J,{type:"visit-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"visit"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("countdown"),onCopySuccess:"countdown 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"countdowncountdown",children:[(0,k.jsx)(e.J,{type:"countdown"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"countdown"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("suggestions"),onCopySuccess:"suggestions 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"suggestionssuggestionsoutline",children:[(0,k.jsx)(e.J,{type:"suggestions"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"suggestions"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("feedback"),onCopySuccess:"feedback 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"feedbackfeedback",children:[(0,k.jsx)(e.J,{type:"feedback"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"feedback"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("contract-o"),onCopySuccess:"contract 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"contractcontractoutline",children:[(0,k.jsx)(e.J,{type:"contract-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"contract"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("rights-list-o"),onCopySuccess:"rights_list 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"rights_listrights-listoutline",children:[(0,k.jsx)(e.J,{type:"rights-list-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"rights_list"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("im-o"),onCopySuccess:"im 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"imimoutline",children:[(0,k.jsx)(e.J,{type:"im-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"im"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("flow-o"),onCopySuccess:"resource 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"resourceresourceflowoutline",children:[(0,k.jsx)(e.J,{type:"flow-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"resource"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("strategy-o"),onCopySuccess:"strategy 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"strategystrategyoutline",children:[(0,k.jsx)(e.J,{type:"strategy-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"strategy"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("link"),onCopySuccess:"link 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"linklink",children:[(0,k.jsx)(e.J,{type:"link"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"link"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("voice"),onCopySuccess:"voice_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"voice_fillvoicefilled",children:[(0,k.jsx)(e.J,{type:"voice"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"voice_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("scan-code-o"),onCopySuccess:"scan_code 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"scan_codescan-codeoutline",children:[(0,k.jsx)(e.J,{type:"scan-code-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"scan_code"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("doc"),onCopySuccess:"doc 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"docdocfilled",children:[(0,k.jsx)(e.J,{type:"doc"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"doc"})]})})]})]})]})}}return(0,k.jsx)(n,{})};function y(n){return(0,k.jsx)(n.tag,g(g({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,k.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function x(n){return(0,k.jsx)(y,{tag:"style",html:n.style})}function q(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),q(n.parentNode,a);return a}class f extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:s||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class j extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,c.l)(document.documentElement,0,q(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(x,{style:".zenticon-demo {\n\t\tfont-size: 40px;\n\t}\n\n\t.zenticon-youzan.zenticon-demo {\n\t\tcolor: #EB0B19;\n\t}\n\n.zi-grid .zenticon {\n\t\tfont-size: 20px;\n\t}\n\n.zi-grid-toolbar {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\t\tjustify-content: space-between;\n\t}\n\n.zi-grid .zi-search-input-wrapper {\n color: #999;\n }\n\n.zi-grid .zi-search-input {\n\t\twidth: 344px;\n margin-bottom: 8px;\n\t}\n\n.zi-grid .zi-grid-group {\n\t\tmargin-top: 48px;\n\t}\n\n.zi-grid .zi-grid-group-name {\n\t\t\tfont-size: 20px;\n\t\t\tline-height: 28px;\n\t\t\tfont-weight: 500;\n\t\t\tmargin-bottom: 24px;\n\t\t}\n\n.zi-grid .zi-grid-group-items {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n.zi-grid .zi-grid-item {\n\t\tbox-sizing: border-box;\n\t\twidth: 16.667%;\n\t\theight: 96px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tcursor: pointer\n\t}\n\n.zi-grid .zi-grid-item:hover {\n\t\tbackground: #F7F8FA;\n}\n\n.zi-grid .zi-grid-item .zenticon {\n\t\t\tfont-size: 40px;\n\t\t\tvertical-align: middle;\n\t\t\tcolor: #333;\n}\n\n.zi-grid .zi-grid-item:not(-n+6) {\n\t\tmargin-top: 16px;\n}\n\n.zi-grid .zi-grid-item .zi-grid-item-name {\n\t\t\tmargin-top: 8px;\n}"}),p.createElement(h,{html:'

Icon

\n

A semantic icon library.

\n

Guide

\n
    \n
  • Part of icons has solid and outline two versions, which the difference is -o. e.g. shop(solid) and shop-o(outline).
    • \n
  • Type naming rule: [icon name]-[variant]-[outline or not(o)].
    • \n
\n

Demos

'}),p.createElement(f,{title:"Used as a React component",id:"Democomponent",src:'import { Icon } from \'zent\';\n\nReactDOM.render(\n <Icon type="youzan" className="zenticon-demo" />\n , mountNode\n);'},p.createElement(m)),p.createElement(f,{title:"Spin animation",id:"Demospin",src:'import { Icon } from \'zent\';\n\nReactDOM.render(\n <Icon type="flow-o" spin className="zenticon-demo" />\n , mountNode\n);'},p.createElement(d)),p.createElement(f,{title:"All Icons",id:"Demoall",src:'import { Icon, Input, RadioGroup, Radio, CopyButton } from \'zent\';\n\nclass IconGrid extends Component {\n state = {\n search: \'\',\n copyType: \'jsx\',\n };\n\n onChange = evt => {\n this.setState({\n search: evt.target.value.trim().toLowerCase()\n });\n };\n\n onCopyOptionChange = evt => {\n this.setState({\n copyType: evt.target.value\n });\n };\n\n getIconString = name => () => {\n const { copyType } = this.state;\n\n if (copyType === \'jsx\') {\n return `<Icon type="${name}" />`;\n }\n\n return name;\n };\n\n render() {\n const { search } = this.state;\n return (\n <div className="zi-grid">\n <div className="zi-grid-toolbar">\n {search && <style>{`.zi-grid-item:not([data-index*="${search}"]) { display: none; }`}</style>}\n <div className="zi-search-input-wrapper">\n <Input\n className="zi-search-input"\n icon="search"\n placeholder="Search icon"\n value={search}\n onChange={this.onChange}\n />\n Attention: The icon name displayed is not the type\n </div>\n\n <RadioGroup onChange={this.onCopyOptionChange} value={this.state.copyType}>\n <Radio value="jsx">Copy JSX</Radio>\n <Radio value="name">Copy type</Radio>\n </RadioGroup>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">Operation</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("up")}\n onCopySuccess="up 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="upup"\n >\n <Icon type="up" />\n <span className="zi-grid-item-name">up</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("down")}\n onCopySuccess="down 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="downdown"\n >\n <Icon type="down" />\n <span className="zi-grid-item-name">down</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("left")}\n onCopySuccess="left 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="leftleft"\n >\n <Icon type="left" />\n <span className="zi-grid-item-name">left</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("right")}\n onCopySuccess="right 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="rightright"\n >\n <Icon type="right" />\n <span className="zi-grid-item-name">right</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("left-circle-o")}\n onCopySuccess="left_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="left_circleleftcircleoutline"\n >\n <Icon type="left-circle-o" />\n <span className="zi-grid-item-name">left_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("left-circle")}\n onCopySuccess="left_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="left_circle_fillleftcirclefilled"\n >\n <Icon type="left-circle" />\n <span className="zi-grid-item-name">left_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("right-circle-o")}\n onCopySuccess="right_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="right_circlerightcircleoutline"\n >\n <Icon type="right-circle-o" />\n <span className="zi-grid-item-name">right_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("right-circle")}\n onCopySuccess="right_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="right_circle_fillrightcirclefilled"\n >\n <Icon type="right-circle" />\n <span className="zi-grid-item-name">right_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("up-circle-o")}\n onCopySuccess="up_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="up_circleupcircleoutline"\n >\n <Icon type="up-circle-o" />\n <span className="zi-grid-item-name">up_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("up-circle")}\n onCopySuccess="up_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="up_circle_fillupcirclefilled"\n >\n <Icon type="up-circle" />\n <span className="zi-grid-item-name">up_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("down-circle-o")}\n onCopySuccess="down_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="down_circledowncircleoutline"\n >\n <Icon type="down-circle-o" />\n <span className="zi-grid-item-name">down_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("down-circle")}\n onCopySuccess="down_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="down_circle_filldowncirclefilled"\n >\n <Icon type="down-circle" />\n <span className="zi-grid-item-name">down_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("upload")}\n onCopySuccess="upload 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="uploadupload"\n >\n <Icon type="upload" />\n <span className="zi-grid-item-name">upload</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("download")}\n onCopySuccess="download 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="downloaddownload"\n >\n <Icon type="download" />\n <span className="zi-grid-item-name">download</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("edit-o")}\n onCopySuccess="edit 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="editeditoutline"\n >\n <Icon type="edit-o" />\n <span className="zi-grid-item-name">edit</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("edit")}\n onCopySuccess="edit_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="edit_filleditfilled"\n >\n <Icon type="edit" />\n <span className="zi-grid-item-name">edit_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("remove-o")}\n onCopySuccess="remove 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="removedeleteremoveoutline"\n >\n <Icon type="remove-o" />\n <span className="zi-grid-item-name">remove</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("remove")}\n onCopySuccess="remove_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="remove_filldeleteremovefilled"\n >\n <Icon type="remove" />\n <span className="zi-grid-item-name">remove_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("save-o")}\n onCopySuccess="save 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="savesaveoutline"\n >\n <Icon type="save-o" />\n <span className="zi-grid-item-name">save</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("save")}\n onCopySuccess="save_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="save_fillsavefilled"\n >\n <Icon type="save" />\n <span className="zi-grid-item-name">save_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("arrow-up")}\n onCopySuccess="arrow_up 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="arrow_uparrowup"\n >\n <Icon type="arrow-up" />\n <span className="zi-grid-item-name">arrow_up</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("arrow-down")}\n onCopySuccess="arrow_down 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="arrow_downarrowdown"\n >\n <Icon type="arrow-down" />\n <span className="zi-grid-item-name">arrow_down</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("locked-o")}\n onCopySuccess="locked 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="lockedlockedoutline"\n >\n <Icon type="locked-o" />\n <span className="zi-grid-item-name">locked</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("locked")}\n onCopySuccess="locked_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="locked_filllockedfilled"\n >\n <Icon type="locked" />\n <span className="zi-grid-item-name">locked_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("unlocked-o")}\n onCopySuccess="unlocked 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="unlockedunlockedoutline"\n >\n <Icon type="unlocked-o" />\n <span className="zi-grid-item-name">unlocked</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("unlocked")}\n onCopySuccess="unlocked_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="unlocked_fillunlockedfilled"\n >\n <Icon type="unlocked" />\n <span className="zi-grid-item-name">unlocked_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("nav-line")}\n onCopySuccess="nav_line 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="nav_linenavline"\n >\n <Icon type="nav-line" />\n <span className="zi-grid-item-name">nav_line</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("nav-grid")}\n onCopySuccess="nav_grid 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="nav_gridnavgrid"\n >\n <Icon type="nav-grid" />\n <span className="zi-grid-item-name">nav_grid</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("share")}\n onCopySuccess="share 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shareshare"\n >\n <Icon type="share" />\n <span className="zi-grid-item-name">share</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("refresh")}\n onCopySuccess="refresh 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="refreshrefreshoutline"\n >\n <Icon type="refresh" />\n <span className="zi-grid-item-name">refresh</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("help-circle-o")}\n onCopySuccess="help 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="helphelpcircleoutline"\n >\n <Icon type="help-circle-o" />\n <span className="zi-grid-item-name">help</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("help-circle")}\n onCopySuccess="help_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="help_fillhelpcirclefilled"\n >\n <Icon type="help-circle" />\n <span className="zi-grid-item-name">help_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("thumbnail")}\n onCopySuccess="fullscreen 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="fullscreenfullscreenthumbnail"\n >\n <Icon type="thumbnail" />\n <span className="zi-grid-item-name">fullscreen</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("fullscreen-exit")}\n onCopySuccess="fullscreen_exit 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="fullscreen_exitfullscreenexit"\n >\n <Icon type="fullscreen-exit" />\n <span className="zi-grid-item-name">fullscreen_exit</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("table-loose")}\n onCopySuccess="table_loose 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="table_loosetableloose"\n >\n <Icon type="table-loose" />\n <span className="zi-grid-item-name">table_loose</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("table-compact")}\n onCopySuccess="table_compact 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="table_compacttablecompact"\n >\n <Icon type="table-compact" />\n <span className="zi-grid-item-name">table_compact</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("export")}\n onCopySuccess="export 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="exportexportfilled"\n >\n <Icon type="export" />\n <span className="zi-grid-item-name">export</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("pin-o")}\n onCopySuccess="pin 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="pinpinoutline"\n >\n <Icon type="pin-o" />\n <span className="zi-grid-item-name">pin</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("pin")}\n onCopySuccess="pin_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="pin_fillpinfilled"\n >\n <Icon type="pin" />\n <span className="zi-grid-item-name">pin_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("eye-o")}\n onCopySuccess="show 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="showeyeoutlineshow"\n >\n <Icon type="eye-o" />\n <span className="zi-grid-item-name">show</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("eye")}\n onCopySuccess="show_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="show_filleyefilledshow"\n >\n <Icon type="eye" />\n <span className="zi-grid-item-name">show_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("closed-eye")}\n onCopySuccess="hide 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hideclosed-eyeoutlinehide"\n >\n <Icon type="closed-eye" />\n <span className="zi-grid-item-name">hide</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("subtract-circle-o")}\n onCopySuccess="subtract_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="subtract_circleminussubtract circleoutline"\n >\n <Icon type="subtract-circle-o" />\n <span className="zi-grid-item-name">subtract_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("subtract-circle")}\n onCopySuccess="subtract_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="subtract_circle_fillminussubtractcirclefilled"\n >\n <Icon type="subtract-circle" />\n <span className="zi-grid-item-name">subtract_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("plus-circle-o")}\n onCopySuccess="plus_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="plus_circleaddpluscircleoutline"\n >\n <Icon type="plus-circle-o" />\n <span className="zi-grid-item-name">plus_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("plus-circle")}\n onCopySuccess="plus_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="plus_circle_filladdpluscirclefilled"\n >\n <Icon type="plus-circle" />\n <span className="zi-grid-item-name">plus_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("double-last")}\n onCopySuccess="double_last 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="double_lastdoublelast"\n >\n <Icon type="double-last" />\n <span className="zi-grid-item-name">double_last</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("double-next")}\n onCopySuccess="double_next 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="double_nextdoublenext"\n >\n <Icon type="double-next" />\n <span className="zi-grid-item-name">double_next</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("plus")}\n onCopySuccess="plus 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="plusaddplus"\n >\n <Icon type="plus" />\n <span className="zi-grid-item-name">plus</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("close")}\n onCopySuccess="close 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="closeclosenaked"\n >\n <Icon type="close" />\n <span className="zi-grid-item-name">close</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("search")}\n onCopySuccess="search 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="searchsearch"\n >\n <Icon type="search" />\n <span className="zi-grid-item-name">search</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("more")}\n onCopySuccess="more 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="moremore"\n >\n <Icon type="more" />\n <span className="zi-grid-item-name">more</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("caret-up")}\n onCopySuccess="ascending 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="ascendingcaretupascending"\n >\n <Icon type="caret-up" />\n <span className="zi-grid-item-name">ascending</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("caret-down")}\n onCopySuccess="descending 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="descendingcaretdowndescending"\n >\n <Icon type="caret-down" />\n <span className="zi-grid-item-name">descending</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("reset")}\n onCopySuccess="reset_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="reset_fillresetfilled"\n >\n <Icon type="reset" />\n <span className="zi-grid-item-name">reset_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("drag")}\n onCopySuccess="drag 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="dragdrag"\n >\n <Icon type="drag" />\n <span className="zi-grid-item-name">drag</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("filter-o")}\n onCopySuccess="filter 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="filterfilteroutline"\n >\n <Icon type="filter-o" />\n <span className="zi-grid-item-name">filter</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">Business</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("summary-o")}\n onCopySuccess="summary 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="summarysummaryoutline"\n >\n <Icon type="summary-o" />\n <span className="zi-grid-item-name">summary</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("summary")}\n onCopySuccess="summary_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="summary_fillsummaryfilled"\n >\n <Icon type="summary" />\n <span className="zi-grid-item-name">summary_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("shop-o")}\n onCopySuccess="shop 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shopshopoutline"\n >\n <Icon type="shop-o" />\n <span className="zi-grid-item-name">shop</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("shop")}\n onCopySuccess="shop_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shop_fillshopfilled"\n >\n <Icon type="shop" />\n <span className="zi-grid-item-name">shop_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("goods-o")}\n onCopySuccess="goods 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="goodsgoodsoutline"\n >\n <Icon type="goods-o" />\n <span className="zi-grid-item-name">goods</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("goods")}\n onCopySuccess="goods_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="goods_fillgoodsfilled"\n >\n <Icon type="goods" />\n <span className="zi-grid-item-name">goods_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("order-o")}\n onCopySuccess="order 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="orderorderoutline"\n >\n <Icon type="order-o" />\n <span className="zi-grid-item-name">order</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("order")}\n onCopySuccess="order_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="order_fillorderfilled"\n >\n <Icon type="order" />\n <span className="zi-grid-item-name">order_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-o")}\n onCopySuccess="customer 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="customercustomeroutline"\n >\n <Icon type="customer-o" />\n <span className="zi-grid-item-name">customer</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer")}\n onCopySuccess="customer_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="customer_fillcustomerfilled"\n >\n <Icon type="customer" />\n <span className="zi-grid-item-name">customer_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("chart-o")}\n onCopySuccess="chart 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="chartdatachartoutline"\n >\n <Icon type="chart-o" />\n <span className="zi-grid-item-name">chart</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("chart")}\n onCopySuccess="chart_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="chart_filldatachartfilled"\n >\n <Icon type="chart" />\n <span className="zi-grid-item-name">chart_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("capital-o")}\n onCopySuccess="capital 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="capitalcapitaloutline"\n >\n <Icon type="capital-o" />\n <span className="zi-grid-item-name">capital</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("capital")}\n onCopySuccess="capital_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="capital_fillcapitalfilled"\n >\n <Icon type="capital" />\n <span className="zi-grid-item-name">capital_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("settings-o")}\n onCopySuccess="settings 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="settingssettingsoutline"\n >\n <Icon type="settings-o" />\n <span className="zi-grid-item-name">settings</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("settings")}\n onCopySuccess="settings_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="settings_fillsettingsfilled"\n >\n <Icon type="settings" />\n <span className="zi-grid-item-name">settings_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("marketing-o")}\n onCopySuccess="marketing 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="marketingmarketingoutline"\n >\n <Icon type="marketing-o" />\n <span className="zi-grid-item-name">marketing</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("marketing")}\n onCopySuccess="marketing_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="marketing_fillmarketingfilled"\n >\n <Icon type="marketing" />\n <span className="zi-grid-item-name">marketing_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("inventory-o")}\n onCopySuccess="inventory 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="inventoryinventoryoutline"\n >\n <Icon type="inventory-o" />\n <span className="zi-grid-item-name">inventory</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("inventory")}\n onCopySuccess="inventory_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="inventory_fillinventoryfilled"\n >\n <Icon type="inventory" />\n <span className="zi-grid-item-name">inventory_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("procurement-o")}\n onCopySuccess="procurement 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="procurementprocurementoutline"\n >\n <Icon type="procurement-o" />\n <span className="zi-grid-item-name">procurement</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("procurement")}\n onCopySuccess="procurement_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="procurement_fillprocurementfilled"\n >\n <Icon type="procurement" />\n <span className="zi-grid-item-name">procurement_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("finance-o")}\n onCopySuccess="finance 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="financefinanceoutline"\n >\n <Icon type="finance-o" />\n <span className="zi-grid-item-name">finance</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("finance")}\n onCopySuccess="finance_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="finance_fillfinancefilled"\n >\n <Icon type="finance" />\n <span className="zi-grid-item-name">finance_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("cashier-o")}\n onCopySuccess="cashier 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="cashiercashieroutline"\n >\n <Icon type="cashier-o" />\n <span className="zi-grid-item-name">cashier</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("cashier")}\n onCopySuccess="cashier_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="cashier_fillcashierfilled"\n >\n <Icon type="cashier" />\n <span className="zi-grid-item-name">cashier_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("course-o")}\n onCopySuccess="course 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="coursecourseoutline"\n >\n <Icon type="course-o" />\n <span className="zi-grid-item-name">course</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("course")}\n onCopySuccess="course_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="course_fillcoursefilled"\n >\n <Icon type="course" />\n <span className="zi-grid-item-name">course_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("admissions-o")}\n onCopySuccess="admissions 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="admissionsadmissionsoutline"\n >\n <Icon type="admissions-o" />\n <span className="zi-grid-item-name">admissions</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("admissions")}\n onCopySuccess="admissions_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="admissions_filladmissionsfilled"\n >\n <Icon type="admissions" />\n <span className="zi-grid-item-name">admissions_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("educational-o")}\n onCopySuccess="educational 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="educationaleducationaloutline"\n >\n <Icon type="educational-o" />\n <span className="zi-grid-item-name">educational</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("educational")}\n onCopySuccess="educational_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="educational_filleducationalfilled"\n >\n <Icon type="educational" />\n <span className="zi-grid-item-name">educational_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-service-o")}\n onCopySuccess="service 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="servicecustomer-serviceoutline"\n >\n <Icon type="customer-service-o" />\n <span className="zi-grid-item-name">service</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-service")}\n onCopySuccess="service_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="service_fillcustomer-servicefilled"\n >\n <Icon type="customer-service" />\n <span className="zi-grid-item-name">service_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("message-o")}\n onCopySuccess="message 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="messagemessageoutline"\n >\n <Icon type="message-o" />\n <span className="zi-grid-item-name">message</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("message")}\n onCopySuccess="message_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="message_fillmessagefilled"\n >\n <Icon type="message" />\n <span className="zi-grid-item-name">message_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("jump-out")}\n onCopySuccess="jump_out 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="jump_outjump-out"\n >\n <Icon type="jump-out" />\n <span className="zi-grid-item-name">jump_out</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("sign-out")}\n onCopySuccess="sign_out 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="sign_outsign-out"\n >\n <Icon type="sign-out" />\n <span className="zi-grid-item-name">sign_out</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hotel-o")}\n onCopySuccess="hotel 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hotelhoteloutline"\n >\n <Icon type="hotel-o" />\n <span className="zi-grid-item-name">hotel</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hotel")}\n onCopySuccess="hotel_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hotel_fillhotelfilled"\n >\n <Icon type="hotel" />\n <span className="zi-grid-item-name">hotel_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-manage-o")}\n onCopySuccess="customer-manage 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="customer-managecustomermanagecustomer-manageoutline"\n >\n <Icon type="customer-manage-o" />\n <span className="zi-grid-item-name">customer-manage</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-manage")}\n onCopySuccess="customer-manage_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="customer-manage_fillcustomermanagecustomer-managefilled"\n >\n <Icon type="customer-manage" />\n <span className="zi-grid-item-name">customer-manage_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("purchase-o")}\n onCopySuccess="purchase 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="purchasepurchaseoutline"\n >\n <Icon type="purchase-o" />\n <span className="zi-grid-item-name">purchase</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("purchase")}\n onCopySuccess="purchase_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="purchase_fillpurchasefilled"\n >\n <Icon type="purchase" />\n <span className="zi-grid-item-name">purchase_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("target-o")}\n onCopySuccess="target 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="targettargetoutline"\n >\n <Icon type="target-o" />\n <span className="zi-grid-item-name">target</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("target")}\n onCopySuccess="target_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="target_filltargetfilled"\n >\n <Icon type="target" />\n <span className="zi-grid-item-name">target_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("care-o")}\n onCopySuccess="care 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="carecareoutline"\n >\n <Icon type="care-o" />\n <span className="zi-grid-item-name">care</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("care")}\n onCopySuccess="care_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="care_fillcarefilled"\n >\n <Icon type="care" />\n <span className="zi-grid-item-name">care_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("nameplate-o")}\n onCopySuccess="nameplate 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="nameplatenameplateoutline"\n >\n <Icon type="nameplate-o" />\n <span className="zi-grid-item-name">nameplate</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("nameplate")}\n onCopySuccess="nameplate_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="nameplate_fillnameplatefilled"\n >\n <Icon type="nameplate" />\n <span className="zi-grid-item-name">nameplate_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("scrm-smile-o")}\n onCopySuccess="scrm-smile 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="scrm-smilesmilescrm-smileoutline"\n >\n <Icon type="scrm-smile-o" />\n <span className="zi-grid-item-name">scrm-smile</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("scrm-smile")}\n onCopySuccess="scrm-smile_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="scrm-smile_fillsmilescrm-smilefilled"\n >\n <Icon type="scrm-smile" />\n <span className="zi-grid-item-name">scrm-smile_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("canvas-o")}\n onCopySuccess="canvas 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="canvascanvasoutline"\n >\n <Icon type="canvas-o" />\n <span className="zi-grid-item-name">canvas</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("canvas")}\n onCopySuccess="canvas_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="canvas_fillcanvasfilled"\n >\n <Icon type="canvas" />\n <span className="zi-grid-item-name">canvas_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("business-manage-o")}\n onCopySuccess="business-manage 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="business-managebusinessmanagebusiness-manageoutline"\n >\n <Icon type="business-manage-o" />\n <span className="zi-grid-item-name">business-manage</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("business-manage")}\n onCopySuccess="business-manage_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="business-manage_fillbusinessmanagebusiness-managefilled"\n >\n <Icon type="business-manage" />\n <span className="zi-grid-item-name">business-manage_fill</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">Status</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("check-circle-o")}\n onCopySuccess="success_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="success_circlecheckcircleoutlinesuccess"\n >\n <Icon type="check-circle-o" />\n <span className="zi-grid-item-name">success_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("check-circle")}\n onCopySuccess="success_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="success_circle_fillcheckcirclefilledsuccess"\n >\n <Icon type="check-circle" />\n <span className="zi-grid-item-name">success_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("close-circle-o")}\n onCopySuccess="error_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="error_circleerrorcircleoutline"\n >\n <Icon type="close-circle-o" />\n <span className="zi-grid-item-name">error_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("close-circle")}\n onCopySuccess="error_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="error_circle_fillerrorcirclefilled"\n >\n <Icon type="close-circle" />\n <span className="zi-grid-item-name">error_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("info-circle-o")}\n onCopySuccess="info_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="info_circleinfocircleoutline"\n >\n <Icon type="info-circle-o" />\n <span className="zi-grid-item-name">info_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("info-circle")}\n onCopySuccess="info_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="info_circle_fillinfocirclefilled"\n >\n <Icon type="info-circle" />\n <span className="zi-grid-item-name">info_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("loading")}\n onCopySuccess="loading 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="loadingloading"\n >\n <Icon type="loading" />\n <span className="zi-grid-item-name">loading</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("wait")}\n onCopySuccess="wait_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="wait_fillwaitfilled"\n >\n <Icon type="wait" />\n <span className="zi-grid-item-name">wait_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("star-o")}\n onCopySuccess="star 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="starstaroutline"\n >\n <Icon type="star-o" />\n <span className="zi-grid-item-name">star</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("star")}\n onCopySuccess="star_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="star_fillstarfilled"\n >\n <Icon type="star" />\n <span className="zi-grid-item-name">star_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bell-o")}\n onCopySuccess="bell 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bellbelloutline"\n >\n <Icon type="bell-o" />\n <span className="zi-grid-item-name">bell</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bell")}\n onCopySuccess="bell_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bell_fillbellfilled"\n >\n <Icon type="bell" />\n <span className="zi-grid-item-name">bell_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("check")}\n onCopySuccess="check 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="checkcheck"\n >\n <Icon type="check" />\n <span className="zi-grid-item-name">check</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("warning-o")}\n onCopySuccess="warning 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="warningwarningtriangleoutline"\n >\n <Icon type="warning-o" />\n <span className="zi-grid-item-name">warning</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("warning")}\n onCopySuccess="warning_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="warning_fillwarningtrianglefilled"\n >\n <Icon type="warning" />\n <span className="zi-grid-item-name">warning_fill</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">Logo</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("youzan-o")}\n onCopySuccess="youzan 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="youzanyouzanlogooutline"\n >\n <Icon type="youzan-o" />\n <span className="zi-grid-item-name">youzan</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("youzan")}\n onCopySuccess="youzan_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="youzan_fillyouzanlogofilled"\n >\n <Icon type="youzan" />\n <span className="zi-grid-item-name">youzan_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("mini-apps-o")}\n onCopySuccess="mini_apps 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="mini_appswechatminiappoutline"\n >\n <Icon type="mini-apps-o" />\n <span className="zi-grid-item-name">mini_apps</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("mini-apps")}\n onCopySuccess="mini_apps_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="mini_apps_fillwechatminiappfilled"\n >\n <Icon type="mini-apps" />\n <span className="zi-grid-item-name">mini_apps_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("wechat-o")}\n onCopySuccess="wechat 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="wechatwechatoutline"\n >\n <Icon type="wechat-o" />\n <span className="zi-grid-item-name">wechat</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("wechat")}\n onCopySuccess="wechat_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="wechat_fillwechatfilled"\n >\n <Icon type="wechat" />\n <span className="zi-grid-item-name">wechat_fill</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">Base</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("clock-o")}\n onCopySuccess="clock 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="clockclockoutline"\n >\n <Icon type="clock-o" />\n <span className="zi-grid-item-name">clock</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("clock")}\n onCopySuccess="clock_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="clock_fillclockfilled"\n >\n <Icon type="clock" />\n <span className="zi-grid-item-name">clock_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("calendar-o")}\n onCopySuccess="calendar 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="calendarcalendaroutline"\n >\n <Icon type="calendar-o" />\n <span className="zi-grid-item-name">calendar</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("calendar")}\n onCopySuccess="calendar_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="calendar_fillcalendarfilled"\n >\n <Icon type="calendar" />\n <span className="zi-grid-item-name">calendar_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("present-o")}\n onCopySuccess="present 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="presentpresentoutline"\n >\n <Icon type="present-o" />\n <span className="zi-grid-item-name">present</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("present")}\n onCopySuccess="present_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="present_fillpresentfilled"\n >\n <Icon type="present" />\n <span className="zi-grid-item-name">present_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("ticket-o")}\n onCopySuccess="ticket 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="ticketticketoutline"\n >\n <Icon type="ticket-o" />\n <span className="zi-grid-item-name">ticket</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("ticket")}\n onCopySuccess="ticket_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="ticket_fillticketfilled"\n >\n <Icon type="ticket" />\n <span className="zi-grid-item-name">ticket_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("expand-customer-o")}\n onCopySuccess="expand_customer 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="expand_customerexpandcustomeroutline"\n >\n <Icon type="expand-customer-o" />\n <span className="zi-grid-item-name">expand_customer</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("expand-customer")}\n onCopySuccess="expand_customer_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="expand_customer_fillexpandcustomerfilled"\n >\n <Icon type="expand-customer" />\n <span className="zi-grid-item-name">expand_customer_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("checkin-o")}\n onCopySuccess="checkin 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="checkincheckinoutline"\n >\n <Icon type="checkin-o" />\n <span className="zi-grid-item-name">checkin</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("checkin")}\n onCopySuccess="checkin_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="checkin_fillcheckinfilled"\n >\n <Icon type="checkin" />\n <span className="zi-grid-item-name">checkin_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("assess-o")}\n onCopySuccess="assess 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="assessassessoutline"\n >\n <Icon type="assess-o" />\n <span className="zi-grid-item-name">assess</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("assess")}\n onCopySuccess="assess_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="assess_fillassessfilled"\n >\n <Icon type="assess" />\n <span className="zi-grid-item-name">assess_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("business-o")}\n onCopySuccess="business 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="businessbusinessoutline"\n >\n <Icon type="business-o" />\n <span className="zi-grid-item-name">business</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("business")}\n onCopySuccess="business_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="business_fillbusinessfilled"\n >\n <Icon type="business" />\n <span className="zi-grid-item-name">business_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hr-o")}\n onCopySuccess="hr 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hrhuman resourceoutline"\n >\n <Icon type="hr-o" />\n <span className="zi-grid-item-name">hr</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hr")}\n onCopySuccess="hr_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hr_fillhuman resourcefilled"\n >\n <Icon type="hr" />\n <span className="zi-grid-item-name">hr_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("approval-o")}\n onCopySuccess="approval 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="approvalapprovaloutline"\n >\n <Icon type="approval-o" />\n <span className="zi-grid-item-name">approval</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("approval")}\n onCopySuccess="approval_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="approval_fillapprovalfilled"\n >\n <Icon type="approval" />\n <span className="zi-grid-item-name">approval_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report-o")}\n onCopySuccess="report 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="reportreportoutline"\n >\n <Icon type="report-o" />\n <span className="zi-grid-item-name">report</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report")}\n onCopySuccess="report_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="report_fillreportfilled"\n >\n <Icon type="report" />\n <span className="zi-grid-item-name">report_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("coupon-o")}\n onCopySuccess="coupon 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="couponcouponoutline"\n >\n <Icon type="coupon-o" />\n <span className="zi-grid-item-name">coupon</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("coupon")}\n onCopySuccess="coupon_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="coupon_fillcouponfilled"\n >\n <Icon type="coupon" />\n <span className="zi-grid-item-name">coupon_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hc-manage-o")}\n onCopySuccess="hc_manage 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hc_managehc-manageoutline"\n >\n <Icon type="hc-manage-o" />\n <span className="zi-grid-item-name">hc_manage</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hc-manage")}\n onCopySuccess="hc_manage_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hc_manage_fillhc-managefilled"\n >\n <Icon type="hc-manage" />\n <span className="zi-grid-item-name">hc_manage_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report-forms-o")}\n onCopySuccess="report_forms 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="report_formsreportformsoutline"\n >\n <Icon type="report-forms-o" />\n <span className="zi-grid-item-name">report_forms</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report-forms")}\n onCopySuccess="report_forms_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="report_forms_fillreportformsfilled"\n >\n <Icon type="report-forms" />\n <span className="zi-grid-item-name">report_forms_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("brush-o")}\n onCopySuccess="brush 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="brushbrushoutline"\n >\n <Icon type="brush-o" />\n <span className="zi-grid-item-name">brush</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("brush")}\n onCopySuccess="brush_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="brush_fillbrushfilled"\n >\n <Icon type="brush" />\n <span className="zi-grid-item-name">brush_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("development-doc-o")}\n onCopySuccess="development_doc 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="development_docdevelopmentdocoutline"\n >\n <Icon type="development-doc-o" />\n <span className="zi-grid-item-name">development_doc</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("development-doc")}\n onCopySuccess="development_doc_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="development_doc_filldevelopmentdocfilled"\n >\n <Icon type="development-doc" />\n <span className="zi-grid-item-name">development_doc_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bookmark-o")}\n onCopySuccess="bookmark 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bookmarkbookmarkoutline"\n >\n <Icon type="bookmark-o" />\n <span className="zi-grid-item-name">bookmark</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bookmark")}\n onCopySuccess="bookmark_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bookmark_fillbookmarkfilled"\n >\n <Icon type="bookmark" />\n <span className="zi-grid-item-name">bookmark_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("folder-o")}\n onCopySuccess="folder 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="folderfolderoutline"\n >\n <Icon type="folder-o" />\n <span className="zi-grid-item-name">folder</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("open-folder-o")}\n onCopySuccess="open_folder 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="open_folderopen-folderoutline"\n >\n <Icon type="open-folder-o" />\n <span className="zi-grid-item-name">open_folder</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("pending-payment-o")}\n onCopySuccess="pending_payment 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="pending_paymentpaymentpendingoutline"\n >\n <Icon type="pending-payment-o" />\n <span className="zi-grid-item-name">pending_payment</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("salesman-o")}\n onCopySuccess="salesman 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="salesmansalesmanoutline"\n >\n <Icon type="salesman-o" />\n <span className="zi-grid-item-name">salesman</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("tendency-o")}\n onCopySuccess="tendency 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="tendencytendencyoutline"\n >\n <Icon type="tendency-o" />\n <span className="zi-grid-item-name">tendency</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("distribution-o")}\n onCopySuccess="distribution 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="distributiondistributionoutline"\n >\n <Icon type="distribution-o" />\n <span className="zi-grid-item-name">distribution</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("member-o")}\n onCopySuccess="member 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="membermemberoutline"\n >\n <Icon type="member-o" />\n <span className="zi-grid-item-name">member</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("text-guide-o")}\n onCopySuccess="text_guide 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="text_guidetext-guideoutlineguide"\n >\n <Icon type="text-guide-o" />\n <span className="zi-grid-item-name">text_guide</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("qrcode")}\n onCopySuccess="qrcode 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="qrcodeqrcode"\n >\n <Icon type="qrcode" />\n <span className="zi-grid-item-name">qrcode</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("shop-analyze-o")}\n onCopySuccess="shop_analyze 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shop_analyzeshopanalyzeoutline"\n >\n <Icon type="shop-analyze-o" />\n <span className="zi-grid-item-name">shop_analyze</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("channel-o")}\n onCopySuccess="channel 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="channelchanneloutline"\n >\n <Icon type="channel-o" />\n <span className="zi-grid-item-name">channel</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("cashier-desk-o")}\n onCopySuccess="cashier_desk 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="cashier_deskcashierdeskoutline"\n >\n <Icon type="cashier-desk-o" />\n <span className="zi-grid-item-name">cashier_desk</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("qa-o")}\n onCopySuccess="qa 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="qaqualityassuranceoutline"\n >\n <Icon type="qa-o" />\n <span className="zi-grid-item-name">qa</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("withdraw-cash-o")}\n onCopySuccess="withdraw_cash 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="withdraw_cashwithdrawcashoutline"\n >\n <Icon type="withdraw-cash-o" />\n <span className="zi-grid-item-name">withdraw_cash</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("tools-o")}\n onCopySuccess="tools 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="toolstoolsoutline"\n >\n <Icon type="tools-o" />\n <span className="zi-grid-item-name">tools</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("smile")}\n onCopySuccess="smile 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="smilesmile"\n >\n <Icon type="smile" />\n <span className="zi-grid-item-name">smile</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("photo")}\n onCopySuccess="photo 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="photophoto"\n >\n <Icon type="photo" />\n <span className="zi-grid-item-name">photo</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("video-o")}\n onCopySuccess="video 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="videovideooutline"\n >\n <Icon type="video-o" />\n <span className="zi-grid-item-name">video</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("video")}\n onCopySuccess="video_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="video_fillvideofilled"\n >\n <Icon type="video" />\n <span className="zi-grid-item-name">video_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hotline-o")}\n onCopySuccess="hotline 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hotlinehotlineoutline"\n >\n <Icon type="hotline-o" />\n <span className="zi-grid-item-name">hotline</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("visit-o")}\n onCopySuccess="visit 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="visitvisitoutline"\n >\n <Icon type="visit-o" />\n <span className="zi-grid-item-name">visit</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("countdown")}\n onCopySuccess="countdown 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="countdowncountdown"\n >\n <Icon type="countdown" />\n <span className="zi-grid-item-name">countdown</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("suggestions")}\n onCopySuccess="suggestions 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="suggestionssuggestionsoutline"\n >\n <Icon type="suggestions" />\n <span className="zi-grid-item-name">suggestions</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("feedback")}\n onCopySuccess="feedback 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="feedbackfeedback"\n >\n <Icon type="feedback" />\n <span className="zi-grid-item-name">feedback</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("contract-o")}\n onCopySuccess="contract 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="contractcontractoutline"\n >\n <Icon type="contract-o" />\n <span className="zi-grid-item-name">contract</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("rights-list-o")}\n onCopySuccess="rights_list 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="rights_listrights-listoutline"\n >\n <Icon type="rights-list-o" />\n <span className="zi-grid-item-name">rights_list</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("im-o")}\n onCopySuccess="im 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="imimoutline"\n >\n <Icon type="im-o" />\n <span className="zi-grid-item-name">im</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("flow-o")}\n onCopySuccess="resource 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="resourceresourceflowoutline"\n >\n <Icon type="flow-o" />\n <span className="zi-grid-item-name">resource</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("strategy-o")}\n onCopySuccess="strategy 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="strategystrategyoutline"\n >\n <Icon type="strategy-o" />\n <span className="zi-grid-item-name">strategy</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("link")}\n onCopySuccess="link 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="linklink"\n >\n <Icon type="link" />\n <span className="zi-grid-item-name">link</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("voice")}\n onCopySuccess="voice_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="voice_fillvoicefilled"\n >\n <Icon type="voice" />\n <span className="zi-grid-item-name">voice_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("scan-code-o")}\n onCopySuccess="scan_code 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="scan_codescan-codeoutline"\n >\n <Icon type="scan-code-o" />\n <span className="zi-grid-item-name">scan_code</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("doc")}\n onCopySuccess="doc 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="docdocfilled"\n >\n <Icon type="doc" />\n <span className="zi-grid-item-name">doc</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n </div>\n );\n }\n}\n\nReactDOM.render(<IconGrid />, mountNode);'},p.createElement(v)),p.createElement(h,{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
PropertyDescriptionTypeDefault
typeType of iconstring\'\'
spinspin animationbooleanfalse
classNamecustom extra class namestring\'\'
'}))}}},89522:(n,a,s)=>{"use strict";s.d(a,{q:()=>g});var t=s(59312),p=s(24246),c=s(27378),e=s(90347),o=s(23476),l=s(52074),u=s(42690),i=s(14805),k=function(n){var a,s,t,p,c=!1;try{if(a=function(){var n=document.getSelection();if(!n.rangeCount)return u.Z;for(var a=document.activeElement,s=[],t=0;t{"use strict";s.d(a,{E:()=>i});var t=s(59312),p=s(24246),c=s(60042),e=s.n(c),o=s(27378),l=s(57961),u=s(1348);function i(n){var a=(0,o.useContext)(u.d),s=n.value,c=n.disabled,i=void 0===c?a.value:c,k=n.readOnly,r=void 0!==k&&k,g=n.isValueEqual,m=void 0===g?Object.is:g,d=n.className,v=n.style,y=n.children,h=n.onChange,x=(0,o.useMemo)((function(){return{value:s,disabled:i,readOnly:r,isValueEqual:m,onRadioChange:h}}),[s,i,r,m,h]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:x},{children:(0,p.jsx)("div",(0,t.pi)({className:e()("zent-radio-group",d),style:v,"data-zv":"10.0.10"},{children:y}),void 0)}),void 0)}a.Z=i},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>d});var t=s(59312),p=s(24246),c=s(60042),e=s.n(c),o=s(1535),l=s(27378);function u(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var c=s.current.onChange;c&&c(a)}}),[p])}function i(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var k=s(4246),r=s(1348),g=s(57961);function m(n){var a=n.className,s=n.style,c=n.children,k=(n.value,n.width),m=n.labelStyle,d=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),v=(0,l.useContext)(r.d),y=(0,l.useContext)(g.Z),h=i(v,y,n),x=h.checked,q=h.disabled,f=h.readOnly,j=u(y,n),z=e()(a,"zent-radio-wrap",{"zent-radio-checked":!!x,"zent-radio-disabled":q||f}),C=(0,o.Z)(k),N=(0,t.pi)((0,t.pi)({},s),C);return(0,p.jsxs)("label",(0,t.pi)({className:z,style:N,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},d,{type:"radio",checked:!!x,disabled:q,readOnly:f,onChange:j,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==c&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.10"},{children:c}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,c=n.children,k=(n.value,n.width),m=n.onMouseEnter,d=n.onMouseLeave,v=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),y=(0,l.useContext)(r.d),h=(0,l.useContext)(g.Z);if(!h)throw new Error("Radio.Button must be nested within Radio.Group");var x=i(y,h,n),q=x.checked,f=x.disabled,j=x.readOnly,z=u(h,n),C=e()(a,"zent-radio-button",{"zent-radio-button--checked":!!q,"zent-radio-button--disabled":f||j}),N=(0,o.Z)(k),S=(0,t.pi)((0,t.pi)({},s),N);return(0,p.jsxs)("label",(0,t.pi)({className:C,style:S,onMouseEnter:m,onMouseLeave:d,"data-zv":"10.0.10"},{children:[(0,p.jsx)("input",(0,t.pi)({},v,{type:"radio",checked:!!q,disabled:f,readOnly:j,onChange:z,"data-zv":"10.0.10"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:c}),void 0)]}),void 0)},m.Group=k.Z;var d=m},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file diff --git a/1846-065b57cc96e40c78b4c8.js b/1846-065b57cc96e40c78b4c8.js new file mode 100644 index 000000000..edffde86d --- /dev/null +++ b/1846-065b57cc96e40c78b4c8.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1846],{31846:(e,t,n)=>{"use strict";n.d(t,{D:()=>m,Z:()=>h});var o=n(59312),r=n(24246),i=n(60042),u=n.n(i),l=n(27378),s=n(86446),a=n(36831),c=n(79352),p=n(17127),f=window.ResizeObserver,v=n(14322),d=n(27468),m=(0,l.forwardRef)((function(e,t){var n=e.className,i=e.placeholderClassName,m=e.children,h=e.offsetTop,w=e.offsetBottom,b=e.getAffixContainer,y=e.zIndex,T=void 0===y?10:y,g=e.onPin,B=e.onUnpin,z=(0,l.useState)(1),x=z[0],C=z[1],S=(0,l.useState)(),P=S[0],E=S[1],k=(0,l.useState)(),O=k[0],R=k[1],N=(0,l.useRef)((0,l.createRef)()),A=(0,a.W)(g),Z=(0,a.W)(B),L="number"==typeof h,j="number"==typeof w,W=(0,l.useState)(null),M=W[0],F=W[1],U=(0,l.useState)(0),D=U[0],H=U[1],I=(0,l.useState)(0),V=I[0],$=I[1],X=(0,l.useState)(0),Y=X[0],_=X[1],q=(0,l.useCallback)((function(e){var t=e.getBoundingClientRect();L&&H(t.top),j&&$(t.bottom)}),[L,j]),G=function(e){var t=(0,l.useRef)(null),n=(0,l.useCallback)((function(){return f&&new f((0,p.$j)(e))}),[e]);(0,l.useEffect)((function(){t.current=n()}),[n]);var o=(0,l.useCallback)((function(e,n){var o;e&&(null===(o=t.current)||void 0===o||o.observe(e,n))}),[t]),r=(0,l.useCallback)((function(e){var n;null===(n=t.current)||void 0===n||n.unobserve(e)}),[t]),i=(0,l.useCallback)((function(){var e;null===(e=t.current)||void 0===e||e.disconnect()}),[t]);return{observer:t,observe:o,unobserve:r,disconnect:i}}((0,l.useCallback)((function(e){var t=e[0],n=t.borderBoxSize,o=t.contentRect;if(n&&n.length>0){var r=n[0],i=r.inlineSize,u=r.blockSize;E(i),R(u)}else{var l=o.width,s=o.height;E(l),R(s)}}),[])),J=G.observe,K=G.disconnect,Q=(0,l.useCallback)((function(e){return function(t){var n,o,r=t.currentPosition;if(r===e){var i=null===(n=N.current)||void 0===n?void 0:n.current;i&&(E(i.offsetWidth),R(i.offsetHeight)),J(i),C(r),null===(o=A.current)||void 0===o||o.call(A)}}}),[A,J]),ee=(0,l.useCallback)((function(e){return function(t){var n,o=t.currentPosition;t.previousPosition===e&&(E(void 0),R(void 0),K(),C(o),null===(n=Z.current)||void 0===n||n.call(Z))}}),[Z,K]),te=(0,l.useMemo)((function(){return[Q(0),ee(0)]}),[Q,ee]),ne=te[0],oe=te[1],re=(0,l.useMemo)((function(){return[Q(2),ee(2)]}),[Q,ee]),ie=re[0],ue=re[1],le=(0,l.useMemo)((function(){return 1===x?{}:{height:O}}),[O,x]),se=(0,l.useMemo)((function(){if(0===x||2===x){var e={position:"fixed",zIndex:T,width:P};return M?0===x?e.top=h+D:e.bottom=w+(Y-V):0===x?e.top=h:e.bottom=w,e}return{position:"static"}}),[M,w,h,D,V,Y,x,P,T]),ae=(0,l.useCallback)((function(){M&&q(M)}),[M,q]);(0,l.useEffect)((function(){var e=null==b?void 0:b();e&&(F(e),q(e),_((0,d.mP)()))}),[b,q]);var ce=(0,l.useCallback)((function(){_((0,d.mP)())}),[]);(0,l.useImperativeHandle)(t,(function(){return{updatePosition:ae}}));var pe=(0,l.useMemo)((function(){return null!=M?M:c.Z?window:void 0}),[M]);return(0,r.jsxs)(r.Fragment,{children:[L&&(0,r.jsx)(s.h,{scrollableAncestor:pe,onEnter:oe,onLeave:ne,topOffset:h},void 0),(0,r.jsx)("div",(0,o.pi)({className:u()("zent-affix-placeholder",i),style:le,ref:N.current,"data-zv":"10.0.10"},{children:(0,r.jsx)("div",(0,o.pi)({className:u()("zent-affix",n),style:se,"data-zv":"10.0.10"},{children:m}),void 0)}),void 0),j&&(0,r.jsx)(s.h,{scrollableAncestor:pe,onEnter:ue,onLeave:ie,bottomOffset:w},void 0),M&&(0,r.jsx)(v.w,{onResize:ce,disableThrottle:!0},void 0)]},void 0)}));m.displayName="ZentAffix";var h=m},14322:(e,t,n)=>{"use strict";n.d(t,{w:()=>a});var o=n(24246),r=n(27378),i=n(27468),u=n(80186),l=n(17127),s={passive:!0},a=function(e){var t=e.disableThrottle,n=void 0!==t&&t,a=e.onResize,c=(0,r.useRef)(null),p=(0,r.useRef)(a);p.current=a;var f=(0,r.useCallback)((function(e){var t=(0,i.ZP)();c.current||(c.current=t);var n=c.current,o={deltaX:t.width-n.width,deltaY:t.height-n.height};0===o.deltaX&&0===o.deltaY||(p.current(e,o),c.current=t)}),[]),v=(0,l.BN)(f,n);return(0,r.useEffect)((function(){return c.current=(0,i.ZP)(),v.cancel}),[v]),(0,o.jsx)(u.ZP,{eventName:"resize",listener:v,options:s},void 0)}},55978:(e,t,n)=>{"use strict";function o(e){for(var t=[],n=1;no})},36831:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});var o=n(27378);function r(e){var t=(0,o.useRef)(e);return t.current=e,t}},86446:(e,t,n)=>{"use strict";n.d(t,{h:()=>w});var o=n(59312),r=n(24246),i=n(27378),u=n(49744),l=n(19185);function s(e){return(0,l.isElement)(e)&&"string"==typeof e.type}function a(e){return e.viewportBottom-e.viewportTop==0?3:e.viewportTop<=e.waypointTop&&e.waypointTop<=e.viewportBottom||e.viewportTop<=e.waypointBottom&&e.waypointBottom<=e.viewportBottom||e.waypointTop<=e.viewportTop&&e.viewportBottom<=e.waypointBottom?1:e.viewportBottom needs a DOM element to compute boundaries. The child you passed is neither a DOM element (e.g.
) nor does it use the innerRef prop.\n")}(e.props.children,e.refElement.current),e.scrollableAncestor=e.findScrollableAncestor(),e.scrollEventListenerUnsubscribe=(0,u.Oo)(e.scrollableAncestor,"scroll",e.handleScroll,{passive:!0}),e.resizeEventListenerUnsubscribe=(0,u.Oo)(window,"resize",e.handleScroll,{passive:!0}),e.handleScroll(null)})))},t.prototype.componentDidUpdate=function(){var e=this;c.Z&&this.scrollableAncestor&&(this.cancelOnNextTick||(this.cancelOnNextTick=(0,p.Z)((function(){e.cancelOnNextTick=null,e.handleScroll(null)}))))},t.prototype.componentWillUnmount=function(){var e,t,n;c.Z&&(null===(e=this.scrollEventListenerUnsubscribe)||void 0===e||e.call(this),null===(t=this.resizeEventListenerUnsubscribe)||void 0===t||t.call(this),null===(n=this.cancelOnNextTick)||void 0===n||n.cancel())},t.prototype.findScrollableAncestor=function(){var e=this.props,t=e.horizontal,n=e.scrollableAncestor;if(n)return n;for(var o=this.refElement.current;o.parentNode;){if((o=o.parentNode)===document.body)return window;var r=getComputedStyle(o),i=(t?r.getPropertyValue("overflow-x"):r.getPropertyValue("overflow-y"))||r.getPropertyValue("overflow");if("auto"===i||"scroll"===i)return o}return window},t.prototype.getBounds=function(){var e,t,n=this.props.horizontal,o=this.refElement.current.getBoundingClientRect(),r=o.left,i=o.top,u=o.right,l=o.bottom,s=n?r:i,a=n?u:l;if(this.scrollableAncestor===window)e=n?window.innerWidth:window.innerHeight,t=0;else{var c=this.scrollableAncestor.getBoundingClientRect();e=n?c.width:c.height,t=n?c.left:c.top}return{waypointTop:s,waypointBottom:a,viewportTop:t+this.getOffset("top",e),viewportBottom:t+e-this.getOffset("bottom",e)}},t.prototype.getOffset=function(e,t){var n,o,r=this.props.horizontal,i=e+"Offset",u="top"===e?"border"+(r?"Left":"Top")+"Width":"border"+(r?"Right":"Bottom")+"Width",l=this.props[i];if("auto"!==l)return function(e,t){var n=function(e){var t;if(t="number"==typeof e?e:parseFloat(e),!Number.isNaN(t)&&Number.isFinite(t))return t}(e);if("number"==typeof n)return n;if("string"==typeof e){var o=function(e){if("%"===e.slice(-1))return parseFloat(e.slice(0,-1))/100}(e);if("number"==typeof o)return o*t}}(l,t);if(this.scrollableAncestor===window){var s=getComputedStyle(document.documentElement),a=function(){return f(s.fontSize)};return null!==(n=v(s[u],a,a))&&void 0!==n?n:0}var c=getComputedStyle(this.scrollableAncestor);return a=function(){return f(c.fontSize)},null!==(o=v(c[u],a,(function(){return f(getComputedStyle(document.documentElement).fontSize)})))&&void 0!==o?o:0},t.prototype.render=function(){var e=this,t=this.props.children;if(!t)return(0,r.jsx)("span",{ref:this.refElement,style:{fontSize:0},className:"zent-waypoint-marker","data-zv":"10.0.10"},void 0);var n=i.Children.only(t);return s(n)||(0,l.isForwardRef)(n)?(0,i.cloneElement)(n,{ref:function(t){e.refElement.current=t;var o=n.ref;o&&("function"==typeof o?o(t):o.current=t)}}):(0,i.cloneElement)(n,{innerRef:this.refElement})},t.defaultProps={topOffset:0,bottomOffset:0,horizontal:!1,fireOnRapidScroll:!0},t}(i.PureComponent)}}]); \ No newline at end of file diff --git a/1846-a12cf2e05de1307c6740.js b/1846-a12cf2e05de1307c6740.js deleted file mode 100644 index cec5ff5f7..000000000 --- a/1846-a12cf2e05de1307c6740.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1846],{31846:(e,t,n)=>{"use strict";n.d(t,{D:()=>m,Z:()=>h});var o=n(59312),r=n(24246),i=n(60042),u=n.n(i),l=n(27378),s=n(86446),a=n(36831),c=n(79352),p=n(17127),f=window.ResizeObserver,v=n(14322),d=n(27468),m=(0,l.forwardRef)((function(e,t){var n=e.className,i=e.placeholderClassName,m=e.children,h=e.offsetTop,w=e.offsetBottom,b=e.getAffixContainer,y=e.zIndex,T=void 0===y?10:y,g=e.onPin,B=e.onUnpin,z=(0,l.useState)(1),x=z[0],C=z[1],S=(0,l.useState)(),P=S[0],E=S[1],k=(0,l.useState)(),O=k[0],R=k[1],N=(0,l.useRef)((0,l.createRef)()),A=(0,a.W)(g),Z=(0,a.W)(B),L="number"==typeof h,j="number"==typeof w,W=(0,l.useState)(null),M=W[0],F=W[1],U=(0,l.useState)(0),D=U[0],H=U[1],I=(0,l.useState)(0),V=I[0],$=I[1],X=(0,l.useState)(0),Y=X[0],_=X[1],q=(0,l.useCallback)((function(e){var t=e.getBoundingClientRect();L&&H(t.top),j&&$(t.bottom)}),[L,j]),G=function(e){var t=(0,l.useRef)(null),n=(0,l.useCallback)((function(){return f&&new f((0,p.$j)(e))}),[e]);(0,l.useEffect)((function(){t.current=n()}),[n]);var o=(0,l.useCallback)((function(e,n){var o;e&&(null===(o=t.current)||void 0===o||o.observe(e,n))}),[t]),r=(0,l.useCallback)((function(e){var n;null===(n=t.current)||void 0===n||n.unobserve(e)}),[t]),i=(0,l.useCallback)((function(){var e;null===(e=t.current)||void 0===e||e.disconnect()}),[t]);return{observer:t,observe:o,unobserve:r,disconnect:i}}((0,l.useCallback)((function(e){var t=e[0],n=t.borderBoxSize,o=t.contentRect;if(n&&n.length>0){var r=n[0],i=r.inlineSize,u=r.blockSize;E(i),R(u)}else{var l=o.width,s=o.height;E(l),R(s)}}),[])),J=G.observe,K=G.disconnect,Q=(0,l.useCallback)((function(e){return function(t){var n,o,r=t.currentPosition;if(r===e){var i=null===(n=N.current)||void 0===n?void 0:n.current;i&&(E(i.offsetWidth),R(i.offsetHeight)),J(i),C(r),null===(o=A.current)||void 0===o||o.call(A)}}}),[A,J]),ee=(0,l.useCallback)((function(e){return function(t){var n,o=t.currentPosition;t.previousPosition===e&&(E(void 0),R(void 0),K(),C(o),null===(n=Z.current)||void 0===n||n.call(Z))}}),[Z,K]),te=(0,l.useMemo)((function(){return[Q(0),ee(0)]}),[Q,ee]),ne=te[0],oe=te[1],re=(0,l.useMemo)((function(){return[Q(2),ee(2)]}),[Q,ee]),ie=re[0],ue=re[1],le=(0,l.useMemo)((function(){return 1===x?{}:{height:O}}),[O,x]),se=(0,l.useMemo)((function(){if(0===x||2===x){var e={position:"fixed",zIndex:T,width:P};return M?0===x?e.top=h+D:e.bottom=w+(Y-V):0===x?e.top=h:e.bottom=w,e}return{position:"static"}}),[M,w,h,D,V,Y,x,P,T]),ae=(0,l.useCallback)((function(){M&&q(M)}),[M,q]);(0,l.useEffect)((function(){var e=null==b?void 0:b();e&&(F(e),q(e),_((0,d.mP)()))}),[b,q]);var ce=(0,l.useCallback)((function(){_((0,d.mP)())}),[]);(0,l.useImperativeHandle)(t,(function(){return{updatePosition:ae}}));var pe=(0,l.useMemo)((function(){return null!=M?M:c.Z?window:void 0}),[M]);return(0,r.jsxs)(r.Fragment,{children:[L&&(0,r.jsx)(s.h,{scrollableAncestor:pe,onEnter:oe,onLeave:ne,topOffset:h},void 0),(0,r.jsx)("div",(0,o.pi)({className:u()("zent-affix-placeholder",i),style:le,ref:N.current,"data-zv":"10.0.9"},{children:(0,r.jsx)("div",(0,o.pi)({className:u()("zent-affix",n),style:se,"data-zv":"10.0.9"},{children:m}),void 0)}),void 0),j&&(0,r.jsx)(s.h,{scrollableAncestor:pe,onEnter:ue,onLeave:ie,bottomOffset:w},void 0),M&&(0,r.jsx)(v.w,{onResize:ce,disableThrottle:!0},void 0)]},void 0)}));m.displayName="ZentAffix";var h=m},14322:(e,t,n)=>{"use strict";n.d(t,{w:()=>a});var o=n(24246),r=n(27378),i=n(27468),u=n(80186),l=n(17127),s={passive:!0},a=function(e){var t=e.disableThrottle,n=void 0!==t&&t,a=e.onResize,c=(0,r.useRef)(null),p=(0,r.useRef)(a);p.current=a;var f=(0,r.useCallback)((function(e){var t=(0,i.ZP)();c.current||(c.current=t);var n=c.current,o={deltaX:t.width-n.width,deltaY:t.height-n.height};0===o.deltaX&&0===o.deltaY||(p.current(e,o),c.current=t)}),[]),v=(0,l.BN)(f,n);return(0,r.useEffect)((function(){return c.current=(0,i.ZP)(),v.cancel}),[v]),(0,o.jsx)(u.ZP,{eventName:"resize",listener:v,options:s},void 0)}},55978:(e,t,n)=>{"use strict";function o(e){for(var t=[],n=1;no})},36831:(e,t,n)=>{"use strict";n.d(t,{W:()=>r});var o=n(27378);function r(e){var t=(0,o.useRef)(e);return t.current=e,t}},86446:(e,t,n)=>{"use strict";n.d(t,{h:()=>w});var o=n(59312),r=n(24246),i=n(27378),u=n(49744),l=n(19185);function s(e){return(0,l.isElement)(e)&&"string"==typeof e.type}function a(e){return e.viewportBottom-e.viewportTop==0?3:e.viewportTop<=e.waypointTop&&e.waypointTop<=e.viewportBottom||e.viewportTop<=e.waypointBottom&&e.waypointBottom<=e.viewportBottom||e.waypointTop<=e.viewportTop&&e.viewportBottom<=e.waypointBottom?1:e.viewportBottom needs a DOM element to compute boundaries. The child you passed is neither a DOM element (e.g.
) nor does it use the innerRef prop.\n")}(e.props.children,e.refElement.current),e.scrollableAncestor=e.findScrollableAncestor(),e.scrollEventListenerUnsubscribe=(0,u.Oo)(e.scrollableAncestor,"scroll",e.handleScroll,{passive:!0}),e.resizeEventListenerUnsubscribe=(0,u.Oo)(window,"resize",e.handleScroll,{passive:!0}),e.handleScroll(null)})))},t.prototype.componentDidUpdate=function(){var e=this;c.Z&&this.scrollableAncestor&&(this.cancelOnNextTick||(this.cancelOnNextTick=(0,p.Z)((function(){e.cancelOnNextTick=null,e.handleScroll(null)}))))},t.prototype.componentWillUnmount=function(){var e,t,n;c.Z&&(null===(e=this.scrollEventListenerUnsubscribe)||void 0===e||e.call(this),null===(t=this.resizeEventListenerUnsubscribe)||void 0===t||t.call(this),null===(n=this.cancelOnNextTick)||void 0===n||n.cancel())},t.prototype.findScrollableAncestor=function(){var e=this.props,t=e.horizontal,n=e.scrollableAncestor;if(n)return n;for(var o=this.refElement.current;o.parentNode;){if((o=o.parentNode)===document.body)return window;var r=getComputedStyle(o),i=(t?r.getPropertyValue("overflow-x"):r.getPropertyValue("overflow-y"))||r.getPropertyValue("overflow");if("auto"===i||"scroll"===i)return o}return window},t.prototype.getBounds=function(){var e,t,n=this.props.horizontal,o=this.refElement.current.getBoundingClientRect(),r=o.left,i=o.top,u=o.right,l=o.bottom,s=n?r:i,a=n?u:l;if(this.scrollableAncestor===window)e=n?window.innerWidth:window.innerHeight,t=0;else{var c=this.scrollableAncestor.getBoundingClientRect();e=n?c.width:c.height,t=n?c.left:c.top}return{waypointTop:s,waypointBottom:a,viewportTop:t+this.getOffset("top",e),viewportBottom:t+e-this.getOffset("bottom",e)}},t.prototype.getOffset=function(e,t){var n,o,r=this.props.horizontal,i=e+"Offset",u="top"===e?"border"+(r?"Left":"Top")+"Width":"border"+(r?"Right":"Bottom")+"Width",l=this.props[i];if("auto"!==l)return function(e,t){var n=function(e){var t;if(t="number"==typeof e?e:parseFloat(e),!Number.isNaN(t)&&Number.isFinite(t))return t}(e);if("number"==typeof n)return n;if("string"==typeof e){var o=function(e){if("%"===e.slice(-1))return parseFloat(e.slice(0,-1))/100}(e);if("number"==typeof o)return o*t}}(l,t);if(this.scrollableAncestor===window){var s=getComputedStyle(document.documentElement),a=function(){return f(s.fontSize)};return null!==(n=v(s[u],a,a))&&void 0!==n?n:0}var c=getComputedStyle(this.scrollableAncestor);return a=function(){return f(c.fontSize)},null!==(o=v(c[u],a,(function(){return f(getComputedStyle(document.documentElement).fontSize)})))&&void 0!==o?o:0},t.prototype.render=function(){var e=this,t=this.props.children;if(!t)return(0,r.jsx)("span",{ref:this.refElement,style:{fontSize:0},className:"zent-waypoint-marker","data-zv":"10.0.9"},void 0);var n=i.Children.only(t);return s(n)||(0,l.isForwardRef)(n)?(0,i.cloneElement)(n,{ref:function(t){e.refElement.current=t;var o=n.ref;o&&("function"==typeof o?o(t):o.current=t)}}):(0,i.cloneElement)(n,{innerRef:this.refElement})},t.defaultProps={topOffset:0,bottomOffset:0,horizontal:!1,fireOnRapidScroll:!0},t}(i.PureComponent)}}]); \ No newline at end of file diff --git a/1937-c14b6a0cf6c2aa368b11.js b/1937-c14b6a0cf6c2aa368b11.js deleted file mode 100644 index 13d1c179d..000000000 --- a/1937-c14b6a0cf6c2aa368b11.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1937],{75795:(e,t,n)=>{"use strict";n.d(t,{M:()=>b});var a=n(59312),r=n(24246),i=n(27378),o=n(52074),l=n(1348),u=n(42278),d=n(71990),s=n(12691),c=n(90278),v=n(3685),f=n(65410),p=n(11128),m=v.H.date,h=s.Z.Provider,g={format:p.zT},b=function(e){var t=(0,i.useContext)(l.d),n=(0,i.useContext)(s.Z),v=(0,a.pi)((0,a.pi)((0,a.pi)({},p.sn),g),e),b=v.format,Z=v.valueType,D=v.placeholder,x=v.disabled,C=void 0===x?t.value:x,S=(0,i.useCallback)((function(e){return(0,f.RZ)(e,b)}),[b]),y=(0,i.useCallback)((function(e){return e}),[]),T=(0,i.useCallback)((function(e){return(0,c.pB)(e,Z,b)}),[Z,b]);return(0,r.jsx)(o.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,r.jsx)(h,(0,a.pi)({value:(0,a.pi)((0,a.pi)({},n),{i18n:e,generateDate:m,getCallbackValue:T,getSelectedValue:y,getInputText:S})},{children:(0,r.jsx)(u.Z,(0,a.pi)({},v,{disabled:C,placeholder:D||e.date,PanelComponent:d.Z}),void 0)}),void 0)}}),void 0)};t.Z=b},1937:(e,t,n)=>{"use strict";n.d(t,{D:()=>Y});var a=n(59312),r=n(24246),i=n(27378),o=n(52074),l=n(75795),u=n(60042),d=n.n(u),s=n(12691),c=n(18270),v=n(98552),f=n(58181),p=n(19570),m=n(55631),h=n(80280),g=h.k.START,b=h.k.END,Z=n(45902),D=n(57569),x=n(77828),C=n(41507),S=h.k.START,y=h.k.END,T=function(e){var t=e.placeholder,n=e.value,o=e.disabledDate,l=e.className,u=e.defaultDate,h=(e.valueType,e.onChange),T=e.onClose,j=e.onOpen,M=e.disabledTime,k=e.generateDate,P=e.PickerComponent,N=e.showTime,w=e.seperator,z=e.name,Y=e.dateSpan,H=e.disabled,O=e.canClear,_=(0,a._T)(e,["placeholder","value","disabledDate","className","defaultDate","valueType","onChange","onClose","onOpen","disabledTime","generateDate","PickerComponent","showTime","seperator","name","dateSpan","disabled","canClear"]),F=(0,i.useMemo)((function(){return Array.isArray(H)?H:[H,H]}),[H]),V=(0,i.useMemo)((function(){return Array.isArray(O)?O:[O,O]}),[O]),I=(0,i.useRef)(_);I.current=_;var R=I.current.format,E=(0,i.useContext)(s.Z).getCallbackRangeValue,A=(0,x.Q)(h),L=(0,c.Z)({value:n,format:R,defaultDate:u}),Q=L.selected,U=L.setSelected,G=L.defaultPanelDate,W=Q[0],q=Q[1],B=(0,Z.P)(N),J=B[0],K=B[1],$=function(e,t,n,a){void 0===a&&(a=0);var r=(0,i.useRef)(t);return r.current=t,[(0,i.useCallback)((function(t){var i,o=(0,v.Z)(t),l=e[1],u=n.isSame,d=n.offsetDate;return!!(null===(i=r.current)||void 0===i?void 0:i.call(r,o,g))||!!l&&(!u(o,l)&&(0,f.Z)(o,l)||!!a&&(0,p.Z)(o,d(l,1-a)))}),[e,r,n,a]),(0,i.useCallback)((function(t){var i,o=(0,m.Z)(t),l=n.isSame,u=n.offsetDate,d=e[0];if(null===(i=r.current)||void 0===i?void 0:i.call(r,o,b))return!0;var s=!!a&&(0,f.Z)(o,u(d,a-1));return!!d&&(!l(o,d)&&(0,p.Z)(o,d)||s)}),[e,r,n,a])]}(Q,(0,D.Z)(R,o),k,Y),X=$[0],ee=$[1],te=(0,i.useCallback)((function(e){return function(t){var n,a=e===S?[t,q]:[W,t];N||(a=[a[0]?(0,m.Z)(a[0]):a[0],a[1]?(0,v.Z)(a[1]):a[1]]),U(a),null===(n=A.current)||void 0===n||n.call(A,(null==E?void 0:E(a))||null)}}),[W,q,N,A,E,U]),ne=(0,C.Z)({selected:Q,disabledTime:M}),ae=ne.disabledStartTimes,re=ne.disabledEndTimes;return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",(0,a.pi)({className:d()("zent-datepicker",l),"data-zv":"10.0.9"},{children:[(0,r.jsx)(P,(0,a.pi)({},I.current,{disabled:F[0],canClear:V[0],defaultDate:G[0],showTime:J,valueType:"date",value:W,disabledTime:ae,onChange:te(S),onOpen:function(){return null==j?void 0:j(S)},onClose:function(){return null==T?void 0:T(S)},disabledDate:X,name:null==z?void 0:z[0],placeholder:t[0]}),void 0),(0,r.jsx)("span",(0,a.pi)({className:"zent-datepicker-seperator","data-zv":"10.0.9"},{children:w}),void 0),(0,r.jsx)(P,(0,a.pi)({},I.current,{disabled:F[1],canClear:V[1],defaultDate:G[1],showTime:K,valueType:"date",value:q,disabledTime:re,onChange:te(y),onOpen:function(){return null==j?void 0:j(y)},onClose:function(){return null==T?void 0:T(y)},disabledDate:ee,name:null==z?void 0:z[1],placeholder:t[1]}),void 0)]}),void 0)},void 0)},j=n(1348),M=n(3685),k=n(20985),P=n(11128),N=M.H.date,w=s.Z.Provider,z={format:P.zT},Y=function(e){var t=(0,i.useContext)(j.d),n=(0,a.pi)((0,a.pi)((0,a.pi)({},P.sn),z),e),u=n.placeholder,d=n.valueType,s=n.format,c=n.width,v=n.showTime,f=n.disabled,p=void 0===f?t.value:f,m=(0,i.useCallback)((function(e){return(0,k.F)(d,s,e)}),[d,s]);return(0,r.jsx)(o.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,r.jsx)(w,(0,a.pi)({value:{i18n:e,autoComplete:!!v,getCallbackRangeValue:m}},{children:(0,r.jsx)(T,(0,a.pi)({},n,{disabled:p,width:null!=c?c:v?P.d7:P.on,generateDate:N,seperator:e.to,placeholder:u||[e.start,e.end],PickerComponent:l.Z}),void 0)}),void 0)}}),void 0)}},7178:(e,t,n)=>{"use strict";n.d(t,{j:()=>j,Z:()=>M});var a=n(59312),r=n(24246),i=n(27378),o=n(52074),l=n(60042),u=n.n(l),d=n(24399),s=n(90072),c=n(47922),v=n(87774),f=n(44639),p=n(32046),m=n(96084),h=n(77828),g=n(45300),b=n(11128),Z=n(280),D=f.Z.Provider,x=function(e){var t=e.onChange,n=e.disabledTime,o=e.onOpen,l=e.onClose,f=e.value,x=e.className,C=e.ContentComponent,S=e.defaultTime,y=e.selectedDate,T=e.autoComplete,j=e.disabled,M=(0,a._T)(e,["onChange","disabledTime","onOpen","onClose","value","className","ContentComponent","defaultTime","selectedDate","autoComplete","disabled"]),k=(0,i.useRef)(M);k.current=M;var P=k.current,N=P.format,w=P.openPanel,z=(0,h.Q)(t),Y=(0,i.useState)(!0),H=Y[0],O=Y[1],_=(0,p.Z)("",f),F=_.selected,V=_.setSelected,I=(0,Z.Z)(null!=f?f:"",V,o,l,j,w),R=I.panelVisible,E=I.setPanelVisible,A=I.onVisibleChange,L=(0,i.useMemo)((function(){return(null==n?void 0:n(y))||{}}),[n,y]),Q=(0,m.Z)({selected:F,disabledTimeOption:L,format:N}),U=(0,i.useMemo)((function(){return(0,d.Z)(new Date,N)}),[N]),G=(0,i.useMemo)((function(){return(0,s.Z)(U,N,y)}),[U,N,y]),W=(0,m.Z)({selected:U,disabledTimeOption:(null==n?void 0:n(G))||{},format:N}),q=(0,i.useCallback)((function(e,t){var n;void 0===t&&(t=!1),O(!1),V(e),(t||T)&&(null===(n=z.current)||void 0===n||n.call(z,e),t&&O(!0),t&&E(null!=w&&w))}),[w,z,V,E,T]),B=(0,i.useCallback)((function(e){var t;e.stopPropagation(),null===(t=z.current)||void 0===t||t.call(z,"")}),[z]),J=(0,i.useMemo)((function(){var e=k.current.hiddenIcon,t=(0,g.Z)(k.current,b.Yj);return(0,r.jsx)("div",(0,a.pi)({"data-zv":"10.0.9"},{children:(0,r.jsx)(v.G,(0,a.pi)({},t,{value:f,disabled:j,hiddenIcon:e,onClearInput:B,panelVisible:R,text:F,icon:"clock-o"}),void 0)}),void 0)}),[f,F,R,k,j,B]),K=(0,i.useMemo)((function(){var e=(0,g.Z)(k.current,b.n2);return(0,r.jsx)("div",(0,a.pi)({className:"zent-datepicker-panel","data-zv":"10.0.9"},{children:(0,r.jsx)(C,(0,a.pi)({},e,{defaultTime:S,disabledTimeOption:L,selected:F,onSelected:q}),void 0)}),void 0)}),[F,k,S,L,q,C]);return(0,r.jsx)("div",(0,a.pi)({className:u()("zent-datepicker",x),"data-zv":"10.0.9"},{children:(0,r.jsx)(D,(0,a.pi)({value:{visibleChange:H,confirmStatus:Q,isDisabledCurrent:W}},{children:(0,r.jsx)(c.Z,{panelVisible:R,onVisibleChange:A,trigger:J,content:K},void 0)}),void 0)}),void 0)};x.defaultProps=b.V2;var C=x,S=n(60419),y=n(1348),T=n(12691).Z.Provider,j=function(e){var t=(0,i.useContext)(y.d),n=(0,a.pi)((0,a.pi)({},b.V2),e),l=n.format,u=n.placeholder,d=n.width,s=n.disabled,c=void 0===s?t.value:s;return(0,r.jsx)(o.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,r.jsx)(T,(0,a.pi)({value:{i18n:e}},{children:(0,r.jsx)(C,(0,a.pi)({},n,{format:l,placeholder:u||e.time,disabled:c,width:null!=d?d:b.d7,ContentComponent:S.Z}),void 0)}),void 0)}}),void 0)},M=j},5034:(e,t,n)=>{"use strict";var a=n(59312),r=n(24246),i=n(60042),o=n.n(i),l=n(27378),u=n(74522),d="zent-datepicker-panel-body-cells",s=function(e){var t,n=e.isInView,a=e.isCurrent,r=e.isSelected,i=e.isDisabled,l=e.isInRange,u=e.isInHoverRange;return o()(d+"_item",((t={})[d+"_over"]=!n,t[d+"_disabled"]=i,t[d+"_available"]=!r&&!i,t[d+"_current"]=n&&a,t[d+"_selected"]=r,t[d+"_in_range"]=!i&&l,t[d+"_in_hover_range"]=!i&&u,t))};t.Z=function(e){var t=e.cells,n=e.onSelected,i=e.col,o=e.popText,c=e.onHover,v=(0,l.useCallback)((function(e){var t=e.isDisabled,a=e.value;t||n(a)}),[n]),f=(0,l.useCallback)((function(e){var t=e.isDisabled,n=e.value;t||null==c||c(n)}),[c]),p=(0,l.useMemo)((function(){var e=[],n=[];return t.map((function(t,l){var c=t.value,p=t.text,m=t.lunarText,h=(0,a._T)(t,["value","text","lunarText"]),g=h.isSelected,b=h.isDisabled,Z=(0,r.jsx)("li",(0,a.pi)({className:s(h),onClick:function(){return v({isDisabled:b,value:c})},"data-zv":"10.0.9"},{children:m?(0,r.jsxs)("div",(0,a.pi)({className:"zent-datepicker-cell-inner zent-datepicker-lunar-cell",onMouseEnter:function(){return f({isDisabled:b,value:c})},onMouseLeave:function(){return f({isDisabled:b,value:null})},"data-zv":"10.0.9"},{children:[(0,r.jsx)("div",(0,a.pi)({"data-zv":"10.0.9"},{children:p}),void 0),(0,r.jsx)("div",(0,a.pi)({className:"zent-datepicker-lunar-cell_text","data-zv":"10.0.9"},{children:m}),void 0)]}),void 0):(0,r.jsx)("div",(0,a.pi)({className:"zent-datepicker-cell-inner",onMouseEnter:function(){return f({isDisabled:b,value:c})},onMouseLeave:function(){return f({isDisabled:b,value:null})},"data-zv":"10.0.9"},{children:p}),void 0)}),c.getTime()),D=o&&g?(0,r.jsx)(u.Z,(0,a.pi)({visible:!0,title:o},{children:Z}),c.getTime()):Z;n.push(D),l%i==i-1&&(e.push((0,r.jsx)("ul",(0,a.pi)({className:d+"_row","data-zv":"10.0.9"},{children:n}),c.getTime())),n=[])})),e}),[t,i,o,v,f]);return(0,r.jsx)("ul",(0,a.pi)({className:d,"data-zv":"10.0.9"},{children:p}),void 0)}},71351:(e,t,n)=>{"use strict";var a=n(59312),r=n(24246);t.Z=function(e){var t=e.rightNode,n=e.leftNode,i=void 0===n?null:n;return(0,r.jsxs)("div",(0,a.pi)({className:"zent-datepicker-panel-footer","data-zv":"10.0.9"},{children:[t,i]}),void 0)}},65892:(e,t,n)=>{"use strict";n.d(t,{D:()=>s});var a=n(59312),r=n(24246),i=n(42690),o=n(27036),l="zent-datepicker-panel-header",u=function(e){var t=e.onClick,n=e.type;return(0,r.jsx)(o.Z,{type:"left"===n?"double-last":"double-next",onClick:t,className:l+"-arrow"},void 0)},d=function(e){var t=e.onClick,n=e.type;return(0,r.jsx)(o.Z,{type:n,onClick:t,className:l+"-arrow"},void 0)},s=function(e){var t=e.text,n=e.unit,i=void 0===n?"":n,o=e.onClick;return(0,r.jsxs)("div",(0,a.pi)({className:l+"-title_clickable",onClick:o,"data-zv":"10.0.9"},{children:[t,i]}),void 0)};t.Z=function(e){var t=e.showSuper,n=void 0!==t&&t,o=e.titleNode,s=e.combinedLeft,c=e.combinedRight,v=e.onPrev,f=e.onNext,p=e.onSuperPrev,m=void 0===p?i.Z:p,h=e.onSuperNext,g=void 0===h?i.Z:h;return(0,r.jsxs)("div",(0,a.pi)({className:l,"data-zv":"10.0.9"},{children:[(0,r.jsx)("div",(0,a.pi)({className:l+"-btns","data-zv":"10.0.9"},{children:!c&&(0,r.jsxs)(r.Fragment,{children:[n&&(0,r.jsx)(u,{onClick:m,type:"left"},void 0),(0,r.jsx)(d,{onClick:v,type:"left"},void 0)]},void 0)}),void 0),(0,r.jsx)("div",(0,a.pi)({className:l+"-title","data-zv":"10.0.9"},{children:o}),void 0),(0,r.jsx)("div",(0,a.pi)({className:l+"-btns","data-zv":"10.0.9"},{children:!s&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d,{onClick:f,type:"right"},void 0),n&&(0,r.jsx)(u,{onClick:g,type:"right"},void 0)]},void 0)}),void 0)]}),void 0)}},47922:(e,t,n)=>{"use strict";var a=n(59312),r=n(24246),i=n(33806);t.Z=function(e){var t=e.trigger,n=e.content,o=e.panelVisible,l=e.onVisibleChange;return(0,r.jsxs)(i.ZP,(0,a.pi)({className:"zent-datepicker-popup",cushion:5,position:i.ZP.Position.AutoBottomLeft,visible:o,onVisibleChange:l},{children:[(0,r.jsx)(i.ZP.Trigger.Click,{children:t},void 0),(0,r.jsx)(i.ZP.Content,{children:n},void 0)]}),void 0)}},87774:(e,t,n)=>{"use strict";n.d(t,{G:()=>v,W:()=>f});var a=n(59312),r=n(24246),i=n(27378),o=n(60042),l=n.n(o),u=n(27036),d=n(58302),s="zent-datepicker-trigger",c=function(e){var t,n=e.disabled,i=e.canClear,o=e.panelVisible,u=e.width,d=e.children,c={width:u};return(0,r.jsx)("div",(0,a.pi)({className:l()(s,(t={"zent-datepicker-can-clear":!n&&i,"zent-datepicker-disabled":n},t[s+"-focus"]=o,t)),style:c,"data-zv":"10.0.9"},{children:d}),void 0)},v=function(e){var t,n,i=e.value,o=e.format,v=e.seperator,f=e.placeholder,p=e.onClearInput,m=e.text,h=e.name,g=e.canClear,b=e.icon,Z=e.hiddenIcon,D=e.disabled,x=(0,a._T)(e,["value","format","seperator","placeholder","onClearInput","text","name","canClear","icon","hiddenIcon","disabled"]),C=Array.isArray(m)?m:[m],S=C[0],y=C[1],T=g&&!!i;return(0,r.jsxs)(c,(0,a.pi)({},x,{disabled:D,canClear:T},{children:[h&&(0,r.jsx)("input",{type:"hidden",name:h,readOnly:!0,value:(0,d.p6)(o,i),"data-zv":"10.0.9"},void 0),(0,r.jsx)("span",(0,a.pi)({className:l()(s+"-input",(t={},t[s+"-empty-input"]=!S||D,t)),"data-zv":"10.0.9"},{children:S||f}),void 0),y&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",(0,a.pi)({className:s+"-seperator","data-zv":"10.0.9"},{children:v}),void 0),(0,r.jsx)("span",(0,a.pi)({className:l()(s+"-input",(n={},n[s+"-empty-input"]=!y,n)),"data-zv":"10.0.9"},{children:y}),void 0)]},void 0),!Z&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(u.Z,{type:b||"calendar-o"},void 0),T&&(0,r.jsx)(u.Z,{type:"close-circle",onClick:p},void 0)]},void 0)]}),void 0)},f=function(e){var t,n,o=e.format,v=e.value,f=e.selected,p=e.seperator,m=e.placeholder,h=m[0],g=m[1],b=e.name,Z=e.canClear,D=e.icon,x=e.onClearInput,C=e.disabled,S=(0,a._T)(e,["format","value","selected","seperator","placeholder","name","canClear","icon","onClearInput","disabled"]),y=(0,i.useMemo)((function(){return f?(0,d._Q)(f,o):[null,null]}),[f,o]),T=y[0],j=y[1];return(0,r.jsxs)(c,(0,a.pi)({},S,{disabled:C,canClear:Z&&(!!T||!!j)},{children:[b&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("input",{type:"hidden",name:null==b?void 0:b[0],readOnly:!0,value:(0,d.p6)(o,null==v?void 0:v[0]),"data-zv":"10.0.9"},void 0),(0,r.jsx)("input",{readOnly:!0,type:"hidden",name:null==b?void 0:b[1],value:(0,d.p6)(o,null==v?void 0:v[1]),"data-zv":"10.0.9"},void 0)]},void 0),(0,r.jsx)("span",(0,a.pi)({className:l()(s+"-input",(t={},t[s+"-empty-input"]=!T,t)),"data-zv":"10.0.9"},{children:T||h}),void 0),(0,r.jsx)("span",(0,a.pi)({className:s+"-seperator","data-zv":"10.0.9"},{children:p}),void 0),(0,r.jsx)("span",(0,a.pi)({className:l()(s+"-input",(n={},n[s+"-empty-input"]=!j,n)),"data-zv":"10.0.9"},{children:j||g}),void 0),(0,r.jsx)(u.Z,{type:D||"calendar-o"},void 0),(0,r.jsx)(u.Z,{type:"close-circle",onClick:x},void 0)]}),void 0)}},42278:(e,t,n)=>{"use strict";n.d(t,{Z:()=>C});var a=n(59312),r=n(24246),i=n(60042),o=n.n(i),l=n(27378),u=n(47922),d=n(87774),s=n(12691),c=n(44639),v=n(58302),f=n(98029),p=new Date,m=n(57569),h=n(280),g=n(77828),b=n(45300),Z=n(11128),D=c.Z.Provider;function x(e){var t=e.value,n=e.onChange,i=e.onOpen,c=e.onClose,x=e.disabledDate,C=(0,a._T)(e,["value","onChange","onOpen","onClose","disabledDate"]),S=(0,l.useRef)(C);S.current=C;var y=S.current,T=y.defaultDate,j=y.format,M=(y.name,y.width,y.placeholder,y.className),k=(y.valueType,y.disabled),P=(y.canClear,y.openPanel),N=y.PanelComponent,w=(0,a._T)(y,["defaultDate","format","name","width","placeholder","className","valueType","disabled","canClear","openPanel","PanelComponent"]),z=w,Y=z.showLunarDate,H=z.lunarValueFormatter,O=(0,l.useContext)(s.Z),_=O.getSelectedValue,F=O.getCallbackValue,V=O.getInputText,I=(0,g.Q)(n),R=function(e){var t=e.value,n=e.format,a=e.defaultDate,r=(0,l.useState)(p),i=r[0],o=r[1],u=(0,l.useMemo)((function(){return(0,v.sG)(n,t)}),[t,n]),d=(0,l.useState)(u),s=d[0],c=d[1];return(0,l.useEffect)((function(){c(u)}),[u]),(0,l.useEffect)((function(){var e=s||a;o(e?(0,f.Z)(e,n):p)}),[a,s,t,n]),{selected:s,parseValue:u,setSelected:c,defaultPanelDate:i}}({value:t,format:j,defaultDate:T}),E=R.selected,A=R.parseValue,L=R.setSelected,Q=R.defaultPanelDate,U=(0,h.Z)(A,L,i,c,k,P),G=U.panelVisible,W=U.setPanelVisible,q=U.onVisibleChange,B=(0,m.Z)(j,x),J=(0,l.useState)(),K=J[0],$=J[1],X=(0,l.useCallback)((function(e,t){var n;void 0===t&&(t=!0),L((null==_?void 0:_(e))||null),t&&(null===(n=I.current)||void 0===n||n.call(I,(null==F?void 0:F(e))||null),W(null!=P&&P))}),[_,F,I,P,L,W]),ee=(0,l.useCallback)((function(e){var t;e.stopPropagation(),null===(t=I.current)||void 0===t||t.call(I,null)}),[I]),te=(0,l.useMemo)((function(){return E?Y&&H&&"function"==typeof H?H(E):null==V?void 0:V(E):""}),[E,Y,V,H]),ne=(0,l.useMemo)((function(){var e=(0,b.Z)(S.current,Z.Yj);return(0,r.jsx)("div",(0,a.pi)({"data-zv":"10.0.9"},{children:(0,r.jsx)(d.G,(0,a.pi)({},e,{value:t,disabled:k,text:te,panelVisible:G,onClearInput:ee}),void 0)}),void 0)}),[te,t,G,S,k,ee]),ae=(0,l.useMemo)((function(){var e;return(0,r.jsx)("div",(0,a.pi)({className:o()("zent-datepicker-panel",(e={},e["zent-datepicker-panel_lunar"]=!!Y,e)),"data-zv":"10.0.9"},{children:(0,r.jsx)(N,(0,a.pi)({},w,{selected:E,hoverDate:K,defaultPanelDate:Q,onSelected:X,disabledPanelDate:B}),void 0)}),void 0)}),[Y,N,w,E,K,Q,X,B]);return(0,r.jsx)("div",(0,a.pi)({className:o()("zent-datepicker",M),"data-zv":"10.0.9"},{children:(0,r.jsx)(D,(0,a.pi)({value:{onHover:$}},{children:(0,r.jsx)(u.Z,{panelVisible:G,onVisibleChange:q,trigger:ne,content:ae},void 0)}),void 0)}),void 0)}x.defaultProps={canClear:!0,width:Z.d7};var C=x},11128:(e,t,n)=>{"use strict";n.d(t,{d7:()=>r,on:()=>i,pX:()=>o,T_:()=>l,zT:()=>u,zS:()=>d,mn:()=>s,Y5:()=>c,nN:()=>v,cO:()=>f,SO:()=>p,Yj:()=>m,n2:()=>h,V2:()=>g,sn:()=>b});var a=n(42690),r=240,i=136,o=360,l="HH:mm:ss",u="YYYY-MM-DD",d="YYYY-MM",s="YYYY",c=["",""],v=1840,f=3e3,p=96,m=["width","name","format","seperator","canClear","placeholder"],h=["format","hourStep","minuteStep","secondStep"],g={format:l,hourStep:1,minuteStep:1,secondStep:1,canClear:!0},b={onChange:a.Z,valueType:"string",canClear:!0,disabledDate:function(){return!1},onOpen:a.Z,onClose:a.Z}},44639:(e,t,n)=>{"use strict";var a=n(27378);t.Z=(0,a.createContext)({})},12691:(e,t,n)=>{"use strict";var a=n(27378),r=n(50642),i=(0,a.createContext)({i18n:(0,r.jI)()});t.Z=i},96084:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var a=n(27378),r=n(90072);function i(e){var t=e.disabledTimeOption,n=e.selected,i=e.format,o=(0,a.useState)(!1),l=o[0],u=o[1];return(0,a.useEffect)((function(){var e=(0,r.Z)(n,i,new Date),a=e.getHours(),o=e.getMinutes();u(!n||function(){var e,n;return null===(n=null===(e=null==t?void 0:t.disabledHours)||void 0===e?void 0:e.call(t))||void 0===n?void 0:n.includes(a)}()||function(){var e,n;return null===(n=null===(e=null==t?void 0:t.disabledMinutes)||void 0===e?void 0:e.call(t,a))||void 0===n?void 0:n.includes(o)}()||function(){var n,r;return null===(r=null===(n=null==t?void 0:t.disabledSeconds)||void 0===n?void 0:n.call(t,a,o))||void 0===r?void 0:r.includes(e.getSeconds())}())}),[n,i,t]),l}},57569:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});var a=n(27378),r=n(19570),i=n(98552),o=n(58181),l=n(55631),u=n(98029);function d(e,t){return(0,a.useCallback)(function(e,t){var n;if("object"==typeof t){var a=t,d=a.min,s=a.max;n=function(t){return!!d&&(0,r.Z)((0,i.Z)(t),(0,u.Z)(d,e))||!!s&&(0,o.Z)((0,l.Z)(t),(0,u.Z)(s,e))}}else n=t;return n}(e,t),[t,e])}},26610:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(27378);function r(e){var t=(0,a.useState)(e),n=t[0],r=t[1];return(0,a.useEffect)((function(){r(e)}),[e]),{panelDate:n,setPanelDate:r}}},41507:(e,t,n)=>{"use strict";n.d(t,{Z:()=>v});var a=n(27378),r=n(77888),i=n(53568),o=n(75164),l=n(80280),u=l.k.START,d=l.k.END;function s(e){return Array.from({length:e},(function(e,t){return t}))}function c(e,t){return Array.from({length:t-e},(function(e,n){return t-n}))}function v(e){var t=e.selected,n=e.disabledTime,l=(0,a.useRef)(n);l.current=n;var v=t[0],f=t[1],p=(0,a.useCallback)((function(e){var t,n,a,u,c,f,p,m,h,g=!(!v||!e)&&(0,r.Z)(v,e),b=!(!v||!e)&&(0,i.Z)(v,e),Z=!(!v||!e)&&(0,o.Z)(v,e),D=(null==e?void 0:e.getHours())||0,x=(null==e?void 0:e.getMinutes())||0,C=(null==v?void 0:v.getHours())||0,S=(null==v?void 0:v.getMinutes())||0,y=(null==v?void 0:v.getSeconds())||0,T=(null===(a=null===(t=l.current)||void 0===t?void 0:(n=t.call(l,e,d)).disabledHours)||void 0===a?void 0:a.call(n))||[],j=(null===(f=null===(u=l.current)||void 0===u?void 0:(c=u.call(l,e,d)).disabledMinutes)||void 0===f?void 0:f.call(c,D))||[],M=(null===(h=null===(p=l.current)||void 0===p?void 0:(m=p.call(l,e,d)).disabledSeconds)||void 0===h?void 0:h.call(m,D,x))||[];return{disabledHours:function(){return T.concat(g?s(C):[])},disabledMinutes:function(){return j.concat(g&&b?s(S):[])},disabledSeconds:function(){return M.concat(g&&b&&Z?s(y):[])}}}),[v,l]);return{disabledStartTimes:(0,a.useCallback)((function(e){var t,n,a,d,s,v,p,m,h,g=!(!e||!f)&&(0,r.Z)(e,f),b=!(!e||!f)&&(0,i.Z)(e,f),Z=!(!e||!f)&&(0,o.Z)(e,f),D=(null==e?void 0:e.getHours())||0,x=(null==e?void 0:e.getMinutes())||0,C=(null==f?void 0:f.getHours())||0,S=(null==f?void 0:f.getMinutes())||0,y=(null==f?void 0:f.getSeconds())||0,T=(null===(a=null===(t=l.current)||void 0===t?void 0:(n=t.call(l,e,u)).disabledHours)||void 0===a?void 0:a.call(n))||[],j=(null===(v=null===(d=l.current)||void 0===d?void 0:(s=d.call(l,e,u)).disabledMinutes)||void 0===v?void 0:v.call(s,D))||[],M=(null===(h=null===(p=l.current)||void 0===p?void 0:(m=p.call(l,e,u)).disabledSeconds)||void 0===h?void 0:h.call(m,D,x))||[];return{disabledHours:function(){return T.concat(g?c(C,23):[])},disabledMinutes:function(){return j.concat(g&&b?c(S,59):[])},disabledSeconds:function(){return M.concat(g&&b&&Z?c(y,59):[])}}}),[f,l]),disabledEndTimes:p,disabledConfirm:(0,a.useMemo)((function(){return!v||!f||!!v&&!!f&&v>f}),[v,f])}}},18270:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var a=n(27378),r=n(58302),i=n(84614),o=[new Date,new Date];function l(e){var t=e.value,n=e.format,l=e.defaultDate,u=e.addMonthNum,d=void 0===u?0:u,s=(0,a.useState)(o),c=s[0],v=s[1],f=(0,a.useMemo)((function(){return t?(0,r.r0)(t,n):[null,null]}),[t,n]),p=(0,a.useState)(f),m=p[0],h=p[1];return(0,a.useEffect)((function(){h(f)}),[f]),(0,a.useEffect)((function(){var e=o;(null==m?void 0:m[0])||(null==m?void 0:m[1])?e=function(e,t){var n=e[0],a=e[1];return[null!=n?n:a?(0,i.Z)(a,-t):o[0],null!=a?a:n?(0,i.Z)(n,t):o[1]]}(m,d):(null==l?void 0:l[0])&&(null==l?void 0:l[1])&&(e=(0,r.r0)(l,n)),v(e)}),[l,m,n,d]),{selected:m,parseValue:f,setSelected:h,defaultPanelDate:c,setDefaultPanelDate:v}}},45902:(e,t,n)=>{"use strict";n.d(t,{P:()=>f,Z:()=>p});var a=n(59312),r=n(27378),i=n(50456),o=n(23807),l=n(51960),u=n(11128),d=function(e){return(0,l.Z)((0,i.Z)(),e)},s=function(e){return(0,l.Z)((0,o.Z)(),e)},c=d(u.T_),v=s(u.T_);function f(e){var t=(0,r.useRef)(e);return t.current=e,(0,r.useMemo)((function(){if(!t.current)return[void 0,void 0];if("object"==typeof t.current){var e=t.current,n=e.format,r=void 0===n?u.T_:n,i=e.defaultTime,o=(0,a._T)(e,["format","defaultTime"]),l=(null==i?void 0:i[0])||d(r),f=(null==i?void 0:i[1])||s(r);return[(0,a.pi)({format:r,defaultTime:l},o),(0,a.pi)({format:r,defaultTime:f},o)]}return[{format:u.T_,defaultTime:c},{format:u.T_,defaultTime:v}]}),[t])}function p(e){var t=(0,r.useRef)(e);return t.current=e,(0,r.useMemo)((function(){if(t.current){if("object"==typeof t.current){var e=t.current,n=e.format,r=void 0===n?u.T_:n,i=e.defaultTime,o=(0,a._T)(e,["format","defaultTime"]),l=i||d(r);return(0,a.pi)({format:r,defaultTime:l},o)}return{format:u.T_,defaultTime:c}}}),[t])}},280:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var a=n(27378),r=n(77828);function i(e,t,n,i,o,l){var u=(0,a.useState)(null!=l&&l),d=u[0],s=u[1],c=(0,r.Q)(n),v=(0,r.Q)(i),f=(0,a.useRef)(e);f.current=e,(0,a.useEffect)((function(){s(null!=l&&l)}),[l]);var p=(0,a.useCallback)((function(){void 0!==l||o||s(!d)}),[d,l,o]),m=(0,a.useRef)();return(0,a.useEffect)((function(){var e,n;m.current?d?null===(e=null==c?void 0:c.current)||void 0===e||e.call(c):(t(f.current),null===(n=null==v?void 0:v.current)||void 0===n||n.call(v)):m.current=!0}),[d,f,c,v,t]),{panelVisible:d,setPanelVisible:s,onVisibleChange:p}}},32046:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i,K:()=>o});var a=n(27378),r=n(90072);function i(e,t){var n=(0,a.useState)(null!=t?t:e),r=n[0],i=n[1];return(0,a.useEffect)((function(){i(null!=t?t:e)}),[t,e]),{selected:r,setSelected:i}}function o(e,t,n){return e?[e[0]?(0,r.Z)(e[0],t,n):null,e[1]?(0,r.Z)(e[1],t,n):null]:[null,null]}},71990:(e,t,n)=>{"use strict";n.d(t,{Z:()=>_});var a=n(59312),r=n(24246),i=n(27378),o=n(84614),l=n(46013),u=n(96608),d=n(34421),s=n(65892),c=(0,i.memo)((function(e){var t=e.names;return(0,r.jsx)("ul",(0,a.pi)({className:"zent-datepicker-panel-sub_header","data-zv":"10.0.9"},{children:t.map((function(e){return(0,r.jsx)("li",(0,a.pi)({"data-zv":"10.0.9"},{children:e}),e)}))}),void 0)}),(function(){return!0})),v=n(36192),f=n(48988),p=n(90072),m=n(73237),h=n(5034),g=n(44639),b=n(84990),Z=n(3685),D=function(e){var t=(0,i.useContext)(g.Z).onHover,n=e.selected,a=e.popText,o=void 0===a?"":a,l=e.disableRangeOverView,s=void 0!==l&&l,c=e.defaultPanelDate,D=e.rangeDate,x=e.hoverRangeDate,C=e.row,S=void 0===C?6:C,y=e.col,T=void 0===y?7:y,j=e.showTimeOption,M=e.onSelected,k=e.disabledPanelDate,P=e.showLunarDate,N=(0,i.useMemo)((function(){return(0,v.Z)(c)}),[c]),w=(0,i.useMemo)((function(){return(0,b.Z)({offset:N.getDay(),defaultPanelDate:N,selected:n,disabledPanelDate:k,rangeDate:D,hoverRangeDate:x,row:S,col:T,dateConfig:Z.H.date,inView:f.Z,disableRangeOverView:s,showLunarDate:P})}),[s,n,D,x,S,T,N,k,P]),z=(0,i.useCallback)((function(e){var t=j||{},a=t.defaultTime,r=t.format;if(!n)return M(a?(0,p.Z)("function"==typeof a?a(e):a,r,e):e);var i=n;i=(0,u.Z)(i,e.getFullYear()),i=(0,d.Z)(i,e.getMonth()),i=(0,m.Z)(i,e.getDate()),M(i)}),[n,j,M]);return(0,r.jsx)(h.Z,{col:T,cells:w,popText:o,onSelected:z,onHover:t},void 0)},x=n(85883),C=n(90347),S=n(7178),y=n(71351),T=n(12691),j=n(58302),M=n(96084),k=new Date,P=function(e){var t=e.footerText,n=e.showTime,o=e.disabledTime,l=e.showTimeOption,u=e.selected,d=e.onSelected,s=e.disabledPanelDate,c=(0,i.useState)(!1),v=c[0],f=c[1],m=(0,i.useContext)(T.Z),h=m.i18n,g=m.autoComplete,b=(l||{}).format,Z=void 0===b?"":b,D=(0,M.Z)({selected:(0,j.p6)(Z,u),disabledTimeOption:u&&(null==o?void 0:o(u))||{},format:Z}),P=(0,M.Z)({selected:(0,j.p6)(Z,k),disabledTimeOption:(null==o?void 0:o(k))||{},format:Z}),N=(0,i.useMemo)((function(){return u&&s(u)}),[u,s]),w=(0,i.useMemo)((function(){return s(k)}),[s]),z=(0,i.useCallback)((function(){P||w||d(new Date)}),[w,P,d]),Y=(0,i.useCallback)((function(){u&&d(u)}),[u,d]),H=(0,i.useMemo)((function(){return(0,r.jsx)(C.ZP,(0,a.pi)({type:"primary",disabled:D||N||!u||v,onClick:Y,className:"zent-datepicker-panel-footer-btn"},{children:h.confirm}),void 0)}),[h,D,u,N,Y,v]),O=(0,i.useMemo)((function(){return(0,r.jsxs)("div",(0,a.pi)({"data-zv":"10.0.9"},{children:[(0,r.jsx)(C.ZP,(0,a.pi)({disabled:P||w,onClick:z,type:"text"},{children:t}),void 0),!!n&&(D||N?(0,r.jsx)(x.Z,(0,a.pi)({content:D?h.timeErrorPop:h.dateErrorPop,trigger:"hover"},{children:H}),void 0):H)]}),void 0)}),[h,n,t,D,N,w,P,H,z]),_=(0,i.useCallback)((function(e){if(e){var t=(0,p.Z)(e,Z,u||new Date);d(t,!1)}}),[u,Z,d]),F=(0,i.useCallback)((function(){f(!0)}),[]),V=(0,i.useCallback)((function(){f(!1)}),[]),I=(0,i.useMemo)((function(){var e=l||{},t=e.defaultTime,i=(0,a._T)(e,["defaultTime"]),d="function"==typeof t?t(u):t;return n?(0,r.jsx)(S.Z,(0,a.pi)({},i,{defaultTime:d,width:94,selectedDate:u,value:(0,j.p6)(Z,u),hiddenIcon:!0,onChange:_,onOpen:F,onClose:V,disabledTime:o,autoComplete:g}),void 0):null}),[g,u,n,l,Z,o,_,F,V]);return(0,r.jsx)(y.Z,{leftNode:I,rightNode:O},void 0)},N=n(21977),w=n(58345),z=n(45902),Y=n(26610),H=n(77828),O=n(18421),_=function(e){var t=e.defaultPanelDate,n=e.hideFooter,v=void 0!==n&&n,f=e.onSelected,p=e.showTime,m=e.footerText,h=void 0===m?"":m,g=e.combinedLeft,b=e.combinedRight,Z=e.onPanelDateChange,x=(0,a._T)(e,["defaultPanelDate","hideFooter","onSelected","showTime","footerText","combinedLeft","combinedRight","onPanelDateChange"]),C=(0,i.useContext)(T.Z).i18n,S=(0,i.useState)(!1),y=S[0],j=S[1],M=(0,i.useState)(!1),k=M[0],_=M[1],F=(0,Y.Z)(t),V=F.panelDate,I=F.setPanelDate,R=(0,z.Z)(p),E=(0,H.Q)(Z),A=x.showLunarDate,L=(0,i.useMemo)((function(){var e=V.getMonth(),t=C.panel.monthNames[e];return A?t+"（"+O.q7.fromDate(new Date(V.getFullYear(),e)).getMonthInChinese()+"月）":t}),[A,C.panel.monthNames,V]),Q=(0,i.useMemo)((function(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.D,{text:V.getFullYear(),unit:C.panel.year,onClick:function(){return j(!0)}},void 0),(0,r.jsx)(s.D,{text:L,onClick:function(){return _(!0)}},void 0)]},void 0)}),[V,C.panel.year,L]),U=(0,i.useCallback)((function(e){var t;I(e),null===(t=E.current)||void 0===t||t.call(E,e)}),[I,E]),G=(0,i.useCallback)((function(){U((0,o.Z)(V,-1))}),[V,U]),W=(0,i.useCallback)((function(){U((0,o.Z)(V,1))}),[V,U]),q=(0,i.useCallback)((function(){U((0,l.Z)(V,-1))}),[V,U]),B=(0,i.useCallback)((function(){U((0,l.Z)(V,1))}),[V,U]),J=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.Z,{showSuper:!0,titleNode:Q,combinedLeft:g,combinedRight:b,onPrev:G,onNext:W,onSuperPrev:q,onSuperNext:B},void 0),(0,r.jsx)(c,{names:C.panel.dayNames},void 0),(0,r.jsx)(D,(0,a.pi)({},x,{showTime:p,showTimeOption:R,onSelected:function(e){f(e,!p)},defaultPanelDate:V}),void 0)]},void 0),K=(0,i.useCallback)((function(e){U((0,u.Z)(V,e.getFullYear())),j(!1)}),[V,U]),$=(0,r.jsx)(w.Z,(0,a.pi)({},e,{onSelected:K,defaultPanelDate:V}),void 0),X=(0,i.useCallback)((function(e){var t=e.getMonth(),n=e.getFullYear();U((0,u.Z)((0,d.Z)(V,t),n)),_(!1)}),[V,U]),ee=(0,r.jsx)(N.Z,(0,a.pi)({},e,{defaultPanelDate:V,onSelected:X}),void 0);return(0,r.jsxs)(r.Fragment,{children:[!y&&!k&&J,y&&$,k&&ee,!v&&(0,r.jsx)(P,(0,a.pi)({},e,{showTimeOption:R,footerText:h||(p?C.current.time:C.current.date)}),void 0)]},void 0)}},21977:(e,t,n)=>{"use strict";n.d(t,{Z:()=>b});var a=n(59312),r=n(24246),i=n(27378),o=n(46013),l=n(96608),u=n(65892),d=n(44639),s=n(12691),c=n(5034),v=n(84990),f=n(3685),p=n(34421),m=function(e){var t=e.defaultPanelDate,n=e.onSelected,o=e.selected,l=e.disabledPanelDate,u=e.row,m=void 0===u?4:u,h=e.col,g=void 0===h?3:h,b=(0,i.useContext)(s.Z).i18n,Z=(0,i.useContext)(d.Z).onHover,D=(0,i.useMemo)((function(){return(0,v.Z)({selected:o,disabledPanelDate:l,defaultPanelDate:(0,p.Z)(t,0),texts:b.panel.monthNames,row:m,col:g,dateConfig:f.H.month})}),[o,m,g,t,b,l]);return(0,r.jsx)("div",(0,a.pi)({className:"zent-datepicker-ym-panel-body","data-zv":"10.0.9"},{children:(0,r.jsx)(c.Z,{col:g,cells:D,onSelected:n,onHover:Z},void 0)}),void 0)},h=n(58345),g=n(26610),b=function(e){var t=e.defaultPanelDate,n=e.selected,d=e.onSelected,c=e.disabledPanelDate,v=(0,i.useContext)(s.Z).i18n,f=(0,g.Z)(t),p=f.panelDate,b=f.setPanelDate,Z=(0,i.useState)(!1),D=Z[0],x=Z[1],C=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(u.Z,{titleNode:(0,r.jsx)(u.D,{text:p.getFullYear(),unit:v.panel.year,onClick:function(){return x(!0)}},void 0),onPrev:function(){return b((0,o.Z)(p,-1))},onNext:function(){return b((0,o.Z)(p,1))}},void 0),(0,r.jsx)(m,{disabledPanelDate:c,defaultPanelDate:p,selected:n,onSelected:d},void 0)]},void 0),S=(0,i.useCallback)((function(e){b((0,l.Z)(p,e.getFullYear())),x(!1)}),[p,b]),y=(0,r.jsx)(h.Z,(0,a.pi)({},e,{onSelected:S,defaultPanelDate:p}),void 0);return(0,r.jsx)(r.Fragment,{children:D?y:C},void 0)}},60419:(e,t,n)=>{"use strict";n.d(t,{Z:()=>M});var a=n(59312),r=n(24246),i=n(27378),o=n(60042),l=n.n(o),u=n(71351),d=n(90347),s=n(12691),c=n(44639),v=n(58302),f=function(e){var t=e.onSelected,n=e.selected,o=e.format,f=(0,i.useContext)(s.Z).i18n,p=(0,i.useContext)(c.Z),m=p.confirmStatus,h=p.isDisabledCurrent,g=(0,i.useCallback)((function(){h||t((0,v.p6)(o,new Date),!0)}),[o,h,t]),b=(0,i.useMemo)((function(){var e;return(0,r.jsx)("a",(0,a.pi)({className:l()((e={},e["zent-datepicker-panel-footer-current_disabled"]=h,e)),onClick:g,"data-zv":"10.0.9"},{children:f.current.time}),void 0)}),[f,h,g]),Z=(0,i.useMemo)((function(){return(0,r.jsx)(d.ZP,(0,a.pi)({type:"primary",className:"zent-datepicker-panel-footer-btn",disabled:m,onClick:function(){return t(n,!0)}},{children:f.confirm}),void 0)}),[f,m,n,t]);return(0,r.jsx)(u.Z,{leftNode:b,rightNode:Z},void 0)},p=n(96394),m=n(60206),h=n(55874),g=n(57318),b=n(79264),Z="zent-datepicker-time-panel-body",D={hour:23,minute:59,second:59},x=function(e){var t=e.type,n=e.step,o=void 0===n?1:n,u=e.selected,d=e.setting,s=e.disabledUnits,v=void 0===s?[]:s,f=(0,i.createRef)(),p=(0,i.useContext)(c.Z).visibleChange,m=function(e,t,n,a){for(var r=[],i=0;i<=t;i+=n)r.push({label:i.toString().padStart(2,"0"),value:i,disabled:a.includes(i)});return r}(0,D[t],o,v);return(0,b.L)((function(){p&&f.current&&(0,g.l)(f.current,0,32*u/o,1),u&&!p&&f.current&&(0,g.l)(f.current,0,32*u/o,160)}),[u,p,f,o]),(0,r.jsx)("div",(0,a.pi)({className:Z+"_scroll",ref:f,"data-zv":"10.0.9"},{children:m.map((function(e){var t,n=e.value,i=e.label,o=e.disabled;return(0,r.jsx)("div",(0,a.pi)({className:l()(Z+"-unit",(t={},t[Z+"-unit_selected"]=n===u,t[Z+"-unit_disabled"]=o,t[Z+"-unit_available"]=!o,t)),onClick:function(){return!o&&d(n)},"data-zv":"10.0.9"},{children:i}),n)}))}),void 0)},C=n(90072),S=new Date,y=new Date(S.getFullYear(),S.getMonth(),S.getDate()),T={hour:p.Z,minute:m.Z,second:h.Z},j=function(e){var t=e.selected,n=e.format,o=e.disabledTimeOption,l=e.hourStep,u=e.minuteStep,d=e.secondStep,s=e.onSelected,c=function(e,t,n){var a=e||t,r=(0,i.useState)(a?(0,C.Z)(a,n,y):y),o=r[0],l=r[1];return(0,i.useEffect)((function(){l(a?(0,C.Z)(a,n,y):y)}),[a,t,n]),{panelTime:o,setPanelTime:l}}(t,e.defaultTime,n),f=c.panelTime,p=c.setPanelTime,m=(0,i.useMemo)((function(){var e=o.disabledHours,t=o.disabledMinutes,a=o.disabledSeconds,r=f.getHours(),i=f.getMinutes();return[{type:"hour",format:"HH",value:r,disabledUnits:(null==e?void 0:e())||[],max:23,step:l},{type:"minute",format:"mm",value:i,disabledUnits:(null==t?void 0:t(r))||[],max:59,step:u},{type:"second",format:"ss",value:f.getSeconds(),disabledUnits:(null==a?void 0:a(r,i))||[],max:59,step:d}].filter((function(e){return-1!==n.indexOf(e.format)}))}),[f,n,o,l,u,d]),h=(0,i.useCallback)((function(e,t){var a=T[t](f,e);p(a),s((0,v.p6)(n,a))}),[f,n,s,p]);return(0,r.jsx)("div",(0,a.pi)({className:"zent-datepicker-time-panel-body","data-zv":"10.0.9"},{children:m.map((function(e){var t=e.type,n=e.value,a=e.step,i=e.disabledUnits;return(0,r.jsx)(x,{type:t,step:a,selected:n,setting:function(e){return h(e,t)},disabledUnits:i},t)}))}),void 0)},M=function(e){var t=e.hideFooter,n=(0,a._T)(e,["hideFooter"]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(j,(0,a.pi)({},n),void 0),!t&&(0,r.jsx)(f,(0,a.pi)({},n),void 0)]},void 0)}},58345:(e,t,n)=>{"use strict";n.d(t,{Z:()=>m});var a=n(59312),r=n(24246),i=n(27378),o=n(65892),l=n(5034),u=n(44639),d=n(12691),s=n(84990),c=n(3685),v=n(96608),f=n(11128),p=function(e){var t=e.firstYear,n=e.onSelected,o=e.selected,p=e.defaultPanelDate,m=e.disabledPanelDate,h=e.row,g=void 0===h?4:h,b=e.col,Z=void 0===b?3:b,D=(0,i.useContext)(d.Z).i18n,x=(0,i.useContext)(u.Z).onHover,C=(0,i.useMemo)((function(){return Array.from({length:12},(function(e,n){return t+n<=f.cO?""+(t+n)+D.panel.year:""}))}),[t,D]),S=(0,i.useMemo)((function(){return(0,s.Z)({selected:o,disabledPanelDate:m,defaultPanelDate:(0,v.Z)(p,t),texts:C,row:g,col:Z,dateConfig:c.H.year})}),[o,g,Z,C,p,t,m]);return(0,r.jsx)("div",(0,a.pi)({className:"zent-datepicker-ym-panel-body","data-zv":"10.0.9"},{children:(0,r.jsx)(l.Z,{col:Z,cells:S,onSelected:n,onHover:x},void 0)}),void 0)},m=function(e){var t=e.defaultPanelDate.getFullYear(),n=(0,i.useState)(Math.floor((t-f.nN)/12)),l=n[0],u=n[1],d=(0,i.useMemo)((function(){return f.nN+12*l}),[l]),s=(0,i.useCallback)((function(){return l>0&&u(l-1)}),[l]),c=(0,i.useCallback)((function(){return lf.cO?f.cO:d+11),onPrev:s,onNext:c},void 0),(0,r.jsx)(p,(0,a.pi)({firstYear:d},e),void 0)]},void 0)}},80280:(e,t,n)=>{"use strict";var a,r;n.d(t,{k:()=>a,C:()=>r}),function(e){e.START="start",e.END="end"}(a||(a={})),function(e){e[e.Sunday=0]="Sunday",e[e.Monday=1]="Monday",e[e.Tuesday=2]="Tuesday",e[e.Wednesday=3]="Wednesday",e[e.Thursday=4]="Thursday",e[e.Friday=5]="Friday",e[e.Saturday=6]="Saturday"}(r||(r={}))},3685:(e,t,n)=>{"use strict";n.d(t,{H:()=>z});var a=n(73237),r=n(25568),i=n(44525),o=n(77888),l=n(55631),u=n(98552),d=n(9385),s=n(89278),c=n(650),v=n(60102),f=n(72754),p=n(34421),m=n(49602),h=n(84614),g=n(22067),b=n(48988),Z=n(36192),D=n(76134),x=n(60613),C=n(44750),S=n(71903),y=n(79636),T=n(1438),j=n(2129),M=n(96608),k=n(30870),P=n(46013),N=n(86353),w=n(14888),z={date:{set:a.Z,get:r.Z,offsetDate:i.Z,isSame:o.Z,startDate:l.Z,endDate:u.Z},week:{set:d.Z,get:s.Z,offsetDate:i.Z,isSame:c.Z,startDate:v.Z,endDate:f.Z},month:{set:p.Z,get:m.Z,offsetDate:h.Z,isSame:function(e,t){return(0,g.Z)(e,t)&&(0,b.Z)(e,t)},startDate:Z.Z,endDate:D.Z},quarter:{set:x.Z,get:C.Z,offsetDate:S.Z,isSame:function(e,t){return(0,g.Z)(e,t)&&(0,y.Z)(e,t)},startDate:T.Z,endDate:j.Z},year:{set:M.Z,get:k.Z,offsetDate:P.Z,isSame:g.Z,startDate:N.Z,endDate:w.Z}}},65410:(e,t,n)=>{"use strict";n.d(t,{RZ:()=>u,kA:()=>d,zG:()=>s,Kv:()=>c});var a=n(30870),r=n(44750),i=n(60102),o=n(72754),l=n(58302);function u(e,t){return e?(0,l.p6)(t,e):""}function d(e,t){return e?t.panel.yearQuarterName({year:(0,a.Z)(e),quarter:(0,r.Z)(e)-1}):""}function s(e,t,n){var a=e&&[(0,i.Z)(e,n),(0,o.Z)(e,n)];return a?(0,l._Q)(a,t):["",""]}function c(e,t){return(0,l._Q)(e,t)}},84990:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var a=n(9005),r=n(77888),i=n(58181),o=n(19570),l=n(18421);function u(e){for(var t=e.selected,n=e.rangeDate,r=e.hoverRangeDate,i=e.disabledPanelDate,o=e.defaultPanelDate,u=e.row,s=e.col,c=e.dateConfig,v=e.texts,f=e.offset,p=void 0===f?0:f,m=e.inView,h=e.disableRangeOverView,g=e.showLunarDate,b=c.isSame,Z=c.startDate,D=c.endDate,x=c.offsetDate,C=0,S=[],y=0;y{"use strict";n.d(t,{F:()=>r});var a=n(58302);function r(e,t,n){var r,i;switch(e){case"string":return(0,a._Q)(n,t);case"number":return[(null===(r=n[0])||void 0===r?void 0:r.getTime())||0,(null===(i=n[1])||void 0===i?void 0:i.getTime())||0];default:return n}}},90278:(e,t,n)=>{"use strict";n.d(t,{Mq:()=>i,pB:()=>o,Mp:()=>l});var a=n(58302),r=n(20985);function i(e,t,n){return e?(0,t.startDate)(e,n):null}function o(e,t,n){switch(t){case"string":return(0,a.p6)(n,e);case"number":return e.getTime();default:return e}}function l(e,t,n,a,i){var o,l=a.startDate,u=a.endDate;return o=i?[l(e,i),u(e,i)]:[l(e),u(e)],(0,r.F)(t,n,o)}},58302:(e,t,n)=>{"use strict";n.d(t,{sG:()=>i,p6:()=>o,_Q:()=>l,r0:()=>u});var a=n(51960),r=n(98029);function i(e,t){return t?(0,r.Z)(t,e):null}function o(e,t){return t?(0,a.Z)(t,e):""}function l(e,t){return[o(t,e[0]),o(t,e[1])]}function u(e,t){return[i(t,e[0]),i(t,e[1])]}},57097:(e,t,n)=>{"use strict";n.d(t,{u:()=>f});var a=n(59312),r=n(24246),i=n(27378),o=n(60042),l=n.n(o),u=n(42690),d=n(33806),s=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,a.ZT)(t,e),t}(d.ZP.Trigger.Base),c=n(50707),v=d.ZP.Trigger,f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.popoverRef=(0,i.createRef)(),t}return(0,a.ZT)(t,e),t.prototype.renderContent=function(){var e=this.props.title;return(0,r.jsxs)(d.ZP.Content,{children:[(0,r.jsx)("div",(0,a.pi)({className:"zent-tooltip-v2-inner","data-zv":"10.0.9"},{children:e}),void 0),(0,r.jsx)("i",{className:"zent-tooltip-v2-arrow","data-zv":"10.0.9"},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,r.jsx)(v.Click,(0,a.pi)({closeOnClickOutside:n},{children:e}),void 0)}if("hover"===this.props.trigger){var i=this.props,o=i.mouseLeaveDelay,l=void 0===o?200:o,u=i.mouseEnterDelay,d=void 0===u?200:u,c=i.anchorOnly,f=i.fixMouseEventsOnDisabledChildren;return(0,r.jsx)(v.Hover,(0,a.pi)({showDelay:d,hideDelay:l,anchorOnly:c,fixMouseEventsOnDisabledChildren:f},{children:e}),void 0)}return"focus"===this.props.trigger?(0,r.jsx)(v.Focus,{children:e},void 0):"none"===this.props.trigger?(0,r.jsx)(s,{children:e},void 0):null},t.prototype.render=function(){var e=this.props,t=e.className,n=e.trigger,i=e.visible,o=e.position,s=e.cushion,v=e.centerArrow,f=e.containerSelector,p=e.style,m=l()("zent-tooltip-v2",t),h=this.props.onVisibleChange;return"none"===n&&(h=h||u.Z),(0,r.jsxs)(d.ZP,(0,a.pi)({visible:i,onVisibleChange:h,className:m,cushion:s,position:(0,c.Z)(o,v),containerSelector:f,ref:this.popoverRef,style:p},{children:[this.renderTrigger(),this.renderContent()]}),void 0)},t.defaultProps={trigger:"hover",position:"top-center",cushion:8,centerArrow:!1,containerSelector:"body"},t}(i.Component)},74522:(e,t,n)=>{"use strict";var a=n(57097);t.Z=a.u},55325:(e,t,n)=>{"use strict";n.d(t,{WU:()=>m,Qc:()=>h});var a=/d{1,4}|M{1,4}|YY(?:YY)?|S{1,3}|Do|ZZ|([HhMsDm])\1?|[aA]|"[^"]*"|'[^']*'/g,r="\\d\\d?",i="[^\\s]+",o=/\[([^]*?)\]/gm,l=function(){},u=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],d=["January","February","March","April","May","June","July","August","September","October","November","December"],s=g(d,3),c={dayNamesShort:g(u,3),dayNames:u,monthNamesShort:s,monthNames:d,amPm:["am","pm"],DoFn:function(e){return e+["th","st","nd","rd"][e%10>3?0:(e-e%10!=10?1:0)*e%10]}},v={default:"ddd MMM DD YYYY HH:mm:ss",shortDate:"M/D/YY",mediumDate:"MMM D, YYYY",longDate:"MMMM D, YYYY",fullDate:"dddd, MMMM D, YYYY",shortTime:"HH:mm",mediumTime:"HH:mm:ss",longTime:"HH:mm:ss.SSS"},f={D:function(e){return String(e.getDate())},DD:function(e){return T(e.getDate())},Do:function(e,t){return t.DoFn(e.getDate())},d:function(e){return String(e.getDay())},dd:function(e){return T(e.getDay())},ddd:function(e,t){return t.dayNamesShort[e.getDay()]},dddd:function(e,t){return t.dayNames[e.getDay()]},M:function(e){return String(e.getMonth()+1)},MM:function(e){return T(e.getMonth()+1)},MMM:function(e,t){return t.monthNamesShort[e.getMonth()]},MMMM:function(e,t){return t.monthNames[e.getMonth()]},YY:function(e){return T(String(e.getFullYear()),4).substr(2)},YYYY:function(e){return T(e.getFullYear(),4)},h:function(e){return String(e.getHours()%12||12)},hh:function(e){return T(e.getHours()%12||12)},H:function(e){return String(e.getHours())},HH:function(e){return T(e.getHours())},m:function(e){return String(e.getMinutes())},mm:function(e){return T(e.getMinutes())},s:function(e){return String(e.getSeconds())},ss:function(e){return T(e.getSeconds())},S:function(e){return String(Math.round(e.getMilliseconds()/100))},SS:function(e){return T(Math.round(e.getMilliseconds()/10),2)},SSS:function(e){return T(e.getMilliseconds(),3)},a:function(e,t){return e.getHours()<12?t.amPm[0]:t.amPm[1]},A:function(e,t){return e.getHours()<12?t.amPm[0].toUpperCase():t.amPm[1].toUpperCase()},ZZ:function(e){var t=e.getTimezoneOffset();return(t>0?"-":"+")+T(100*Math.floor(Math.abs(t)/60)+Math.abs(t)%60,4)}},p={D:[r,D],DD:[r,D],Do:["\\d\\d?[^\\s]+",D],M:[r,Z],MM:[r,Z],YY:[r,function(e,t){var n=parseInt(t,10),a=new Date,r=parseInt(String(a.getFullYear()).substr(0,2),10),i=String(n>68?r-1:r)+t;e.year=parseInt(i,10)}],h:[r,x],hh:[r,x],H:[r,x],HH:[r,x],m:[r,C],mm:[r,C],s:[r,S],ss:[r,S],YYYY:["\\d{4}",function(e,t){e.year=parseInt(t,10)}],S:["\\d",function(e,t){e.millisecond=100*parseInt(t,10)}],SS:["\\d{2}",function(e,t){e.millisecond=10*parseInt(t,10)}],SSS:["\\d{3}",function(e,t){e.millisecond=parseInt(t,10)}],d:[r,l],dd:[r,l],ddd:[i,l],dddd:[i,l],MMM:[i,b("monthNamesShort")],MMMM:[i,b("monthNames")],a:[i,y],A:[i,y],ZZ:["[^\\s]*?[\\+\\-]\\d\\d:?\\d\\d|[^\\s]*?Z",function(e,t){var n,a=(t+"").match(/([+-]|\d\d)/gi);a&&(n=60*parseInt(a[1],10)+parseInt(a[2],10),e.timezoneOffset="+"===a[0]?n:-n)}]};function m(e,t,n){if(void 0===n&&(n=c),"number"==typeof e&&(e=new Date(e)),"[object Date]"!==Object.prototype.toString.call(e)||isNaN(e.getTime()))throw new Error("Invalid Date in fecha.format");var r=[];return(t=(t=(t=v[t]||t||v.default).replace(o,(function(e,t){return r.push(t),"@@@"}))).replace(a,(function(t){return t in f?f[t](e,n):t.slice(1,t.length-1)}))).replace(/@@@/g,(function(){return r.shift()}))}function h(e,t,n){if(void 0===n&&(n=c),"string"!=typeof t)throw new Error("Invalid format in fecha.parse");if(t=v[t]||t,e.length>1e3)return null;var r,i={},l=[],u=[],d=(r=t=t.replace(o,(function(e,t){return u.push(t),"@@@"})),r.replace(/[|\\{()[^$+*?.-]/g,"\\$&")).replace(a,(function(e){if(p[e]){var t=p[e];return l.push(t[1]),"("+t[0]+")"}return e}));d=d.replace(/@@@/g,(function(){return u.shift()}));var s=new RegExp(d,"i").exec(e);if(!s)return null;for(var f=1;f{"use strict";n.d(t,{Z:()=>o});var a=n(55325),r=n(24654),i=n(81224);function o(e,t,n){void 0===t&&(t="default"),void 0===n&&(n=r.U1);var o=(0,i.f)(e);return(0,a.WU)(o,t,n)}},81224:(e,t,n)=>{"use strict";function a(e){return!Number.isNaN(+new Date(e))}function r(e){if(void 0===e)throw new Error("expects a date");return(e=e||new Date)instanceof Date||("number"==typeof e&&a(e)&&(e=new Date(e)),"string"==typeof e&&(a(e)||(e=e.replace(/-/g,"/")),a(e)&&(e=new Date(e)))),e}n.d(t,{f:()=>r})},98029:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var a=n(55325),r=n(24654);function i(e,t,n){return void 0===t&&(t="default"),void 0===n&&(n=r.U1),e instanceof Date?new Date(e.getTime()):"number"==typeof e?new Date(e):(t=t||"default",(0,a.Qc)(e,t,n)||null)}},77828:(e,t,n)=>{"use strict";n.d(t,{Q:()=>r});var a=n(27378);function r(e){var t=(0,a.useRef)(e);return(0,a.useEffect)((function(){t.current=e}),[e]),t}},45300:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(72551);function r(e,t){return null==e?{}:t.reduce((function(t,n){return(0,a.n)(e,n)&&(t[n]=e[n]),t}),{})}}}]); \ No newline at end of file diff --git a/1937-c68c78ba64a25b5d73cb.js b/1937-c68c78ba64a25b5d73cb.js new file mode 100644 index 000000000..3ee7fad18 --- /dev/null +++ b/1937-c68c78ba64a25b5d73cb.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[1937],{75795:(e,t,n)=>{"use strict";n.d(t,{M:()=>b});var a=n(59312),r=n(24246),i=n(27378),o=n(52074),l=n(1348),u=n(42278),d=n(71990),s=n(12691),c=n(90278),v=n(3685),f=n(65410),p=n(11128),m=v.H.date,h=s.Z.Provider,g={format:p.zT},b=function(e){var t=(0,i.useContext)(l.d),n=(0,i.useContext)(s.Z),v=(0,a.pi)((0,a.pi)((0,a.pi)({},p.sn),g),e),b=v.format,Z=v.valueType,D=v.placeholder,x=v.disabled,C=void 0===x?t.value:x,S=(0,i.useCallback)((function(e){return(0,f.RZ)(e,b)}),[b]),y=(0,i.useCallback)((function(e){return e}),[]),T=(0,i.useCallback)((function(e){return(0,c.pB)(e,Z,b)}),[Z,b]);return(0,r.jsx)(o.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,r.jsx)(h,(0,a.pi)({value:(0,a.pi)((0,a.pi)({},n),{i18n:e,generateDate:m,getCallbackValue:T,getSelectedValue:y,getInputText:S})},{children:(0,r.jsx)(u.Z,(0,a.pi)({},v,{disabled:C,placeholder:D||e.date,PanelComponent:d.Z}),void 0)}),void 0)}}),void 0)};t.Z=b},1937:(e,t,n)=>{"use strict";n.d(t,{D:()=>Y});var a=n(59312),r=n(24246),i=n(27378),o=n(52074),l=n(75795),u=n(60042),d=n.n(u),s=n(12691),c=n(18270),v=n(98552),f=n(58181),p=n(19570),m=n(55631),h=n(80280),g=h.k.START,b=h.k.END,Z=n(45902),D=n(57569),x=n(77828),C=n(41507),S=h.k.START,y=h.k.END,T=function(e){var t=e.placeholder,n=e.value,o=e.disabledDate,l=e.className,u=e.defaultDate,h=(e.valueType,e.onChange),T=e.onClose,j=e.onOpen,M=e.disabledTime,k=e.generateDate,P=e.PickerComponent,N=e.showTime,w=e.seperator,z=e.name,Y=e.dateSpan,H=e.disabled,O=e.canClear,_=(0,a._T)(e,["placeholder","value","disabledDate","className","defaultDate","valueType","onChange","onClose","onOpen","disabledTime","generateDate","PickerComponent","showTime","seperator","name","dateSpan","disabled","canClear"]),F=(0,i.useMemo)((function(){return Array.isArray(H)?H:[H,H]}),[H]),V=(0,i.useMemo)((function(){return Array.isArray(O)?O:[O,O]}),[O]),I=(0,i.useRef)(_);I.current=_;var R=I.current.format,E=(0,i.useContext)(s.Z).getCallbackRangeValue,A=(0,x.Q)(h),L=(0,c.Z)({value:n,format:R,defaultDate:u}),Q=L.selected,U=L.setSelected,G=L.defaultPanelDate,W=Q[0],q=Q[1],B=(0,Z.P)(N),J=B[0],K=B[1],$=function(e,t,n,a){void 0===a&&(a=0);var r=(0,i.useRef)(t);return r.current=t,[(0,i.useCallback)((function(t){var i,o=(0,v.Z)(t),l=e[1],u=n.isSame,d=n.offsetDate;return!!(null===(i=r.current)||void 0===i?void 0:i.call(r,o,g))||!!l&&(!u(o,l)&&(0,f.Z)(o,l)||!!a&&(0,p.Z)(o,d(l,1-a)))}),[e,r,n,a]),(0,i.useCallback)((function(t){var i,o=(0,m.Z)(t),l=n.isSame,u=n.offsetDate,d=e[0];if(null===(i=r.current)||void 0===i?void 0:i.call(r,o,b))return!0;var s=!!a&&(0,f.Z)(o,u(d,a-1));return!!d&&(!l(o,d)&&(0,p.Z)(o,d)||s)}),[e,r,n,a])]}(Q,(0,D.Z)(R,o),k,Y),X=$[0],ee=$[1],te=(0,i.useCallback)((function(e){return function(t){var n,a=e===S?[t,q]:[W,t];N||(a=[a[0]?(0,m.Z)(a[0]):a[0],a[1]?(0,v.Z)(a[1]):a[1]]),U(a),null===(n=A.current)||void 0===n||n.call(A,(null==E?void 0:E(a))||null)}}),[W,q,N,A,E,U]),ne=(0,C.Z)({selected:Q,disabledTime:M}),ae=ne.disabledStartTimes,re=ne.disabledEndTimes;return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",(0,a.pi)({className:d()("zent-datepicker",l),"data-zv":"10.0.10"},{children:[(0,r.jsx)(P,(0,a.pi)({},I.current,{disabled:F[0],canClear:V[0],defaultDate:G[0],showTime:J,valueType:"date",value:W,disabledTime:ae,onChange:te(S),onOpen:function(){return null==j?void 0:j(S)},onClose:function(){return null==T?void 0:T(S)},disabledDate:X,name:null==z?void 0:z[0],placeholder:t[0]}),void 0),(0,r.jsx)("span",(0,a.pi)({className:"zent-datepicker-seperator","data-zv":"10.0.10"},{children:w}),void 0),(0,r.jsx)(P,(0,a.pi)({},I.current,{disabled:F[1],canClear:V[1],defaultDate:G[1],showTime:K,valueType:"date",value:q,disabledTime:re,onChange:te(y),onOpen:function(){return null==j?void 0:j(y)},onClose:function(){return null==T?void 0:T(y)},disabledDate:ee,name:null==z?void 0:z[1],placeholder:t[1]}),void 0)]}),void 0)},void 0)},j=n(1348),M=n(3685),k=n(20985),P=n(11128),N=M.H.date,w=s.Z.Provider,z={format:P.zT},Y=function(e){var t=(0,i.useContext)(j.d),n=(0,a.pi)((0,a.pi)((0,a.pi)({},P.sn),z),e),u=n.placeholder,d=n.valueType,s=n.format,c=n.width,v=n.showTime,f=n.disabled,p=void 0===f?t.value:f,m=(0,i.useCallback)((function(e){return(0,k.F)(d,s,e)}),[d,s]);return(0,r.jsx)(o.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,r.jsx)(w,(0,a.pi)({value:{i18n:e,autoComplete:!!v,getCallbackRangeValue:m}},{children:(0,r.jsx)(T,(0,a.pi)({},n,{disabled:p,width:null!=c?c:v?P.d7:P.on,generateDate:N,seperator:e.to,placeholder:u||[e.start,e.end],PickerComponent:l.Z}),void 0)}),void 0)}}),void 0)}},7178:(e,t,n)=>{"use strict";n.d(t,{j:()=>j,Z:()=>M});var a=n(59312),r=n(24246),i=n(27378),o=n(52074),l=n(60042),u=n.n(l),d=n(24399),s=n(90072),c=n(47922),v=n(87774),f=n(44639),p=n(32046),m=n(96084),h=n(77828),g=n(45300),b=n(11128),Z=n(280),D=f.Z.Provider,x=function(e){var t=e.onChange,n=e.disabledTime,o=e.onOpen,l=e.onClose,f=e.value,x=e.className,C=e.ContentComponent,S=e.defaultTime,y=e.selectedDate,T=e.autoComplete,j=e.disabled,M=(0,a._T)(e,["onChange","disabledTime","onOpen","onClose","value","className","ContentComponent","defaultTime","selectedDate","autoComplete","disabled"]),k=(0,i.useRef)(M);k.current=M;var P=k.current,N=P.format,w=P.openPanel,z=(0,h.Q)(t),Y=(0,i.useState)(!0),H=Y[0],O=Y[1],_=(0,p.Z)("",f),F=_.selected,V=_.setSelected,I=(0,Z.Z)(null!=f?f:"",V,o,l,j,w),R=I.panelVisible,E=I.setPanelVisible,A=I.onVisibleChange,L=(0,i.useMemo)((function(){return(null==n?void 0:n(y))||{}}),[n,y]),Q=(0,m.Z)({selected:F,disabledTimeOption:L,format:N}),U=(0,i.useMemo)((function(){return(0,d.Z)(new Date,N)}),[N]),G=(0,i.useMemo)((function(){return(0,s.Z)(U,N,y)}),[U,N,y]),W=(0,m.Z)({selected:U,disabledTimeOption:(null==n?void 0:n(G))||{},format:N}),q=(0,i.useCallback)((function(e,t){var n;void 0===t&&(t=!1),O(!1),V(e),(t||T)&&(null===(n=z.current)||void 0===n||n.call(z,e),t&&O(!0),t&&E(null!=w&&w))}),[w,z,V,E,T]),B=(0,i.useCallback)((function(e){var t;e.stopPropagation(),null===(t=z.current)||void 0===t||t.call(z,"")}),[z]),J=(0,i.useMemo)((function(){var e=k.current.hiddenIcon,t=(0,g.Z)(k.current,b.Yj);return(0,r.jsx)("div",(0,a.pi)({"data-zv":"10.0.10"},{children:(0,r.jsx)(v.G,(0,a.pi)({},t,{value:f,disabled:j,hiddenIcon:e,onClearInput:B,panelVisible:R,text:F,icon:"clock-o"}),void 0)}),void 0)}),[f,F,R,k,j,B]),K=(0,i.useMemo)((function(){var e=(0,g.Z)(k.current,b.n2);return(0,r.jsx)("div",(0,a.pi)({className:"zent-datepicker-panel","data-zv":"10.0.10"},{children:(0,r.jsx)(C,(0,a.pi)({},e,{defaultTime:S,disabledTimeOption:L,selected:F,onSelected:q}),void 0)}),void 0)}),[F,k,S,L,q,C]);return(0,r.jsx)("div",(0,a.pi)({className:u()("zent-datepicker",x),"data-zv":"10.0.10"},{children:(0,r.jsx)(D,(0,a.pi)({value:{visibleChange:H,confirmStatus:Q,isDisabledCurrent:W}},{children:(0,r.jsx)(c.Z,{panelVisible:R,onVisibleChange:A,trigger:J,content:K},void 0)}),void 0)}),void 0)};x.defaultProps=b.V2;var C=x,S=n(60419),y=n(1348),T=n(12691).Z.Provider,j=function(e){var t=(0,i.useContext)(y.d),n=(0,a.pi)((0,a.pi)({},b.V2),e),l=n.format,u=n.placeholder,d=n.width,s=n.disabled,c=void 0===s?t.value:s;return(0,r.jsx)(o.Z,(0,a.pi)({componentName:"TimePicker"},{children:function(e){return(0,r.jsx)(T,(0,a.pi)({value:{i18n:e}},{children:(0,r.jsx)(C,(0,a.pi)({},n,{format:l,placeholder:u||e.time,disabled:c,width:null!=d?d:b.d7,ContentComponent:S.Z}),void 0)}),void 0)}}),void 0)},M=j},5034:(e,t,n)=>{"use strict";var a=n(59312),r=n(24246),i=n(60042),o=n.n(i),l=n(27378),u=n(74522),d="zent-datepicker-panel-body-cells",s=function(e){var t,n=e.isInView,a=e.isCurrent,r=e.isSelected,i=e.isDisabled,l=e.isInRange,u=e.isInHoverRange;return o()(d+"_item",((t={})[d+"_over"]=!n,t[d+"_disabled"]=i,t[d+"_available"]=!r&&!i,t[d+"_current"]=n&&a,t[d+"_selected"]=r,t[d+"_in_range"]=!i&&l,t[d+"_in_hover_range"]=!i&&u,t))};t.Z=function(e){var t=e.cells,n=e.onSelected,i=e.col,o=e.popText,c=e.onHover,v=(0,l.useCallback)((function(e){var t=e.isDisabled,a=e.value;t||n(a)}),[n]),f=(0,l.useCallback)((function(e){var t=e.isDisabled,n=e.value;t||null==c||c(n)}),[c]),p=(0,l.useMemo)((function(){var e=[],n=[];return t.map((function(t,l){var c=t.value,p=t.text,m=t.lunarText,h=(0,a._T)(t,["value","text","lunarText"]),g=h.isSelected,b=h.isDisabled,Z=(0,r.jsx)("li",(0,a.pi)({className:s(h),onClick:function(){return v({isDisabled:b,value:c})},"data-zv":"10.0.10"},{children:m?(0,r.jsxs)("div",(0,a.pi)({className:"zent-datepicker-cell-inner zent-datepicker-lunar-cell",onMouseEnter:function(){return f({isDisabled:b,value:c})},onMouseLeave:function(){return f({isDisabled:b,value:null})},"data-zv":"10.0.10"},{children:[(0,r.jsx)("div",(0,a.pi)({"data-zv":"10.0.10"},{children:p}),void 0),(0,r.jsx)("div",(0,a.pi)({className:"zent-datepicker-lunar-cell_text","data-zv":"10.0.10"},{children:m}),void 0)]}),void 0):(0,r.jsx)("div",(0,a.pi)({className:"zent-datepicker-cell-inner",onMouseEnter:function(){return f({isDisabled:b,value:c})},onMouseLeave:function(){return f({isDisabled:b,value:null})},"data-zv":"10.0.10"},{children:p}),void 0)}),c.getTime()),D=o&&g?(0,r.jsx)(u.Z,(0,a.pi)({visible:!0,title:o},{children:Z}),c.getTime()):Z;n.push(D),l%i==i-1&&(e.push((0,r.jsx)("ul",(0,a.pi)({className:d+"_row","data-zv":"10.0.10"},{children:n}),c.getTime())),n=[])})),e}),[t,i,o,v,f]);return(0,r.jsx)("ul",(0,a.pi)({className:d,"data-zv":"10.0.10"},{children:p}),void 0)}},71351:(e,t,n)=>{"use strict";var a=n(59312),r=n(24246);t.Z=function(e){var t=e.rightNode,n=e.leftNode,i=void 0===n?null:n;return(0,r.jsxs)("div",(0,a.pi)({className:"zent-datepicker-panel-footer","data-zv":"10.0.10"},{children:[t,i]}),void 0)}},65892:(e,t,n)=>{"use strict";n.d(t,{D:()=>s});var a=n(59312),r=n(24246),i=n(42690),o=n(27036),l="zent-datepicker-panel-header",u=function(e){var t=e.onClick,n=e.type;return(0,r.jsx)(o.Z,{type:"left"===n?"double-last":"double-next",onClick:t,className:l+"-arrow"},void 0)},d=function(e){var t=e.onClick,n=e.type;return(0,r.jsx)(o.Z,{type:n,onClick:t,className:l+"-arrow"},void 0)},s=function(e){var t=e.text,n=e.unit,i=void 0===n?"":n,o=e.onClick;return(0,r.jsxs)("div",(0,a.pi)({className:l+"-title_clickable",onClick:o,"data-zv":"10.0.10"},{children:[t,i]}),void 0)};t.Z=function(e){var t=e.showSuper,n=void 0!==t&&t,o=e.titleNode,s=e.combinedLeft,c=e.combinedRight,v=e.onPrev,f=e.onNext,p=e.onSuperPrev,m=void 0===p?i.Z:p,h=e.onSuperNext,g=void 0===h?i.Z:h;return(0,r.jsxs)("div",(0,a.pi)({className:l,"data-zv":"10.0.10"},{children:[(0,r.jsx)("div",(0,a.pi)({className:l+"-btns","data-zv":"10.0.10"},{children:!c&&(0,r.jsxs)(r.Fragment,{children:[n&&(0,r.jsx)(u,{onClick:m,type:"left"},void 0),(0,r.jsx)(d,{onClick:v,type:"left"},void 0)]},void 0)}),void 0),(0,r.jsx)("div",(0,a.pi)({className:l+"-title","data-zv":"10.0.10"},{children:o}),void 0),(0,r.jsx)("div",(0,a.pi)({className:l+"-btns","data-zv":"10.0.10"},{children:!s&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d,{onClick:f,type:"right"},void 0),n&&(0,r.jsx)(u,{onClick:g,type:"right"},void 0)]},void 0)}),void 0)]}),void 0)}},47922:(e,t,n)=>{"use strict";var a=n(59312),r=n(24246),i=n(33806);t.Z=function(e){var t=e.trigger,n=e.content,o=e.panelVisible,l=e.onVisibleChange;return(0,r.jsxs)(i.ZP,(0,a.pi)({className:"zent-datepicker-popup",cushion:5,position:i.ZP.Position.AutoBottomLeft,visible:o,onVisibleChange:l},{children:[(0,r.jsx)(i.ZP.Trigger.Click,{children:t},void 0),(0,r.jsx)(i.ZP.Content,{children:n},void 0)]}),void 0)}},87774:(e,t,n)=>{"use strict";n.d(t,{G:()=>v,W:()=>f});var a=n(59312),r=n(24246),i=n(27378),o=n(60042),l=n.n(o),u=n(27036),d=n(58302),s="zent-datepicker-trigger",c=function(e){var t,n=e.disabled,i=e.canClear,o=e.panelVisible,u=e.width,d=e.children,c={width:u};return(0,r.jsx)("div",(0,a.pi)({className:l()(s,(t={"zent-datepicker-can-clear":!n&&i,"zent-datepicker-disabled":n},t[s+"-focus"]=o,t)),style:c,"data-zv":"10.0.10"},{children:d}),void 0)},v=function(e){var t,n,i=e.value,o=e.format,v=e.seperator,f=e.placeholder,p=e.onClearInput,m=e.text,h=e.name,g=e.canClear,b=e.icon,Z=e.hiddenIcon,D=e.disabled,x=(0,a._T)(e,["value","format","seperator","placeholder","onClearInput","text","name","canClear","icon","hiddenIcon","disabled"]),C=Array.isArray(m)?m:[m],S=C[0],y=C[1],T=g&&!!i;return(0,r.jsxs)(c,(0,a.pi)({},x,{disabled:D,canClear:T},{children:[h&&(0,r.jsx)("input",{type:"hidden",name:h,readOnly:!0,value:(0,d.p6)(o,i),"data-zv":"10.0.10"},void 0),(0,r.jsx)("span",(0,a.pi)({className:l()(s+"-input",(t={},t[s+"-empty-input"]=!S||D,t)),"data-zv":"10.0.10"},{children:S||f}),void 0),y&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",(0,a.pi)({className:s+"-seperator","data-zv":"10.0.10"},{children:v}),void 0),(0,r.jsx)("span",(0,a.pi)({className:l()(s+"-input",(n={},n[s+"-empty-input"]=!y,n)),"data-zv":"10.0.10"},{children:y}),void 0)]},void 0),!Z&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(u.Z,{type:b||"calendar-o"},void 0),T&&(0,r.jsx)(u.Z,{type:"close-circle",onClick:p},void 0)]},void 0)]}),void 0)},f=function(e){var t,n,o=e.format,v=e.value,f=e.selected,p=e.seperator,m=e.placeholder,h=m[0],g=m[1],b=e.name,Z=e.canClear,D=e.icon,x=e.onClearInput,C=e.disabled,S=(0,a._T)(e,["format","value","selected","seperator","placeholder","name","canClear","icon","onClearInput","disabled"]),y=(0,i.useMemo)((function(){return f?(0,d._Q)(f,o):[null,null]}),[f,o]),T=y[0],j=y[1];return(0,r.jsxs)(c,(0,a.pi)({},S,{disabled:C,canClear:Z&&(!!T||!!j)},{children:[b&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("input",{type:"hidden",name:null==b?void 0:b[0],readOnly:!0,value:(0,d.p6)(o,null==v?void 0:v[0]),"data-zv":"10.0.10"},void 0),(0,r.jsx)("input",{readOnly:!0,type:"hidden",name:null==b?void 0:b[1],value:(0,d.p6)(o,null==v?void 0:v[1]),"data-zv":"10.0.10"},void 0)]},void 0),(0,r.jsx)("span",(0,a.pi)({className:l()(s+"-input",(t={},t[s+"-empty-input"]=!T,t)),"data-zv":"10.0.10"},{children:T||h}),void 0),(0,r.jsx)("span",(0,a.pi)({className:s+"-seperator","data-zv":"10.0.10"},{children:p}),void 0),(0,r.jsx)("span",(0,a.pi)({className:l()(s+"-input",(n={},n[s+"-empty-input"]=!j,n)),"data-zv":"10.0.10"},{children:j||g}),void 0),(0,r.jsx)(u.Z,{type:D||"calendar-o"},void 0),(0,r.jsx)(u.Z,{type:"close-circle",onClick:x},void 0)]}),void 0)}},42278:(e,t,n)=>{"use strict";n.d(t,{Z:()=>C});var a=n(59312),r=n(24246),i=n(60042),o=n.n(i),l=n(27378),u=n(47922),d=n(87774),s=n(12691),c=n(44639),v=n(58302),f=n(98029),p=new Date,m=n(57569),h=n(280),g=n(77828),b=n(45300),Z=n(11128),D=c.Z.Provider;function x(e){var t=e.value,n=e.onChange,i=e.onOpen,c=e.onClose,x=e.disabledDate,C=(0,a._T)(e,["value","onChange","onOpen","onClose","disabledDate"]),S=(0,l.useRef)(C);S.current=C;var y=S.current,T=y.defaultDate,j=y.format,M=(y.name,y.width,y.placeholder,y.className),k=(y.valueType,y.disabled),P=(y.canClear,y.openPanel),N=y.PanelComponent,w=(0,a._T)(y,["defaultDate","format","name","width","placeholder","className","valueType","disabled","canClear","openPanel","PanelComponent"]),z=w,Y=z.showLunarDate,H=z.lunarValueFormatter,O=(0,l.useContext)(s.Z),_=O.getSelectedValue,F=O.getCallbackValue,V=O.getInputText,I=(0,g.Q)(n),R=function(e){var t=e.value,n=e.format,a=e.defaultDate,r=(0,l.useState)(p),i=r[0],o=r[1],u=(0,l.useMemo)((function(){return(0,v.sG)(n,t)}),[t,n]),d=(0,l.useState)(u),s=d[0],c=d[1];return(0,l.useEffect)((function(){c(u)}),[u]),(0,l.useEffect)((function(){var e=s||a;o(e?(0,f.Z)(e,n):p)}),[a,s,t,n]),{selected:s,parseValue:u,setSelected:c,defaultPanelDate:i}}({value:t,format:j,defaultDate:T}),E=R.selected,A=R.parseValue,L=R.setSelected,Q=R.defaultPanelDate,U=(0,h.Z)(A,L,i,c,k,P),G=U.panelVisible,W=U.setPanelVisible,q=U.onVisibleChange,B=(0,m.Z)(j,x),J=(0,l.useState)(),K=J[0],$=J[1],X=(0,l.useCallback)((function(e,t){var n;void 0===t&&(t=!0),L((null==_?void 0:_(e))||null),t&&(null===(n=I.current)||void 0===n||n.call(I,(null==F?void 0:F(e))||null),W(null!=P&&P))}),[_,F,I,P,L,W]),ee=(0,l.useCallback)((function(e){var t;e.stopPropagation(),null===(t=I.current)||void 0===t||t.call(I,null)}),[I]),te=(0,l.useMemo)((function(){return E?Y&&H&&"function"==typeof H?H(E):null==V?void 0:V(E):""}),[E,Y,V,H]),ne=(0,l.useMemo)((function(){var e=(0,b.Z)(S.current,Z.Yj);return(0,r.jsx)("div",(0,a.pi)({"data-zv":"10.0.10"},{children:(0,r.jsx)(d.G,(0,a.pi)({},e,{value:t,disabled:k,text:te,panelVisible:G,onClearInput:ee}),void 0)}),void 0)}),[te,t,G,S,k,ee]),ae=(0,l.useMemo)((function(){var e;return(0,r.jsx)("div",(0,a.pi)({className:o()("zent-datepicker-panel",(e={},e["zent-datepicker-panel_lunar"]=!!Y,e)),"data-zv":"10.0.10"},{children:(0,r.jsx)(N,(0,a.pi)({},w,{selected:E,hoverDate:K,defaultPanelDate:Q,onSelected:X,disabledPanelDate:B}),void 0)}),void 0)}),[Y,N,w,E,K,Q,X,B]);return(0,r.jsx)("div",(0,a.pi)({className:o()("zent-datepicker",M),"data-zv":"10.0.10"},{children:(0,r.jsx)(D,(0,a.pi)({value:{onHover:$}},{children:(0,r.jsx)(u.Z,{panelVisible:G,onVisibleChange:q,trigger:ne,content:ae},void 0)}),void 0)}),void 0)}x.defaultProps={canClear:!0,width:Z.d7};var C=x},11128:(e,t,n)=>{"use strict";n.d(t,{d7:()=>r,on:()=>i,pX:()=>o,T_:()=>l,zT:()=>u,zS:()=>d,mn:()=>s,Y5:()=>c,nN:()=>v,cO:()=>f,SO:()=>p,Yj:()=>m,n2:()=>h,V2:()=>g,sn:()=>b});var a=n(42690),r=240,i=136,o=360,l="HH:mm:ss",u="YYYY-MM-DD",d="YYYY-MM",s="YYYY",c=["",""],v=1840,f=3e3,p=96,m=["width","name","format","seperator","canClear","placeholder"],h=["format","hourStep","minuteStep","secondStep"],g={format:l,hourStep:1,minuteStep:1,secondStep:1,canClear:!0},b={onChange:a.Z,valueType:"string",canClear:!0,disabledDate:function(){return!1},onOpen:a.Z,onClose:a.Z}},44639:(e,t,n)=>{"use strict";var a=n(27378);t.Z=(0,a.createContext)({})},12691:(e,t,n)=>{"use strict";var a=n(27378),r=n(50642),i=(0,a.createContext)({i18n:(0,r.jI)()});t.Z=i},96084:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var a=n(27378),r=n(90072);function i(e){var t=e.disabledTimeOption,n=e.selected,i=e.format,o=(0,a.useState)(!1),l=o[0],u=o[1];return(0,a.useEffect)((function(){var e=(0,r.Z)(n,i,new Date),a=e.getHours(),o=e.getMinutes();u(!n||function(){var e,n;return null===(n=null===(e=null==t?void 0:t.disabledHours)||void 0===e?void 0:e.call(t))||void 0===n?void 0:n.includes(a)}()||function(){var e,n;return null===(n=null===(e=null==t?void 0:t.disabledMinutes)||void 0===e?void 0:e.call(t,a))||void 0===n?void 0:n.includes(o)}()||function(){var n,r;return null===(r=null===(n=null==t?void 0:t.disabledSeconds)||void 0===n?void 0:n.call(t,a,o))||void 0===r?void 0:r.includes(e.getSeconds())}())}),[n,i,t]),l}},57569:(e,t,n)=>{"use strict";n.d(t,{Z:()=>d});var a=n(27378),r=n(19570),i=n(98552),o=n(58181),l=n(55631),u=n(98029);function d(e,t){return(0,a.useCallback)(function(e,t){var n;if("object"==typeof t){var a=t,d=a.min,s=a.max;n=function(t){return!!d&&(0,r.Z)((0,i.Z)(t),(0,u.Z)(d,e))||!!s&&(0,o.Z)((0,l.Z)(t),(0,u.Z)(s,e))}}else n=t;return n}(e,t),[t,e])}},26610:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(27378);function r(e){var t=(0,a.useState)(e),n=t[0],r=t[1];return(0,a.useEffect)((function(){r(e)}),[e]),{panelDate:n,setPanelDate:r}}},41507:(e,t,n)=>{"use strict";n.d(t,{Z:()=>v});var a=n(27378),r=n(77888),i=n(53568),o=n(75164),l=n(80280),u=l.k.START,d=l.k.END;function s(e){return Array.from({length:e},(function(e,t){return t}))}function c(e,t){return Array.from({length:t-e},(function(e,n){return t-n}))}function v(e){var t=e.selected,n=e.disabledTime,l=(0,a.useRef)(n);l.current=n;var v=t[0],f=t[1],p=(0,a.useCallback)((function(e){var t,n,a,u,c,f,p,m,h,g=!(!v||!e)&&(0,r.Z)(v,e),b=!(!v||!e)&&(0,i.Z)(v,e),Z=!(!v||!e)&&(0,o.Z)(v,e),D=(null==e?void 0:e.getHours())||0,x=(null==e?void 0:e.getMinutes())||0,C=(null==v?void 0:v.getHours())||0,S=(null==v?void 0:v.getMinutes())||0,y=(null==v?void 0:v.getSeconds())||0,T=(null===(a=null===(t=l.current)||void 0===t?void 0:(n=t.call(l,e,d)).disabledHours)||void 0===a?void 0:a.call(n))||[],j=(null===(f=null===(u=l.current)||void 0===u?void 0:(c=u.call(l,e,d)).disabledMinutes)||void 0===f?void 0:f.call(c,D))||[],M=(null===(h=null===(p=l.current)||void 0===p?void 0:(m=p.call(l,e,d)).disabledSeconds)||void 0===h?void 0:h.call(m,D,x))||[];return{disabledHours:function(){return T.concat(g?s(C):[])},disabledMinutes:function(){return j.concat(g&&b?s(S):[])},disabledSeconds:function(){return M.concat(g&&b&&Z?s(y):[])}}}),[v,l]);return{disabledStartTimes:(0,a.useCallback)((function(e){var t,n,a,d,s,v,p,m,h,g=!(!e||!f)&&(0,r.Z)(e,f),b=!(!e||!f)&&(0,i.Z)(e,f),Z=!(!e||!f)&&(0,o.Z)(e,f),D=(null==e?void 0:e.getHours())||0,x=(null==e?void 0:e.getMinutes())||0,C=(null==f?void 0:f.getHours())||0,S=(null==f?void 0:f.getMinutes())||0,y=(null==f?void 0:f.getSeconds())||0,T=(null===(a=null===(t=l.current)||void 0===t?void 0:(n=t.call(l,e,u)).disabledHours)||void 0===a?void 0:a.call(n))||[],j=(null===(v=null===(d=l.current)||void 0===d?void 0:(s=d.call(l,e,u)).disabledMinutes)||void 0===v?void 0:v.call(s,D))||[],M=(null===(h=null===(p=l.current)||void 0===p?void 0:(m=p.call(l,e,u)).disabledSeconds)||void 0===h?void 0:h.call(m,D,x))||[];return{disabledHours:function(){return T.concat(g?c(C,23):[])},disabledMinutes:function(){return j.concat(g&&b?c(S,59):[])},disabledSeconds:function(){return M.concat(g&&b&&Z?c(y,59):[])}}}),[f,l]),disabledEndTimes:p,disabledConfirm:(0,a.useMemo)((function(){return!v||!f||!!v&&!!f&&v>f}),[v,f])}}},18270:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var a=n(27378),r=n(58302),i=n(84614),o=[new Date,new Date];function l(e){var t=e.value,n=e.format,l=e.defaultDate,u=e.addMonthNum,d=void 0===u?0:u,s=(0,a.useState)(o),c=s[0],v=s[1],f=(0,a.useMemo)((function(){return t?(0,r.r0)(t,n):[null,null]}),[t,n]),p=(0,a.useState)(f),m=p[0],h=p[1];return(0,a.useEffect)((function(){h(f)}),[f]),(0,a.useEffect)((function(){var e=o;(null==m?void 0:m[0])||(null==m?void 0:m[1])?e=function(e,t){var n=e[0],a=e[1];return[null!=n?n:a?(0,i.Z)(a,-t):o[0],null!=a?a:n?(0,i.Z)(n,t):o[1]]}(m,d):(null==l?void 0:l[0])&&(null==l?void 0:l[1])&&(e=(0,r.r0)(l,n)),v(e)}),[l,m,n,d]),{selected:m,parseValue:f,setSelected:h,defaultPanelDate:c,setDefaultPanelDate:v}}},45902:(e,t,n)=>{"use strict";n.d(t,{P:()=>f,Z:()=>p});var a=n(59312),r=n(27378),i=n(50456),o=n(23807),l=n(51960),u=n(11128),d=function(e){return(0,l.Z)((0,i.Z)(),e)},s=function(e){return(0,l.Z)((0,o.Z)(),e)},c=d(u.T_),v=s(u.T_);function f(e){var t=(0,r.useRef)(e);return t.current=e,(0,r.useMemo)((function(){if(!t.current)return[void 0,void 0];if("object"==typeof t.current){var e=t.current,n=e.format,r=void 0===n?u.T_:n,i=e.defaultTime,o=(0,a._T)(e,["format","defaultTime"]),l=(null==i?void 0:i[0])||d(r),f=(null==i?void 0:i[1])||s(r);return[(0,a.pi)({format:r,defaultTime:l},o),(0,a.pi)({format:r,defaultTime:f},o)]}return[{format:u.T_,defaultTime:c},{format:u.T_,defaultTime:v}]}),[t])}function p(e){var t=(0,r.useRef)(e);return t.current=e,(0,r.useMemo)((function(){if(t.current){if("object"==typeof t.current){var e=t.current,n=e.format,r=void 0===n?u.T_:n,i=e.defaultTime,o=(0,a._T)(e,["format","defaultTime"]),l=i||d(r);return(0,a.pi)({format:r,defaultTime:l},o)}return{format:u.T_,defaultTime:c}}}),[t])}},280:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var a=n(27378),r=n(77828);function i(e,t,n,i,o,l){var u=(0,a.useState)(null!=l&&l),d=u[0],s=u[1],c=(0,r.Q)(n),v=(0,r.Q)(i),f=(0,a.useRef)(e);f.current=e,(0,a.useEffect)((function(){s(null!=l&&l)}),[l]);var p=(0,a.useCallback)((function(){void 0!==l||o||s(!d)}),[d,l,o]),m=(0,a.useRef)();return(0,a.useEffect)((function(){var e,n;m.current?d?null===(e=null==c?void 0:c.current)||void 0===e||e.call(c):(t(f.current),null===(n=null==v?void 0:v.current)||void 0===n||n.call(v)):m.current=!0}),[d,f,c,v,t]),{panelVisible:d,setPanelVisible:s,onVisibleChange:p}}},32046:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i,K:()=>o});var a=n(27378),r=n(90072);function i(e,t){var n=(0,a.useState)(null!=t?t:e),r=n[0],i=n[1];return(0,a.useEffect)((function(){i(null!=t?t:e)}),[t,e]),{selected:r,setSelected:i}}function o(e,t,n){return e?[e[0]?(0,r.Z)(e[0],t,n):null,e[1]?(0,r.Z)(e[1],t,n):null]:[null,null]}},71990:(e,t,n)=>{"use strict";n.d(t,{Z:()=>_});var a=n(59312),r=n(24246),i=n(27378),o=n(84614),l=n(46013),u=n(96608),d=n(34421),s=n(65892),c=(0,i.memo)((function(e){var t=e.names;return(0,r.jsx)("ul",(0,a.pi)({className:"zent-datepicker-panel-sub_header","data-zv":"10.0.10"},{children:t.map((function(e){return(0,r.jsx)("li",(0,a.pi)({"data-zv":"10.0.10"},{children:e}),e)}))}),void 0)}),(function(){return!0})),v=n(36192),f=n(48988),p=n(90072),m=n(73237),h=n(5034),g=n(44639),b=n(84990),Z=n(3685),D=function(e){var t=(0,i.useContext)(g.Z).onHover,n=e.selected,a=e.popText,o=void 0===a?"":a,l=e.disableRangeOverView,s=void 0!==l&&l,c=e.defaultPanelDate,D=e.rangeDate,x=e.hoverRangeDate,C=e.row,S=void 0===C?6:C,y=e.col,T=void 0===y?7:y,j=e.showTimeOption,M=e.onSelected,k=e.disabledPanelDate,P=e.showLunarDate,N=(0,i.useMemo)((function(){return(0,v.Z)(c)}),[c]),w=(0,i.useMemo)((function(){return(0,b.Z)({offset:N.getDay(),defaultPanelDate:N,selected:n,disabledPanelDate:k,rangeDate:D,hoverRangeDate:x,row:S,col:T,dateConfig:Z.H.date,inView:f.Z,disableRangeOverView:s,showLunarDate:P})}),[s,n,D,x,S,T,N,k,P]),z=(0,i.useCallback)((function(e){var t=j||{},a=t.defaultTime,r=t.format;if(!n)return M(a?(0,p.Z)("function"==typeof a?a(e):a,r,e):e);var i=n;i=(0,u.Z)(i,e.getFullYear()),i=(0,d.Z)(i,e.getMonth()),i=(0,m.Z)(i,e.getDate()),M(i)}),[n,j,M]);return(0,r.jsx)(h.Z,{col:T,cells:w,popText:o,onSelected:z,onHover:t},void 0)},x=n(85883),C=n(90347),S=n(7178),y=n(71351),T=n(12691),j=n(58302),M=n(96084),k=new Date,P=function(e){var t=e.footerText,n=e.showTime,o=e.disabledTime,l=e.showTimeOption,u=e.selected,d=e.onSelected,s=e.disabledPanelDate,c=(0,i.useState)(!1),v=c[0],f=c[1],m=(0,i.useContext)(T.Z),h=m.i18n,g=m.autoComplete,b=(l||{}).format,Z=void 0===b?"":b,D=(0,M.Z)({selected:(0,j.p6)(Z,u),disabledTimeOption:u&&(null==o?void 0:o(u))||{},format:Z}),P=(0,M.Z)({selected:(0,j.p6)(Z,k),disabledTimeOption:(null==o?void 0:o(k))||{},format:Z}),N=(0,i.useMemo)((function(){return u&&s(u)}),[u,s]),w=(0,i.useMemo)((function(){return s(k)}),[s]),z=(0,i.useCallback)((function(){P||w||d(new Date)}),[w,P,d]),Y=(0,i.useCallback)((function(){u&&d(u)}),[u,d]),H=(0,i.useMemo)((function(){return(0,r.jsx)(C.ZP,(0,a.pi)({type:"primary",disabled:D||N||!u||v,onClick:Y,className:"zent-datepicker-panel-footer-btn"},{children:h.confirm}),void 0)}),[h,D,u,N,Y,v]),O=(0,i.useMemo)((function(){return(0,r.jsxs)("div",(0,a.pi)({"data-zv":"10.0.10"},{children:[(0,r.jsx)(C.ZP,(0,a.pi)({disabled:P||w,onClick:z,type:"text"},{children:t}),void 0),!!n&&(D||N?(0,r.jsx)(x.Z,(0,a.pi)({content:D?h.timeErrorPop:h.dateErrorPop,trigger:"hover"},{children:H}),void 0):H)]}),void 0)}),[h,n,t,D,N,w,P,H,z]),_=(0,i.useCallback)((function(e){if(e){var t=(0,p.Z)(e,Z,u||new Date);d(t,!1)}}),[u,Z,d]),F=(0,i.useCallback)((function(){f(!0)}),[]),V=(0,i.useCallback)((function(){f(!1)}),[]),I=(0,i.useMemo)((function(){var e=l||{},t=e.defaultTime,i=(0,a._T)(e,["defaultTime"]),d="function"==typeof t?t(u):t;return n?(0,r.jsx)(S.Z,(0,a.pi)({},i,{defaultTime:d,width:94,selectedDate:u,value:(0,j.p6)(Z,u),hiddenIcon:!0,onChange:_,onOpen:F,onClose:V,disabledTime:o,autoComplete:g}),void 0):null}),[g,u,n,l,Z,o,_,F,V]);return(0,r.jsx)(y.Z,{leftNode:I,rightNode:O},void 0)},N=n(21977),w=n(58345),z=n(45902),Y=n(26610),H=n(77828),O=n(18421),_=function(e){var t=e.defaultPanelDate,n=e.hideFooter,v=void 0!==n&&n,f=e.onSelected,p=e.showTime,m=e.footerText,h=void 0===m?"":m,g=e.combinedLeft,b=e.combinedRight,Z=e.onPanelDateChange,x=(0,a._T)(e,["defaultPanelDate","hideFooter","onSelected","showTime","footerText","combinedLeft","combinedRight","onPanelDateChange"]),C=(0,i.useContext)(T.Z).i18n,S=(0,i.useState)(!1),y=S[0],j=S[1],M=(0,i.useState)(!1),k=M[0],_=M[1],F=(0,Y.Z)(t),V=F.panelDate,I=F.setPanelDate,R=(0,z.Z)(p),E=(0,H.Q)(Z),A=x.showLunarDate,L=(0,i.useMemo)((function(){var e=V.getMonth(),t=C.panel.monthNames[e];return A?t+"（"+O.q7.fromDate(new Date(V.getFullYear(),e)).getMonthInChinese()+"月）":t}),[A,C.panel.monthNames,V]),Q=(0,i.useMemo)((function(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.D,{text:V.getFullYear(),unit:C.panel.year,onClick:function(){return j(!0)}},void 0),(0,r.jsx)(s.D,{text:L,onClick:function(){return _(!0)}},void 0)]},void 0)}),[V,C.panel.year,L]),U=(0,i.useCallback)((function(e){var t;I(e),null===(t=E.current)||void 0===t||t.call(E,e)}),[I,E]),G=(0,i.useCallback)((function(){U((0,o.Z)(V,-1))}),[V,U]),W=(0,i.useCallback)((function(){U((0,o.Z)(V,1))}),[V,U]),q=(0,i.useCallback)((function(){U((0,l.Z)(V,-1))}),[V,U]),B=(0,i.useCallback)((function(){U((0,l.Z)(V,1))}),[V,U]),J=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.Z,{showSuper:!0,titleNode:Q,combinedLeft:g,combinedRight:b,onPrev:G,onNext:W,onSuperPrev:q,onSuperNext:B},void 0),(0,r.jsx)(c,{names:C.panel.dayNames},void 0),(0,r.jsx)(D,(0,a.pi)({},x,{showTime:p,showTimeOption:R,onSelected:function(e){f(e,!p)},defaultPanelDate:V}),void 0)]},void 0),K=(0,i.useCallback)((function(e){U((0,u.Z)(V,e.getFullYear())),j(!1)}),[V,U]),$=(0,r.jsx)(w.Z,(0,a.pi)({},e,{onSelected:K,defaultPanelDate:V}),void 0),X=(0,i.useCallback)((function(e){var t=e.getMonth(),n=e.getFullYear();U((0,u.Z)((0,d.Z)(V,t),n)),_(!1)}),[V,U]),ee=(0,r.jsx)(N.Z,(0,a.pi)({},e,{defaultPanelDate:V,onSelected:X}),void 0);return(0,r.jsxs)(r.Fragment,{children:[!y&&!k&&J,y&&$,k&&ee,!v&&(0,r.jsx)(P,(0,a.pi)({},e,{showTimeOption:R,footerText:h||(p?C.current.time:C.current.date)}),void 0)]},void 0)}},21977:(e,t,n)=>{"use strict";n.d(t,{Z:()=>b});var a=n(59312),r=n(24246),i=n(27378),o=n(46013),l=n(96608),u=n(65892),d=n(44639),s=n(12691),c=n(5034),v=n(84990),f=n(3685),p=n(34421),m=function(e){var t=e.defaultPanelDate,n=e.onSelected,o=e.selected,l=e.disabledPanelDate,u=e.row,m=void 0===u?4:u,h=e.col,g=void 0===h?3:h,b=(0,i.useContext)(s.Z).i18n,Z=(0,i.useContext)(d.Z).onHover,D=(0,i.useMemo)((function(){return(0,v.Z)({selected:o,disabledPanelDate:l,defaultPanelDate:(0,p.Z)(t,0),texts:b.panel.monthNames,row:m,col:g,dateConfig:f.H.month})}),[o,m,g,t,b,l]);return(0,r.jsx)("div",(0,a.pi)({className:"zent-datepicker-ym-panel-body","data-zv":"10.0.10"},{children:(0,r.jsx)(c.Z,{col:g,cells:D,onSelected:n,onHover:Z},void 0)}),void 0)},h=n(58345),g=n(26610),b=function(e){var t=e.defaultPanelDate,n=e.selected,d=e.onSelected,c=e.disabledPanelDate,v=(0,i.useContext)(s.Z).i18n,f=(0,g.Z)(t),p=f.panelDate,b=f.setPanelDate,Z=(0,i.useState)(!1),D=Z[0],x=Z[1],C=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(u.Z,{titleNode:(0,r.jsx)(u.D,{text:p.getFullYear(),unit:v.panel.year,onClick:function(){return x(!0)}},void 0),onPrev:function(){return b((0,o.Z)(p,-1))},onNext:function(){return b((0,o.Z)(p,1))}},void 0),(0,r.jsx)(m,{disabledPanelDate:c,defaultPanelDate:p,selected:n,onSelected:d},void 0)]},void 0),S=(0,i.useCallback)((function(e){b((0,l.Z)(p,e.getFullYear())),x(!1)}),[p,b]),y=(0,r.jsx)(h.Z,(0,a.pi)({},e,{onSelected:S,defaultPanelDate:p}),void 0);return(0,r.jsx)(r.Fragment,{children:D?y:C},void 0)}},60419:(e,t,n)=>{"use strict";n.d(t,{Z:()=>M});var a=n(59312),r=n(24246),i=n(27378),o=n(60042),l=n.n(o),u=n(71351),d=n(90347),s=n(12691),c=n(44639),v=n(58302),f=function(e){var t=e.onSelected,n=e.selected,o=e.format,f=(0,i.useContext)(s.Z).i18n,p=(0,i.useContext)(c.Z),m=p.confirmStatus,h=p.isDisabledCurrent,g=(0,i.useCallback)((function(){h||t((0,v.p6)(o,new Date),!0)}),[o,h,t]),b=(0,i.useMemo)((function(){var e;return(0,r.jsx)("a",(0,a.pi)({className:l()((e={},e["zent-datepicker-panel-footer-current_disabled"]=h,e)),onClick:g,"data-zv":"10.0.10"},{children:f.current.time}),void 0)}),[f,h,g]),Z=(0,i.useMemo)((function(){return(0,r.jsx)(d.ZP,(0,a.pi)({type:"primary",className:"zent-datepicker-panel-footer-btn",disabled:m,onClick:function(){return t(n,!0)}},{children:f.confirm}),void 0)}),[f,m,n,t]);return(0,r.jsx)(u.Z,{leftNode:b,rightNode:Z},void 0)},p=n(96394),m=n(60206),h=n(55874),g=n(57318),b=n(79264),Z="zent-datepicker-time-panel-body",D={hour:23,minute:59,second:59},x=function(e){var t=e.type,n=e.step,o=void 0===n?1:n,u=e.selected,d=e.setting,s=e.disabledUnits,v=void 0===s?[]:s,f=(0,i.createRef)(),p=(0,i.useContext)(c.Z).visibleChange,m=function(e,t,n,a){for(var r=[],i=0;i<=t;i+=n)r.push({label:i.toString().padStart(2,"0"),value:i,disabled:a.includes(i)});return r}(0,D[t],o,v);return(0,b.L)((function(){p&&f.current&&(0,g.l)(f.current,0,32*u/o,1),u&&!p&&f.current&&(0,g.l)(f.current,0,32*u/o,160)}),[u,p,f,o]),(0,r.jsx)("div",(0,a.pi)({className:Z+"_scroll",ref:f,"data-zv":"10.0.10"},{children:m.map((function(e){var t,n=e.value,i=e.label,o=e.disabled;return(0,r.jsx)("div",(0,a.pi)({className:l()(Z+"-unit",(t={},t[Z+"-unit_selected"]=n===u,t[Z+"-unit_disabled"]=o,t[Z+"-unit_available"]=!o,t)),onClick:function(){return!o&&d(n)},"data-zv":"10.0.10"},{children:i}),n)}))}),void 0)},C=n(90072),S=new Date,y=new Date(S.getFullYear(),S.getMonth(),S.getDate()),T={hour:p.Z,minute:m.Z,second:h.Z},j=function(e){var t=e.selected,n=e.format,o=e.disabledTimeOption,l=e.hourStep,u=e.minuteStep,d=e.secondStep,s=e.onSelected,c=function(e,t,n){var a=e||t,r=(0,i.useState)(a?(0,C.Z)(a,n,y):y),o=r[0],l=r[1];return(0,i.useEffect)((function(){l(a?(0,C.Z)(a,n,y):y)}),[a,t,n]),{panelTime:o,setPanelTime:l}}(t,e.defaultTime,n),f=c.panelTime,p=c.setPanelTime,m=(0,i.useMemo)((function(){var e=o.disabledHours,t=o.disabledMinutes,a=o.disabledSeconds,r=f.getHours(),i=f.getMinutes();return[{type:"hour",format:"HH",value:r,disabledUnits:(null==e?void 0:e())||[],max:23,step:l},{type:"minute",format:"mm",value:i,disabledUnits:(null==t?void 0:t(r))||[],max:59,step:u},{type:"second",format:"ss",value:f.getSeconds(),disabledUnits:(null==a?void 0:a(r,i))||[],max:59,step:d}].filter((function(e){return-1!==n.indexOf(e.format)}))}),[f,n,o,l,u,d]),h=(0,i.useCallback)((function(e,t){var a=T[t](f,e);p(a),s((0,v.p6)(n,a))}),[f,n,s,p]);return(0,r.jsx)("div",(0,a.pi)({className:"zent-datepicker-time-panel-body","data-zv":"10.0.10"},{children:m.map((function(e){var t=e.type,n=e.value,a=e.step,i=e.disabledUnits;return(0,r.jsx)(x,{type:t,step:a,selected:n,setting:function(e){return h(e,t)},disabledUnits:i},t)}))}),void 0)},M=function(e){var t=e.hideFooter,n=(0,a._T)(e,["hideFooter"]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(j,(0,a.pi)({},n),void 0),!t&&(0,r.jsx)(f,(0,a.pi)({},n),void 0)]},void 0)}},58345:(e,t,n)=>{"use strict";n.d(t,{Z:()=>m});var a=n(59312),r=n(24246),i=n(27378),o=n(65892),l=n(5034),u=n(44639),d=n(12691),s=n(84990),c=n(3685),v=n(96608),f=n(11128),p=function(e){var t=e.firstYear,n=e.onSelected,o=e.selected,p=e.defaultPanelDate,m=e.disabledPanelDate,h=e.row,g=void 0===h?4:h,b=e.col,Z=void 0===b?3:b,D=(0,i.useContext)(d.Z).i18n,x=(0,i.useContext)(u.Z).onHover,C=(0,i.useMemo)((function(){return Array.from({length:12},(function(e,n){return t+n<=f.cO?""+(t+n)+D.panel.year:""}))}),[t,D]),S=(0,i.useMemo)((function(){return(0,s.Z)({selected:o,disabledPanelDate:m,defaultPanelDate:(0,v.Z)(p,t),texts:C,row:g,col:Z,dateConfig:c.H.year})}),[o,g,Z,C,p,t,m]);return(0,r.jsx)("div",(0,a.pi)({className:"zent-datepicker-ym-panel-body","data-zv":"10.0.10"},{children:(0,r.jsx)(l.Z,{col:Z,cells:S,onSelected:n,onHover:x},void 0)}),void 0)},m=function(e){var t=e.defaultPanelDate.getFullYear(),n=(0,i.useState)(Math.floor((t-f.nN)/12)),l=n[0],u=n[1],d=(0,i.useMemo)((function(){return f.nN+12*l}),[l]),s=(0,i.useCallback)((function(){return l>0&&u(l-1)}),[l]),c=(0,i.useCallback)((function(){return lf.cO?f.cO:d+11),onPrev:s,onNext:c},void 0),(0,r.jsx)(p,(0,a.pi)({firstYear:d},e),void 0)]},void 0)}},80280:(e,t,n)=>{"use strict";var a,r;n.d(t,{k:()=>a,C:()=>r}),function(e){e.START="start",e.END="end"}(a||(a={})),function(e){e[e.Sunday=0]="Sunday",e[e.Monday=1]="Monday",e[e.Tuesday=2]="Tuesday",e[e.Wednesday=3]="Wednesday",e[e.Thursday=4]="Thursday",e[e.Friday=5]="Friday",e[e.Saturday=6]="Saturday"}(r||(r={}))},3685:(e,t,n)=>{"use strict";n.d(t,{H:()=>z});var a=n(73237),r=n(25568),i=n(44525),o=n(77888),l=n(55631),u=n(98552),d=n(9385),s=n(89278),c=n(650),v=n(60102),f=n(72754),p=n(34421),m=n(49602),h=n(84614),g=n(22067),b=n(48988),Z=n(36192),D=n(76134),x=n(60613),C=n(44750),S=n(71903),y=n(79636),T=n(1438),j=n(2129),M=n(96608),k=n(30870),P=n(46013),N=n(86353),w=n(14888),z={date:{set:a.Z,get:r.Z,offsetDate:i.Z,isSame:o.Z,startDate:l.Z,endDate:u.Z},week:{set:d.Z,get:s.Z,offsetDate:i.Z,isSame:c.Z,startDate:v.Z,endDate:f.Z},month:{set:p.Z,get:m.Z,offsetDate:h.Z,isSame:function(e,t){return(0,g.Z)(e,t)&&(0,b.Z)(e,t)},startDate:Z.Z,endDate:D.Z},quarter:{set:x.Z,get:C.Z,offsetDate:S.Z,isSame:function(e,t){return(0,g.Z)(e,t)&&(0,y.Z)(e,t)},startDate:T.Z,endDate:j.Z},year:{set:M.Z,get:k.Z,offsetDate:P.Z,isSame:g.Z,startDate:N.Z,endDate:w.Z}}},65410:(e,t,n)=>{"use strict";n.d(t,{RZ:()=>u,kA:()=>d,zG:()=>s,Kv:()=>c});var a=n(30870),r=n(44750),i=n(60102),o=n(72754),l=n(58302);function u(e,t){return e?(0,l.p6)(t,e):""}function d(e,t){return e?t.panel.yearQuarterName({year:(0,a.Z)(e),quarter:(0,r.Z)(e)-1}):""}function s(e,t,n){var a=e&&[(0,i.Z)(e,n),(0,o.Z)(e,n)];return a?(0,l._Q)(a,t):["",""]}function c(e,t){return(0,l._Q)(e,t)}},84990:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var a=n(9005),r=n(77888),i=n(58181),o=n(19570),l=n(18421);function u(e){for(var t=e.selected,n=e.rangeDate,r=e.hoverRangeDate,i=e.disabledPanelDate,o=e.defaultPanelDate,u=e.row,s=e.col,c=e.dateConfig,v=e.texts,f=e.offset,p=void 0===f?0:f,m=e.inView,h=e.disableRangeOverView,g=e.showLunarDate,b=c.isSame,Z=c.startDate,D=c.endDate,x=c.offsetDate,C=0,S=[],y=0;y{"use strict";n.d(t,{F:()=>r});var a=n(58302);function r(e,t,n){var r,i;switch(e){case"string":return(0,a._Q)(n,t);case"number":return[(null===(r=n[0])||void 0===r?void 0:r.getTime())||0,(null===(i=n[1])||void 0===i?void 0:i.getTime())||0];default:return n}}},90278:(e,t,n)=>{"use strict";n.d(t,{Mq:()=>i,pB:()=>o,Mp:()=>l});var a=n(58302),r=n(20985);function i(e,t,n){return e?(0,t.startDate)(e,n):null}function o(e,t,n){switch(t){case"string":return(0,a.p6)(n,e);case"number":return e.getTime();default:return e}}function l(e,t,n,a,i){var o,l=a.startDate,u=a.endDate;return o=i?[l(e,i),u(e,i)]:[l(e),u(e)],(0,r.F)(t,n,o)}},58302:(e,t,n)=>{"use strict";n.d(t,{sG:()=>i,p6:()=>o,_Q:()=>l,r0:()=>u});var a=n(51960),r=n(98029);function i(e,t){return t?(0,r.Z)(t,e):null}function o(e,t){return t?(0,a.Z)(t,e):""}function l(e,t){return[o(t,e[0]),o(t,e[1])]}function u(e,t){return[i(t,e[0]),i(t,e[1])]}},57097:(e,t,n)=>{"use strict";n.d(t,{u:()=>f});var a=n(59312),r=n(24246),i=n(27378),o=n(60042),l=n.n(o),u=n(42690),d=n(33806),s=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,a.ZT)(t,e),t}(d.ZP.Trigger.Base),c=n(50707),v=d.ZP.Trigger,f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.popoverRef=(0,i.createRef)(),t}return(0,a.ZT)(t,e),t.prototype.renderContent=function(){var e=this.props.title;return(0,r.jsxs)(d.ZP.Content,{children:[(0,r.jsx)("div",(0,a.pi)({className:"zent-tooltip-v2-inner","data-zv":"10.0.10"},{children:e}),void 0),(0,r.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,r.jsx)(v.Click,(0,a.pi)({closeOnClickOutside:n},{children:e}),void 0)}if("hover"===this.props.trigger){var i=this.props,o=i.mouseLeaveDelay,l=void 0===o?200:o,u=i.mouseEnterDelay,d=void 0===u?200:u,c=i.anchorOnly,f=i.fixMouseEventsOnDisabledChildren;return(0,r.jsx)(v.Hover,(0,a.pi)({showDelay:d,hideDelay:l,anchorOnly:c,fixMouseEventsOnDisabledChildren:f},{children:e}),void 0)}return"focus"===this.props.trigger?(0,r.jsx)(v.Focus,{children:e},void 0):"none"===this.props.trigger?(0,r.jsx)(s,{children:e},void 0):null},t.prototype.render=function(){var e=this.props,t=e.className,n=e.trigger,i=e.visible,o=e.position,s=e.cushion,v=e.centerArrow,f=e.containerSelector,p=e.style,m=l()("zent-tooltip-v2",t),h=this.props.onVisibleChange;return"none"===n&&(h=h||u.Z),(0,r.jsxs)(d.ZP,(0,a.pi)({visible:i,onVisibleChange:h,className:m,cushion:s,position:(0,c.Z)(o,v),containerSelector:f,ref:this.popoverRef,style:p},{children:[this.renderTrigger(),this.renderContent()]}),void 0)},t.defaultProps={trigger:"hover",position:"top-center",cushion:8,centerArrow:!1,containerSelector:"body"},t}(i.Component)},74522:(e,t,n)=>{"use strict";var a=n(57097);t.Z=a.u},55325:(e,t,n)=>{"use strict";n.d(t,{WU:()=>m,Qc:()=>h});var a=/d{1,4}|M{1,4}|YY(?:YY)?|S{1,3}|Do|ZZ|([HhMsDm])\1?|[aA]|"[^"]*"|'[^']*'/g,r="\\d\\d?",i="[^\\s]+",o=/\[([^]*?)\]/gm,l=function(){},u=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],d=["January","February","March","April","May","June","July","August","September","October","November","December"],s=g(d,3),c={dayNamesShort:g(u,3),dayNames:u,monthNamesShort:s,monthNames:d,amPm:["am","pm"],DoFn:function(e){return e+["th","st","nd","rd"][e%10>3?0:(e-e%10!=10?1:0)*e%10]}},v={default:"ddd MMM DD YYYY HH:mm:ss",shortDate:"M/D/YY",mediumDate:"MMM D, YYYY",longDate:"MMMM D, YYYY",fullDate:"dddd, MMMM D, YYYY",shortTime:"HH:mm",mediumTime:"HH:mm:ss",longTime:"HH:mm:ss.SSS"},f={D:function(e){return String(e.getDate())},DD:function(e){return T(e.getDate())},Do:function(e,t){return t.DoFn(e.getDate())},d:function(e){return String(e.getDay())},dd:function(e){return T(e.getDay())},ddd:function(e,t){return t.dayNamesShort[e.getDay()]},dddd:function(e,t){return t.dayNames[e.getDay()]},M:function(e){return String(e.getMonth()+1)},MM:function(e){return T(e.getMonth()+1)},MMM:function(e,t){return t.monthNamesShort[e.getMonth()]},MMMM:function(e,t){return t.monthNames[e.getMonth()]},YY:function(e){return T(String(e.getFullYear()),4).substr(2)},YYYY:function(e){return T(e.getFullYear(),4)},h:function(e){return String(e.getHours()%12||12)},hh:function(e){return T(e.getHours()%12||12)},H:function(e){return String(e.getHours())},HH:function(e){return T(e.getHours())},m:function(e){return String(e.getMinutes())},mm:function(e){return T(e.getMinutes())},s:function(e){return String(e.getSeconds())},ss:function(e){return T(e.getSeconds())},S:function(e){return String(Math.round(e.getMilliseconds()/100))},SS:function(e){return T(Math.round(e.getMilliseconds()/10),2)},SSS:function(e){return T(e.getMilliseconds(),3)},a:function(e,t){return e.getHours()<12?t.amPm[0]:t.amPm[1]},A:function(e,t){return e.getHours()<12?t.amPm[0].toUpperCase():t.amPm[1].toUpperCase()},ZZ:function(e){var t=e.getTimezoneOffset();return(t>0?"-":"+")+T(100*Math.floor(Math.abs(t)/60)+Math.abs(t)%60,4)}},p={D:[r,D],DD:[r,D],Do:["\\d\\d?[^\\s]+",D],M:[r,Z],MM:[r,Z],YY:[r,function(e,t){var n=parseInt(t,10),a=new Date,r=parseInt(String(a.getFullYear()).substr(0,2),10),i=String(n>68?r-1:r)+t;e.year=parseInt(i,10)}],h:[r,x],hh:[r,x],H:[r,x],HH:[r,x],m:[r,C],mm:[r,C],s:[r,S],ss:[r,S],YYYY:["\\d{4}",function(e,t){e.year=parseInt(t,10)}],S:["\\d",function(e,t){e.millisecond=100*parseInt(t,10)}],SS:["\\d{2}",function(e,t){e.millisecond=10*parseInt(t,10)}],SSS:["\\d{3}",function(e,t){e.millisecond=parseInt(t,10)}],d:[r,l],dd:[r,l],ddd:[i,l],dddd:[i,l],MMM:[i,b("monthNamesShort")],MMMM:[i,b("monthNames")],a:[i,y],A:[i,y],ZZ:["[^\\s]*?[\\+\\-]\\d\\d:?\\d\\d|[^\\s]*?Z",function(e,t){var n,a=(t+"").match(/([+-]|\d\d)/gi);a&&(n=60*parseInt(a[1],10)+parseInt(a[2],10),e.timezoneOffset="+"===a[0]?n:-n)}]};function m(e,t,n){if(void 0===n&&(n=c),"number"==typeof e&&(e=new Date(e)),"[object Date]"!==Object.prototype.toString.call(e)||isNaN(e.getTime()))throw new Error("Invalid Date in fecha.format");var r=[];return(t=(t=(t=v[t]||t||v.default).replace(o,(function(e,t){return r.push(t),"@@@"}))).replace(a,(function(t){return t in f?f[t](e,n):t.slice(1,t.length-1)}))).replace(/@@@/g,(function(){return r.shift()}))}function h(e,t,n){if(void 0===n&&(n=c),"string"!=typeof t)throw new Error("Invalid format in fecha.parse");if(t=v[t]||t,e.length>1e3)return null;var r,i={},l=[],u=[],d=(r=t=t.replace(o,(function(e,t){return u.push(t),"@@@"})),r.replace(/[|\\{()[^$+*?.-]/g,"\\$&")).replace(a,(function(e){if(p[e]){var t=p[e];return l.push(t[1]),"("+t[0]+")"}return e}));d=d.replace(/@@@/g,(function(){return u.shift()}));var s=new RegExp(d,"i").exec(e);if(!s)return null;for(var f=1;f{"use strict";n.d(t,{Z:()=>o});var a=n(55325),r=n(24654),i=n(81224);function o(e,t,n){void 0===t&&(t="default"),void 0===n&&(n=r.U1);var o=(0,i.f)(e);return(0,a.WU)(o,t,n)}},81224:(e,t,n)=>{"use strict";function a(e){return!Number.isNaN(+new Date(e))}function r(e){if(void 0===e)throw new Error("expects a date");return(e=e||new Date)instanceof Date||("number"==typeof e&&a(e)&&(e=new Date(e)),"string"==typeof e&&(a(e)||(e=e.replace(/-/g,"/")),a(e)&&(e=new Date(e)))),e}n.d(t,{f:()=>r})},98029:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var a=n(55325),r=n(24654);function i(e,t,n){return void 0===t&&(t="default"),void 0===n&&(n=r.U1),e instanceof Date?new Date(e.getTime()):"number"==typeof e?new Date(e):(t=t||"default",(0,a.Qc)(e,t,n)||null)}},77828:(e,t,n)=>{"use strict";n.d(t,{Q:()=>r});var a=n(27378);function r(e){var t=(0,a.useRef)(e);return(0,a.useEffect)((function(){t.current=e}),[e]),t}},45300:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var a=n(72551);function r(e,t){return null==e?{}:t.reduce((function(t,n){return(0,a.n)(e,n)&&(t[n]=e[n]),t}),{})}}}]); \ No newline at end of file diff --git a/2124-16baf1afbe14a03d72c4.js b/2124-517651e75834b1254684.js similarity index 91% rename from 2124-16baf1afbe14a03d72c4.js rename to 2124-517651e75834b1254684.js index e2d88dabe..b91c6e71f 100644 --- a/2124-16baf1afbe14a03d72c4.js +++ b/2124-517651e75834b1254684.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2124],{92124:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>w});var t=a(73450),p=a(27378),e=a(57318),o=a(37162),c=a(3454),l=a(24246);function u(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 r(n){for(var s=1;s{var n=this.state,s=n.current,a=n.status;3===s&&"process"===a?a="finish":(++s>3&&(s%=3),a="process"),this.setState({current:s,status:a})}))}render(){var n=this.state,s=n.current,a=n.status;return(0,l.jsxs)("div",{children:[(0,l.jsxs)(o.z,{current:s,status:a,children:[(0,l.jsx)(o.z.Step,{title:"Step One",description:"Share invitation code for friends"}),(0,l.jsx)(o.z.Step,{title:"Step Two",description:"Enter your invitation code when ordering"}),(0,l.jsx)(o.z.Step,{title:"Step Three",description:"Get a reward for the Youzan E-card"})]}),(0,l.jsx)(c.z,{style:{margin:"10px 0 0 50px"},onClick:this.nextStep,children:"Next"})]})}}return(0,l.jsx)(n,{})},k=function(){return(0,l.jsxs)(o.z,{current:2,status:"error",children:[(0,l.jsx)(o.z.Step,{title:"Step One",description:"Share invitation code for friends"}),(0,l.jsx)(o.z.Step,{title:"Step Two",description:"Enter your invitation code when ordering"}),(0,l.jsx)(o.z.Step,{title:"Step Three",description:"Get a reward for the Youzan E-card"})]})},d=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:2,status:"process"}),(0,t.Z)(this,"nextStep",(()=>{var n=this.state,s=n.current,a=n.status;3===s&&"process"===a?a="finish":(++s>3&&(s%=3),a="process"),this.setState({current:s,status:a})}))}render(){var n=this.state,s=n.current,a=n.status;return(0,l.jsxs)("div",{children:[(0,l.jsxs)(o.z,{current:s,status:a,children:[(0,l.jsx)(o.z.Step,{title:"Step One",description:"Share invitation code for friends",icon:"capital-o"}),(0,l.jsx)(o.z.Step,{title:"Step Two",description:"Enter your invitation code when ordering",icon:"clock-o"}),(0,l.jsx)(o.z.Step,{title:"Step Three",description:"Get a reward for the Youzan E-card",icon:"mini-apps-o"})]}),(0,l.jsx)(c.z,{style:{margin:"10px 0 0 50px"},onClick:this.nextStep,children:"Next"})]})}}return(0,l.jsx)(n,{})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1,status:"process"}),(0,t.Z)(this,"nextStep",(()=>{var n=this.state,s=n.current,a=n.status;3===s&&"process"===a?a="finish":(++s>3&&(s%=3),a="process"),this.setState({current:s,status:a})}))}render(){var n=this.state,s=n.current,a=n.status;return(0,l.jsxs)("div",{children:[(0,l.jsxs)(o.z,{current:s,status:a,direction:"vertical",children:[(0,l.jsx)(o.z.Step,{title:"Step One",description:"Share invitation code for friends"}),(0,l.jsx)(o.z.Step,{title:"Step Two",description:"Enter your invitation code when ordering"}),(0,l.jsx)(o.z.Step,{title:"Step Three",description:"Get a reward for the Youzan E-card"})]}),(0,l.jsx)(c.z,{onClick:this.nextStep,children:"Next"})]})}}return(0,l.jsx)(n,{})};function h(n){return(0,l.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function g(n){return(0,l.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,l.jsx)(h,{tag:"style",html:n.style})}function f(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),f(n.parentNode,s);return s}class y extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,f(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:""}),p.createElement(g,{html:'

Progress Indicator

\n

Feedback the complete process information objectively in order and mark the current process or node and state.

\n

Suggestion

\n
    \n
  • When the task is complex or has a sequential relationship, the progress indicator will decompose it into multiple nodes, simplifying the user\'s cognition and operation cost of each step and feedback the current state.
    • \n
  • When a task contains multiple nodes with contextual relationship and needs to feedback the task flow status, the progress indicator is used.
    • \n
  • When a complex task needs to be broken down into multiple tasks, use the navigation step bar.
    • \n
  • If only the progress of a task does not contain multiple nodes, use the progress bar.
    • \n
  • If the content can be split into multiple sub-contents without any logical relationship, use tabs.
    • \n
\n

Demos

'}),p.createElement(y,{title:"Basic usage",id:"Demo1",src:'import { Indicator, Button } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 2,\n status: \'process\',\n };\n\n nextStep = () => {\n let { current, status } = this.state;\n if (current === 3 && status === \'process\') {\n status = \'finish\';\n } else {\n current++;\n if (current > 3) {\n current = current % 3;\n }\n status = \'process\';\n }\n\n this.setState({\n current,\n status,\n });\n };\n\n render() {\n let { current, status } = this.state;\n return (\n <div>\n <Indicator current={current} status={status}>\n <Indicator.Step\n title="Step One"\n description="Share invitation code for friends"\n />\n <Indicator.Step\n title="Step Two"\n description="Enter your invitation code when ordering"\n />\n <Indicator.Step\n title="Step Three"\n description="Get a reward for the Youzan E-card"\n />\n </Indicator>\n <Button style={{ margin: \'10px 0 0 50px\' }} onClick={this.nextStep}>\n Next\n </Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(i)),p.createElement(y,{title:"Failure Status",id:"Demo2",src:'import { Indicator } from \'zent\';\n\nReactDOM.render(\n <Indicator current={2} status="error">\n <Indicator.Step title="Step One" description="Share invitation code for friends" />\n <Indicator.Step title="Step Two" description="Enter your invitation code when ordering" />\n <Indicator.Step\n title="Step Three"\n description="Get a reward for the Youzan E-card"\n />\n </Indicator>,\n mountNode\n);'},p.createElement(k)),p.createElement(y,{title:"Custom Step Icon",id:"Demo3",src:'import { Indicator, Button } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 2,\n status: \'process\',\n };\n\n nextStep = () => {\n let { current, status } = this.state;\n if (current === 3 && status === \'process\') {\n status = \'finish\';\n } else {\n current++;\n if (current > 3) {\n current = current % 3;\n }\n status = \'process\';\n }\n\n this.setState({\n current,\n status,\n });\n };\n\n render() {\n let { current, status } = this.state;\n return (\n <div>\n <Indicator current={current} status={status}>\n <Indicator.Step\n title="Step One"\n description="Share invitation code for friends"\n icon="capital-o"\n />\n <Indicator.Step\n title="Step Two"\n description="Enter your invitation code when ordering"\n icon="clock-o"\n />\n <Indicator.Step\n title="Step Three"\n description="Get a reward for the Youzan E-card"\n icon="mini-apps-o"\n />\n </Indicator>\n <Button style={{ margin: \'10px 0 0 50px\' }} onClick={this.nextStep}>\n Next\n </Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(d)),p.createElement(g,{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
PropertyDescriptionTypeRequiredDefaultAlternative
currentThe curren step which starts from 1. When this property is not passed, \ncurrent\n is 0 and steps is in status of \nwait\n.number0
statusThe status of indicator.string\'process\'\'wait\'\n, \n\'finish\'\n, \n\'error\'
sequenceWhether to use the default number or notbooleantrue
onStepChangeThe callback function that is triggered when the steps in clicked and changed, especially for steps of card type, breadcrumb type and tabs type.func\'\'
directionThe direction of steps, especially for steps of number type.string\'horizontal\'\'vertical\'
classNameThe custom classnamestring\'\'
\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),p.createElement(y,{title:"Vertical direction",id:"Demo4",src:'import { Indicator, Button } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n status: \'process\',\n };\n\n nextStep = () => {\n let { current, status } = this.state;\n if (current === 3 && status === \'process\') {\n status = \'finish\';\n } else {\n current++;\n if (current > 3) {\n current = current % 3;\n }\n status = \'process\';\n }\n\n this.setState({\n current,\n status,\n });\n };\n\n render() {\n let { current, status } = this.state;\n return (\n <div>\n <Indicator current={current} status={status} direction="vertical">\n <Indicator.Step\n title="Step One"\n description="Share invitation code for friends"\n />\n <Indicator.Step\n title="Step Two"\n description="Enter your invitation code when ordering"\n />\n <Indicator.Step\n title="Step Three"\n description="Get a reward for the Youzan E-card"\n />\n </Indicator>\n <Button onClick={this.nextStep}>Next</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(m)))}}},37162:(n,s,a)=>{"use strict";a.d(s,{z:()=>o});var t=a(59312),p=a(24246),e=a(37424),o=function(n){return(0,p.jsx)(e.R,(0,t.pi)({type:"number"},n),void 0)};o.Step=e.R.Step},37424:(n,s,a)=>{"use strict";a.d(s,{R:()=>d});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(27036),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.renderIconNode=function(){var n=s.props,a=n.stepNumber,e=n.sequence,o=n.status,c=void 0===o?"wait":o,u=n.icon;if(u){var r="string"==typeof u?(0,p.jsx)(l.Z,{type:u},void 0):u;return(0,p.jsx)(p.Fragment,{children:r},void 0)}return"finish"===c?(0,p.jsx)(l.Z,{type:"check-circle-o"},void 0):"error"===c?(0,p.jsx)(l.Z,{type:"error-circle"},void 0):(0,p.jsx)("span",(0,t.pi)({className:"zent-icon zent-steps-sequence","data-zv":"10.0.9"},{children:e?a:""}),void 0)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.isCurrentStep,a=n.status,e=void 0===a?"wait":a,o=n.isLastFinishStep,l=n.stepLast,u=n.title,r=n.description,i=c()("zent-steps-item","zent-steps-status-"+e,{"zent-steps-item--current":s,"zent-steps-item--last-finished":o});return(0,p.jsxs)("div",(0,t.pi)({className:i,"data-zv":"10.0.9"},{children:[!l&&(0,p.jsx)("div",(0,t.pi)({className:"zent-steps-tail","data-zv":"10.0.9"},{children:(0,p.jsx)("i",{"data-zv":"10.0.9"},void 0)}),void 0),(0,p.jsxs)("div",(0,t.pi)({className:"zent-steps-step","data-zv":"10.0.9"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-step-head","data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-step-head-inner","data-zv":"10.0.9"},{children:this.renderIconNode()}),void 0)}),void 0),(0,p.jsxs)("div",(0,t.pi)({className:"zent-step-main","data-zv":"10.0.9"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-step-title","data-zv":"10.0.9"},{children:u}),void 0),r&&(0,p.jsx)("div",(0,t.pi)({className:"zent-step-description","data-zv":"10.0.9"},{children:r}),void 0)]}),void 0)]}),void 0)]}),void 0)},s.defaultProps={description:""},s}(e.Component),r=a(19185),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.children,o=n.current,l=n.status,u=n.direction,i=n.sequence,k=e.Children.count(a)-1,d=c()(s,"zent-steps","zent-steps__"+u);return(0,p.jsx)("div",(0,t.pi)({className:d,"data-zv":"10.0.9"},{children:e.Children.map(a,(function(n,s){var a={sequence:i,stepNumber:(s+1).toString(),stepLast:s===k,isCurrentStep:s===o-1,isLastFinishStep:"error"===l&&s===o-2,status:"wait"};return(0,r.isElement)(n)?(n.props.status||(a.status=s===o-1?l:s{"use strict";a.r(s),a.d(s,{default:()=>w});var t=a(73450),p=a(27378),e=a(57318),o=a(37162),c=a(3454),l=a(24246);function u(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 r(n){for(var s=1;s{var n=this.state,s=n.current,a=n.status;3===s&&"process"===a?a="finish":(++s>3&&(s%=3),a="process"),this.setState({current:s,status:a})}))}render(){var n=this.state,s=n.current,a=n.status;return(0,l.jsxs)("div",{children:[(0,l.jsxs)(o.z,{current:s,status:a,children:[(0,l.jsx)(o.z.Step,{title:"Step One",description:"Share invitation code for friends"}),(0,l.jsx)(o.z.Step,{title:"Step Two",description:"Enter your invitation code when ordering"}),(0,l.jsx)(o.z.Step,{title:"Step Three",description:"Get a reward for the Youzan E-card"})]}),(0,l.jsx)(c.z,{style:{margin:"10px 0 0 50px"},onClick:this.nextStep,children:"Next"})]})}}return(0,l.jsx)(n,{})},k=function(){return(0,l.jsxs)(o.z,{current:2,status:"error",children:[(0,l.jsx)(o.z.Step,{title:"Step One",description:"Share invitation code for friends"}),(0,l.jsx)(o.z.Step,{title:"Step Two",description:"Enter your invitation code when ordering"}),(0,l.jsx)(o.z.Step,{title:"Step Three",description:"Get a reward for the Youzan E-card"})]})},d=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:2,status:"process"}),(0,t.Z)(this,"nextStep",(()=>{var n=this.state,s=n.current,a=n.status;3===s&&"process"===a?a="finish":(++s>3&&(s%=3),a="process"),this.setState({current:s,status:a})}))}render(){var n=this.state,s=n.current,a=n.status;return(0,l.jsxs)("div",{children:[(0,l.jsxs)(o.z,{current:s,status:a,children:[(0,l.jsx)(o.z.Step,{title:"Step One",description:"Share invitation code for friends",icon:"capital-o"}),(0,l.jsx)(o.z.Step,{title:"Step Two",description:"Enter your invitation code when ordering",icon:"clock-o"}),(0,l.jsx)(o.z.Step,{title:"Step Three",description:"Get a reward for the Youzan E-card",icon:"mini-apps-o"})]}),(0,l.jsx)(c.z,{style:{margin:"10px 0 0 50px"},onClick:this.nextStep,children:"Next"})]})}}return(0,l.jsx)(n,{})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1,status:"process"}),(0,t.Z)(this,"nextStep",(()=>{var n=this.state,s=n.current,a=n.status;3===s&&"process"===a?a="finish":(++s>3&&(s%=3),a="process"),this.setState({current:s,status:a})}))}render(){var n=this.state,s=n.current,a=n.status;return(0,l.jsxs)("div",{children:[(0,l.jsxs)(o.z,{current:s,status:a,direction:"vertical",children:[(0,l.jsx)(o.z.Step,{title:"Step One",description:"Share invitation code for friends"}),(0,l.jsx)(o.z.Step,{title:"Step Two",description:"Enter your invitation code when ordering"}),(0,l.jsx)(o.z.Step,{title:"Step Three",description:"Get a reward for the Youzan E-card"})]}),(0,l.jsx)(c.z,{onClick:this.nextStep,children:"Next"})]})}}return(0,l.jsx)(n,{})};function h(n){return(0,l.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function g(n){return(0,l.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,l.jsx)(h,{tag:"style",html:n.style})}function f(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),f(n.parentNode,s);return s}class y extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,f(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:""}),p.createElement(g,{html:'

Progress Indicator

\n

Feedback the complete process information objectively in order and mark the current process or node and state.

\n

Suggestion

\n
    \n
  • When the task is complex or has a sequential relationship, the progress indicator will decompose it into multiple nodes, simplifying the user\'s cognition and operation cost of each step and feedback the current state.
    • \n
  • When a task contains multiple nodes with contextual relationship and needs to feedback the task flow status, the progress indicator is used.
    • \n
  • When a complex task needs to be broken down into multiple tasks, use the navigation step bar.
    • \n
  • If only the progress of a task does not contain multiple nodes, use the progress bar.
    • \n
  • If the content can be split into multiple sub-contents without any logical relationship, use tabs.
    • \n
\n

Demos

'}),p.createElement(y,{title:"Basic usage",id:"Demo1",src:'import { Indicator, Button } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 2,\n status: \'process\',\n };\n\n nextStep = () => {\n let { current, status } = this.state;\n if (current === 3 && status === \'process\') {\n status = \'finish\';\n } else {\n current++;\n if (current > 3) {\n current = current % 3;\n }\n status = \'process\';\n }\n\n this.setState({\n current,\n status,\n });\n };\n\n render() {\n let { current, status } = this.state;\n return (\n <div>\n <Indicator current={current} status={status}>\n <Indicator.Step\n title="Step One"\n description="Share invitation code for friends"\n />\n <Indicator.Step\n title="Step Two"\n description="Enter your invitation code when ordering"\n />\n <Indicator.Step\n title="Step Three"\n description="Get a reward for the Youzan E-card"\n />\n </Indicator>\n <Button style={{ margin: \'10px 0 0 50px\' }} onClick={this.nextStep}>\n Next\n </Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(i)),p.createElement(y,{title:"Failure Status",id:"Demo2",src:'import { Indicator } from \'zent\';\n\nReactDOM.render(\n <Indicator current={2} status="error">\n <Indicator.Step title="Step One" description="Share invitation code for friends" />\n <Indicator.Step title="Step Two" description="Enter your invitation code when ordering" />\n <Indicator.Step\n title="Step Three"\n description="Get a reward for the Youzan E-card"\n />\n </Indicator>,\n mountNode\n);'},p.createElement(k)),p.createElement(y,{title:"Custom Step Icon",id:"Demo3",src:'import { Indicator, Button } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 2,\n status: \'process\',\n };\n\n nextStep = () => {\n let { current, status } = this.state;\n if (current === 3 && status === \'process\') {\n status = \'finish\';\n } else {\n current++;\n if (current > 3) {\n current = current % 3;\n }\n status = \'process\';\n }\n\n this.setState({\n current,\n status,\n });\n };\n\n render() {\n let { current, status } = this.state;\n return (\n <div>\n <Indicator current={current} status={status}>\n <Indicator.Step\n title="Step One"\n description="Share invitation code for friends"\n icon="capital-o"\n />\n <Indicator.Step\n title="Step Two"\n description="Enter your invitation code when ordering"\n icon="clock-o"\n />\n <Indicator.Step\n title="Step Three"\n description="Get a reward for the Youzan E-card"\n icon="mini-apps-o"\n />\n </Indicator>\n <Button style={{ margin: \'10px 0 0 50px\' }} onClick={this.nextStep}>\n Next\n </Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(d)),p.createElement(g,{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
PropertyDescriptionTypeRequiredDefaultAlternative
currentThe curren step which starts from 1. When this property is not passed, \ncurrent\n is 0 and steps is in status of \nwait\n.number0
statusThe status of indicator.string\'process\'\'wait\'\n, \n\'finish\'\n, \n\'error\'
sequenceWhether to use the default number or notbooleantrue
onStepChangeThe callback function that is triggered when the steps in clicked and changed, especially for steps of card type, breadcrumb type and tabs type.func\'\'
directionThe direction of steps, especially for steps of number type.string\'horizontal\'\'vertical\'
classNameThe custom classnamestring\'\'
\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),p.createElement(y,{title:"Vertical direction",id:"Demo4",src:'import { Indicator, Button } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n status: \'process\',\n };\n\n nextStep = () => {\n let { current, status } = this.state;\n if (current === 3 && status === \'process\') {\n status = \'finish\';\n } else {\n current++;\n if (current > 3) {\n current = current % 3;\n }\n status = \'process\';\n }\n\n this.setState({\n current,\n status,\n });\n };\n\n render() {\n let { current, status } = this.state;\n return (\n <div>\n <Indicator current={current} status={status} direction="vertical">\n <Indicator.Step\n title="Step One"\n description="Share invitation code for friends"\n />\n <Indicator.Step\n title="Step Two"\n description="Enter your invitation code when ordering"\n />\n <Indicator.Step\n title="Step Three"\n description="Get a reward for the Youzan E-card"\n />\n </Indicator>\n <Button onClick={this.nextStep}>Next</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(m)))}}},37162:(n,s,a)=>{"use strict";a.d(s,{z:()=>o});var t=a(59312),p=a(24246),e=a(37424),o=function(n){return(0,p.jsx)(e.R,(0,t.pi)({type:"number"},n),void 0)};o.Step=e.R.Step},37424:(n,s,a)=>{"use strict";a.d(s,{R:()=>d});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(27036),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.renderIconNode=function(){var n=s.props,a=n.stepNumber,e=n.sequence,o=n.status,c=void 0===o?"wait":o,u=n.icon;if(u){var r="string"==typeof u?(0,p.jsx)(l.Z,{type:u},void 0):u;return(0,p.jsx)(p.Fragment,{children:r},void 0)}return"finish"===c?(0,p.jsx)(l.Z,{type:"check-circle-o"},void 0):"error"===c?(0,p.jsx)(l.Z,{type:"error-circle"},void 0):(0,p.jsx)("span",(0,t.pi)({className:"zent-icon zent-steps-sequence","data-zv":"10.0.10"},{children:e?a:""}),void 0)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.isCurrentStep,a=n.status,e=void 0===a?"wait":a,o=n.isLastFinishStep,l=n.stepLast,u=n.title,r=n.description,i=c()("zent-steps-item","zent-steps-status-"+e,{"zent-steps-item--current":s,"zent-steps-item--last-finished":o});return(0,p.jsxs)("div",(0,t.pi)({className:i,"data-zv":"10.0.10"},{children:[!l&&(0,p.jsx)("div",(0,t.pi)({className:"zent-steps-tail","data-zv":"10.0.10"},{children:(0,p.jsx)("i",{"data-zv":"10.0.10"},void 0)}),void 0),(0,p.jsxs)("div",(0,t.pi)({className:"zent-steps-step","data-zv":"10.0.10"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-step-head","data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-step-head-inner","data-zv":"10.0.10"},{children:this.renderIconNode()}),void 0)}),void 0),(0,p.jsxs)("div",(0,t.pi)({className:"zent-step-main","data-zv":"10.0.10"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-step-title","data-zv":"10.0.10"},{children:u}),void 0),r&&(0,p.jsx)("div",(0,t.pi)({className:"zent-step-description","data-zv":"10.0.10"},{children:r}),void 0)]}),void 0)]}),void 0)]}),void 0)},s.defaultProps={description:""},s}(e.Component),r=a(19185),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.children,o=n.current,l=n.status,u=n.direction,i=n.sequence,k=e.Children.count(a)-1,d=c()(s,"zent-steps","zent-steps__"+u);return(0,p.jsx)("div",(0,t.pi)({className:d,"data-zv":"10.0.10"},{children:e.Children.map(a,(function(n,s){var a={sequence:i,stepNumber:(s+1).toString(),stepLast:s===k,isCurrentStep:s===o-1,isLastFinishStep:"error"===l&&s===o-2,status:"wait"};return(0,r.isElement)(n)?(n.props.status||(a.status=s===o-1?l:s{"use strict";a.r(s),a.d(s,{default:()=>b});var t=a(73450),p=a(27378),o=a(57318),e=a(32109),c=a(39550),l=a(74473),u=a(75438),i=a(24246);function r(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 k(n){for(var s=1;s{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,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:a||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(g,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,f(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:".layout-demo-cell {\n\t background: #155bd4;\n\t\t\topacity: 0.8;\n\t color: #fff;\n\t text-align: center;\n\t\t\tline-height: 64px;\n\t}"}),p.createElement(h,{html:'

Layout

\n
    \n
  • flex based 24 column grid layout component
    • \n
  • Row and Col must be within a Grid
    • \n
  • Configurable gutter for rows and columns
    • \n
  • Responsive
    • \n
\n

Dependencies

\n

⚠️ Note: The responsive ability relies on matchMedia and matchMedia.addListener. It is user\'s responsibility to make sure these functions\nare available, especially for legacy browsers. Polyfills to consider:

\n\n

Demos

'}),p.createElement(y,{title:"Basic Usage",id:"Demobasic",src:'import { LayoutRow as Row, LayoutCol as Col, LayoutGrid as Grid } from \'zent\';\n\nReactDOM.render(\n <Grid className="layout-demo-basic">\n <Row>\n <Col span={24}>\n <div className="layout-demo-cell">col-24</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8} order={3}>\n <div className="layout-demo-cell">col-8 order-3</div>\n </Col>\n <Col span={8} order={2}>\n <div className="layout-demo-cell">col-8 order-2</div>\n </Col>\n <Col span={8} order={1}>\n <div className="layout-demo-cell">col-8 order-1</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8} offset={8}>\n <div className="layout-demo-cell">col-8 offset-8</div>\n </Col>\n </Row>\n\n <Row justify="center">\n <Col span={4}>\n <div className="layout-demo-cell">col-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n </Row>\n </Grid>,\n mountNode\n);'},p.createElement(d)),p.createElement(y,{title:"Responsive",id:"Demoresponsive",src:'import {\n LayoutRow as Row,\n LayoutCol as Col,\n LayoutGrid as Grid,\n LayoutConfigProvider as ConfigProvider,\n} from \'zent\';\n\nReactDOM.render(\n <ConfigProvider\n value={{\n rowGutter: 8,\n colGutter: { fallback: 8, xxl: 48, xl: 24, lg: 16, md: 8, sm: 8, xs: 0 },\n }}\n >\n <Grid className="layout-demo-basic">\n <Row>\n <Col span={24}>\n <div className="layout-demo-cell">col-24</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={{ fallback: 8, xxl: 8, xl: 6, lg: 5, md: 4, sm: 3, xs: 2 }}>\n <div className="layout-demo-cell">col-x</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8} order={3}>\n <div className="layout-demo-cell">col-8 order-3</div>\n </Col>\n <Col span={8} order={2}>\n <div className="layout-demo-cell">col-8 order-2</div>\n </Col>\n <Col span={8} order={1}>\n <div className="layout-demo-cell">col-8 order-1</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8} offset={8}>\n <div className="layout-demo-cell">col-8 offset-8</div>\n </Col>\n </Row>\n\n <Row justify="center">\n <Col span={4}>\n <div className="layout-demo-cell">col-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n </Row>\n </Grid>\n </ConfigProvider>,\n mountNode\n);'},p.createElement(m)),p.createElement(h,{html:'

API

\n

Grid

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequired
classNameCustom class namestringNo
\n

Row

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
justifyHorizontal alignmentstringNostartend\n \ncenter\n \nspace-around\n \nspace-between\n \nspace-evenly
alignVertical alignmentstringNotopmiddle\n \nbottom
classNameCustom class namestringNo
\n

Col

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefault
spanNumber of cells to occupynumber | ResponsiveValueYes
offsetNumber of cells to offset from leftnumber | ResponsiveValueNo0
orderCell flex ordernumber | ResponsiveValueNo
classNameCustom class namestringNo
\n

ConfigProvider

\n

Default config is { rowGutter: 0, colGutter: 0 }.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequired
valueGrid configurationLayoutConfigYes
\n

ResponsiveValue

\n
interface ResponsiveValue {\n  // Fallback value when no breakpoint is matched\n  fallback: number;\n\n  // Breakpoints from bootstrap 4\n  xs?: number; // width <576px\n  sm?: number; // width ≥576px\n  md?: number; // width ≥768px\n  lg?: number; // width ≥992px\n  xl?: number; // width ≥1200px\n\n  // These breakpoints are not in bootstrap\n  xxl?: number; // width ≥1600px;\n  fhd?: number; // width ≥1920px;\n}\n\ninterface LayoutConfig {\n  colGutter?: number | ResponsiveValue;\n  rowGutter?: number | ResponsiveValue;\n}
'}))}}},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>r});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var o,e=n.props,l=e.span,u=e.offset,r=e.order,k=e.className,d=e.style,m=(0,t._T)(e,["span","offset","order","className","style"]),g=d,h=(0,i.r)(s,a.colGutter);if(h>0){var v=h/2;g=(0,t.pi)((0,t.pi)({},g),{paddingLeft:v,paddingRight:v})}var f=(0,i.r)(s,l),y=(0,i.r)(s,u),b=(0,i.r)(s,r),j=c()("zent-col",((o={})["zent-col-offset-"+u]=y,o["zent-col-order-"+r]=b,o),"zent-col-"+f,k);return(0,p.jsx)("div",(0,t.pi)({},m,{className:j,style:g,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(o.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},32109:(n,s,a)=>{"use strict";a.d(s,{J:()=>f});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(79352),i=function(){function n(n){this.options=n,!n.deferSetup&&this.setup()}return n.prototype.setup=function(){var n,s;null===(s=(n=this.options).setup)||void 0===s||s.call(n),this.initialized=!0},n.prototype.on=function(){var n,s;!this.initialized&&this.setup(),null===(s=(n=this.options).match)||void 0===s||s.call(n)},n.prototype.off=function(){var n,s;null===(s=(n=this.options).unmatch)||void 0===s||s.call(n)},n.prototype.destroy=function(){this.options.destroy?this.options.destroy():this.off()},n.prototype.equals=function(n){return this.options===n||this.options.match===n},n}(),r=function(){function n(n,s){var a=this;void 0===s&&(s=!1),this.query=n,this.isUnconditional=s,this.handlers=[],this.mql=window.matchMedia(n),this.listener=function(n){a.mql=n.currentTarget||n,a.assess()},this.mql.addListener(this.listener)}return n.prototype.addHandler=function(n){var s=new i(n);this.handlers.push(s),this.matches()&&s.on()},n.prototype.removeHandler=function(n){for(var s=this.handlers,a=0;a0){var r=-l/2;i=(0,t.pi)((0,t.pi)({},i),{marginTop:r,marginBottom:r})}return(0,p.jsxs)("div",(0,t.pi)({},e,{className:c()("zent-layout-grid",a),style:i,"data-zv":"10.0.9"},{children:[(0,p.jsx)(h.Z.Provider,(0,t.pi)({value:u},{children:n.props.children}),void 0),(0,p.jsx)(g,{breakpoints:v.j,onChange:n.onBreakpointChange},void 0)]}),void 0)}},void 0)},s}(o.Component)},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>r});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,o=s.style,e=s.justify,r=s.align,k=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+e,"zent-row-align-"+r,a);return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var e=(0,i.r)(s,a.colGutter),c=(0,i.r)(s,a.rowGutter),l=o;if(e>0){var u=-e/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var r=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:r,paddingBottom:r})}return(0,p.jsx)("div",(0,t.pi)({},k,{className:d,style:l,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(o.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>e,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=a(72551),o=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),e=Object.keys(o);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";a.d(s,{Zr:()=>t});var t=a(65225).x.Provider}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2221],{42221:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>b});var t=a(73450),p=a(27378),o=a(57318),e=a(32109),c=a(39550),l=a(74473),u=a(75438),i=a(24246);function r(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 k(n){for(var s=1;s{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,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:a||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(g,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,f(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:".layout-demo-cell {\n\t background: #155bd4;\n\t\t\topacity: 0.8;\n\t color: #fff;\n\t text-align: center;\n\t\t\tline-height: 64px;\n\t}"}),p.createElement(h,{html:'

Layout

\n
    \n
  • flex based 24 column grid layout component
    • \n
  • Row and Col must be within a Grid
    • \n
  • Configurable gutter for rows and columns
    • \n
  • Responsive
    • \n
\n

Dependencies

\n

⚠️ Note: The responsive ability relies on matchMedia and matchMedia.addListener. It is user\'s responsibility to make sure these functions\nare available, especially for legacy browsers. Polyfills to consider:

\n\n

Demos

'}),p.createElement(y,{title:"Basic Usage",id:"Demobasic",src:'import { LayoutRow as Row, LayoutCol as Col, LayoutGrid as Grid } from \'zent\';\n\nReactDOM.render(\n <Grid className="layout-demo-basic">\n <Row>\n <Col span={24}>\n <div className="layout-demo-cell">col-24</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8} order={3}>\n <div className="layout-demo-cell">col-8 order-3</div>\n </Col>\n <Col span={8} order={2}>\n <div className="layout-demo-cell">col-8 order-2</div>\n </Col>\n <Col span={8} order={1}>\n <div className="layout-demo-cell">col-8 order-1</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8} offset={8}>\n <div className="layout-demo-cell">col-8 offset-8</div>\n </Col>\n </Row>\n\n <Row justify="center">\n <Col span={4}>\n <div className="layout-demo-cell">col-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n </Row>\n </Grid>,\n mountNode\n);'},p.createElement(d)),p.createElement(y,{title:"Responsive",id:"Demoresponsive",src:'import {\n LayoutRow as Row,\n LayoutCol as Col,\n LayoutGrid as Grid,\n LayoutConfigProvider as ConfigProvider,\n} from \'zent\';\n\nReactDOM.render(\n <ConfigProvider\n value={{\n rowGutter: 8,\n colGutter: { fallback: 8, xxl: 48, xl: 24, lg: 16, md: 8, sm: 8, xs: 0 },\n }}\n >\n <Grid className="layout-demo-basic">\n <Row>\n <Col span={24}>\n <div className="layout-demo-cell">col-24</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={{ fallback: 8, xxl: 8, xl: 6, lg: 5, md: 4, sm: 3, xs: 2 }}>\n <div className="layout-demo-cell">col-x</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8} order={3}>\n <div className="layout-demo-cell">col-8 order-3</div>\n </Col>\n <Col span={8} order={2}>\n <div className="layout-demo-cell">col-8 order-2</div>\n </Col>\n <Col span={8} order={1}>\n <div className="layout-demo-cell">col-8 order-1</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8} offset={8}>\n <div className="layout-demo-cell">col-8 offset-8</div>\n </Col>\n </Row>\n\n <Row justify="center">\n <Col span={4}>\n <div className="layout-demo-cell">col-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n </Row>\n </Grid>\n </ConfigProvider>,\n mountNode\n);'},p.createElement(m)),p.createElement(h,{html:'

API

\n

Grid

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequired
classNameCustom class namestringNo
\n

Row

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
justifyHorizontal alignmentstringNostartend\n \ncenter\n \nspace-around\n \nspace-between\n \nspace-evenly
alignVertical alignmentstringNotopmiddle\n \nbottom
classNameCustom class namestringNo
\n

Col

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefault
spanNumber of cells to occupynumber | ResponsiveValueYes
offsetNumber of cells to offset from leftnumber | ResponsiveValueNo0
orderCell flex ordernumber | ResponsiveValueNo
classNameCustom class namestringNo
\n

ConfigProvider

\n

Default config is { rowGutter: 0, colGutter: 0 }.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequired
valueGrid configurationLayoutConfigYes
\n

ResponsiveValue

\n
interface ResponsiveValue {\n  // Fallback value when no breakpoint is matched\n  fallback: number;\n\n  // Breakpoints from bootstrap 4\n  xs?: number; // width <576px\n  sm?: number; // width ≥576px\n  md?: number; // width ≥768px\n  lg?: number; // width ≥992px\n  xl?: number; // width ≥1200px\n\n  // These breakpoints are not in bootstrap\n  xxl?: number; // width ≥1600px;\n  fhd?: number; // width ≥1920px;\n}\n\ninterface LayoutConfig {\n  colGutter?: number | ResponsiveValue;\n  rowGutter?: number | ResponsiveValue;\n}
'}))}}},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>r});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var o,e=n.props,l=e.span,u=e.offset,r=e.order,k=e.className,d=e.style,m=(0,t._T)(e,["span","offset","order","className","style"]),g=d,h=(0,i.r)(s,a.colGutter);if(h>0){var v=h/2;g=(0,t.pi)((0,t.pi)({},g),{paddingLeft:v,paddingRight:v})}var f=(0,i.r)(s,l),y=(0,i.r)(s,u),b=(0,i.r)(s,r),j=c()("zent-col",((o={})["zent-col-offset-"+u]=y,o["zent-col-order-"+r]=b,o),"zent-col-"+f,k);return(0,p.jsx)("div",(0,t.pi)({},m,{className:j,style:g,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(o.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},32109:(n,s,a)=>{"use strict";a.d(s,{J:()=>f});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(79352),i=function(){function n(n){this.options=n,!n.deferSetup&&this.setup()}return n.prototype.setup=function(){var n,s;null===(s=(n=this.options).setup)||void 0===s||s.call(n),this.initialized=!0},n.prototype.on=function(){var n,s;!this.initialized&&this.setup(),null===(s=(n=this.options).match)||void 0===s||s.call(n)},n.prototype.off=function(){var n,s;null===(s=(n=this.options).unmatch)||void 0===s||s.call(n)},n.prototype.destroy=function(){this.options.destroy?this.options.destroy():this.off()},n.prototype.equals=function(n){return this.options===n||this.options.match===n},n}(),r=function(){function n(n,s){var a=this;void 0===s&&(s=!1),this.query=n,this.isUnconditional=s,this.handlers=[],this.mql=window.matchMedia(n),this.listener=function(n){a.mql=n.currentTarget||n,a.assess()},this.mql.addListener(this.listener)}return n.prototype.addHandler=function(n){var s=new i(n);this.handlers.push(s),this.matches()&&s.on()},n.prototype.removeHandler=function(n){for(var s=this.handlers,a=0;a0){var r=-l/2;i=(0,t.pi)((0,t.pi)({},i),{marginTop:r,marginBottom:r})}return(0,p.jsxs)("div",(0,t.pi)({},e,{className:c()("zent-layout-grid",a),style:i,"data-zv":"10.0.10"},{children:[(0,p.jsx)(h.Z.Provider,(0,t.pi)({value:u},{children:n.props.children}),void 0),(0,p.jsx)(g,{breakpoints:v.j,onChange:n.onBreakpointChange},void 0)]}),void 0)}},void 0)},s}(o.Component)},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>r});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,o=s.style,e=s.justify,r=s.align,k=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+e,"zent-row-align-"+r,a);return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var e=(0,i.r)(s,a.colGutter),c=(0,i.r)(s,a.rowGutter),l=o;if(e>0){var u=-e/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var r=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:r,paddingBottom:r})}return(0,p.jsx)("div",(0,t.pi)({},k,{className:d,style:l,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(o.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>e,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=a(72551),o=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),e=Object.keys(o);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";a.d(s,{Zr:()=>t});var t=a(65225).x.Provider}}]); \ No newline at end of file diff --git a/2397-3ba8d58d27c8813e6dd0.js b/2397-7be37a8645f6371636ee.js similarity index 96% rename from 2397-3ba8d58d27c8813e6dd0.js rename to 2397-7be37a8645f6371636ee.js index 538c7b42e..819106e74 100644 --- a/2397-3ba8d58d27c8813e6dd0.js +++ b/2397-7be37a8645f6371636ee.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2397],{72397:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>b});var t=a(73450),p=a(27378),o=a(57318),e=a(3454),c=a(14115),l=a(23476),r=a(24246);function u(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 i(n){for(var s=1;s{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"成功渲染"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"触发错误"})]})}}return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.S,{children:(0,r.jsx)(n,{})}),(0,r.jsx)("div",{style:{marginTop:10},children:"这里不受影响"})]})},d=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{fail:!1}),(0,t.Z)(this,"triggerFail",(()=>{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"成功渲染"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"触发错误"})]})}}return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.S,{onError:n=>l.g.error(n.toString()),children:(0,r.jsx)(n,{})}),(0,r.jsx)("div",{style:{marginTop:10},children:"这里不受影响"})]})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{fail:!1}),(0,t.Z)(this,"triggerFail",(()=>{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"成功渲染"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"触发错误"})]})}}var s=c.S.withErrorBoundary({Component:n}),a=c.S.catchError()(n);return(0,r.jsxs)("div",{children:[(0,r.jsx)(s,{}),(0,r.jsx)(a,{}),(0,r.jsx)("div",{style:{marginTop:10},children:"这里不受影响"})]})},g=function(){class n extends p.Component{render(){return(0,r.jsx)("div",{children:this.props.error.toString()})}}class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{fail:!1}),(0,t.Z)(this,"triggerFail",(()=>{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"成功渲染"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"触发错误"})]})}}return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.S,{FallbackComponent:n,children:(0,r.jsx)(s,{})}),(0,r.jsx)("div",{style:{marginTop:10},children:"这里不受影响"})]})};function h(n){return(0,r.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,r.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,r.jsx)(h,{tag:"style",html:n.style})}function v(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),v(n.parentNode,s);return s}class w extends p.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,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:a||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,v(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:""}),p.createElement(y,{html:'

ErrorBoundary 错误隔离

\n

捕获子组件的错误，作用类似 JavaScript 的 try...catch...，但是作用于 React 组件树。

\n

使用场景

\n

用于隔离页面组件的错误。当 ErrorBoundary 子组件中某个组件出错时将错隔离在当前 ErrorBoundary 内，使页面其他部分不受这个错误影响。

\n

例如，页面分为左右两部分：左侧导航栏，右侧内容区域。可以用 ErrorBoundary 组件分别包裹左右两部分，某一部分出错挂掉的时候不会导致另一部分功能失效。

\n

注意：

\n
    \n
  • 事件回调函数（例如 onClick）中出现的异常不会被捕获
    • \n
  • 异步代码（例如 setTimeout，requestAnimationFrame 等）中的异常也不会被捕获
    • \n
  • 需要 React 16 及以上版本支持，老版本中该组件不会生效
    • \n
\n

代码演示

'}),p.createElement(w,{title:"基本用法",id:"Demobasic",src:'import { ErrorBoundary, Button } from \'zent\';\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>成功渲染</span>\n <Button onClick={this.triggerFail}>触发错误</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <div>\n <ErrorBoundary>\n <ErrorComponent />\n </ErrorBoundary>\n <div style={{ marginTop: 10 }}>这里不受影响</div>\n </div>,\n mountNode\n);'},p.createElement(k)),p.createElement(w,{title:"onError 回调函数",id:"Demoonerror",src:'import { ErrorBoundary, Button, Notify } from \'zent\';\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>成功渲染</span>\n <Button onClick={this.triggerFail}>触发错误</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <div>\n <ErrorBoundary onError={err => Notify.error(err.toString())}>\n <ErrorComponent />\n </ErrorBoundary>\n <div style={{ marginTop: 10 }}>这里不受影响</div>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(w,{title:"withErrorBoundary 以及 catchError 高阶组件",id:"Demohoc",src:'import { ErrorBoundary, Button } from \'zent\';\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>成功渲染</span>\n <Button onClick={this.triggerFail}>触发错误</Button>\n </div>\n );\n }\n}\n\nconst GuardedErrorComponent = ErrorBoundary.withErrorBoundary({\n Component: ErrorComponent,\n});\nconst GuardedErrorComponent2 = ErrorBoundary.catchError()(ErrorComponent)\n\nReactDOM.render(\n <div>\n <GuardedErrorComponent />\n <GuardedErrorComponent2 />\n <div style={{ marginTop: 10 }}>这里不受影响</div>\n </div>,\n mountNode\n);'},p.createElement(m)),p.createElement(w,{title:"自定义 FallbackComponent",id:"Democustom",src:'import { ErrorBoundary, Button } from \'zent\';\n\nclass Fallback extends React.Component {\n render() {\n return <div>{this.props.error.toString()}</div>;\n }\n}\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>成功渲染</span>\n <Button onClick={this.triggerFail}>触发错误</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <div>\n <ErrorBoundary FallbackComponent={Fallback}>\n <ErrorComponent />\n </ErrorBoundary>\n <div style={{ marginTop: 10 }}>这里不受影响</div>\n </div>,\n mountNode\n);'},p.createElement(g)),p.createElement(y,{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
参数说明类型是否必须默认值备选值
children受保护的子组件node是
onError子组件出错时的回调函数(error: Error, componentStack: string): void否
FallbackComponent出错时用来替换子组件的组件Component否
\n

FallbackComponent 接受两个参数: error 以及 componentStack，和 onError 一致。

\n

withErrorBoundary

\n

这个高阶组件可以用来装饰组件，装饰后的组件会自动隔离自身以及子组件的错误。函数原型：

\n
withErrorBoundary({\n  BaseComponent: React.Component,\n  onError?: (error: Error, stackTrace: string): void,\n  FallbackComponent?: React.Component\n}): React.Component
\n

catchError

\n

这个高阶组件更适合用在使用 decorator 的场景，功能和 withErrorBoundary 一致。函数原型：

\n
catchError({\n  onError?: (error: Error, stackTrace: string): void,\n  FallbackComponent?: React.Component\n}): ((BaseComponent: React.Component): React.Component)
'}))}}},14115:(n,s,a)=>{"use strict";a.d(s,{S:()=>d,Z:()=>m});var t=a(59312),p=a(24246),o=a(27378),e=a(27036),c=a(85883),l={whiteSpace:"pre"};function r(n){var s=n.componentStack,a=n.error;return(0,p.jsx)("div",(0,t.pi)({className:"zent-error-boundary-fallback-component","data-zv":"10.0.9"},{children:(0,p.jsxs)("div",(0,t.pi)({className:"zent-error-boundary-fallback-component__error","data-zv":"10.0.9"},{children:[(0,p.jsx)(c.Z,(0,t.pi)({trigger:"hover",position:"auto-bottom-center",centerArrow:!0,content:(0,p.jsx)("div",(0,t.pi)({style:l,"data-zv":"10.0.9"},{children:s}),void 0)},{children:(0,p.jsx)(e.Z,{type:"close-circle"},void 0)}),void 0),(0,p.jsx)("span",(0,t.pi)({"data-zv":"10.0.9"},{children:a.toString()}),void 0)]}),void 0)}),void 0)}var u=function(n){var s=void 0===n?{}:n,a=s.FallbackComponent,o=s.onError;return function(n){return function(s){return(0,p.jsx)(m,(0,t.pi)({FallbackComponent:a,onError:o},{children:(0,p.jsx)(n,(0,t.pi)({},s),void 0)}),void 0)}}},i=function(n){var s=void 0===n?{}:n,a=s.Component,o=s.FallbackComponent,e=s.onError;return function(n){return(0,p.jsx)(m,(0,t.pi)({FallbackComponent:o,onError:e},{children:(0,p.jsx)(a,(0,t.pi)({},n),void 0)}),void 0)}};function k(n){return n?n.componentStack:""}var d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={error:null,info:null},s}return(0,t.ZT)(s,n),s.prototype.componentDidCatch=function(n,s){var a=this.props.onError;if("function"==typeof a)try{a(n,k(s))}catch(n){}this.setState({error:n,info:s})},s.prototype.render=function(){var n=this.props,s=n.children,a=n.FallbackComponent,t=this.state,o=t.error,e=t.info;return null!==o?(0,p.jsx)(a,{componentStack:k(e),error:o},void 0):s},s.defaultProps={FallbackComponent:r},s.withErrorBoundary=i,s.catchError=u,s}(o.Component),m=d},85883:(n,s,a)=>{"use strict";var t=a(92497);s.Z=t.Z}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2397],{72397:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>b});var t=a(73450),p=a(27378),o=a(57318),e=a(3454),c=a(14115),l=a(23476),r=a(24246);function u(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 i(n){for(var s=1;s{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"成功渲染"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"触发错误"})]})}}return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.S,{children:(0,r.jsx)(n,{})}),(0,r.jsx)("div",{style:{marginTop:10},children:"这里不受影响"})]})},d=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{fail:!1}),(0,t.Z)(this,"triggerFail",(()=>{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"成功渲染"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"触发错误"})]})}}return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.S,{onError:n=>l.g.error(n.toString()),children:(0,r.jsx)(n,{})}),(0,r.jsx)("div",{style:{marginTop:10},children:"这里不受影响"})]})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{fail:!1}),(0,t.Z)(this,"triggerFail",(()=>{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"成功渲染"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"触发错误"})]})}}var s=c.S.withErrorBoundary({Component:n}),a=c.S.catchError()(n);return(0,r.jsxs)("div",{children:[(0,r.jsx)(s,{}),(0,r.jsx)(a,{}),(0,r.jsx)("div",{style:{marginTop:10},children:"这里不受影响"})]})},g=function(){class n extends p.Component{render(){return(0,r.jsx)("div",{children:this.props.error.toString()})}}class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{fail:!1}),(0,t.Z)(this,"triggerFail",(()=>{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"成功渲染"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"触发错误"})]})}}return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.S,{FallbackComponent:n,children:(0,r.jsx)(s,{})}),(0,r.jsx)("div",{style:{marginTop:10},children:"这里不受影响"})]})};function h(n){return(0,r.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,r.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,r.jsx)(h,{tag:"style",html:n.style})}function v(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),v(n.parentNode,s);return s}class w extends p.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,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:a||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,v(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:""}),p.createElement(y,{html:'

ErrorBoundary 错误隔离

\n

捕获子组件的错误，作用类似 JavaScript 的 try...catch...，但是作用于 React 组件树。

\n

使用场景

\n

用于隔离页面组件的错误。当 ErrorBoundary 子组件中某个组件出错时将错隔离在当前 ErrorBoundary 内，使页面其他部分不受这个错误影响。

\n

例如，页面分为左右两部分：左侧导航栏，右侧内容区域。可以用 ErrorBoundary 组件分别包裹左右两部分，某一部分出错挂掉的时候不会导致另一部分功能失效。

\n

注意：

\n
    \n
  • 事件回调函数（例如 onClick）中出现的异常不会被捕获
    • \n
  • 异步代码（例如 setTimeout，requestAnimationFrame 等）中的异常也不会被捕获
    • \n
  • 需要 React 16 及以上版本支持，老版本中该组件不会生效
    • \n
\n

代码演示

'}),p.createElement(w,{title:"基本用法",id:"Demobasic",src:'import { ErrorBoundary, Button } from \'zent\';\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>成功渲染</span>\n <Button onClick={this.triggerFail}>触发错误</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <div>\n <ErrorBoundary>\n <ErrorComponent />\n </ErrorBoundary>\n <div style={{ marginTop: 10 }}>这里不受影响</div>\n </div>,\n mountNode\n);'},p.createElement(k)),p.createElement(w,{title:"onError 回调函数",id:"Demoonerror",src:'import { ErrorBoundary, Button, Notify } from \'zent\';\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>成功渲染</span>\n <Button onClick={this.triggerFail}>触发错误</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <div>\n <ErrorBoundary onError={err => Notify.error(err.toString())}>\n <ErrorComponent />\n </ErrorBoundary>\n <div style={{ marginTop: 10 }}>这里不受影响</div>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(w,{title:"withErrorBoundary 以及 catchError 高阶组件",id:"Demohoc",src:'import { ErrorBoundary, Button } from \'zent\';\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>成功渲染</span>\n <Button onClick={this.triggerFail}>触发错误</Button>\n </div>\n );\n }\n}\n\nconst GuardedErrorComponent = ErrorBoundary.withErrorBoundary({\n Component: ErrorComponent,\n});\nconst GuardedErrorComponent2 = ErrorBoundary.catchError()(ErrorComponent)\n\nReactDOM.render(\n <div>\n <GuardedErrorComponent />\n <GuardedErrorComponent2 />\n <div style={{ marginTop: 10 }}>这里不受影响</div>\n </div>,\n mountNode\n);'},p.createElement(m)),p.createElement(w,{title:"自定义 FallbackComponent",id:"Democustom",src:'import { ErrorBoundary, Button } from \'zent\';\n\nclass Fallback extends React.Component {\n render() {\n return <div>{this.props.error.toString()}</div>;\n }\n}\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>成功渲染</span>\n <Button onClick={this.triggerFail}>触发错误</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <div>\n <ErrorBoundary FallbackComponent={Fallback}>\n <ErrorComponent />\n </ErrorBoundary>\n <div style={{ marginTop: 10 }}>这里不受影响</div>\n </div>,\n mountNode\n);'},p.createElement(g)),p.createElement(y,{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
参数说明类型是否必须默认值备选值
children受保护的子组件node是
onError子组件出错时的回调函数(error: Error, componentStack: string): void否
FallbackComponent出错时用来替换子组件的组件Component否
\n

FallbackComponent 接受两个参数: error 以及 componentStack，和 onError 一致。

\n

withErrorBoundary

\n

这个高阶组件可以用来装饰组件，装饰后的组件会自动隔离自身以及子组件的错误。函数原型：

\n
withErrorBoundary({\n  BaseComponent: React.Component,\n  onError?: (error: Error, stackTrace: string): void,\n  FallbackComponent?: React.Component\n}): React.Component
\n

catchError

\n

这个高阶组件更适合用在使用 decorator 的场景，功能和 withErrorBoundary 一致。函数原型：

\n
catchError({\n  onError?: (error: Error, stackTrace: string): void,\n  FallbackComponent?: React.Component\n}): ((BaseComponent: React.Component): React.Component)
'}))}}},14115:(n,s,a)=>{"use strict";a.d(s,{S:()=>d,Z:()=>m});var t=a(59312),p=a(24246),o=a(27378),e=a(27036),c=a(85883),l={whiteSpace:"pre"};function r(n){var s=n.componentStack,a=n.error;return(0,p.jsx)("div",(0,t.pi)({className:"zent-error-boundary-fallback-component","data-zv":"10.0.10"},{children:(0,p.jsxs)("div",(0,t.pi)({className:"zent-error-boundary-fallback-component__error","data-zv":"10.0.10"},{children:[(0,p.jsx)(c.Z,(0,t.pi)({trigger:"hover",position:"auto-bottom-center",centerArrow:!0,content:(0,p.jsx)("div",(0,t.pi)({style:l,"data-zv":"10.0.10"},{children:s}),void 0)},{children:(0,p.jsx)(e.Z,{type:"close-circle"},void 0)}),void 0),(0,p.jsx)("span",(0,t.pi)({"data-zv":"10.0.10"},{children:a.toString()}),void 0)]}),void 0)}),void 0)}var u=function(n){var s=void 0===n?{}:n,a=s.FallbackComponent,o=s.onError;return function(n){return function(s){return(0,p.jsx)(m,(0,t.pi)({FallbackComponent:a,onError:o},{children:(0,p.jsx)(n,(0,t.pi)({},s),void 0)}),void 0)}}},i=function(n){var s=void 0===n?{}:n,a=s.Component,o=s.FallbackComponent,e=s.onError;return function(n){return(0,p.jsx)(m,(0,t.pi)({FallbackComponent:o,onError:e},{children:(0,p.jsx)(a,(0,t.pi)({},n),void 0)}),void 0)}};function k(n){return n?n.componentStack:""}var d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={error:null,info:null},s}return(0,t.ZT)(s,n),s.prototype.componentDidCatch=function(n,s){var a=this.props.onError;if("function"==typeof a)try{a(n,k(s))}catch(n){}this.setState({error:n,info:s})},s.prototype.render=function(){var n=this.props,s=n.children,a=n.FallbackComponent,t=this.state,o=t.error,e=t.info;return null!==o?(0,p.jsx)(a,{componentStack:k(e),error:o},void 0):s},s.defaultProps={FallbackComponent:r},s.withErrorBoundary=i,s.catchError=u,s}(o.Component),m=d},85883:(n,s,a)=>{"use strict";var t=a(92497);s.Z=t.Z}}]); \ No newline at end of file diff --git a/2449-55fdfe0f74840089468d.js b/2449-c22d43d3edf77b6bf1ab.js similarity index 91% rename from 2449-55fdfe0f74840089468d.js rename to 2449-c22d43d3edf77b6bf1ab.js index 7edf459a8..1d92bd4b2 100644 --- a/2449-55fdfe0f74840089468d.js +++ b/2449-c22d43d3edf77b6bf1ab.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2449],{82449:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>b});var t=s(73450),p=s(27378),e=s(57318),o=s(31269),c=s(56377),l=s(24246);function u(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({activeKey:n})}))}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{panelTitleBackground:"no",activeKey:n,onChange:this.handleChange,bordered:!1,children:[(0,l.jsx)(o.U.Panel,{title:"南歌子（暮春）",extra:(0,l.jsx)("a",{children:"自定义内容"}),children:"紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。"},"1"),(0,l.jsx)(o.U.Panel,{title:"沁园春",children:"孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。"},"2"),(0,l.jsx)(o.U.Panel,{title:"浣溪沙",disabled:!0,children:"缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。 废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。"},"3")]})}}return(0,l.jsx)(n,{})},r=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:"1"})}handleChange(n){this.setState({activeKey:n})}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{bordered:!1,panelTitleBackground:"no",activeKey:n,onChange:this.handleChange.bind(this),accordion:!0,children:[(0,l.jsx)(o.U.Panel,{title:"南歌子（暮春）",children:"紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。"},"1"),(0,l.jsx)(o.U.Panel,{title:"沁园春",children:"孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。"},"2"),(0,l.jsx)(o.U.Panel,{title:"浣溪沙",children:"缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。 废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。"},"3")]})}}return(0,l.jsx)(n,{})},d=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:"1"}),(0,t.Z)(this,"handleChange",(n=>{this.setState({activeKey:n})}))}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{panelTitleBackground:"no",showContentBackground:!0,activeKey:n,onChange:this.handleChange,bordered:!1,children:[(0,l.jsx)(o.U.Panel,{title:"南歌子（暮春）",extra:(0,l.jsx)("a",{children:"自定义内容"}),children:"紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。"},"1"),(0,l.jsx)(o.U.Panel,{title:"沁园春",children:"孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。"},"2"),(0,l.jsx)(o.U.Panel,{title:"浣溪沙",children:"缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。 废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。"},"3")]})}}return(0,l.jsx)(n,{})},h=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:["1"],bg:!0}),(0,t.Z)(this,"handleChange",(n=>{this.setState({activeKey:n})})),(0,t.Z)(this,"handleBgChange",(n=>{this.setState({bg:n})}))}render(){var n=this.state,a=n.activeKey,s=n.bg?"default":"none";return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{style:{marginBottom:20},children:[(0,l.jsx)(c.r,{size:"small",checked:this.state.bg,onChange:this.handleBgChange}),(0,l.jsx)("span",{children:" Title 底色"})]}),(0,l.jsxs)(o.U,{panelTitleBackground:s,activeKey:a,onChange:this.handleChange,children:[(0,l.jsx)(o.U.Panel,{title:"南歌子（暮春）",extra:(0,l.jsx)("a",{children:"自定义内容"}),children:"紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。"},"1"),(0,l.jsx)(o.U.Panel,{title:"沁园春",children:"孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。"},"2"),(0,l.jsx)(o.U.Panel,{title:"浣溪沙",disabled:!0,children:"缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。 废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。"},"3")]})]})}}return(0,l.jsx)(n,{})},g=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:["1"]})}handleChange(n){this.setState({activeKey:n})}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{activeKey:n,onChange:this.handleChange.bind(this),children:[(0,l.jsx)(o.U.Panel,{title:"南歌子（暮春）",showArrow:!1,children:"紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。"},"1"),(0,l.jsx)(o.U.Panel,{title:"沁园春",showArrow:!1,children:"孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。"},"2"),(0,l.jsx)(o.U.Panel,{title:"浣溪沙",showArrow:!1,children:"缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。 废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。"},"3")]})}}return(0,l.jsx)(n,{})};function m(n){return(0,l.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,l.jsx)(m,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,l.jsx)(m,{tag:"style",html:n.style})}function f(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),f(n.parentNode,a);return a}class C extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(m,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,f(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:""}),p.createElement(y,{html:'

Collapse 折叠面板

\n

一个支持折叠和展开的面板

\n

建议

\n
    \n
  • 对内容较多的信息进行分组和隐藏，提高页面阅读效率与美观，常用于 QA、帮助文档等；
    • \n
  • 当多组信息结构统一，如多组 标题+多行文本/图文 结构；
    • \n
\n

注意

\n
    \n
  • 信息组数量小于 2 组时或信息结构只有一级时折叠面板不适用；
    • \n
  • 不允许面板里嵌套折叠面板；
    • \n
\n

代码演示

'}),p.createElement(C,{title:"基础用法",id:"Demonoborder",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: [\'1\'],\n };\n\n handleChange = activeKey => {\n this.setState({\n activeKey,\n });\n };\n\n render() {\n const { activeKey } = this.state;\n\n return (\n <Collapse\n panelTitleBackground="no"\n activeKey={activeKey}\n onChange={this.handleChange}\n bordered={false}\n >\n <Collapse.Panel\n title="南歌子（暮春）"\n key="1"\n extra={<a>自定义内容</a>}\n >\n 紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。\n </Collapse.Panel>\n <Collapse.Panel title="沁园春" key="2">\n 孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。\n </Collapse.Panel>\n <Collapse.Panel title="浣溪沙" key="3" disabled>\n 缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。\n废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。\n </Collapse.Panel>\n </Collapse>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(k)),p.createElement(C,{title:"手风琴风格，每次只能打开一个面板。",id:"Demoaccordion",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: \'1\',\n };\n\n handleChange(activeKey) {\n this.setState({\n activeKey,\n });\n }\n\n render() {\n const { activeKey } = this.state;\n return (\n <Collapse\n bordered={false}\n panelTitleBackground="no"\n activeKey={activeKey}\n onChange={this.handleChange.bind(this)}\n accordion\n >\n <Collapse.Panel title="南歌子（暮春）" key="1">\n 紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。\n </Collapse.Panel>\n <Collapse.Panel title="沁园春" key="2">\n 孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。\n </Collapse.Panel>\n <Collapse.Panel title="浣溪沙" key="3">\n 缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。\n废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。\n </Collapse.Panel>\n </Collapse>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(r)),p.createElement(C,{title:"显示内容区底色",id:"Demoshowcontentbg",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: \'1\',\n };\n\n handleChange = activeKey => {\n this.setState({\n activeKey,\n });\n };\n\n render() {\n const { activeKey } = this.state;\n\n return (\n <Collapse\n panelTitleBackground="no"\n showContentBackground\n activeKey={activeKey}\n onChange={this.handleChange}\n bordered={false}\n >\n <Collapse.Panel\n title="南歌子（暮春）"\n key="1"\n extra={<a>自定义内容</a>}\n >\n 紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。\n </Collapse.Panel>\n <Collapse.Panel title="沁园春" key="2">\n 孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。\n </Collapse.Panel>\n <Collapse.Panel title="浣溪沙" key="3">\n 缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。\n废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。\n </Collapse.Panel>\n </Collapse>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(d)),p.createElement(y,{html:'

API

\n

Collpase

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
onChange切换面板的回调函数func是
activeKey当前打开的面板 idstring | string[]\n(注意手风琴模式时类型才为 \nstring\n，否则类型为 \nstring[]\n)否
accordion手风琴模式，一次只能有一个 active 的面板bool否falsetrue
bordered是否有外边框bool否truefalse
panelTitleBackgroundPanel 标题底色string否\'default\'\'none\'
showContentBackground是否显示 Panel 内容区底色boolean否\'false\'\'true\'
className额外类名string否
\n

Collpase.Panel

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
key面板 id，\nReact Keys 文档ReactText是
title面板标题node是
extra标题自定义内容node否
disabled禁用面板bool否falsetrue
showArrow是否显示箭头图标bool否truefalse
style额外样式object否
className额外类名string否
\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),p.createElement(C,{title:"有边框的",id:"Demobasic",src:'import { Collapse, Switch } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: [\'1\'],\n bg: true,\n };\n\n handleChange = activeKey => {\n this.setState({\n activeKey,\n });\n };\n\n handleBgChange = bg => {\n this.setState({ bg });\n };\n\n render() {\n const { activeKey, bg } = this.state;\n const titleBg = bg ? \'default\' : \'none\';\n\n return (\n <>\n <div style={{ marginBottom: 20 }}>\n <Switch\n size="small"\n checked={this.state.bg}\n onChange={this.handleBgChange}\n />\n <span> Title 底色</span>\n </div>\n <Collapse\n panelTitleBackground={titleBg}\n activeKey={activeKey}\n onChange={this.handleChange}\n >\n <Collapse.Panel\n title="南歌子（暮春）"\n key="1"\n extra={<a>自定义内容</a>}\n >\n 紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。\n </Collapse.Panel>\n <Collapse.Panel title="沁园春" key="2">\n 孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。\n </Collapse.Panel>\n <Collapse.Panel title="浣溪沙" key="3" disabled>\n 缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。\n废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。\n </Collapse.Panel>\n </Collapse>\n </>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(h)),p.createElement(C,{title:"无箭头样式",id:"Demonoarrow",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: [\'1\']\n };\n\n handleChange(activeKey) {\n this.setState({\n activeKey\n });\n }\n\n render() {\n const { activeKey } = this.state;\n return (\n <Collapse activeKey={activeKey} onChange={this.handleChange.bind(this)}>\n <Collapse.Panel title="南歌子（暮春）" key="1" showArrow={false}>\n 紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。\n </Collapse.Panel>\n <Collapse.Panel title="沁园春" key="2" showArrow={false}>\n 孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。\n </Collapse.Panel>\n <Collapse.Panel title="浣溪沙" key="3" showArrow={false}>\n 缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。\n废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。\n </Collapse.Panel>\n </Collapse>\n )\n }\n}\n\nReactDOM.render(\n <Simple />\n , mountNode\n);'},p.createElement(g)))}}},31269:(n,a,s)=>{"use strict";s.d(a,{U:()=>f});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(65922),u=s(79737),i=s(12856),k=s(98859),r=s(1348),d=s(31256),h=s(39215),g={borderBottomWidth:0,borderBottomColor:"rgba(255, 255, 255, 0)",transition:"border-bottom-width 200ms "+k.rc+", border-bottom-color 200ms "+k.rc},m={},y=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={animateAppear:!a.props.active},a.toggle=function(){var n=a.props,s=n.onChange,t=n.panelKey,p=n.active,e=n.disabled;(void 0===e?a.context.value:e)||(0,d.Z)(t)||null==s||s(t,!p)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.children,s=n.title,e=n.style,o=n.active,l=n.disabled,r=void 0===l?this.context.value:l,d=n.showArrow,y=n.className,v=n.isLast,f=n.bordered,C=n.extra,b=n.panelTitleBackground,w=n.showContentBackground,j=this.state.animateAppear,x=f&&v,P=x&&!o?g:m,z=x||!o?g:m;return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-collapse-panel",y,{"zent-collapse-panel--has-arrow":d,"zent-collapse-panel--active":o,"zent-collapse-panel--inactive":!o,"zent-collapse-panel--disabled":r}),style:e,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-collapse-panel__title",{"zent-collapse-panel__title--bg-none":"none"===b,"zent-collapse-panel__title--bg-default":"default"===b}),style:P,onClick:this.toggle,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("div",(0,t.pi)({className:"zent-collapse-panel__title__content","data-zv":"10.0.9"},{children:[d&&(0,p.jsx)(h.Z,{type:"down",className:"zent-collapse-panel__arrow"},void 0),s]}),void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__title__extra","data-zv":"10.0.9"},{children:C}),void 0)]}),void 0),(0,p.jsx)(i.Z,(0,t.pi)({mount:o},{children:(0,p.jsx)(u.H,(0,t.pi)({appear:j,duration:160,height:o?"auto":0,transitionPrototype:"all",easing:o?k.Kc:k.AX,className:c()("zent-collapse-panel__content-box",{"zent-collapse-panel__content-box--inactive":!o,"zent-collapse-panel__content-box--active":o,"zent-collapse-panel__content_box--show-background":w}),style:z},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__content","data-zv":"10.0.9"},{children:a}),void 0)}),void 0)}),void 0)]}),void 0)},a.defaultProps={showArrow:!0},a.contextType=r.d,a}(e.Component),v=s(19185),f=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.onChange=function(n,s){if(a.props.accordion){var t=a.props,p=t.onChange;(o=t.activeKey)!==n&&s?p(n):o!==n||s||p(null)}else{var e=a.props,o=e.activeKey,c=(p=e.onChange,[].concat(null!=o?o:[])),l=c.indexOf(n);s?-1===l&&c.push(n):-1!==l&&c.splice(l,1),p(c)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,s=a.className,o=a.bordered,u=a.panelTitleBackground,i=a.showContentBackground,k=a.children,r=a.activeKey;return(0,p.jsx)("div",(0,t.pi)({className:c()("zent-collapse",s,{"zent-collapse--has-border":o,"zent-collapse--no-border":!o}),"data-zv":"10.0.9"},{children:e.Children.map(k,(function(a,s){var t;if(!(0,v.isElement)(a)||!(0,l.Z)(a.type,y))throw new Error("Invalid children supplied to Collapse. Each child should be a Panel.");var p=null===(t=a.key)||void 0===t?void 0:t.toString();return(0,e.cloneElement)(a,{onChange:n.onChange,active:C(r,p),panelKey:p,panelTitleBackground:u,showContentBackground:i,isLast:s===e.Children.count(k)-1,bordered:o})}))}),void 0)},a.defaultProps={bordered:!0,panelTitleBackground:"default",accordion:!1},a.Panel=y,a}(e.Component);function C(n,a){return"string"==typeof n?n===a:!!Array.isArray(n)&&void 0!==a&&-1!==n.indexOf(a)}},56377:(n,a,s)=>{"use strict";s.d(a,{r:()=>u});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(1348),u=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.toggle=function(){var n=a.props,s=n.onChange,t=n.checked;s&&s(!t)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n,a=this.props,s=a.className,t=a.size,e=a.disabled,o=void 0===e?this.context.value:e,l=a.loading,u=a.checked,i=o||l,k=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=i,n["zent-switch-loading"]=l,n["zent-switch-checked"]=u,n),"zent-switch",s);return(0,p.jsx)("div",{className:k,onClick:i?void 0:this.toggle,"data-zv":"10.0.9"},void 0)},a.defaultProps={size:"default"},a.contextType=l.d,a}(e.Component);a.Z=u},79737:(n,a,s)=>{"use strict";s.d(a,{H:()=>l});var t=s(59312),p=s(24246),e=s(27378),o=s(17127);function c(n,a){n.style.height="number"==typeof a?a+"px":a}var l=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.ref=(0,e.createRef)(),a.timer=null,a}return(0,t.ZT)(a,n),a.prototype.componentDidMount=function(){var n=this,a=this.props,s=a.appear,t=a.height,p=a.duration,e=this.ref.current;if(s&&"auto"===t){var l=e.offsetHeight;e.style.height="0px",(0,o.tA)((function(){n.props.height===t&&(e.style.height=l+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===t&&(e.style.height="auto")}),p))}))}else c(e,t)},a.prototype.componentDidUpdate=function(n){var a=this,s=this.props,t=s.height,p=s.duration;if(n.height!==t){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var e=this.ref.current;if("auto"===n.height)e.style.height=e.offsetHeight+"px",(0,o.tA)((function(){a.props.height===t&&c(e,t)}));else if("auto"===t){var l=e.offsetHeight;e.style.height="auto";var u=e.offsetHeight;e.style.height=l+"px",(0,o.tA)((function(){e.style.height=u+"px",a.timer=setTimeout((function(){a.timer=null,a.props.height===t&&(e.style.height=t)}),p)}))}else c(e,t)}},a.prototype.render=function(){var n=this.props,a=n.duration,s=n.className,e=n.style,o=n.easing,c=n.overflow,l=n.children,u=n.transitionPrototype;return(0,p.jsx)("div",(0,t.pi)({ref:this.ref,className:s,style:(0,t.pi)((0,t.pi)({},e),{transition:u+" "+a+"ms "+o,overflow:c}),"data-zv":"10.0.9"},{children:l}),void 0)},a.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},a}(e.Component)},12856:(n,a,s)=>{"use strict";var t=s(59312),p=function(n){function a(a){var s=n.call(this,a)||this;return s.state={mounted:a.mount},s}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props.children;return this.state.mounted?n:null},a.getDerivedStateFromProps=function(n,a){return n.mount&&!a.mounted?{mounted:!0}:null},a.defaultProps={mount:!1},a}(s(27378).Component);a.Z=p},31256:(n,a,s)=>{"use strict";function t(n){return null==n}s.d(a,{Z:()=>t})},65922:(n,a,s)=>{"use strict";function t(n,a){return n===a||(null==n?void 0:n.prototype)instanceof a}s.d(a,{Z:()=>t})},98859:(n,a,s)=>{"use strict";s.d(a,{rc:()=>t,Kc:()=>p,AX:()=>e});var t="cubic-bezier(0.5, 0, 0.5, 0.1)",p="cubic-bezier(0.33, 1, 0.68, 1)",e="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2449],{82449:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>b});var t=s(73450),p=s(27378),e=s(57318),o=s(31269),c=s(56377),l=s(24246);function u(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({activeKey:n})}))}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{panelTitleBackground:"no",activeKey:n,onChange:this.handleChange,bordered:!1,children:[(0,l.jsx)(o.U.Panel,{title:"南歌子（暮春）",extra:(0,l.jsx)("a",{children:"自定义内容"}),children:"紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。"},"1"),(0,l.jsx)(o.U.Panel,{title:"沁园春",children:"孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。"},"2"),(0,l.jsx)(o.U.Panel,{title:"浣溪沙",disabled:!0,children:"缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。 废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。"},"3")]})}}return(0,l.jsx)(n,{})},r=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:"1"})}handleChange(n){this.setState({activeKey:n})}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{bordered:!1,panelTitleBackground:"no",activeKey:n,onChange:this.handleChange.bind(this),accordion:!0,children:[(0,l.jsx)(o.U.Panel,{title:"南歌子（暮春）",children:"紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。"},"1"),(0,l.jsx)(o.U.Panel,{title:"沁园春",children:"孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。"},"2"),(0,l.jsx)(o.U.Panel,{title:"浣溪沙",children:"缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。 废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。"},"3")]})}}return(0,l.jsx)(n,{})},d=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:"1"}),(0,t.Z)(this,"handleChange",(n=>{this.setState({activeKey:n})}))}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{panelTitleBackground:"no",showContentBackground:!0,activeKey:n,onChange:this.handleChange,bordered:!1,children:[(0,l.jsx)(o.U.Panel,{title:"南歌子（暮春）",extra:(0,l.jsx)("a",{children:"自定义内容"}),children:"紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。"},"1"),(0,l.jsx)(o.U.Panel,{title:"沁园春",children:"孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。"},"2"),(0,l.jsx)(o.U.Panel,{title:"浣溪沙",children:"缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。 废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。"},"3")]})}}return(0,l.jsx)(n,{})},h=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:["1"],bg:!0}),(0,t.Z)(this,"handleChange",(n=>{this.setState({activeKey:n})})),(0,t.Z)(this,"handleBgChange",(n=>{this.setState({bg:n})}))}render(){var n=this.state,a=n.activeKey,s=n.bg?"default":"none";return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{style:{marginBottom:20},children:[(0,l.jsx)(c.r,{size:"small",checked:this.state.bg,onChange:this.handleBgChange}),(0,l.jsx)("span",{children:" Title 底色"})]}),(0,l.jsxs)(o.U,{panelTitleBackground:s,activeKey:a,onChange:this.handleChange,children:[(0,l.jsx)(o.U.Panel,{title:"南歌子（暮春）",extra:(0,l.jsx)("a",{children:"自定义内容"}),children:"紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。"},"1"),(0,l.jsx)(o.U.Panel,{title:"沁园春",children:"孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。"},"2"),(0,l.jsx)(o.U.Panel,{title:"浣溪沙",disabled:!0,children:"缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。 废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。"},"3")]})]})}}return(0,l.jsx)(n,{})},g=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:["1"]})}handleChange(n){this.setState({activeKey:n})}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{activeKey:n,onChange:this.handleChange.bind(this),children:[(0,l.jsx)(o.U.Panel,{title:"南歌子（暮春）",showArrow:!1,children:"紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。"},"1"),(0,l.jsx)(o.U.Panel,{title:"沁园春",showArrow:!1,children:"孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。"},"2"),(0,l.jsx)(o.U.Panel,{title:"浣溪沙",showArrow:!1,children:"缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。 废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。"},"3")]})}}return(0,l.jsx)(n,{})};function m(n){return(0,l.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,l.jsx)(m,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,l.jsx)(m,{tag:"style",html:n.style})}function f(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),f(n.parentNode,a);return a}class C extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(m,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,f(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:""}),p.createElement(y,{html:'

Collapse 折叠面板

\n

一个支持折叠和展开的面板

\n

建议

\n
    \n
  • 对内容较多的信息进行分组和隐藏，提高页面阅读效率与美观，常用于 QA、帮助文档等；
    • \n
  • 当多组信息结构统一，如多组 标题+多行文本/图文 结构；
    • \n
\n

注意

\n
    \n
  • 信息组数量小于 2 组时或信息结构只有一级时折叠面板不适用；
    • \n
  • 不允许面板里嵌套折叠面板；
    • \n
\n

代码演示

'}),p.createElement(C,{title:"基础用法",id:"Demonoborder",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: [\'1\'],\n };\n\n handleChange = activeKey => {\n this.setState({\n activeKey,\n });\n };\n\n render() {\n const { activeKey } = this.state;\n\n return (\n <Collapse\n panelTitleBackground="no"\n activeKey={activeKey}\n onChange={this.handleChange}\n bordered={false}\n >\n <Collapse.Panel\n title="南歌子（暮春）"\n key="1"\n extra={<a>自定义内容</a>}\n >\n 紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。\n </Collapse.Panel>\n <Collapse.Panel title="沁园春" key="2">\n 孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。\n </Collapse.Panel>\n <Collapse.Panel title="浣溪沙" key="3" disabled>\n 缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。\n废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。\n </Collapse.Panel>\n </Collapse>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(k)),p.createElement(C,{title:"手风琴风格，每次只能打开一个面板。",id:"Demoaccordion",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: \'1\',\n };\n\n handleChange(activeKey) {\n this.setState({\n activeKey,\n });\n }\n\n render() {\n const { activeKey } = this.state;\n return (\n <Collapse\n bordered={false}\n panelTitleBackground="no"\n activeKey={activeKey}\n onChange={this.handleChange.bind(this)}\n accordion\n >\n <Collapse.Panel title="南歌子（暮春）" key="1">\n 紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。\n </Collapse.Panel>\n <Collapse.Panel title="沁园春" key="2">\n 孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。\n </Collapse.Panel>\n <Collapse.Panel title="浣溪沙" key="3">\n 缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。\n废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。\n </Collapse.Panel>\n </Collapse>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(r)),p.createElement(C,{title:"显示内容区底色",id:"Demoshowcontentbg",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: \'1\',\n };\n\n handleChange = activeKey => {\n this.setState({\n activeKey,\n });\n };\n\n render() {\n const { activeKey } = this.state;\n\n return (\n <Collapse\n panelTitleBackground="no"\n showContentBackground\n activeKey={activeKey}\n onChange={this.handleChange}\n bordered={false}\n >\n <Collapse.Panel\n title="南歌子（暮春）"\n key="1"\n extra={<a>自定义内容</a>}\n >\n 紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。\n </Collapse.Panel>\n <Collapse.Panel title="沁园春" key="2">\n 孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。\n </Collapse.Panel>\n <Collapse.Panel title="浣溪沙" key="3">\n 缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。\n废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。\n </Collapse.Panel>\n </Collapse>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(d)),p.createElement(y,{html:'

API

\n

Collpase

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
onChange切换面板的回调函数func是
activeKey当前打开的面板 idstring | string[]\n(注意手风琴模式时类型才为 \nstring\n，否则类型为 \nstring[]\n)否
accordion手风琴模式，一次只能有一个 active 的面板bool否falsetrue
bordered是否有外边框bool否truefalse
panelTitleBackgroundPanel 标题底色string否\'default\'\'none\'
showContentBackground是否显示 Panel 内容区底色boolean否\'false\'\'true\'
className额外类名string否
\n

Collpase.Panel

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
key面板 id，\nReact Keys 文档ReactText是
title面板标题node是
extra标题自定义内容node否
disabled禁用面板bool否falsetrue
showArrow是否显示箭头图标bool否truefalse
style额外样式object否
className额外类名string否
\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),p.createElement(C,{title:"有边框的",id:"Demobasic",src:'import { Collapse, Switch } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: [\'1\'],\n bg: true,\n };\n\n handleChange = activeKey => {\n this.setState({\n activeKey,\n });\n };\n\n handleBgChange = bg => {\n this.setState({ bg });\n };\n\n render() {\n const { activeKey, bg } = this.state;\n const titleBg = bg ? \'default\' : \'none\';\n\n return (\n <>\n <div style={{ marginBottom: 20 }}>\n <Switch\n size="small"\n checked={this.state.bg}\n onChange={this.handleBgChange}\n />\n <span> Title 底色</span>\n </div>\n <Collapse\n panelTitleBackground={titleBg}\n activeKey={activeKey}\n onChange={this.handleChange}\n >\n <Collapse.Panel\n title="南歌子（暮春）"\n key="1"\n extra={<a>自定义内容</a>}\n >\n 紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。\n </Collapse.Panel>\n <Collapse.Panel title="沁园春" key="2">\n 孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。\n </Collapse.Panel>\n <Collapse.Panel title="浣溪沙" key="3" disabled>\n 缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。\n废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。\n </Collapse.Panel>\n </Collapse>\n </>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(h)),p.createElement(C,{title:"无箭头样式",id:"Demonoarrow",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: [\'1\']\n };\n\n handleChange(activeKey) {\n this.setState({\n activeKey\n });\n }\n\n render() {\n const { activeKey } = this.state;\n return (\n <Collapse activeKey={activeKey} onChange={this.handleChange.bind(this)}>\n <Collapse.Panel title="南歌子（暮春）" key="1" showArrow={false}>\n 紫陌寻春去，红尘拂面来。无人不道看花回。惟见石榴新蕊、一枝开。 冰簟堆云髻，金尊滟玉醅。绿阴青子相催。留取红巾千点、照池台。\n </Collapse.Panel>\n <Collapse.Panel title="沁园春" key="2" showArrow={false}>\n 孤馆灯青，野店鸡号，旅枕梦残。渐月华收练，晨霜耿耿，云山摛锦，朝露漙漙。世路无穷，劳生有限，似此区区长鲜欢。微吟罢，凭征鞍无语，往事千端。 当时共客长安。似二陆初来俱少年。有笔头千字，胸中万卷，致君尧舜，此事何难。用舍由时，行藏在我，袖手何妨闲处看。身长健，但优游卒岁，且斗尊前。\n </Collapse.Panel>\n <Collapse.Panel title="浣溪沙" key="3" showArrow={false}>\n 缥缈红妆照浅溪。薄云疏雨不成泥。送君何处古台西。\n废沼夜来秋水满，茂林深处晚莺啼。行人肠断草凄迷。\n </Collapse.Panel>\n </Collapse>\n )\n }\n}\n\nReactDOM.render(\n <Simple />\n , mountNode\n);'},p.createElement(g)))}}},31269:(n,a,s)=>{"use strict";s.d(a,{U:()=>f});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(65922),u=s(79737),i=s(12856),k=s(98859),r=s(1348),d=s(31256),h=s(39215),g={borderBottomWidth:0,borderBottomColor:"rgba(255, 255, 255, 0)",transition:"border-bottom-width 200ms "+k.rc+", border-bottom-color 200ms "+k.rc},m={},y=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={animateAppear:!a.props.active},a.toggle=function(){var n=a.props,s=n.onChange,t=n.panelKey,p=n.active,e=n.disabled;(void 0===e?a.context.value:e)||(0,d.Z)(t)||null==s||s(t,!p)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.children,s=n.title,e=n.style,o=n.active,l=n.disabled,r=void 0===l?this.context.value:l,d=n.showArrow,y=n.className,v=n.isLast,f=n.bordered,C=n.extra,b=n.panelTitleBackground,w=n.showContentBackground,j=this.state.animateAppear,x=f&&v,P=x&&!o?g:m,z=x||!o?g:m;return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-collapse-panel",y,{"zent-collapse-panel--has-arrow":d,"zent-collapse-panel--active":o,"zent-collapse-panel--inactive":!o,"zent-collapse-panel--disabled":r}),style:e,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-collapse-panel__title",{"zent-collapse-panel__title--bg-none":"none"===b,"zent-collapse-panel__title--bg-default":"default"===b}),style:P,onClick:this.toggle,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("div",(0,t.pi)({className:"zent-collapse-panel__title__content","data-zv":"10.0.10"},{children:[d&&(0,p.jsx)(h.Z,{type:"down",className:"zent-collapse-panel__arrow"},void 0),s]}),void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__title__extra","data-zv":"10.0.10"},{children:C}),void 0)]}),void 0),(0,p.jsx)(i.Z,(0,t.pi)({mount:o},{children:(0,p.jsx)(u.H,(0,t.pi)({appear:j,duration:160,height:o?"auto":0,transitionPrototype:"all",easing:o?k.Kc:k.AX,className:c()("zent-collapse-panel__content-box",{"zent-collapse-panel__content-box--inactive":!o,"zent-collapse-panel__content-box--active":o,"zent-collapse-panel__content_box--show-background":w}),style:z},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__content","data-zv":"10.0.10"},{children:a}),void 0)}),void 0)}),void 0)]}),void 0)},a.defaultProps={showArrow:!0},a.contextType=r.d,a}(e.Component),v=s(19185),f=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.onChange=function(n,s){if(a.props.accordion){var t=a.props,p=t.onChange;(o=t.activeKey)!==n&&s?p(n):o!==n||s||p(null)}else{var e=a.props,o=e.activeKey,c=(p=e.onChange,[].concat(null!=o?o:[])),l=c.indexOf(n);s?-1===l&&c.push(n):-1!==l&&c.splice(l,1),p(c)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,s=a.className,o=a.bordered,u=a.panelTitleBackground,i=a.showContentBackground,k=a.children,r=a.activeKey;return(0,p.jsx)("div",(0,t.pi)({className:c()("zent-collapse",s,{"zent-collapse--has-border":o,"zent-collapse--no-border":!o}),"data-zv":"10.0.10"},{children:e.Children.map(k,(function(a,s){var t;if(!(0,v.isElement)(a)||!(0,l.Z)(a.type,y))throw new Error("Invalid children supplied to Collapse. Each child should be a Panel.");var p=null===(t=a.key)||void 0===t?void 0:t.toString();return(0,e.cloneElement)(a,{onChange:n.onChange,active:C(r,p),panelKey:p,panelTitleBackground:u,showContentBackground:i,isLast:s===e.Children.count(k)-1,bordered:o})}))}),void 0)},a.defaultProps={bordered:!0,panelTitleBackground:"default",accordion:!1},a.Panel=y,a}(e.Component);function C(n,a){return"string"==typeof n?n===a:!!Array.isArray(n)&&void 0!==a&&-1!==n.indexOf(a)}},56377:(n,a,s)=>{"use strict";s.d(a,{r:()=>u});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(1348),u=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.toggle=function(){var n=a.props,s=n.onChange,t=n.checked;s&&s(!t)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n,a=this.props,s=a.className,t=a.size,e=a.disabled,o=void 0===e?this.context.value:e,l=a.loading,u=a.checked,i=o||l,k=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=i,n["zent-switch-loading"]=l,n["zent-switch-checked"]=u,n),"zent-switch",s);return(0,p.jsx)("div",{className:k,onClick:i?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},a.defaultProps={size:"default"},a.contextType=l.d,a}(e.Component);a.Z=u},79737:(n,a,s)=>{"use strict";s.d(a,{H:()=>l});var t=s(59312),p=s(24246),e=s(27378),o=s(17127);function c(n,a){n.style.height="number"==typeof a?a+"px":a}var l=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.ref=(0,e.createRef)(),a.timer=null,a}return(0,t.ZT)(a,n),a.prototype.componentDidMount=function(){var n=this,a=this.props,s=a.appear,t=a.height,p=a.duration,e=this.ref.current;if(s&&"auto"===t){var l=e.offsetHeight;e.style.height="0px",(0,o.tA)((function(){n.props.height===t&&(e.style.height=l+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===t&&(e.style.height="auto")}),p))}))}else c(e,t)},a.prototype.componentDidUpdate=function(n){var a=this,s=this.props,t=s.height,p=s.duration;if(n.height!==t){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var e=this.ref.current;if("auto"===n.height)e.style.height=e.offsetHeight+"px",(0,o.tA)((function(){a.props.height===t&&c(e,t)}));else if("auto"===t){var l=e.offsetHeight;e.style.height="auto";var u=e.offsetHeight;e.style.height=l+"px",(0,o.tA)((function(){e.style.height=u+"px",a.timer=setTimeout((function(){a.timer=null,a.props.height===t&&(e.style.height=t)}),p)}))}else c(e,t)}},a.prototype.render=function(){var n=this.props,a=n.duration,s=n.className,e=n.style,o=n.easing,c=n.overflow,l=n.children,u=n.transitionPrototype;return(0,p.jsx)("div",(0,t.pi)({ref:this.ref,className:s,style:(0,t.pi)((0,t.pi)({},e),{transition:u+" "+a+"ms "+o,overflow:c}),"data-zv":"10.0.10"},{children:l}),void 0)},a.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},a}(e.Component)},12856:(n,a,s)=>{"use strict";var t=s(59312),p=function(n){function a(a){var s=n.call(this,a)||this;return s.state={mounted:a.mount},s}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props.children;return this.state.mounted?n:null},a.getDerivedStateFromProps=function(n,a){return n.mount&&!a.mounted?{mounted:!0}:null},a.defaultProps={mount:!1},a}(s(27378).Component);a.Z=p},31256:(n,a,s)=>{"use strict";function t(n){return null==n}s.d(a,{Z:()=>t})},65922:(n,a,s)=>{"use strict";function t(n,a){return n===a||(null==n?void 0:n.prototype)instanceof a}s.d(a,{Z:()=>t})},98859:(n,a,s)=>{"use strict";s.d(a,{rc:()=>t,Kc:()=>p,AX:()=>e});var t="cubic-bezier(0.5, 0, 0.5, 0.1)",p="cubic-bezier(0.33, 1, 0.68, 1)",e="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file diff --git a/2554-fce89e2a47fff42dae16.js b/2554-6b71b0a9bd34459832e6.js similarity index 99% rename from 2554-fce89e2a47fff42dae16.js rename to 2554-6b71b0a9bd34459832e6.js index 05d114431..6d6de45b5 100644 --- a/2554-fce89e2a47fff42dae16.js +++ b/2554-6b71b0a9bd34459832e6.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2554],{32554:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>y});var t=a(73450),p=a(73118),e=a(27378),o=a(57318),c=a(3454),l=a(79737),u=a(24246);function i(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 r(n){for(var s=1;s{t(Math.min(550,("auto"===a?200:a)+50))}),[a]),i=e.useCallback((()=>{t(Math.max(100,("auto"===a?200:a)-50))}),[a]),r=e.useCallback((()=>{t("auto")}),[a]);return(0,u.jsxs)("div",{children:[(0,u.jsx)(c.z,{onClick:o,children:"+100px"}),(0,u.jsx)(c.z,{onClick:i,children:"-100px"}),(0,u.jsx)(c.z,{onClick:r,children:"auto"}),(0,u.jsx)(l.H,{className:"zent-animate-height-demo",height:a,style:{background:"#114db4",marginTop:16},children:(0,u.jsx)("div",{style:{height:200}})})]})}return(0,u.jsx)("div",{style:{height:600},children:(0,u.jsx)(n,{})})};function d(n){return(0,u.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,u.jsx)(d,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,u.jsx)(d,{tag:"style",html:n.style})}function g(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),g(n.parentNode,s);return s}class f 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,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:a||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class y 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,g(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:""}),e.createElement(h,{html:'

AnimateHeight 高度渐变

\n

将容器以动画形式渐变为指定的高度。

\n

将高度渐变为自适应的目标高度是无法使用 CSS 动画实现的，这种场景必须用 JavaScript 代码的方式来实现。

\n

代码演示

'}),e.createElement(f,{title:"基础用法",id:"Demobasic",src:'import { AnimateHeight, Button } from \'zent\';\n\nconst INITIAL_HEIGHT = 200;\n\nfunction Demo() {\n const [height, setHeight] = React.useState(\'auto\');\n const inc = React.useCallback(() => {\n setHeight(\n Math.min(550, (height === \'auto\' ? INITIAL_HEIGHT : height) + 50)\n );\n }, [height]);\n const dec = React.useCallback(() => {\n setHeight(\n Math.max(100, (height === \'auto\' ? INITIAL_HEIGHT : height) - 50)\n );\n }, [height]);\n const reset = React.useCallback(() => {\n setHeight(\'auto\');\n }, [height]);\n\n return (\n <div>\n <Button onClick={inc}>+100px</Button>\n <Button onClick={dec}>-100px</Button>\n <Button onClick={reset}>auto</Button>\n <AnimateHeight\n className="zent-animate-height-demo"\n height={height}\n style={{ background: \'#114db4\', marginTop: 16 }}\n >\n <div style={{ height: INITIAL_HEIGHT }}></div>\n </AnimateHeight>\n </div>\n );\n}\n\nReactDOM.render(\n <div style={{ height: 600 }}>\n <Demo />\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(h,{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
参数说明类型必填默认值备选值
height目标高度string\n \n|\n \nnumber是
duration动画时长number否200
easing动画的中间值计算函数string否ease参考 CSS 的 \ntransition-timing-function\n 属性
appear是否在首次渲染时应用动画效果boolean否falsetrue
className自定义额外类名string否
style自定义样式CSSProperties否
overflowCSS \noverflow\n 属性的快捷方式string否hiddenauto\n \n|\n \nscroll
'}))}}},79737:(n,s,a)=>{"use strict";a.d(s,{H:()=>l});var t=a(59312),p=a(24246),e=a(27378),o=a(17127);function c(n,s){n.style.height="number"==typeof s?s+"px":s}var l=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.ref=(0,e.createRef)(),s.timer=null,s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=this,s=this.props,a=s.appear,t=s.height,p=s.duration,e=this.ref.current;if(a&&"auto"===t){var l=e.offsetHeight;e.style.height="0px",(0,o.tA)((function(){n.props.height===t&&(e.style.height=l+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===t&&(e.style.height="auto")}),p))}))}else c(e,t)},s.prototype.componentDidUpdate=function(n){var s=this,a=this.props,t=a.height,p=a.duration;if(n.height!==t){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var e=this.ref.current;if("auto"===n.height)e.style.height=e.offsetHeight+"px",(0,o.tA)((function(){s.props.height===t&&c(e,t)}));else if("auto"===t){var l=e.offsetHeight;e.style.height="auto";var u=e.offsetHeight;e.style.height=l+"px",(0,o.tA)((function(){e.style.height=u+"px",s.timer=setTimeout((function(){s.timer=null,s.props.height===t&&(e.style.height=t)}),p)}))}else c(e,t)}},s.prototype.render=function(){var n=this.props,s=n.duration,a=n.className,e=n.style,o=n.easing,c=n.overflow,l=n.children,u=n.transitionPrototype;return(0,p.jsx)("div",(0,t.pi)({ref:this.ref,className:a,style:(0,t.pi)((0,t.pi)({},e),{transition:u+" "+s+"ms "+o,overflow:c}),"data-zv":"10.0.9"},{children:l}),void 0)},s.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},s}(e.Component)}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2554],{32554:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>y});var t=a(73450),p=a(73118),e=a(27378),o=a(57318),c=a(3454),l=a(79737),u=a(24246);function i(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 r(n){for(var s=1;s{t(Math.min(550,("auto"===a?200:a)+50))}),[a]),i=e.useCallback((()=>{t(Math.max(100,("auto"===a?200:a)-50))}),[a]),r=e.useCallback((()=>{t("auto")}),[a]);return(0,u.jsxs)("div",{children:[(0,u.jsx)(c.z,{onClick:o,children:"+100px"}),(0,u.jsx)(c.z,{onClick:i,children:"-100px"}),(0,u.jsx)(c.z,{onClick:r,children:"auto"}),(0,u.jsx)(l.H,{className:"zent-animate-height-demo",height:a,style:{background:"#114db4",marginTop:16},children:(0,u.jsx)("div",{style:{height:200}})})]})}return(0,u.jsx)("div",{style:{height:600},children:(0,u.jsx)(n,{})})};function d(n){return(0,u.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,u.jsx)(d,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,u.jsx)(d,{tag:"style",html:n.style})}function g(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),g(n.parentNode,s);return s}class f 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,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:a||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class y 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,g(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:""}),e.createElement(h,{html:'

AnimateHeight 高度渐变

\n

将容器以动画形式渐变为指定的高度。

\n

将高度渐变为自适应的目标高度是无法使用 CSS 动画实现的，这种场景必须用 JavaScript 代码的方式来实现。

\n

代码演示

'}),e.createElement(f,{title:"基础用法",id:"Demobasic",src:'import { AnimateHeight, Button } from \'zent\';\n\nconst INITIAL_HEIGHT = 200;\n\nfunction Demo() {\n const [height, setHeight] = React.useState(\'auto\');\n const inc = React.useCallback(() => {\n setHeight(\n Math.min(550, (height === \'auto\' ? INITIAL_HEIGHT : height) + 50)\n );\n }, [height]);\n const dec = React.useCallback(() => {\n setHeight(\n Math.max(100, (height === \'auto\' ? INITIAL_HEIGHT : height) - 50)\n );\n }, [height]);\n const reset = React.useCallback(() => {\n setHeight(\'auto\');\n }, [height]);\n\n return (\n <div>\n <Button onClick={inc}>+100px</Button>\n <Button onClick={dec}>-100px</Button>\n <Button onClick={reset}>auto</Button>\n <AnimateHeight\n className="zent-animate-height-demo"\n height={height}\n style={{ background: \'#114db4\', marginTop: 16 }}\n >\n <div style={{ height: INITIAL_HEIGHT }}></div>\n </AnimateHeight>\n </div>\n );\n}\n\nReactDOM.render(\n <div style={{ height: 600 }}>\n <Demo />\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(h,{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
参数说明类型必填默认值备选值
height目标高度string\n \n|\n \nnumber是
duration动画时长number否200
easing动画的中间值计算函数string否ease参考 CSS 的 \ntransition-timing-function\n 属性
appear是否在首次渲染时应用动画效果boolean否falsetrue
className自定义额外类名string否
style自定义样式CSSProperties否
overflowCSS \noverflow\n 属性的快捷方式string否hiddenauto\n \n|\n \nscroll
'}))}}},79737:(n,s,a)=>{"use strict";a.d(s,{H:()=>l});var t=a(59312),p=a(24246),e=a(27378),o=a(17127);function c(n,s){n.style.height="number"==typeof s?s+"px":s}var l=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.ref=(0,e.createRef)(),s.timer=null,s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=this,s=this.props,a=s.appear,t=s.height,p=s.duration,e=this.ref.current;if(a&&"auto"===t){var l=e.offsetHeight;e.style.height="0px",(0,o.tA)((function(){n.props.height===t&&(e.style.height=l+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===t&&(e.style.height="auto")}),p))}))}else c(e,t)},s.prototype.componentDidUpdate=function(n){var s=this,a=this.props,t=a.height,p=a.duration;if(n.height!==t){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var e=this.ref.current;if("auto"===n.height)e.style.height=e.offsetHeight+"px",(0,o.tA)((function(){s.props.height===t&&c(e,t)}));else if("auto"===t){var l=e.offsetHeight;e.style.height="auto";var u=e.offsetHeight;e.style.height=l+"px",(0,o.tA)((function(){e.style.height=u+"px",s.timer=setTimeout((function(){s.timer=null,s.props.height===t&&(e.style.height=t)}),p)}))}else c(e,t)}},s.prototype.render=function(){var n=this.props,s=n.duration,a=n.className,e=n.style,o=n.easing,c=n.overflow,l=n.children,u=n.transitionPrototype;return(0,p.jsx)("div",(0,t.pi)({ref:this.ref,className:a,style:(0,t.pi)((0,t.pi)({},e),{transition:u+" "+s+"ms "+o,overflow:c}),"data-zv":"10.0.10"},{children:l}),void 0)},s.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},s}(e.Component)}}]); \ No newline at end of file diff --git a/2604-8c52e1c18f3a1636dfe7.js b/2604-29b10ffe0a89edbd13ce.js similarity index 95% rename from 2604-8c52e1c18f3a1636dfe7.js rename to 2604-29b10ffe0a89edbd13ce.js index 2ac89106d..543f42f84 100644 --- a/2604-8c52e1c18f3a1636dfe7.js +++ b/2604-29b10ffe0a89edbd13ce.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2604],{52604:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>x});var t=s(73450),p=s(27378),e=s(57318),o=s(32925),c=s(39215),l=s(56377),u=s(24246);function i(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function k(n){for(var a=1;a{this.setState({showZero:n})}))}render(){var n=this.state.showZero;return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.C,{count:0,showZero:n,children:(0,u.jsx)(c.J,{type:"bell-o",className:"demo-cont"})}),(0,u.jsx)(l.r,{size:"small",checked:n,onChange:this.handleChange})]})}}return(0,u.jsx)(n,{})},h=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{showDot:!0}),(0,t.Z)(this,"handleChange",(n=>{this.setState({showDot:n})}))}render(){var n=this.state.showDot;return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.C,{dot:n,children:(0,u.jsx)(c.J,{type:"bell-o",className:"demo-cont"})}),(0,u.jsx)(o.C,{dot:n,offset:[-4,-2],children:"店铺消息"}),(0,u.jsx)(l.r,{size:"small",checked:n,onChange:this.handleChange})]})}}return(0,u.jsx)(n,{})},y=function(){return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.C,{count:5,offset:[-8,-8],children:(0,u.jsx)("div",{className:"zent-badge-demo-square"})}),(0,u.jsx)(o.C,{dot:!0,offset:[-2,-2],children:(0,u.jsx)("div",{className:"zent-badge-demo-square"})})]})};function v(n){return(0,u.jsx)(n.tag,k(k({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function b(n){return(0,u.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,u.jsx)(v,{tag:"style",html:n.style})}function j(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),j(n.parentNode,a);return a}class w extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:s||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,j(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:".zent-badge .demo-cont {\n\twidth: 40px;\n\theight: 40px;\n\tline-height: 40px;\n\tborder-radius: 20px;\n\tbackground: #38f;\n\tcolor: #fff;\n\tfont-size: 20px;\n}\n.zent-badge {\n\tmargin-right: 30px;\n}\n\n.zent-badge-demo-wrapper {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.zent-badge-demo-square {\n\twidth: 40px;\n\theight: 40px;\n\tborder-radius: 4px;\n\tbackground: #eee;\n}"}),p.createElement(b,{html:'

Badge 徽标

\n

位于主体对象右上角的提示元素，表示主体的数量变化

\n

使用指南

\n

建议

\n
    \n
  • 当下级页面有内容、状态变化时，在入口处展示，起到提示变化的作用；
    • \n
  • 需要提示变化的具体数量时（如订单数量、消息数量），建议使用带数字的徽标样式；
    • \n
  • 需要提示状态的变化时（如订单状态变化），建议使用红点的徽标样式；
    • \n
  • 当点击下级页面并已读变化内容后，徽标消失（或减少相应的已读数量）；
    • \n
\n

禁用

\n
    \n
  • 同一层级的入口需要统一徽标样式，原则上同一层级入口不出现“数字徽标+红点徽标”的混用；
    • \n
\n

代码演示

'}),p.createElement(w,{title:"基础用法",id:"Demobasic",src:'import { Badge, Icon } from \'zent\';\n\nReactDOM.render(\n <Badge count={5}>\n <Icon type="bell-o" className="demo-cont" />\n </Badge>,\n mountNode\n);'},p.createElement(r)),p.createElement(w,{title:"独立徽标，展示在文字右侧",id:"Demosinglebadge",src:'import { Badge } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-badge-demo-wrapper">\n <span>店铺消息</span>\n <Badge count={100}/ >\n </div>\n </div>\n , mountNode\n);'},p.createElement(d)),p.createElement(w,{title:"设置最大显示信息数",id:"Demomaxnum",src:'import { Badge,Icon } from \'zent\';\n\nReactDOM.render(\n <div>\n <Badge count={99}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Badge count={120}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Badge count={120} maxCount={10}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n </div>\n , mountNode\n);'},p.createElement(m)),p.createElement(w,{title:"设置是否显示消息数0",id:"Demoshowzero",src:'import { Badge,Icon,Switch } from \'zent\';\n\nclass Demo extends React.Component {\n state = {showZero: true}\n\n handleChange = (showZero) => {\n this.setState({ showZero });\n }\n\n render() {\n const { showZero } = this.state;\n return (\n <div>\n <Badge count={0} showZero={showZero}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Switch size="small" checked={showZero} onChange={this.handleChange} />\n </div>\n )\n }\n}\nReactDOM.render(\n <Demo />, mountNode\n);'},p.createElement(g)),p.createElement(w,{title:"红点徽标，不需要指定具体的count",id:"Demodot",src:'import { Badge,Icon,Switch } from \'zent\';\n\nclass Demo extends React.Component {\n state = {showDot: true}\n\n handleChange = (showDot) => {\n this.setState({ showDot });\n }\n\n render() {\n const { showDot } = this.state;\n return (\n <div>\n <Badge dot={showDot}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Badge dot={showDot} offset={[-4, -2]}>店铺消息</Badge>\n <Switch size="small" checked={showDot} onChange={this.handleChange} />\n </div>\n )\n }\n}\nReactDOM.render(\n <Demo />, mountNode\n);'},p.createElement(h)),p.createElement(w,{title:"自定义偏移量",id:"Demooffset",src:'import { Badge } from \'zent\';\n\nReactDOM.render(\n <div>\n <Badge count={5} offset={[-8, -8]}>\n <div className="zent-badge-demo-square" />\n </Badge>\n <Badge dot offset={[-2, -2]}>\n <div className="zent-badge-demo-square" />\n </Badge>\n </div>,\n mountNode\n);'},p.createElement(y)),p.createElement(b,{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
参数说明类型是否必须默认值备选值
count消息条数number否0
maxCount最大完全显示消息条数number否99
dot是否显示为小红点bool否falsetrue\n,\nfalse
showZero消息数为0时是否显示bool否falsetrue\n,\nfalse
offset偏移量，格式为 \n[x, y]array否
style自定义样式object否
className自定义额外类名string否\'\'
'}))}}},32925:(n,a,s)=>{"use strict";s.d(a,{C:()=>u});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l={},u=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.renderCount=function(){var n=this.props,a=n.count,s=n.maxCount,e=n.dot,o=n.showZero,c=n.offset,u=n.style,i=Array.isArray(c)&&2===c.length?{right:c[0],top:c[1]}:l,k=u?(0,t.pi)((0,t.pi)({},u),i):i;return e?(0,p.jsx)("span",{className:"zent-badge-dot",style:k,"data-zv":"10.0.9"},void 0):a>0||0===a&&o?(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count",style:k,"data-zv":"10.0.9"},{children:(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count-num","data-zv":"10.0.9"},{children:a>s?s+"+":a}),void 0)}),void 0):null},a.prototype.render=function(){var n,a=this.props,s=a.className,e=a.children,o=c()(((n={"zent-badge":!0,"zent-badge--has-content":e,"zent-badge--no-content":!e})[s]=!!s,n["zent-badge-none-cont"]=!e,n));return(0,p.jsxs)("div",(0,t.pi)({className:o,"data-zv":"10.0.9"},{children:[e?(0,p.jsx)("div",(0,t.pi)({className:"zent-badge-content","data-zv":"10.0.9"},{children:e}),void 0):null,this.renderCount()]}),void 0)},a.defaultProps={count:0,maxCount:99,dot:!1,showZero:!1,className:""},a}(e.PureComponent)},56377:(n,a,s)=>{"use strict";s.d(a,{r:()=>u});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(1348),u=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.toggle=function(){var n=a.props,s=n.onChange,t=n.checked;s&&s(!t)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n,a=this.props,s=a.className,t=a.size,e=a.disabled,o=void 0===e?this.context.value:e,l=a.loading,u=a.checked,i=o||l,k=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=i,n["zent-switch-loading"]=l,n["zent-switch-checked"]=u,n),"zent-switch",s);return(0,p.jsx)("div",{className:k,onClick:i?void 0:this.toggle,"data-zv":"10.0.9"},void 0)},a.defaultProps={size:"default"},a.contextType=l.d,a}(e.Component);a.Z=u}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2604],{52604:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>x});var t=s(73450),p=s(27378),e=s(57318),o=s(32925),c=s(39215),l=s(56377),u=s(24246);function i(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function k(n){for(var a=1;a{this.setState({showZero:n})}))}render(){var n=this.state.showZero;return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.C,{count:0,showZero:n,children:(0,u.jsx)(c.J,{type:"bell-o",className:"demo-cont"})}),(0,u.jsx)(l.r,{size:"small",checked:n,onChange:this.handleChange})]})}}return(0,u.jsx)(n,{})},h=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{showDot:!0}),(0,t.Z)(this,"handleChange",(n=>{this.setState({showDot:n})}))}render(){var n=this.state.showDot;return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.C,{dot:n,children:(0,u.jsx)(c.J,{type:"bell-o",className:"demo-cont"})}),(0,u.jsx)(o.C,{dot:n,offset:[-4,-2],children:"店铺消息"}),(0,u.jsx)(l.r,{size:"small",checked:n,onChange:this.handleChange})]})}}return(0,u.jsx)(n,{})},y=function(){return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.C,{count:5,offset:[-8,-8],children:(0,u.jsx)("div",{className:"zent-badge-demo-square"})}),(0,u.jsx)(o.C,{dot:!0,offset:[-2,-2],children:(0,u.jsx)("div",{className:"zent-badge-demo-square"})})]})};function v(n){return(0,u.jsx)(n.tag,k(k({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function b(n){return(0,u.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,u.jsx)(v,{tag:"style",html:n.style})}function j(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),j(n.parentNode,a);return a}class w extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:s||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,j(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:".zent-badge .demo-cont {\n\twidth: 40px;\n\theight: 40px;\n\tline-height: 40px;\n\tborder-radius: 20px;\n\tbackground: #38f;\n\tcolor: #fff;\n\tfont-size: 20px;\n}\n.zent-badge {\n\tmargin-right: 30px;\n}\n\n.zent-badge-demo-wrapper {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.zent-badge-demo-square {\n\twidth: 40px;\n\theight: 40px;\n\tborder-radius: 4px;\n\tbackground: #eee;\n}"}),p.createElement(b,{html:'

Badge 徽标

\n

位于主体对象右上角的提示元素，表示主体的数量变化

\n

使用指南

\n

建议

\n
    \n
  • 当下级页面有内容、状态变化时，在入口处展示，起到提示变化的作用；
    • \n
  • 需要提示变化的具体数量时（如订单数量、消息数量），建议使用带数字的徽标样式；
    • \n
  • 需要提示状态的变化时（如订单状态变化），建议使用红点的徽标样式；
    • \n
  • 当点击下级页面并已读变化内容后，徽标消失（或减少相应的已读数量）；
    • \n
\n

禁用

\n
    \n
  • 同一层级的入口需要统一徽标样式，原则上同一层级入口不出现“数字徽标+红点徽标”的混用；
    • \n
\n

代码演示

'}),p.createElement(w,{title:"基础用法",id:"Demobasic",src:'import { Badge, Icon } from \'zent\';\n\nReactDOM.render(\n <Badge count={5}>\n <Icon type="bell-o" className="demo-cont" />\n </Badge>,\n mountNode\n);'},p.createElement(r)),p.createElement(w,{title:"独立徽标，展示在文字右侧",id:"Demosinglebadge",src:'import { Badge } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-badge-demo-wrapper">\n <span>店铺消息</span>\n <Badge count={100}/ >\n </div>\n </div>\n , mountNode\n);'},p.createElement(d)),p.createElement(w,{title:"设置最大显示信息数",id:"Demomaxnum",src:'import { Badge,Icon } from \'zent\';\n\nReactDOM.render(\n <div>\n <Badge count={99}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Badge count={120}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Badge count={120} maxCount={10}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n </div>\n , mountNode\n);'},p.createElement(m)),p.createElement(w,{title:"设置是否显示消息数0",id:"Demoshowzero",src:'import { Badge,Icon,Switch } from \'zent\';\n\nclass Demo extends React.Component {\n state = {showZero: true}\n\n handleChange = (showZero) => {\n this.setState({ showZero });\n }\n\n render() {\n const { showZero } = this.state;\n return (\n <div>\n <Badge count={0} showZero={showZero}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Switch size="small" checked={showZero} onChange={this.handleChange} />\n </div>\n )\n }\n}\nReactDOM.render(\n <Demo />, mountNode\n);'},p.createElement(g)),p.createElement(w,{title:"红点徽标，不需要指定具体的count",id:"Demodot",src:'import { Badge,Icon,Switch } from \'zent\';\n\nclass Demo extends React.Component {\n state = {showDot: true}\n\n handleChange = (showDot) => {\n this.setState({ showDot });\n }\n\n render() {\n const { showDot } = this.state;\n return (\n <div>\n <Badge dot={showDot}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Badge dot={showDot} offset={[-4, -2]}>店铺消息</Badge>\n <Switch size="small" checked={showDot} onChange={this.handleChange} />\n </div>\n )\n }\n}\nReactDOM.render(\n <Demo />, mountNode\n);'},p.createElement(h)),p.createElement(w,{title:"自定义偏移量",id:"Demooffset",src:'import { Badge } from \'zent\';\n\nReactDOM.render(\n <div>\n <Badge count={5} offset={[-8, -8]}>\n <div className="zent-badge-demo-square" />\n </Badge>\n <Badge dot offset={[-2, -2]}>\n <div className="zent-badge-demo-square" />\n </Badge>\n </div>,\n mountNode\n);'},p.createElement(y)),p.createElement(b,{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
参数说明类型是否必须默认值备选值
count消息条数number否0
maxCount最大完全显示消息条数number否99
dot是否显示为小红点bool否falsetrue\n,\nfalse
showZero消息数为0时是否显示bool否falsetrue\n,\nfalse
offset偏移量，格式为 \n[x, y]array否
style自定义样式object否
className自定义额外类名string否\'\'
'}))}}},32925:(n,a,s)=>{"use strict";s.d(a,{C:()=>u});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l={},u=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.renderCount=function(){var n=this.props,a=n.count,s=n.maxCount,e=n.dot,o=n.showZero,c=n.offset,u=n.style,i=Array.isArray(c)&&2===c.length?{right:c[0],top:c[1]}:l,k=u?(0,t.pi)((0,t.pi)({},u),i):i;return e?(0,p.jsx)("span",{className:"zent-badge-dot",style:k,"data-zv":"10.0.10"},void 0):a>0||0===a&&o?(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count",style:k,"data-zv":"10.0.10"},{children:(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count-num","data-zv":"10.0.10"},{children:a>s?s+"+":a}),void 0)}),void 0):null},a.prototype.render=function(){var n,a=this.props,s=a.className,e=a.children,o=c()(((n={"zent-badge":!0,"zent-badge--has-content":e,"zent-badge--no-content":!e})[s]=!!s,n["zent-badge-none-cont"]=!e,n));return(0,p.jsxs)("div",(0,t.pi)({className:o,"data-zv":"10.0.10"},{children:[e?(0,p.jsx)("div",(0,t.pi)({className:"zent-badge-content","data-zv":"10.0.10"},{children:e}),void 0):null,this.renderCount()]}),void 0)},a.defaultProps={count:0,maxCount:99,dot:!1,showZero:!1,className:""},a}(e.PureComponent)},56377:(n,a,s)=>{"use strict";s.d(a,{r:()=>u});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(1348),u=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.toggle=function(){var n=a.props,s=n.onChange,t=n.checked;s&&s(!t)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n,a=this.props,s=a.className,t=a.size,e=a.disabled,o=void 0===e?this.context.value:e,l=a.loading,u=a.checked,i=o||l,k=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=i,n["zent-switch-loading"]=l,n["zent-switch-checked"]=u,n),"zent-switch",s);return(0,p.jsx)("div",{className:k,onClick:i?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},a.defaultProps={size:"default"},a.contextType=l.d,a}(e.Component);a.Z=u}}]); \ No newline at end of file diff --git a/2673-43639333e800eecadbde.js b/2673-5870b02c5b245072df21.js similarity index 98% rename from 2673-43639333e800eecadbde.js rename to 2673-5870b02c5b245072df21.js index a2a2db7c4..544cec23c 100644 --- a/2673-43639333e800eecadbde.js +++ b/2673-5870b02c5b245072df21.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2673],{92673:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>y});var t=a(73450),p=a(73118),e=a(27378),o=a(57318),c=a(3454),l=a(79737),i=a(24246);function u(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 r(n){for(var s=1;s{t(Math.min(550,("auto"===a?200:a)+50))}),[a]),u=e.useCallback((()=>{t(Math.max(100,("auto"===a?200:a)-50))}),[a]),r=e.useCallback((()=>{t("auto")}),[a]);return(0,i.jsxs)("div",{children:[(0,i.jsx)(c.z,{onClick:o,children:"+100px"}),(0,i.jsx)(c.z,{onClick:u,children:"-100px"}),(0,i.jsx)(c.z,{onClick:r,children:"auto"}),(0,i.jsx)(l.H,{className:"zent-animate-height-demo",height:a,style:{background:"#114db4",marginTop:16},children:(0,i.jsx)("div",{style:{height:200}})})]})}return(0,i.jsx)("div",{style:{height:600},children:(0,i.jsx)(n,{})})};function d(n){return(0,i.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,i.jsx)(d,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,i.jsx)(d,{tag:"style",html:n.style})}function g(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),g(n.parentNode,s);return s}class f 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,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:a||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class y 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,g(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:""}),e.createElement(h,{html:'

AnimateHeight

\n

Animate an element to any specific height.

\n

Animating to auto height is not possible with pure CSS, this is when this component comes into play.

\n

Demos

'}),e.createElement(f,{title:"Basic Usage",id:"Demobasic",src:'import { AnimateHeight, Button } from \'zent\';\n\nconst INITIAL_HEIGHT = 200;\n\nfunction Demo() {\n const [height, setHeight] = React.useState(\'auto\');\n const inc = React.useCallback(() => {\n setHeight(\n Math.min(550, (height === \'auto\' ? INITIAL_HEIGHT : height) + 50)\n );\n }, [height]);\n const dec = React.useCallback(() => {\n setHeight(\n Math.max(100, (height === \'auto\' ? INITIAL_HEIGHT : height) - 50)\n );\n }, [height]);\n const reset = React.useCallback(() => {\n setHeight(\'auto\');\n }, [height]);\n\n return (\n <div>\n <Button onClick={inc}>+100px</Button>\n <Button onClick={dec}>-100px</Button>\n <Button onClick={reset}>auto</Button>\n <AnimateHeight\n className="zent-animate-height-demo"\n height={height}\n style={{ background: \'#114db4\', marginTop: 16 }}\n >\n <div style={{ height: INITIAL_HEIGHT }}></div>\n </AnimateHeight>\n </div>\n );\n}\n\nReactDOM.render(\n <div style={{ height: 600 }}>\n <Demo />\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(h,{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
PropertyDescriptionTypeRequiredDefaultAlternative
heightTarget heightstring\n \n|\n \nnumberYes
durationAnimation durationnumberNo200
easingTiming function for animationstringNoeaseSame as CSS\'s \ntransition-timing-function\n property
appearApply animation in initial mountbooleanNofalsetrue
classNameCustom class namestringNo
styleCustom styleCSSPropertiesNo
overflowA shotcut of CSS \noverflow\n propertystringNohiddenauto\n \n|\n \nscroll
'}))}}},79737:(n,s,a)=>{"use strict";a.d(s,{H:()=>l});var t=a(59312),p=a(24246),e=a(27378),o=a(17127);function c(n,s){n.style.height="number"==typeof s?s+"px":s}var l=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.ref=(0,e.createRef)(),s.timer=null,s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=this,s=this.props,a=s.appear,t=s.height,p=s.duration,e=this.ref.current;if(a&&"auto"===t){var l=e.offsetHeight;e.style.height="0px",(0,o.tA)((function(){n.props.height===t&&(e.style.height=l+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===t&&(e.style.height="auto")}),p))}))}else c(e,t)},s.prototype.componentDidUpdate=function(n){var s=this,a=this.props,t=a.height,p=a.duration;if(n.height!==t){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var e=this.ref.current;if("auto"===n.height)e.style.height=e.offsetHeight+"px",(0,o.tA)((function(){s.props.height===t&&c(e,t)}));else if("auto"===t){var l=e.offsetHeight;e.style.height="auto";var i=e.offsetHeight;e.style.height=l+"px",(0,o.tA)((function(){e.style.height=i+"px",s.timer=setTimeout((function(){s.timer=null,s.props.height===t&&(e.style.height=t)}),p)}))}else c(e,t)}},s.prototype.render=function(){var n=this.props,s=n.duration,a=n.className,e=n.style,o=n.easing,c=n.overflow,l=n.children,i=n.transitionPrototype;return(0,p.jsx)("div",(0,t.pi)({ref:this.ref,className:a,style:(0,t.pi)((0,t.pi)({},e),{transition:i+" "+s+"ms "+o,overflow:c}),"data-zv":"10.0.9"},{children:l}),void 0)},s.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},s}(e.Component)}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2673],{92673:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>y});var t=a(73450),p=a(73118),e=a(27378),o=a(57318),c=a(3454),l=a(79737),i=a(24246);function u(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 r(n){for(var s=1;s{t(Math.min(550,("auto"===a?200:a)+50))}),[a]),u=e.useCallback((()=>{t(Math.max(100,("auto"===a?200:a)-50))}),[a]),r=e.useCallback((()=>{t("auto")}),[a]);return(0,i.jsxs)("div",{children:[(0,i.jsx)(c.z,{onClick:o,children:"+100px"}),(0,i.jsx)(c.z,{onClick:u,children:"-100px"}),(0,i.jsx)(c.z,{onClick:r,children:"auto"}),(0,i.jsx)(l.H,{className:"zent-animate-height-demo",height:a,style:{background:"#114db4",marginTop:16},children:(0,i.jsx)("div",{style:{height:200}})})]})}return(0,i.jsx)("div",{style:{height:600},children:(0,i.jsx)(n,{})})};function d(n){return(0,i.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,i.jsx)(d,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,i.jsx)(d,{tag:"style",html:n.style})}function g(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),g(n.parentNode,s);return s}class f 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,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:a||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class y 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,g(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:""}),e.createElement(h,{html:'

AnimateHeight

\n

Animate an element to any specific height.

\n

Animating to auto height is not possible with pure CSS, this is when this component comes into play.

\n

Demos

'}),e.createElement(f,{title:"Basic Usage",id:"Demobasic",src:'import { AnimateHeight, Button } from \'zent\';\n\nconst INITIAL_HEIGHT = 200;\n\nfunction Demo() {\n const [height, setHeight] = React.useState(\'auto\');\n const inc = React.useCallback(() => {\n setHeight(\n Math.min(550, (height === \'auto\' ? INITIAL_HEIGHT : height) + 50)\n );\n }, [height]);\n const dec = React.useCallback(() => {\n setHeight(\n Math.max(100, (height === \'auto\' ? INITIAL_HEIGHT : height) - 50)\n );\n }, [height]);\n const reset = React.useCallback(() => {\n setHeight(\'auto\');\n }, [height]);\n\n return (\n <div>\n <Button onClick={inc}>+100px</Button>\n <Button onClick={dec}>-100px</Button>\n <Button onClick={reset}>auto</Button>\n <AnimateHeight\n className="zent-animate-height-demo"\n height={height}\n style={{ background: \'#114db4\', marginTop: 16 }}\n >\n <div style={{ height: INITIAL_HEIGHT }}></div>\n </AnimateHeight>\n </div>\n );\n}\n\nReactDOM.render(\n <div style={{ height: 600 }}>\n <Demo />\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(h,{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
PropertyDescriptionTypeRequiredDefaultAlternative
heightTarget heightstring\n \n|\n \nnumberYes
durationAnimation durationnumberNo200
easingTiming function for animationstringNoeaseSame as CSS\'s \ntransition-timing-function\n property
appearApply animation in initial mountbooleanNofalsetrue
classNameCustom class namestringNo
styleCustom styleCSSPropertiesNo
overflowA shotcut of CSS \noverflow\n propertystringNohiddenauto\n \n|\n \nscroll
'}))}}},79737:(n,s,a)=>{"use strict";a.d(s,{H:()=>l});var t=a(59312),p=a(24246),e=a(27378),o=a(17127);function c(n,s){n.style.height="number"==typeof s?s+"px":s}var l=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.ref=(0,e.createRef)(),s.timer=null,s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=this,s=this.props,a=s.appear,t=s.height,p=s.duration,e=this.ref.current;if(a&&"auto"===t){var l=e.offsetHeight;e.style.height="0px",(0,o.tA)((function(){n.props.height===t&&(e.style.height=l+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===t&&(e.style.height="auto")}),p))}))}else c(e,t)},s.prototype.componentDidUpdate=function(n){var s=this,a=this.props,t=a.height,p=a.duration;if(n.height!==t){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var e=this.ref.current;if("auto"===n.height)e.style.height=e.offsetHeight+"px",(0,o.tA)((function(){s.props.height===t&&c(e,t)}));else if("auto"===t){var l=e.offsetHeight;e.style.height="auto";var i=e.offsetHeight;e.style.height=l+"px",(0,o.tA)((function(){e.style.height=i+"px",s.timer=setTimeout((function(){s.timer=null,s.props.height===t&&(e.style.height=t)}),p)}))}else c(e,t)}},s.prototype.render=function(){var n=this.props,s=n.duration,a=n.className,e=n.style,o=n.easing,c=n.overflow,l=n.children,i=n.transitionPrototype;return(0,p.jsx)("div",(0,t.pi)({ref:this.ref,className:a,style:(0,t.pi)((0,t.pi)({},e),{transition:i+" "+s+"ms "+o,overflow:c}),"data-zv":"10.0.10"},{children:l}),void 0)},s.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},s}(e.Component)}}]); \ No newline at end of file diff --git a/2764-cdc00b0c58e23497803f.js b/2764-34b8145a4edde9b763dd.js similarity index 59% rename from 2764-cdc00b0c58e23497803f.js rename to 2764-34b8145a4edde9b763dd.js index 0dfe3f648..fe50d32d2 100644 --- a/2764-cdc00b0c58e23497803f.js +++ b/2764-34b8145a4edde9b763dd.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2764],{22764:(a,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>D});var t=s(73450),e=s(27378),p=s(57318),o=s(1348),l=s(65762),c=s(3454),i=s(67801),r=s(33938),u=s(82285),d=s(80964),k=s(71457),m=s(87230),v=s(95388),h=s(63919),g=s(34365),f=s(48868),b=s(56377),y=s(12176),x=s(31269),C=s(93531),z=s(24246);function j(a,n){var s=Object.keys(a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(a);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable}))),s.push.apply(s,t)}return s}function w(a){for(var n=1;n{this.setState({showCode:!this.state.showCode})}))}render(){var a=this.state.showCode,n=this.props,s=n.title,t=n.src,e=n.children;return(0,z.jsxs)("div",{className:"zandoc-react-demo",children:[(0,z.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,z.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,z.jsx)("div",{className:"zandoc-react-demo__title",children:(0,z.jsx)("p",{children:s||""})}),(0,z.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(a?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),a&&(0,z.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,z.jsx)(P,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class D extends e.Component{componentDidMount(){var a=location.hash;if(a){var n=document.querySelector('a[href="'.concat(a,'"]'));n&&(0,p.l)(document.documentElement,0,R(n,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(M,{style:".disabled-component-demo {\n\tdisplay: inline-flex;\n\tflex-direction: column;\n}\n\n.disabled-component-demo > * {\n\tmargin-bottom: 10px;\n}"}),e.createElement(S,{html:'

Disabled

\n

Disabled的子组件会变成disabled状态。组件本身的props上的disabled属性拥有更高优先级。

\n

代码演示

'}),e.createElement(B,{title:"基本用法",id:"Demo1",src:'import {\n AutoComplete,\n Disabled,\n Button,\n Link,\n MenuCascader,\n TabsCascader,\n Checkbox,\n Collapse,\n Input,\n NumberInput,\n Radio,\n Rate,\n Select,\n Slider,\n Switch,\n SplitButton,\n ColorPicker,\n} from \'zent\';\n\nReactDOM.render(\n <div className="disabled-component-demo">\n <Disabled>\n <AutoComplete />\n <Button type="primary">Disabled</Button>\n <Link href="https://www.youzan.com/" target="_blank">\n www.youzan.com\n </Link>\n <Checkbox>Checkbox</Checkbox>\n <Input />\n <Input type="textarea" />\n <NumberInput />\n <Radio.Group>\n <Radio value="A">A</Radio>\n <Radio value="B">B</Radio>\n <Radio.Button value="C">C</Radio.Button>\n </Radio.Group>\n <Rate />\n <Select options={[]} />\n <MenuCascader />\n <TabsCascader />\n <Slider />\n <Switch />\n <SplitButton>SplitButton</SplitButton>\n <Collapse>\n <Collapse.Panel title="Collapse 1" key="1">\n Collapse 1\n </Collapse.Panel>\n <Collapse.Panel title="Collapse 1" key="2">\n Collapse 2\n </Collapse.Panel>\n <Collapse.Panel title="Collapse 1" key="3" disabled>\n Collapse 3\n </Collapse.Panel>\n </Collapse>\n <ColorPicker color="#5197FF" />\n </Disabled>\n <Button type="primary">Not Disabled</Button>\n </div>,\n mountNode\n);'},e.createElement(N)),e.createElement(B,{title:"优先级",id:"Demo2",src:'import { Disabled, Button } from \'zent\';\n\nReactDOM.render(\n <Disabled>\n <Button type="primary" disabled={false}>\n Button\n </Button>\n </Disabled>,\n mountNode\n);'},e.createElement(_)),e.createElement(S,{html:'

API

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
valuebool否true
'}))}}},31269:(a,n,s)=>{"use strict";s.d(n,{U:()=>b});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),l=s.n(o),c=s(65922),i=s(79737),r=s(12856),u=s(98859),d=s(1348),k=s(31256),m=s(39215),v={borderBottomWidth:0,borderBottomColor:"rgba(255, 255, 255, 0)",transition:"border-bottom-width 200ms "+u.rc+", border-bottom-color 200ms "+u.rc},h={},g=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.state={animateAppear:!n.props.active},n.toggle=function(){var a=n.props,s=a.onChange,t=a.panelKey,e=a.active,p=a.disabled;(void 0===p?n.context.value:p)||(0,k.Z)(t)||null==s||s(t,!e)},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a=this.props,n=a.children,s=a.title,p=a.style,o=a.active,c=a.disabled,d=void 0===c?this.context.value:c,k=a.showArrow,g=a.className,f=a.isLast,b=a.bordered,y=a.extra,x=a.panelTitleBackground,C=a.showContentBackground,z=this.state.animateAppear,j=b&&f,w=j&&!o?v:h,N=j||!o?v:h;return(0,e.jsxs)("div",(0,t.pi)({className:l()("zent-collapse-panel",g,{"zent-collapse-panel--has-arrow":k,"zent-collapse-panel--active":o,"zent-collapse-panel--inactive":!o,"zent-collapse-panel--disabled":d}),style:p,"data-zv":"10.0.9"},{children:[(0,e.jsxs)("div",(0,t.pi)({className:l()("zent-collapse-panel__title",{"zent-collapse-panel__title--bg-none":"none"===x,"zent-collapse-panel__title--bg-default":"default"===x}),style:w,onClick:this.toggle,"data-zv":"10.0.9"},{children:[(0,e.jsxs)("div",(0,t.pi)({className:"zent-collapse-panel__title__content","data-zv":"10.0.9"},{children:[k&&(0,e.jsx)(m.Z,{type:"down",className:"zent-collapse-panel__arrow"},void 0),s]}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__title__extra","data-zv":"10.0.9"},{children:y}),void 0)]}),void 0),(0,e.jsx)(r.Z,(0,t.pi)({mount:o},{children:(0,e.jsx)(i.H,(0,t.pi)({appear:z,duration:160,height:o?"auto":0,transitionPrototype:"all",easing:o?u.Kc:u.AX,className:l()("zent-collapse-panel__content-box",{"zent-collapse-panel__content-box--inactive":!o,"zent-collapse-panel__content-box--active":o,"zent-collapse-panel__content_box--show-background":C}),style:N},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__content","data-zv":"10.0.9"},{children:n}),void 0)}),void 0)}),void 0)]}),void 0)},n.defaultProps={showArrow:!0},n.contextType=d.d,n}(p.Component),f=s(19185),b=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.onChange=function(a,s){if(n.props.accordion){var t=n.props,e=t.onChange;(o=t.activeKey)!==a&&s?e(a):o!==a||s||e(null)}else{var p=n.props,o=p.activeKey,l=(e=p.onChange,[].concat(null!=o?o:[])),c=l.indexOf(a);s?-1===c&&l.push(a):-1!==c&&l.splice(c,1),e(l)}},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a=this,n=this.props,s=n.className,o=n.bordered,i=n.panelTitleBackground,r=n.showContentBackground,u=n.children,d=n.activeKey;return(0,e.jsx)("div",(0,t.pi)({className:l()("zent-collapse",s,{"zent-collapse--has-border":o,"zent-collapse--no-border":!o}),"data-zv":"10.0.9"},{children:p.Children.map(u,(function(n,s){var t;if(!(0,f.isElement)(n)||!(0,c.Z)(n.type,g))throw new Error("Invalid children supplied to Collapse. Each child should be a Panel.");var e=null===(t=n.key)||void 0===t?void 0:t.toString();return(0,p.cloneElement)(n,{onChange:a.onChange,active:y(d,e),panelKey:e,panelTitleBackground:i,showContentBackground:r,isLast:s===p.Children.count(u)-1,bordered:o})}))}),void 0)},n.defaultProps={bordered:!0,panelTitleBackground:"default",accordion:!1},n.Panel=g,n}(p.Component);function y(a,n){return"string"==typeof a?a===n:!!Array.isArray(a)&&void 0!==n&&-1!==a.indexOf(n)}},67801:(a,n,s)=>{"use strict";s.d(n,{r:()=>i});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),l=s(27378),c=s(1348),i=(0,l.forwardRef)((function(a,n){var s=(0,l.useContext)(c.d),p=a.className,i=a.disabled,u=void 0===i?s.value:i,d=a.weak,k=void 0!==d&&d,m=a.onClick,v=(0,t._T)(a,["className","disabled","weak","onClick"]);return(0,e.jsx)("a",(0,t.pi)({},v,{className:o()(p,"zent-link",{"zent-link--disabled":u,"zent-link--weak":k}),ref:n,onClick:u?r:m,"data-zv":"10.0.9"}),void 0)}));function r(a){a.preventDefault(),a.stopPropagation()}i.displayName="Link"},32254:(a,n,s)=>{"use strict";var t=s(80964);n.Z=t.Z},87230:(a,n,s)=>{"use strict";s.d(n,{j:()=>d});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),l=s.n(o),c=function(a){var n=a.className;return(0,e.jsx)("svg",(0,t.pi)({className:n,width:"1em",height:"1em",viewBox:"0 0 12 12",version:"1.1","data-zv":"10.0.9"},{children:(0,e.jsx)("path",{fill:"currentColor",d:"M5.99995351,10.2785052 L3.0526252,11.9161235 C2.73134341,12.0946367 2.3262008,11.9788615 2.14771388,11.6575325 C2.07507647,11.5267638 2.048604,11.3753341 2.07256714,11.227673 L2.644706,7.70214784 L0.18800271,5.17127401 C-0.0680077998,4.90753426 -0.0617734594,4.4861629 0.201927499,4.23011474 C0.30111659,4.13380419 0.42783327,4.07077947 0.564476058,4.04979499 L3.92629651,3.5335141 L5.39699811,0.384084246 C5.55252473,0.0510321934 5.9485563,-0.0928620579 6.28155937,0.0626874406 C6.42306565,0.128786625 6.53681945,0.242557148 6.60290891,0.384084246 L8.07361051,3.5335141 L11.435431,4.04979499 C11.7987051,4.10558366 12.047978,4.44534453 11.9921975,4.80867212 C11.9712161,4.94533501 11.9082007,5.07207032 11.8119043,5.17127401 L9.35520102,7.70214784 L9.92733988,11.227673 C9.98622287,11.5905106 9.73986227,11.9323896 9.37707808,11.9912813 C9.22943868,12.015248 9.07803132,11.9887716 8.94728182,11.9161235 L5.99995351,10.2785052 Z","data-zv":"10.0.9"},void 0)}),void 0)},i=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.elRef=(0,p.createRef)(),n.onHover=function(a){var s=n.props;(0,s.onHover)(a,s.index)},n.onClick=function(a){var s=n.props;(0,s.onClick)(a,s.index)},n.getFloatValue=function(){return 100*n.props.value%100+"%"},n}return(0,t.ZT)(n,a),n.prototype.getClassName=function(){var a=this.props,n=a.index,s=a.value,t=a.allowHalf,e=a.readOnly,p=n+1,o=p<=s,c=p>Math.ceil(s),i=t&&s+.5===p,r=e&&p>s&&p===Math.ceil(s);return l()("zent-rate-star",{"zent-rate-star-full":o,"zent-rate-star-zero":c,"zent-rate-star-half":i,"zent-rate-star-part":r})},n.prototype.render=function(){var a=this.onHover,n=this.onClick,s=this.props,p=s.disabled,o=s.character,l=s.readOnly,c=p||l;return(0,e.jsxs)("li",(0,t.pi)({ref:this.elRef,className:this.getClassName(),onClick:c?void 0:n,onMouseMove:c?void 0:a,"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-rate-star-first",style:l?{width:this.getFloatValue()}:void 0,"data-zv":"10.0.9"},{children:o}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-rate-star-second","data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)},n}(p.Component),r=s(1348);function u(a){for(var n=[],s=0;s{"use strict";s.d(n,{i:()=>w});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),l=s(27378),c=s(1535),i=function(a){var n=a.value,s=a.position,p=a.disabled,l=a.active;return(0,e.jsxs)("div",(0,t.pi)({className:o()("zent-slider-tooltip",{"zent-slider-tooltip-active":l}),style:{left:s},"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",{className:o()("zent-slider-point",{"zent-slider-point-disabled":p}),"data-zv":"10.0.9"},void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-slider-tooltip-content","data-zv":"10.0.9"},{children:n}),void 0)]}),void 0)},r=function(a,n,s){return 100*(a-n)/(s-n)};function u(a,n){return!(a>n[1])&&(a<=n[0]||Math.abs(n[0]-a)<=Math.abs(n[1]-a))}var d=(0,l.memo)((function(a){var n=a.marks,s=a.min,p=a.max,o=a.potentialValues;return(0,e.jsx)(e.Fragment,{children:o.map((function(a){return(0,e.jsx)("div",(0,t.pi)({style:{left:r(a,s,p)+"%"},className:"zent-slider-mark","data-zv":"10.0.9"},{children:n[a]}),a)}))},void 0)}));d.displayName="ZentSliderMarks";var k=d;function m(a,n,s){return a>=n&&a<=s}var v=function(a){var n=a.min,s=a.max,t=a.activeLeft,p=a.activeRight,l=a.potentialValues,c=a.disabled;return(0,e.jsx)(e.Fragment,{children:l.map((function(a){return(0,e.jsx)("div",{className:o()("zent-slider-dot",{"zent-slider-dot-active":!c&&m(a,t,p)}),style:{left:r(a,n,s)+"%"},"data-zv":"10.0.9"},a)}))},void 0)},h=s(1348),g=s(32254);function f(a,n){return an?1:0}function b(a){return a?Object.keys(a).map((function(a){return Number(a)})).filter((function(a){return!Number.isNaN(a)&&a!==1/0})).sort(f):[]}function y(a,n){for(var s=0,t=a.length;;){var e=Math.floor((s+t)/2);if(t===s+1||e===s)return Math.abs(a[s]-n)<=Math.abs(a[t]-n)?a[s]:a[t];var p=a[e];if(n===p)return p;np&&(s=e)}}var x=s(80186),C=function(a,n,s){return as?s:a},z=function(a){var n=String(a).split(".")[1];return n?n.length:0},j=function(a,n,s){return 100*(a-n)/(s-n)+"%"},w=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.state={decimal:z(n.props.step),potentialValues:b(n.props.marks),active:null,prevProps:n.props},n.containerRef=(0,l.createRef)(),n.mouseDown=!1,n.limit=null,n.isLeft=null,n.onSingleChange=function(a){if(!1===n.props.range){var s=n.props,t=s.onChange,e=s.dots,p=s.disabled,o=n.state.potentialValues,l=Number(a);e&&(l=y(o,l)),!p&&t&&t(l)}},n.onLeftChange=function(a){if(!0===n.props.range){var s=n.props,t=s.value,e=void 0===t?[0,0]:t,p=s.onChange,o=s.dots,l=s.disabled,c=n.state.potentialValues;if(!l&&p){var i=Number(a);o&&(i=y(c,i)),p(i>e[1]?[e[1],i]:[i,e[1]])}}},n.onRightChange=function(a){if(!0===n.props.range){var s=n.props,t=s.value,e=void 0===t?[0,0]:t,p=s.onChange,o=s.dots,l=s.disabled,c=n.state.potentialValues;if(!l&&p){var i=Number(a);o&&(i=y(c,i)),p(i>e[0]?[e[0],i]:[i,e[0]])}}},n.onMouseDown=function(a){n.mouseDown=!0;var s=n.getValueFromEvent(a),t=n.props,e=t.min,p=t.max,o=C(s,e,p);n.state.active||n.setState({active:"point-single"}),n.onChange(o)},n.onWindowMouseUp=function(){n.mouseDown=!1,n.limit=null,n.isLeft=null,n.setState({active:null})},n.onWindowMouseMove=function(a){if(n.mouseDown){var s=n.getValueFromEvent(a);if(n.props.range){var t,e=n.props,p=e.value,o=e.min,l=e.max;t=p[0]===p[1]?a.movementX<=0:u(s,p),n.state.active||n.setState({active:t?"point-left":"point-right"}),n.limit||(n.isLeft=t,n.limit=t?[o,p[1]]:[p[0],l]),s=C(s,n.limit[0],n.limit[1])}else{var c=n.props;o=c.min,l=c.max,n.state.active||n.setState({active:"point-single"}),s=C(s,o,l)}n.onChange(s)}},n}return(0,t.ZT)(n,a),n.prototype.getComputedProps=function(){var a=this.props,n=a.disabled,s=void 0===n?this.context.value:n,t=a.min,e=a.max,p=this.state.decimal;if(!1!==this.props.range){var o=this.props.value,l=j(o[0],t,e);return{range:!0,leftProps:{min:t,max:o[1],disabled:s,decimal:p,onChange:this.onLeftChange,value:o[0],position:l},rightProps:{min:o[0],max:e,disabled:s,decimal:p,onChange:this.onRightChange,value:o[1],position:j(o[1],t,e)},trackStyle:{left:l,width:(o[1]-o[0])/(e-t)*100+"%"}}}var c=j(this.props.value,t,e);return{range:!1,props:{min:t,max:e,disabled:s,decimal:p,onChange:this.onSingleChange,value:this.props.value,position:c},trackStyle:{left:0,width:c}}},n.prototype.onChange=function(a){var n=this.props,s=n.dots,t=n.disabled,e=this.state,p=e.potentialValues,o=e.decimal;if(!t){var l=function(a,n){return Number(a.toFixed(n))}(a,o);if(s&&(l=y(p,l)),!0===this.props.range){var c=this.props,i=c.onChange,r=c.value;if(!i)return;i((null!==this.isLeft?this.isLeft:u(a,r))?[l,r[1]]:[r[0],l])}else(i=this.props.onChange)&&i(l)}},n.prototype.getValueFromEvent=function(a){var n=this.props,s=n.min,t=n.max,e=this.containerRef.current;return function(a,n,s){return n+(s-n)*a}((a.clientX-e.getBoundingClientRect().left)/e.clientWidth,s,t)},n.getDerivedStateFromProps=function(a,n){var s=n.prevProps;if(a===s)return null;var t={prevProps:a};return s.step!==a.step&&(t.decimal=z(a.step)),s.marks!==a.marks&&(t.potentialValues=b(a.marks)),t},n.prototype.render=function(){var a=this.props,n=a.withInput,s=a.className,p=a.width,l=a.disabled,r=void 0===l?this.context.value:l,u=a.min,d=a.max,m=a.marks,h=a.dots,f=this.state,b=f.potentialValues,y=f.active,C=this.getComputedProps();return(0,e.jsxs)("div",(0,t.pi)({className:o()("zent-slider",s,{"zent-slider-disabled":r}),style:(0,c.Z)(p),"data-zv":"10.0.9"},{children:[(0,e.jsxs)("div",(0,t.pi)({ref:this.containerRef,className:"zent-slider-main",onMouseDown:this.onMouseDown,"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",{style:C.trackStyle,className:o()("zent-slider-track",{"zent-slider-track-disabled":r}),"data-zv":"10.0.9"},void 0),!0===C.range?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i,{active:"point-left"===y,disabled:r,position:C.leftProps.position,value:C.leftProps.value},"point-left"),(0,e.jsx)(i,{active:"point-right"===y,disabled:r,position:C.rightProps.position,value:C.rightProps.value},"point-right")]},void 0):(0,e.jsx)(i,{active:"point-single"===y,disabled:r,position:C.props.position,value:C.props.value},"point-single"),m?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(k,{marks:m,min:u,max:d,potentialValues:b},void 0),h?(0,e.jsx)(v,{marks:m,min:u,max:d,activeLeft:!0===this.props.range?this.props.value[0]:0,activeRight:!0===this.props.range?this.props.value[1]:this.props.value,potentialValues:b,disabled:r},void 0):null]},void 0):null]}),void 0),n&&!h&&(!0===C.range?(0,e.jsxs)("div",(0,t.pi)({className:"zent-slider-input","data-zv":"10.0.9"},{children:[(0,e.jsx)(g.Z,(0,t.pi)({},C.leftProps),"number-input-left"),(0,e.jsx)("div",(0,t.pi)({className:"slider-input-line","data-zv":"10.0.9"},{children:"-"}),void 0),(0,e.jsx)(g.Z,(0,t.pi)({},C.rightProps),"number-input-right")]}),void 0):(0,e.jsx)(g.Z,(0,t.pi)({className:"zent-slider-input"},C.props),"number-input-single")),(0,e.jsx)(x.ZM,{eventName:"mousemove",listener:this.onWindowMouseMove},void 0),(0,e.jsx)(x.ZM,{eventName:"mouseup",listener:this.onWindowMouseUp},void 0)]}),void 0)},n.defaultProps={min:0,max:100,step:1,withInput:!0,range:!1,value:0},n.contextType=h.d,n}(l.Component)},56377:(a,n,s)=>{"use strict";s.d(n,{r:()=>i});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),l=s.n(o),c=s(1348),i=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.toggle=function(){var a=n.props,s=a.onChange,t=a.checked;s&&s(!t)},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a,n=this.props,s=n.className,t=n.size,p=n.disabled,o=void 0===p?this.context.value:p,c=n.loading,i=n.checked,r=o||c,u=l()(((a={})["zent-switch-"+t]="default"!==t,a["zent-switch-disabled"]=r,a["zent-switch-loading"]=c,a["zent-switch-checked"]=i,a),"zent-switch",s);return(0,e.jsx)("div",{className:u,onClick:r?void 0:this.toggle,"data-zv":"10.0.9"},void 0)},n.defaultProps={size:"default"},n.contextType=c.d,n}(p.Component);n.Z=i},65922:(a,n,s)=>{"use strict";function t(a,n){return a===n||(null==a?void 0:a.prototype)instanceof n}s.d(n,{Z:()=>t})},98859:(a,n,s)=>{"use strict";s.d(n,{rc:()=>t,Kc:()=>e,AX:()=>p});var t="cubic-bezier(0.5, 0, 0.5, 0.1)",e="cubic-bezier(0.33, 1, 0.68, 1)",p="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2764],{22764:(a,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>D});var t=s(73450),e=s(27378),p=s(57318),o=s(1348),l=s(65762),c=s(3454),i=s(67801),r=s(33938),u=s(82285),d=s(80964),k=s(71457),m=s(87230),v=s(95388),h=s(63919),g=s(34365),f=s(48868),b=s(56377),y=s(12176),x=s(31269),C=s(93531),z=s(24246);function j(a,n){var s=Object.keys(a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(a);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable}))),s.push.apply(s,t)}return s}function w(a){for(var n=1;n{this.setState({showCode:!this.state.showCode})}))}render(){var a=this.state.showCode,n=this.props,s=n.title,t=n.src,e=n.children;return(0,z.jsxs)("div",{className:"zandoc-react-demo",children:[(0,z.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,z.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,z.jsx)("div",{className:"zandoc-react-demo__title",children:(0,z.jsx)("p",{children:s||""})}),(0,z.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(a?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),a&&(0,z.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,z.jsx)(P,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class D extends e.Component{componentDidMount(){var a=location.hash;if(a){var n=document.querySelector('a[href="'.concat(a,'"]'));n&&(0,p.l)(document.documentElement,0,R(n,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(M,{style:".disabled-component-demo {\n\tdisplay: inline-flex;\n\tflex-direction: column;\n}\n\n.disabled-component-demo > * {\n\tmargin-bottom: 10px;\n}"}),e.createElement(S,{html:'

Disabled

\n

Disabled的子组件会变成disabled状态。组件本身的props上的disabled属性拥有更高优先级。

\n

代码演示

'}),e.createElement(B,{title:"基本用法",id:"Demo1",src:'import {\n AutoComplete,\n Disabled,\n Button,\n Link,\n MenuCascader,\n TabsCascader,\n Checkbox,\n Collapse,\n Input,\n NumberInput,\n Radio,\n Rate,\n Select,\n Slider,\n Switch,\n SplitButton,\n ColorPicker,\n} from \'zent\';\n\nReactDOM.render(\n <div className="disabled-component-demo">\n <Disabled>\n <AutoComplete />\n <Button type="primary">Disabled</Button>\n <Link href="https://www.youzan.com/" target="_blank">\n www.youzan.com\n </Link>\n <Checkbox>Checkbox</Checkbox>\n <Input />\n <Input type="textarea" />\n <NumberInput />\n <Radio.Group>\n <Radio value="A">A</Radio>\n <Radio value="B">B</Radio>\n <Radio.Button value="C">C</Radio.Button>\n </Radio.Group>\n <Rate />\n <Select options={[]} />\n <MenuCascader />\n <TabsCascader />\n <Slider />\n <Switch />\n <SplitButton>SplitButton</SplitButton>\n <Collapse>\n <Collapse.Panel title="Collapse 1" key="1">\n Collapse 1\n </Collapse.Panel>\n <Collapse.Panel title="Collapse 1" key="2">\n Collapse 2\n </Collapse.Panel>\n <Collapse.Panel title="Collapse 1" key="3" disabled>\n Collapse 3\n </Collapse.Panel>\n </Collapse>\n <ColorPicker color="#5197FF" />\n </Disabled>\n <Button type="primary">Not Disabled</Button>\n </div>,\n mountNode\n);'},e.createElement(N)),e.createElement(B,{title:"优先级",id:"Demo2",src:'import { Disabled, Button } from \'zent\';\n\nReactDOM.render(\n <Disabled>\n <Button type="primary" disabled={false}>\n Button\n </Button>\n </Disabled>,\n mountNode\n);'},e.createElement(_)),e.createElement(S,{html:'

API

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
valuebool否true
'}))}}},31269:(a,n,s)=>{"use strict";s.d(n,{U:()=>b});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),l=s.n(o),c=s(65922),i=s(79737),r=s(12856),u=s(98859),d=s(1348),k=s(31256),m=s(39215),v={borderBottomWidth:0,borderBottomColor:"rgba(255, 255, 255, 0)",transition:"border-bottom-width 200ms "+u.rc+", border-bottom-color 200ms "+u.rc},h={},g=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.state={animateAppear:!n.props.active},n.toggle=function(){var a=n.props,s=a.onChange,t=a.panelKey,e=a.active,p=a.disabled;(void 0===p?n.context.value:p)||(0,k.Z)(t)||null==s||s(t,!e)},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a=this.props,n=a.children,s=a.title,p=a.style,o=a.active,c=a.disabled,d=void 0===c?this.context.value:c,k=a.showArrow,g=a.className,f=a.isLast,b=a.bordered,y=a.extra,x=a.panelTitleBackground,C=a.showContentBackground,z=this.state.animateAppear,j=b&&f,w=j&&!o?v:h,N=j||!o?v:h;return(0,e.jsxs)("div",(0,t.pi)({className:l()("zent-collapse-panel",g,{"zent-collapse-panel--has-arrow":k,"zent-collapse-panel--active":o,"zent-collapse-panel--inactive":!o,"zent-collapse-panel--disabled":d}),style:p,"data-zv":"10.0.10"},{children:[(0,e.jsxs)("div",(0,t.pi)({className:l()("zent-collapse-panel__title",{"zent-collapse-panel__title--bg-none":"none"===x,"zent-collapse-panel__title--bg-default":"default"===x}),style:w,onClick:this.toggle,"data-zv":"10.0.10"},{children:[(0,e.jsxs)("div",(0,t.pi)({className:"zent-collapse-panel__title__content","data-zv":"10.0.10"},{children:[k&&(0,e.jsx)(m.Z,{type:"down",className:"zent-collapse-panel__arrow"},void 0),s]}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__title__extra","data-zv":"10.0.10"},{children:y}),void 0)]}),void 0),(0,e.jsx)(r.Z,(0,t.pi)({mount:o},{children:(0,e.jsx)(i.H,(0,t.pi)({appear:z,duration:160,height:o?"auto":0,transitionPrototype:"all",easing:o?u.Kc:u.AX,className:l()("zent-collapse-panel__content-box",{"zent-collapse-panel__content-box--inactive":!o,"zent-collapse-panel__content-box--active":o,"zent-collapse-panel__content_box--show-background":C}),style:N},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__content","data-zv":"10.0.10"},{children:n}),void 0)}),void 0)}),void 0)]}),void 0)},n.defaultProps={showArrow:!0},n.contextType=d.d,n}(p.Component),f=s(19185),b=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.onChange=function(a,s){if(n.props.accordion){var t=n.props,e=t.onChange;(o=t.activeKey)!==a&&s?e(a):o!==a||s||e(null)}else{var p=n.props,o=p.activeKey,l=(e=p.onChange,[].concat(null!=o?o:[])),c=l.indexOf(a);s?-1===c&&l.push(a):-1!==c&&l.splice(c,1),e(l)}},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a=this,n=this.props,s=n.className,o=n.bordered,i=n.panelTitleBackground,r=n.showContentBackground,u=n.children,d=n.activeKey;return(0,e.jsx)("div",(0,t.pi)({className:l()("zent-collapse",s,{"zent-collapse--has-border":o,"zent-collapse--no-border":!o}),"data-zv":"10.0.10"},{children:p.Children.map(u,(function(n,s){var t;if(!(0,f.isElement)(n)||!(0,c.Z)(n.type,g))throw new Error("Invalid children supplied to Collapse. Each child should be a Panel.");var e=null===(t=n.key)||void 0===t?void 0:t.toString();return(0,p.cloneElement)(n,{onChange:a.onChange,active:y(d,e),panelKey:e,panelTitleBackground:i,showContentBackground:r,isLast:s===p.Children.count(u)-1,bordered:o})}))}),void 0)},n.defaultProps={bordered:!0,panelTitleBackground:"default",accordion:!1},n.Panel=g,n}(p.Component);function y(a,n){return"string"==typeof a?a===n:!!Array.isArray(a)&&void 0!==n&&-1!==a.indexOf(n)}},67801:(a,n,s)=>{"use strict";s.d(n,{r:()=>i});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),l=s(27378),c=s(1348),i=(0,l.forwardRef)((function(a,n){var s=(0,l.useContext)(c.d),p=a.className,i=a.disabled,u=void 0===i?s.value:i,d=a.weak,k=void 0!==d&&d,m=a.onClick,v=(0,t._T)(a,["className","disabled","weak","onClick"]);return(0,e.jsx)("a",(0,t.pi)({},v,{className:o()(p,"zent-link",{"zent-link--disabled":u,"zent-link--weak":k}),ref:n,onClick:u?r:m,"data-zv":"10.0.10"}),void 0)}));function r(a){a.preventDefault(),a.stopPropagation()}i.displayName="Link"},32254:(a,n,s)=>{"use strict";var t=s(80964);n.Z=t.Z},87230:(a,n,s)=>{"use strict";s.d(n,{j:()=>d});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),l=s.n(o),c=function(a){var n=a.className;return(0,e.jsx)("svg",(0,t.pi)({className:n,width:"1em",height:"1em",viewBox:"0 0 12 12",version:"1.1","data-zv":"10.0.10"},{children:(0,e.jsx)("path",{fill:"currentColor",d:"M5.99995351,10.2785052 L3.0526252,11.9161235 C2.73134341,12.0946367 2.3262008,11.9788615 2.14771388,11.6575325 C2.07507647,11.5267638 2.048604,11.3753341 2.07256714,11.227673 L2.644706,7.70214784 L0.18800271,5.17127401 C-0.0680077998,4.90753426 -0.0617734594,4.4861629 0.201927499,4.23011474 C0.30111659,4.13380419 0.42783327,4.07077947 0.564476058,4.04979499 L3.92629651,3.5335141 L5.39699811,0.384084246 C5.55252473,0.0510321934 5.9485563,-0.0928620579 6.28155937,0.0626874406 C6.42306565,0.128786625 6.53681945,0.242557148 6.60290891,0.384084246 L8.07361051,3.5335141 L11.435431,4.04979499 C11.7987051,4.10558366 12.047978,4.44534453 11.9921975,4.80867212 C11.9712161,4.94533501 11.9082007,5.07207032 11.8119043,5.17127401 L9.35520102,7.70214784 L9.92733988,11.227673 C9.98622287,11.5905106 9.73986227,11.9323896 9.37707808,11.9912813 C9.22943868,12.015248 9.07803132,11.9887716 8.94728182,11.9161235 L5.99995351,10.2785052 Z","data-zv":"10.0.10"},void 0)}),void 0)},i=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.elRef=(0,p.createRef)(),n.onHover=function(a){var s=n.props;(0,s.onHover)(a,s.index)},n.onClick=function(a){var s=n.props;(0,s.onClick)(a,s.index)},n.getFloatValue=function(){return 100*n.props.value%100+"%"},n}return(0,t.ZT)(n,a),n.prototype.getClassName=function(){var a=this.props,n=a.index,s=a.value,t=a.allowHalf,e=a.readOnly,p=n+1,o=p<=s,c=p>Math.ceil(s),i=t&&s+.5===p,r=e&&p>s&&p===Math.ceil(s);return l()("zent-rate-star",{"zent-rate-star-full":o,"zent-rate-star-zero":c,"zent-rate-star-half":i,"zent-rate-star-part":r})},n.prototype.render=function(){var a=this.onHover,n=this.onClick,s=this.props,p=s.disabled,o=s.character,l=s.readOnly,c=p||l;return(0,e.jsxs)("li",(0,t.pi)({ref:this.elRef,className:this.getClassName(),onClick:c?void 0:n,onMouseMove:c?void 0:a,"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-rate-star-first",style:l?{width:this.getFloatValue()}:void 0,"data-zv":"10.0.10"},{children:o}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-rate-star-second","data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)},n}(p.Component),r=s(1348);function u(a){for(var n=[],s=0;s{"use strict";s.d(n,{i:()=>w});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),l=s(27378),c=s(1535),i=function(a){var n=a.value,s=a.position,p=a.disabled,l=a.active;return(0,e.jsxs)("div",(0,t.pi)({className:o()("zent-slider-tooltip",{"zent-slider-tooltip-active":l}),style:{left:s},"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",{className:o()("zent-slider-point",{"zent-slider-point-disabled":p}),"data-zv":"10.0.10"},void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-slider-tooltip-content","data-zv":"10.0.10"},{children:n}),void 0)]}),void 0)},r=function(a,n,s){return 100*(a-n)/(s-n)};function u(a,n){return!(a>n[1])&&(a<=n[0]||Math.abs(n[0]-a)<=Math.abs(n[1]-a))}var d=(0,l.memo)((function(a){var n=a.marks,s=a.min,p=a.max,o=a.potentialValues;return(0,e.jsx)(e.Fragment,{children:o.map((function(a){return(0,e.jsx)("div",(0,t.pi)({style:{left:r(a,s,p)+"%"},className:"zent-slider-mark","data-zv":"10.0.10"},{children:n[a]}),a)}))},void 0)}));d.displayName="ZentSliderMarks";var k=d;function m(a,n,s){return a>=n&&a<=s}var v=function(a){var n=a.min,s=a.max,t=a.activeLeft,p=a.activeRight,l=a.potentialValues,c=a.disabled;return(0,e.jsx)(e.Fragment,{children:l.map((function(a){return(0,e.jsx)("div",{className:o()("zent-slider-dot",{"zent-slider-dot-active":!c&&m(a,t,p)}),style:{left:r(a,n,s)+"%"},"data-zv":"10.0.10"},a)}))},void 0)},h=s(1348),g=s(32254);function f(a,n){return an?1:0}function b(a){return a?Object.keys(a).map((function(a){return Number(a)})).filter((function(a){return!Number.isNaN(a)&&a!==1/0})).sort(f):[]}function y(a,n){for(var s=0,t=a.length;;){var e=Math.floor((s+t)/2);if(t===s+1||e===s)return Math.abs(a[s]-n)<=Math.abs(a[t]-n)?a[s]:a[t];var p=a[e];if(n===p)return p;np&&(s=e)}}var x=s(80186),C=function(a,n,s){return as?s:a},z=function(a){var n=String(a).split(".")[1];return n?n.length:0},j=function(a,n,s){return 100*(a-n)/(s-n)+"%"},w=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.state={decimal:z(n.props.step),potentialValues:b(n.props.marks),active:null,prevProps:n.props},n.containerRef=(0,l.createRef)(),n.mouseDown=!1,n.limit=null,n.isLeft=null,n.onSingleChange=function(a){if(!1===n.props.range){var s=n.props,t=s.onChange,e=s.dots,p=s.disabled,o=n.state.potentialValues,l=Number(a);e&&(l=y(o,l)),!p&&t&&t(l)}},n.onLeftChange=function(a){if(!0===n.props.range){var s=n.props,t=s.value,e=void 0===t?[0,0]:t,p=s.onChange,o=s.dots,l=s.disabled,c=n.state.potentialValues;if(!l&&p){var i=Number(a);o&&(i=y(c,i)),p(i>e[1]?[e[1],i]:[i,e[1]])}}},n.onRightChange=function(a){if(!0===n.props.range){var s=n.props,t=s.value,e=void 0===t?[0,0]:t,p=s.onChange,o=s.dots,l=s.disabled,c=n.state.potentialValues;if(!l&&p){var i=Number(a);o&&(i=y(c,i)),p(i>e[0]?[e[0],i]:[i,e[0]])}}},n.onMouseDown=function(a){n.mouseDown=!0;var s=n.getValueFromEvent(a),t=n.props,e=t.min,p=t.max,o=C(s,e,p);n.state.active||n.setState({active:"point-single"}),n.onChange(o)},n.onWindowMouseUp=function(){n.mouseDown=!1,n.limit=null,n.isLeft=null,n.setState({active:null})},n.onWindowMouseMove=function(a){if(n.mouseDown){var s=n.getValueFromEvent(a);if(n.props.range){var t,e=n.props,p=e.value,o=e.min,l=e.max;t=p[0]===p[1]?a.movementX<=0:u(s,p),n.state.active||n.setState({active:t?"point-left":"point-right"}),n.limit||(n.isLeft=t,n.limit=t?[o,p[1]]:[p[0],l]),s=C(s,n.limit[0],n.limit[1])}else{var c=n.props;o=c.min,l=c.max,n.state.active||n.setState({active:"point-single"}),s=C(s,o,l)}n.onChange(s)}},n}return(0,t.ZT)(n,a),n.prototype.getComputedProps=function(){var a=this.props,n=a.disabled,s=void 0===n?this.context.value:n,t=a.min,e=a.max,p=this.state.decimal;if(!1!==this.props.range){var o=this.props.value,l=j(o[0],t,e);return{range:!0,leftProps:{min:t,max:o[1],disabled:s,decimal:p,onChange:this.onLeftChange,value:o[0],position:l},rightProps:{min:o[0],max:e,disabled:s,decimal:p,onChange:this.onRightChange,value:o[1],position:j(o[1],t,e)},trackStyle:{left:l,width:(o[1]-o[0])/(e-t)*100+"%"}}}var c=j(this.props.value,t,e);return{range:!1,props:{min:t,max:e,disabled:s,decimal:p,onChange:this.onSingleChange,value:this.props.value,position:c},trackStyle:{left:0,width:c}}},n.prototype.onChange=function(a){var n=this.props,s=n.dots,t=n.disabled,e=this.state,p=e.potentialValues,o=e.decimal;if(!t){var l=function(a,n){return Number(a.toFixed(n))}(a,o);if(s&&(l=y(p,l)),!0===this.props.range){var c=this.props,i=c.onChange,r=c.value;if(!i)return;i((null!==this.isLeft?this.isLeft:u(a,r))?[l,r[1]]:[r[0],l])}else(i=this.props.onChange)&&i(l)}},n.prototype.getValueFromEvent=function(a){var n=this.props,s=n.min,t=n.max,e=this.containerRef.current;return function(a,n,s){return n+(s-n)*a}((a.clientX-e.getBoundingClientRect().left)/e.clientWidth,s,t)},n.getDerivedStateFromProps=function(a,n){var s=n.prevProps;if(a===s)return null;var t={prevProps:a};return s.step!==a.step&&(t.decimal=z(a.step)),s.marks!==a.marks&&(t.potentialValues=b(a.marks)),t},n.prototype.render=function(){var a=this.props,n=a.withInput,s=a.className,p=a.width,l=a.disabled,r=void 0===l?this.context.value:l,u=a.min,d=a.max,m=a.marks,h=a.dots,f=this.state,b=f.potentialValues,y=f.active,C=this.getComputedProps();return(0,e.jsxs)("div",(0,t.pi)({className:o()("zent-slider",s,{"zent-slider-disabled":r}),style:(0,c.Z)(p),"data-zv":"10.0.10"},{children:[(0,e.jsxs)("div",(0,t.pi)({ref:this.containerRef,className:"zent-slider-main",onMouseDown:this.onMouseDown,"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",{style:C.trackStyle,className:o()("zent-slider-track",{"zent-slider-track-disabled":r}),"data-zv":"10.0.10"},void 0),!0===C.range?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i,{active:"point-left"===y,disabled:r,position:C.leftProps.position,value:C.leftProps.value},"point-left"),(0,e.jsx)(i,{active:"point-right"===y,disabled:r,position:C.rightProps.position,value:C.rightProps.value},"point-right")]},void 0):(0,e.jsx)(i,{active:"point-single"===y,disabled:r,position:C.props.position,value:C.props.value},"point-single"),m?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(k,{marks:m,min:u,max:d,potentialValues:b},void 0),h?(0,e.jsx)(v,{marks:m,min:u,max:d,activeLeft:!0===this.props.range?this.props.value[0]:0,activeRight:!0===this.props.range?this.props.value[1]:this.props.value,potentialValues:b,disabled:r},void 0):null]},void 0):null]}),void 0),n&&!h&&(!0===C.range?(0,e.jsxs)("div",(0,t.pi)({className:"zent-slider-input","data-zv":"10.0.10"},{children:[(0,e.jsx)(g.Z,(0,t.pi)({},C.leftProps),"number-input-left"),(0,e.jsx)("div",(0,t.pi)({className:"slider-input-line","data-zv":"10.0.10"},{children:"-"}),void 0),(0,e.jsx)(g.Z,(0,t.pi)({},C.rightProps),"number-input-right")]}),void 0):(0,e.jsx)(g.Z,(0,t.pi)({className:"zent-slider-input"},C.props),"number-input-single")),(0,e.jsx)(x.ZM,{eventName:"mousemove",listener:this.onWindowMouseMove},void 0),(0,e.jsx)(x.ZM,{eventName:"mouseup",listener:this.onWindowMouseUp},void 0)]}),void 0)},n.defaultProps={min:0,max:100,step:1,withInput:!0,range:!1,value:0},n.contextType=h.d,n}(l.Component)},56377:(a,n,s)=>{"use strict";s.d(n,{r:()=>i});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),l=s.n(o),c=s(1348),i=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.toggle=function(){var a=n.props,s=a.onChange,t=a.checked;s&&s(!t)},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a,n=this.props,s=n.className,t=n.size,p=n.disabled,o=void 0===p?this.context.value:p,c=n.loading,i=n.checked,r=o||c,u=l()(((a={})["zent-switch-"+t]="default"!==t,a["zent-switch-disabled"]=r,a["zent-switch-loading"]=c,a["zent-switch-checked"]=i,a),"zent-switch",s);return(0,e.jsx)("div",{className:u,onClick:r?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},n.defaultProps={size:"default"},n.contextType=c.d,n}(p.Component);n.Z=i},65922:(a,n,s)=>{"use strict";function t(a,n){return a===n||(null==a?void 0:a.prototype)instanceof n}s.d(n,{Z:()=>t})},98859:(a,n,s)=>{"use strict";s.d(n,{rc:()=>t,Kc:()=>e,AX:()=>p});var t="cubic-bezier(0.5, 0, 0.5, 0.1)",e="cubic-bezier(0.33, 1, 0.68, 1)",p="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file diff --git a/2811-7f323f92885df19ffcd7.js b/2811-410b89c0faa20e5835b2.js similarity index 96% rename from 2811-7f323f92885df19ffcd7.js rename to 2811-410b89c0faa20e5835b2.js index f9623df0b..74d23b72d 100644 --- a/2811-7f323f92885df19ffcd7.js +++ b/2811-410b89c0faa20e5835b2.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2811],{42811:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>b});var t=a(73450),p=a(27378),o=a(57318),e=a(3454),c=a(14115),l=a(23476),r=a(24246);function u(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 i(n){for(var s=1;s{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"Render OK"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"Trigger error"})]})}}return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.S,{children:(0,r.jsx)(n,{})}),(0,r.jsx)("div",{style:{marginTop:10},children:"Not affected here"})]})},d=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{fail:!1}),(0,t.Z)(this,"triggerFail",(()=>{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"Render OK"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"Trigger error"})]})}}return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.S,{onError:n=>l.g.error(n.toString()),children:(0,r.jsx)(n,{})}),(0,r.jsx)("div",{style:{marginTop:10},children:"Not affected here"})]})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{fail:!1}),(0,t.Z)(this,"triggerFail",(()=>{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"Render OK"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"Trigger error"})]})}}var s=c.S.withErrorBoundary({Component:n}),a=c.S.catchError()(n);return(0,r.jsxs)("div",{children:[(0,r.jsx)(s,{}),(0,r.jsx)(a,{}),(0,r.jsx)("div",{style:{marginTop:10},children:"Not affected here"})]})},g=function(){class n extends p.Component{render(){return(0,r.jsx)("div",{children:this.props.error.toString()})}}class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{fail:!1}),(0,t.Z)(this,"triggerFail",(()=>{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"Render OK"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"Trigger error"})]})}}return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.S,{FallbackComponent:n,children:(0,r.jsx)(s,{})}),(0,r.jsx)("div",{style:{marginTop:10},children:"Not affected here"})]})};function h(n){return(0,r.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,r.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,r.jsx)(h,{tag:"style",html:n.style})}function v(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),v(n.parentNode,s);return s}class w extends p.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,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:a||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,v(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:""}),p.createElement(y,{html:'

ErrorBoundary

\n

Catch errors down in the component tree. It is the try...catch... to React component tree.

\n

Guides

\n

Use this to separate component errors within a page. ErrorBoundary catches errors during component life cycle down in the component tree so that errors occur in one part of the page will not affect other parts of the same page.

\n

For example, say we have a page that is divided into two parts: navigation on the left and main content on the right. You can use ErrorBoundary to wrap both parts so that errors occur in one part will not break the other part of the page.

\n

Note：

\n
    \n
  • Errors in React event handlers will not be catched
    • \n
  • Errors in asynchronous code(e.g. setTimeout，requestAnimationFrame) will not be catched
    • \n
  • Requires React 16 or newer version
    • \n
\n

Demos

'}),p.createElement(w,{title:"Basic Usage",id:"Demobasic",src:'import { ErrorBoundary, Button } from \'zent\';\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>Render OK</span>\n <Button onClick={this.triggerFail}>Trigger error</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <div>\n <ErrorBoundary>\n <ErrorComponent />\n </ErrorBoundary>\n <div style={{ marginTop: 10 }}>Not affected here</div>\n </div>,\n mountNode\n);'},p.createElement(k)),p.createElement(w,{title:"onError callback",id:"Demoonerror",src:'import { ErrorBoundary, Button, Notify } from \'zent\';\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>Render OK</span>\n <Button onClick={this.triggerFail}>Trigger error</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <div>\n <ErrorBoundary onError={err => Notify.error(err.toString())}>\n <ErrorComponent />\n </ErrorBoundary>\n <div style={{ marginTop: 10 }}>Not affected here</div>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(w,{title:"withErrorBoundary and catchError HOC",id:"Demohoc",src:'import { ErrorBoundary, Button } from \'zent\';\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>Render OK</span>\n <Button onClick={this.triggerFail}>Trigger error</Button>\n </div>\n );\n }\n}\n\nconst GuardedErrorComponent = ErrorBoundary.withErrorBoundary({\n Component: ErrorComponent,\n});\nconst GuardedErrorComponent2 = ErrorBoundary.catchError()(ErrorComponent)\n\nReactDOM.render(\n <div>\n <GuardedErrorComponent />\n <GuardedErrorComponent2 />\n <div style={{ marginTop: 10 }}>Not affected here</div>\n </div>,\n mountNode\n);'},p.createElement(m)),p.createElement(w,{title:"Custom FallbackComponent",id:"Democustom",src:'import { ErrorBoundary, Button } from \'zent\';\n\nclass Fallback extends React.Component {\n render() {\n return <div>{this.props.error.toString()}</div>;\n }\n}\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>Render OK</span>\n <Button onClick={this.triggerFail}>Trigger error</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <div>\n <ErrorBoundary FallbackComponent={Fallback}>\n <ErrorComponent />\n </ErrorBoundary>\n <div style={{ marginTop: 10 }}>Not affected here</div>\n </div>,\n mountNode\n);'},p.createElement(g)),p.createElement(y,{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
PropertyDescriptionTypeRequiredDefaultAlternative
childrenChildren component to guardnodeYes
onErrorCallback when an error occurs inside a child component(error: Error, stackTrace: string): voidNo
FallbackComponentComponent to render when an error occursComponentNo
\n

FallbackComponent has two props: error and componentStack，they are the same as onError\'s parameters。

\n

withErrorBoundary

\n

This is a high order component, it provides the same functionality as ErrorBoundary.

\n
withErrorBoundary({\n  BaseComponent: React.Component,\n  onError?: (error: Error, stackTrace: string): void,\n  FallbackComponent?: React.Component\n}): React.Component
\n

catchError

\n

This HOC is the same as withErrorBoundary, but more decorator friendly.

\n
catchError({\n  onError?: (error: Error, stackTrace: string): void,\n  FallbackComponent?: React.Component\n}): ((BaseComponent: React.Component): React.Component)
'}))}}},14115:(n,s,a)=>{"use strict";a.d(s,{S:()=>d,Z:()=>m});var t=a(59312),p=a(24246),o=a(27378),e=a(27036),c=a(85883),l={whiteSpace:"pre"};function r(n){var s=n.componentStack,a=n.error;return(0,p.jsx)("div",(0,t.pi)({className:"zent-error-boundary-fallback-component","data-zv":"10.0.9"},{children:(0,p.jsxs)("div",(0,t.pi)({className:"zent-error-boundary-fallback-component__error","data-zv":"10.0.9"},{children:[(0,p.jsx)(c.Z,(0,t.pi)({trigger:"hover",position:"auto-bottom-center",centerArrow:!0,content:(0,p.jsx)("div",(0,t.pi)({style:l,"data-zv":"10.0.9"},{children:s}),void 0)},{children:(0,p.jsx)(e.Z,{type:"close-circle"},void 0)}),void 0),(0,p.jsx)("span",(0,t.pi)({"data-zv":"10.0.9"},{children:a.toString()}),void 0)]}),void 0)}),void 0)}var u=function(n){var s=void 0===n?{}:n,a=s.FallbackComponent,o=s.onError;return function(n){return function(s){return(0,p.jsx)(m,(0,t.pi)({FallbackComponent:a,onError:o},{children:(0,p.jsx)(n,(0,t.pi)({},s),void 0)}),void 0)}}},i=function(n){var s=void 0===n?{}:n,a=s.Component,o=s.FallbackComponent,e=s.onError;return function(n){return(0,p.jsx)(m,(0,t.pi)({FallbackComponent:o,onError:e},{children:(0,p.jsx)(a,(0,t.pi)({},n),void 0)}),void 0)}};function k(n){return n?n.componentStack:""}var d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={error:null,info:null},s}return(0,t.ZT)(s,n),s.prototype.componentDidCatch=function(n,s){var a=this.props.onError;if("function"==typeof a)try{a(n,k(s))}catch(n){}this.setState({error:n,info:s})},s.prototype.render=function(){var n=this.props,s=n.children,a=n.FallbackComponent,t=this.state,o=t.error,e=t.info;return null!==o?(0,p.jsx)(a,{componentStack:k(e),error:o},void 0):s},s.defaultProps={FallbackComponent:r},s.withErrorBoundary=i,s.catchError=u,s}(o.Component),m=d},85883:(n,s,a)=>{"use strict";var t=a(92497);s.Z=t.Z}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2811],{42811:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>b});var t=a(73450),p=a(27378),o=a(57318),e=a(3454),c=a(14115),l=a(23476),r=a(24246);function u(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 i(n){for(var s=1;s{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"Render OK"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"Trigger error"})]})}}return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.S,{children:(0,r.jsx)(n,{})}),(0,r.jsx)("div",{style:{marginTop:10},children:"Not affected here"})]})},d=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{fail:!1}),(0,t.Z)(this,"triggerFail",(()=>{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"Render OK"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"Trigger error"})]})}}return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.S,{onError:n=>l.g.error(n.toString()),children:(0,r.jsx)(n,{})}),(0,r.jsx)("div",{style:{marginTop:10},children:"Not affected here"})]})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{fail:!1}),(0,t.Z)(this,"triggerFail",(()=>{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"Render OK"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"Trigger error"})]})}}var s=c.S.withErrorBoundary({Component:n}),a=c.S.catchError()(n);return(0,r.jsxs)("div",{children:[(0,r.jsx)(s,{}),(0,r.jsx)(a,{}),(0,r.jsx)("div",{style:{marginTop:10},children:"Not affected here"})]})},g=function(){class n extends p.Component{render(){return(0,r.jsx)("div",{children:this.props.error.toString()})}}class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{fail:!1}),(0,t.Z)(this,"triggerFail",(()=>{this.setState({fail:!0})}))}render(){if(this.state.fail)throw new Error("This is an error from render.");return(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{style:{marginRight:10},children:"Render OK"}),(0,r.jsx)(e.z,{onClick:this.triggerFail,children:"Trigger error"})]})}}return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.S,{FallbackComponent:n,children:(0,r.jsx)(s,{})}),(0,r.jsx)("div",{style:{marginTop:10},children:"Not affected here"})]})};function h(n){return(0,r.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,r.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,r.jsx)(h,{tag:"style",html:n.style})}function v(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),v(n.parentNode,s);return s}class w extends p.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,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:a||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,v(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:""}),p.createElement(y,{html:'

ErrorBoundary

\n

Catch errors down in the component tree. It is the try...catch... to React component tree.

\n

Guides

\n

Use this to separate component errors within a page. ErrorBoundary catches errors during component life cycle down in the component tree so that errors occur in one part of the page will not affect other parts of the same page.

\n

For example, say we have a page that is divided into two parts: navigation on the left and main content on the right. You can use ErrorBoundary to wrap both parts so that errors occur in one part will not break the other part of the page.

\n

Note：

\n
    \n
  • Errors in React event handlers will not be catched
    • \n
  • Errors in asynchronous code(e.g. setTimeout，requestAnimationFrame) will not be catched
    • \n
  • Requires React 16 or newer version
    • \n
\n

Demos

'}),p.createElement(w,{title:"Basic Usage",id:"Demobasic",src:'import { ErrorBoundary, Button } from \'zent\';\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>Render OK</span>\n <Button onClick={this.triggerFail}>Trigger error</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <div>\n <ErrorBoundary>\n <ErrorComponent />\n </ErrorBoundary>\n <div style={{ marginTop: 10 }}>Not affected here</div>\n </div>,\n mountNode\n);'},p.createElement(k)),p.createElement(w,{title:"onError callback",id:"Demoonerror",src:'import { ErrorBoundary, Button, Notify } from \'zent\';\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>Render OK</span>\n <Button onClick={this.triggerFail}>Trigger error</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <div>\n <ErrorBoundary onError={err => Notify.error(err.toString())}>\n <ErrorComponent />\n </ErrorBoundary>\n <div style={{ marginTop: 10 }}>Not affected here</div>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(w,{title:"withErrorBoundary and catchError HOC",id:"Demohoc",src:'import { ErrorBoundary, Button } from \'zent\';\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>Render OK</span>\n <Button onClick={this.triggerFail}>Trigger error</Button>\n </div>\n );\n }\n}\n\nconst GuardedErrorComponent = ErrorBoundary.withErrorBoundary({\n Component: ErrorComponent,\n});\nconst GuardedErrorComponent2 = ErrorBoundary.catchError()(ErrorComponent)\n\nReactDOM.render(\n <div>\n <GuardedErrorComponent />\n <GuardedErrorComponent2 />\n <div style={{ marginTop: 10 }}>Not affected here</div>\n </div>,\n mountNode\n);'},p.createElement(m)),p.createElement(w,{title:"Custom FallbackComponent",id:"Democustom",src:'import { ErrorBoundary, Button } from \'zent\';\n\nclass Fallback extends React.Component {\n render() {\n return <div>{this.props.error.toString()}</div>;\n }\n}\n\nclass ErrorComponent extends React.Component {\n state = {\n fail: false,\n };\n\n triggerFail = () => {\n this.setState({\n fail: true,\n });\n };\n\n render() {\n if (this.state.fail) {\n throw new Error(\'This is an error from render.\');\n }\n\n return (\n <div>\n <span style={{ marginRight: 10 }}>Render OK</span>\n <Button onClick={this.triggerFail}>Trigger error</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <div>\n <ErrorBoundary FallbackComponent={Fallback}>\n <ErrorComponent />\n </ErrorBoundary>\n <div style={{ marginTop: 10 }}>Not affected here</div>\n </div>,\n mountNode\n);'},p.createElement(g)),p.createElement(y,{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
PropertyDescriptionTypeRequiredDefaultAlternative
childrenChildren component to guardnodeYes
onErrorCallback when an error occurs inside a child component(error: Error, stackTrace: string): voidNo
FallbackComponentComponent to render when an error occursComponentNo
\n

FallbackComponent has two props: error and componentStack，they are the same as onError\'s parameters。

\n

withErrorBoundary

\n

This is a high order component, it provides the same functionality as ErrorBoundary.

\n
withErrorBoundary({\n  BaseComponent: React.Component,\n  onError?: (error: Error, stackTrace: string): void,\n  FallbackComponent?: React.Component\n}): React.Component
\n

catchError

\n

This HOC is the same as withErrorBoundary, but more decorator friendly.

\n
catchError({\n  onError?: (error: Error, stackTrace: string): void,\n  FallbackComponent?: React.Component\n}): ((BaseComponent: React.Component): React.Component)
'}))}}},14115:(n,s,a)=>{"use strict";a.d(s,{S:()=>d,Z:()=>m});var t=a(59312),p=a(24246),o=a(27378),e=a(27036),c=a(85883),l={whiteSpace:"pre"};function r(n){var s=n.componentStack,a=n.error;return(0,p.jsx)("div",(0,t.pi)({className:"zent-error-boundary-fallback-component","data-zv":"10.0.10"},{children:(0,p.jsxs)("div",(0,t.pi)({className:"zent-error-boundary-fallback-component__error","data-zv":"10.0.10"},{children:[(0,p.jsx)(c.Z,(0,t.pi)({trigger:"hover",position:"auto-bottom-center",centerArrow:!0,content:(0,p.jsx)("div",(0,t.pi)({style:l,"data-zv":"10.0.10"},{children:s}),void 0)},{children:(0,p.jsx)(e.Z,{type:"close-circle"},void 0)}),void 0),(0,p.jsx)("span",(0,t.pi)({"data-zv":"10.0.10"},{children:a.toString()}),void 0)]}),void 0)}),void 0)}var u=function(n){var s=void 0===n?{}:n,a=s.FallbackComponent,o=s.onError;return function(n){return function(s){return(0,p.jsx)(m,(0,t.pi)({FallbackComponent:a,onError:o},{children:(0,p.jsx)(n,(0,t.pi)({},s),void 0)}),void 0)}}},i=function(n){var s=void 0===n?{}:n,a=s.Component,o=s.FallbackComponent,e=s.onError;return function(n){return(0,p.jsx)(m,(0,t.pi)({FallbackComponent:o,onError:e},{children:(0,p.jsx)(a,(0,t.pi)({},n),void 0)}),void 0)}};function k(n){return n?n.componentStack:""}var d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={error:null,info:null},s}return(0,t.ZT)(s,n),s.prototype.componentDidCatch=function(n,s){var a=this.props.onError;if("function"==typeof a)try{a(n,k(s))}catch(n){}this.setState({error:n,info:s})},s.prototype.render=function(){var n=this.props,s=n.children,a=n.FallbackComponent,t=this.state,o=t.error,e=t.info;return null!==o?(0,p.jsx)(a,{componentStack:k(e),error:o},void 0):s},s.defaultProps={FallbackComponent:r},s.withErrorBoundary=i,s.catchError=u,s}(o.Component),m=d},85883:(n,s,a)=>{"use strict";var t=a(92497);s.Z=t.Z}}]); \ No newline at end of file diff --git a/2866-6c2812cf197b5b07232f.js b/2866-6c2812cf197b5b07232f.js new file mode 100644 index 000000000..c28825d3d --- /dev/null +++ b/2866-6c2812cf197b5b07232f.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2866],{62866:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),p=a(27378),o=a(57318),c=a(3454),e=a(23476),l=a(24246);function u(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 i(n){for(var s=1;se.g.info("info"),children:"info"}),(0,l.jsx)(c.z,{onClick:()=>e.g.success("success"),children:"success"}),(0,l.jsx)(c.z,{onClick:()=>e.g.warn("warn"),children:"warn"}),(0,l.jsx)(c.z,{onClick:()=>e.g.error("error"),children:"error"})]})},r=function(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:()=>e.g.config({duration:1e3}),children:"Set global duration to 1s"}),(0,l.jsx)(c.z,{onClick:()=>e.g.config({duration:2e3}),children:"2s"}),(0,l.jsx)(c.z,{onClick:()=>e.g.config({duration:3e3}),children:"3s"}),(0,l.jsx)("br",{}),(0,l.jsx)("br",{}),(0,l.jsx)(c.z,{onClick:()=>e.g.info("info"),children:"info"}),(0,l.jsx)(c.z,{onClick:()=>e.g.success("success"),children:"success"}),(0,l.jsx)(c.z,{onClick:()=>e.g.warn("warn"),children:"warn"}),(0,l.jsx)(c.z,{onClick:()=>e.g.error("error"),children:"error"})]})},d=function(){return(0,l.jsx)("div",{children:(0,l.jsx)(c.z,{onClick:()=>e.g.success("duration 1s",1e3),children:"duration 1s"})})},m=function(){return(0,l.jsx)(c.z,{onClick:function(){e.g.success((0,l.jsxs)("div",{children:[(0,l.jsx)("span",{style:{color:"#f67"},children:"color"}),(0,l.jsx)("i",{children:"italic"}),(0,l.jsx)("b",{children:"bold"})]}))},children:"custom notify content"})},g=function(){function n(){alert("Notify has over")}return(0,l.jsx)(c.z,{onClick:()=>e.g.success("callback when notify is finished",1e3,n),children:"Custom callback after Notify is finished"})},y=function(){function n(){}return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:()=>e.g.success("Notify success",2e3,n),children:"Notify success"}),(0,l.jsx)(c.z,{onClick:()=>e.g.clear(),children:"Clear"})]})},f=function(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:function(){e.g.success("custom notify content container","",(()=>{}),"#custom-container")},children:"custom notify content container"}),(0,l.jsx)("div",{id:"custom-container",style:{position:"relative"}})]})},h=function(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:()=>e.g.config({containerSelector:"#global-custom-container"}),children:"Set global container selector to custom"}),(0,l.jsx)(c.z,{onClick:()=>e.g.config({containerSelector:"body"}),children:"Reset global container selector config"}),(0,l.jsx)("div",{id:"global-custom-container",style:{position:"relative"}}),(0,l.jsx)("br",{}),(0,l.jsx)("br",{}),(0,l.jsx)(c.z,{onClick:()=>e.g.info("info"),children:"info"})]})};function b(n){return(0,l.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,l.jsx)(b,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function j(n){return(0,l.jsx)(b,{tag:"style",html:n.style})}function w(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),w(n.parentNode,s);return s}class N extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(b,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,w(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(j,{style:""}),p.createElement(v,{html:'

Notify

\n

Display a notification at top of the viewport.

\n

Guides

\n
    \n
  • Display a brief message
    • \n
\n

Demos

'}),p.createElement(N,{title:"Basic usage",id:"Demobasic",src:'import { Notify, Button } from \'zent\';\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.info(\'info\')}>info</Button>\n <Button onClick={() => Notify.success(\'success\')}>\n success\n </Button>\n <Button onClick={() => Notify.warn(\'warn\')}>warn</Button>\n <Button onClick={() => Notify.error(\'error\')}>error</Button>\n </div>,\n mountNode\n);'},p.createElement(k)),p.createElement(N,{title:"Adjust the global default duration through Notify.config",id:"Demoglobalduration",src:'import { Notify, Button } from \'zent\';\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.config({ duration: 1000 })}>Set global duration to 1s</Button>\n <Button onClick={() => Notify.config({ duration: 2000 })}>2s</Button>\n <Button onClick={() => Notify.config({ duration: 3000 })}>3s</Button>\n <br />\n <br />\n <Button onClick={() => Notify.info(\'info\')}>info</Button>\n <Button onClick={() => Notify.success(\'success\')}>success</Button>\n <Button onClick={() => Notify.warn(\'warn\')}>warn</Button>\n <Button onClick={() => Notify.error(\'error\')}>error</Button>\n </div>\n , mountNode\n);'},p.createElement(r)),p.createElement(N,{title:"Custom Notify Show Time",id:"Democustomshowtime",src:'import { Notify, Button } from \'zent\';\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.success(\'duration 1s\', 1000)}>\n duration 1s\n </Button>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(N,{title:"Custom Notify Content",id:"Democustomcontent",src:'import { Notify, Button } from \'zent\';\n\nfunction customContent() {\n Notify.success(\n <div>\n <span style={{ color: \'#f67\' }}>color</span>\n <i>italic</i>\n <b>bold</b>\n </div>\n );\n}\n\nReactDOM.render(\n <Button onClick={customContent}>custom notify content</Button>\n , mountNode\n);'},p.createElement(m)),p.createElement(N,{title:"Custom callback after Notify is finished",id:"Democustomcallback",src:'import { Notify, Button } from \'zent\';\n\nfunction closeCallback() {\n alert(\'Notify has over\');\n}\n\nReactDOM.render(\n <Button onClick={() => Notify.success(\'callback when notify is finished\', 1000, closeCallback)}>Custom callback after Notify is finished</Button>\n , mountNode\n);'},p.createElement(g)),p.createElement(N,{title:"Clear all nofications in screen",id:"Democlear",src:'import { Notify, Button } from \'zent\';\n\nfunction closeCallback() {\n console.log(\'Callback has call\');\n}\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.success(\'Notify success\', 2000, closeCallback)}>\n Notify success\n </Button>\n <Button onClick={() => Notify.clear()}>Clear</Button>\n </div>\n , mountNode\n);'},p.createElement(y)),p.createElement(N,{title:"Custom notify parent container css selector",id:"Democustomcontainerselector",src:'import { Notify, Button } from \'zent\';\n\nfunction customContent() {\n Notify.success(\'custom notify content container\', \'\', () => {}, \'#custom-container\');\n}\n\nconst relativeStyle = {\n position: \'relative\'\n}\n\nReactDOM.render(\n <div>\n <Button onClick={customContent}>custom notify content container</Button>\n <div id="custom-container" style={relativeStyle}></div>\n </div>\n , mountNode\n);'},p.createElement(f)),p.createElement(N,{title:"Adjust the global default container selector through Notify.config",id:"Demoglobalcontainerselector",src:'import { Notify, Button } from \'zent\';\n\nconst relativeStyle = {\n position: \'relative\'\n}\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.config({ containerSelector: \'#global-custom-container\' })}>Set global container selector to custom</Button>\n <Button onClick={() => Notify.config({ containerSelector: \'body\' })}>Reset global container selector config</Button>\n <div id="global-custom-container" style={relativeStyle}></div>\n <br />\n <br />\n <Button onClick={() => Notify.info(\'info\')}>info</Button>\n </div>\n , mountNode\n);'},p.createElement(h)),p.createElement(v,{html:'

API

\n
    \n
  • Notify.info(text: node, duration?: number, callback?: () => (), containerSelector?: string, className?: string): number
    • \n
  • Notify.success(text: node, duration?: number, callback?: () => (), containerSelector?: string, className?: string): number
    • \n
  • Notify.warn(text: node, duration?: number, callback?: () => (), containerSelector?: string, className?: string): number
    • \n
  • Notify.error(text: node, duration?: number, callback?: () => (), containerSelector?: string, className?: string): number
    • \n
\n

Notify.info, Notify.success, Notify.warn and Notify.error return an id, which can be used by Notify.clear(id) to close the specific notify instance;

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
textnotify messagenode\'\'
durationdurationnumber3500
callbackcustomize callabck when notify closesfunc
containerSelector \nv10.0.11notify\'s parent node CSS selectorstring\'body\'
className \nv10.0.11Custom class namestring
\n
    \n
  • Notify.clear(number?: id): void
    • \n
\n

If no id is passed to Notify.clear, it will close all notify instances that are active.

\n
    \n
  • Notify.config(options: Options): void
    • \n
\n

Options

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
durationglobal durationnumber3500
containerSelector \nv10.0.11notify\'s parent node CSS selectorstring\'body\'
'}))}}}}]); \ No newline at end of file diff --git a/2866-9f7e6cdfe062f77dcb6d.js b/2866-9f7e6cdfe062f77dcb6d.js deleted file mode 100644 index 67b24140a..000000000 --- a/2866-9f7e6cdfe062f77dcb6d.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2866],{62866:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>N});var t=a(73450),p=a(27378),o=a(57318),c=a(3454),e=a(23476),l=a(24246);function u(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 i(n){for(var s=1;se.g.info("info"),children:"info"}),(0,l.jsx)(c.z,{onClick:()=>e.g.success("success"),children:"success"}),(0,l.jsx)(c.z,{onClick:()=>e.g.warn("warn"),children:"warn"}),(0,l.jsx)(c.z,{onClick:()=>e.g.error("error"),children:"error"})]})},r=function(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:()=>e.g.config({duration:1e3}),children:"Set global duration to 1s"}),(0,l.jsx)(c.z,{onClick:()=>e.g.config({duration:2e3}),children:"2s"}),(0,l.jsx)(c.z,{onClick:()=>e.g.config({duration:3e3}),children:"3s"}),(0,l.jsx)("br",{}),(0,l.jsx)("br",{}),(0,l.jsx)(c.z,{onClick:()=>e.g.info("info"),children:"info"}),(0,l.jsx)(c.z,{onClick:()=>e.g.success("success"),children:"success"}),(0,l.jsx)(c.z,{onClick:()=>e.g.warn("warn"),children:"warn"}),(0,l.jsx)(c.z,{onClick:()=>e.g.error("error"),children:"error"})]})},d=function(){return(0,l.jsx)("div",{children:(0,l.jsx)(c.z,{onClick:()=>e.g.success("duration 1s",1e3),children:"duration 1s"})})},m=function(){return(0,l.jsx)(c.z,{onClick:function(){e.g.success((0,l.jsxs)("div",{children:[(0,l.jsx)("span",{style:{color:"#f67"},children:"color"}),(0,l.jsx)("i",{children:"italic"}),(0,l.jsx)("b",{children:"bold"})]}))},children:"custom notify content"})},g=function(){function n(){alert("Notify has over")}return(0,l.jsx)(c.z,{onClick:()=>e.g.success("callback when notify is finished",1e3,n),children:"Custom callback after Notify is finished"})},f=function(){function n(){}return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:()=>e.g.success("Notify success",2e3,n),children:"Notify success"}),(0,l.jsx)(c.z,{onClick:()=>e.g.clear(),children:"Clear"})]})};function y(n){return(0,l.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,l.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function b(n){return(0,l.jsx)(y,{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 w extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class N extends p.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 p.createElement("div",{className:"zandoc-react-container"},p.createElement(b,{style:""}),p.createElement(h,{html:'

Notify

\n

Display a notification at top of the viewport.

\n

Guides

\n
    \n
  • Display a brief message
    • \n
\n

Demos

'}),p.createElement(w,{title:"Basic usage",id:"Demobasic",src:'import { Notify, Button } from \'zent\';\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.info(\'info\')}>info</Button>\n <Button onClick={() => Notify.success(\'success\')}>\n success\n </Button>\n <Button onClick={() => Notify.warn(\'warn\')}>warn</Button>\n <Button onClick={() => Notify.error(\'error\')}>error</Button>\n </div>,\n mountNode\n);'},p.createElement(k)),p.createElement(w,{title:"Adjust the global default duration through Notify.config",id:"Demoglobalduration",src:'import { Notify, Button } from \'zent\';\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.config({ duration: 1000 })}>Set global duration to 1s</Button>\n <Button onClick={() => Notify.config({ duration: 2000 })}>2s</Button>\n <Button onClick={() => Notify.config({ duration: 3000 })}>3s</Button>\n <br />\n <br />\n <Button onClick={() => Notify.info(\'info\')}>info</Button>\n <Button onClick={() => Notify.success(\'success\')}>success</Button>\n <Button onClick={() => Notify.warn(\'warn\')}>warn</Button>\n <Button onClick={() => Notify.error(\'error\')}>error</Button>\n </div>\n , mountNode\n);'},p.createElement(r)),p.createElement(w,{title:"Custom Notify Show Time",id:"Democustomshowtime",src:'import { Notify, Button } from \'zent\';\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.success(\'duration 1s\', 1000)}>\n duration 1s\n </Button>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(w,{title:"Custom Notify Content",id:"Democustomcontent",src:'import { Notify, Button } from \'zent\';\n\nfunction customContent() {\n Notify.success(\n <div>\n <span style={{ color: \'#f67\' }}>color</span>\n <i>italic</i>\n <b>bold</b>\n </div>\n );\n}\n\nReactDOM.render(\n <Button onClick={customContent}>custom notify content</Button>\n , mountNode\n);'},p.createElement(m)),p.createElement(w,{title:"Custom callback after Notify is finished",id:"Democustomcallback",src:'import { Notify, Button } from \'zent\';\n\nfunction closeCallback() {\n alert(\'Notify has over\');\n}\n\nReactDOM.render(\n <Button onClick={() => Notify.success(\'callback when notify is finished\', 1000, closeCallback)}>Custom callback after Notify is finished</Button>\n , mountNode\n);'},p.createElement(g)),p.createElement(w,{title:"Clear all nofications in screen",id:"Democlear",src:'import { Notify, Button } from \'zent\';\n\nfunction closeCallback() {\n console.log(\'Callback has call\');\n}\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.success(\'Notify success\', 2000, closeCallback)}>\n Notify success\n </Button>\n <Button onClick={() => Notify.clear()}>Clear</Button>\n </div>\n , mountNode\n);'},p.createElement(f)),p.createElement(h,{html:'

API

\n
    \n
  • Notify.info(text: node, duration?: number, callback?: () => ()): number
    • \n
  • Notify.success(text: node, duration?: number, callback?: () => ()): number
    • \n
  • Notify.warn(text: node, duration?: number, callback?: () => ()): number
    • \n
  • Notify.error(text: node, duration?: number, callback?: () => ()): number
    • \n
\n

Notify.info, Notify.success, Notify.warn and Notify.error return an id, which can be used by Notify.clear(id) to close the specific notify instance;

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
textnotify messagenode\'\'
durationdurationnumber3500
callbackcustomize callabck when notify closesfunc
\n
    \n
  • Notify.clear(number?: id): void
    • \n
\n

If no id is passed to Notify.clear, it will close all notify instances that are active.

\n
    \n
  • Notify.config(options): void
    • \n
\n

duration is the only supported parameter in options, it is used to set Notify duration globally.

'}))}}}}]); \ No newline at end of file diff --git a/2868-e007bc82010a2a8d882a.js b/2868-207043e08a204c75cbb9.js similarity index 92% rename from 2868-e007bc82010a2a8d882a.js rename to 2868-207043e08a204c75cbb9.js index fdb78f914..d1b3849f3 100644 --- a/2868-e007bc82010a2a8d882a.js +++ b/2868-207043e08a204c75cbb9.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2868],{12868:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>v});var t=s(73450),p=s(27378),e=s(57318),o=s(45516),c=s(24246);function l(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function u(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,p=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(k,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class v extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,h(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(m,{style:""}),p.createElement(d,{html:'

BlockHeader

\n

This is a block header.

\n

Demos

'}),p.createElement(g,{title:"Basic Usage",id:"Demobasic",src:'import { BlockHeader } from \'zent\';\n\nclass Simple extends React.Component {\n render() {\n return (\n <div>\n <BlockHeader\n title="Youzan wsc"\n tooltip={<span>test</span>}\n position="top-center"\n />\n <br />\n <BlockHeader\n className="test-class"\n title="Youzan wsc"\n position="top-center"\n leftContent={\n <a className="zent-link" href="/">\n left content\n </a>\n }\n />\n <br />\n <BlockHeader\n title="Youzan wsc"\n tooltip={<span>test</span>}\n position="top-center"\n rightContent={\n <a className="zent-link" href="/">\n right content\n </a>\n }\n />\n <br />\n <BlockHeader\n className="test-class"\n title="Youzan wsc"\n tooltip={<span>test</span>}\n position="top-center"\n leftContent={\n <a className="zent-link" href="/">\n left content\n </a>\n }\n rightContent={\n <a className="zent-link" href="/">\n right content\n </a>\n }\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(i)),p.createElement(g,{title:"type",id:"Demotype",src:'import { BlockHeader } from \'zent\';\n\nclass Type extends React.Component {\n render() {\n return (\n <div>\n <BlockHeader title="ribbon (default)" />\n <br />\n <BlockHeader\n type="minimum"\n title="minimum"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Type />, mountNode);'},p.createElement(r)),p.createElement(d,{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
PropertyDescriptionTypeDefaultAlternative
classNamecustom class namestring''
typestyle type'ribbon' \n|\n 'minimum''ribbon''minimum'
titletitleReactNode
tooltipcontent of the popReactNode
positionpop positionstring'top-right'
leftContentleft custom contentReactNode
rightContentright custom contentReactNode
"}))}}},45516:(n,a,s)=>{"use strict";s.d(a,{t:()=>i});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(85883),u=s(27036),i=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.renderTitle=function(){var n=this.props,a=n.title,s=n.type;return(0,p.jsx)("div",(0,t.pi)({className:c()("zent-block-header__title",{"zent-block-header__title-ribbon":"ribbon"===s}),"data-zv":"10.0.9"},{children:(0,p.jsx)("h3",(0,t.pi)({"data-zv":"10.0.9"},{children:a}),void 0)}),void 0)},a.prototype.renderTooltip=function(){var n=this.props,a=n.tooltip,s=n.position;return(0,p.jsx)("div",(0,t.pi)({className:"zent-block-header__pop","data-zv":"10.0.9"},{children:(0,p.jsx)(l.Z,(0,t.pi)({trigger:"hover",centerArrow:!0,position:s,content:(0,p.jsx)("div",(0,t.pi)({className:"zent-block-header__tooltip","data-zv":"10.0.9"},{children:a}),void 0)},{children:(0,p.jsx)(u.Z,{className:"zent-block-header__pop-help-icon",type:"help-circle"},void 0)}),void 0)}),void 0)},a.prototype.renderLeftContent=function(){var n=this.props.leftContent;return(0,p.jsx)("div",(0,t.pi)({className:c()("zent-block-header__content","zent-block-header__content-left"),"data-zv":"10.0.9"},{children:n}),void 0)},a.prototype.renderRightContent=function(){var n=this.props.rightContent;return(0,p.jsx)("div",(0,t.pi)({className:c()("zent-block-header__content","zent-block-header__content-right"),"data-zv":"10.0.9"},{children:n}),void 0)},a.prototype.render=function(){var n=this.props,a=n.leftContent,s=n.rightContent,e=n.tooltip,o=n.className,l=n.type;return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-block-header",o,{"zent-block-header-ribbon":"ribbon"===l,"zent-block-header-minimum":"minimum"===l}),"data-zv":"10.0.9"},{children:[this.renderTitle(),e&&this.renderTooltip(),a&&this.renderLeftContent(),s&&this.renderRightContent()]}),void 0)},a.defaultProps={className:"",position:"top-right",type:"ribbon"},a}(e.Component)},85883:(n,a,s)=>{"use strict";var t=s(92497);a.Z=t.Z}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[2868],{12868:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>v});var t=s(73450),p=s(27378),e=s(57318),o=s(45516),c=s(24246);function l(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function u(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,p=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(k,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class v extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,h(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(m,{style:""}),p.createElement(d,{html:'

BlockHeader

\n

This is a block header.

\n

Demos

'}),p.createElement(g,{title:"Basic Usage",id:"Demobasic",src:'import { BlockHeader } from \'zent\';\n\nclass Simple extends React.Component {\n render() {\n return (\n <div>\n <BlockHeader\n title="Youzan wsc"\n tooltip={<span>test</span>}\n position="top-center"\n />\n <br />\n <BlockHeader\n className="test-class"\n title="Youzan wsc"\n position="top-center"\n leftContent={\n <a className="zent-link" href="/">\n left content\n </a>\n }\n />\n <br />\n <BlockHeader\n title="Youzan wsc"\n tooltip={<span>test</span>}\n position="top-center"\n rightContent={\n <a className="zent-link" href="/">\n right content\n </a>\n }\n />\n <br />\n <BlockHeader\n className="test-class"\n title="Youzan wsc"\n tooltip={<span>test</span>}\n position="top-center"\n leftContent={\n <a className="zent-link" href="/">\n left content\n </a>\n }\n rightContent={\n <a className="zent-link" href="/">\n right content\n </a>\n }\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(i)),p.createElement(g,{title:"type",id:"Demotype",src:'import { BlockHeader } from \'zent\';\n\nclass Type extends React.Component {\n render() {\n return (\n <div>\n <BlockHeader title="ribbon (default)" />\n <br />\n <BlockHeader\n type="minimum"\n title="minimum"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Type />, mountNode);'},p.createElement(r)),p.createElement(d,{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
PropertyDescriptionTypeDefaultAlternative
classNamecustom class namestring''
typestyle type'ribbon' \n|\n 'minimum''ribbon''minimum'
titletitleReactNode
tooltipcontent of the popReactNode
positionpop positionstring'top-right'
leftContentleft custom contentReactNode
rightContentright custom contentReactNode
"}))}}},45516:(n,a,s)=>{"use strict";s.d(a,{t:()=>i});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(85883),u=s(27036),i=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.renderTitle=function(){var n=this.props,a=n.title,s=n.type;return(0,p.jsx)("div",(0,t.pi)({className:c()("zent-block-header__title",{"zent-block-header__title-ribbon":"ribbon"===s}),"data-zv":"10.0.10"},{children:(0,p.jsx)("h3",(0,t.pi)({"data-zv":"10.0.10"},{children:a}),void 0)}),void 0)},a.prototype.renderTooltip=function(){var n=this.props,a=n.tooltip,s=n.position;return(0,p.jsx)("div",(0,t.pi)({className:"zent-block-header__pop","data-zv":"10.0.10"},{children:(0,p.jsx)(l.Z,(0,t.pi)({trigger:"hover",centerArrow:!0,position:s,content:(0,p.jsx)("div",(0,t.pi)({className:"zent-block-header__tooltip","data-zv":"10.0.10"},{children:a}),void 0)},{children:(0,p.jsx)(u.Z,{className:"zent-block-header__pop-help-icon",type:"help-circle"},void 0)}),void 0)}),void 0)},a.prototype.renderLeftContent=function(){var n=this.props.leftContent;return(0,p.jsx)("div",(0,t.pi)({className:c()("zent-block-header__content","zent-block-header__content-left"),"data-zv":"10.0.10"},{children:n}),void 0)},a.prototype.renderRightContent=function(){var n=this.props.rightContent;return(0,p.jsx)("div",(0,t.pi)({className:c()("zent-block-header__content","zent-block-header__content-right"),"data-zv":"10.0.10"},{children:n}),void 0)},a.prototype.render=function(){var n=this.props,a=n.leftContent,s=n.rightContent,e=n.tooltip,o=n.className,l=n.type;return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-block-header",o,{"zent-block-header-ribbon":"ribbon"===l,"zent-block-header-minimum":"minimum"===l}),"data-zv":"10.0.10"},{children:[this.renderTitle(),e&&this.renderTooltip(),a&&this.renderLeftContent(),s&&this.renderRightContent()]}),void 0)},a.defaultProps={className:"",position:"top-right",type:"ribbon"},a}(e.Component)},85883:(n,a,s)=>{"use strict";var t=s(92497);a.Z=t.Z}}]); \ No newline at end of file diff --git a/3296-e6b49ebe5132a495df4f.js b/3296-61b72c1d76f425327144.js similarity index 96% rename from 3296-e6b49ebe5132a495df4f.js rename to 3296-61b72c1d76f425327144.js index 41b207231..c0fb7d540 100644 --- a/3296-e6b49ebe5132a495df4f.js +++ b/3296-61b72c1d76f425327144.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3296],{33296:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>C});var t=s(73450),p=s(27378),o=s(57318),e=s(50993),c=s(56377),l=s(3454),u=s(34446),i=s(20840),k=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{this.setState({loading:n})}))}render(){var n=this.state.loading;return(0,k.jsxs)("div",{children:[(0,k.jsx)(e.c,{loading:n,children:(0,k.jsx)("div",{className:"zent-loading-example-hello-world",children:"Hello World"})}),(0,k.jsx)(c.r,{className:"zent-loading-example-switch",checked:n,onChange:this.onChange,size:"small"})]})}}return(0,k.jsx)(n,{})},h=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{noBgOpen:!1,showBgOpen:!1}),(0,t.Z)(this,"close",(()=>{this.setState({noBgOpen:!1,showBgOpen:!1})}))}render(){return(0,k.jsxs)("div",{children:[(0,k.jsx)(l.z,{onClick:()=>{this.setState({noBgOpen:!0})},children:"全局开启"}),(0,k.jsx)(l.z,{onClick:()=>{this.setState({showBgOpen:!0})},children:"带背景的全局开启"}),(0,k.jsx)(l.z,{onClick:()=>this.close(),style:{zIndex:9999,position:"relative"},children:"全局关闭"}),(0,k.jsx)(u.S,{loading:this.state.noBgOpen}),(0,k.jsx)(u.S,{loading:this.state.showBgOpen,iconText:"商品上传中，请稍后",showBackground:!0})]})}}return(0,k.jsx)(n,{})},y=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{loading:!1}),(0,t.Z)(this,"onChange",(n=>{this.setState({loading:n})}))}render(){var n=this.state.loading;return(0,k.jsxs)("div",{children:[(0,k.jsx)(e.c,{loading:n,delay:1e3}),(0,k.jsx)(c.r,{className:"zent-loading-example-switch",checked:n,onChange:this.onChange,size:"small"})]})}}return(0,k.jsx)(n,{})},v=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{on:!1})}render(){return(0,k.jsxs)("div",{children:[(0,k.jsx)(l.z,{onClick:()=>{this.setState({on:!0})},children:"全局开启"}),(0,k.jsx)(l.z,{onClick:()=>{this.setState({on:!1})},style:{zIndex:9999,position:"relative"},children:"全局关闭"}),(0,k.jsx)(u.S,{loading:this.state.on,text:"商品上传中，请稍后",showBackground:!0})]})}}return(0,k.jsx)(n,{})},x=function(){return(0,k.jsxs)("div",{className:"zent-loading-demo-text-wrapper",children:[(0,k.jsx)(i.l,{loading:!0,iconSize:16,textSize:12,iconText:"加载中"}),(0,k.jsx)(i.l,{loading:!0,iconText:"加载中"}),(0,k.jsx)(i.l,{loading:!0,iconSize:24,textSize:16,iconText:"加载中"})]})},f=function(){return(0,k.jsxs)("div",{className:"zent-loading-demo-inline-container",children:[(0,k.jsx)(i.l,{loading:!0}),(0,k.jsx)(i.l,{loading:!0,icon:"circle",iconText:"加载中",textPosition:"right"}),(0,k.jsx)(i.l,{loading:!0,iconText:"加载中"})]})},w=function(){return(0,k.jsxs)("div",{className:"zent-loading-demo-inline-container",children:[(0,k.jsx)(i.l,{loading:!0,icon:"circle",iconText:"加载中",colorPreset:"grey"}),(0,k.jsx)(i.l,{loading:!0,icon:"circle",colorPreset:"grey"})]})};function b(n){return(0,k.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function j(n){return(0,k.jsx)(b,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function z(n){return(0,k.jsx)(b,{tag:"style",html:n.style})}function S(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),S(n.parentNode,a);return a}class B extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:s||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(b,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,S(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(z,{style:".zent-loading-example-switch {\n\tmargin-top: 10px;\n}\n.zent-loading-example-hello-world {\n\tbackground: #f8f8f8;\n\ttext-align: center;\n\theight: 260px;\n\tline-height: 260px;\n}\n\n.zent-loading-demo-switch-background {\n\t\tdisplay: flex;\n\t\tmargin-bottom: 12px;\n\t}\n\n\t.zent-loading-demo-switch-background > .zent-switch {\n\t\tmargin-left: 8px;\n\t}\n\n.zent-loading-demo-switch-background {\n\t\tdisplay: flex;\n\t\tmargin-bottom: 12px;\n\t}\n\n\t.zent-loading-demo-switch-background > .zent-switch {\n\t\tmargin-left: 8px;\n\t}\n\n.zent-loading-demo-text-wrapper {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: space-around;\n\t}\n\n.zent-loading-demo-inline-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-around;\n\t}"}),p.createElement(j,{html:'

Loading 加载

\n

展示数据无特定时长的载入状态。

\n

建议

\n
    \n
  • 在对于无法立即执行且只需要短时处理的操作时使用；
    • \n
  • 在检索或刷新少量数据（如状态）时使用。
    • \n
\n

注意

\n
    \n
  • 不允许一次触发多个项目或操作的加载，除非在初始页面加载或刷新时。
    • \n
\n

代码演示

'}),p.createElement(B,{title:"基础用法",id:"Demobasic",src:'import { BlockLoading } from \'zent\';\n\nReactDOM.render(<BlockLoading loading />, mountNode);'},p.createElement(g)),p.createElement(B,{title:"包裹模式",id:"Demowrappermode",src:'import { BlockLoading, Switch } from \'zent\';\n\nclass Wrapper extends React.Component {\n state = { loading: false };\n\n onChange = value => {\n this.setState({ loading: value });\n };\n\n render() {\n const { loading } = this.state;\n\n return (\n <div>\n <BlockLoading loading={loading}>\n <div className="zent-loading-example-hello-world">Hello World</div>\n </BlockLoading>\n <Switch\n className="zent-loading-example-switch"\n checked={loading}\n onChange={this.onChange}\n size="small"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Wrapper />, mountNode);'},p.createElement(m)),p.createElement(B,{title:"全局模式",id:"Demoglobalmode",src:'import { FullScreenLoading, Button, Switch } from \'zent\';\n\nclass Example extends React.Component {\n state = {\n noBgOpen: false,\n showBgOpen: false,\n };\n\n close = () => {\n this.setState({\n noBgOpen: false,\n showBgOpen: false,\n });\n };\n\n render() {\n return (\n <div>\n <Button\n onClick={() => {\n this.setState({ noBgOpen: true });\n }}\n >\n 全局开启\n </Button>\n <Button\n onClick={() => {\n this.setState({ showBgOpen: true });\n }}\n >\n 带背景的全局开启\n </Button>\n <Button\n onClick={() => this.close()}\n style={{ zIndex: 9999, position: \'relative\' }}\n >\n 全局关闭\n </Button>\n <FullScreenLoading loading={this.state.noBgOpen} />\n <FullScreenLoading\n loading={this.state.showBgOpen}\n iconText="商品上传中，请稍后"\n showBackground\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(h)),p.createElement(B,{title:"延迟 1s 显示",id:"Demodelay",src:'import { BlockLoading, Switch } from \'zent\';\n\nclass Wrapper extends React.Component {\n state = { loading: false };\n\n onChange = value => {\n this.setState({ loading: value });\n };\n\n render() {\n const { loading } = this.state;\n\n return (\n <div>\n <BlockLoading loading={loading} delay={1000} />\n <Switch\n className="zent-loading-example-switch"\n checked={loading}\n onChange={this.onChange}\n size="small"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Wrapper />, mountNode);'},p.createElement(y)),p.createElement(B,{title:"全局模式下显示背景色",id:"Demoglobalmodewithbackground",src:'import { FullScreenLoading, Button, Switch } from \'zent\';\n\nclass Example extends React.Component {\n state = {\n on: false,\n };\n\n render() {\n return (\n <div>\n <Button\n onClick={() => {\n this.setState({ on: true });\n }}\n >\n 全局开启\n </Button>\n <Button\n onClick={() => {\n this.setState({ on: false });\n }}\n style={{ zIndex: 9999, position: \'relative\' }}\n >\n 全局关闭\n </Button>\n <FullScreenLoading\n loading={this.state.on}\n text="商品上传中，请稍后"\n showBackground\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(v)),p.createElement(B,{title:"自定义图标大小和文字",id:"Demotext",src:'import { InlineLoading } from \'zent\';\n\nReactDOM.render(\n <div className="zent-loading-demo-text-wrapper">\n <InlineLoading loading iconSize={16} textSize={12} iconText="加载中" />\n <InlineLoading loading iconText="加载中" />\n <InlineLoading loading iconSize={24} textSize={16} iconText="加载中" />\n </div>,\n mountNode\n);'},p.createElement(x)),p.createElement(B,{title:"内联样式",id:"Demoinline",src:'import { InlineLoading } from \'zent\';\n\nReactDOM.render(\n <div className="zent-loading-demo-inline-container">\n <InlineLoading loading />\n <InlineLoading\n loading\n icon="circle"\n iconText="加载中"\n textPosition="right"\n />\n <InlineLoading loading iconText="加载中" />\n </div>,\n mountNode\n);'},p.createElement(f)),p.createElement(B,{title:"预设主题色",id:"Demopreset",src:'import { InlineLoading } from \'zent\';\n\nReactDOM.render(\n <div className="zent-loading-demo-inline-container">\n <InlineLoading\n loading\n icon="circle"\n iconText="加载中"\n colorPreset="grey"\n />\n <InlineLoading loading icon="circle" colorPreset="grey" />\n </div>,\n mountNode\n);'},p.createElement(w)),p.createElement(j,{html:'

API

\n

Loading 有 3 种类型：BlockLoading, InlineLoading 以及 FullScreenLoading。\n3 种类型共享大部分参数，每种类型可能有独有的参数。

\n

通用的参数

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必填默认值备选值
loading显示控制boolean否falsetrue
delay显示延迟时间（毫秒）number否0
icon图标样式string否\'circle\'\'youzan\'
iconSize图标大小number否
iconText图标文案string否
colorPreset预设主题色string否\'primary\'\'grey\'
textPosition文案相对图标的位置string否\'bottom\'\'top\'\n \n|\n \n\'left\'\n \n|\n \n\'right\'
textSize文案字体大小number否
className自定义额外类名string否
\n

BlockLoading

\n

块级 Loading，可以包裹内容，或者给定一个高度。常用于页面区块的加载。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必填默认值备选值
height如果包裹了组件，默认表现为组件高度；否则将使用默认高度number160
children包裹的内容ReactNode否
\n

InlineLoading

\n

内联 Loading，不能包裹内容，行内显示。

\n

FullScreenLoading

\n

全屏 Loading，不能包裹内容，全屏显示。用于页面级的加载。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必填默认值备选值
zIndex蒙层 z-indexnumber否
showBackground是否显示 Loading 底部背景色bool否
'}))}}},50993:(n,a,s)=>{"use strict";s.d(a,{c:()=>i});var t=s(59312),p=s(24246),o=s(60042),e=s.n(o),c=s(40695),l=s(73326),u=s(72551);function i(n){var a=function(n){var a=(0,u.n)(n,"height"),s=n.children;return s||a?s&&!a?"initial":n.height:160}(n),s=n.loading,o=void 0!==s&&s,i=n.delay,k=void 0===i?0:i,r=n.className,d=n.children,g=n.icon,m=void 0===g?"circle":g,h=n.iconSize,y=n.iconText,v=n.textPosition,x=void 0===v?"bottom":v,f=n.colorPreset,w=void 0===f?"primary":f,b=!!d,j=!(0,l.Z)({loading:o,delay:k})&&o;return j||b?(0,p.jsxs)("div",(0,t.pi)({className:e()("zent-loading","zent-loading--block",r,{"zent-loading--has-children":b}),style:{height:a},"data-zv":"10.0.9"},{children:[d,j&&(0,p.jsx)(c.Z,{icon:m,size:h,text:y,textPosition:x,colorPreset:w},void 0)]}),void 0):null}a.Z=i},34446:(n,a,s)=>{"use strict";s.d(a,{S:()=>k});var t=s(59312),p=s(24246),o=s(60042),e=s.n(o),c=s(73326),l=s(40695),u=s(23860),i={};function k(n){var a=n.loading,s=void 0!==a&&a,o=n.delay,k=void 0===o?0:o,r=n.className,d=n.icon,g=void 0===d?"circle":d,m=n.iconSize,h=n.iconText,y=n.textPosition,v=void 0===y?"bottom":y,x=n.zIndex,f=n.colorPreset,w=void 0===f?"primary":f,b=n.showBackground,j=m||b?24:32,z=n.textSize||b?14:20;if((0,c.Z)({loading:s,delay:k})||!s)return null;var S="number"==typeof x?{zIndex:x}:i;return(0,p.jsx)(u.h,(0,t.pi)({className:e()("zent-loading","zent-loading--fullscreen",r,{"zent-loading--show-background":b}),style:S,blockPageScroll:!0},{children:(0,p.jsx)(l.Z,{icon:g,size:j,text:h,textPosition:v,colorPreset:w,textSize:z},void 0)}),void 0)}},40695:(n,a,s)=>{"use strict";s.d(a,{Z:()=>e});var t=s(59312),p=s(24246),o=s(56975);function e(n){return(0,p.jsx)("div",(0,t.pi)({className:"zent-loading-mask","data-zv":"10.0.9"},{children:(0,p.jsx)(o.Z,(0,t.pi)({},n),void 0)}),void 0)}},56377:(n,a,s)=>{"use strict";s.d(a,{r:()=>u});var t=s(59312),p=s(24246),o=s(27378),e=s(60042),c=s.n(e),l=s(1348),u=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.toggle=function(){var n=a.props,s=n.onChange,t=n.checked;s&&s(!t)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n,a=this.props,s=a.className,t=a.size,o=a.disabled,e=void 0===o?this.context.value:o,l=a.loading,u=a.checked,i=e||l,k=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=i,n["zent-switch-loading"]=l,n["zent-switch-checked"]=u,n),"zent-switch",s);return(0,p.jsx)("div",{className:k,onClick:i?void 0:this.toggle,"data-zv":"10.0.9"},void 0)},a.defaultProps={size:"default"},a.contextType=l.d,a}(o.Component);a.Z=u}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3296],{33296:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>C});var t=s(73450),p=s(27378),o=s(57318),e=s(50993),c=s(56377),l=s(3454),u=s(34446),i=s(20840),k=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{this.setState({loading:n})}))}render(){var n=this.state.loading;return(0,k.jsxs)("div",{children:[(0,k.jsx)(e.c,{loading:n,children:(0,k.jsx)("div",{className:"zent-loading-example-hello-world",children:"Hello World"})}),(0,k.jsx)(c.r,{className:"zent-loading-example-switch",checked:n,onChange:this.onChange,size:"small"})]})}}return(0,k.jsx)(n,{})},h=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{noBgOpen:!1,showBgOpen:!1}),(0,t.Z)(this,"close",(()=>{this.setState({noBgOpen:!1,showBgOpen:!1})}))}render(){return(0,k.jsxs)("div",{children:[(0,k.jsx)(l.z,{onClick:()=>{this.setState({noBgOpen:!0})},children:"全局开启"}),(0,k.jsx)(l.z,{onClick:()=>{this.setState({showBgOpen:!0})},children:"带背景的全局开启"}),(0,k.jsx)(l.z,{onClick:()=>this.close(),style:{zIndex:9999,position:"relative"},children:"全局关闭"}),(0,k.jsx)(u.S,{loading:this.state.noBgOpen}),(0,k.jsx)(u.S,{loading:this.state.showBgOpen,iconText:"商品上传中，请稍后",showBackground:!0})]})}}return(0,k.jsx)(n,{})},y=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{loading:!1}),(0,t.Z)(this,"onChange",(n=>{this.setState({loading:n})}))}render(){var n=this.state.loading;return(0,k.jsxs)("div",{children:[(0,k.jsx)(e.c,{loading:n,delay:1e3}),(0,k.jsx)(c.r,{className:"zent-loading-example-switch",checked:n,onChange:this.onChange,size:"small"})]})}}return(0,k.jsx)(n,{})},v=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{on:!1})}render(){return(0,k.jsxs)("div",{children:[(0,k.jsx)(l.z,{onClick:()=>{this.setState({on:!0})},children:"全局开启"}),(0,k.jsx)(l.z,{onClick:()=>{this.setState({on:!1})},style:{zIndex:9999,position:"relative"},children:"全局关闭"}),(0,k.jsx)(u.S,{loading:this.state.on,text:"商品上传中，请稍后",showBackground:!0})]})}}return(0,k.jsx)(n,{})},x=function(){return(0,k.jsxs)("div",{className:"zent-loading-demo-text-wrapper",children:[(0,k.jsx)(i.l,{loading:!0,iconSize:16,textSize:12,iconText:"加载中"}),(0,k.jsx)(i.l,{loading:!0,iconText:"加载中"}),(0,k.jsx)(i.l,{loading:!0,iconSize:24,textSize:16,iconText:"加载中"})]})},f=function(){return(0,k.jsxs)("div",{className:"zent-loading-demo-inline-container",children:[(0,k.jsx)(i.l,{loading:!0}),(0,k.jsx)(i.l,{loading:!0,icon:"circle",iconText:"加载中",textPosition:"right"}),(0,k.jsx)(i.l,{loading:!0,iconText:"加载中"})]})},w=function(){return(0,k.jsxs)("div",{className:"zent-loading-demo-inline-container",children:[(0,k.jsx)(i.l,{loading:!0,icon:"circle",iconText:"加载中",colorPreset:"grey"}),(0,k.jsx)(i.l,{loading:!0,icon:"circle",colorPreset:"grey"})]})};function b(n){return(0,k.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function j(n){return(0,k.jsx)(b,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function z(n){return(0,k.jsx)(b,{tag:"style",html:n.style})}function S(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),S(n.parentNode,a);return a}class B extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:s||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(b,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,S(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(z,{style:".zent-loading-example-switch {\n\tmargin-top: 10px;\n}\n.zent-loading-example-hello-world {\n\tbackground: #f8f8f8;\n\ttext-align: center;\n\theight: 260px;\n\tline-height: 260px;\n}\n\n.zent-loading-demo-switch-background {\n\t\tdisplay: flex;\n\t\tmargin-bottom: 12px;\n\t}\n\n\t.zent-loading-demo-switch-background > .zent-switch {\n\t\tmargin-left: 8px;\n\t}\n\n.zent-loading-demo-switch-background {\n\t\tdisplay: flex;\n\t\tmargin-bottom: 12px;\n\t}\n\n\t.zent-loading-demo-switch-background > .zent-switch {\n\t\tmargin-left: 8px;\n\t}\n\n.zent-loading-demo-text-wrapper {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: space-around;\n\t}\n\n.zent-loading-demo-inline-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-around;\n\t}"}),p.createElement(j,{html:'

Loading 加载

\n

展示数据无特定时长的载入状态。

\n

建议

\n
    \n
  • 在对于无法立即执行且只需要短时处理的操作时使用；
    • \n
  • 在检索或刷新少量数据（如状态）时使用。
    • \n
\n

注意

\n
    \n
  • 不允许一次触发多个项目或操作的加载，除非在初始页面加载或刷新时。
    • \n
\n

代码演示

'}),p.createElement(B,{title:"基础用法",id:"Demobasic",src:'import { BlockLoading } from \'zent\';\n\nReactDOM.render(<BlockLoading loading />, mountNode);'},p.createElement(g)),p.createElement(B,{title:"包裹模式",id:"Demowrappermode",src:'import { BlockLoading, Switch } from \'zent\';\n\nclass Wrapper extends React.Component {\n state = { loading: false };\n\n onChange = value => {\n this.setState({ loading: value });\n };\n\n render() {\n const { loading } = this.state;\n\n return (\n <div>\n <BlockLoading loading={loading}>\n <div className="zent-loading-example-hello-world">Hello World</div>\n </BlockLoading>\n <Switch\n className="zent-loading-example-switch"\n checked={loading}\n onChange={this.onChange}\n size="small"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Wrapper />, mountNode);'},p.createElement(m)),p.createElement(B,{title:"全局模式",id:"Demoglobalmode",src:'import { FullScreenLoading, Button, Switch } from \'zent\';\n\nclass Example extends React.Component {\n state = {\n noBgOpen: false,\n showBgOpen: false,\n };\n\n close = () => {\n this.setState({\n noBgOpen: false,\n showBgOpen: false,\n });\n };\n\n render() {\n return (\n <div>\n <Button\n onClick={() => {\n this.setState({ noBgOpen: true });\n }}\n >\n 全局开启\n </Button>\n <Button\n onClick={() => {\n this.setState({ showBgOpen: true });\n }}\n >\n 带背景的全局开启\n </Button>\n <Button\n onClick={() => this.close()}\n style={{ zIndex: 9999, position: \'relative\' }}\n >\n 全局关闭\n </Button>\n <FullScreenLoading loading={this.state.noBgOpen} />\n <FullScreenLoading\n loading={this.state.showBgOpen}\n iconText="商品上传中，请稍后"\n showBackground\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(h)),p.createElement(B,{title:"延迟 1s 显示",id:"Demodelay",src:'import { BlockLoading, Switch } from \'zent\';\n\nclass Wrapper extends React.Component {\n state = { loading: false };\n\n onChange = value => {\n this.setState({ loading: value });\n };\n\n render() {\n const { loading } = this.state;\n\n return (\n <div>\n <BlockLoading loading={loading} delay={1000} />\n <Switch\n className="zent-loading-example-switch"\n checked={loading}\n onChange={this.onChange}\n size="small"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Wrapper />, mountNode);'},p.createElement(y)),p.createElement(B,{title:"全局模式下显示背景色",id:"Demoglobalmodewithbackground",src:'import { FullScreenLoading, Button, Switch } from \'zent\';\n\nclass Example extends React.Component {\n state = {\n on: false,\n };\n\n render() {\n return (\n <div>\n <Button\n onClick={() => {\n this.setState({ on: true });\n }}\n >\n 全局开启\n </Button>\n <Button\n onClick={() => {\n this.setState({ on: false });\n }}\n style={{ zIndex: 9999, position: \'relative\' }}\n >\n 全局关闭\n </Button>\n <FullScreenLoading\n loading={this.state.on}\n text="商品上传中，请稍后"\n showBackground\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(v)),p.createElement(B,{title:"自定义图标大小和文字",id:"Demotext",src:'import { InlineLoading } from \'zent\';\n\nReactDOM.render(\n <div className="zent-loading-demo-text-wrapper">\n <InlineLoading loading iconSize={16} textSize={12} iconText="加载中" />\n <InlineLoading loading iconText="加载中" />\n <InlineLoading loading iconSize={24} textSize={16} iconText="加载中" />\n </div>,\n mountNode\n);'},p.createElement(x)),p.createElement(B,{title:"内联样式",id:"Demoinline",src:'import { InlineLoading } from \'zent\';\n\nReactDOM.render(\n <div className="zent-loading-demo-inline-container">\n <InlineLoading loading />\n <InlineLoading\n loading\n icon="circle"\n iconText="加载中"\n textPosition="right"\n />\n <InlineLoading loading iconText="加载中" />\n </div>,\n mountNode\n);'},p.createElement(f)),p.createElement(B,{title:"预设主题色",id:"Demopreset",src:'import { InlineLoading } from \'zent\';\n\nReactDOM.render(\n <div className="zent-loading-demo-inline-container">\n <InlineLoading\n loading\n icon="circle"\n iconText="加载中"\n colorPreset="grey"\n />\n <InlineLoading loading icon="circle" colorPreset="grey" />\n </div>,\n mountNode\n);'},p.createElement(w)),p.createElement(j,{html:'

API

\n

Loading 有 3 种类型：BlockLoading, InlineLoading 以及 FullScreenLoading。\n3 种类型共享大部分参数，每种类型可能有独有的参数。

\n

通用的参数

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必填默认值备选值
loading显示控制boolean否falsetrue
delay显示延迟时间（毫秒）number否0
icon图标样式string否\'circle\'\'youzan\'
iconSize图标大小number否
iconText图标文案string否
colorPreset预设主题色string否\'primary\'\'grey\'
textPosition文案相对图标的位置string否\'bottom\'\'top\'\n \n|\n \n\'left\'\n \n|\n \n\'right\'
textSize文案字体大小number否
className自定义额外类名string否
\n

BlockLoading

\n

块级 Loading，可以包裹内容，或者给定一个高度。常用于页面区块的加载。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必填默认值备选值
height如果包裹了组件，默认表现为组件高度；否则将使用默认高度number160
children包裹的内容ReactNode否
\n

InlineLoading

\n

内联 Loading，不能包裹内容，行内显示。

\n

FullScreenLoading

\n

全屏 Loading，不能包裹内容，全屏显示。用于页面级的加载。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必填默认值备选值
zIndex蒙层 z-indexnumber否
showBackground是否显示 Loading 底部背景色bool否
'}))}}},50993:(n,a,s)=>{"use strict";s.d(a,{c:()=>i});var t=s(59312),p=s(24246),o=s(60042),e=s.n(o),c=s(40695),l=s(73326),u=s(72551);function i(n){var a=function(n){var a=(0,u.n)(n,"height"),s=n.children;return s||a?s&&!a?"initial":n.height:160}(n),s=n.loading,o=void 0!==s&&s,i=n.delay,k=void 0===i?0:i,r=n.className,d=n.children,g=n.icon,m=void 0===g?"circle":g,h=n.iconSize,y=n.iconText,v=n.textPosition,x=void 0===v?"bottom":v,f=n.colorPreset,w=void 0===f?"primary":f,b=!!d,j=!(0,l.Z)({loading:o,delay:k})&&o;return j||b?(0,p.jsxs)("div",(0,t.pi)({className:e()("zent-loading","zent-loading--block",r,{"zent-loading--has-children":b}),style:{height:a},"data-zv":"10.0.10"},{children:[d,j&&(0,p.jsx)(c.Z,{icon:m,size:h,text:y,textPosition:x,colorPreset:w},void 0)]}),void 0):null}a.Z=i},34446:(n,a,s)=>{"use strict";s.d(a,{S:()=>k});var t=s(59312),p=s(24246),o=s(60042),e=s.n(o),c=s(73326),l=s(40695),u=s(23860),i={};function k(n){var a=n.loading,s=void 0!==a&&a,o=n.delay,k=void 0===o?0:o,r=n.className,d=n.icon,g=void 0===d?"circle":d,m=n.iconSize,h=n.iconText,y=n.textPosition,v=void 0===y?"bottom":y,x=n.zIndex,f=n.colorPreset,w=void 0===f?"primary":f,b=n.showBackground,j=m||b?24:32,z=n.textSize||b?14:20;if((0,c.Z)({loading:s,delay:k})||!s)return null;var S="number"==typeof x?{zIndex:x}:i;return(0,p.jsx)(u.h,(0,t.pi)({className:e()("zent-loading","zent-loading--fullscreen",r,{"zent-loading--show-background":b}),style:S,blockPageScroll:!0},{children:(0,p.jsx)(l.Z,{icon:g,size:j,text:h,textPosition:v,colorPreset:w,textSize:z},void 0)}),void 0)}},40695:(n,a,s)=>{"use strict";s.d(a,{Z:()=>e});var t=s(59312),p=s(24246),o=s(56975);function e(n){return(0,p.jsx)("div",(0,t.pi)({className:"zent-loading-mask","data-zv":"10.0.10"},{children:(0,p.jsx)(o.Z,(0,t.pi)({},n),void 0)}),void 0)}},56377:(n,a,s)=>{"use strict";s.d(a,{r:()=>u});var t=s(59312),p=s(24246),o=s(27378),e=s(60042),c=s.n(e),l=s(1348),u=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.toggle=function(){var n=a.props,s=n.onChange,t=n.checked;s&&s(!t)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n,a=this.props,s=a.className,t=a.size,o=a.disabled,e=void 0===o?this.context.value:o,l=a.loading,u=a.checked,i=e||l,k=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=i,n["zent-switch-loading"]=l,n["zent-switch-checked"]=u,n),"zent-switch",s);return(0,p.jsx)("div",{className:k,onClick:i?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},a.defaultProps={size:"default"},a.contextType=l.d,a}(o.Component);a.Z=u}}]); \ No newline at end of file diff --git a/3310-535f63c1b95807483bce.js b/3310-75a6078c893494259456.js similarity index 84% rename from 3310-535f63c1b95807483bce.js rename to 3310-75a6078c893494259456.js index be18a1a67..3ba515087 100644 --- a/3310-535f63c1b95807483bce.js +++ b/3310-75a6078c893494259456.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3310],{63310:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>w});var t=s(73450),e=s(73118),o=s(27378),p=s(57318),c=s(33938),l=s(86446),i=s(39215),u=s(14623),r=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;ai("Waypoint enter")),[]),v=o.useCallback((()=>i("Waypoint leave")),[]),g=o.useCallback((n=>f(n.target.checked)),[]),y=o.useMemo((()=>m?{topOffset:"auto",bottomOffset:"auto"}:{}),[m]);return(0,r.jsxs)("div",{className:"waypoint-demo-basic",children:[(0,r.jsx)("div",{style:{marginBottom:16},children:(0,r.jsx)(c.X,{checked:m,onChange:g,children:"Guess topOffset and bottomOffset"})}),p?(0,r.jsx)("div",{className:"waypoint-demo-basic__message",children:p}):null,(0,r.jsxs)("div",{className:"waypoint-demo-basic__scrollable-parent",children:[(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(l.h,d({onEnter:h,onLeave:v},y)),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{})]})]})}function a(){return(0,r.jsx)("div",{className:"waypoint-demo-basic__spacer",children:(0,r.jsx)(i.J,{type:"down"})})}return(0,r.jsx)(n,{})},f=function(){function n(n){var a=o.useState(!1),s=(0,e.Z)(a,2),t=s[0],p=s[1],c=o.useCallback((()=>p(!0)),[]),i=o.useCallback((()=>p(!1)),[]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.h,{onEnter:c,onLeave:i}),(0,r.jsx)(u.Z,{in:t,timeout:500,classNames:"waypoint-demo-reveal",unmountOnExit:!0,children:n.children})]})}function a(a){return(0,r.jsx)("div",{className:"waypoint-demo-reveal",children:(0,r.jsxs)("div",{className:"waypoint-demo-reveal__scrollable-parent",children:[(0,r.jsx)(s,{}),(0,r.jsx)(s,{}),(0,r.jsx)(s,{}),(0,r.jsx)(n,{children:(0,r.jsx)("p",{className:"waypoint-demo-reveal-text",children:"Surely You're Joking, Mr. Feynman!"})}),(0,r.jsx)(s,{}),(0,r.jsx)(s,{}),(0,r.jsx)(s,{})]})})}function s(){return(0,r.jsx)("div",{className:"waypoint-demo-reveal__spacer",children:(0,r.jsx)(i.J,{type:"down",className:"waypoint-demo-reveal-pulse"})})}return(0,r.jsx)(a,{})};function h(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,r.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function g(n){return(0,r.jsx)(h,{tag:"style",html:n.style})}function y(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),y(n.parentNode,a);return a}class b 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,a=this.props,s=a.title,t=a.src,e=a.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:s||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends o.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,y(a,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(g,{style:".waypoint-demo-basic .zent-waypoint-marker {\n\tdisplay: block;\n\theight: 4px;\n\tbackground: #d40000;\n}\n\n.waypoint-demo-basic__scrollable-parent {\n max-height: 400px;\n overflow: scroll;\n position: relative;\n\tborder: 20px solid rgba(21, 91, 212, 0.2);\n}\n\n.waypoint-demo-basic__spacer {\n color: #969799;\n font-size: 40px;\n line-height: 200px;\n text-align: center;\n}\n\n.waypoint-demo-basic__message {\n\tbox-sizing: border-box;\n background-color: #f2f3f5;\n color: #323233;\n opacity: 0.8;\n padding: 10px 0;\n pointer-events: none;\n text-align: center;\n width: 100%;\n}\n\n.waypoint-demo-reveal {\n position: relative;\n}\n\n.waypoint-demo-reveal__scrollable-parent {\n max-height: 400px;\n overflow: scroll;\n position: relative;\n}\n\n.waypoint-demo-reveal__spacer {\n color: #969799;\n font-size: 40px;\n line-height: 200px;\n text-align: center;\n}\n\n.waypoint-demo-reveal-text {\n\ttransition: opacity 500ms, transform 500ms;\n\ttext-align: center;\n\tpadding: 10px 0;\n}\n\n.waypoint-demo-reveal-enter {\n\topacity: 0;\n\ttransform: scale(0.1);\n}\n\n.waypoint-demo-reveal-enter-active {\n\topacity: 1;\n\ttransform: scale(1);\n}\n\n.waypoint-demo-reveal-exit {\n\topacity: 1;\n\ttransform: scale(0.9);\n}\n\n.waypoint-demo-reveal-exit-active {\n\topacity: 0;\n\ttransform: scale(0);\n}"}),o.createElement(v,{html:'

Waypoint

\n

Invoke a callback when scrolling to some DOM node, can be used in any scrolling container.

\n

Can be used to implement:

\n
    \n
  • Image lazy load
    • \n
  • Infinite scroll
    • \n
  • Affix
    • \n
\n

Demos

'}),o.createElement(b,{title:"Basic Usage",id:"Demo01basic",src:'import { Waypoint, Icon, Checkbox } from \'zent\';\n\nfunction Demo(props) {\n const [msg, setMsg] = React.useState(null);\n const [autoBorderWidth, setAutoBorderWidth] = React.useState(true);\n const setEnterMsg = React.useCallback(() => setMsg(\'Waypoint enter\'), []);\n const setLeaveMsg = React.useCallback(() => setMsg(\'Waypoint leave\'), []);\n const setAuto = React.useCallback(e => setAutoBorderWidth(e.target.checked), []);\n const autoProps = React.useMemo(() => {\n return autoBorderWidth ? {\n topOffset: \'auto\',\n bottomOffset: \'auto\'\n } : {};\n }, [autoBorderWidth]);\n\n return (\n <div className="waypoint-demo-basic">\n <div style={{marginBottom: 16}}>\n <Checkbox checked={autoBorderWidth} onChange={setAuto}>\n Guess topOffset and bottomOffset\n </Checkbox>\n </div>\n {msg ? <div className="waypoint-demo-basic__message">{msg}</div> : null}\n <div className="waypoint-demo-basic__scrollable-parent">\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Waypoint onEnter={setEnterMsg} onLeave={setLeaveMsg} {...autoProps}/>\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n </div>\n </div>\n );\n}\n\nfunction Spacer() {\n return (\n <div className="waypoint-demo-basic__spacer">\n <Icon type="down" />\n </div>\n );\n}\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(m)),o.createElement(b,{title:"Reveal",id:"Demo02reveal",src:'import { Waypoint, Icon } from \'zent\';\nimport { CSSTransition } from \'react-transition-group\';\n\nfunction Reveal(props) {\n const [revealed, setRevealed] = React.useState(false);\n const reveal = React.useCallback(() => setRevealed(true), []);\n const hide = React.useCallback(() => setRevealed(false), []);\n return (\n <>\n <Waypoint onEnter={reveal} onLeave={hide} />\n <CSSTransition\n in={revealed}\n timeout={500}\n classNames="waypoint-demo-reveal"\n unmountOnExit\n >\n {props.children}\n </CSSTransition>\n </>\n );\n}\n\nfunction Demo(props) {\n return (\n <div className="waypoint-demo-reveal">\n <div className="waypoint-demo-reveal__scrollable-parent">\n <Spacer />\n <Spacer />\n <Spacer />\n <Reveal>\n <p className="waypoint-demo-reveal-text">\n Surely You\'re Joking, Mr. Feynman!\n </p>\n </Reveal>\n <Spacer />\n <Spacer />\n <Spacer />\n </div>\n </div>\n );\n}\n\nfunction Spacer() {\n return (\n <div className="waypoint-demo-reveal__spacer">\n <Icon type="down" className="waypoint-demo-reveal-pulse" />\n </div>\n );\n}\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(f)),o.createElement(v,{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
PropertyDescriptionTypeRequiredDefaultAlternative
onEnterCallback when element enters viewport(data: IWaypointCallbackData) => voidNo
onLeaveCallback when element leaves viewport(data: IWaypointCallbackData) => voidNo
onPositionChangeCallback when element position changes(data: IWaypointCallbackData) => voidNo
topOffsetOffset to scrolling container topnumber\n \n|\n \n\'auto\'\n \n|\n \nstringNo0px
bottomOffsetOffset to scrolling container bottomnumber\n \n|\n \n\'auto\'\n \n|\n \nstringNo0px
horizontalUse horizontal scrollbooleanNofalsetrue
scrollableAncestorSpecify a scrolling container DOM nodeElementNo
fireOnRapidScrollTrigger \nonEnter\n and \nonLeave\n on rapid scrollbooleanNotrue
childrenElement to track, you can think of the waypoint as a line across the container if omittedReactNodeNo
\n

topOffset and bottomOffset

\n
    \n
  • Scroll container\'s scroll area is clientWidth✖️clientHeight, but getBoundingClientRect returns width and height with border included. You need to set topOffset and bottomOffset if your scroll container has borders.
    • \n
  • topOffset and bottomOffset can be positive or negative just like margin. Positive value pushes the boundaries inward the page, and negative value pushes boundaries outward the page.
    • \n
  • You can use percentage value in topOffset and bottomOffset, relative to its scrolling container.
    • \n
  • If horizontal is on, topOffset becomes leftOffset, and bottomOffset becomes rightOffset. Names are kept the same for simplicity\'s sake.
    • \n
  • topOffset and bottomOffset can be set to \'auto\', Waypoint will infer scroll container\'s border width and fall back to 0 if infer fails. Don\'t use transform on scroll container with \'auto\'.
    • \n
\n

FAQs

\n
    \n
  • Definition of IWaypointCallbackData.
    • \n
  • A rapid scroll is when you scroll the page fast enough, the tracking element leaves the viewport immediately after it enters the viewport.
    • \n
  • children can only be one element, it must be one of native DOM element, element returned from React.forwardRef, or an element with an innerRef prop. The ref must be properly passed to the tracking DOM node.
    • \n
'}))}}},33938:(n,a,s)=>{"use strict";s.d(a,{X:()=>k});var t=s(59312),e=s(24246),o=s(60042),p=s.n(o),c=s(27378),l=s(1535),i=s(23130),u=s(1348),r=s(4008);function k(n){var a=(0,c.useContext)(u.d),s=(0,c.useContext)(i.Z),o=(0,c.useRef)(n);o.current=n;var r,k=s&&s.onChange,d=(0,c.useCallback)((function(n){var a=o.current,s=a.value,e=a.onChange;if(k)k(s);else if(e){var p=Object.create(n);p.target=(0,t.pi)((0,t.pi)({},o.current),{type:"checkbox",checked:n.target.checked}),e(p)}}),[k]),m=(n.checked,n.className),f=n.style,h=(n.disabled,n.readOnly,n.children),v=n.indeterminate,g=n.width,y=(n.value,n.labelStyle),b=n.onMouseEnter,w=n.onMouseLeave,x=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),j=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(s,n),O=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a?a.disabled:n.value}(a,s,n);if(s){var C=s.value,S=s.isValueEqual;r=-1!==C.findIndex((function(a){return S(a,n.value)}))}else r=!!n.checked;return(0,e.jsxs)("label",(0,t.pi)({className:p()("zent-checkbox-wrap",m,{"zent-checkbox-checked":!!r,"zent-checkbox-disabled":O||j,"zent-checkbox-indeterminate":v}),style:(0,t.pi)((0,t.pi)({},f),(0,l.Z)(g)),onMouseEnter:b,onMouseLeave:w,"data-zv":"10.0.9"},{children:[(0,e.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.9"},{children:[(0,e.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.9"},void 0),(0,e.jsx)("input",(0,t.pi)({},x,{type:"checkbox",checked:r&&!v,disabled:O,readOnly:j,onChange:d,"data-zv":"10.0.9"}),void 0)]}),void 0),null!=h&&!0!==h&&!1!==h?(0,e.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:y,"data-zv":"10.0.9"},{children:h}),void 0):null]}),void 0)}k.Group=r.Z,a.Z=k},4008:(n,a,s)=>{"use strict";s.d(a,{c:()=>k});var t=s(59312),e=s(24246),o=s(27378),p=s(60042),c=s.n(p),l=s(41925),i=s(23130),u=s(1348),r=i.Z.Provider,k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getGroupContext=(0,l.Z)((function(n,s,t,e){return{value:Array.isArray(n)?n:[],disabled:s,readOnly:t,isValueEqual:e,onChange:a.onCheckboxChange}})),a.onCheckboxChange=function(n){var s=a.props,t=s.isValueEqual,e=s.onChange,o=s.value;if(e){var p=o?o.slice():[],c=p.findIndex((function(a){return t(a,n)}));-1!==c?p.splice(c,1):p.push(n),e(p)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,o=n.children,p=n.value,l=n.disabled,i=void 0===l?this.context.value:l,u=n.readOnly,k=void 0!==u&&u,d=n.isValueEqual,m=c()("zent-checkbox-group",a);return(0,e.jsx)(r,(0,t.pi)({value:this.getGroupContext(p,i,k,d)},{children:(0,e.jsx)("div",(0,t.pi)({className:m,style:s,"data-zv":"10.0.9"},{children:o}),void 0)}),void 0)},a.defaultProps={isValueEqual:Object.is,value:[]},a.contextType=u.d,a}(o.Component);a.Z=k},23130:(n,a,s)=>{"use strict";var t=s(27378);a.Z=(0,t.createContext)(null)},55978:(n,a,s)=>{"use strict";function t(n){for(var a=[],s=1;st})},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})},86446:(n,a,s)=>{"use strict";s.d(a,{h:()=>v});var t=s(59312),e=s(24246),o=s(27378),p=s(49744),c=s(19185);function l(n){return(0,c.isElement)(n)&&"string"==typeof n.type}function i(n){return n.viewportBottom-n.viewportTop==0?3:n.viewportTop<=n.waypointTop&&n.waypointTop<=n.viewportBottom||n.viewportTop<=n.waypointBottom&&n.waypointBottom<=n.viewportBottom||n.waypointTop<=n.viewportTop&&n.viewportBottom<=n.waypointBottom?1:n.viewportBottom needs a DOM element to compute boundaries. The child you passed is neither a DOM element (e.g.
) nor does it use the innerRef prop.\n")}(n.props.children,n.refElement.current),n.scrollableAncestor=n.findScrollableAncestor(),n.scrollEventListenerUnsubscribe=(0,p.Oo)(n.scrollableAncestor,"scroll",n.handleScroll,{passive:!0}),n.resizeEventListenerUnsubscribe=(0,p.Oo)(window,"resize",n.handleScroll,{passive:!0}),n.handleScroll(null)})))},a.prototype.componentDidUpdate=function(){var n=this;u.Z&&this.scrollableAncestor&&(this.cancelOnNextTick||(this.cancelOnNextTick=(0,r.Z)((function(){n.cancelOnNextTick=null,n.handleScroll(null)}))))},a.prototype.componentWillUnmount=function(){var n,a,s;u.Z&&(null===(n=this.scrollEventListenerUnsubscribe)||void 0===n||n.call(this),null===(a=this.resizeEventListenerUnsubscribe)||void 0===a||a.call(this),null===(s=this.cancelOnNextTick)||void 0===s||s.cancel())},a.prototype.findScrollableAncestor=function(){var n=this.props,a=n.horizontal,s=n.scrollableAncestor;if(s)return s;for(var t=this.refElement.current;t.parentNode;){if((t=t.parentNode)===document.body)return window;var e=getComputedStyle(t),o=(a?e.getPropertyValue("overflow-x"):e.getPropertyValue("overflow-y"))||e.getPropertyValue("overflow");if("auto"===o||"scroll"===o)return t}return window},a.prototype.getBounds=function(){var n,a,s=this.props.horizontal,t=this.refElement.current.getBoundingClientRect(),e=t.left,o=t.top,p=t.right,c=t.bottom,l=s?e:o,i=s?p:c;if(this.scrollableAncestor===window)n=s?window.innerWidth:window.innerHeight,a=0;else{var u=this.scrollableAncestor.getBoundingClientRect();n=s?u.width:u.height,a=s?u.left:u.top}return{waypointTop:l,waypointBottom:i,viewportTop:a+this.getOffset("top",n),viewportBottom:a+n-this.getOffset("bottom",n)}},a.prototype.getOffset=function(n,a){var s,t,e=this.props.horizontal,o=n+"Offset",p="top"===n?"border"+(e?"Left":"Top")+"Width":"border"+(e?"Right":"Bottom")+"Width",c=this.props[o];if("auto"!==c)return function(n,a){var s=function(n){var a;if(a="number"==typeof n?n:parseFloat(n),!Number.isNaN(a)&&Number.isFinite(a))return a}(n);if("number"==typeof s)return s;if("string"==typeof n){var t=function(n){if("%"===n.slice(-1))return parseFloat(n.slice(0,-1))/100}(n);if("number"==typeof t)return t*a}}(c,a);if(this.scrollableAncestor===window){var l=getComputedStyle(document.documentElement),i=function(){return k(l.fontSize)};return null!==(s=d(l[p],i,i))&&void 0!==s?s:0}var u=getComputedStyle(this.scrollableAncestor);return i=function(){return k(u.fontSize)},null!==(t=d(u[p],i,(function(){return k(getComputedStyle(document.documentElement).fontSize)})))&&void 0!==t?t:0},a.prototype.render=function(){var n=this,a=this.props.children;if(!a)return(0,e.jsx)("span",{ref:this.refElement,style:{fontSize:0},className:"zent-waypoint-marker","data-zv":"10.0.9"},void 0);var s=o.Children.only(a);return l(s)||(0,c.isForwardRef)(s)?(0,o.cloneElement)(s,{ref:function(a){n.refElement.current=a;var t=s.ref;t&&("function"==typeof t?t(a):t.current=a)}}):(0,o.cloneElement)(s,{innerRef:this.refElement})},a.defaultProps={topOffset:0,bottomOffset:0,horizontal:!1,fireOnRapidScroll:!0},a}(o.PureComponent)}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3310],{63310:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>w});var t=s(73450),e=s(73118),o=s(27378),p=s(57318),c=s(33938),l=s(86446),i=s(39215),u=s(14623),r=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;ai("Waypoint enter")),[]),v=o.useCallback((()=>i("Waypoint leave")),[]),g=o.useCallback((n=>f(n.target.checked)),[]),y=o.useMemo((()=>m?{topOffset:"auto",bottomOffset:"auto"}:{}),[m]);return(0,r.jsxs)("div",{className:"waypoint-demo-basic",children:[(0,r.jsx)("div",{style:{marginBottom:16},children:(0,r.jsx)(c.X,{checked:m,onChange:g,children:"Guess topOffset and bottomOffset"})}),p?(0,r.jsx)("div",{className:"waypoint-demo-basic__message",children:p}):null,(0,r.jsxs)("div",{className:"waypoint-demo-basic__scrollable-parent",children:[(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(l.h,d({onEnter:h,onLeave:v},y)),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{})]})]})}function a(){return(0,r.jsx)("div",{className:"waypoint-demo-basic__spacer",children:(0,r.jsx)(i.J,{type:"down"})})}return(0,r.jsx)(n,{})},f=function(){function n(n){var a=o.useState(!1),s=(0,e.Z)(a,2),t=s[0],p=s[1],c=o.useCallback((()=>p(!0)),[]),i=o.useCallback((()=>p(!1)),[]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.h,{onEnter:c,onLeave:i}),(0,r.jsx)(u.Z,{in:t,timeout:500,classNames:"waypoint-demo-reveal",unmountOnExit:!0,children:n.children})]})}function a(a){return(0,r.jsx)("div",{className:"waypoint-demo-reveal",children:(0,r.jsxs)("div",{className:"waypoint-demo-reveal__scrollable-parent",children:[(0,r.jsx)(s,{}),(0,r.jsx)(s,{}),(0,r.jsx)(s,{}),(0,r.jsx)(n,{children:(0,r.jsx)("p",{className:"waypoint-demo-reveal-text",children:"Surely You're Joking, Mr. Feynman!"})}),(0,r.jsx)(s,{}),(0,r.jsx)(s,{}),(0,r.jsx)(s,{})]})})}function s(){return(0,r.jsx)("div",{className:"waypoint-demo-reveal__spacer",children:(0,r.jsx)(i.J,{type:"down",className:"waypoint-demo-reveal-pulse"})})}return(0,r.jsx)(a,{})};function h(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,r.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function g(n){return(0,r.jsx)(h,{tag:"style",html:n.style})}function y(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),y(n.parentNode,a);return a}class b 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,a=this.props,s=a.title,t=a.src,e=a.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:s||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends o.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,y(a,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(g,{style:".waypoint-demo-basic .zent-waypoint-marker {\n\tdisplay: block;\n\theight: 4px;\n\tbackground: #d40000;\n}\n\n.waypoint-demo-basic__scrollable-parent {\n max-height: 400px;\n overflow: scroll;\n position: relative;\n\tborder: 20px solid rgba(21, 91, 212, 0.2);\n}\n\n.waypoint-demo-basic__spacer {\n color: #969799;\n font-size: 40px;\n line-height: 200px;\n text-align: center;\n}\n\n.waypoint-demo-basic__message {\n\tbox-sizing: border-box;\n background-color: #f2f3f5;\n color: #323233;\n opacity: 0.8;\n padding: 10px 0;\n pointer-events: none;\n text-align: center;\n width: 100%;\n}\n\n.waypoint-demo-reveal {\n position: relative;\n}\n\n.waypoint-demo-reveal__scrollable-parent {\n max-height: 400px;\n overflow: scroll;\n position: relative;\n}\n\n.waypoint-demo-reveal__spacer {\n color: #969799;\n font-size: 40px;\n line-height: 200px;\n text-align: center;\n}\n\n.waypoint-demo-reveal-text {\n\ttransition: opacity 500ms, transform 500ms;\n\ttext-align: center;\n\tpadding: 10px 0;\n}\n\n.waypoint-demo-reveal-enter {\n\topacity: 0;\n\ttransform: scale(0.1);\n}\n\n.waypoint-demo-reveal-enter-active {\n\topacity: 1;\n\ttransform: scale(1);\n}\n\n.waypoint-demo-reveal-exit {\n\topacity: 1;\n\ttransform: scale(0.9);\n}\n\n.waypoint-demo-reveal-exit-active {\n\topacity: 0;\n\ttransform: scale(0);\n}"}),o.createElement(v,{html:'

Waypoint

\n

Invoke a callback when scrolling to some DOM node, can be used in any scrolling container.

\n

Can be used to implement:

\n
    \n
  • Image lazy load
    • \n
  • Infinite scroll
    • \n
  • Affix
    • \n
\n

Demos

'}),o.createElement(b,{title:"Basic Usage",id:"Demo01basic",src:'import { Waypoint, Icon, Checkbox } from \'zent\';\n\nfunction Demo(props) {\n const [msg, setMsg] = React.useState(null);\n const [autoBorderWidth, setAutoBorderWidth] = React.useState(true);\n const setEnterMsg = React.useCallback(() => setMsg(\'Waypoint enter\'), []);\n const setLeaveMsg = React.useCallback(() => setMsg(\'Waypoint leave\'), []);\n const setAuto = React.useCallback(e => setAutoBorderWidth(e.target.checked), []);\n const autoProps = React.useMemo(() => {\n return autoBorderWidth ? {\n topOffset: \'auto\',\n bottomOffset: \'auto\'\n } : {};\n }, [autoBorderWidth]);\n\n return (\n <div className="waypoint-demo-basic">\n <div style={{marginBottom: 16}}>\n <Checkbox checked={autoBorderWidth} onChange={setAuto}>\n Guess topOffset and bottomOffset\n </Checkbox>\n </div>\n {msg ? <div className="waypoint-demo-basic__message">{msg}</div> : null}\n <div className="waypoint-demo-basic__scrollable-parent">\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Waypoint onEnter={setEnterMsg} onLeave={setLeaveMsg} {...autoProps}/>\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n </div>\n </div>\n );\n}\n\nfunction Spacer() {\n return (\n <div className="waypoint-demo-basic__spacer">\n <Icon type="down" />\n </div>\n );\n}\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(m)),o.createElement(b,{title:"Reveal",id:"Demo02reveal",src:'import { Waypoint, Icon } from \'zent\';\nimport { CSSTransition } from \'react-transition-group\';\n\nfunction Reveal(props) {\n const [revealed, setRevealed] = React.useState(false);\n const reveal = React.useCallback(() => setRevealed(true), []);\n const hide = React.useCallback(() => setRevealed(false), []);\n return (\n <>\n <Waypoint onEnter={reveal} onLeave={hide} />\n <CSSTransition\n in={revealed}\n timeout={500}\n classNames="waypoint-demo-reveal"\n unmountOnExit\n >\n {props.children}\n </CSSTransition>\n </>\n );\n}\n\nfunction Demo(props) {\n return (\n <div className="waypoint-demo-reveal">\n <div className="waypoint-demo-reveal__scrollable-parent">\n <Spacer />\n <Spacer />\n <Spacer />\n <Reveal>\n <p className="waypoint-demo-reveal-text">\n Surely You\'re Joking, Mr. Feynman!\n </p>\n </Reveal>\n <Spacer />\n <Spacer />\n <Spacer />\n </div>\n </div>\n );\n}\n\nfunction Spacer() {\n return (\n <div className="waypoint-demo-reveal__spacer">\n <Icon type="down" className="waypoint-demo-reveal-pulse" />\n </div>\n );\n}\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(f)),o.createElement(v,{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
PropertyDescriptionTypeRequiredDefaultAlternative
onEnterCallback when element enters viewport(data: IWaypointCallbackData) => voidNo
onLeaveCallback when element leaves viewport(data: IWaypointCallbackData) => voidNo
onPositionChangeCallback when element position changes(data: IWaypointCallbackData) => voidNo
topOffsetOffset to scrolling container topnumber\n \n|\n \n\'auto\'\n \n|\n \nstringNo0px
bottomOffsetOffset to scrolling container bottomnumber\n \n|\n \n\'auto\'\n \n|\n \nstringNo0px
horizontalUse horizontal scrollbooleanNofalsetrue
scrollableAncestorSpecify a scrolling container DOM nodeElementNo
fireOnRapidScrollTrigger \nonEnter\n and \nonLeave\n on rapid scrollbooleanNotrue
childrenElement to track, you can think of the waypoint as a line across the container if omittedReactNodeNo
\n

topOffset and bottomOffset

\n
    \n
  • Scroll container\'s scroll area is clientWidth✖️clientHeight, but getBoundingClientRect returns width and height with border included. You need to set topOffset and bottomOffset if your scroll container has borders.
    • \n
  • topOffset and bottomOffset can be positive or negative just like margin. Positive value pushes the boundaries inward the page, and negative value pushes boundaries outward the page.
    • \n
  • You can use percentage value in topOffset and bottomOffset, relative to its scrolling container.
    • \n
  • If horizontal is on, topOffset becomes leftOffset, and bottomOffset becomes rightOffset. Names are kept the same for simplicity\'s sake.
    • \n
  • topOffset and bottomOffset can be set to \'auto\', Waypoint will infer scroll container\'s border width and fall back to 0 if infer fails. Don\'t use transform on scroll container with \'auto\'.
    • \n
\n

FAQs

\n
    \n
  • Definition of IWaypointCallbackData.
    • \n
  • A rapid scroll is when you scroll the page fast enough, the tracking element leaves the viewport immediately after it enters the viewport.
    • \n
  • children can only be one element, it must be one of native DOM element, element returned from React.forwardRef, or an element with an innerRef prop. The ref must be properly passed to the tracking DOM node.
    • \n
'}))}}},33938:(n,a,s)=>{"use strict";s.d(a,{X:()=>k});var t=s(59312),e=s(24246),o=s(60042),p=s.n(o),c=s(27378),l=s(1535),i=s(23130),u=s(1348),r=s(4008);function k(n){var a=(0,c.useContext)(u.d),s=(0,c.useContext)(i.Z),o=(0,c.useRef)(n);o.current=n;var r,k=s&&s.onChange,d=(0,c.useCallback)((function(n){var a=o.current,s=a.value,e=a.onChange;if(k)k(s);else if(e){var p=Object.create(n);p.target=(0,t.pi)((0,t.pi)({},o.current),{type:"checkbox",checked:n.target.checked}),e(p)}}),[k]),m=(n.checked,n.className),f=n.style,h=(n.disabled,n.readOnly,n.children),v=n.indeterminate,g=n.width,y=(n.value,n.labelStyle),b=n.onMouseEnter,w=n.onMouseLeave,x=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),j=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(s,n),O=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a?a.disabled:n.value}(a,s,n);if(s){var C=s.value,S=s.isValueEqual;r=-1!==C.findIndex((function(a){return S(a,n.value)}))}else r=!!n.checked;return(0,e.jsxs)("label",(0,t.pi)({className:p()("zent-checkbox-wrap",m,{"zent-checkbox-checked":!!r,"zent-checkbox-disabled":O||j,"zent-checkbox-indeterminate":v}),style:(0,t.pi)((0,t.pi)({},f),(0,l.Z)(g)),onMouseEnter:b,onMouseLeave:w,"data-zv":"10.0.10"},{children:[(0,e.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.10"},{children:[(0,e.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.10"},void 0),(0,e.jsx)("input",(0,t.pi)({},x,{type:"checkbox",checked:r&&!v,disabled:O,readOnly:j,onChange:d,"data-zv":"10.0.10"}),void 0)]}),void 0),null!=h&&!0!==h&&!1!==h?(0,e.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:y,"data-zv":"10.0.10"},{children:h}),void 0):null]}),void 0)}k.Group=r.Z,a.Z=k},4008:(n,a,s)=>{"use strict";s.d(a,{c:()=>k});var t=s(59312),e=s(24246),o=s(27378),p=s(60042),c=s.n(p),l=s(41925),i=s(23130),u=s(1348),r=i.Z.Provider,k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getGroupContext=(0,l.Z)((function(n,s,t,e){return{value:Array.isArray(n)?n:[],disabled:s,readOnly:t,isValueEqual:e,onChange:a.onCheckboxChange}})),a.onCheckboxChange=function(n){var s=a.props,t=s.isValueEqual,e=s.onChange,o=s.value;if(e){var p=o?o.slice():[],c=p.findIndex((function(a){return t(a,n)}));-1!==c?p.splice(c,1):p.push(n),e(p)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,o=n.children,p=n.value,l=n.disabled,i=void 0===l?this.context.value:l,u=n.readOnly,k=void 0!==u&&u,d=n.isValueEqual,m=c()("zent-checkbox-group",a);return(0,e.jsx)(r,(0,t.pi)({value:this.getGroupContext(p,i,k,d)},{children:(0,e.jsx)("div",(0,t.pi)({className:m,style:s,"data-zv":"10.0.10"},{children:o}),void 0)}),void 0)},a.defaultProps={isValueEqual:Object.is,value:[]},a.contextType=u.d,a}(o.Component);a.Z=k},23130:(n,a,s)=>{"use strict";var t=s(27378);a.Z=(0,t.createContext)(null)},55978:(n,a,s)=>{"use strict";function t(n){for(var a=[],s=1;st})},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})},86446:(n,a,s)=>{"use strict";s.d(a,{h:()=>v});var t=s(59312),e=s(24246),o=s(27378),p=s(49744),c=s(19185);function l(n){return(0,c.isElement)(n)&&"string"==typeof n.type}function i(n){return n.viewportBottom-n.viewportTop==0?3:n.viewportTop<=n.waypointTop&&n.waypointTop<=n.viewportBottom||n.viewportTop<=n.waypointBottom&&n.waypointBottom<=n.viewportBottom||n.waypointTop<=n.viewportTop&&n.viewportBottom<=n.waypointBottom?1:n.viewportBottom needs a DOM element to compute boundaries. The child you passed is neither a DOM element (e.g.
) nor does it use the innerRef prop.\n")}(n.props.children,n.refElement.current),n.scrollableAncestor=n.findScrollableAncestor(),n.scrollEventListenerUnsubscribe=(0,p.Oo)(n.scrollableAncestor,"scroll",n.handleScroll,{passive:!0}),n.resizeEventListenerUnsubscribe=(0,p.Oo)(window,"resize",n.handleScroll,{passive:!0}),n.handleScroll(null)})))},a.prototype.componentDidUpdate=function(){var n=this;u.Z&&this.scrollableAncestor&&(this.cancelOnNextTick||(this.cancelOnNextTick=(0,r.Z)((function(){n.cancelOnNextTick=null,n.handleScroll(null)}))))},a.prototype.componentWillUnmount=function(){var n,a,s;u.Z&&(null===(n=this.scrollEventListenerUnsubscribe)||void 0===n||n.call(this),null===(a=this.resizeEventListenerUnsubscribe)||void 0===a||a.call(this),null===(s=this.cancelOnNextTick)||void 0===s||s.cancel())},a.prototype.findScrollableAncestor=function(){var n=this.props,a=n.horizontal,s=n.scrollableAncestor;if(s)return s;for(var t=this.refElement.current;t.parentNode;){if((t=t.parentNode)===document.body)return window;var e=getComputedStyle(t),o=(a?e.getPropertyValue("overflow-x"):e.getPropertyValue("overflow-y"))||e.getPropertyValue("overflow");if("auto"===o||"scroll"===o)return t}return window},a.prototype.getBounds=function(){var n,a,s=this.props.horizontal,t=this.refElement.current.getBoundingClientRect(),e=t.left,o=t.top,p=t.right,c=t.bottom,l=s?e:o,i=s?p:c;if(this.scrollableAncestor===window)n=s?window.innerWidth:window.innerHeight,a=0;else{var u=this.scrollableAncestor.getBoundingClientRect();n=s?u.width:u.height,a=s?u.left:u.top}return{waypointTop:l,waypointBottom:i,viewportTop:a+this.getOffset("top",n),viewportBottom:a+n-this.getOffset("bottom",n)}},a.prototype.getOffset=function(n,a){var s,t,e=this.props.horizontal,o=n+"Offset",p="top"===n?"border"+(e?"Left":"Top")+"Width":"border"+(e?"Right":"Bottom")+"Width",c=this.props[o];if("auto"!==c)return function(n,a){var s=function(n){var a;if(a="number"==typeof n?n:parseFloat(n),!Number.isNaN(a)&&Number.isFinite(a))return a}(n);if("number"==typeof s)return s;if("string"==typeof n){var t=function(n){if("%"===n.slice(-1))return parseFloat(n.slice(0,-1))/100}(n);if("number"==typeof t)return t*a}}(c,a);if(this.scrollableAncestor===window){var l=getComputedStyle(document.documentElement),i=function(){return k(l.fontSize)};return null!==(s=d(l[p],i,i))&&void 0!==s?s:0}var u=getComputedStyle(this.scrollableAncestor);return i=function(){return k(u.fontSize)},null!==(t=d(u[p],i,(function(){return k(getComputedStyle(document.documentElement).fontSize)})))&&void 0!==t?t:0},a.prototype.render=function(){var n=this,a=this.props.children;if(!a)return(0,e.jsx)("span",{ref:this.refElement,style:{fontSize:0},className:"zent-waypoint-marker","data-zv":"10.0.10"},void 0);var s=o.Children.only(a);return l(s)||(0,c.isForwardRef)(s)?(0,o.cloneElement)(s,{ref:function(a){n.refElement.current=a;var t=s.ref;t&&("function"==typeof t?t(a):t.current=a)}}):(0,o.cloneElement)(s,{innerRef:this.refElement})},a.defaultProps={topOffset:0,bottomOffset:0,horizontal:!1,fireOnRapidScroll:!0},a}(o.PureComponent)}}]); \ No newline at end of file diff --git a/3314-44141721186f97fe02b1.js b/3314-44141721186f97fe02b1.js new file mode 100644 index 000000000..e4a43f144 --- /dev/null +++ b/3314-44141721186f97fe02b1.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.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-ddf77977d9bd64e9253e.js b/3314-ddf77977d9bd64e9253e.js deleted file mode 100644 index 036ce610b..000000000 --- a/3314-ddf77977d9bd64e9253e.js +++ /dev/null @@ -1 +0,0 @@ -(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.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/3345-2704ece039dbf7ef8bd3.js b/3345-2704ece039dbf7ef8bd3.js deleted file mode 100644 index d73b3d5d3..000000000 --- a/3345-2704ece039dbf7ef8bd3.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3345],{33345:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>N});var t=a(73450),p=a(27378),o=a(57318),c=a(3454),e=a(23476),l=a(24246);function u(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 i(n){for(var s=1;se.g.info("常规提示"),children:"常规提示"}),(0,l.jsx)(c.z,{onClick:()=>e.g.success("成功通知"),children:"成功通知"}),(0,l.jsx)(c.z,{onClick:()=>e.g.warn("警告通知"),children:"警告通知"}),(0,l.jsx)(c.z,{onClick:()=>e.g.error("错误通知"),children:"错误通知"})]})},r=function(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:()=>e.g.config({duration:1e3}),children:"调整持续时间为1s"}),(0,l.jsx)(c.z,{onClick:()=>e.g.config({duration:2e3}),children:"2s"}),(0,l.jsx)(c.z,{onClick:()=>e.g.config({duration:3e3}),children:"3s"}),(0,l.jsx)("br",{}),(0,l.jsx)("br",{}),(0,l.jsx)(c.z,{onClick:()=>e.g.info("常规提示"),children:"常规提示"}),(0,l.jsx)(c.z,{onClick:()=>e.g.success("成功通知"),children:"成功通知"}),(0,l.jsx)(c.z,{onClick:()=>e.g.warn("警告通知"),children:"警告通知"}),(0,l.jsx)(c.z,{onClick:()=>e.g.error("错误通知"),children:"错误通知"})]})},d=function(){return(0,l.jsx)("div",{children:(0,l.jsx)(c.z,{onClick:()=>e.g.success("持续1s",1e3),children:"持续1s"})})},m=function(){return(0,l.jsx)(c.z,{onClick:function(){e.g.success((0,l.jsxs)("div",{children:[(0,l.jsx)("span",{style:{color:"#f67"},children:"颜色"}),(0,l.jsx)("i",{children:"斜体"}),(0,l.jsx)("b",{children:"粗体"})]}))},children:"自定义内容通知"})},g=function(){function n(){alert("Notify has over")}return(0,l.jsx)(c.z,{onClick:()=>e.g.success("通知结束回调函数",1e3,n),children:"自定义通知结束回调"})},y=function(){function n(){}return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:()=>e.g.success("成功通知",2e3,n),children:"成功通知"}),(0,l.jsx)(c.z,{onClick:()=>e.g.clear(),children:"清除通知"})]})};function f(n){return(0,l.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,l.jsx)(f,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function b(n){return(0,l.jsx)(f,{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 v extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(f,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class N extends p.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 p.createElement("div",{className:"zandoc-react-container"},p.createElement(b,{style:""}),p.createElement(h,{html:'

Notify 轻提示

\n

全局展示通知提醒信息。

\n

使用指南

\n
    \n
  • 主要用于提示简要的文字信息。
    • \n
\n

代码演示

'}),p.createElement(v,{title:"基础用法",id:"Demobasic",src:'import { Notify, Button } from \'zent\';\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.info(\'常规提示\')}>常规提示</Button>\n <Button onClick={() => Notify.success(\'成功通知\')}>\n 成功通知\n </Button>\n <Button onClick={() => Notify.warn(\'警告通知\')}>警告通知</Button>\n <Button onClick={() => Notify.error(\'错误通知\')}>错误通知</Button>\n </div>,\n mountNode\n);'},p.createElement(k)),p.createElement(v,{title:"通过 config 调整全局默认时间",id:"Demoglobalduration",src:'import { Notify, Button } from \'zent\';\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.config({ duration: 1000 })}>调整持续时间为1s</Button>\n <Button onClick={() => Notify.config({ duration: 2000 })}>2s</Button>\n <Button onClick={() => Notify.config({ duration: 3000 })}>3s</Button>\n <br />\n <br />\n <Button onClick={() => Notify.info(\'常规提示\')}>常规提示</Button>\n <Button onClick={() => Notify.success(\'成功通知\')}>成功通知</Button>\n <Button onClick={() => Notify.warn(\'警告通知\')}>警告通知</Button>\n <Button onClick={() => Notify.error(\'错误通知\')}>错误通知</Button>\n </div>\n , mountNode\n);'},p.createElement(r)),p.createElement(v,{title:"自定义通知显示时间",id:"Democustomshowtime",src:'import { Notify, Button } from \'zent\';\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.success(\'持续1s\', 1000)}>\n 持续1s\n </Button>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(v,{title:"自定义通知内容",id:"Democustomcontent",src:'import { Notify, Button } from \'zent\';\n\nfunction customContent() {\n Notify.success(\n <div>\n <span style={{ color: \'#f67\' }}>颜色</span>\n <i>斜体</i>\n <b>粗体</b>\n </div>\n );\n}\n\nReactDOM.render(\n <Button onClick={customContent}>自定义内容通知</Button>\n , mountNode\n);'},p.createElement(m)),p.createElement(v,{title:"自定义通知结束回调",id:"Democustomcallback",src:'import { Notify, Button } from \'zent\';\n\nfunction closeCallback() {\n alert(\'Notify has over\');\n}\n\nReactDOM.render(\n <Button onClick={() => Notify.success(\'通知结束回调函数\', 1000, closeCallback)}>自定义通知结束回调</Button>\n , mountNode\n);'},p.createElement(g)),p.createElement(v,{title:"清除屏幕所有通知",id:"Democlear",src:'import { Notify, Button } from \'zent\';\n\nfunction closeCallback() {\n console.log(\'Callback has call\');\n}\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.success(\'成功通知\', 2000, closeCallback)}>\n 成功通知\n </Button>\n <Button onClick={() => Notify.clear()}>清除通知</Button>\n </div>\n , mountNode\n);'},p.createElement(y)),p.createElement(h,{html:'

API

\n
    \n
  • Notify.info(text: node, duration?: number, callback?: () => ()): number
    • \n
  • Notify.success(text: node, duration?: number, callback?: () => ()): number
    • \n
  • Notify.warn(text: node, duration?: number, callback?: () => ()): number
    • \n
  • Notify.error(text: node, duration?: number, callback?: () => ()): number
    • \n
\n

Notify.info，Notify.success，Notify.warn 和 Notify.error 方法会返回一个 id，这个 id 可以作为 Notify.clear(id) 的入参，用于关闭指定 notify。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
text通知文案node\'\'
duration持续时间number3500
callback关闭时的回调func
\n
    \n
  • Notify.clear(number: id): void
    • \n
\n

如果 Notify.clear 调用时没有传入 id 参数，所有当前未关闭的实例都会被关闭。

\n
    \n
  • Notify.config(options): void
    • \n
\n

options 当前只支持一个设置：duration，可以用来全局设置 Notify 的关闭延迟时间。

'}))}}}}]); \ No newline at end of file diff --git a/3345-dc6e1a2dd4f142f2f36a.js b/3345-dc6e1a2dd4f142f2f36a.js new file mode 100644 index 000000000..7a92378fc --- /dev/null +++ b/3345-dc6e1a2dd4f142f2f36a.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3345],{33345:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),p=a(27378),o=a(57318),c=a(3454),e=a(23476),l=a(24246);function u(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 i(n){for(var s=1;se.g.info("常规提示"),children:"常规提示"}),(0,l.jsx)(c.z,{onClick:()=>e.g.success("成功通知"),children:"成功通知"}),(0,l.jsx)(c.z,{onClick:()=>e.g.warn("警告通知"),children:"警告通知"}),(0,l.jsx)(c.z,{onClick:()=>e.g.error("错误通知"),children:"错误通知"})]})},r=function(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:()=>e.g.config({duration:1e3}),children:"调整持续时间为1s"}),(0,l.jsx)(c.z,{onClick:()=>e.g.config({duration:2e3}),children:"2s"}),(0,l.jsx)(c.z,{onClick:()=>e.g.config({duration:3e3}),children:"3s"}),(0,l.jsx)("br",{}),(0,l.jsx)("br",{}),(0,l.jsx)(c.z,{onClick:()=>e.g.info("常规提示"),children:"常规提示"}),(0,l.jsx)(c.z,{onClick:()=>e.g.success("成功通知"),children:"成功通知"}),(0,l.jsx)(c.z,{onClick:()=>e.g.warn("警告通知"),children:"警告通知"}),(0,l.jsx)(c.z,{onClick:()=>e.g.error("错误通知"),children:"错误通知"})]})},d=function(){return(0,l.jsx)("div",{children:(0,l.jsx)(c.z,{onClick:()=>e.g.success("持续1s",1e3),children:"持续1s"})})},m=function(){return(0,l.jsx)(c.z,{onClick:function(){e.g.success((0,l.jsxs)("div",{children:[(0,l.jsx)("span",{style:{color:"#f67"},children:"颜色"}),(0,l.jsx)("i",{children:"斜体"}),(0,l.jsx)("b",{children:"粗体"})]}))},children:"自定义内容通知"})},g=function(){function n(){alert("Notify has over")}return(0,l.jsx)(c.z,{onClick:()=>e.g.success("通知结束回调函数",1e3,n),children:"自定义通知结束回调"})},y=function(){function n(){}return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:()=>e.g.success("成功通知",2e3,n),children:"成功通知"}),(0,l.jsx)(c.z,{onClick:()=>e.g.clear(),children:"清除通知"})]})},f=function(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:function(){e.g.success("自定义父节点","",(()=>{}),"#custom-container")},children:"自定义父节点"}),(0,l.jsx)("div",{id:"custom-container",style:{position:"relative"}})]})},h=function(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:()=>e.g.config({containerSelector:"#global-custom-container"}),children:"调整挂载父节点"}),(0,l.jsx)(c.z,{onClick:()=>e.g.config({containerSelector:"body"}),children:"重置挂载父节点"}),(0,l.jsx)("div",{id:"global-custom-container",style:{position:"relative"}}),(0,l.jsx)("br",{}),(0,l.jsx)("br",{}),(0,l.jsx)(c.z,{onClick:()=>e.g.info("常规提示"),children:"常规提示"})]})};function b(n){return(0,l.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,l.jsx)(b,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function j(n){return(0,l.jsx)(b,{tag:"style",html:n.style})}function N(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),N(n.parentNode,s);return s}class w extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(b,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,N(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(j,{style:""}),p.createElement(v,{html:'

Notify 轻提示

\n

全局展示通知提醒信息。

\n

使用指南

\n
    \n
  • 主要用于提示简要的文字信息。
    • \n
\n

代码演示

'}),p.createElement(w,{title:"基础用法",id:"Demobasic",src:'import { Notify, Button } from \'zent\';\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.info(\'常规提示\')}>常规提示</Button>\n <Button onClick={() => Notify.success(\'成功通知\')}>\n 成功通知\n </Button>\n <Button onClick={() => Notify.warn(\'警告通知\')}>警告通知</Button>\n <Button onClick={() => Notify.error(\'错误通知\')}>错误通知</Button>\n </div>,\n mountNode\n);'},p.createElement(k)),p.createElement(w,{title:"通过 config 调整全局默认时间",id:"Demoglobalduration",src:'import { Notify, Button } from \'zent\';\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.config({ duration: 1000 })}>调整持续时间为1s</Button>\n <Button onClick={() => Notify.config({ duration: 2000 })}>2s</Button>\n <Button onClick={() => Notify.config({ duration: 3000 })}>3s</Button>\n <br />\n <br />\n <Button onClick={() => Notify.info(\'常规提示\')}>常规提示</Button>\n <Button onClick={() => Notify.success(\'成功通知\')}>成功通知</Button>\n <Button onClick={() => Notify.warn(\'警告通知\')}>警告通知</Button>\n <Button onClick={() => Notify.error(\'错误通知\')}>错误通知</Button>\n </div>\n , mountNode\n);'},p.createElement(r)),p.createElement(w,{title:"自定义通知显示时间",id:"Democustomshowtime",src:'import { Notify, Button } from \'zent\';\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.success(\'持续1s\', 1000)}>\n 持续1s\n </Button>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(w,{title:"自定义通知内容",id:"Democustomcontent",src:'import { Notify, Button } from \'zent\';\n\nfunction customContent() {\n Notify.success(\n <div>\n <span style={{ color: \'#f67\' }}>颜色</span>\n <i>斜体</i>\n <b>粗体</b>\n </div>\n );\n}\n\nReactDOM.render(\n <Button onClick={customContent}>自定义内容通知</Button>\n , mountNode\n);'},p.createElement(m)),p.createElement(w,{title:"自定义通知结束回调",id:"Democustomcallback",src:'import { Notify, Button } from \'zent\';\n\nfunction closeCallback() {\n alert(\'Notify has over\');\n}\n\nReactDOM.render(\n <Button onClick={() => Notify.success(\'通知结束回调函数\', 1000, closeCallback)}>自定义通知结束回调</Button>\n , mountNode\n);'},p.createElement(g)),p.createElement(w,{title:"清除屏幕所有通知",id:"Democlear",src:'import { Notify, Button } from \'zent\';\n\nfunction closeCallback() {\n console.log(\'Callback has call\');\n}\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.success(\'成功通知\', 2000, closeCallback)}>\n 成功通知\n </Button>\n <Button onClick={() => Notify.clear()}>清除通知</Button>\n </div>\n , mountNode\n);'},p.createElement(y)),p.createElement(w,{title:"自定义父节点CSS selector",id:"Democustomcontainerselector",src:'import { Notify, Button } from \'zent\';\n\nfunction customContent() {\n Notify.success(\'自定义父节点\', \'\', () => {}, \'#custom-container\');\n}\n\nconst relativeStyle = {\n position: \'relative\'\n}\n\nReactDOM.render(\n <div>\n <Button onClick={customContent}>自定义父节点</Button>\n <div id="custom-container" style={relativeStyle}></div>\n </div>\n , mountNode\n);'},p.createElement(f)),p.createElement(w,{title:"通过 config 调整全局挂载父节点",id:"Demoglobalcontainerselector",src:'import { Notify, Button } from \'zent\';\n\nconst relativeStyle = {\n position: \'relative\'\n}\n\nReactDOM.render(\n <div>\n <Button onClick={() => Notify.config({ containerSelector: \'#global-custom-container\' })}>调整挂载父节点</Button>\n <Button onClick={() => Notify.config({ containerSelector: \'body\' })}>重置挂载父节点</Button>\n <div id="global-custom-container" style={relativeStyle}></div>\n <br />\n <br />\n <Button onClick={() => Notify.info(\'常规提示\')}>常规提示</Button>\n </div>\n , mountNode\n);'},p.createElement(h)),p.createElement(v,{html:'

API

\n
    \n
  • Notify.info(text: node, duration?: number, callback?: () => (), containerSelector?: string, className?: string): number
    • \n
  • Notify.success(text: node, duration?: number, callback?: () => (), containerSelector?: string, className?: string): number
    • \n
  • Notify.warn(text: node, duration?: number, callback?: () => (), containerSelector?: string, className?: string): number
    • \n
  • Notify.error(text: node, duration?: number, callback?: () => (), containerSelector?: string, className?: string): number
    • \n
\n

Notify.info，Notify.success，Notify.warn 和 Notify.error 方法会返回一个 id，这个 id 可以作为 Notify.clear(id) 的入参，用于关闭指定 notify。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
text通知文案node\'\'
duration持续时间number3500
callback关闭时的回调func
containerSelector \nv10.0.11提示组件的父节点CSS selectorstring\'body\'
className \nv10.0.11自定义类名string
\n
    \n
  • Notify.clear(number: id): void
    • \n
\n

如果 Notify.clear 调用时没有传入 id 参数，所有当前未关闭的实例都会被关闭。

\n
    \n
  • Notify.config(options: Options): void
    • \n
\n

Options

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
duration全局持续时间number3500
containerSelector \nv10.0.11提示组件的父节点CSS selectorstring\'body\'
'}))}}}}]); \ No newline at end of file diff --git a/3369-2f96185eca7516c17090.js b/3369-6cf76cc747f712049106.js similarity index 87% rename from 3369-2f96185eca7516c17090.js rename to 3369-6cf76cc747f712049106.js index dcfb08f68..46fd076a2 100644 --- a/3369-2f96185eca7516c17090.js +++ b/3369-6cf76cc747f712049106.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3369],{53369:(n,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>v});var a=s(73450),e=s(27378),o=s(57318),c=s(67911),p=s(3454),i=s(24246);function l(n,t){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),s.push.apply(s,a)}return s}function u(n){for(var t=1;t()=>{c.q.push((0,i.jsx)(c.q,{title:n,position:t,children:n}))};return(0,i.jsxs)("div",{children:[(0,i.jsx)(p.z,{onClick:n("Right Top","right-top"),children:"Right Top"}),(0,i.jsx)(p.z,{onClick:n("Right Bottom","right-bottom"),children:"Right Bottom"}),(0,i.jsx)(p.z,{onClick:n("Left Top","left-top"),children:"Left Top"}),(0,i.jsx)(p.z,{onClick:n("Left Bottom","left-bottom"),children:"Left Bottom"})]})},d=function(){var n=n=>()=>{c.q.push((0,i.jsx)(c.q,{type:n,title:n,children:n}))};return(0,i.jsxs)("div",{children:[(0,i.jsx)(p.z,{onClick:n("info"),children:"Info"}),(0,i.jsx)(p.z,{onClick:n("success"),children:"Success"}),(0,i.jsx)(p.z,{onClick:n("warning"),children:"Warning"}),(0,i.jsx)(p.z,{onClick:n("error"),children:"Error"})]})};function k(n){return(0,i.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function m(n){return(0,i.jsx)(k,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function h(n){return(0,i.jsx)(k,{tag:"style",html:n.style})}function g(n,t){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(t+=n.offsetTop),g(n.parentNode,t);return t}class f extends e.Component{constructor(...n){super(...n),(0,a.Z)(this,"state",{showCode:!1}),(0,a.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,t=this.props,s=t.title,a=t.src,e=t.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:s||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(k,{tag:"code",html:a,attributes:{className:"language-jsx"}})})]})}}class v extends e.Component{componentDidMount(){var n=location.hash;if(n){var t=document.querySelector('a[href="'.concat(n,'"]'));t&&(0,o.l)(document.documentElement,0,g(t,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(h,{style:""}),e.createElement(m,{html:'

Notice

\n

Demos

'}),e.createElement(f,{title:"Basic Usage",id:"Demobasic",src:'import { Button, Notice } from \'zent\';\n\nconst showNotice = (text, position) => () => {\n Notice.push(<Notice title={text} position={position}>{text}</Notice>);\n};\n\nReactDOM.render(\n <div>\n <Button onClick={showNotice(\'Right Top\', \'right-top\')}>Right Top</Button>\n <Button onClick={showNotice(\'Right Bottom\', \'right-bottom\')}>\n Right Bottom\n </Button>\n <Button onClick={showNotice(\'Left Top\', \'left-top\')}>Left Top</Button>\n <Button onClick={showNotice(\'Left Bottom\', \'left-bottom\')}>\n Left Bottom\n </Button>\n </div>,\n mountNode\n);'},e.createElement(r)),e.createElement(f,{title:"Styles",id:"Demostyle",src:'import { Button, Notice } from \'zent\';\n\nconst showNotice = type => () => {\n Notice.push(\n <Notice type={type} title={type}>\n {type}\n </Notice>\n );\n};\n\nReactDOM.render(\n <div>\n <Button onClick={showNotice(\'info\')}>Info</Button>\n <Button onClick={showNotice(\'success\')}>Success</Button>\n <Button onClick={showNotice(\'warning\')}>Warning</Button>\n <Button onClick={showNotice(\'error\')}>Error</Button>\n </div>,\n mountNode\n);'},e.createElement(d)),e.createElement(m,{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
PropertyDescriptionTypeRequiredDefaultAlternative
titleTitlestringYes
classNameCustom class namestringNo
styleCustom styleReact.CSSPropertiesNo
typeStyle typestringNoinfo\n, \nsuccess\n,\nwarning\n, \nerror
closableShould show close button, won\'t auto close if falsebooleanNo
onCloseCallback when close button clickedfunctionNo
autoCloseShould close automatically by timeoutbooleanNo
timeoutAuto closing timeoutnumberNo
childrenChildrenReact.ReactNodeNo
positionPositionstringNotop-rightright-top\n, \nright-bottom\n, \nleft-top\n, \nleft-bottom
\n

Notice.push(node: ReactNode): string

\n

Open a new notice. The returned id can be used to close this notice.

\n

Note：The returned id may be not ready to use due to the asynchronous behavior of ReactDOM.render, close(id) will be\na no-op in this case.

\n

Notice.close(id: string): void

\n

Close the notice with id.

'}))}}},67911:(n,t,s)=>{"use strict";s.d(t,{q:()=>z});var a=s(59312),e=s(24246),o=s(27378),c=s(60042),p=s.n(c),i=s(39215),l=s(70453),u=s(31542),r=s(14623),d=s(19185),k=s(17127),m=(0,o.createContext)(null);m.displayName="ZentNoticeContext";var h={appear:"zent-notice-animation-enter",appearActive:"zent-notice-animation-enter-active",appearDone:"zent-notice-animation-enter-done",enter:"zent-notice-animation-enter",enterActive:"zent-notice-animation-enter-active",enterDone:"zent-notice-animation-enter-done",exit:"zent-notice-animation-exit",exitActive:"zent-notice-animation-exit-active",exitDone:"zent-notice-animation-exit-done"},g=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.elementRef=(0,o.createRef)(),t.state={entered:!1,show:!1},t.timer=0,t.ctx={onClose:function(){t.leave()}},t.onEntered=function(){t.setState({entered:!0})},t.onExited=function(){var n=t.elementRef.current;n.style.height=n.clientHeight+"px",(0,k.tA)((function(){return n.style.height="0"})),setTimeout((function(){var n=t.props;(0,n.onExited)(n.id)}),200)},t}return(0,a.ZT)(t,n),t.prototype.leave=function(){this.timer&&clearTimeout(this.timer),this.setState({show:!1})},t.prototype.componentDidMount=function(){var n=this;this.setState({show:!0});var t=this.props.children;if((0,d.isElement)(t)&&t.props){var s=t.props,a=s.autoClose,e=void 0===a||a,o=s.closable,c=void 0===o||o,p=s.timeout,i=void 0===p?4500:p;c&&e&&(this.timer=setTimeout((function(){return n.leave()}),i))}},t.prototype.componentWillUnmount=function(){var n=this.props.id;b.delete(n)},t.prototype.render=function(){var n=this.props.children,t=this.state,s=t.entered,o=t.show;return(0,e.jsx)(m.Provider,(0,a.pi)({value:this.ctx},{children:(0,e.jsx)(r.Z,(0,a.pi)({in:o,timeout:s?160:100,onEntered:this.onEntered,onExited:this.onExited,classNames:h},{children:(0,e.jsx)("div",(0,a.pi)({ref:this.elementRef,className:"zent-notice-animation","data-zv":"10.0.9"},{children:n}),void 0)}),void 0)}),void 0)},t}(o.Component),f=s(14805),v={"right-top":null,"right-bottom":null,"left-top":null,"left-bottom":null},y={"right-top":new Set,"right-bottom":new Set,"left-top":new Set,"left-bottom":new Set},b=new Map,j=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.state={list:[]},t.onExited=function(n){t.setState((function(t){return{list:t.list.filter((function(t){return t.props.id!==n}))}}))},t}return(0,a.ZT)(t,n),t.prototype.push=function(n,t){var s=(0,o.createRef)(),c=(0,e.jsx)(g,(0,a.pi)({ref:s,id:t,onExited:this.onExited},{children:n}),t);return b.set(t,s),this.setState((function(n){return{list:n.list.concat([c])}})),t},t.prototype.render=function(){return(0,e.jsx)(e.Fragment,{children:this.state.list},void 0)},t}(o.Component);function x(n){switch(n){case"info":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-info",type:"info-circle"},void 0);case"success":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-success",type:"check-circle"},void 0);case"warning":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-warning",type:"warning"},void 0);case"error":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-error",type:"close-circle"},void 0);default:return null}}function z(n){var t=n.children,s=n.title,c=n.type,l=n.closable,u=void 0===l||l,r=n.onClose,d=n.className,k=n.style,h=(0,o.useContext)(m),g=(0,o.useCallback)((function(){h&&h.onClose(),r&&r()}),[h,r]);return(0,e.jsxs)("div",(0,a.pi)({className:p()("zent-notice",{"zent-notice-with-icon":!!c},d),style:k,"data-zv":"10.0.9"},{children:[x(c),(0,e.jsx)("div",(0,a.pi)({className:"zent-notice-title","data-zv":"10.0.9"},{children:s}),void 0),u?(0,e.jsx)(i.J,{type:"close",className:"zent-notice-close",onClick:g},void 0):null,(0,e.jsx)("div",(0,a.pi)({className:"zent-notice-content","data-zv":"10.0.9"},{children:t}),void 0)]}),void 0)}z.push=function(n){var t="right-top";(0,d.isElement)(n)&&n.props&&(t=n.props.position||t);var s=(0,l.Z)("zent-notice-");return function(n,t){var s=v[n];if(s)return t(s);var a=y[n];if(a.add(t),!(a.size>1)){var o=function(n){var t=(0,f.Z)("div");switch(t.classList.add("zent-notice-container"),n){case"right-top":t.classList.add("zent-notice-container-right","zent-notice-container-top");break;case"right-bottom":t.classList.add("zent-notice-container-right","zent-notice-container-bottom");break;case"left-top":t.classList.add("zent-notice-container-left","zent-notice-container-top");break;case"left-bottom":t.classList.add("zent-notice-container-left","zent-notice-container-bottom");break;default:throw new Error("Invalid argument "+n)}return document.body.appendChild(t),t}(n);u.render((0,e.jsx)(j,{element:o,ref:function(t){t&&(v[n]=t,a.forEach((function(n){return n(t)})),a.clear())}},void 0),o)}}(t,(function(t){t.push(n,s)})),s},z.close=function(n){var t=b.get(n);t&&t.current&&t.current.leave()}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3369],{53369:(n,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>v});var a=s(73450),e=s(27378),o=s(57318),c=s(67911),p=s(3454),i=s(24246);function l(n,t){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),s.push.apply(s,a)}return s}function u(n){for(var t=1;t()=>{c.q.push((0,i.jsx)(c.q,{title:n,position:t,children:n}))};return(0,i.jsxs)("div",{children:[(0,i.jsx)(p.z,{onClick:n("Right Top","right-top"),children:"Right Top"}),(0,i.jsx)(p.z,{onClick:n("Right Bottom","right-bottom"),children:"Right Bottom"}),(0,i.jsx)(p.z,{onClick:n("Left Top","left-top"),children:"Left Top"}),(0,i.jsx)(p.z,{onClick:n("Left Bottom","left-bottom"),children:"Left Bottom"})]})},d=function(){var n=n=>()=>{c.q.push((0,i.jsx)(c.q,{type:n,title:n,children:n}))};return(0,i.jsxs)("div",{children:[(0,i.jsx)(p.z,{onClick:n("info"),children:"Info"}),(0,i.jsx)(p.z,{onClick:n("success"),children:"Success"}),(0,i.jsx)(p.z,{onClick:n("warning"),children:"Warning"}),(0,i.jsx)(p.z,{onClick:n("error"),children:"Error"})]})};function k(n){return(0,i.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function m(n){return(0,i.jsx)(k,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function h(n){return(0,i.jsx)(k,{tag:"style",html:n.style})}function g(n,t){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(t+=n.offsetTop),g(n.parentNode,t);return t}class f extends e.Component{constructor(...n){super(...n),(0,a.Z)(this,"state",{showCode:!1}),(0,a.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,t=this.props,s=t.title,a=t.src,e=t.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:s||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(k,{tag:"code",html:a,attributes:{className:"language-jsx"}})})]})}}class v extends e.Component{componentDidMount(){var n=location.hash;if(n){var t=document.querySelector('a[href="'.concat(n,'"]'));t&&(0,o.l)(document.documentElement,0,g(t,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(h,{style:""}),e.createElement(m,{html:'

Notice

\n

Demos

'}),e.createElement(f,{title:"Basic Usage",id:"Demobasic",src:'import { Button, Notice } from \'zent\';\n\nconst showNotice = (text, position) => () => {\n Notice.push(<Notice title={text} position={position}>{text}</Notice>);\n};\n\nReactDOM.render(\n <div>\n <Button onClick={showNotice(\'Right Top\', \'right-top\')}>Right Top</Button>\n <Button onClick={showNotice(\'Right Bottom\', \'right-bottom\')}>\n Right Bottom\n </Button>\n <Button onClick={showNotice(\'Left Top\', \'left-top\')}>Left Top</Button>\n <Button onClick={showNotice(\'Left Bottom\', \'left-bottom\')}>\n Left Bottom\n </Button>\n </div>,\n mountNode\n);'},e.createElement(r)),e.createElement(f,{title:"Styles",id:"Demostyle",src:'import { Button, Notice } from \'zent\';\n\nconst showNotice = type => () => {\n Notice.push(\n <Notice type={type} title={type}>\n {type}\n </Notice>\n );\n};\n\nReactDOM.render(\n <div>\n <Button onClick={showNotice(\'info\')}>Info</Button>\n <Button onClick={showNotice(\'success\')}>Success</Button>\n <Button onClick={showNotice(\'warning\')}>Warning</Button>\n <Button onClick={showNotice(\'error\')}>Error</Button>\n </div>,\n mountNode\n);'},e.createElement(d)),e.createElement(m,{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
PropertyDescriptionTypeRequiredDefaultAlternative
titleTitlestringYes
classNameCustom class namestringNo
styleCustom styleReact.CSSPropertiesNo
typeStyle typestringNoinfo\n, \nsuccess\n,\nwarning\n, \nerror
closableShould show close button, won\'t auto close if falsebooleanNo
onCloseCallback when close button clickedfunctionNo
autoCloseShould close automatically by timeoutbooleanNo
timeoutAuto closing timeoutnumberNo
childrenChildrenReact.ReactNodeNo
positionPositionstringNotop-rightright-top\n, \nright-bottom\n, \nleft-top\n, \nleft-bottom
\n

Notice.push(node: ReactNode): string

\n

Open a new notice. The returned id can be used to close this notice.

\n

Note：The returned id may be not ready to use due to the asynchronous behavior of ReactDOM.render, close(id) will be\na no-op in this case.

\n

Notice.close(id: string): void

\n

Close the notice with id.

'}))}}},67911:(n,t,s)=>{"use strict";s.d(t,{q:()=>z});var a=s(59312),e=s(24246),o=s(27378),c=s(60042),p=s.n(c),i=s(39215),l=s(70453),u=s(31542),r=s(14623),d=s(19185),k=s(17127),m=(0,o.createContext)(null);m.displayName="ZentNoticeContext";var h={appear:"zent-notice-animation-enter",appearActive:"zent-notice-animation-enter-active",appearDone:"zent-notice-animation-enter-done",enter:"zent-notice-animation-enter",enterActive:"zent-notice-animation-enter-active",enterDone:"zent-notice-animation-enter-done",exit:"zent-notice-animation-exit",exitActive:"zent-notice-animation-exit-active",exitDone:"zent-notice-animation-exit-done"},g=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.elementRef=(0,o.createRef)(),t.state={entered:!1,show:!1},t.timer=0,t.ctx={onClose:function(){t.leave()}},t.onEntered=function(){t.setState({entered:!0})},t.onExited=function(){var n=t.elementRef.current;n.style.height=n.clientHeight+"px",(0,k.tA)((function(){return n.style.height="0"})),setTimeout((function(){var n=t.props;(0,n.onExited)(n.id)}),200)},t}return(0,a.ZT)(t,n),t.prototype.leave=function(){this.timer&&clearTimeout(this.timer),this.setState({show:!1})},t.prototype.componentDidMount=function(){var n=this;this.setState({show:!0});var t=this.props.children;if((0,d.isElement)(t)&&t.props){var s=t.props,a=s.autoClose,e=void 0===a||a,o=s.closable,c=void 0===o||o,p=s.timeout,i=void 0===p?4500:p;c&&e&&(this.timer=setTimeout((function(){return n.leave()}),i))}},t.prototype.componentWillUnmount=function(){var n=this.props.id;b.delete(n)},t.prototype.render=function(){var n=this.props.children,t=this.state,s=t.entered,o=t.show;return(0,e.jsx)(m.Provider,(0,a.pi)({value:this.ctx},{children:(0,e.jsx)(r.Z,(0,a.pi)({in:o,timeout:s?160:100,onEntered:this.onEntered,onExited:this.onExited,classNames:h},{children:(0,e.jsx)("div",(0,a.pi)({ref:this.elementRef,className:"zent-notice-animation","data-zv":"10.0.10"},{children:n}),void 0)}),void 0)}),void 0)},t}(o.Component),f=s(14805),v={"right-top":null,"right-bottom":null,"left-top":null,"left-bottom":null},y={"right-top":new Set,"right-bottom":new Set,"left-top":new Set,"left-bottom":new Set},b=new Map,j=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.state={list:[]},t.onExited=function(n){t.setState((function(t){return{list:t.list.filter((function(t){return t.props.id!==n}))}}))},t}return(0,a.ZT)(t,n),t.prototype.push=function(n,t){var s=(0,o.createRef)(),c=(0,e.jsx)(g,(0,a.pi)({ref:s,id:t,onExited:this.onExited},{children:n}),t);return b.set(t,s),this.setState((function(n){return{list:n.list.concat([c])}})),t},t.prototype.render=function(){return(0,e.jsx)(e.Fragment,{children:this.state.list},void 0)},t}(o.Component);function x(n){switch(n){case"info":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-info",type:"info-circle"},void 0);case"success":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-success",type:"check-circle"},void 0);case"warning":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-warning",type:"warning"},void 0);case"error":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-error",type:"close-circle"},void 0);default:return null}}function z(n){var t=n.children,s=n.title,c=n.type,l=n.closable,u=void 0===l||l,r=n.onClose,d=n.className,k=n.style,h=(0,o.useContext)(m),g=(0,o.useCallback)((function(){h&&h.onClose(),r&&r()}),[h,r]);return(0,e.jsxs)("div",(0,a.pi)({className:p()("zent-notice",{"zent-notice-with-icon":!!c},d),style:k,"data-zv":"10.0.10"},{children:[x(c),(0,e.jsx)("div",(0,a.pi)({className:"zent-notice-title","data-zv":"10.0.10"},{children:s}),void 0),u?(0,e.jsx)(i.J,{type:"close",className:"zent-notice-close",onClick:g},void 0):null,(0,e.jsx)("div",(0,a.pi)({className:"zent-notice-content","data-zv":"10.0.10"},{children:t}),void 0)]}),void 0)}z.push=function(n){var t="right-top";(0,d.isElement)(n)&&n.props&&(t=n.props.position||t);var s=(0,l.Z)("zent-notice-");return function(n,t){var s=v[n];if(s)return t(s);var a=y[n];if(a.add(t),!(a.size>1)){var o=function(n){var t=(0,f.Z)("div");switch(t.classList.add("zent-notice-container"),n){case"right-top":t.classList.add("zent-notice-container-right","zent-notice-container-top");break;case"right-bottom":t.classList.add("zent-notice-container-right","zent-notice-container-bottom");break;case"left-top":t.classList.add("zent-notice-container-left","zent-notice-container-top");break;case"left-bottom":t.classList.add("zent-notice-container-left","zent-notice-container-bottom");break;default:throw new Error("Invalid argument "+n)}return document.body.appendChild(t),t}(n);u.render((0,e.jsx)(j,{element:o,ref:function(t){t&&(v[n]=t,a.forEach((function(n){return n(t)})),a.clear())}},void 0),o)}}(t,(function(t){t.push(n,s)})),s},z.close=function(n){var t=b.get(n);t&&t.current&&t.current.leave()}}}]); \ No newline at end of file diff --git a/3382-7e1ad3c0b5c892e4c68c.js b/3382-1795100a52e742adac5e.js similarity index 91% rename from 3382-7e1ad3c0b5c892e4c68c.js rename to 3382-1795100a52e742adac5e.js index 17bbc477c..a3d745f31 100644 --- a/3382-7e1ad3c0b5c892e4c68c.js +++ b/3382-1795100a52e742adac5e.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3382],{13382:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>x});var t=a(73450),p=a(27378),e=a(57318),c=a(90218),o=a(39215),l=a(24246);function u(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 k(n){for(var s=1;s{},a=()=>(0,l.jsxs)(c.v,{onClick:s,className:"hello",children:[(0,l.jsx)(n,{className:"food",children:"食品分类"},"1-1"),(0,l.jsx)(n,{disabled:!0,children:"服装分类"},"1-2")]});return(0,l.jsx)(a,{})},r=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{onClick:a,className:"hello",children:[(0,l.jsx)(n,{className:"food",children:"食品分类"},"1-1"),(0,l.jsx)(n,{disabled:!0,children:"服装分类"},"1-2"),(0,l.jsxs)(s,{title:"电器分类",overlayClassName:"sub",children:[(0,l.jsx)(n,{className:"tv",children:"电视机"},"2-1"),(0,l.jsx)(n,{disabled:!0,children:"笔记本"},"2-2"),(0,l.jsx)(n,{children:"洗衣机"},"2-3")]}),(0,l.jsxs)(s,{title:"美妆分类",disabled:!0,children:[(0,l.jsx)(n,{children:"眼影"},"3-1"),(0,l.jsx)(n,{children:"洗面奶"},"3-2")]})]});return(0,l.jsx)(t,{})},d=function(){var n=c.v.MenuItem,s=c.v.SubMenu;return(0,l.jsx)("div",{className:"zent-menu-simple-wrapper",children:(0,l.jsxs)(c.v,{className:"simple",onClick:function(n,s){},children:[(0,l.jsx)(n,{children:"广东"}),(0,l.jsxs)(s,{title:"江苏",children:[(0,l.jsx)(n,{children:"苏州"}),(0,l.jsx)(n,{children:"无锡"}),(0,l.jsx)(n,{children:"常州"}),(0,l.jsx)(n,{children:"镇江"}),(0,l.jsxs)(s,{title:"南京",children:[(0,l.jsx)(n,{children:"江宁区"}),(0,l.jsx)(n,{children:"仙林区"})]})]}),(0,l.jsx)(n,{children:"山东"}),(0,l.jsxs)(s,{title:"浙江",children:[(0,l.jsxs)(s,{title:"杭州",children:[(0,l.jsx)(n,{children:"西湖区"}),(0,l.jsx)(n,{children:"上城区"})]}),(0,l.jsx)(n,{children:"温州"}),(0,l.jsx)(n,{children:"绍兴"}),(0,l.jsx)(n,{children:"嘉兴"})]})]})})},m=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{onClick:a,className:"hello",children:[(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"youzan"}),"电器分类"]}),overlayClassName:"sub",children:[(0,l.jsx)(n,{className:"tv",children:"电视机"},"2-1"),(0,l.jsx)(n,{disabled:!0,children:"笔记本"},"2-2"),(0,l.jsx)(n,{children:"洗衣机"},"2-3")]}),(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"settings"}),"美妆分类"]}),children:[(0,l.jsx)(n,{children:"眼影"},"3-1"),(0,l.jsx)(n,{children:"洗面奶"},"3-2")]})]});return(0,l.jsx)(t,{})},g=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{mode:"inline",onClick:a,children:[(0,l.jsx)(n,{children:"食品分类"},"1-1"),(0,l.jsx)(n,{children:"服装分类"},"1-2"),(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"youzan"}),"电器分类"]}),children:[(0,l.jsx)(n,{children:"电视机"},"1-3-1"),(0,l.jsx)(n,{children:"笔记本"},"1-3-2"),(0,l.jsx)(n,{children:"洗衣机"},"1-3-3")]},"1-3"),(0,l.jsxs)(s,{title:"美妆分类",children:[(0,l.jsx)(n,{children:"眼影"},"1-4-1"),(0,l.jsx)(n,{children:"洗面奶"},"1-4-2"),(0,l.jsxs)(s,{title:"食品分类",children:[(0,l.jsx)(n,{children:"电视机"},"1-4-3-1"),(0,l.jsx)(n,{children:"笔记本"},"1-4-3-2"),(0,l.jsx)(n,{children:"洗衣机"},"1-4-3-3")]},"1-4-3")]},"1-4"),(0,l.jsx)(n,{disabled:!0,children:"服装分类"},"1-5"),(0,l.jsx)(s,{title:"食品分类",disabled:!0},"1-6")]});return(0,l.jsx)(t,{})},h=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{mode:"inline",defaultSelectedKey:"1-2",defaultExpandedKeys:["1-4","1-4-3"],onClick:a,children:[(0,l.jsx)(n,{children:"食品分类"},"1-1"),(0,l.jsx)(n,{children:"服装分类"},"1-2"),(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"youzan"}),"电器分类"]}),children:[(0,l.jsx)(n,{children:"电视机"},"1-3-1"),(0,l.jsx)(n,{children:"笔记本"},"1-3-2"),(0,l.jsx)(n,{children:"洗衣机"},"1-3-3")]},"1-3"),(0,l.jsxs)(s,{title:"美妆分类",children:[(0,l.jsx)(n,{children:"眼影"},"1-4-1"),(0,l.jsx)(n,{children:"洗面奶"},"1-4-2"),(0,l.jsxs)(s,{title:"食品分类",children:[(0,l.jsx)(n,{children:"电视机"},"1-4-3-1"),(0,l.jsx)(n,{children:"笔记本"},"1-4-3-2"),(0,l.jsx)(n,{children:"洗衣机"},"1-4-3-3")]},"1-4-3")]},"1-4")]});return(0,l.jsx)(t,{})};function y(n){return(0,l.jsx)(n.tag,k(k({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,l.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function M(n){return(0,l.jsx)(y,{tag:"style",html:n.style})}function b(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),b(n.parentNode,s);return s}class f extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,b(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(M,{style:""}),p.createElement(v,{html:'

Menu 菜单

\n

菜单，为页面提供导航的菜单

\n

代码演示

'}),p.createElement(f,{title:"基础用法",id:"Demobasic",src:'import { Menu } from \'zent\';\nconst { MenuItem } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n onClick={onClick}\n className="hello"\n >\n <MenuItem key="1-1" className="food">食品分类</MenuItem>\n <MenuItem key="1-2" disabled>服装分类</MenuItem>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(i)),p.createElement(f,{title:"二级菜单",id:"Demosubmenu",src:'import { Menu } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n onClick={onClick}\n className="hello"\n >\n <MenuItem key="1-1" className="food">食品分类</MenuItem>\n <MenuItem key="1-2" disabled>服装分类</MenuItem>\n <SubMenu title={"电器分类"} overlayClassName="sub">\n <MenuItem key="2-1" className="tv">电视机</MenuItem>\n <MenuItem key="2-2" disabled>笔记本</MenuItem>\n <MenuItem key="2-3">洗衣机</MenuItem>\n </SubMenu>\n <SubMenu title={"美妆分类"} disabled>\n <MenuItem key="3-1">眼影</MenuItem>\n <MenuItem key="3-2">洗面奶</MenuItem>\n </SubMenu>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(r)),p.createElement(f,{title:"多级嵌套",id:"Demonested",src:'import { Menu } from \'zent\';\n\nconst { MenuItem, SubMenu } = Menu;\nconst clickHandler = function(event, key) {\n console.log(event, key);\n};\n\nReactDOM.render(\n <div className="zent-menu-simple-wrapper">\n <Menu className="simple" onClick={clickHandler}>\n <MenuItem>广东</MenuItem>\n <SubMenu title="江苏">\n <MenuItem>苏州</MenuItem>\n <MenuItem>无锡</MenuItem>\n <MenuItem>常州</MenuItem>\n <MenuItem>镇江</MenuItem>\n <SubMenu title="南京">\n <MenuItem>江宁区</MenuItem>\n <MenuItem>仙林区</MenuItem>\n </SubMenu>\n </SubMenu>\n <MenuItem>山东</MenuItem>\n <SubMenu title="浙江">\n <SubMenu title="杭州">\n <MenuItem>西湖区</MenuItem>\n <MenuItem>上城区</MenuItem>\n </SubMenu>\n <MenuItem>温州</MenuItem>\n <MenuItem>绍兴</MenuItem>\n <MenuItem>嘉兴</MenuItem>\n </SubMenu>\n </Menu>\n </div>\n , mountNode\n);'},p.createElement(d)),p.createElement(f,{title:"带有图标",id:"Demowithicon",src:'import { Menu, Icon } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n onClick={onClick}\n className="hello"\n >\n <SubMenu title={<span><Icon type="youzan" />电器分类</span>} overlayClassName="sub">\n <MenuItem key="2-1" className="tv">电视机</MenuItem>\n <MenuItem key="2-2" disabled>笔记本</MenuItem>\n <MenuItem key="2-3">洗衣机</MenuItem>\n </SubMenu>\n <SubMenu title={<span><Icon type="settings" />美妆分类</span>}>\n <MenuItem key="3-1">眼影</MenuItem>\n <MenuItem key="3-2">洗面奶</MenuItem>\n </SubMenu>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(m)),p.createElement(f,{title:"行内模式",id:"Demoinline",src:'import { Menu } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n mode="inline"\n onClick={onClick}\n >\n <MenuItem key="1-1">\n 食品分类\n </MenuItem>\n <MenuItem key="1-2">\n 服装分类\n </MenuItem>\n <SubMenu title={<span><Icon type="youzan" />电器分类</span>} key="1-3">\n <MenuItem key="1-3-1">电视机</MenuItem>\n <MenuItem key="1-3-2">笔记本</MenuItem>\n <MenuItem key="1-3-3">洗衣机</MenuItem>\n </SubMenu>\n <SubMenu title={"美妆分类"} key="1-4">\n <MenuItem key="1-4-1">眼影</MenuItem>\n <MenuItem key="1-4-2">洗面奶</MenuItem>\n <SubMenu key="1-4-3" title={"食品分类"}>\n <MenuItem key="1-4-3-1">电视机</MenuItem>\n <MenuItem key="1-4-3-2">笔记本</MenuItem>\n <MenuItem key="1-4-3-3">洗衣机</MenuItem>\n </SubMenu>\n </SubMenu>\n <MenuItem key="1-5" disabled>\n 服装分类\n </MenuItem>\n <SubMenu key="1-6" title={"食品分类"} disabled />\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(g)),p.createElement(f,{title:"行内模式默认选中",id:"Demoinlineselected",src:'import { Menu } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n mode="inline"\n defaultSelectedKey="1-2"\n defaultExpandedKeys={["1-4", "1-4-3"]}\n onClick={onClick}\n >\n <MenuItem key="1-1">\n 食品分类\n </MenuItem>\n <MenuItem key="1-2">\n 服装分类\n </MenuItem>\n <SubMenu title={<span><Icon type="youzan" />电器分类</span>} key="1-3">\n <MenuItem key="1-3-1">电视机</MenuItem>\n <MenuItem key="1-3-2">笔记本</MenuItem>\n <MenuItem key="1-3-3">洗衣机</MenuItem>\n </SubMenu>\n <SubMenu title={"美妆分类"} key="1-4">\n <MenuItem key="1-4-1">眼影</MenuItem>\n <MenuItem key="1-4-2">洗面奶</MenuItem>\n <SubMenu key="1-4-3" title={"食品分类"}>\n <MenuItem key="1-4-3-1">电视机</MenuItem>\n <MenuItem key="1-4-3-2">笔记本</MenuItem>\n <MenuItem key="1-4-3-3">洗衣机</MenuItem>\n </SubMenu>\n </SubMenu>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(h)),p.createElement(v,{html:'

API

\n

Menu

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值可选值
onClick点击菜单节点回调(e: React.MouseEvent, key: string) => void
onSubMenuClick点击子菜单(非叶子节点)的回调, 入参为子菜单 ID(id: string | number) => void
mode模式string\'pop\'\'pop\', \'inline\'
style自定义内联样式object
className节点类名string
\n

inline 模式 Menu 参数

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值可选值
defaultExpandedKeys默认展开的 SubMenu 的 keysstring[]
defaultSelectedKey默认选中的 MenuItem 的 keystring
selectedKey选中的 MenuItem 的 keystring
expandedKeys展开的 SubMenu 的 keysstring[]
onSelectChange选中的 MenuItem 的 key 变化时的回调函数(key: string) => void
onExpandChange菜单展开/折叠时的回调, 入参为此时处于展开状态的 SubMenu id 数组(keys: string[]) => void
inlineIndentinline\n 模式下的缩进(px)number24
\n

MenuItem

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
keyitem 的唯一标志string内部生成的唯一ID
disabled是否禁用当前菜单项bool
className节点自定义类名string
\n

SubMenu

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
keysubMenu 的唯一标志string内部生成的唯一ID
title子菜单项显示值node
disabled是否禁用当前子菜单bool
overlayClassName弹出菜单的自定义类名string
className子菜单项自定义类名string
\n

FAQ

\n
    \n
  • \n

    菜单组件使用统一代理的点击事件回调函数, 其参数为 event 和 key(实际上是节点的 index 属性值)。

    \n
    • \n
  • \n

    当 MenuItem 不设置 key 属性时的会按顺序和层级自动生成节点的唯一标识(从0开始)并保存在 speckey 属性上, 作为 onClick 函数的第二个参数。\n如果手动设置了 key 属性则会被复制到 speckey 属性, 覆盖自动生成的标识。建议在Menu不复杂的情况下手动为 MenuItem 设置格式合理的 key 属性。

    \n
    <Menu>\n      <MenuItem />   -------- \'item_0\'\n      <SubMenu>      -------- \'item_1\'\n        <MenuItem /> -------- \'item_1_0\'\n        <MenuItem /> -------- \'item_1_1\'\n      </SubMenu>\n      <MenuItem />   -------- \'item_2\'\n    </Menu>\n\n    ```
    \n
    • \n
'}))}}},90218:(n,s,a)=>{"use strict";a.d(s,{v:()=>y,Z:()=>v});var t=a(59312),p=a(24246),e=a(60042),c=a.n(e),o=a(27378),l=a(17949),u=a(42690),k=a(53090),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.renderCommonMenuItem=function(n,s,a,p){var e=(0,t.pi)({specKey:(0,k.o)(n,s,a),onClick:this.handleClick},p);return(0,o.cloneElement)(n,e)},s}(o.PureComponent),r=a(80736),d=a(27036),m=a(79737),g=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.handleClick=function(n,a){(0,s.props.onClick)(n,a)},s.onSubMenuClick=function(){s.props.onSubMenuClick&&s.props.onSubMenuClick(s.props.specKey)},s.renderSubMenuItems=function(n,a){if(!n)return null;var t=s.props.specKey;return s.renderCommonMenuItem(n,a,t)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.children,a=n.visible,e=n.overlayCx;return a?(0,p.jsx)("ul",(0,t.pi)({className:c()("zent-menu","zent-submenu-content",e),onClick:this.onSubMenuClick,"data-zv":"10.0.9"},{children:o.Children.map(s,this.renderSubMenuItems)}),void 0):null},s}(i),h=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={subMenuVisible:!1},s.getEventHanders=function(n,a){var t={};return n||a||(t={onMouseEnter:s.onMouseEnter,onMouseLeave:s.onMouseLeave}),t},s.handleClick=function(n,a){var t=s.props,p=t.onClick;!t.isInline&&s.setState({subMenuVisible:!1}),p(n,a)},s.titleClickHandler=function(n){var a,t,p=s.props,e=p.isInline,c=p.specKey,o=p.toggleExpand;null===(t=(a=s.props).onSubMenuClick)||void 0===t||t.call(a,c),e&&o(c),n.stopPropagation()},s.onMouseEnter=function(){s.leaveTimer&&clearTimeout(s.leaveTimer),s.enterTimer=setTimeout((function(){s.setState({subMenuVisible:!0})}),200)},s.onMouseLeave=function(){s.enterTimer&&clearTimeout(s.enterTimer),s.leaveTimer=setTimeout((function(){s.setState({subMenuVisible:!1})}),200)},s.renderInlineChild=function(n,a){var t=s.props,p=t.depth,e=t.isInline,c=t.inlineIndent,o=t.selectedKey,l=t.expandKeys,u=t.handleSelect,k=t.toggleExpand,i=t.specKey;return s.renderCommonMenuItem(n,a,i,{depth:p+1,isInline:e,inlineIndent:c,selectedKey:o,expandKeys:l,handleSelect:u,toggleExpand:k,onSubMenuClick:s.props.onSubMenuClick})},s}return(0,t.ZT)(s,n),s.prototype.renderContent=function(){var n=this.props,s=n.children,a=n.specKey,e=n.overlayClassName,c=n.isInline,l=n.expandKeys,u=l&&-1!==l.indexOf(a);return c?(0,p.jsx)(m.H,(0,t.pi)({duration:200,height:u?"auto":0},{children:(0,p.jsx)("ul",(0,t.pi)({className:"zent-menu__inner","data-zv":"10.0.9"},{children:o.Children.map(s,this.renderInlineChild)}),void 0)}),void 0):(0,p.jsx)(g,(0,t.pi)({visible:this.state.subMenuVisible,onClick:this.handleClick,specKey:a,overlayCx:e,onSubMenuClick:this.props.onSubMenuClick},{children:s}),void 0)},s.prototype.render=function(){var n=this.props,s=n.className,a=n.disabled,e=n.title,o=n.isInline,l=n.depth,u=n.inlineIndent,i=n.expandKeys,r=n.specKey,m=i&&-1!==i.indexOf(r),g=this.getEventHanders(a,o),h=(0,k.g)({isInline:o,depth:l,inlineIndent:u}),y=c()(s,{"zent-menu-item":!o,"zent-menu-item-disabled":a,"zent-submenu":!o,"zent-menu__inline-submenu":o,"zent-menu__inline-item-disabled":a&&o});return(0,p.jsxs)("li",(0,t.pi)({className:y},g,{"data-zv":"10.0.9"},{children:[(0,p.jsxs)("div",(0,t.pi)({className:c()({"zent-submenu-title":!o,"zent-menu__inline-submenu-title":o,"zent-submenu-disabled":a}),style:h,onClick:this.titleClickHandler,"data-zv":"10.0.9"},{children:[e,!a&&(0,p.jsx)(d.Z,{className:c()("zent-submenu-title-operate-icon",{"zent-menu__inline-submenu-icon--expand":o&&m}),type:"right"},void 0)]}),void 0),!a&&this.renderContent()]}),void 0)},s.defaultProps={className:""},s}(i),y=function(n){function s(s){var a,p,e,c=n.call(this,s)||this;return c.toggleExpand=function(n){var s,a,p=c.state.expandedKeys,e=-1!==p.indexOf(n)?p.filter((function(s){return s!==n})):(0,t.ev)([n],p);c.setState({expandedKeys:e}),null===(a=(s=c.props).onExpandChange)||void 0===a||a.call(s,e)},c.handleSelect=function(n){var s,a;c.setState({selectedKey:n}),null===(a=(s=c.props).onSelectChange)||void 0===a||a.call(s,n)},c.handleClick=function(n,s){var a=c.props.onClick;a&&a(n,s)},c.renderMenuItem=function(n,s){return n?c.renderCommonMenuItem(n,s,void 0,{depth:1,isInline:"inline"===c.props.mode,inlineIndent:c.props.inlineIndent,selectedKey:c.state.selectedKey,expandKeys:c.state.expandedKeys,handleSelect:c.handleSelect,toggleExpand:c.toggleExpand,onSubMenuClick:c.props.onSubMenuClick}):null},"inline"===s.mode?c.state={selectedKey:null!==(a=s.selectedKey)&&void 0!==a?a:s.defaultSelectedKey,expandedKeys:null!==(e=null!==(p=s.expandedKeys)&&void 0!==p?p:s.defaultExpandedKeys)&&void 0!==e?e:s.defaultExpandKeys,prevExpandedKeysProp:s.expandedKeys,prevSelectedKeyProp:s.selectedKey}:c.state={},c}return(0,t.ZT)(s,n),s.getDerivedStateFromProps=function(n,s){if("inline"!==n.mode)return null;var a={prevSelectedKeyProp:n.selectedKey,prevExpandedKeysProp:n.expandedKeys};return n.selectedKey!==s.prevSelectedKeyProp&&n.selectedKey!==s.selectedKey&&(a.selectedKey=n.selectedKey),(0,l.Z)(n.expandedKeys,s.prevExpandedKeysProp)||(0,l.Z)(n.expandedKeys,s.expandedKeys)||(a.expandedKeys=n.expandedKeys),a},s.prototype.render=function(){var n=this.props,s=n.children,a=n.className,e=n.style,l="inline"===n.mode,u=c()("zent-menu",a,{"zent-menu__inline":l});return(0,p.jsx)("ul",(0,t.pi)({className:u,style:e,"data-zv":"10.0.9"},{children:o.Children.map(s,this.renderMenuItem)}),void 0)},s.MenuItem=r.Z,s.SubMenu=h,s.defaultProps={onClick:u.Z,mode:"pop",inlineIndent:24,defaultExpandKeys:[],onSubMenuClick:u.Z},s}(i),v=y},80736:(n,s,a)=>{"use strict";a.d(s,{s:()=>u});var t=a(59312),p=a(24246),e=a(27378),c=a(60042),o=a.n(c),l=a(53090),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.handleClick=function(n){var a=s.props,t=a.specKey,p=a.onClick,e=a.disabled,c=a.isInline,o=a.handleSelect;e||(c&&o(t),p(n,t))},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.specKey,a=n.className,e=n.children,c=n.disabled,u=n.isInline,k=n.selectedKey,i=n.depth,r=n.inlineIndent,d=k===s,m=(0,l.g)({isInline:u,depth:i,inlineIndent:r});return(0,p.jsx)("li",(0,t.pi)({className:o()("zent-menu-item",a,{"zent-menu__inline-item":u,"zent-menu__inline-item-selected":d,"zent-menu-item-disabled":c}),style:m,onClick:this.handleClick,"data-zv":"10.0.9"},{children:e}),void 0)},s}(e.Component);s.Z=u},53090:(n,s,a)=>{"use strict";function t(n,s,a){return void 0===a&&(a="item"),n.key||a+"_"+s}function p(n){var s=n.isInline,a=n.depth,t=n.inlineIndent,p={};return s&&(p={paddingLeft:a*t+"px"}),p}a.d(s,{o:()=>t,g:()=>p})},79737:(n,s,a)=>{"use strict";a.d(s,{H:()=>l});var t=a(59312),p=a(24246),e=a(27378),c=a(17127);function o(n,s){n.style.height="number"==typeof s?s+"px":s}var l=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.ref=(0,e.createRef)(),s.timer=null,s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=this,s=this.props,a=s.appear,t=s.height,p=s.duration,e=this.ref.current;if(a&&"auto"===t){var l=e.offsetHeight;e.style.height="0px",(0,c.tA)((function(){n.props.height===t&&(e.style.height=l+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===t&&(e.style.height="auto")}),p))}))}else o(e,t)},s.prototype.componentDidUpdate=function(n){var s=this,a=this.props,t=a.height,p=a.duration;if(n.height!==t){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var e=this.ref.current;if("auto"===n.height)e.style.height=e.offsetHeight+"px",(0,c.tA)((function(){s.props.height===t&&o(e,t)}));else if("auto"===t){var l=e.offsetHeight;e.style.height="auto";var u=e.offsetHeight;e.style.height=l+"px",(0,c.tA)((function(){e.style.height=u+"px",s.timer=setTimeout((function(){s.timer=null,s.props.height===t&&(e.style.height=t)}),p)}))}else o(e,t)}},s.prototype.render=function(){var n=this.props,s=n.duration,a=n.className,e=n.style,c=n.easing,o=n.overflow,l=n.children,u=n.transitionPrototype;return(0,p.jsx)("div",(0,t.pi)({ref:this.ref,className:a,style:(0,t.pi)((0,t.pi)({},e),{transition:u+" "+s+"ms "+c,overflow:o}),"data-zv":"10.0.9"},{children:l}),void 0)},s.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},s}(e.Component)}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3382],{13382:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>x});var t=a(73450),p=a(27378),e=a(57318),c=a(90218),o=a(39215),l=a(24246);function u(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 k(n){for(var s=1;s{},a=()=>(0,l.jsxs)(c.v,{onClick:s,className:"hello",children:[(0,l.jsx)(n,{className:"food",children:"食品分类"},"1-1"),(0,l.jsx)(n,{disabled:!0,children:"服装分类"},"1-2")]});return(0,l.jsx)(a,{})},r=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{onClick:a,className:"hello",children:[(0,l.jsx)(n,{className:"food",children:"食品分类"},"1-1"),(0,l.jsx)(n,{disabled:!0,children:"服装分类"},"1-2"),(0,l.jsxs)(s,{title:"电器分类",overlayClassName:"sub",children:[(0,l.jsx)(n,{className:"tv",children:"电视机"},"2-1"),(0,l.jsx)(n,{disabled:!0,children:"笔记本"},"2-2"),(0,l.jsx)(n,{children:"洗衣机"},"2-3")]}),(0,l.jsxs)(s,{title:"美妆分类",disabled:!0,children:[(0,l.jsx)(n,{children:"眼影"},"3-1"),(0,l.jsx)(n,{children:"洗面奶"},"3-2")]})]});return(0,l.jsx)(t,{})},d=function(){var n=c.v.MenuItem,s=c.v.SubMenu;return(0,l.jsx)("div",{className:"zent-menu-simple-wrapper",children:(0,l.jsxs)(c.v,{className:"simple",onClick:function(n,s){},children:[(0,l.jsx)(n,{children:"广东"}),(0,l.jsxs)(s,{title:"江苏",children:[(0,l.jsx)(n,{children:"苏州"}),(0,l.jsx)(n,{children:"无锡"}),(0,l.jsx)(n,{children:"常州"}),(0,l.jsx)(n,{children:"镇江"}),(0,l.jsxs)(s,{title:"南京",children:[(0,l.jsx)(n,{children:"江宁区"}),(0,l.jsx)(n,{children:"仙林区"})]})]}),(0,l.jsx)(n,{children:"山东"}),(0,l.jsxs)(s,{title:"浙江",children:[(0,l.jsxs)(s,{title:"杭州",children:[(0,l.jsx)(n,{children:"西湖区"}),(0,l.jsx)(n,{children:"上城区"})]}),(0,l.jsx)(n,{children:"温州"}),(0,l.jsx)(n,{children:"绍兴"}),(0,l.jsx)(n,{children:"嘉兴"})]})]})})},m=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{onClick:a,className:"hello",children:[(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"youzan"}),"电器分类"]}),overlayClassName:"sub",children:[(0,l.jsx)(n,{className:"tv",children:"电视机"},"2-1"),(0,l.jsx)(n,{disabled:!0,children:"笔记本"},"2-2"),(0,l.jsx)(n,{children:"洗衣机"},"2-3")]}),(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"settings"}),"美妆分类"]}),children:[(0,l.jsx)(n,{children:"眼影"},"3-1"),(0,l.jsx)(n,{children:"洗面奶"},"3-2")]})]});return(0,l.jsx)(t,{})},g=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{mode:"inline",onClick:a,children:[(0,l.jsx)(n,{children:"食品分类"},"1-1"),(0,l.jsx)(n,{children:"服装分类"},"1-2"),(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"youzan"}),"电器分类"]}),children:[(0,l.jsx)(n,{children:"电视机"},"1-3-1"),(0,l.jsx)(n,{children:"笔记本"},"1-3-2"),(0,l.jsx)(n,{children:"洗衣机"},"1-3-3")]},"1-3"),(0,l.jsxs)(s,{title:"美妆分类",children:[(0,l.jsx)(n,{children:"眼影"},"1-4-1"),(0,l.jsx)(n,{children:"洗面奶"},"1-4-2"),(0,l.jsxs)(s,{title:"食品分类",children:[(0,l.jsx)(n,{children:"电视机"},"1-4-3-1"),(0,l.jsx)(n,{children:"笔记本"},"1-4-3-2"),(0,l.jsx)(n,{children:"洗衣机"},"1-4-3-3")]},"1-4-3")]},"1-4"),(0,l.jsx)(n,{disabled:!0,children:"服装分类"},"1-5"),(0,l.jsx)(s,{title:"食品分类",disabled:!0},"1-6")]});return(0,l.jsx)(t,{})},h=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{mode:"inline",defaultSelectedKey:"1-2",defaultExpandedKeys:["1-4","1-4-3"],onClick:a,children:[(0,l.jsx)(n,{children:"食品分类"},"1-1"),(0,l.jsx)(n,{children:"服装分类"},"1-2"),(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"youzan"}),"电器分类"]}),children:[(0,l.jsx)(n,{children:"电视机"},"1-3-1"),(0,l.jsx)(n,{children:"笔记本"},"1-3-2"),(0,l.jsx)(n,{children:"洗衣机"},"1-3-3")]},"1-3"),(0,l.jsxs)(s,{title:"美妆分类",children:[(0,l.jsx)(n,{children:"眼影"},"1-4-1"),(0,l.jsx)(n,{children:"洗面奶"},"1-4-2"),(0,l.jsxs)(s,{title:"食品分类",children:[(0,l.jsx)(n,{children:"电视机"},"1-4-3-1"),(0,l.jsx)(n,{children:"笔记本"},"1-4-3-2"),(0,l.jsx)(n,{children:"洗衣机"},"1-4-3-3")]},"1-4-3")]},"1-4")]});return(0,l.jsx)(t,{})};function y(n){return(0,l.jsx)(n.tag,k(k({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,l.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function M(n){return(0,l.jsx)(y,{tag:"style",html:n.style})}function b(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),b(n.parentNode,s);return s}class f extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,b(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(M,{style:""}),p.createElement(v,{html:'

Menu 菜单

\n

菜单，为页面提供导航的菜单

\n

代码演示

'}),p.createElement(f,{title:"基础用法",id:"Demobasic",src:'import { Menu } from \'zent\';\nconst { MenuItem } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n onClick={onClick}\n className="hello"\n >\n <MenuItem key="1-1" className="food">食品分类</MenuItem>\n <MenuItem key="1-2" disabled>服装分类</MenuItem>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(i)),p.createElement(f,{title:"二级菜单",id:"Demosubmenu",src:'import { Menu } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n onClick={onClick}\n className="hello"\n >\n <MenuItem key="1-1" className="food">食品分类</MenuItem>\n <MenuItem key="1-2" disabled>服装分类</MenuItem>\n <SubMenu title={"电器分类"} overlayClassName="sub">\n <MenuItem key="2-1" className="tv">电视机</MenuItem>\n <MenuItem key="2-2" disabled>笔记本</MenuItem>\n <MenuItem key="2-3">洗衣机</MenuItem>\n </SubMenu>\n <SubMenu title={"美妆分类"} disabled>\n <MenuItem key="3-1">眼影</MenuItem>\n <MenuItem key="3-2">洗面奶</MenuItem>\n </SubMenu>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(r)),p.createElement(f,{title:"多级嵌套",id:"Demonested",src:'import { Menu } from \'zent\';\n\nconst { MenuItem, SubMenu } = Menu;\nconst clickHandler = function(event, key) {\n console.log(event, key);\n};\n\nReactDOM.render(\n <div className="zent-menu-simple-wrapper">\n <Menu className="simple" onClick={clickHandler}>\n <MenuItem>广东</MenuItem>\n <SubMenu title="江苏">\n <MenuItem>苏州</MenuItem>\n <MenuItem>无锡</MenuItem>\n <MenuItem>常州</MenuItem>\n <MenuItem>镇江</MenuItem>\n <SubMenu title="南京">\n <MenuItem>江宁区</MenuItem>\n <MenuItem>仙林区</MenuItem>\n </SubMenu>\n </SubMenu>\n <MenuItem>山东</MenuItem>\n <SubMenu title="浙江">\n <SubMenu title="杭州">\n <MenuItem>西湖区</MenuItem>\n <MenuItem>上城区</MenuItem>\n </SubMenu>\n <MenuItem>温州</MenuItem>\n <MenuItem>绍兴</MenuItem>\n <MenuItem>嘉兴</MenuItem>\n </SubMenu>\n </Menu>\n </div>\n , mountNode\n);'},p.createElement(d)),p.createElement(f,{title:"带有图标",id:"Demowithicon",src:'import { Menu, Icon } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n onClick={onClick}\n className="hello"\n >\n <SubMenu title={<span><Icon type="youzan" />电器分类</span>} overlayClassName="sub">\n <MenuItem key="2-1" className="tv">电视机</MenuItem>\n <MenuItem key="2-2" disabled>笔记本</MenuItem>\n <MenuItem key="2-3">洗衣机</MenuItem>\n </SubMenu>\n <SubMenu title={<span><Icon type="settings" />美妆分类</span>}>\n <MenuItem key="3-1">眼影</MenuItem>\n <MenuItem key="3-2">洗面奶</MenuItem>\n </SubMenu>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(m)),p.createElement(f,{title:"行内模式",id:"Demoinline",src:'import { Menu } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n mode="inline"\n onClick={onClick}\n >\n <MenuItem key="1-1">\n 食品分类\n </MenuItem>\n <MenuItem key="1-2">\n 服装分类\n </MenuItem>\n <SubMenu title={<span><Icon type="youzan" />电器分类</span>} key="1-3">\n <MenuItem key="1-3-1">电视机</MenuItem>\n <MenuItem key="1-3-2">笔记本</MenuItem>\n <MenuItem key="1-3-3">洗衣机</MenuItem>\n </SubMenu>\n <SubMenu title={"美妆分类"} key="1-4">\n <MenuItem key="1-4-1">眼影</MenuItem>\n <MenuItem key="1-4-2">洗面奶</MenuItem>\n <SubMenu key="1-4-3" title={"食品分类"}>\n <MenuItem key="1-4-3-1">电视机</MenuItem>\n <MenuItem key="1-4-3-2">笔记本</MenuItem>\n <MenuItem key="1-4-3-3">洗衣机</MenuItem>\n </SubMenu>\n </SubMenu>\n <MenuItem key="1-5" disabled>\n 服装分类\n </MenuItem>\n <SubMenu key="1-6" title={"食品分类"} disabled />\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(g)),p.createElement(f,{title:"行内模式默认选中",id:"Demoinlineselected",src:'import { Menu } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n mode="inline"\n defaultSelectedKey="1-2"\n defaultExpandedKeys={["1-4", "1-4-3"]}\n onClick={onClick}\n >\n <MenuItem key="1-1">\n 食品分类\n </MenuItem>\n <MenuItem key="1-2">\n 服装分类\n </MenuItem>\n <SubMenu title={<span><Icon type="youzan" />电器分类</span>} key="1-3">\n <MenuItem key="1-3-1">电视机</MenuItem>\n <MenuItem key="1-3-2">笔记本</MenuItem>\n <MenuItem key="1-3-3">洗衣机</MenuItem>\n </SubMenu>\n <SubMenu title={"美妆分类"} key="1-4">\n <MenuItem key="1-4-1">眼影</MenuItem>\n <MenuItem key="1-4-2">洗面奶</MenuItem>\n <SubMenu key="1-4-3" title={"食品分类"}>\n <MenuItem key="1-4-3-1">电视机</MenuItem>\n <MenuItem key="1-4-3-2">笔记本</MenuItem>\n <MenuItem key="1-4-3-3">洗衣机</MenuItem>\n </SubMenu>\n </SubMenu>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(h)),p.createElement(v,{html:'

API

\n

Menu

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值可选值
onClick点击菜单节点回调(e: React.MouseEvent, key: string) => void
onSubMenuClick点击子菜单(非叶子节点)的回调, 入参为子菜单 ID(id: string | number) => void
mode模式string\'pop\'\'pop\', \'inline\'
style自定义内联样式object
className节点类名string
\n

inline 模式 Menu 参数

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值可选值
defaultExpandedKeys默认展开的 SubMenu 的 keysstring[]
defaultSelectedKey默认选中的 MenuItem 的 keystring
selectedKey选中的 MenuItem 的 keystring
expandedKeys展开的 SubMenu 的 keysstring[]
onSelectChange选中的 MenuItem 的 key 变化时的回调函数(key: string) => void
onExpandChange菜单展开/折叠时的回调, 入参为此时处于展开状态的 SubMenu id 数组(keys: string[]) => void
inlineIndentinline\n 模式下的缩进(px)number24
\n

MenuItem

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
keyitem 的唯一标志string内部生成的唯一ID
disabled是否禁用当前菜单项bool
className节点自定义类名string
\n

SubMenu

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
keysubMenu 的唯一标志string内部生成的唯一ID
title子菜单项显示值node
disabled是否禁用当前子菜单bool
overlayClassName弹出菜单的自定义类名string
className子菜单项自定义类名string
\n

FAQ

\n
    \n
  • \n

    菜单组件使用统一代理的点击事件回调函数, 其参数为 event 和 key(实际上是节点的 index 属性值)。

    \n
    • \n
  • \n

    当 MenuItem 不设置 key 属性时的会按顺序和层级自动生成节点的唯一标识(从0开始)并保存在 speckey 属性上, 作为 onClick 函数的第二个参数。\n如果手动设置了 key 属性则会被复制到 speckey 属性, 覆盖自动生成的标识。建议在Menu不复杂的情况下手动为 MenuItem 设置格式合理的 key 属性。

    \n
    <Menu>\n      <MenuItem />   -------- \'item_0\'\n      <SubMenu>      -------- \'item_1\'\n        <MenuItem /> -------- \'item_1_0\'\n        <MenuItem /> -------- \'item_1_1\'\n      </SubMenu>\n      <MenuItem />   -------- \'item_2\'\n    </Menu>\n\n    ```
    \n
    • \n
'}))}}},90218:(n,s,a)=>{"use strict";a.d(s,{v:()=>y,Z:()=>v});var t=a(59312),p=a(24246),e=a(60042),c=a.n(e),o=a(27378),l=a(17949),u=a(42690),k=a(53090),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.renderCommonMenuItem=function(n,s,a,p){var e=(0,t.pi)({specKey:(0,k.o)(n,s,a),onClick:this.handleClick},p);return(0,o.cloneElement)(n,e)},s}(o.PureComponent),r=a(80736),d=a(27036),m=a(79737),g=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.handleClick=function(n,a){(0,s.props.onClick)(n,a)},s.onSubMenuClick=function(){s.props.onSubMenuClick&&s.props.onSubMenuClick(s.props.specKey)},s.renderSubMenuItems=function(n,a){if(!n)return null;var t=s.props.specKey;return s.renderCommonMenuItem(n,a,t)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.children,a=n.visible,e=n.overlayCx;return a?(0,p.jsx)("ul",(0,t.pi)({className:c()("zent-menu","zent-submenu-content",e),onClick:this.onSubMenuClick,"data-zv":"10.0.10"},{children:o.Children.map(s,this.renderSubMenuItems)}),void 0):null},s}(i),h=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={subMenuVisible:!1},s.getEventHanders=function(n,a){var t={};return n||a||(t={onMouseEnter:s.onMouseEnter,onMouseLeave:s.onMouseLeave}),t},s.handleClick=function(n,a){var t=s.props,p=t.onClick;!t.isInline&&s.setState({subMenuVisible:!1}),p(n,a)},s.titleClickHandler=function(n){var a,t,p=s.props,e=p.isInline,c=p.specKey,o=p.toggleExpand;null===(t=(a=s.props).onSubMenuClick)||void 0===t||t.call(a,c),e&&o(c),n.stopPropagation()},s.onMouseEnter=function(){s.leaveTimer&&clearTimeout(s.leaveTimer),s.enterTimer=setTimeout((function(){s.setState({subMenuVisible:!0})}),200)},s.onMouseLeave=function(){s.enterTimer&&clearTimeout(s.enterTimer),s.leaveTimer=setTimeout((function(){s.setState({subMenuVisible:!1})}),200)},s.renderInlineChild=function(n,a){var t=s.props,p=t.depth,e=t.isInline,c=t.inlineIndent,o=t.selectedKey,l=t.expandKeys,u=t.handleSelect,k=t.toggleExpand,i=t.specKey;return s.renderCommonMenuItem(n,a,i,{depth:p+1,isInline:e,inlineIndent:c,selectedKey:o,expandKeys:l,handleSelect:u,toggleExpand:k,onSubMenuClick:s.props.onSubMenuClick})},s}return(0,t.ZT)(s,n),s.prototype.renderContent=function(){var n=this.props,s=n.children,a=n.specKey,e=n.overlayClassName,c=n.isInline,l=n.expandKeys,u=l&&-1!==l.indexOf(a);return c?(0,p.jsx)(m.H,(0,t.pi)({duration:200,height:u?"auto":0},{children:(0,p.jsx)("ul",(0,t.pi)({className:"zent-menu__inner","data-zv":"10.0.10"},{children:o.Children.map(s,this.renderInlineChild)}),void 0)}),void 0):(0,p.jsx)(g,(0,t.pi)({visible:this.state.subMenuVisible,onClick:this.handleClick,specKey:a,overlayCx:e,onSubMenuClick:this.props.onSubMenuClick},{children:s}),void 0)},s.prototype.render=function(){var n=this.props,s=n.className,a=n.disabled,e=n.title,o=n.isInline,l=n.depth,u=n.inlineIndent,i=n.expandKeys,r=n.specKey,m=i&&-1!==i.indexOf(r),g=this.getEventHanders(a,o),h=(0,k.g)({isInline:o,depth:l,inlineIndent:u}),y=c()(s,{"zent-menu-item":!o,"zent-menu-item-disabled":a,"zent-submenu":!o,"zent-menu__inline-submenu":o,"zent-menu__inline-item-disabled":a&&o});return(0,p.jsxs)("li",(0,t.pi)({className:y},g,{"data-zv":"10.0.10"},{children:[(0,p.jsxs)("div",(0,t.pi)({className:c()({"zent-submenu-title":!o,"zent-menu__inline-submenu-title":o,"zent-submenu-disabled":a}),style:h,onClick:this.titleClickHandler,"data-zv":"10.0.10"},{children:[e,!a&&(0,p.jsx)(d.Z,{className:c()("zent-submenu-title-operate-icon",{"zent-menu__inline-submenu-icon--expand":o&&m}),type:"right"},void 0)]}),void 0),!a&&this.renderContent()]}),void 0)},s.defaultProps={className:""},s}(i),y=function(n){function s(s){var a,p,e,c=n.call(this,s)||this;return c.toggleExpand=function(n){var s,a,p=c.state.expandedKeys,e=-1!==p.indexOf(n)?p.filter((function(s){return s!==n})):(0,t.ev)([n],p);c.setState({expandedKeys:e}),null===(a=(s=c.props).onExpandChange)||void 0===a||a.call(s,e)},c.handleSelect=function(n){var s,a;c.setState({selectedKey:n}),null===(a=(s=c.props).onSelectChange)||void 0===a||a.call(s,n)},c.handleClick=function(n,s){var a=c.props.onClick;a&&a(n,s)},c.renderMenuItem=function(n,s){return n?c.renderCommonMenuItem(n,s,void 0,{depth:1,isInline:"inline"===c.props.mode,inlineIndent:c.props.inlineIndent,selectedKey:c.state.selectedKey,expandKeys:c.state.expandedKeys,handleSelect:c.handleSelect,toggleExpand:c.toggleExpand,onSubMenuClick:c.props.onSubMenuClick}):null},"inline"===s.mode?c.state={selectedKey:null!==(a=s.selectedKey)&&void 0!==a?a:s.defaultSelectedKey,expandedKeys:null!==(e=null!==(p=s.expandedKeys)&&void 0!==p?p:s.defaultExpandedKeys)&&void 0!==e?e:s.defaultExpandKeys,prevExpandedKeysProp:s.expandedKeys,prevSelectedKeyProp:s.selectedKey}:c.state={},c}return(0,t.ZT)(s,n),s.getDerivedStateFromProps=function(n,s){if("inline"!==n.mode)return null;var a={prevSelectedKeyProp:n.selectedKey,prevExpandedKeysProp:n.expandedKeys};return n.selectedKey!==s.prevSelectedKeyProp&&n.selectedKey!==s.selectedKey&&(a.selectedKey=n.selectedKey),(0,l.Z)(n.expandedKeys,s.prevExpandedKeysProp)||(0,l.Z)(n.expandedKeys,s.expandedKeys)||(a.expandedKeys=n.expandedKeys),a},s.prototype.render=function(){var n=this.props,s=n.children,a=n.className,e=n.style,l="inline"===n.mode,u=c()("zent-menu",a,{"zent-menu__inline":l});return(0,p.jsx)("ul",(0,t.pi)({className:u,style:e,"data-zv":"10.0.10"},{children:o.Children.map(s,this.renderMenuItem)}),void 0)},s.MenuItem=r.Z,s.SubMenu=h,s.defaultProps={onClick:u.Z,mode:"pop",inlineIndent:24,defaultExpandKeys:[],onSubMenuClick:u.Z},s}(i),v=y},80736:(n,s,a)=>{"use strict";a.d(s,{s:()=>u});var t=a(59312),p=a(24246),e=a(27378),c=a(60042),o=a.n(c),l=a(53090),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.handleClick=function(n){var a=s.props,t=a.specKey,p=a.onClick,e=a.disabled,c=a.isInline,o=a.handleSelect;e||(c&&o(t),p(n,t))},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.specKey,a=n.className,e=n.children,c=n.disabled,u=n.isInline,k=n.selectedKey,i=n.depth,r=n.inlineIndent,d=k===s,m=(0,l.g)({isInline:u,depth:i,inlineIndent:r});return(0,p.jsx)("li",(0,t.pi)({className:o()("zent-menu-item",a,{"zent-menu__inline-item":u,"zent-menu__inline-item-selected":d,"zent-menu-item-disabled":c}),style:m,onClick:this.handleClick,"data-zv":"10.0.10"},{children:e}),void 0)},s}(e.Component);s.Z=u},53090:(n,s,a)=>{"use strict";function t(n,s,a){return void 0===a&&(a="item"),n.key||a+"_"+s}function p(n){var s=n.isInline,a=n.depth,t=n.inlineIndent,p={};return s&&(p={paddingLeft:a*t+"px"}),p}a.d(s,{o:()=>t,g:()=>p})},79737:(n,s,a)=>{"use strict";a.d(s,{H:()=>l});var t=a(59312),p=a(24246),e=a(27378),c=a(17127);function o(n,s){n.style.height="number"==typeof s?s+"px":s}var l=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.ref=(0,e.createRef)(),s.timer=null,s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=this,s=this.props,a=s.appear,t=s.height,p=s.duration,e=this.ref.current;if(a&&"auto"===t){var l=e.offsetHeight;e.style.height="0px",(0,c.tA)((function(){n.props.height===t&&(e.style.height=l+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===t&&(e.style.height="auto")}),p))}))}else o(e,t)},s.prototype.componentDidUpdate=function(n){var s=this,a=this.props,t=a.height,p=a.duration;if(n.height!==t){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var e=this.ref.current;if("auto"===n.height)e.style.height=e.offsetHeight+"px",(0,c.tA)((function(){s.props.height===t&&o(e,t)}));else if("auto"===t){var l=e.offsetHeight;e.style.height="auto";var u=e.offsetHeight;e.style.height=l+"px",(0,c.tA)((function(){e.style.height=u+"px",s.timer=setTimeout((function(){s.timer=null,s.props.height===t&&(e.style.height=t)}),p)}))}else o(e,t)}},s.prototype.render=function(){var n=this.props,s=n.duration,a=n.className,e=n.style,c=n.easing,o=n.overflow,l=n.children,u=n.transitionPrototype;return(0,p.jsx)("div",(0,t.pi)({ref:this.ref,className:a,style:(0,t.pi)((0,t.pi)({},e),{transition:u+" "+s+"ms "+c,overflow:o}),"data-zv":"10.0.10"},{children:l}),void 0)},s.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},s}(e.Component)}}]); \ No newline at end of file diff --git a/3420-77631268f51bdc7e6874.js b/3420-77631268f51bdc7e6874.js deleted file mode 100644 index 5c488719b..000000000 --- a/3420-77631268f51bdc7e6874.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3420],{33420:(e,t,n)=>{"use strict";n.d(t,{m:()=>O,Z:()=>W});var a=n(59312),i=n(24246),r=n(19185),s=n(60042),o=n.n(s),d=n(27378),l=n(31256),c=n(42690),p=n(12856),u=n(87396),h=n(98454),v=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.typeName="normal",t}return(0,a.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.actived,n=e.disabled,r=e.children;return(0,i.jsx)("div",(0,a.pi)({role:"tab",className:this.tabsCls,"aria-disabled":n,"aria-selected":t,onClick:this.onClick,"data-zv":"10.0.9"},{children:(0,i.jsxs)("div",(0,a.pi)({className:"zent-tabs-tab-inner","data-zv":"10.0.9"},{children:[r,this.renderDelOperater()]}),void 0)}),void 0)},t}(h.Z),f=n(53789),b=n(27036),x=n(33806),m=n(77828),g=n(77465),y=function(e){var t=e.tabs,n=e.onChange,r=(0,m.Q)(n),s=(0,d.useState)(!1),l=s[0],c=s[1],p=(0,d.useCallback)((function(e){r.current(e),!e.disabled&&c(!1)}),[r]);return(0,i.jsxs)(x.ZP,(0,a.pi)({position:x.ZP.Position.BottomLeft,cushion:3,visible:l,onVisibleChange:c},{children:[(0,i.jsx)(x.ZP.Trigger.Hover,{children:(0,i.jsx)(b.Z,{type:"more"},void 0)},void 0),(0,i.jsx)(x.ZP.Content,{children:(0,i.jsx)("div",(0,a.pi)({className:"zent-tabs-hidden-tabs","data-zv":"10.0.9"},{children:t.map((function(e){return(0,i.jsx)("div",(0,a.pi)({className:o()("zent-tabs-hidden-tab",{"zent-tabs-hidden-tab-disabled":e.disabled}),onClick:function(){return p(e)},title:(0,g.JA)(e.title),"data-zv":"10.0.9"},{children:e.title}),e.key)}))}),void 0)},void 0)]}),void 0)},C=function(e){var t=e.disablePrev,n=e.disableNext,a=e.onPrevChange,r=e.onNextChange;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(b.Z,{type:"left",className:o()({"icon-disabled":t}),onClick:a},void 0),(0,i.jsx)(b.Z,{type:"right",className:o()({"icon-disabled":n}),onClick:r},void 0)]},void 0)},z=n(14322),T=n(41925),j=n(17127),N=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.tabsWrapperRef=(0,d.createRef)(),t.tabsMainRef=(0,d.createRef)(),t.state={startIndex:0,endIndex:0,translateX:0},t.getTargetIndex=function(e,t,n){void 0===n&&(n=!1);var a=t.list,i=t.tabsTotalWidth,r=n?a.length-1:0,s=n?-1:1;if(e<=0)return 0;if(e>=i)return a.length-1;for(var o=0;o=e&&cn)&&e.push(a),e}),[])})),t.onStartChange=function(e,n){var a=n.list,i=n.tabsTotalWidth,r=t.tabsWrapperWidth,s=a[e].accumWidth+r,o=Math.min(s,i);s>i&&(e=t.getTargetIndex(i-r,n));var d=t.getTargetIndex(o,n,!0),l=o-r;t.setState({startIndex:e,endIndex:d,translateX:l})},t.onEndChange=function(e,n){var a=n.list,i=t.tabsWrapperWidth,r=a[e],s=r.accumWidth+r.width-i,o=Math.max(s,0);s<0&&(e=t.getTargetIndex(i,n,!0));var d=t.getTargetIndex(o,n);t.setState({startIndex:d,endIndex:e,translateX:o})},t.handlePageScroll=function(e){var n=t.getTabsInfo(),a=n.list.findIndex((function(t){return t.id===e.key})),i=t.state,r=i.startIndex,s=i.endIndex;a<=r&&t.onStartChange(a,n),a>=s&&t.onEndChange(a,n)},t.onAnchorPageChange=function(e){var n,a;e.disabled||(t.isControlled||t.handlePageScroll(e),null===(a=(n=t.props).onChange)||void 0===a||a.call(n,e.key))},t.onSlidePageChange=function(e,n){if(void 0===n&&(n=!1),!n){var a=t.state,i=a.startIndex,r=a.endIndex,s=t.getTabsInfo();e?t.onEndChange(i-1,s):t.onStartChange(r+1,s)}},t.onResize=(0,j.$j)((function(){t.onStartChange(t.state.startIndex,t.getTabsInfo())})),t.componentDidUpdate=function(e){var n=t.props,a=n.activeId,i=n.tabDataList;if(e.tabDataList.length!==t.props.tabDataList.length&&t.onResize(),e.activeId!==a){var r=t.state,s=r.startIndex,o=r.endIndex,d=i.findIndex((function(e){return e.key===a}));if(-1!==d&&(do)){var l=i[d];t.handlePageScroll(l)}}},t.handleAddClick=function(){var e=t.props.onAdd;null==e||e()},t}return(0,a.ZT)(t,e),Object.defineProperty(t.prototype,"tabsWrapperWidth",{get:function(){var e;return(null===(e=this.tabsWrapperRef.current)||void 0===e?void 0:e.offsetWidth)||0},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isControlled",{get:function(){return"activeId"in this.props},enumerable:!1,configurable:!0}),t.prototype.getTabsInfo=function(){for(var e,t=this.props.tabDataList,n=(null===(e=this.tabsMainRef.current)||void 0===e?void 0:e.children)||[],a=[],i=0,r=0;r=t.length-1;return(0,i.jsx)(C,{disablePrev:s,disableNext:o,onPrevChange:function(){return e.onSlidePageChange(!0,s)},onNextChange:function(){return e.onSlidePageChange(!1,o)}},void 0)},t.prototype.renderAnchorOperations=function(e){return e.length?(0,i.jsx)(y,{tabs:e,onChange:this.onAnchorPageChange},void 0):null},t.prototype.componentDidMount=function(){this.onStartChange(0,this.getTabsInfo())},t.prototype.render=function(){var e,t,n,r=this.props,s=r.overflowMode,d=r.tabs,l=r.tabDataList,c=r.onAdd,p=this.state,u=p.translateX,h=p.startIndex,v=p.endIndex,f="zent-tabs-nav-tabs-content-"+s,x=this.getHiddenTabs(l,h,v),m=0!==x.length;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",(0,a.pi)({className:o()(f,(e={},e[f+"-left"]=!!h,e[f+"-right"]=v!==d.length-1,e)),ref:this.tabsWrapperRef,"data-zv":"10.0.9"},{children:[(0,i.jsx)("div",(0,a.pi)({className:o()(f+"-main",(t={},t[f+"-main--has-add"]=!m&&c,t)),ref:this.tabsMainRef,onScroll:this.onResize,style:{transform:"translateX(-"+(m?u:0)+"px)"},"data-zv":"10.0.9"},{children:d}),void 0),!m&&c&&(0,i.jsx)("span",(0,a.pi)({className:f+"__add-btn",onClick:this.handleAddClick,"data-zv":"10.0.9"},{children:(0,i.jsx)(b.Z,{type:"plus",className:f+"__add-icon"},void 0)}),void 0)]}),void 0),m&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",(0,a.pi)({className:o()(f+"-option",(n={},n[f+"-option--right"]=v!==d.length-1,n)),"data-zv":"10.0.9"},{children:["slide"===s&&this.renderSlideOperations(),"anchor"===s&&this.renderAnchorOperations(x),c&&(0,i.jsx)("span",(0,a.pi)({className:f+"-option__add-btn",onClick:this.handleAddClick,"data-zv":"10.0.9"},{children:(0,i.jsx)(b.Z,{type:"plus",className:f+"__add-icon"},void 0)}),void 0)]}),void 0),(0,i.jsx)(z.w,{onResize:this.onResize},void 0)]},void 0)]},void 0)},t.defaultProps={overflowMode:"anchor"},t}(d.Component),I=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onTabDel=function(e){(0,t.props.onDelete)(e)},t}return(0,a.ZT)(t,e),Object.defineProperty(t.prototype,"tabsNavCls",{get:function(){var e,t=this.props,n=t.stretch,a=t.className;return o()("zent-tabs-nav","zent-tabs-nav-type__"+this.typeName,a,((e={})["zent-tabs-nav__stretch"]=n,e))},enumerable:!1,configurable:!0}),t.prototype.renderNavExtraContent=function(){var e=this.props.navExtraContent;return e?(0,i.jsx)("div",(0,a.pi)({className:"zent-tabs-nav-extra-content","data-zv":"10.0.9"},{children:e}),void 0):null},t.prototype.transformTabDataList=function(e){var t=this,n=this.props.candel;return e.map((function(e){return(0,g.Vw)(e,n,(0,g.Gw)(t.props))}))},t.prototype.render=function(){var e=this.renderNavExtraContent(),t=this.props,n=t.tabDataList,r=t.overflowMode,s=t.onChange,o=t.onAdd,d=t.type,l=t.activeId,c=t.style,p=this.renderTabs(),u=r&&("normal"===d||"card"===d)||o;return(0,i.jsxs)("div",(0,a.pi)({className:this.tabsNavCls,style:c,"data-zv":"10.0.9"},{children:[u?(0,i.jsx)(N,{overflowMode:r,onChange:s,onAdd:o,tabDataList:n,tabs:p,activeId:l},void 0):(0,i.jsx)("div",(0,a.pi)({className:"zent-tabs-nav-content","data-zv":"10.0.9"},{children:(0,i.jsx)("div",(0,a.pi)({className:"zent-tabs-scroll",role:"tablist","data-zv":"10.0.9"},{children:p}),void 0)}),void 0),e]}),void 0)},t}(f.Z),Z=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.typeName="normal",t}return(0,a.ZT)(t,e),t.prototype.renderTab=function(e){return(0,i.jsx)(v,(0,a.pi)({onSelected:this.onTabSelected,onDelete:this.onTabDel},e,{id:e.key},{children:e.title}),void 0)},t}(I),P=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.typeName="card",t}return(0,a.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.actived,n=e.disabled,r=e.children;return(0,i.jsx)("div",(0,a.pi)({role:"tab",className:this.tabsCls,"aria-disabled":n,"aria-selected":t,onClick:this.onClick,"data-zv":"10.0.9"},{children:(0,i.jsxs)("div",(0,a.pi)({className:"zent-tabs-tab-inner","data-zv":"10.0.9"},{children:[r,this.renderDelOperater()]}),void 0)}),void 0)},t}(h.Z),F=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.typeName="card",t.state={fixedIds:[]},t.onFixedChange=function(e){var n=t.props.onFixedChange;null==n||n(e),t.setState({fixedIds:e})},t}return(0,a.ZT)(t,e),Object.defineProperty(t.prototype,"isFixedControlled",{get:function(){return"fixedIds"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"fixedIds",{get:function(){return(this.isFixedControlled?this.props.fixedIds:this.state.fixedIds)||[]},enumerable:!1,configurable:!0}),t.prototype.renderTab=function(e){return(0,i.jsx)(P,(0,a.pi)({onSelected:this.onTabSelected,onDelete:this.onTabDel},e,{fixedIds:this.fixedIds,onFixedChange:this.onFixedChange,id:e.key},{children:e.title}),void 0)},t}(I),k=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.typeName="button",t}return(0,a.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.actived,n=e.disabled,r=e.children;return(0,i.jsx)("div",(0,a.pi)({role:"tab",className:this.tabsCls,"aria-disabled":n,"aria-selected":t,onClick:this.onClick,"data-zv":"10.0.9"},{children:(0,i.jsx)("div",(0,a.pi)({className:"zent-tabs-tab-inner","data-zv":"10.0.9"},{children:r}),void 0)}),void 0)},t}(h.Z),D=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.typeName="button",t}return(0,a.ZT)(t,e),t.prototype.renderTab=function(e){return(0,i.jsx)(k,(0,a.pi)({onSelected:this.onTabSelected,onDelete:this.onTabDel},e,{id:e.key},{children:e.title}),void 0)},t}(I),_=n(87057),S={normal:Z,card:F,button:D},O=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,a.ZT)(t,e),Object.defineProperty(t.prototype,"tabsCls",{get:function(){var e=this.props,t=e.className,n=e.type;return o()("zent-tabs","zent-tabs-type__"+n,t)},enumerable:!1,configurable:!0}),t.prototype.getTabDataListFromTabs=function(e){var t=this.props.activeId;return e.map((function(e){return(0,a.pi)((0,a.pi)({},e),{actived:e.key===t})}))},t.prototype.getTabDataListFromChildren=function(e){var t=this.props.activeId;return d.Children.map(e,(function(e){return(0,r.isElement)(e)?(0,g.AQ)(e,t):null})).filter((function(e){return!(0,l.Z)(e)}))},t.prototype.renderNav=function(e){var t=this.props,n=t.type,r=t.candel,s=t.canFixed,o=t.fixedIds,d=t.onFixedChange,l=t.stretch,c=t.navExtraContent,p=t.onChange,u=t.onDelete,h=t.onAdd,v=t.overflowMode,f=t.activeId,b=t.renderTabBar,x=S[n]||S.normal,m={onChange:p,tabDataList:e,onDelete:u,onAdd:h,candel:r,canFixed:s,stretch:l,overflowMode:v,navExtraContent:c,type:n,activeId:f,onFixedChange:d};return"fixedIds"in this.props&&(m.fixedIds=o),b?b(m,x):(0,i.jsx)(x,(0,a.pi)({},m),void 0)},t.prototype.renderTabPanel=function(e){var t=this.props,n=t.unmountPanelOnHide,r=t.disableLazyMount;return(0,i.jsx)(p.Z,(0,a.pi)({mount:r||e.actived},{children:(0,i.jsx)(u.Z,(0,a.pi)({tab:e.title,actived:e.actived,unmountOnHide:e.unmountOnHide||n,className:e.className,id:e.key},{children:e.panelChildren}),void 0)}),e.key)},t.TabPanel=u.Z,t.defaultProps={type:"normal",activeId:"",candel:!1,canFixed:!1,stretch:!1,onChange:c.Z,onDelete:c.Z,unmountPanelOnHide:!1},t}(_.Z),W=O},87396:(e,t,n)=>{"use strict";var a=n(59312),i=n(24246),r=n(60042),s=n.n(r);t.Z=function(e){var t=e.actived,n=e.className,r=e.unmountOnHide,o=e.children;if(!t&&r)return null;var d=t?{}:{display:"none"},l=s()("zent-tabs-panel",n);return(0,i.jsx)("div",(0,a.pi)({role:"tabpanel",style:d,className:l,"data-zv":"10.0.9"},{children:o}),void 0)}},98454:(e,t,n)=>{"use strict";var a=n(59312),i=n(24246),r=n(27378),s=n(60042),o=n.n(s),d=n(27036),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onDel=function(e){e.stopPropagation();var n=t.props,a=n.onDelete,i=n.id;a&&a(i)},t.onClick=function(){var e=t.props,n=e.onSelected,a=e.id,i=e.actived,r=e.disabled;i||r||n&&n(a)},t.onClickFixed=function(e){e.stopPropagation();var n=t.props,i=n.fixedIds,r=void 0===i?[]:i,s=n.onFixedChange,o=n.id,d=t.isFixed?r.filter((function(e){return e!==o})):(0,a.ev)((0,a.ev)([],r),[o]);null==s||s(d)},t}return(0,a.ZT)(t,e),Object.defineProperty(t.prototype,"tabsCls",{get:function(){var e,t=this.props,n=t.actived,a=t.disabled;return o()("zent-tabs-tab","zent-tabs-tab-type__"+this.typeName,((e={})["zent-tabs-tab__actived"]=n,e["zent-tabs-tab__disabled"]=a,e))},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isFixed",{get:function(){var e=this.props,t=e.id,n=e.fixedIds;return(void 0===n?[]:n).includes(t)},enumerable:!1,configurable:!0}),t.prototype.renderDelOperater=function(){var e=this.props,t=e.candel,n=e.canFixed;return t?(0,i.jsxs)("div",(0,a.pi)({className:o()("zent-tabs-tab__actions",{"zent-tabs-tab-actions--fixed":this.isFixed}),"data-zv":"10.0.9"},{children:[!this.isFixed&&(0,i.jsx)("span",(0,a.pi)({className:"zent-tabs-tab__actions__delete",onClick:this.onDel,"data-zv":"10.0.9"},{children:"✕"}),void 0),n&&(0,i.jsx)("span",(0,a.pi)({className:"zent-tabs-tab__actions__fixed",onClick:this.onClickFixed,"data-zv":"10.0.9"},{children:this.isFixed?(0,i.jsx)(d.Z,{type:"pin"},void 0):(0,i.jsx)(d.Z,{type:"pin-o"},void 0)}),void 0)]}),void 0):null},t}(r.Component);t.Z=l},87057:(e,t,n)=>{"use strict";var a=n(59312),i=n(24246),r=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,a.ZT)(t,e),t.prototype.renderWithPanel=function(){var e=this.props.children,t=this.getTabDataListFromChildren(e);return(0,i.jsxs)("div",(0,a.pi)({className:this.tabsCls,"data-zv":"10.0.9"},{children:[this.renderNav(t),(0,i.jsx)("div",(0,a.pi)({className:"zent-tabs-panel-wrapper","data-zv":"10.0.9"},{children:t.map(this.renderTabPanel.bind(this))}),void 0)]}),void 0)},t.prototype.renderWithoutPanel=function(){var e=this.props.tabs;return(0,i.jsx)("div",(0,a.pi)({className:this.tabsCls,"data-zv":"10.0.9"},{children:this.renderNav(this.getTabDataListFromTabs(e))}),void 0)},t.prototype.render=function(){var e=this.props,t=e.tabs,n=e.children;if(!t&&!n)throw new Error("Tabs Componment must receive one prop of 'tabs' and 'children'");return t?this.renderWithoutPanel():this.renderWithPanel()},t}(n(27378).Component);t.Z=r},53789:(e,t,n)=>{"use strict";var a=n(59312),i=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onTabSelected=function(e){(0,t.props.onChange)(e)},t}return(0,a.ZT)(t,e),t.prototype.renderTabs=function(){var e=this.props.tabDataList;return this.transformTabDataList(e).map(this.renderTab,this)},t}(n(27378).PureComponent);t.Z=i},77465:(e,t,n)=>{"use strict";n.d(t,{AQ:()=>r,Vw:()=>s,JA:()=>o,Gw:()=>d});var a=n(59312),i=function(e){return"boolean"==typeof e};function r(e,t){var n=e.props,a=n.id,i=n.disabled;return{title:n.tab,disabled:i,key:a,actived:t===a,panelChildren:n.children,className:n.className,unmountOnHide:n.unmountOnHide,canFixed:n.canFixed,candel:n.candel}}function s(e,t,n){void 0===n&&(n={});var r=t;i(e.candel)&&(r=e.candel);var s=n.canFixed,o=(0,a._T)(n,["canFixed"]);return i(e.canFixed)&&(s=e.canFixed),(0,a.pi)({key:e.key,actived:e.actived,disabled:e.disabled,title:e.title,className:e.className,candel:r&&!e.disabled,canFixed:s},o)}var o=function(e){if("string"==typeof e)return e},d=function(e){var t=e.canFixed,n=e.fixedIds,a={canFixed:t,onFixedChange:e.onFixedChange};return"fixedIds"in e&&(a.fixedIds=n),a}},12856:(e,t,n)=>{"use strict";var a=n(59312),i=function(e){function t(t){var n=e.call(this,t)||this;return n.state={mounted:t.mount},n}return(0,a.ZT)(t,e),t.prototype.render=function(){var e=this.props.children;return this.state.mounted?e:null},t.getDerivedStateFromProps=function(e,t){return e.mount&&!t.mounted?{mounted:!0}:null},t.defaultProps={mount:!1},t}(n(27378).Component);t.Z=i},77828:(e,t,n)=>{"use strict";n.d(t,{Q:()=>i});var a=n(27378);function i(e){var t=(0,a.useRef)(e);return(0,a.useEffect)((function(){t.current=e}),[e]),t}},31256:(e,t,n)=>{"use strict";function a(e){return null==e}n.d(t,{Z:()=>a})}}]); \ No newline at end of file diff --git a/3420-ebfe824e9974539e99e9.js b/3420-ebfe824e9974539e99e9.js new file mode 100644 index 000000000..32987b6e7 --- /dev/null +++ b/3420-ebfe824e9974539e99e9.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3420],{33420:(e,t,n)=>{"use strict";n.d(t,{m:()=>O,Z:()=>W});var a=n(59312),i=n(24246),r=n(19185),s=n(60042),o=n.n(s),d=n(27378),l=n(31256),c=n(42690),p=n(12856),u=n(87396),h=n(98454),v=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.typeName="normal",t}return(0,a.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.actived,n=e.disabled,r=e.children;return(0,i.jsx)("div",(0,a.pi)({role:"tab",className:this.tabsCls,"aria-disabled":n,"aria-selected":t,onClick:this.onClick,"data-zv":"10.0.10"},{children:(0,i.jsxs)("div",(0,a.pi)({className:"zent-tabs-tab-inner","data-zv":"10.0.10"},{children:[r,this.renderDelOperater()]}),void 0)}),void 0)},t}(h.Z),f=n(53789),b=n(27036),x=n(33806),m=n(77828),g=n(77465),y=function(e){var t=e.tabs,n=e.onChange,r=(0,m.Q)(n),s=(0,d.useState)(!1),l=s[0],c=s[1],p=(0,d.useCallback)((function(e){r.current(e),!e.disabled&&c(!1)}),[r]);return(0,i.jsxs)(x.ZP,(0,a.pi)({position:x.ZP.Position.BottomLeft,cushion:3,visible:l,onVisibleChange:c},{children:[(0,i.jsx)(x.ZP.Trigger.Hover,{children:(0,i.jsx)(b.Z,{type:"more"},void 0)},void 0),(0,i.jsx)(x.ZP.Content,{children:(0,i.jsx)("div",(0,a.pi)({className:"zent-tabs-hidden-tabs","data-zv":"10.0.10"},{children:t.map((function(e){return(0,i.jsx)("div",(0,a.pi)({className:o()("zent-tabs-hidden-tab",{"zent-tabs-hidden-tab-disabled":e.disabled}),onClick:function(){return p(e)},title:(0,g.JA)(e.title),"data-zv":"10.0.10"},{children:e.title}),e.key)}))}),void 0)},void 0)]}),void 0)},C=function(e){var t=e.disablePrev,n=e.disableNext,a=e.onPrevChange,r=e.onNextChange;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(b.Z,{type:"left",className:o()({"icon-disabled":t}),onClick:a},void 0),(0,i.jsx)(b.Z,{type:"right",className:o()({"icon-disabled":n}),onClick:r},void 0)]},void 0)},z=n(14322),T=n(41925),j=n(17127),N=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.tabsWrapperRef=(0,d.createRef)(),t.tabsMainRef=(0,d.createRef)(),t.state={startIndex:0,endIndex:0,translateX:0},t.getTargetIndex=function(e,t,n){void 0===n&&(n=!1);var a=t.list,i=t.tabsTotalWidth,r=n?a.length-1:0,s=n?-1:1;if(e<=0)return 0;if(e>=i)return a.length-1;for(var o=0;o=e&&cn)&&e.push(a),e}),[])})),t.onStartChange=function(e,n){var a=n.list,i=n.tabsTotalWidth,r=t.tabsWrapperWidth,s=a[e].accumWidth+r,o=Math.min(s,i);s>i&&(e=t.getTargetIndex(i-r,n));var d=t.getTargetIndex(o,n,!0),l=o-r;t.setState({startIndex:e,endIndex:d,translateX:l})},t.onEndChange=function(e,n){var a=n.list,i=t.tabsWrapperWidth,r=a[e],s=r.accumWidth+r.width-i,o=Math.max(s,0);s<0&&(e=t.getTargetIndex(i,n,!0));var d=t.getTargetIndex(o,n);t.setState({startIndex:d,endIndex:e,translateX:o})},t.handlePageScroll=function(e){var n=t.getTabsInfo(),a=n.list.findIndex((function(t){return t.id===e.key})),i=t.state,r=i.startIndex,s=i.endIndex;a<=r&&t.onStartChange(a,n),a>=s&&t.onEndChange(a,n)},t.onAnchorPageChange=function(e){var n,a;e.disabled||(t.isControlled||t.handlePageScroll(e),null===(a=(n=t.props).onChange)||void 0===a||a.call(n,e.key))},t.onSlidePageChange=function(e,n){if(void 0===n&&(n=!1),!n){var a=t.state,i=a.startIndex,r=a.endIndex,s=t.getTabsInfo();e?t.onEndChange(i-1,s):t.onStartChange(r+1,s)}},t.onResize=(0,j.$j)((function(){t.onStartChange(t.state.startIndex,t.getTabsInfo())})),t.componentDidUpdate=function(e){var n=t.props,a=n.activeId,i=n.tabDataList;if(e.tabDataList.length!==t.props.tabDataList.length&&t.onResize(),e.activeId!==a){var r=t.state,s=r.startIndex,o=r.endIndex,d=i.findIndex((function(e){return e.key===a}));if(-1!==d&&(do)){var l=i[d];t.handlePageScroll(l)}}},t.handleAddClick=function(){var e=t.props.onAdd;null==e||e()},t}return(0,a.ZT)(t,e),Object.defineProperty(t.prototype,"tabsWrapperWidth",{get:function(){var e;return(null===(e=this.tabsWrapperRef.current)||void 0===e?void 0:e.offsetWidth)||0},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isControlled",{get:function(){return"activeId"in this.props},enumerable:!1,configurable:!0}),t.prototype.getTabsInfo=function(){for(var e,t=this.props.tabDataList,n=(null===(e=this.tabsMainRef.current)||void 0===e?void 0:e.children)||[],a=[],i=0,r=0;r=t.length-1;return(0,i.jsx)(C,{disablePrev:s,disableNext:o,onPrevChange:function(){return e.onSlidePageChange(!0,s)},onNextChange:function(){return e.onSlidePageChange(!1,o)}},void 0)},t.prototype.renderAnchorOperations=function(e){return e.length?(0,i.jsx)(y,{tabs:e,onChange:this.onAnchorPageChange},void 0):null},t.prototype.componentDidMount=function(){this.onStartChange(0,this.getTabsInfo())},t.prototype.render=function(){var e,t,n,r=this.props,s=r.overflowMode,d=r.tabs,l=r.tabDataList,c=r.onAdd,p=this.state,u=p.translateX,h=p.startIndex,v=p.endIndex,f="zent-tabs-nav-tabs-content-"+s,x=this.getHiddenTabs(l,h,v),m=0!==x.length;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",(0,a.pi)({className:o()(f,(e={},e[f+"-left"]=!!h,e[f+"-right"]=v!==d.length-1,e)),ref:this.tabsWrapperRef,"data-zv":"10.0.10"},{children:[(0,i.jsx)("div",(0,a.pi)({className:o()(f+"-main",(t={},t[f+"-main--has-add"]=!m&&c,t)),ref:this.tabsMainRef,onScroll:this.onResize,style:{transform:"translateX(-"+(m?u:0)+"px)"},"data-zv":"10.0.10"},{children:d}),void 0),!m&&c&&(0,i.jsx)("span",(0,a.pi)({className:f+"__add-btn",onClick:this.handleAddClick,"data-zv":"10.0.10"},{children:(0,i.jsx)(b.Z,{type:"plus",className:f+"__add-icon"},void 0)}),void 0)]}),void 0),m&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",(0,a.pi)({className:o()(f+"-option",(n={},n[f+"-option--right"]=v!==d.length-1,n)),"data-zv":"10.0.10"},{children:["slide"===s&&this.renderSlideOperations(),"anchor"===s&&this.renderAnchorOperations(x),c&&(0,i.jsx)("span",(0,a.pi)({className:f+"-option__add-btn",onClick:this.handleAddClick,"data-zv":"10.0.10"},{children:(0,i.jsx)(b.Z,{type:"plus",className:f+"__add-icon"},void 0)}),void 0)]}),void 0),(0,i.jsx)(z.w,{onResize:this.onResize},void 0)]},void 0)]},void 0)},t.defaultProps={overflowMode:"anchor"},t}(d.Component),I=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onTabDel=function(e){(0,t.props.onDelete)(e)},t}return(0,a.ZT)(t,e),Object.defineProperty(t.prototype,"tabsNavCls",{get:function(){var e,t=this.props,n=t.stretch,a=t.className;return o()("zent-tabs-nav","zent-tabs-nav-type__"+this.typeName,a,((e={})["zent-tabs-nav__stretch"]=n,e))},enumerable:!1,configurable:!0}),t.prototype.renderNavExtraContent=function(){var e=this.props.navExtraContent;return e?(0,i.jsx)("div",(0,a.pi)({className:"zent-tabs-nav-extra-content","data-zv":"10.0.10"},{children:e}),void 0):null},t.prototype.transformTabDataList=function(e){var t=this,n=this.props.candel;return e.map((function(e){return(0,g.Vw)(e,n,(0,g.Gw)(t.props))}))},t.prototype.render=function(){var e=this.renderNavExtraContent(),t=this.props,n=t.tabDataList,r=t.overflowMode,s=t.onChange,o=t.onAdd,d=t.type,l=t.activeId,c=t.style,p=this.renderTabs(),u=r&&("normal"===d||"card"===d)||o;return(0,i.jsxs)("div",(0,a.pi)({className:this.tabsNavCls,style:c,"data-zv":"10.0.10"},{children:[u?(0,i.jsx)(N,{overflowMode:r,onChange:s,onAdd:o,tabDataList:n,tabs:p,activeId:l},void 0):(0,i.jsx)("div",(0,a.pi)({className:"zent-tabs-nav-content","data-zv":"10.0.10"},{children:(0,i.jsx)("div",(0,a.pi)({className:"zent-tabs-scroll",role:"tablist","data-zv":"10.0.10"},{children:p}),void 0)}),void 0),e]}),void 0)},t}(f.Z),Z=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.typeName="normal",t}return(0,a.ZT)(t,e),t.prototype.renderTab=function(e){return(0,i.jsx)(v,(0,a.pi)({onSelected:this.onTabSelected,onDelete:this.onTabDel},e,{id:e.key},{children:e.title}),void 0)},t}(I),P=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.typeName="card",t}return(0,a.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.actived,n=e.disabled,r=e.children;return(0,i.jsx)("div",(0,a.pi)({role:"tab",className:this.tabsCls,"aria-disabled":n,"aria-selected":t,onClick:this.onClick,"data-zv":"10.0.10"},{children:(0,i.jsxs)("div",(0,a.pi)({className:"zent-tabs-tab-inner","data-zv":"10.0.10"},{children:[r,this.renderDelOperater()]}),void 0)}),void 0)},t}(h.Z),F=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.typeName="card",t.state={fixedIds:[]},t.onFixedChange=function(e){var n=t.props.onFixedChange;null==n||n(e),t.setState({fixedIds:e})},t}return(0,a.ZT)(t,e),Object.defineProperty(t.prototype,"isFixedControlled",{get:function(){return"fixedIds"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"fixedIds",{get:function(){return(this.isFixedControlled?this.props.fixedIds:this.state.fixedIds)||[]},enumerable:!1,configurable:!0}),t.prototype.renderTab=function(e){return(0,i.jsx)(P,(0,a.pi)({onSelected:this.onTabSelected,onDelete:this.onTabDel},e,{fixedIds:this.fixedIds,onFixedChange:this.onFixedChange,id:e.key},{children:e.title}),void 0)},t}(I),k=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.typeName="button",t}return(0,a.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.actived,n=e.disabled,r=e.children;return(0,i.jsx)("div",(0,a.pi)({role:"tab",className:this.tabsCls,"aria-disabled":n,"aria-selected":t,onClick:this.onClick,"data-zv":"10.0.10"},{children:(0,i.jsx)("div",(0,a.pi)({className:"zent-tabs-tab-inner","data-zv":"10.0.10"},{children:r}),void 0)}),void 0)},t}(h.Z),D=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.typeName="button",t}return(0,a.ZT)(t,e),t.prototype.renderTab=function(e){return(0,i.jsx)(k,(0,a.pi)({onSelected:this.onTabSelected,onDelete:this.onTabDel},e,{id:e.key},{children:e.title}),void 0)},t}(I),_=n(87057),S={normal:Z,card:F,button:D},O=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,a.ZT)(t,e),Object.defineProperty(t.prototype,"tabsCls",{get:function(){var e=this.props,t=e.className,n=e.type;return o()("zent-tabs","zent-tabs-type__"+n,t)},enumerable:!1,configurable:!0}),t.prototype.getTabDataListFromTabs=function(e){var t=this.props.activeId;return e.map((function(e){return(0,a.pi)((0,a.pi)({},e),{actived:e.key===t})}))},t.prototype.getTabDataListFromChildren=function(e){var t=this.props.activeId;return d.Children.map(e,(function(e){return(0,r.isElement)(e)?(0,g.AQ)(e,t):null})).filter((function(e){return!(0,l.Z)(e)}))},t.prototype.renderNav=function(e){var t=this.props,n=t.type,r=t.candel,s=t.canFixed,o=t.fixedIds,d=t.onFixedChange,l=t.stretch,c=t.navExtraContent,p=t.onChange,u=t.onDelete,h=t.onAdd,v=t.overflowMode,f=t.activeId,b=t.renderTabBar,x=S[n]||S.normal,m={onChange:p,tabDataList:e,onDelete:u,onAdd:h,candel:r,canFixed:s,stretch:l,overflowMode:v,navExtraContent:c,type:n,activeId:f,onFixedChange:d};return"fixedIds"in this.props&&(m.fixedIds=o),b?b(m,x):(0,i.jsx)(x,(0,a.pi)({},m),void 0)},t.prototype.renderTabPanel=function(e){var t=this.props,n=t.unmountPanelOnHide,r=t.disableLazyMount;return(0,i.jsx)(p.Z,(0,a.pi)({mount:r||e.actived},{children:(0,i.jsx)(u.Z,(0,a.pi)({tab:e.title,actived:e.actived,unmountOnHide:e.unmountOnHide||n,className:e.className,id:e.key},{children:e.panelChildren}),void 0)}),e.key)},t.TabPanel=u.Z,t.defaultProps={type:"normal",activeId:"",candel:!1,canFixed:!1,stretch:!1,onChange:c.Z,onDelete:c.Z,unmountPanelOnHide:!1},t}(_.Z),W=O},87396:(e,t,n)=>{"use strict";var a=n(59312),i=n(24246),r=n(60042),s=n.n(r);t.Z=function(e){var t=e.actived,n=e.className,r=e.unmountOnHide,o=e.children;if(!t&&r)return null;var d=t?{}:{display:"none"},l=s()("zent-tabs-panel",n);return(0,i.jsx)("div",(0,a.pi)({role:"tabpanel",style:d,className:l,"data-zv":"10.0.10"},{children:o}),void 0)}},98454:(e,t,n)=>{"use strict";var a=n(59312),i=n(24246),r=n(27378),s=n(60042),o=n.n(s),d=n(27036),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onDel=function(e){e.stopPropagation();var n=t.props,a=n.onDelete,i=n.id;a&&a(i)},t.onClick=function(){var e=t.props,n=e.onSelected,a=e.id,i=e.actived,r=e.disabled;i||r||n&&n(a)},t.onClickFixed=function(e){e.stopPropagation();var n=t.props,i=n.fixedIds,r=void 0===i?[]:i,s=n.onFixedChange,o=n.id,d=t.isFixed?r.filter((function(e){return e!==o})):(0,a.ev)((0,a.ev)([],r),[o]);null==s||s(d)},t}return(0,a.ZT)(t,e),Object.defineProperty(t.prototype,"tabsCls",{get:function(){var e,t=this.props,n=t.actived,a=t.disabled;return o()("zent-tabs-tab","zent-tabs-tab-type__"+this.typeName,((e={})["zent-tabs-tab__actived"]=n,e["zent-tabs-tab__disabled"]=a,e))},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isFixed",{get:function(){var e=this.props,t=e.id,n=e.fixedIds;return(void 0===n?[]:n).includes(t)},enumerable:!1,configurable:!0}),t.prototype.renderDelOperater=function(){var e=this.props,t=e.candel,n=e.canFixed;return t?(0,i.jsxs)("div",(0,a.pi)({className:o()("zent-tabs-tab__actions",{"zent-tabs-tab-actions--fixed":this.isFixed}),"data-zv":"10.0.10"},{children:[!this.isFixed&&(0,i.jsx)("span",(0,a.pi)({className:"zent-tabs-tab__actions__delete",onClick:this.onDel,"data-zv":"10.0.10"},{children:"✕"}),void 0),n&&(0,i.jsx)("span",(0,a.pi)({className:"zent-tabs-tab__actions__fixed",onClick:this.onClickFixed,"data-zv":"10.0.10"},{children:this.isFixed?(0,i.jsx)(d.Z,{type:"pin"},void 0):(0,i.jsx)(d.Z,{type:"pin-o"},void 0)}),void 0)]}),void 0):null},t}(r.Component);t.Z=l},87057:(e,t,n)=>{"use strict";var a=n(59312),i=n(24246),r=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,a.ZT)(t,e),t.prototype.renderWithPanel=function(){var e=this.props.children,t=this.getTabDataListFromChildren(e);return(0,i.jsxs)("div",(0,a.pi)({className:this.tabsCls,"data-zv":"10.0.10"},{children:[this.renderNav(t),(0,i.jsx)("div",(0,a.pi)({className:"zent-tabs-panel-wrapper","data-zv":"10.0.10"},{children:t.map(this.renderTabPanel.bind(this))}),void 0)]}),void 0)},t.prototype.renderWithoutPanel=function(){var e=this.props.tabs;return(0,i.jsx)("div",(0,a.pi)({className:this.tabsCls,"data-zv":"10.0.10"},{children:this.renderNav(this.getTabDataListFromTabs(e))}),void 0)},t.prototype.render=function(){var e=this.props,t=e.tabs,n=e.children;if(!t&&!n)throw new Error("Tabs Componment must receive one prop of 'tabs' and 'children'");return t?this.renderWithoutPanel():this.renderWithPanel()},t}(n(27378).Component);t.Z=r},53789:(e,t,n)=>{"use strict";var a=n(59312),i=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onTabSelected=function(e){(0,t.props.onChange)(e)},t}return(0,a.ZT)(t,e),t.prototype.renderTabs=function(){var e=this.props.tabDataList;return this.transformTabDataList(e).map(this.renderTab,this)},t}(n(27378).PureComponent);t.Z=i},77465:(e,t,n)=>{"use strict";n.d(t,{AQ:()=>r,Vw:()=>s,JA:()=>o,Gw:()=>d});var a=n(59312),i=function(e){return"boolean"==typeof e};function r(e,t){var n=e.props,a=n.id,i=n.disabled;return{title:n.tab,disabled:i,key:a,actived:t===a,panelChildren:n.children,className:n.className,unmountOnHide:n.unmountOnHide,canFixed:n.canFixed,candel:n.candel}}function s(e,t,n){void 0===n&&(n={});var r=t;i(e.candel)&&(r=e.candel);var s=n.canFixed,o=(0,a._T)(n,["canFixed"]);return i(e.canFixed)&&(s=e.canFixed),(0,a.pi)({key:e.key,actived:e.actived,disabled:e.disabled,title:e.title,className:e.className,candel:r&&!e.disabled,canFixed:s},o)}var o=function(e){if("string"==typeof e)return e},d=function(e){var t=e.canFixed,n=e.fixedIds,a={canFixed:t,onFixedChange:e.onFixedChange};return"fixedIds"in e&&(a.fixedIds=n),a}},12856:(e,t,n)=>{"use strict";var a=n(59312),i=function(e){function t(t){var n=e.call(this,t)||this;return n.state={mounted:t.mount},n}return(0,a.ZT)(t,e),t.prototype.render=function(){var e=this.props.children;return this.state.mounted?e:null},t.getDerivedStateFromProps=function(e,t){return e.mount&&!t.mounted?{mounted:!0}:null},t.defaultProps={mount:!1},t}(n(27378).Component);t.Z=i},77828:(e,t,n)=>{"use strict";n.d(t,{Q:()=>i});var a=n(27378);function i(e){var t=(0,a.useRef)(e);return(0,a.useEffect)((function(){t.current=e}),[e]),t}},31256:(e,t,n)=>{"use strict";function a(e){return null==e}n.d(t,{Z:()=>a})}}]); \ No newline at end of file diff --git a/3533-9590cfa17229f57e796a.js b/3533-067f6305d93007c59bd2.js similarity index 88% rename from 3533-9590cfa17229f57e796a.js rename to 3533-067f6305d93007c59bd2.js index 5ad6c1257..3d376c1e7 100644 --- a/3533-9590cfa17229f57e796a.js +++ b/3533-067f6305d93007c59bd2.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3533],{93533:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>x});var t=s(73450),p=s(73118),e=s(27378),o=s(57318),c=s(3454),l=s(38098),u=s(71457),i=s(82285),r=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{t(!1)};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c.z,{onClick:()=>t(!0),type:"primary",children:"Open"}),(0,r.jsxs)(l.d,{title:"drawer title",visible:s,onClose:()=>t(!1),maskClosable:!0,footer:(0,r.jsxs)("div",{className:"zent-drawer-demo-drawer-footer",children:[(0,r.jsx)(c.z,{onClick:o,children:"Close"}),(0,r.jsx)(c.z,{type:"primary",onClick:o,children:"Ok"})]}),children:[(0,r.jsx)(c.z,{style:{margin:"10px 20px"},onClick:()=>t(!1),children:"Close"}),new Array(30).fill().map(((n,a)=>(0,r.jsxs)("div",{style:{padding:"10px"},children:["drawer content",a]},a)))]})]})}return(0,r.jsx)(n,{})},g=function(){function n(){var n=(0,e.useState)(!1),a=(0,p.Z)(n,2),s=a[0],t=a[1],o=(0,e.useState)(),u=(0,p.Z)(o,2),i=u[0],k=u[1];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c.z,{onClick:()=>{k("default"),t(!0)},type:"primary",children:"Open Default Size（728px）"}),(0,r.jsx)(c.z,{onClick:()=>{k("small"),t(!0)},type:"primary",children:"Open Small Size（364px）"}),(0,r.jsx)(l.d,{visible:s,size:i,onClose:()=>t(!1),title:"Drawer Title",footer:(0,r.jsxs)("div",{className:"zent-drawer-demo__custom-width__drawer-footer",children:[(0,r.jsx)(c.z,{children:"Secondary Button"}),(0,r.jsx)(c.z,{type:"primary",children:"Primary Button"})]})})]})}return(0,r.jsx)(n,{})},h=function(){var n=u.Y.Group;function a(){var a=(0,e.useState)(!1),s=(0,p.Z)(a,2),t=s[0],o=s[1],i=(0,e.useState)("top"),k=(0,p.Z)(i,2),d=k[0],m=k[1];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(n,{onChange:n=>m(n.target.value),value:d,children:[(0,r.jsx)(u.Y,{value:"top",children:"top"}),(0,r.jsx)(u.Y,{value:"right",children:"right"}),(0,r.jsx)(u.Y,{value:"bottom",children:"bottom"}),(0,r.jsx)(u.Y,{value:"left",children:"left"})]}),(0,r.jsx)(c.z,{onClick:()=>o(!0),type:"primary",style:{marginLeft:"20px"},children:"Open"}),(0,r.jsxs)(l.d,{visible:t,onClose:()=>o(!1),placement:d,maskClosable:!0,children:[(0,r.jsx)("div",{children:"Drawer Content ..."}),(0,r.jsx)("div",{children:"Drawer Content ..."}),(0,r.jsx)("div",{children:"Drawer Content ..."})]})]})}return(0,r.jsx)(a,{})},v=function(){function n(){var n=(0,e.useState)(!1),a=(0,p.Z)(n,2),s=a[0],t=a[1],o=(0,e.useState)(!1),u=(0,p.Z)(o,2),k=u[0],d=u[1],m=(0,e.useState)(),g=(0,p.Z)(m,2),h=g[0],v=g[1];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c.z,{onClick:n=>{n.nativeEvent.stopImmediatePropagation(),t(!0),d(!k)},type:"primary",children:"Toggle Content"}),(0,r.jsxs)(l.d,{visible:s,onClose:()=>t(!1),mask:!1,children:[(0,r.jsx)(i.I,{value:h,onChange:n=>v(n.target.value),showClear:!0,width:200}),(0,r.jsx)(c.z,{style:{margin:"20px"},onClick:()=>t(!1),children:"close"}),(0,r.jsx)("div",{style:{fontSize:"50px",paddingLeft:"20px"},children:k?"111":"222"})]})]})}return(0,r.jsx)(n,{})};function f(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,r.jsx)(f,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function b(n){return(0,r.jsx)(f,{tag:"style",html:n.style})}function w(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),w(n.parentNode,a);return a}class j 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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:s||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(f,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,w(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(b,{style:".zent-drawer-demo-drawer-footer {\n\t\ttext-align: right;\n padding-right: 16px;\n\t}\n\n.zent-drawer-demo__custom-width__drawer-footer {\n\t\tpadding-right: 16px;\n\t\ttext-align: right;\n\t}"}),e.createElement(y,{html:'

Drawer

\n

The modal panel that slides out on the right side of the screen; Used to carry a large volume of details or form content.

\n

Suggestion

\n
    \n
  • The drawer can be used when the temporary window information evoked by the operation is large and high scalability of vertical information is required.
    • \n
\n

Note

\n
    \n
  • Do not use a single button in the drawer;
    • \n
  • Do not use more than two main action buttons in the drawer;
    • \n
\n

Demos

'}),e.createElement(j,{title:"Basic usage",id:"Demobasic",src:'import { useState } from \'react\';\nimport { Button, Drawer } from \'zent\';\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n\n const close = () => {\n setVisible(false);\n };\n\n return (\n <>\n <Button onClick={() => setVisible(true)} type="primary">\n Open\n </Button>\n <Drawer\n title="drawer title"\n visible={visible}\n onClose={() => setVisible(false)}\n maskClosable\n footer={\n <div className="zent-drawer-demo-drawer-footer">\n <Button onClick={close}>Close</Button>\n <Button type="primary" onClick={close}>\n Ok\n </Button>\n </div>\n }\n >\n <Button\n style={{ margin: \'10px 20px\' }}\n onClick={() => setVisible(false)}\n >\n Close\n </Button>\n {new Array(30).fill().map((_, index) => (\n <div style={{ padding: \'10px\' }} key={index}>\n drawer content\n {index}\n </div>\n ))}\n </Drawer>\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(m)),e.createElement(j,{title:"Drawers of different sizes",id:"Democustomwidth",src:'import { useState } from \'react\';\nimport { Button, Drawer, Input } from \'zent\';\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n const [size, setSize] = useState();\n\n const showDefaultDrawer = () => {\n setSize(\'default\');\n setVisible(true);\n };\n\n const showSmallDrawer = () => {\n setSize(\'small\');\n setVisible(true);\n };\n\n return (\n <>\n <Button onClick={showDefaultDrawer} type="primary">\n Open Default Size（728px）\n </Button>\n <Button onClick={showSmallDrawer} type="primary">\n Open Small Size（364px）\n </Button>\n <Drawer\n visible={visible}\n size={size}\n onClose={() => setVisible(false)}\n title="Drawer Title"\n footer={\n <div className="zent-drawer-demo__custom-width__drawer-footer">\n <Button>Secondary Button</Button>\n <Button type="primary">Primary Button</Button>\n </div>\n }\n />\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(g)),e.createElement(y,{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
参数说明类型默认值是否必填
onCloseSpecify a callback that will be called when a user clicks mask, close button or cancel buttone => voidnoop否
visibleWhether the Drawer dialog is visible or notbooleanfalse否
maskClosableClicking on the mask (area outside the Drawer) to trigger \nonClose\n or notbooleanfalse否
closeOnESCWhether support press esc to trigger \nonClosebooleantrue否
maskWhether to show mask or notbooleantrue否
titleThe title for DrawerReactNodenull否
footerCustom footer for DrawerReactNodenull否
placementThe placement of the Drawertop\n \n|\n \nright\n \n|\n \nbottom\n \n|\n \nleftright否
widthPlacement is left or right, width of the Drawer dialogstring\n \n|\n \nnumber45%否
heightPlacement is top or bottom, height of the Drawer dialogstring\n \n|\n \nnumber45%否
classNameThe class name of the container of the Drawer dialogstring\'\'否
closeBtnCustom close btn, setting \nfalse\n will hide \nclosebtnReactNodetrue否
sizepresetted size of drawer, default 728px and small 364px\'default\'\n|\n\'small\'defaultfalse
\n

The default width of the Drawer is 45% when the width and size fields are not set. The priority of the Drawer is width > size.

\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),e.createElement(j,{title:"Placement usage",id:"Demoplacement",src:'import { useState } from \'react\';\nimport { Button, Drawer, Radio } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n const [placement, setPlacement] = useState(\'top\');\n\n return (\n <>\n <RadioGroup\n onChange={e => setPlacement(e.target.value)}\n value={placement}\n >\n <Radio value="top">top</Radio>\n <Radio value="right">right</Radio>\n <Radio value="bottom">bottom</Radio>\n <Radio value="left">left</Radio>\n </RadioGroup>\n <Button\n onClick={() => setVisible(true)}\n type="primary"\n style={{ marginLeft: \'20px\' }}\n >\n Open\n </Button>\n <Drawer\n visible={visible}\n onClose={() => setVisible(false)}\n placement={placement}\n maskClosable\n >\n <div>Drawer Content ...</div>\n <div>Drawer Content ...</div>\n <div>Drawer Content ...</div>\n </Drawer>\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(h)),e.createElement(j,{title:"No mask usage",id:"DemonoMask",src:'import { useState } from \'react\';\nimport { Button, Drawer, Input } from \'zent\';\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n const [content, setContent] = useState(false);\n const [inputVal, setInputVal] = useState();\n return (\n <>\n <Button\n onClick={e => {\n e.nativeEvent.stopImmediatePropagation(); // 阻止原生click事件冒泡，让drawer不关闭的同时修改children\n setVisible(true);\n setContent(!content);\n }}\n type="primary"\n >\n Toggle Content\n </Button>\n <Drawer visible={visible} onClose={() => setVisible(false)} mask={false}>\n <Input\n value={inputVal}\n onChange={e => setInputVal(e.target.value)}\n showClear\n width={200}\n />\n <Button style={{ margin: \'20px\' }} onClick={() => setVisible(false)}>\n close\n </Button>\n <div style={{ fontSize: \'50px\', paddingLeft: \'20px\' }}>\n {content ? \'111\' : \'222\'}\n </div>\n </Drawer>\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(v)))}}},38098:(n,a,s)=>{"use strict";s.d(a,{d:()=>b});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(53552),l=s(14623),u={left:{height:"100%",left:0,top:0},right:{height:"100%",right:0,top:0},top:{width:"100%",top:0,left:0},bottom:{width:"100%",bottom:0,left:0}},i=function(n){var a=n.mask,s=n.maskClosable,e=n.visible,o=n.onClose;return(0,p.jsx)(l.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:e&&a,timeout:300,classNames:"zent-drawer-transition__backdrop"},{children:(0,p.jsx)("div",{className:"zent-drawer-backdrop",onClick:function(){a&&s&&o()},"data-zv":"10.0.9"},void 0)}),void 0)},r=s(27378),k=s(31256),d=function(n){return(0,k.Z)(n)?null:(0,p.jsx)("div",(0,t.pi)({className:"zent-drawer-header","data-zv":"10.0.9"},{children:"number"==typeof n||"string"==typeof n?(0,p.jsx)("span",(0,t.pi)({className:"zent-drawer-header__title","data-zv":"10.0.9"},{children:n}),void 0):n}),void 0)},m=function(n){return(0,k.Z)(n)?null:(0,p.jsx)("div",(0,t.pi)({className:"zent-drawer-footer","data-zv":"10.0.9"},{children:n}),void 0)},g=s(27036),h=function(n,a){return(0,k.Z)(n)?null:(0,p.jsx)("div",(0,t.pi)({onClick:a,className:"zent-drawer-close","data-zv":"10.0.9"},{children:!0===n?(0,p.jsx)(g.Z,{type:"close"},void 0):n}),void 0)},v=s(49744),f=function(n){var a,s=n.mask,e=n.visible,c=n.title,i=n.children,k=n.footer,g=n.placement,f=n.closeBtn,y=n.onClose,b=n.onExited,w=(0,t._T)(n,["mask","visible","title","children","footer","placement","closeBtn","onClose","onExited"]),j="width"in w&&w.width,x="height"in w&&w.height,C=(0,r.useRef)(),z=(0,r.useRef)(),D=(0,r.useCallback)((function(){s||(C.current=(0,v.Oo)(document,"click",(function(n){var a,s=n.target;document.contains(s)&&!(null===(a=z.current)||void 0===a?void 0:a.contains(s))&&y()})))}),[y,s]),S=(0,r.useCallback)((function(){var n;s||null===(n=C.current)||void 0===n||n.call(C)}),[s]),O=(0,r.useMemo)((function(){var n=function(n){return"number"==typeof n?n+"px":n};return"left"===g||"right"===g?{width:n(j)}:{height:n(x)}}),[g,j,x]);return(0,p.jsx)(l.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:e,timeout:300,classNames:"zent-drawer-transition-"+g,onEntered:D,onExit:S,onExited:b},{children:(0,p.jsxs)("div",(0,t.pi)({ref:z,className:o()("zent-drawer-content",(a={},a["zent-drawer-content--transparent"]=!s,a)),style:(0,t.pi)((0,t.pi)({},u[g]),O),"data-zv":"10.0.9"},{children:[h(f,y),d(c),(0,p.jsx)("div",(0,t.pi)({className:"zent-drawer-body","data-zv":"10.0.9"},{children:i}),void 0),m(k)]}),void 0)}),void 0)},y={default:"728px",small:"364px"},b=function(n){var a,s=n.onClose,e=n.title,l=n.children,u=n.className,k=n.visible,d=n.maskClosable,m=n.closeOnESC,g=n.mask,h=n.footer,v=n.placement,b=n.closeBtn,w=n.size,j=(0,t._T)(n,["onClose","title","children","className","visible","maskClosable","closeOnESC","mask","footer","placement","closeBtn","size"]),x=y[w]||"45%";"width"in j&&(x=j.width);var C="height"in j?j.height:"45%",z=function(n){var a=(0,r.useState)(!1),s=a[0],t=a[1],p=(0,r.useState)(n),e=p[0],o=p[1],c=(0,r.useCallback)((function(){t(!1)}),[]);return e===n||(t(!n),o(n)),{exiting:s,onExited:c}}(k),D=z.exiting,S=z.onExited;return(0,p.jsx)(c.ZP,(0,t.pi)({visible:k||D,onClose:s,closeOnESC:m,blockPageScroll:g},{children:(0,p.jsxs)("div",(0,t.pi)({className:o()((a={},a[u]=!!u,a)),"data-zv":"10.0.9"},{children:[(0,p.jsx)(i,{mask:g,maskClosable:d,visible:k,onClose:s},void 0),(0,p.jsx)(f,(0,t.pi)({mask:g,visible:k,title:e,footer:h,onClose:s,onExited:S,placement:v,width:x,height:C,closeBtn:b},{children:l}),void 0)]}),void 0)}),void 0)};b.defaultProps={className:"",visible:!1,maskClosable:!1,closeOnESC:!0,mask:!0,footer:null,title:null,onClose:function(){},placement:"right",closeBtn:!0}},4246:(n,a,s)=>{"use strict";s.d(a,{E:()=>i});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),u=s(1348);function i(n){var a=(0,c.useContext)(u.d),s=n.value,e=n.disabled,i=void 0===e?a.value:e,r=n.readOnly,k=void 0!==r&&r,d=n.isValueEqual,m=void 0===d?Object.is:d,g=n.className,h=n.style,v=n.children,f=n.onChange,y=(0,c.useMemo)((function(){return{value:s,disabled:i,readOnly:k,isValueEqual:m,onRadioChange:f}}),[s,i,k,m,f]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:y},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",g),style:h,"data-zv":"10.0.9"},{children:v}),void 0)}),void 0)}a.Z=i},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function u(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function i(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var r=s(4246),k=s(1348),d=s(57961);function m(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.labelStyle,g=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),v=(0,l.useContext)(d.Z),f=i(h,v,n),y=f.checked,b=f.disabled,w=f.readOnly,j=u(v,n),x=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!y,"zent-radio-disabled":b||w}),C=(0,c.Z)(r),z=(0,t.pi)((0,t.pi)({},s),C);return(0,p.jsxs)("label",(0,t.pi)({className:x,style:z,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},g,{type:"radio",checked:!!y,disabled:b,readOnly:w,onChange:j,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.onMouseEnter,g=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),v=(0,l.useContext)(k.d),f=(0,l.useContext)(d.Z);if(!f)throw new Error("Radio.Button must be nested within Radio.Group");var y=i(v,f,n),b=y.checked,w=y.disabled,j=y.readOnly,x=u(f,n),C=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!b,"zent-radio-button--disabled":w||j}),z=(0,c.Z)(r),D=(0,t.pi)((0,t.pi)({},s),z);return(0,p.jsxs)("label",(0,t.pi)({className:C,style:D,onMouseEnter:m,onMouseLeave:g,"data-zv":"10.0.9"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!b,disabled:w,readOnly:j,onChange:x,"data-zv":"10.0.9"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)},m.Group=r.Z;var g=m},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})},31256:(n,a,s)=>{"use strict";function t(n){return null==n}s.d(a,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3533],{93533:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>x});var t=s(73450),p=s(73118),e=s(27378),o=s(57318),c=s(3454),l=s(38098),u=s(71457),i=s(82285),r=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{t(!1)};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c.z,{onClick:()=>t(!0),type:"primary",children:"Open"}),(0,r.jsxs)(l.d,{title:"drawer title",visible:s,onClose:()=>t(!1),maskClosable:!0,footer:(0,r.jsxs)("div",{className:"zent-drawer-demo-drawer-footer",children:[(0,r.jsx)(c.z,{onClick:o,children:"Close"}),(0,r.jsx)(c.z,{type:"primary",onClick:o,children:"Ok"})]}),children:[(0,r.jsx)(c.z,{style:{margin:"10px 20px"},onClick:()=>t(!1),children:"Close"}),new Array(30).fill().map(((n,a)=>(0,r.jsxs)("div",{style:{padding:"10px"},children:["drawer content",a]},a)))]})]})}return(0,r.jsx)(n,{})},g=function(){function n(){var n=(0,e.useState)(!1),a=(0,p.Z)(n,2),s=a[0],t=a[1],o=(0,e.useState)(),u=(0,p.Z)(o,2),i=u[0],k=u[1];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c.z,{onClick:()=>{k("default"),t(!0)},type:"primary",children:"Open Default Size（728px）"}),(0,r.jsx)(c.z,{onClick:()=>{k("small"),t(!0)},type:"primary",children:"Open Small Size（364px）"}),(0,r.jsx)(l.d,{visible:s,size:i,onClose:()=>t(!1),title:"Drawer Title",footer:(0,r.jsxs)("div",{className:"zent-drawer-demo__custom-width__drawer-footer",children:[(0,r.jsx)(c.z,{children:"Secondary Button"}),(0,r.jsx)(c.z,{type:"primary",children:"Primary Button"})]})})]})}return(0,r.jsx)(n,{})},h=function(){var n=u.Y.Group;function a(){var a=(0,e.useState)(!1),s=(0,p.Z)(a,2),t=s[0],o=s[1],i=(0,e.useState)("top"),k=(0,p.Z)(i,2),d=k[0],m=k[1];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(n,{onChange:n=>m(n.target.value),value:d,children:[(0,r.jsx)(u.Y,{value:"top",children:"top"}),(0,r.jsx)(u.Y,{value:"right",children:"right"}),(0,r.jsx)(u.Y,{value:"bottom",children:"bottom"}),(0,r.jsx)(u.Y,{value:"left",children:"left"})]}),(0,r.jsx)(c.z,{onClick:()=>o(!0),type:"primary",style:{marginLeft:"20px"},children:"Open"}),(0,r.jsxs)(l.d,{visible:t,onClose:()=>o(!1),placement:d,maskClosable:!0,children:[(0,r.jsx)("div",{children:"Drawer Content ..."}),(0,r.jsx)("div",{children:"Drawer Content ..."}),(0,r.jsx)("div",{children:"Drawer Content ..."})]})]})}return(0,r.jsx)(a,{})},v=function(){function n(){var n=(0,e.useState)(!1),a=(0,p.Z)(n,2),s=a[0],t=a[1],o=(0,e.useState)(!1),u=(0,p.Z)(o,2),k=u[0],d=u[1],m=(0,e.useState)(),g=(0,p.Z)(m,2),h=g[0],v=g[1];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(c.z,{onClick:n=>{n.nativeEvent.stopImmediatePropagation(),t(!0),d(!k)},type:"primary",children:"Toggle Content"}),(0,r.jsxs)(l.d,{visible:s,onClose:()=>t(!1),mask:!1,children:[(0,r.jsx)(i.I,{value:h,onChange:n=>v(n.target.value),showClear:!0,width:200}),(0,r.jsx)(c.z,{style:{margin:"20px"},onClick:()=>t(!1),children:"close"}),(0,r.jsx)("div",{style:{fontSize:"50px",paddingLeft:"20px"},children:k?"111":"222"})]})]})}return(0,r.jsx)(n,{})};function f(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,r.jsx)(f,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function b(n){return(0,r.jsx)(f,{tag:"style",html:n.style})}function w(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),w(n.parentNode,a);return a}class j 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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:s||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(f,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,w(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(b,{style:".zent-drawer-demo-drawer-footer {\n\t\ttext-align: right;\n padding-right: 16px;\n\t}\n\n.zent-drawer-demo__custom-width__drawer-footer {\n\t\tpadding-right: 16px;\n\t\ttext-align: right;\n\t}"}),e.createElement(y,{html:'

Drawer

\n

The modal panel that slides out on the right side of the screen; Used to carry a large volume of details or form content.

\n

Suggestion

\n
    \n
  • The drawer can be used when the temporary window information evoked by the operation is large and high scalability of vertical information is required.
    • \n
\n

Note

\n
    \n
  • Do not use a single button in the drawer;
    • \n
  • Do not use more than two main action buttons in the drawer;
    • \n
\n

Demos

'}),e.createElement(j,{title:"Basic usage",id:"Demobasic",src:'import { useState } from \'react\';\nimport { Button, Drawer } from \'zent\';\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n\n const close = () => {\n setVisible(false);\n };\n\n return (\n <>\n <Button onClick={() => setVisible(true)} type="primary">\n Open\n </Button>\n <Drawer\n title="drawer title"\n visible={visible}\n onClose={() => setVisible(false)}\n maskClosable\n footer={\n <div className="zent-drawer-demo-drawer-footer">\n <Button onClick={close}>Close</Button>\n <Button type="primary" onClick={close}>\n Ok\n </Button>\n </div>\n }\n >\n <Button\n style={{ margin: \'10px 20px\' }}\n onClick={() => setVisible(false)}\n >\n Close\n </Button>\n {new Array(30).fill().map((_, index) => (\n <div style={{ padding: \'10px\' }} key={index}>\n drawer content\n {index}\n </div>\n ))}\n </Drawer>\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(m)),e.createElement(j,{title:"Drawers of different sizes",id:"Democustomwidth",src:'import { useState } from \'react\';\nimport { Button, Drawer, Input } from \'zent\';\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n const [size, setSize] = useState();\n\n const showDefaultDrawer = () => {\n setSize(\'default\');\n setVisible(true);\n };\n\n const showSmallDrawer = () => {\n setSize(\'small\');\n setVisible(true);\n };\n\n return (\n <>\n <Button onClick={showDefaultDrawer} type="primary">\n Open Default Size（728px）\n </Button>\n <Button onClick={showSmallDrawer} type="primary">\n Open Small Size（364px）\n </Button>\n <Drawer\n visible={visible}\n size={size}\n onClose={() => setVisible(false)}\n title="Drawer Title"\n footer={\n <div className="zent-drawer-demo__custom-width__drawer-footer">\n <Button>Secondary Button</Button>\n <Button type="primary">Primary Button</Button>\n </div>\n }\n />\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(g)),e.createElement(y,{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
参数说明类型默认值是否必填
onCloseSpecify a callback that will be called when a user clicks mask, close button or cancel buttone => voidnoop否
visibleWhether the Drawer dialog is visible or notbooleanfalse否
maskClosableClicking on the mask (area outside the Drawer) to trigger \nonClose\n or notbooleanfalse否
closeOnESCWhether support press esc to trigger \nonClosebooleantrue否
maskWhether to show mask or notbooleantrue否
titleThe title for DrawerReactNodenull否
footerCustom footer for DrawerReactNodenull否
placementThe placement of the Drawertop\n \n|\n \nright\n \n|\n \nbottom\n \n|\n \nleftright否
widthPlacement is left or right, width of the Drawer dialogstring\n \n|\n \nnumber45%否
heightPlacement is top or bottom, height of the Drawer dialogstring\n \n|\n \nnumber45%否
classNameThe class name of the container of the Drawer dialogstring\'\'否
closeBtnCustom close btn, setting \nfalse\n will hide \nclosebtnReactNodetrue否
sizepresetted size of drawer, default 728px and small 364px\'default\'\n|\n\'small\'defaultfalse
\n

The default width of the Drawer is 45% when the width and size fields are not set. The priority of the Drawer is width > size.

\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),e.createElement(j,{title:"Placement usage",id:"Demoplacement",src:'import { useState } from \'react\';\nimport { Button, Drawer, Radio } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n const [placement, setPlacement] = useState(\'top\');\n\n return (\n <>\n <RadioGroup\n onChange={e => setPlacement(e.target.value)}\n value={placement}\n >\n <Radio value="top">top</Radio>\n <Radio value="right">right</Radio>\n <Radio value="bottom">bottom</Radio>\n <Radio value="left">left</Radio>\n </RadioGroup>\n <Button\n onClick={() => setVisible(true)}\n type="primary"\n style={{ marginLeft: \'20px\' }}\n >\n Open\n </Button>\n <Drawer\n visible={visible}\n onClose={() => setVisible(false)}\n placement={placement}\n maskClosable\n >\n <div>Drawer Content ...</div>\n <div>Drawer Content ...</div>\n <div>Drawer Content ...</div>\n </Drawer>\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(h)),e.createElement(j,{title:"No mask usage",id:"DemonoMask",src:'import { useState } from \'react\';\nimport { Button, Drawer, Input } from \'zent\';\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n const [content, setContent] = useState(false);\n const [inputVal, setInputVal] = useState();\n return (\n <>\n <Button\n onClick={e => {\n e.nativeEvent.stopImmediatePropagation(); // 阻止原生click事件冒泡，让drawer不关闭的同时修改children\n setVisible(true);\n setContent(!content);\n }}\n type="primary"\n >\n Toggle Content\n </Button>\n <Drawer visible={visible} onClose={() => setVisible(false)} mask={false}>\n <Input\n value={inputVal}\n onChange={e => setInputVal(e.target.value)}\n showClear\n width={200}\n />\n <Button style={{ margin: \'20px\' }} onClick={() => setVisible(false)}>\n close\n </Button>\n <div style={{ fontSize: \'50px\', paddingLeft: \'20px\' }}>\n {content ? \'111\' : \'222\'}\n </div>\n </Drawer>\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(v)))}}},38098:(n,a,s)=>{"use strict";s.d(a,{d:()=>b});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(53552),l=s(14623),u={left:{height:"100%",left:0,top:0},right:{height:"100%",right:0,top:0},top:{width:"100%",top:0,left:0},bottom:{width:"100%",bottom:0,left:0}},i=function(n){var a=n.mask,s=n.maskClosable,e=n.visible,o=n.onClose;return(0,p.jsx)(l.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:e&&a,timeout:300,classNames:"zent-drawer-transition__backdrop"},{children:(0,p.jsx)("div",{className:"zent-drawer-backdrop",onClick:function(){a&&s&&o()},"data-zv":"10.0.10"},void 0)}),void 0)},r=s(27378),k=s(31256),d=function(n){return(0,k.Z)(n)?null:(0,p.jsx)("div",(0,t.pi)({className:"zent-drawer-header","data-zv":"10.0.10"},{children:"number"==typeof n||"string"==typeof n?(0,p.jsx)("span",(0,t.pi)({className:"zent-drawer-header__title","data-zv":"10.0.10"},{children:n}),void 0):n}),void 0)},m=function(n){return(0,k.Z)(n)?null:(0,p.jsx)("div",(0,t.pi)({className:"zent-drawer-footer","data-zv":"10.0.10"},{children:n}),void 0)},g=s(27036),h=function(n,a){return(0,k.Z)(n)?null:(0,p.jsx)("div",(0,t.pi)({onClick:a,className:"zent-drawer-close","data-zv":"10.0.10"},{children:!0===n?(0,p.jsx)(g.Z,{type:"close"},void 0):n}),void 0)},v=s(49744),f=function(n){var a,s=n.mask,e=n.visible,c=n.title,i=n.children,k=n.footer,g=n.placement,f=n.closeBtn,y=n.onClose,b=n.onExited,w=(0,t._T)(n,["mask","visible","title","children","footer","placement","closeBtn","onClose","onExited"]),j="width"in w&&w.width,x="height"in w&&w.height,C=(0,r.useRef)(),z=(0,r.useRef)(),D=(0,r.useCallback)((function(){s||(C.current=(0,v.Oo)(document,"click",(function(n){var a,s=n.target;document.contains(s)&&!(null===(a=z.current)||void 0===a?void 0:a.contains(s))&&y()})))}),[y,s]),S=(0,r.useCallback)((function(){var n;s||null===(n=C.current)||void 0===n||n.call(C)}),[s]),O=(0,r.useMemo)((function(){var n=function(n){return"number"==typeof n?n+"px":n};return"left"===g||"right"===g?{width:n(j)}:{height:n(x)}}),[g,j,x]);return(0,p.jsx)(l.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:e,timeout:300,classNames:"zent-drawer-transition-"+g,onEntered:D,onExit:S,onExited:b},{children:(0,p.jsxs)("div",(0,t.pi)({ref:z,className:o()("zent-drawer-content",(a={},a["zent-drawer-content--transparent"]=!s,a)),style:(0,t.pi)((0,t.pi)({},u[g]),O),"data-zv":"10.0.10"},{children:[h(f,y),d(c),(0,p.jsx)("div",(0,t.pi)({className:"zent-drawer-body","data-zv":"10.0.10"},{children:i}),void 0),m(k)]}),void 0)}),void 0)},y={default:"728px",small:"364px"},b=function(n){var a,s=n.onClose,e=n.title,l=n.children,u=n.className,k=n.visible,d=n.maskClosable,m=n.closeOnESC,g=n.mask,h=n.footer,v=n.placement,b=n.closeBtn,w=n.size,j=(0,t._T)(n,["onClose","title","children","className","visible","maskClosable","closeOnESC","mask","footer","placement","closeBtn","size"]),x=y[w]||"45%";"width"in j&&(x=j.width);var C="height"in j?j.height:"45%",z=function(n){var a=(0,r.useState)(!1),s=a[0],t=a[1],p=(0,r.useState)(n),e=p[0],o=p[1],c=(0,r.useCallback)((function(){t(!1)}),[]);return e===n||(t(!n),o(n)),{exiting:s,onExited:c}}(k),D=z.exiting,S=z.onExited;return(0,p.jsx)(c.ZP,(0,t.pi)({visible:k||D,onClose:s,closeOnESC:m,blockPageScroll:g},{children:(0,p.jsxs)("div",(0,t.pi)({className:o()((a={},a[u]=!!u,a)),"data-zv":"10.0.10"},{children:[(0,p.jsx)(i,{mask:g,maskClosable:d,visible:k,onClose:s},void 0),(0,p.jsx)(f,(0,t.pi)({mask:g,visible:k,title:e,footer:h,onClose:s,onExited:S,placement:v,width:x,height:C,closeBtn:b},{children:l}),void 0)]}),void 0)}),void 0)};b.defaultProps={className:"",visible:!1,maskClosable:!1,closeOnESC:!0,mask:!0,footer:null,title:null,onClose:function(){},placement:"right",closeBtn:!0}},4246:(n,a,s)=>{"use strict";s.d(a,{E:()=>i});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),u=s(1348);function i(n){var a=(0,c.useContext)(u.d),s=n.value,e=n.disabled,i=void 0===e?a.value:e,r=n.readOnly,k=void 0!==r&&r,d=n.isValueEqual,m=void 0===d?Object.is:d,g=n.className,h=n.style,v=n.children,f=n.onChange,y=(0,c.useMemo)((function(){return{value:s,disabled:i,readOnly:k,isValueEqual:m,onRadioChange:f}}),[s,i,k,m,f]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:y},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",g),style:h,"data-zv":"10.0.10"},{children:v}),void 0)}),void 0)}a.Z=i},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function u(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function i(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var r=s(4246),k=s(1348),d=s(57961);function m(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.labelStyle,g=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),v=(0,l.useContext)(d.Z),f=i(h,v,n),y=f.checked,b=f.disabled,w=f.readOnly,j=u(v,n),x=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!y,"zent-radio-disabled":b||w}),C=(0,c.Z)(r),z=(0,t.pi)((0,t.pi)({},s),C);return(0,p.jsxs)("label",(0,t.pi)({className:x,style:z,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},g,{type:"radio",checked:!!y,disabled:b,readOnly:w,onChange:j,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.onMouseEnter,g=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),v=(0,l.useContext)(k.d),f=(0,l.useContext)(d.Z);if(!f)throw new Error("Radio.Button must be nested within Radio.Group");var y=i(v,f,n),b=y.checked,w=y.disabled,j=y.readOnly,x=u(f,n),C=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!b,"zent-radio-button--disabled":w||j}),z=(0,c.Z)(r),D=(0,t.pi)((0,t.pi)({},s),z);return(0,p.jsxs)("label",(0,t.pi)({className:C,style:D,onMouseEnter:m,onMouseLeave:g,"data-zv":"10.0.10"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!b,disabled:w,readOnly:j,onChange:x,"data-zv":"10.0.10"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)},m.Group=r.Z;var g=m},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})},31256:(n,a,s)=>{"use strict";function t(n){return null==n}s.d(a,{Z:()=>t})}}]); \ No newline at end of file diff --git a/3536-6c840c46ad1c775283a7.js b/3536-0fc6a0c94865ed238975.js similarity index 95% rename from 3536-6c840c46ad1c775283a7.js rename to 3536-0fc6a0c94865ed238975.js index 900f17ad4..bb8a9221a 100644 --- a/3536-6c840c46ad1c775283a7.js +++ b/3536-0fc6a0c94865ed238975.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3536],{63536:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>z});var t=s(73450),p=s(73118),e=s(27378),o=s(57318),c=s(90039),l=s(59934),u=s(98317),i=s(23476),r=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{t(n)},children:"选中标签"})})}return(0,r.jsx)(n,{})},y=function(){return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.V,{theme:"grey",children:"灰色"}),(0,r.jsx)(c.V,{theme:"red",children:"红色"}),(0,r.jsx)(c.V,{theme:"green",children:"绿色"}),(0,r.jsx)(c.V,{theme:"yellow",children:"黄色"}),(0,r.jsx)(c.V,{theme:"blue",children:"蓝色"}),(0,r.jsx)(c.V,{theme:"grey",outline:!0,children:"灰色"}),(0,r.jsx)(c.V,{theme:"red",outline:!0,children:"红色"}),(0,r.jsx)(c.V,{theme:"green",outline:!0,children:"绿色"}),(0,r.jsx)(c.V,{theme:"yellow",outline:!0,children:"黄色"}),(0,r.jsx)(c.V,{theme:"blue",outline:!0,children:"蓝色"})]})},b=function(){return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.V,{style:{color:"#fff",borderColor:"#9370db",backgroundColor:"#9370db"},children:"#9370db"}),(0,r.jsx)(c.V,{style:{borderColor:"#9370db",color:"#9370db"},outline:!0,children:"#9370db"}),(0,r.jsx)(c.V,{style:{borderColor:"#87d068",backgroundColor:"#cfefdf",color:"#00a854"},children:"自定义色彩"}),(0,r.jsx)(c.V,{style:{borderColor:"#778899",backgroundColor:"#778899"},rounded:!1,children:"非圆角"}),(0,r.jsx)(c.V,{style:{borderColor:"#48d1cc",backgroundColor:"#48d1cc",fontSize:14},children:"大标签"})]})},f=function(){return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.V,{closable:!0,onClose:n=>{i.g.success("Close tag")},outline:!0,children:"自定义色彩"}),(0,r.jsx)(c.V,{theme:"grey",closable:!0,closeButtonStyle:{color:"#969799"},children:"自定义关闭按钮颜色"})]})};function v(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function j(n){return(0,r.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function T(n){return(0,r.jsx)(v,{tag:"style",html:n.style})}function x(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),x(n.parentNode,a);return a}class C 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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:s||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class z extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,x(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(T,{style:".zent-tag{\n\tmargin: 0 10px 5px 0;\n}\n\n.zent-tag{\n\tmargin: 0 10px 5px 0;\n}"}),e.createElement(j,{html:'

Tag 标签

\n

常用于标记对象属性、分类，通常为圆角矩形。

\n

使用指南

\n
    \n
  • 当需要对内容进行属性、维度的标记，或补充描述时使用
    • \n
  • 使用标签进行跨层级的检索
    • \n
  • 标签文本建议不超过7个字，展示标签的尺寸可根据需要配置
    • \n
\n

代码演示

'}),e.createElement(C,{title:"基础用法",id:"Demobasic",src:'import { Tag, LinkTag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag outline>标签内容</Tag>\n <LinkTag><a href="#">链接</a></LinkTag>\n </div>\n , mountNode\n);'},e.createElement(g)),e.createElement(C,{title:"标签尺寸",id:"Demosize",src:'import { Tag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag outline>小标签</Tag>\n <Tag outline size="medium">中标签</Tag>\n <Tag outline size="large">大标签</Tag>\n </div>\n , mountNode\n);'},e.createElement(m)),e.createElement(C,{title:"可选中标签",id:"Demoselecttag",src:'import { Tag, SelectTag } from \'zent\';\n\nfunction Demo() {\n const [selected, setSelected] = React.useState(true);\n\n const handleChange = (selected) => {\n setSelected(selected);\n }\n\n return (\n <div>\n <SelectTag selected={selected} onChange={handleChange}>选中标签</SelectTag>\n </div>\n );\n}\n\nReactDOM.render(<Demo />, mountNode);'},e.createElement(h)),e.createElement(j,{html:'

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),e.createElement(C,{title:"两种风格和五种预定样式：`red`，`green`，`yellow`，`blue`，`grey`",id:"Demostyle",src:'import { Tag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag theme="grey">灰色</Tag>\n <Tag theme="red">红色</Tag>\n <Tag theme="green">绿色</Tag>\n <Tag theme="yellow">黄色</Tag>\n <Tag theme="blue">蓝色</Tag>\n <Tag theme="grey" outline>\n 灰色\n </Tag>\n <Tag theme="red" outline>\n 红色\n </Tag>\n <Tag theme="green" outline>\n 绿色\n </Tag>\n <Tag theme="yellow" outline>\n 黄色\n </Tag>\n <Tag theme="blue" outline>\n 蓝色\n </Tag>\n </div>,\n mountNode\n);'},e.createElement(y)),e.createElement(C,{title:"支持自定义色彩，非圆角，标签大小",id:"Democustom",src:'import { Tag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag\n style={{\n color: \'#fff\',\n borderColor: \'#9370db\',\n backgroundColor: \'#9370db\',\n }}\n >\n #9370db\n </Tag>\n <Tag\n style={{\n borderColor: \'#9370db\',\n color: \'#9370db\',\n }}\n outline\n >\n #9370db\n </Tag>\n <Tag\n style={{\n borderColor: \'#87d068\',\n backgroundColor: \'#cfefdf\',\n color: \'#00a854\',\n }}\n >\n 自定义色彩\n </Tag>\n <Tag\n style={{\n borderColor: \'#778899\',\n backgroundColor: \'#778899\',\n }}\n rounded={false}\n >\n 非圆角\n </Tag>\n <Tag\n style={{\n borderColor: \'#48d1cc\',\n backgroundColor: \'#48d1cc\',\n fontSize: 14,\n }}\n >\n 大标签\n </Tag>\n </div>,\n mountNode\n);'},e.createElement(b)),e.createElement(C,{title:"关闭标签，支持添加关闭事件",id:"Demoonclose",src:'import { Tag, Notify } from \'zent\';\n\nconst closeCallback = e => {\n Notify.success(\'Close tag\');\n};\n\nconst closeCallback2 = e => {\n Notify.success(\'Close tag2\');\n};\n\nReactDOM.render(\n <div>\n <Tag closable onClose={closeCallback} outline>\n 自定义色彩\n </Tag>\n <Tag theme="grey" closable closeButtonStyle={{ color: \'#969799\' }}>\n 自定义关闭按钮颜色\n </Tag>\n </div>,\n mountNode\n);'},e.createElement(f)),e.createElement(j,{html:'

API

\n

Tag

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
theme标签的预置颜色string\'grey\'\'red\'\n \n|\n \n\'green\'\n \n|\n \n\'yellow\'\n \n|\n \n\'blue\'\n \n|\n \n\'grey\'
outline边框有颜色，无底色boolfalsetrue\n \n|\n \nfalse
rounded是否有圆角booltruetrue\n \n|\n \nfalse
closable是否可以关闭boolfalsetrue\n \n|\n \nfalse
visible是否显示booltruefalse
onClose关闭时的回调funcnoop
closeButtonStyle关闭按钮样式React.CSSProperties
className自定义额外类名string
style自定义样式React.CSSProperties
\n
\n

所有参数都是可选，搭配 visible 和 onClose 可以实现关闭效果

\n
\n

LinkTag

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
className自定义额外类名string
style自定义样式React.CSSProperties
linkIconStyle自定义链接图标样式React.CSSProperties
\n

SelectTag

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
className自定义额外类名string
style自定义样式React.CSSProperties
selected选中状态booleanfalsetrue\n \n|\n \nfalse
onChange标签点击后的回调funcnoop
\n
\n

SelectTag 的选中状态是完全受控的

\n
'}))}}},59934:(n,a,s)=>{"use strict";s.d(a,{I:()=>l});var t=s(59312),p=s(24246),e=s(27378),o=s(27036),c=s(90039),l=(0,e.forwardRef)((function(n,a){var s=n.className,e=n.children,l=n.linkIconStyle,u=(0,t._T)(n,["className","children","linkIconStyle"]);return(0,p.jsxs)(c.Z,(0,t.pi)({className:"zent-link-tag "+s,ref:a,outline:!0},u,{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-link-tag-content","data-zv":"10.0.9"},{children:e}),void 0),(0,p.jsx)(o.Z,{type:"right",className:"zent-link-tag-right-icon",style:l},void 0)]}),void 0)}));l.displayName="ZentLinkTag"},98317:(n,a,s)=>{"use strict";s.d(a,{S:()=>u});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(90039),u=(0,c.forwardRef)((function(n,a){var s=n.className,e=n.children,c=n.selected,u=n.onChange,i=(0,t._T)(n,["className","children","selected","onChange"]);return(0,p.jsx)(l.Z,(0,t.pi)({className:o()("zent-select-tag",s,{"zent-select-tag-selected":c}),ref:a,onClick:function(n){null==u||u(!c)},outline:!0},i,{children:e}),void 0)}));u.displayName="ZentSelectTag"},90039:(n,a,s)=>{"use strict";s.d(a,{V:()=>i});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(27036),u={red:!0,green:!0,yellow:!0,blue:!0,grey:!0},i=(0,c.forwardRef)((function(n,a){var s=n.size,e=void 0===s?"small":s,c=n.theme,i=void 0===c?"grey":c,r=n.outline,k=n.rounded,d=void 0===k||k,g=n.closable,m=n.children,h=n.className,y=n.onClose,b=n.closeButtonStyle,f=n.visible,v=void 0===f||f,j=(0,t._T)(n,["size","theme","outline","rounded","closable","children","className","onClose","closeButtonStyle","visible"]);if(!v)return null;var T=u[i]?"-"+i:"",x=r?"-outline":"";return(0,p.jsxs)("div",(0,t.pi)({ref:a,className:o()("zent-tag","zent-tag-style"+T+x,"zent-tag-size-"+e,h,{"zent-tag-rounded":d,"zent-tag-closable":g})},j,{"data-zv":"10.0.9"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-tag-content","data-zv":"10.0.9"},{children:m}),void 0),g?(0,p.jsx)(l.Z,{type:"close",className:"zent-tag-close-btn",onClick:y,style:b},void 0):null]}),void 0)}));i.displayName="ZentTag",a.Z=i}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3536],{63536:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>z});var t=s(73450),p=s(73118),e=s(27378),o=s(57318),c=s(90039),l=s(59934),u=s(98317),i=s(23476),r=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{t(n)},children:"选中标签"})})}return(0,r.jsx)(n,{})},y=function(){return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.V,{theme:"grey",children:"灰色"}),(0,r.jsx)(c.V,{theme:"red",children:"红色"}),(0,r.jsx)(c.V,{theme:"green",children:"绿色"}),(0,r.jsx)(c.V,{theme:"yellow",children:"黄色"}),(0,r.jsx)(c.V,{theme:"blue",children:"蓝色"}),(0,r.jsx)(c.V,{theme:"grey",outline:!0,children:"灰色"}),(0,r.jsx)(c.V,{theme:"red",outline:!0,children:"红色"}),(0,r.jsx)(c.V,{theme:"green",outline:!0,children:"绿色"}),(0,r.jsx)(c.V,{theme:"yellow",outline:!0,children:"黄色"}),(0,r.jsx)(c.V,{theme:"blue",outline:!0,children:"蓝色"})]})},b=function(){return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.V,{style:{color:"#fff",borderColor:"#9370db",backgroundColor:"#9370db"},children:"#9370db"}),(0,r.jsx)(c.V,{style:{borderColor:"#9370db",color:"#9370db"},outline:!0,children:"#9370db"}),(0,r.jsx)(c.V,{style:{borderColor:"#87d068",backgroundColor:"#cfefdf",color:"#00a854"},children:"自定义色彩"}),(0,r.jsx)(c.V,{style:{borderColor:"#778899",backgroundColor:"#778899"},rounded:!1,children:"非圆角"}),(0,r.jsx)(c.V,{style:{borderColor:"#48d1cc",backgroundColor:"#48d1cc",fontSize:14},children:"大标签"})]})},f=function(){return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.V,{closable:!0,onClose:n=>{i.g.success("Close tag")},outline:!0,children:"自定义色彩"}),(0,r.jsx)(c.V,{theme:"grey",closable:!0,closeButtonStyle:{color:"#969799"},children:"自定义关闭按钮颜色"})]})};function v(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function j(n){return(0,r.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function T(n){return(0,r.jsx)(v,{tag:"style",html:n.style})}function x(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),x(n.parentNode,a);return a}class C 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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:s||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class z extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,x(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(T,{style:".zent-tag{\n\tmargin: 0 10px 5px 0;\n}\n\n.zent-tag{\n\tmargin: 0 10px 5px 0;\n}"}),e.createElement(j,{html:'

Tag 标签

\n

常用于标记对象属性、分类，通常为圆角矩形。

\n

使用指南

\n
    \n
  • 当需要对内容进行属性、维度的标记，或补充描述时使用
    • \n
  • 使用标签进行跨层级的检索
    • \n
  • 标签文本建议不超过7个字，展示标签的尺寸可根据需要配置
    • \n
\n

代码演示

'}),e.createElement(C,{title:"基础用法",id:"Demobasic",src:'import { Tag, LinkTag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag outline>标签内容</Tag>\n <LinkTag><a href="#">链接</a></LinkTag>\n </div>\n , mountNode\n);'},e.createElement(g)),e.createElement(C,{title:"标签尺寸",id:"Demosize",src:'import { Tag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag outline>小标签</Tag>\n <Tag outline size="medium">中标签</Tag>\n <Tag outline size="large">大标签</Tag>\n </div>\n , mountNode\n);'},e.createElement(m)),e.createElement(C,{title:"可选中标签",id:"Demoselecttag",src:'import { Tag, SelectTag } from \'zent\';\n\nfunction Demo() {\n const [selected, setSelected] = React.useState(true);\n\n const handleChange = (selected) => {\n setSelected(selected);\n }\n\n return (\n <div>\n <SelectTag selected={selected} onChange={handleChange}>选中标签</SelectTag>\n </div>\n );\n}\n\nReactDOM.render(<Demo />, mountNode);'},e.createElement(h)),e.createElement(j,{html:'

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),e.createElement(C,{title:"两种风格和五种预定样式：`red`，`green`，`yellow`，`blue`，`grey`",id:"Demostyle",src:'import { Tag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag theme="grey">灰色</Tag>\n <Tag theme="red">红色</Tag>\n <Tag theme="green">绿色</Tag>\n <Tag theme="yellow">黄色</Tag>\n <Tag theme="blue">蓝色</Tag>\n <Tag theme="grey" outline>\n 灰色\n </Tag>\n <Tag theme="red" outline>\n 红色\n </Tag>\n <Tag theme="green" outline>\n 绿色\n </Tag>\n <Tag theme="yellow" outline>\n 黄色\n </Tag>\n <Tag theme="blue" outline>\n 蓝色\n </Tag>\n </div>,\n mountNode\n);'},e.createElement(y)),e.createElement(C,{title:"支持自定义色彩，非圆角，标签大小",id:"Democustom",src:'import { Tag } from \'zent\';\n\nReactDOM.render(\n <div>\n <Tag\n style={{\n color: \'#fff\',\n borderColor: \'#9370db\',\n backgroundColor: \'#9370db\',\n }}\n >\n #9370db\n </Tag>\n <Tag\n style={{\n borderColor: \'#9370db\',\n color: \'#9370db\',\n }}\n outline\n >\n #9370db\n </Tag>\n <Tag\n style={{\n borderColor: \'#87d068\',\n backgroundColor: \'#cfefdf\',\n color: \'#00a854\',\n }}\n >\n 自定义色彩\n </Tag>\n <Tag\n style={{\n borderColor: \'#778899\',\n backgroundColor: \'#778899\',\n }}\n rounded={false}\n >\n 非圆角\n </Tag>\n <Tag\n style={{\n borderColor: \'#48d1cc\',\n backgroundColor: \'#48d1cc\',\n fontSize: 14,\n }}\n >\n 大标签\n </Tag>\n </div>,\n mountNode\n);'},e.createElement(b)),e.createElement(C,{title:"关闭标签，支持添加关闭事件",id:"Demoonclose",src:'import { Tag, Notify } from \'zent\';\n\nconst closeCallback = e => {\n Notify.success(\'Close tag\');\n};\n\nconst closeCallback2 = e => {\n Notify.success(\'Close tag2\');\n};\n\nReactDOM.render(\n <div>\n <Tag closable onClose={closeCallback} outline>\n 自定义色彩\n </Tag>\n <Tag theme="grey" closable closeButtonStyle={{ color: \'#969799\' }}>\n 自定义关闭按钮颜色\n </Tag>\n </div>,\n mountNode\n);'},e.createElement(f)),e.createElement(j,{html:'

API

\n

Tag

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
theme标签的预置颜色string\'grey\'\'red\'\n \n|\n \n\'green\'\n \n|\n \n\'yellow\'\n \n|\n \n\'blue\'\n \n|\n \n\'grey\'
outline边框有颜色，无底色boolfalsetrue\n \n|\n \nfalse
rounded是否有圆角booltruetrue\n \n|\n \nfalse
closable是否可以关闭boolfalsetrue\n \n|\n \nfalse
visible是否显示booltruefalse
onClose关闭时的回调funcnoop
closeButtonStyle关闭按钮样式React.CSSProperties
className自定义额外类名string
style自定义样式React.CSSProperties
\n
\n

所有参数都是可选，搭配 visible 和 onClose 可以实现关闭效果

\n
\n

LinkTag

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
className自定义额外类名string
style自定义样式React.CSSProperties
linkIconStyle自定义链接图标样式React.CSSProperties
\n

SelectTag

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
className自定义额外类名string
style自定义样式React.CSSProperties
selected选中状态booleanfalsetrue\n \n|\n \nfalse
onChange标签点击后的回调funcnoop
\n
\n

SelectTag 的选中状态是完全受控的

\n
'}))}}},59934:(n,a,s)=>{"use strict";s.d(a,{I:()=>l});var t=s(59312),p=s(24246),e=s(27378),o=s(27036),c=s(90039),l=(0,e.forwardRef)((function(n,a){var s=n.className,e=n.children,l=n.linkIconStyle,u=(0,t._T)(n,["className","children","linkIconStyle"]);return(0,p.jsxs)(c.Z,(0,t.pi)({className:"zent-link-tag "+s,ref:a,outline:!0},u,{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-link-tag-content","data-zv":"10.0.10"},{children:e}),void 0),(0,p.jsx)(o.Z,{type:"right",className:"zent-link-tag-right-icon",style:l},void 0)]}),void 0)}));l.displayName="ZentLinkTag"},98317:(n,a,s)=>{"use strict";s.d(a,{S:()=>u});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(90039),u=(0,c.forwardRef)((function(n,a){var s=n.className,e=n.children,c=n.selected,u=n.onChange,i=(0,t._T)(n,["className","children","selected","onChange"]);return(0,p.jsx)(l.Z,(0,t.pi)({className:o()("zent-select-tag",s,{"zent-select-tag-selected":c}),ref:a,onClick:function(n){null==u||u(!c)},outline:!0},i,{children:e}),void 0)}));u.displayName="ZentSelectTag"},90039:(n,a,s)=>{"use strict";s.d(a,{V:()=>i});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(27036),u={red:!0,green:!0,yellow:!0,blue:!0,grey:!0},i=(0,c.forwardRef)((function(n,a){var s=n.size,e=void 0===s?"small":s,c=n.theme,i=void 0===c?"grey":c,r=n.outline,k=n.rounded,d=void 0===k||k,g=n.closable,m=n.children,h=n.className,y=n.onClose,b=n.closeButtonStyle,f=n.visible,v=void 0===f||f,j=(0,t._T)(n,["size","theme","outline","rounded","closable","children","className","onClose","closeButtonStyle","visible"]);if(!v)return null;var T=u[i]?"-"+i:"",x=r?"-outline":"";return(0,p.jsxs)("div",(0,t.pi)({ref:a,className:o()("zent-tag","zent-tag-style"+T+x,"zent-tag-size-"+e,h,{"zent-tag-rounded":d,"zent-tag-closable":g})},j,{"data-zv":"10.0.10"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-tag-content","data-zv":"10.0.10"},{children:m}),void 0),g?(0,p.jsx)(l.Z,{type:"close",className:"zent-tag-close-btn",onClick:y,style:b},void 0):null]}),void 0)}));i.displayName="ZentTag",a.Z=i}}]); \ No newline at end of file diff --git a/3646-a0aa6b793dfdbe2c4fac.js b/3646-56cf5d8287101785bf41.js similarity index 53% rename from 3646-a0aa6b793dfdbe2c4fac.js rename to 3646-56cf5d8287101785bf41.js index b3a1d17de..c035f6bcb 100644 --- a/3646-a0aa6b793dfdbe2c4fac.js +++ b/3646-56cf5d8287101785bf41.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3646],{33646:(n,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>v});var a=s(73450),e=s(27378),o=s(57318),p=s(82049),r=s(20713),c=s(24246);function i(n,t){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),s.push.apply(s,a)}return s}function l(n){for(var t=1;tn+10));setTimeout((()=>{this.setState({list:[...t,...s]}),n&&n()}),500)}render(){var n=this.state.list;return(0,c.jsx)(p.S,{className:"infinite-scroller-demo",hasMore:!0,loadMore:this.loadMore.bind(this),children:n.map((n=>(0,c.jsx)(r.Z,{children:n},n)))})}}return(0,c.jsx)(n,{})};function d(n){return(0,c.jsx)(n.tag,l(l({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,c.jsx)(d,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,c.jsx)(d,{tag:"style",html:n.style})}function k(n,t){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(t+=n.offsetTop),k(n.parentNode,t);return t}class f extends e.Component{constructor(...n){super(...n),(0,a.Z)(this,"state",{showCode:!1}),(0,a.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,t=this.props,s=t.title,a=t.src,e=t.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(d,{tag:"code",html:a,attributes:{className:"language-jsx"}})})]})}}class v extends e.Component{componentDidMount(){var n=location.hash;if(n){var t=document.querySelector('a[href="'.concat(n,'"]'));t&&(0,o.l)(document.documentElement,0,k(t,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:".infinite-scroller-demo {\n\theight: 300px;\n}"}),e.createElement(h,{html:'

InfiniteScroller 无限滚动组件

\n

无限滚动组件

\n

使用指南

\n
    \n
  • 常用于长列表内容的懒加载
    • \n
\n

代码演示

'}),e.createElement(f,{title:"基础用法",id:"Demobasic",src:'import { InfiniteScroller, Card } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n list: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],\n };\n\n loadMore(closeLoading) {\n const { list } = this.state;\n const latestList = list.slice(list.length - 10);\n const newList = latestList.map(item => item + 10);\n\n setTimeout(() => {\n this.setState({\n list: [...list, ...newList],\n });\n closeLoading && closeLoading();\n }, 500);\n }\n\n render() {\n const { list } = this.state;\n return (\n <InfiniteScroller\n className="infinite-scroller-demo"\n hasMore\n loadMore={this.loadMore.bind(this)}\n >\n {list.map(item => (\n <Card key={item}>{item}</Card>\n ))}\n </InfiniteScroller>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(u)),e.createElement(h,{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
参数说明类型默认值备选值
hasMore是否还有更多数据待加载booleantruefalse
loadMore加载更多的回调函数，如果函数接收参数则会传入一个停止 loading 效果的回调(() => Promise<unknown>) \\| ((stopLoading?: () => void) => void)
skipLoadOnMount初始化时是否触发一次数据加载booleanfalsetrue
useWindow是否使用 \nwindow\n 作为滚动容器booleanfalsetrue
loader加载时显示的内容ReactNodeBlockLoading
threshold触发 \nloadMore\n 时距离列表末尾的距离number1
className自定义额外类名string
\n

loadMore

\n
    \n
  • 当异步加载时，期望传入的 loadMore 函数的返回值是一个 Promise 对象，用于组件控制 loading 的显示
    • \n
  • 你也可以使用 loadMore 的参数 stopLoading 手动停止 loading，此时不需要返回 Promise
    • \n
'}))}}},20713:(n,t,s)=>{"use strict";s.d(t,{Z:()=>l});var a=s(59312),e=s(24246),o=s(27378),p=s(60042),r=s.n(p),c=s(40937),i=s(31256),l=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.title,s=n.action,o=n.type,p=n.loading,l=n.style,u=n.children,d=n.className,h=n.bodyStyle,m=!(0,i.Z)(t),k=!(0,i.Z)(s);return(0,e.jsxs)("div",(0,a.pi)({className:r()("zent-card",d,{"zent-card--normal":"normal"===o,"zent-card--nested":"nested"===o}),style:l,"data-zv":"10.0.9"},{children:[(m||k)&&(0,e.jsxs)("div",(0,a.pi)({className:"zent-card-header","data-zv":"10.0.9"},{children:[m&&(0,e.jsx)("h3",(0,a.pi)({className:"zent-card-header__title","data-zv":"10.0.9"},{children:t}),void 0),k&&(0,e.jsx)("div",(0,a.pi)({className:"zent-card-header__action","data-zv":"10.0.9"},{children:s}),void 0)]}),void 0),(0,e.jsx)("div",(0,a.pi)({className:"zent-card-body",style:h,"data-zv":"10.0.9"},{children:p?(0,e.jsx)(c.Z.TextBlock,{rows:5},void 0):u}),void 0)]}),void 0)},t.defaultProps={type:"normal",style:{},bodyStyle:{},loading:!1,className:""},t}(o.Component)},82049:(n,t,s)=>{"use strict";s.d(t,{S:()=>h});var a=s(59312),e=s(24246),o=s(60042),p=s.n(o),r=s(27378),c=s(50993),i=s(86446),l=s(79352),u=s(43239),d=(0,e.jsx)(c.Z,{height:60,loading:!0,icon:"circle"},void 0),h=(0,r.forwardRef)((function(n,t){var s,o=n.hasMore,c=void 0!==o&&o,h=n.loadMore,m=n.skipLoadOnMount,k=void 0!==m&&m,f=n.useWindow,v=void 0!==f&&f,y=n.loader,g=void 0===y?d:y,w=n.threshold,b=void 0===w?1:w,z=n.className,x=n.children,j=(0,r.useState)(!1),N=j[0],T=j[1],S=(0,u.s)(),P=(0,r.useCallback)((function(){S.current&&T(!1)}),[S]),C=(0,r.useCallback)((function(){"function"==typeof h&&(T(!0),h.length>0?h(P):h().then(P,P))}),[h,P]),O=(0,r.useCallback)((function(n){N||2===n.previousPosition&&C()}),[C,N]);return(0,r.useEffect)((function(){k||C()}),[]),(0,e.jsxs)("div",(0,a.pi)({className:p()("zent-infinite-scroller",z,(s={},s["zent-infinite-scroller-y"]=!v,s)),ref:t,"data-zv":"10.0.9"},{children:[x,c&&l.Z&&(0,e.jsx)(i.h,{scrollableAncestor:v?window:void 0,onEnter:O,bottomOffset:-b},void 0),N&&g]}),void 0)}));h.displayName="InfiniteScroller",t.Z=h},50993:(n,t,s)=>{"use strict";s.d(t,{c:()=>l});var a=s(59312),e=s(24246),o=s(60042),p=s.n(o),r=s(40695),c=s(73326),i=s(72551);function l(n){var t=function(n){var t=(0,i.n)(n,"height"),s=n.children;return s||t?s&&!t?"initial":n.height:160}(n),s=n.loading,o=void 0!==s&&s,l=n.delay,u=void 0===l?0:l,d=n.className,h=n.children,m=n.icon,k=void 0===m?"circle":m,f=n.iconSize,v=n.iconText,y=n.textPosition,g=void 0===y?"bottom":y,w=n.colorPreset,b=void 0===w?"primary":w,z=!!h,x=!(0,c.Z)({loading:o,delay:u})&&o;return x||z?(0,e.jsxs)("div",(0,a.pi)({className:p()("zent-loading","zent-loading--block",d,{"zent-loading--has-children":z}),style:{height:t},"data-zv":"10.0.9"},{children:[h,x&&(0,e.jsx)(r.Z,{icon:k,size:f,text:v,textPosition:g,colorPreset:b},void 0)]}),void 0):null}t.Z=l},40695:(n,t,s)=>{"use strict";s.d(t,{Z:()=>p});var a=s(59312),e=s(24246),o=s(56975);function p(n){return(0,e.jsx)("div",(0,a.pi)({className:"zent-loading-mask","data-zv":"10.0.9"},{children:(0,e.jsx)(o.Z,(0,a.pi)({},n),void 0)}),void 0)}},40937:(n,t,s)=>{"use strict";s.d(t,{V:()=>f,Z:()=>v});var a=s(59312),e=s(24246),o=s(27378),p=s(60042),r=s.n(p),c=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.lineSpacing,o=n.animate,p=n.style,c={marginTop:s},i=r()("zent-placeholder-text-row","zent-placeholder-shape",{"zent-placeholder-shape--animate":o},t);return(0,e.jsx)("div",{className:i,style:(0,a.pi)((0,a.pi)({},c),p),"data-zv":"10.0.9"},void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),i=[[61.8,38],[30,25,44],[20,75],[33,16,20,27],[12,32,53],[45,12,42],[20,10,47,18],[14,47,37]],l=function(n){function t(t){var s,a=n.call(this,t)||this;return a.state={segments:(s=i,s[Math.floor(Math.random()*s.length)])},a}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.lineSpacing,o=n.animate,p=n.segments,c=n.style,i={marginTop:s},l=r()("zent-placeholder-text-row-dashed",t),u=r()("zent-placeholder-shape",{"zent-placeholder-shape--animate":o}),d=Array.isArray(p)?p:this.state.segments;return(0,e.jsx)("div",(0,a.pi)({className:l,style:(0,a.pi)((0,a.pi)({},i),c),"data-zv":"10.0.9"},{children:d.map((function(n,t){return(0,e.jsx)("div",(0,a.pi)({className:"zent-placeholder-text-row-dashed-segment",style:{width:n+"%",paddingLeft:0===t?0:"0.3em"},"data-zv":"10.0.9"},{children:(0,e.jsx)("div",{className:u,"data-zv":"10.0.9"},void 0)}),t)}))}),void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),u=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.style,a=n.animate,o=r()("zent-placeholder-shape",{"zent-placeholder-shape--animate":a},t);return(0,e.jsx)("div",{className:o,style:s,"data-zv":"10.0.9"},void 0)},t.defaultProps={style:{},animate:!0},t}(o.PureComponent),d=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.diameter,o=n.style,p=(0,a._T)(n,["className","diameter","style"]),c=r()("zent-placeholder-circle",t),i=(0,a.pi)({height:s,minWidth:s},o);return(0,e.jsx)(u,(0,a.pi)({className:c,style:i},p),void 0)},t.defaultProps={style:{},animate:!0,diameter:80},t}(o.PureComponent),h=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.width,o=n.height,p=n.style,c=(0,a._T)(n,["className","width","height","style"]),i=r()("zent-placeholder-rectangle",t),l=(0,a.pi)({minWidth:s,height:o},p);return(0,e.jsx)(u,(0,a.pi)({className:i,style:l},c),void 0)},t.defaultProps={style:{},animate:!0,width:80,height:80},t}(o.PureComponent),m=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.getRowStyle=function(n){var s=t.props.widths;return{width:s[n%s.length]+"%"}},t.getRows=function(){for(var n=t.props,s=n.rows,o=n.lineSpacing,p=n.animate,r=n.dashed,i=n.dashSegments,u=[],d=0;d{"use strict";function a(n){for(var t=[],s=1;sa})},31256:(n,t,s)=>{"use strict";function a(n){return null==n}s.d(t,{Z:()=>a})},86446:(n,t,s)=>{"use strict";s.d(t,{h:()=>v});var a=s(59312),e=s(24246),o=s(27378),p=s(49744),r=s(19185);function c(n){return(0,r.isElement)(n)&&"string"==typeof n.type}function i(n){return n.viewportBottom-n.viewportTop==0?3:n.viewportTop<=n.waypointTop&&n.waypointTop<=n.viewportBottom||n.viewportTop<=n.waypointBottom&&n.waypointBottom<=n.viewportBottom||n.waypointTop<=n.viewportTop&&n.viewportBottom<=n.waypointBottom?1:n.viewportBottom needs a DOM element to compute boundaries. The child you passed is neither a DOM element (e.g.
) nor does it use the innerRef prop.\n")}(n.props.children,n.refElement.current),n.scrollableAncestor=n.findScrollableAncestor(),n.scrollEventListenerUnsubscribe=(0,p.Oo)(n.scrollableAncestor,"scroll",n.handleScroll,{passive:!0}),n.resizeEventListenerUnsubscribe=(0,p.Oo)(window,"resize",n.handleScroll,{passive:!0}),n.handleScroll(null)})))},t.prototype.componentDidUpdate=function(){var n=this;l.Z&&this.scrollableAncestor&&(this.cancelOnNextTick||(this.cancelOnNextTick=(0,u.Z)((function(){n.cancelOnNextTick=null,n.handleScroll(null)}))))},t.prototype.componentWillUnmount=function(){var n,t,s;l.Z&&(null===(n=this.scrollEventListenerUnsubscribe)||void 0===n||n.call(this),null===(t=this.resizeEventListenerUnsubscribe)||void 0===t||t.call(this),null===(s=this.cancelOnNextTick)||void 0===s||s.cancel())},t.prototype.findScrollableAncestor=function(){var n=this.props,t=n.horizontal,s=n.scrollableAncestor;if(s)return s;for(var a=this.refElement.current;a.parentNode;){if((a=a.parentNode)===document.body)return window;var e=getComputedStyle(a),o=(t?e.getPropertyValue("overflow-x"):e.getPropertyValue("overflow-y"))||e.getPropertyValue("overflow");if("auto"===o||"scroll"===o)return a}return window},t.prototype.getBounds=function(){var n,t,s=this.props.horizontal,a=this.refElement.current.getBoundingClientRect(),e=a.left,o=a.top,p=a.right,r=a.bottom,c=s?e:o,i=s?p:r;if(this.scrollableAncestor===window)n=s?window.innerWidth:window.innerHeight,t=0;else{var l=this.scrollableAncestor.getBoundingClientRect();n=s?l.width:l.height,t=s?l.left:l.top}return{waypointTop:c,waypointBottom:i,viewportTop:t+this.getOffset("top",n),viewportBottom:t+n-this.getOffset("bottom",n)}},t.prototype.getOffset=function(n,t){var s,a,e=this.props.horizontal,o=n+"Offset",p="top"===n?"border"+(e?"Left":"Top")+"Width":"border"+(e?"Right":"Bottom")+"Width",r=this.props[o];if("auto"!==r)return function(n,t){var s=function(n){var t;if(t="number"==typeof n?n:parseFloat(n),!Number.isNaN(t)&&Number.isFinite(t))return t}(n);if("number"==typeof s)return s;if("string"==typeof n){var a=function(n){if("%"===n.slice(-1))return parseFloat(n.slice(0,-1))/100}(n);if("number"==typeof a)return a*t}}(r,t);if(this.scrollableAncestor===window){var c=getComputedStyle(document.documentElement),i=function(){return d(c.fontSize)};return null!==(s=h(c[p],i,i))&&void 0!==s?s:0}var l=getComputedStyle(this.scrollableAncestor);return i=function(){return d(l.fontSize)},null!==(a=h(l[p],i,(function(){return d(getComputedStyle(document.documentElement).fontSize)})))&&void 0!==a?a:0},t.prototype.render=function(){var n=this,t=this.props.children;if(!t)return(0,e.jsx)("span",{ref:this.refElement,style:{fontSize:0},className:"zent-waypoint-marker","data-zv":"10.0.9"},void 0);var s=o.Children.only(t);return c(s)||(0,r.isForwardRef)(s)?(0,o.cloneElement)(s,{ref:function(t){n.refElement.current=t;var a=s.ref;a&&("function"==typeof a?a(t):a.current=t)}}):(0,o.cloneElement)(s,{innerRef:this.refElement})},t.defaultProps={topOffset:0,bottomOffset:0,horizontal:!1,fireOnRapidScroll:!0},t}(o.PureComponent)}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3646],{33646:(n,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>v});var a=s(73450),e=s(27378),o=s(57318),p=s(82049),r=s(20713),c=s(24246);function i(n,t){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),s.push.apply(s,a)}return s}function l(n){for(var t=1;tn+10));setTimeout((()=>{this.setState({list:[...t,...s]}),n&&n()}),500)}render(){var n=this.state.list;return(0,c.jsx)(p.S,{className:"infinite-scroller-demo",hasMore:!0,loadMore:this.loadMore.bind(this),children:n.map((n=>(0,c.jsx)(r.Z,{children:n},n)))})}}return(0,c.jsx)(n,{})};function d(n){return(0,c.jsx)(n.tag,l(l({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,c.jsx)(d,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,c.jsx)(d,{tag:"style",html:n.style})}function k(n,t){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(t+=n.offsetTop),k(n.parentNode,t);return t}class f extends e.Component{constructor(...n){super(...n),(0,a.Z)(this,"state",{showCode:!1}),(0,a.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,t=this.props,s=t.title,a=t.src,e=t.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(d,{tag:"code",html:a,attributes:{className:"language-jsx"}})})]})}}class v extends e.Component{componentDidMount(){var n=location.hash;if(n){var t=document.querySelector('a[href="'.concat(n,'"]'));t&&(0,o.l)(document.documentElement,0,k(t,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:".infinite-scroller-demo {\n\theight: 300px;\n}"}),e.createElement(h,{html:'

InfiniteScroller 无限滚动组件

\n

无限滚动组件

\n

使用指南

\n
    \n
  • 常用于长列表内容的懒加载
    • \n
\n

代码演示

'}),e.createElement(f,{title:"基础用法",id:"Demobasic",src:'import { InfiniteScroller, Card } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n list: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],\n };\n\n loadMore(closeLoading) {\n const { list } = this.state;\n const latestList = list.slice(list.length - 10);\n const newList = latestList.map(item => item + 10);\n\n setTimeout(() => {\n this.setState({\n list: [...list, ...newList],\n });\n closeLoading && closeLoading();\n }, 500);\n }\n\n render() {\n const { list } = this.state;\n return (\n <InfiniteScroller\n className="infinite-scroller-demo"\n hasMore\n loadMore={this.loadMore.bind(this)}\n >\n {list.map(item => (\n <Card key={item}>{item}</Card>\n ))}\n </InfiniteScroller>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(u)),e.createElement(h,{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
参数说明类型默认值备选值
hasMore是否还有更多数据待加载booleantruefalse
loadMore加载更多的回调函数，如果函数接收参数则会传入一个停止 loading 效果的回调(() => Promise<unknown>) \\| ((stopLoading?: () => void) => void)
skipLoadOnMount初始化时是否触发一次数据加载booleanfalsetrue
useWindow是否使用 \nwindow\n 作为滚动容器booleanfalsetrue
loader加载时显示的内容ReactNodeBlockLoading
threshold触发 \nloadMore\n 时距离列表末尾的距离number1
className自定义额外类名string
\n

loadMore

\n
    \n
  • 当异步加载时，期望传入的 loadMore 函数的返回值是一个 Promise 对象，用于组件控制 loading 的显示
    • \n
  • 你也可以使用 loadMore 的参数 stopLoading 手动停止 loading，此时不需要返回 Promise
    • \n
'}))}}},20713:(n,t,s)=>{"use strict";s.d(t,{Z:()=>l});var a=s(59312),e=s(24246),o=s(27378),p=s(60042),r=s.n(p),c=s(40937),i=s(31256),l=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.title,s=n.action,o=n.type,p=n.loading,l=n.style,u=n.children,d=n.className,h=n.bodyStyle,m=!(0,i.Z)(t),k=!(0,i.Z)(s);return(0,e.jsxs)("div",(0,a.pi)({className:r()("zent-card",d,{"zent-card--normal":"normal"===o,"zent-card--nested":"nested"===o}),style:l,"data-zv":"10.0.10"},{children:[(m||k)&&(0,e.jsxs)("div",(0,a.pi)({className:"zent-card-header","data-zv":"10.0.10"},{children:[m&&(0,e.jsx)("h3",(0,a.pi)({className:"zent-card-header__title","data-zv":"10.0.10"},{children:t}),void 0),k&&(0,e.jsx)("div",(0,a.pi)({className:"zent-card-header__action","data-zv":"10.0.10"},{children:s}),void 0)]}),void 0),(0,e.jsx)("div",(0,a.pi)({className:"zent-card-body",style:h,"data-zv":"10.0.10"},{children:p?(0,e.jsx)(c.Z.TextBlock,{rows:5},void 0):u}),void 0)]}),void 0)},t.defaultProps={type:"normal",style:{},bodyStyle:{},loading:!1,className:""},t}(o.Component)},82049:(n,t,s)=>{"use strict";s.d(t,{S:()=>h});var a=s(59312),e=s(24246),o=s(60042),p=s.n(o),r=s(27378),c=s(50993),i=s(86446),l=s(79352),u=s(43239),d=(0,e.jsx)(c.Z,{height:60,loading:!0,icon:"circle"},void 0),h=(0,r.forwardRef)((function(n,t){var s,o=n.hasMore,c=void 0!==o&&o,h=n.loadMore,m=n.skipLoadOnMount,k=void 0!==m&&m,f=n.useWindow,v=void 0!==f&&f,y=n.loader,g=void 0===y?d:y,w=n.threshold,b=void 0===w?1:w,z=n.className,x=n.children,j=(0,r.useState)(!1),N=j[0],T=j[1],S=(0,u.s)(),P=(0,r.useCallback)((function(){S.current&&T(!1)}),[S]),C=(0,r.useCallback)((function(){"function"==typeof h&&(T(!0),h.length>0?h(P):h().then(P,P))}),[h,P]),O=(0,r.useCallback)((function(n){N||2===n.previousPosition&&C()}),[C,N]);return(0,r.useEffect)((function(){k||C()}),[]),(0,e.jsxs)("div",(0,a.pi)({className:p()("zent-infinite-scroller",z,(s={},s["zent-infinite-scroller-y"]=!v,s)),ref:t,"data-zv":"10.0.10"},{children:[x,c&&l.Z&&(0,e.jsx)(i.h,{scrollableAncestor:v?window:void 0,onEnter:O,bottomOffset:-b},void 0),N&&g]}),void 0)}));h.displayName="InfiniteScroller",t.Z=h},50993:(n,t,s)=>{"use strict";s.d(t,{c:()=>l});var a=s(59312),e=s(24246),o=s(60042),p=s.n(o),r=s(40695),c=s(73326),i=s(72551);function l(n){var t=function(n){var t=(0,i.n)(n,"height"),s=n.children;return s||t?s&&!t?"initial":n.height:160}(n),s=n.loading,o=void 0!==s&&s,l=n.delay,u=void 0===l?0:l,d=n.className,h=n.children,m=n.icon,k=void 0===m?"circle":m,f=n.iconSize,v=n.iconText,y=n.textPosition,g=void 0===y?"bottom":y,w=n.colorPreset,b=void 0===w?"primary":w,z=!!h,x=!(0,c.Z)({loading:o,delay:u})&&o;return x||z?(0,e.jsxs)("div",(0,a.pi)({className:p()("zent-loading","zent-loading--block",d,{"zent-loading--has-children":z}),style:{height:t},"data-zv":"10.0.10"},{children:[h,x&&(0,e.jsx)(r.Z,{icon:k,size:f,text:v,textPosition:g,colorPreset:b},void 0)]}),void 0):null}t.Z=l},40695:(n,t,s)=>{"use strict";s.d(t,{Z:()=>p});var a=s(59312),e=s(24246),o=s(56975);function p(n){return(0,e.jsx)("div",(0,a.pi)({className:"zent-loading-mask","data-zv":"10.0.10"},{children:(0,e.jsx)(o.Z,(0,a.pi)({},n),void 0)}),void 0)}},40937:(n,t,s)=>{"use strict";s.d(t,{V:()=>f,Z:()=>v});var a=s(59312),e=s(24246),o=s(27378),p=s(60042),r=s.n(p),c=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.lineSpacing,o=n.animate,p=n.style,c={marginTop:s},i=r()("zent-placeholder-text-row","zent-placeholder-shape",{"zent-placeholder-shape--animate":o},t);return(0,e.jsx)("div",{className:i,style:(0,a.pi)((0,a.pi)({},c),p),"data-zv":"10.0.10"},void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),i=[[61.8,38],[30,25,44],[20,75],[33,16,20,27],[12,32,53],[45,12,42],[20,10,47,18],[14,47,37]],l=function(n){function t(t){var s,a=n.call(this,t)||this;return a.state={segments:(s=i,s[Math.floor(Math.random()*s.length)])},a}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.lineSpacing,o=n.animate,p=n.segments,c=n.style,i={marginTop:s},l=r()("zent-placeholder-text-row-dashed",t),u=r()("zent-placeholder-shape",{"zent-placeholder-shape--animate":o}),d=Array.isArray(p)?p:this.state.segments;return(0,e.jsx)("div",(0,a.pi)({className:l,style:(0,a.pi)((0,a.pi)({},i),c),"data-zv":"10.0.10"},{children:d.map((function(n,t){return(0,e.jsx)("div",(0,a.pi)({className:"zent-placeholder-text-row-dashed-segment",style:{width:n+"%",paddingLeft:0===t?0:"0.3em"},"data-zv":"10.0.10"},{children:(0,e.jsx)("div",{className:u,"data-zv":"10.0.10"},void 0)}),t)}))}),void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),u=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.style,a=n.animate,o=r()("zent-placeholder-shape",{"zent-placeholder-shape--animate":a},t);return(0,e.jsx)("div",{className:o,style:s,"data-zv":"10.0.10"},void 0)},t.defaultProps={style:{},animate:!0},t}(o.PureComponent),d=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.diameter,o=n.style,p=(0,a._T)(n,["className","diameter","style"]),c=r()("zent-placeholder-circle",t),i=(0,a.pi)({height:s,minWidth:s},o);return(0,e.jsx)(u,(0,a.pi)({className:c,style:i},p),void 0)},t.defaultProps={style:{},animate:!0,diameter:80},t}(o.PureComponent),h=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.width,o=n.height,p=n.style,c=(0,a._T)(n,["className","width","height","style"]),i=r()("zent-placeholder-rectangle",t),l=(0,a.pi)({minWidth:s,height:o},p);return(0,e.jsx)(u,(0,a.pi)({className:i,style:l},c),void 0)},t.defaultProps={style:{},animate:!0,width:80,height:80},t}(o.PureComponent),m=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.getRowStyle=function(n){var s=t.props.widths;return{width:s[n%s.length]+"%"}},t.getRows=function(){for(var n=t.props,s=n.rows,o=n.lineSpacing,p=n.animate,r=n.dashed,i=n.dashSegments,u=[],d=0;d{"use strict";function a(n){for(var t=[],s=1;sa})},31256:(n,t,s)=>{"use strict";function a(n){return null==n}s.d(t,{Z:()=>a})},86446:(n,t,s)=>{"use strict";s.d(t,{h:()=>v});var a=s(59312),e=s(24246),o=s(27378),p=s(49744),r=s(19185);function c(n){return(0,r.isElement)(n)&&"string"==typeof n.type}function i(n){return n.viewportBottom-n.viewportTop==0?3:n.viewportTop<=n.waypointTop&&n.waypointTop<=n.viewportBottom||n.viewportTop<=n.waypointBottom&&n.waypointBottom<=n.viewportBottom||n.waypointTop<=n.viewportTop&&n.viewportBottom<=n.waypointBottom?1:n.viewportBottom needs a DOM element to compute boundaries. The child you passed is neither a DOM element (e.g.
) nor does it use the innerRef prop.\n")}(n.props.children,n.refElement.current),n.scrollableAncestor=n.findScrollableAncestor(),n.scrollEventListenerUnsubscribe=(0,p.Oo)(n.scrollableAncestor,"scroll",n.handleScroll,{passive:!0}),n.resizeEventListenerUnsubscribe=(0,p.Oo)(window,"resize",n.handleScroll,{passive:!0}),n.handleScroll(null)})))},t.prototype.componentDidUpdate=function(){var n=this;l.Z&&this.scrollableAncestor&&(this.cancelOnNextTick||(this.cancelOnNextTick=(0,u.Z)((function(){n.cancelOnNextTick=null,n.handleScroll(null)}))))},t.prototype.componentWillUnmount=function(){var n,t,s;l.Z&&(null===(n=this.scrollEventListenerUnsubscribe)||void 0===n||n.call(this),null===(t=this.resizeEventListenerUnsubscribe)||void 0===t||t.call(this),null===(s=this.cancelOnNextTick)||void 0===s||s.cancel())},t.prototype.findScrollableAncestor=function(){var n=this.props,t=n.horizontal,s=n.scrollableAncestor;if(s)return s;for(var a=this.refElement.current;a.parentNode;){if((a=a.parentNode)===document.body)return window;var e=getComputedStyle(a),o=(t?e.getPropertyValue("overflow-x"):e.getPropertyValue("overflow-y"))||e.getPropertyValue("overflow");if("auto"===o||"scroll"===o)return a}return window},t.prototype.getBounds=function(){var n,t,s=this.props.horizontal,a=this.refElement.current.getBoundingClientRect(),e=a.left,o=a.top,p=a.right,r=a.bottom,c=s?e:o,i=s?p:r;if(this.scrollableAncestor===window)n=s?window.innerWidth:window.innerHeight,t=0;else{var l=this.scrollableAncestor.getBoundingClientRect();n=s?l.width:l.height,t=s?l.left:l.top}return{waypointTop:c,waypointBottom:i,viewportTop:t+this.getOffset("top",n),viewportBottom:t+n-this.getOffset("bottom",n)}},t.prototype.getOffset=function(n,t){var s,a,e=this.props.horizontal,o=n+"Offset",p="top"===n?"border"+(e?"Left":"Top")+"Width":"border"+(e?"Right":"Bottom")+"Width",r=this.props[o];if("auto"!==r)return function(n,t){var s=function(n){var t;if(t="number"==typeof n?n:parseFloat(n),!Number.isNaN(t)&&Number.isFinite(t))return t}(n);if("number"==typeof s)return s;if("string"==typeof n){var a=function(n){if("%"===n.slice(-1))return parseFloat(n.slice(0,-1))/100}(n);if("number"==typeof a)return a*t}}(r,t);if(this.scrollableAncestor===window){var c=getComputedStyle(document.documentElement),i=function(){return d(c.fontSize)};return null!==(s=h(c[p],i,i))&&void 0!==s?s:0}var l=getComputedStyle(this.scrollableAncestor);return i=function(){return d(l.fontSize)},null!==(a=h(l[p],i,(function(){return d(getComputedStyle(document.documentElement).fontSize)})))&&void 0!==a?a:0},t.prototype.render=function(){var n=this,t=this.props.children;if(!t)return(0,e.jsx)("span",{ref:this.refElement,style:{fontSize:0},className:"zent-waypoint-marker","data-zv":"10.0.10"},void 0);var s=o.Children.only(t);return c(s)||(0,r.isForwardRef)(s)?(0,o.cloneElement)(s,{ref:function(t){n.refElement.current=t;var a=s.ref;a&&("function"==typeof a?a(t):a.current=t)}}):(0,o.cloneElement)(s,{innerRef:this.refElement})},t.defaultProps={topOffset:0,bottomOffset:0,horizontal:!1,fireOnRapidScroll:!0},t}(o.PureComponent)}}]); \ No newline at end of file diff --git a/3653-a31261a55aaa73711d1f.js b/3653-f15d278a6a92923658ec.js similarity index 95% rename from 3653-a31261a55aaa73711d1f.js rename to 3653-f15d278a6a92923658ec.js index 2db46aa31..553368cb3 100644 --- a/3653-a31261a55aaa73711d1f.js +++ b/3653-f15d278a6a92923658ec.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3653],{4792:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>T});var t=s(73450),p=s(73118),e=s(27378),o=s(57318),c=s(56377),l=s(69916),r=s(71457),u=s(39215),i=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{var a=(0,e.useState)(!1),s=(0,p.Z)(a,2),t=s[0],o=s[1];return(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"zent-demo-tree-basic-switch-wrapper",children:["Auto Expand On Select:",(0,i.jsx)(c.r,{checked:t,onChange:n=>o(n)})]}),(0,i.jsx)(l.m,{data:n,autoExpandOnSelect:t})]})};return(0,i.jsx)(a,{})},m=function(){return(0,i.jsx)(l.m,{dataType:"plain",data:[{id:1,title:"Hangzhou Youzan Technology Co. Ltd"},{id:2,title:"Engineer",parentId:1},{id:3,title:"Back End Engineer",parentId:2},{id:4,title:"Front End Engineer",parentId:2},{id:5,title:"Operations Engineer",parentId:2},{id:6,title:"Product",parentId:1}]})},h=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"}]}];class a extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedKeys:[3,5,22],disabledCheckedKeys:[4,7,9,22]}),(0,t.Z)(this,"onCheck",((n,a)=>{this.setState({checkedKeys:n})}))}render(){var a=this.state,s=a.checkedKeys,t=a.disabledCheckedKeys;return(0,i.jsx)("div",{children:(0,i.jsx)(l.m,{checkable:!0,size:"small",data:n,onCheck:this.onCheck,checkedKeys:s,disabledCheckedKeys:t})})}}return(0,i.jsx)(a,{})},g=function(){var n=(n,a)=>{n.level<4?setTimeout((()=>{for(var s=[],t=Number(n.title.split("-")[0]),p=Math.pow(10,3-n.level),e=n.level+1,o=0,c="",l=!1;o<=9;o++)4===e?(c=String(t+o),l=!0):(c="".concat(t+p*o,"-").concat(t+p*(o+1)),l=!1),s.push({id:c,level:e,title:c,isLeaf:l});a(s)}),200):setTimeout((()=>a([])),200)};class a extends e.Component{constructor(...a){super(...a),(0,t.Z)(this,"state",{treeData:[]}),(0,t.Z)(this,"loadMore",(a=>new Promise(((s,t)=>{n(a,(n=>{var t=n.map((n=>d(d({},n),{},{parentId:a.id})));this.setState({treeData:[...this.state.treeData,...t]}),s()}))}))))}componentDidMount(){var a={id:"1-0-10000",title:"0-10000",level:0,expand:!0};n(a,(n=>{var s=n.map((n=>d(d({},n),{},{parentId:a.id})));this.setState({treeData:[a,...s]})}))}render(){var n=this.state.treeData;return(0,i.jsx)(l.m,{dataType:"plain",data:n,loadMore:this.loadMore})}}return(0,i.jsx)(a,{})},b=function(){var n=[2],a=[{id:1,title:"Hangzhou Youzan Technology Co. Ltd",children:[{id:2,title:"Engineer",children:[{id:3,title:"Back End Engineer"},{id:4,title:"Front End Engineer"},{id:5,title:"Operations Engineer"}]},{id:6,title:"Product"}]}];return(0,i.jsxs)("div",{className:"zent-demo-tree-disable-select-wrapper",children:[(0,i.jsx)(l.m,{data:a,disabledSelectedKeys:n}),(0,i.jsx)(l.m,{data:a,disabledSelectedKeys:n,disableSelectedStrictly:!0})]})},f=function(){return(0,i.jsx)(l.m,{dataType:"plain",data:[{id:1,title:"Hangzhou Youzan Technology Co. Ltd"},{id:2,title:"Engineer",parentId:1},{id:3,title:"Back End Engineer",parentId:2},{id:4,title:"Front End Engineer",parentId:2},{id:5,title:"Operations Engineer",parentId:2},{id:6,title:"Product",parentId:1}]})},v=function(){var n=[{id:1,title:"Hangzhou Youzan Technology Co. Ltd",children:[{id:2,title:"Engineer",children:[{id:3,title:"Back End Engineer"},{id:4,title:"Front End Engineer"},{id:5,title:"Operations Engineer"}]},{id:6,title:"Product"}]}];return(0,i.jsxs)("div",{className:"zent-demo-tree-wrapper",children:[(0,i.jsx)(l.m,{data:n,size:"small"}),(0,i.jsx)(l.m,{data:n}),(0,i.jsx)(l.m,{data:n,size:"large"})]})},w=function(){var n=[{id:1,title:"Hangzhou Youzan Technology Co. Ltd",content:"great company",children:[{id:2,title:"Engineer",content:"job http://job.youzan.com",children:[{id:3,title:"Back End Engineer"},{id:4,title:"Front End Engineer"},{id:5,title:"Operations Engineer"}]},{id:6,title:"Product",content:(0,i.jsx)("a",{href:"http://job.youzan.com",children:"'send resume to joinus@youzan.com'"})}]}];return(0,i.jsx)(l.m,{data:n,render:n=>(0,i.jsxs)("span",{style:{fontSize:16,margin:0,lineHeight:1},children:[n.title,n.content?(0,i.jsx)("small",{style:{display:"block",fontSize:10},children:n.content}):""]})})},E=function(){var n=r.Y.Group,a=[{id:1,title:"Hangzhou Youzan Technology Co. Ltd"},{id:2,title:"Engineer",parentId:1},{id:3,title:"Back End Engineer",parentId:2},{id:4,title:"Front End Engineer",parentId:2},{id:5,title:"Operations Engineer",parentId:2},{id:6,title:"Product",parentId:1}],s=(n,a=0,t=[])=>{var p={id:String(Math.random()).replace("0.",""),parentId:a,title:n.title};t.push(p);for(var e=0,o=n.children&&n.children.length||0;e{this.setState({treeData:this.state.treeData.filter((a=>a.id!==n.id))})})),(0,t.Z)(this,"onClone",(n=>{var a=this.state.copyType;if("shallow"===a){var t=Object.assign({},n,{id:Date.now()});this.setState({treeData:[...this.state.treeData,t]})}else if("deep"===a){var p=s(n,n.parentId);this.setState({treeData:[...this.state.treeData,...p]})}})),(0,t.Z)(this,"onCopyTypeChange",(n=>this.setState({copyType:n.target.value})))}render(){var a=this.state,s=a.copyType,t=a.treeData,p=[{name:"Delete",icon:(0,i.jsx)(u.J,{type:"close"}),action:this.onDelete},{name:"Clone",icon:(0,i.jsx)(u.J,{type:"plus"}),action:this.onClone}];return(0,i.jsxs)("div",{children:[(0,i.jsxs)(n,{onChange:this.onCopyTypeChange,value:s,children:[(0,i.jsx)(r.Y,{value:"shallow",children:"浅拷贝"}),(0,i.jsx)(r.Y,{value:"deep",children:"深拷贝"})]}),(0,i.jsx)("hr",{}),(0,i.jsx)(l.m,{data:t,dataType:"plain",operations:p})]})}}return(0,i.jsx)(p,{})};function x(n){return(0,i.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function j(n){return(0,i.jsx)(x,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function z(n){return(0,i.jsx)(x,{tag:"style",html:n.style})}function D(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),D(n.parentNode,a);return a}class C 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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:s||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(x,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class T extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,D(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(z,{style:".zent-demo-tree-basic-switch-wrapper {\n\t\tmargin-bottom: 16px;\n\t\tdisplay: flex;\n\t}\n\t.zent-demo-tree-basic-switch-wrapper .zent-switch {\n\t\tmargin-left: 12px;\n\t}\n\n.zent-demo-tree-disable-select-wrapper {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t}\n\t.zent-demo-tree-disable-select-wrapper > ul {\n\t\twidth: 45%;\n\t}\n\n.zent-demo-tree-wrapper > .zent-tree {\n\t\tmargin-bottom: 16px;\n\t}"}),e.createElement(j,{html:'

Tree

\n

Visually display multilevel content, supporting expansion and collapse.

\n

Suggestion

\n
    \n
  • Use the Tree component when hierarchical information needs to be displayed in a window.
    • \n
\n

Note

\n
    \n
  • Do not use Tree when non-hierarchical or hierarchical information does not need to be displayed in a window.
    • \n
\n

Demos

'}),e.createElement(C,{title:"Basic Usage",id:"Demobasic",src:'import { Tree, Switch } from \'zent\';\nimport { useState } from \'react\';\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 },\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 Demo = () => {\n const [autoExpandOnSelect, setAutoExpandOnSelect] = useState(false);\n\n return (\n <div>\n <div className="zent-demo-tree-basic-switch-wrapper">\n Auto Expand On Select:\n <Switch\n checked={autoExpandOnSelect}\n onChange={checked => setAutoExpandOnSelect(checked)}\n />\n </div>\n <Tree data={treeData} autoExpandOnSelect={autoExpandOnSelect} />\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},e.createElement(y)),e.createElement(C,{title:"Array data",id:"Demoarraydata",src:'import { Tree } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'Hangzhou Youzan Technology Co. Ltd\',\n },\n {\n id: 2,\n title: \'Engineer\',\n parentId: 1,\n },\n {\n id: 3,\n title: \'Back End Engineer\',\n parentId: 2,\n },\n {\n id: 4,\n title: \'Front End Engineer\',\n parentId: 2,\n },\n {\n id: 5,\n title: \'Operations Engineer\',\n parentId: 2,\n },\n {\n id: 6,\n title: \'Product\',\n parentId: 1,\n },\n];\n\nReactDOM.render(<Tree dataType="plain" data={treeData} />, mountNode);'},e.createElement(m)),e.createElement(C,{title:"Optional Tree",id:"Demooption",src:'import { 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\nclass TreeExample extends React.Component {\n state = {\n checkedKeys: [3, 5, 22],\n disabledCheckedKeys: [4, 7, 9, 22],\n };\n\n onCheck = (checked, helpInfo) => {\n console.log(checked, helpInfo);\n this.setState({\n checkedKeys: checked,\n });\n };\n\n render() {\n const { checkedKeys, disabledCheckedKeys } = this.state;\n\n return (\n <div>\n <Tree\n checkable\n size="small"\n data={treeData}\n onCheck={this.onCheck}\n checkedKeys={checkedKeys}\n disabledCheckedKeys={disabledCheckedKeys}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<TreeExample />, mountNode);'},e.createElement(h)),e.createElement(C,{title:"Async Loading",id:"Demoasync",src:'import { Tree } from \'zent\';\n\nconst fetchData = (data, callback) => {\n if (data.level < 4) {\n setTimeout(() => {\n const resData = [];\n const base = Number(data.title.split(\'-\')[0]);\n const step = Math.pow(10, 3 - data.level);\n const level = data.level + 1;\n for (let i = 0, id = \'\', isLeaf = false; i <= 9; i++) {\n if (level === 4) {\n id = String(base + i);\n isLeaf = true;\n } else {\n id = `${base + step * i}-${base + step * (i + 1)}`;\n isLeaf = false;\n }\n resData.push({ id, level, title: id, isLeaf });\n }\n callback(resData);\n }, 200);\n } else {\n setTimeout(() => callback([]), 200);\n }\n};\n\nclass TreeExample extends React.Component {\n state = {\n treeData: [],\n };\n\n componentDidMount() {\n const rootData = {\n id: \'1-0-10000\',\n title: \'0-10000\',\n level: 0,\n expand: true,\n };\n fetchData(rootData, resData => {\n const newData = resData.map(item => ({\n ...item,\n parentId: rootData.id,\n }));\n this.setState({\n treeData: [rootData, ...newData],\n });\n });\n }\n\n loadMore = data =>\n new Promise((resolve, reject) => {\n fetchData(data, resData => {\n const newData = resData.map(item => ({\n ...item,\n parentId: data.id,\n }));\n this.setState({ treeData: [...this.state.treeData, ...newData] });\n resolve();\n });\n });\n\n render() {\n const { treeData } = this.state;\n return <Tree dataType="plain" data={treeData} loadMore={this.loadMore} />;\n }\n}\n\nReactDOM.render(<TreeExample />, mountNode);'},e.createElement(g)),e.createElement(C,{title:"Disable select",id:"Demodisableselect",src:'import { Tree } from \'zent\';\n\nconst disabledSelectedKeys = [2];\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 },\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\nReactDOM.render(\n <div className="zent-demo-tree-disable-select-wrapper">\n <Tree data={treeData} disabledSelectedKeys={disabledSelectedKeys} />\n <Tree\n data={treeData}\n disabledSelectedKeys={disabledSelectedKeys}\n disableSelectedStrictly={true}\n />\n </div>,\n mountNode\n);'},e.createElement(b)),e.createElement(j,{html:'

API

\n

Tree

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternative
dataTypedata structure, default is treestring\'tree\'\'plain\'
datarequired, input data, identified by dataTypearray
renderKeythe key map for render node, see the following tableobject
renderyou can customize function to render tree , the parameter is node data (includings children tree)func(data)
operationscustom operate, includes \nname\n, \nicon\n, \naction\n, \nshouldRender\n attributesarray\n[\nobject\n]
foldablewhether to support item show and hidebooltrue
onCheckwhen you click checkbox, callback function will call, params is a checked id list and help infofunc(ids, helpInfo)
checkablewhether to support checkboxbooltrue
checkedKeyschecked node id arrayarray
disabledCheckedKeysdefault disabled selected node id arrayarray
sizesizestring\'medium\'\'small\'\n, \n\'large\'
commonStyleset entire tree styleobject
expandAllwhether to expand all nodesboolfalse
onExpandafter node expands, callback is triggerfunc(data, config)
autoExpandOnSelectnode auto expands when you select itboolfalse
onSelectthe callback when you choose tree nodefunc(data, target)
isRootplain data, to determine whether the node is the api of the root nodefunc(node)
loadMorereturn Promise func, support thenable callback, be used to asynchronously load more contentfunc(data)
selectablewhether the node is selectablebooltrue
selectedKeyThe currently selected nodestring\n|\nnumber
disabledSelectedKeysA collection of forbidden nodes id(string | number)[]
disableSelectedStrictlyWhether the parent is prohibited from selecting its children at the same timebooleanfalsetrue
onlyShowOneLineTitle Whether only show one linebooleanfalsetrue
\n

renderKey

\n

The Key for customized for data.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
idkey for unique keystring\'id\'
titlekey for show titlestring\'title\'
childrenkey for children tree (\ndataType="tree"\n it works)string\'children\'
parentIdkey for parent Id (\ndataType="plain"\n it works)string\'parentId\'
\n

data

\n

Except for key-value below, you can add attributes on any node, the callback will get entire data that user input.\nYou can customize key through renderKey.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
idrequired, unique keynumber/string
titlerequired, show titlestring
childrenchildren tree (\ndataType="tree"\n it works)array\n[\nobject\n]
parentIdparent Id (\ndataType="plain"\n it works), root node is 0 or undefinednumber/string
expandwhether to expand or notboolfalse
isLeafwhether is leaf node or notboolfalse
\n

operations

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
namerequired, show contentstring
icondisplay icon className, or ReactNodestring/ReactNode
actionrequired, click callback, the parameter is children treefunc(data)
shouldRenderis it need to update, return true/falsefunc(data)true
\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),e.createElement(C,{title:"Array data",id:"Demodisableddata",src:'import { Tree } from \'zent\';\n\nconst treeData = [{\n id: 1,\n title: \'Hangzhou Youzan Technology Co. Ltd\',\n}, {\n id: 2,\n title: \'Engineer\',\n parentId: 1\n}, {\n id: 3,\n title: \'Back End Engineer\',\n parentId: 2\n}, {\n id: 4,\n title: \'Front End Engineer\',\n parentId: 2\n}, {\n id: 5,\n title: \'Operations Engineer\',\n parentId: 2\n}, {\n id: 6,\n title: \'Product\',\n parentId: 1\n}];\n\nReactDOM.render(\n <Tree dataType="plain" data={treeData} />\n , mountNode\n)'},e.createElement(f)),e.createElement(C,{title:"Three Size",id:"Demosize",src:'import { 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 },\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\nReactDOM.render(\n <div className="zent-demo-tree-wrapper">\n <Tree data={treeData} size="small" />\n <Tree data={treeData} />\n <Tree data={treeData} size="large" />\n </div>,\n mountNode\n);'},e.createElement(v)),e.createElement(C,{title:"Custom Node Display",id:"Democustomnode",src:'import { Tree } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'Hangzhou Youzan Technology Co. Ltd\',\n content: \'great company\',\n children: [\n {\n id: 2,\n title: \'Engineer\',\n content: \'job http://job.youzan.com\',\n children: [\n {\n id: 3,\n title: \'Back End Engineer\',\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 content: <a href="http://job.youzan.com">\'send resume to joinus@youzan.com\'</a>,\n },\n ],\n },\n];\n\nconst customRender = data => (\n <span style={{ fontSize: 16, margin: 0, lineHeight: 1 }}>\n {data.title}\n {data.content ? (\n <small style={{ display: \'block\', fontSize: 10 }}>{data.content}</small>\n ) : (\n \'\'\n )}\n </span>\n);\n\nReactDOM.render(<Tree data={treeData} render={customRender} />, mountNode);'},e.createElement(w)),e.createElement(C,{title:"Custom Operate",id:"Democustomoperate",src:'import { Tree, Icon, Radio } from \'zent\';\n\nconst RadioGroup = Radio.Group;\nconst originData = [\n {\n id: 1,\n title: \'Hangzhou Youzan Technology Co. Ltd\',\n },\n {\n id: 2,\n title: \'Engineer\',\n parentId: 1,\n },\n {\n id: 3,\n title: \'Back End Engineer\',\n parentId: 2,\n },\n {\n id: 4,\n title: \'Front End Engineer\',\n parentId: 2,\n },\n {\n id: 5,\n title: \'Operations Engineer\',\n parentId: 2,\n },\n {\n id: 6,\n title: \'Product\',\n parentId: 1,\n },\n];\n\nconst deepClone = (node, parentId = 0, nodeArray = []) => {\n const copyNode = {\n id: String(Math.random()).replace(\'0.\', \'\'),\n parentId,\n title: node.title,\n };\n nodeArray.push(copyNode);\n\n for (\n let i = 0, l = (node.children && node.children.length) || 0;\n i < l;\n i++\n ) {\n deepClone(node.children[i], copyNode.id, nodeArray);\n }\n return nodeArray;\n};\n\nclass TreeExample extends React.Component {\n state = {\n treeData: originData,\n copyType: \'shallow\',\n };\n\n onDelete = data => {\n this.setState({\n treeData: this.state.treeData.filter(item => item.id !== data.id),\n });\n };\n\n onClone = data => {\n const { copyType } = this.state;\n\n if (copyType === \'shallow\') {\n const node = Object.assign({}, data, { id: Date.now() });\n this.setState({\n treeData: [...this.state.treeData, node],\n });\n } else if (copyType === \'deep\') {\n const nodeArray = deepClone(data, data.parentId);\n this.setState({\n treeData: [...this.state.treeData, ...nodeArray],\n });\n }\n };\n\n onCopyTypeChange = e => this.setState({ copyType: e.target.value });\n\n render() {\n const { copyType, treeData } = this.state;\n const operations = [\n {\n name: \'Delete\',\n icon: <Icon type="close" />,\n action: this.onDelete,\n },\n {\n name: \'Clone\',\n icon: <Icon type="plus" />,\n action: this.onClone,\n },\n ];\n\n return (\n <div>\n <RadioGroup onChange={this.onCopyTypeChange} value={copyType}>\n <Radio value="shallow">浅拷贝</Radio>\n <Radio value="deep">深拷贝</Radio>\n </RadioGroup>\n <hr />\n <Tree data={treeData} dataType="plain" operations={operations} />\n </div>\n );\n }\n}\n\nReactDOM.render(<TreeExample />, mountNode);'},e.createElement(E)))}}},33938:(n,a,s)=>{"use strict";s.d(a,{X:()=>k});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(1535),r=s(23130),u=s(1348),i=s(4008);function k(n){var a=(0,c.useContext)(u.d),s=(0,c.useContext)(r.Z),e=(0,c.useRef)(n);e.current=n;var i,k=s&&s.onChange,d=(0,c.useCallback)((function(n){var a=e.current,s=a.value,p=a.onChange;if(k)k(s);else if(p){var o=Object.create(n);o.target=(0,t.pi)((0,t.pi)({},e.current),{type:"checkbox",checked:n.target.checked}),p(o)}}),[k]),y=(n.checked,n.className),m=n.style,h=(n.disabled,n.readOnly,n.children),g=n.indeterminate,b=n.width,f=(n.value,n.labelStyle),v=n.onMouseEnter,w=n.onMouseLeave,E=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),x=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(s,n),j=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a?a.disabled:n.value}(a,s,n);if(s){var z=s.value,D=s.isValueEqual;i=-1!==z.findIndex((function(a){return D(a,n.value)}))}else i=!!n.checked;return(0,p.jsxs)("label",(0,t.pi)({className:o()("zent-checkbox-wrap",y,{"zent-checkbox-checked":!!i,"zent-checkbox-disabled":j||x,"zent-checkbox-indeterminate":g}),style:(0,t.pi)((0,t.pi)({},m),(0,l.Z)(b)),onMouseEnter:v,onMouseLeave:w,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},E,{type:"checkbox",checked:i&&!g,disabled:j,readOnly:x,onChange:d,"data-zv":"10.0.9"}),void 0)]}),void 0),null!=h&&!0!==h&&!1!==h?(0,p.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:f,"data-zv":"10.0.9"},{children:h}),void 0):null]}),void 0)}k.Group=i.Z,a.Z=k},4008:(n,a,s)=>{"use strict";s.d(a,{c:()=>k});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(41925),r=s(23130),u=s(1348),i=r.Z.Provider,k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getGroupContext=(0,l.Z)((function(n,s,t,p){return{value:Array.isArray(n)?n:[],disabled:s,readOnly:t,isValueEqual:p,onChange:a.onCheckboxChange}})),a.onCheckboxChange=function(n){var s=a.props,t=s.isValueEqual,p=s.onChange,e=s.value;if(p){var o=e?e.slice():[],c=o.findIndex((function(a){return t(a,n)}));-1!==c?o.splice(c,1):o.push(n),p(o)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,e=n.children,o=n.value,l=n.disabled,r=void 0===l?this.context.value:l,u=n.readOnly,k=void 0!==u&&u,d=n.isValueEqual,y=c()("zent-checkbox-group",a);return(0,p.jsx)(i,(0,t.pi)({value:this.getGroupContext(o,r,k,d)},{children:(0,p.jsx)("div",(0,t.pi)({className:y,style:s,"data-zv":"10.0.9"},{children:e}),void 0)}),void 0)},a.defaultProps={isValueEqual:Object.is,value:[]},a.contextType=u.d,a}(e.Component);a.Z=k},23130:(n,a,s)=>{"use strict";var t=s(27378);a.Z=(0,t.createContext)(null)},68150:(n,a,s)=>{"use strict";var t=s(33938);a.ZP=t.Z},85883:(n,a,s)=>{"use strict";var t=s(92497);a.Z=t.Z},4246:(n,a,s)=>{"use strict";s.d(a,{E:()=>u});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),r=s(1348);function u(n){var a=(0,c.useContext)(r.d),s=n.value,e=n.disabled,u=void 0===e?a.value:e,i=n.readOnly,k=void 0!==i&&i,d=n.isValueEqual,y=void 0===d?Object.is:d,m=n.className,h=n.style,g=n.children,b=n.onChange,f=(0,c.useMemo)((function(){return{value:s,disabled:u,readOnly:k,isValueEqual:y,onRadioChange:b}}),[s,u,k,y,b]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:f},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",m),style:h,"data-zv":"10.0.9"},{children:g}),void 0)}),void 0)}a.Z=u},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>y,Z:()=>m});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function r(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function u(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var i=s(4246),k=s(1348),d=s(57961);function y(n){var a=n.className,s=n.style,e=n.children,i=(n.value,n.width),y=n.labelStyle,m=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),g=(0,l.useContext)(d.Z),b=u(h,g,n),f=b.checked,v=b.disabled,w=b.readOnly,E=r(g,n),x=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!f,"zent-radio-disabled":v||w}),j=(0,c.Z)(i),z=(0,t.pi)((0,t.pi)({},s),j);return(0,p.jsxs)("label",(0,t.pi)({className:x,style:z,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},m,{type:"radio",checked:!!f,disabled:v,readOnly:w,onChange:E,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:y,"data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)}y.Button=function(n){var a=n.className,s=n.style,e=n.children,i=(n.value,n.width),y=n.onMouseEnter,m=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),g=(0,l.useContext)(k.d),b=(0,l.useContext)(d.Z);if(!b)throw new Error("Radio.Button must be nested within Radio.Group");var f=u(g,b,n),v=f.checked,w=f.disabled,E=f.readOnly,x=r(b,n),j=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!v,"zent-radio-button--disabled":w||E}),z=(0,c.Z)(i),D=(0,t.pi)((0,t.pi)({},s),z);return(0,p.jsxs)("label",(0,t.pi)({className:j,style:D,onMouseEnter:y,onMouseLeave:m,"data-zv":"10.0.9"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!v,disabled:w,readOnly:E,onChange:x,"data-zv":"10.0.9"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)},y.Group=i.Z;var m=y},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3653],{4792:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>T});var t=s(73450),p=s(73118),e=s(27378),o=s(57318),c=s(56377),l=s(69916),r=s(71457),u=s(39215),i=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{var a=(0,e.useState)(!1),s=(0,p.Z)(a,2),t=s[0],o=s[1];return(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"zent-demo-tree-basic-switch-wrapper",children:["Auto Expand On Select:",(0,i.jsx)(c.r,{checked:t,onChange:n=>o(n)})]}),(0,i.jsx)(l.m,{data:n,autoExpandOnSelect:t})]})};return(0,i.jsx)(a,{})},m=function(){return(0,i.jsx)(l.m,{dataType:"plain",data:[{id:1,title:"Hangzhou Youzan Technology Co. Ltd"},{id:2,title:"Engineer",parentId:1},{id:3,title:"Back End Engineer",parentId:2},{id:4,title:"Front End Engineer",parentId:2},{id:5,title:"Operations Engineer",parentId:2},{id:6,title:"Product",parentId:1}]})},h=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"}]}];class a extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedKeys:[3,5,22],disabledCheckedKeys:[4,7,9,22]}),(0,t.Z)(this,"onCheck",((n,a)=>{this.setState({checkedKeys:n})}))}render(){var a=this.state,s=a.checkedKeys,t=a.disabledCheckedKeys;return(0,i.jsx)("div",{children:(0,i.jsx)(l.m,{checkable:!0,size:"small",data:n,onCheck:this.onCheck,checkedKeys:s,disabledCheckedKeys:t})})}}return(0,i.jsx)(a,{})},g=function(){var n=(n,a)=>{n.level<4?setTimeout((()=>{for(var s=[],t=Number(n.title.split("-")[0]),p=Math.pow(10,3-n.level),e=n.level+1,o=0,c="",l=!1;o<=9;o++)4===e?(c=String(t+o),l=!0):(c="".concat(t+p*o,"-").concat(t+p*(o+1)),l=!1),s.push({id:c,level:e,title:c,isLeaf:l});a(s)}),200):setTimeout((()=>a([])),200)};class a extends e.Component{constructor(...a){super(...a),(0,t.Z)(this,"state",{treeData:[]}),(0,t.Z)(this,"loadMore",(a=>new Promise(((s,t)=>{n(a,(n=>{var t=n.map((n=>d(d({},n),{},{parentId:a.id})));this.setState({treeData:[...this.state.treeData,...t]}),s()}))}))))}componentDidMount(){var a={id:"1-0-10000",title:"0-10000",level:0,expand:!0};n(a,(n=>{var s=n.map((n=>d(d({},n),{},{parentId:a.id})));this.setState({treeData:[a,...s]})}))}render(){var n=this.state.treeData;return(0,i.jsx)(l.m,{dataType:"plain",data:n,loadMore:this.loadMore})}}return(0,i.jsx)(a,{})},b=function(){var n=[2],a=[{id:1,title:"Hangzhou Youzan Technology Co. Ltd",children:[{id:2,title:"Engineer",children:[{id:3,title:"Back End Engineer"},{id:4,title:"Front End Engineer"},{id:5,title:"Operations Engineer"}]},{id:6,title:"Product"}]}];return(0,i.jsxs)("div",{className:"zent-demo-tree-disable-select-wrapper",children:[(0,i.jsx)(l.m,{data:a,disabledSelectedKeys:n}),(0,i.jsx)(l.m,{data:a,disabledSelectedKeys:n,disableSelectedStrictly:!0})]})},f=function(){return(0,i.jsx)(l.m,{dataType:"plain",data:[{id:1,title:"Hangzhou Youzan Technology Co. Ltd"},{id:2,title:"Engineer",parentId:1},{id:3,title:"Back End Engineer",parentId:2},{id:4,title:"Front End Engineer",parentId:2},{id:5,title:"Operations Engineer",parentId:2},{id:6,title:"Product",parentId:1}]})},v=function(){var n=[{id:1,title:"Hangzhou Youzan Technology Co. Ltd",children:[{id:2,title:"Engineer",children:[{id:3,title:"Back End Engineer"},{id:4,title:"Front End Engineer"},{id:5,title:"Operations Engineer"}]},{id:6,title:"Product"}]}];return(0,i.jsxs)("div",{className:"zent-demo-tree-wrapper",children:[(0,i.jsx)(l.m,{data:n,size:"small"}),(0,i.jsx)(l.m,{data:n}),(0,i.jsx)(l.m,{data:n,size:"large"})]})},w=function(){var n=[{id:1,title:"Hangzhou Youzan Technology Co. Ltd",content:"great company",children:[{id:2,title:"Engineer",content:"job http://job.youzan.com",children:[{id:3,title:"Back End Engineer"},{id:4,title:"Front End Engineer"},{id:5,title:"Operations Engineer"}]},{id:6,title:"Product",content:(0,i.jsx)("a",{href:"http://job.youzan.com",children:"'send resume to joinus@youzan.com'"})}]}];return(0,i.jsx)(l.m,{data:n,render:n=>(0,i.jsxs)("span",{style:{fontSize:16,margin:0,lineHeight:1},children:[n.title,n.content?(0,i.jsx)("small",{style:{display:"block",fontSize:10},children:n.content}):""]})})},E=function(){var n=r.Y.Group,a=[{id:1,title:"Hangzhou Youzan Technology Co. Ltd"},{id:2,title:"Engineer",parentId:1},{id:3,title:"Back End Engineer",parentId:2},{id:4,title:"Front End Engineer",parentId:2},{id:5,title:"Operations Engineer",parentId:2},{id:6,title:"Product",parentId:1}],s=(n,a=0,t=[])=>{var p={id:String(Math.random()).replace("0.",""),parentId:a,title:n.title};t.push(p);for(var e=0,o=n.children&&n.children.length||0;e{this.setState({treeData:this.state.treeData.filter((a=>a.id!==n.id))})})),(0,t.Z)(this,"onClone",(n=>{var a=this.state.copyType;if("shallow"===a){var t=Object.assign({},n,{id:Date.now()});this.setState({treeData:[...this.state.treeData,t]})}else if("deep"===a){var p=s(n,n.parentId);this.setState({treeData:[...this.state.treeData,...p]})}})),(0,t.Z)(this,"onCopyTypeChange",(n=>this.setState({copyType:n.target.value})))}render(){var a=this.state,s=a.copyType,t=a.treeData,p=[{name:"Delete",icon:(0,i.jsx)(u.J,{type:"close"}),action:this.onDelete},{name:"Clone",icon:(0,i.jsx)(u.J,{type:"plus"}),action:this.onClone}];return(0,i.jsxs)("div",{children:[(0,i.jsxs)(n,{onChange:this.onCopyTypeChange,value:s,children:[(0,i.jsx)(r.Y,{value:"shallow",children:"浅拷贝"}),(0,i.jsx)(r.Y,{value:"deep",children:"深拷贝"})]}),(0,i.jsx)("hr",{}),(0,i.jsx)(l.m,{data:t,dataType:"plain",operations:p})]})}}return(0,i.jsx)(p,{})};function x(n){return(0,i.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function j(n){return(0,i.jsx)(x,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function z(n){return(0,i.jsx)(x,{tag:"style",html:n.style})}function D(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),D(n.parentNode,a);return a}class C 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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:s||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(x,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class T extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,D(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(z,{style:".zent-demo-tree-basic-switch-wrapper {\n\t\tmargin-bottom: 16px;\n\t\tdisplay: flex;\n\t}\n\t.zent-demo-tree-basic-switch-wrapper .zent-switch {\n\t\tmargin-left: 12px;\n\t}\n\n.zent-demo-tree-disable-select-wrapper {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t}\n\t.zent-demo-tree-disable-select-wrapper > ul {\n\t\twidth: 45%;\n\t}\n\n.zent-demo-tree-wrapper > .zent-tree {\n\t\tmargin-bottom: 16px;\n\t}"}),e.createElement(j,{html:'

Tree

\n

Visually display multilevel content, supporting expansion and collapse.

\n

Suggestion

\n
    \n
  • Use the Tree component when hierarchical information needs to be displayed in a window.
    • \n
\n

Note

\n
    \n
  • Do not use Tree when non-hierarchical or hierarchical information does not need to be displayed in a window.
    • \n
\n

Demos

'}),e.createElement(C,{title:"Basic Usage",id:"Demobasic",src:'import { Tree, Switch } from \'zent\';\nimport { useState } from \'react\';\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 },\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 Demo = () => {\n const [autoExpandOnSelect, setAutoExpandOnSelect] = useState(false);\n\n return (\n <div>\n <div className="zent-demo-tree-basic-switch-wrapper">\n Auto Expand On Select:\n <Switch\n checked={autoExpandOnSelect}\n onChange={checked => setAutoExpandOnSelect(checked)}\n />\n </div>\n <Tree data={treeData} autoExpandOnSelect={autoExpandOnSelect} />\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},e.createElement(y)),e.createElement(C,{title:"Array data",id:"Demoarraydata",src:'import { Tree } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'Hangzhou Youzan Technology Co. Ltd\',\n },\n {\n id: 2,\n title: \'Engineer\',\n parentId: 1,\n },\n {\n id: 3,\n title: \'Back End Engineer\',\n parentId: 2,\n },\n {\n id: 4,\n title: \'Front End Engineer\',\n parentId: 2,\n },\n {\n id: 5,\n title: \'Operations Engineer\',\n parentId: 2,\n },\n {\n id: 6,\n title: \'Product\',\n parentId: 1,\n },\n];\n\nReactDOM.render(<Tree dataType="plain" data={treeData} />, mountNode);'},e.createElement(m)),e.createElement(C,{title:"Optional Tree",id:"Demooption",src:'import { 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\nclass TreeExample extends React.Component {\n state = {\n checkedKeys: [3, 5, 22],\n disabledCheckedKeys: [4, 7, 9, 22],\n };\n\n onCheck = (checked, helpInfo) => {\n console.log(checked, helpInfo);\n this.setState({\n checkedKeys: checked,\n });\n };\n\n render() {\n const { checkedKeys, disabledCheckedKeys } = this.state;\n\n return (\n <div>\n <Tree\n checkable\n size="small"\n data={treeData}\n onCheck={this.onCheck}\n checkedKeys={checkedKeys}\n disabledCheckedKeys={disabledCheckedKeys}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<TreeExample />, mountNode);'},e.createElement(h)),e.createElement(C,{title:"Async Loading",id:"Demoasync",src:'import { Tree } from \'zent\';\n\nconst fetchData = (data, callback) => {\n if (data.level < 4) {\n setTimeout(() => {\n const resData = [];\n const base = Number(data.title.split(\'-\')[0]);\n const step = Math.pow(10, 3 - data.level);\n const level = data.level + 1;\n for (let i = 0, id = \'\', isLeaf = false; i <= 9; i++) {\n if (level === 4) {\n id = String(base + i);\n isLeaf = true;\n } else {\n id = `${base + step * i}-${base + step * (i + 1)}`;\n isLeaf = false;\n }\n resData.push({ id, level, title: id, isLeaf });\n }\n callback(resData);\n }, 200);\n } else {\n setTimeout(() => callback([]), 200);\n }\n};\n\nclass TreeExample extends React.Component {\n state = {\n treeData: [],\n };\n\n componentDidMount() {\n const rootData = {\n id: \'1-0-10000\',\n title: \'0-10000\',\n level: 0,\n expand: true,\n };\n fetchData(rootData, resData => {\n const newData = resData.map(item => ({\n ...item,\n parentId: rootData.id,\n }));\n this.setState({\n treeData: [rootData, ...newData],\n });\n });\n }\n\n loadMore = data =>\n new Promise((resolve, reject) => {\n fetchData(data, resData => {\n const newData = resData.map(item => ({\n ...item,\n parentId: data.id,\n }));\n this.setState({ treeData: [...this.state.treeData, ...newData] });\n resolve();\n });\n });\n\n render() {\n const { treeData } = this.state;\n return <Tree dataType="plain" data={treeData} loadMore={this.loadMore} />;\n }\n}\n\nReactDOM.render(<TreeExample />, mountNode);'},e.createElement(g)),e.createElement(C,{title:"Disable select",id:"Demodisableselect",src:'import { Tree } from \'zent\';\n\nconst disabledSelectedKeys = [2];\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 },\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\nReactDOM.render(\n <div className="zent-demo-tree-disable-select-wrapper">\n <Tree data={treeData} disabledSelectedKeys={disabledSelectedKeys} />\n <Tree\n data={treeData}\n disabledSelectedKeys={disabledSelectedKeys}\n disableSelectedStrictly={true}\n />\n </div>,\n mountNode\n);'},e.createElement(b)),e.createElement(j,{html:'

API

\n

Tree

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternative
dataTypedata structure, default is treestring\'tree\'\'plain\'
datarequired, input data, identified by dataTypearray
renderKeythe key map for render node, see the following tableobject
renderyou can customize function to render tree , the parameter is node data (includings children tree)func(data)
operationscustom operate, includes \nname\n, \nicon\n, \naction\n, \nshouldRender\n attributesarray\n[\nobject\n]
foldablewhether to support item show and hidebooltrue
onCheckwhen you click checkbox, callback function will call, params is a checked id list and help infofunc(ids, helpInfo)
checkablewhether to support checkboxbooltrue
checkedKeyschecked node id arrayarray
disabledCheckedKeysdefault disabled selected node id arrayarray
sizesizestring\'medium\'\'small\'\n, \n\'large\'
commonStyleset entire tree styleobject
expandAllwhether to expand all nodesboolfalse
onExpandafter node expands, callback is triggerfunc(data, config)
autoExpandOnSelectnode auto expands when you select itboolfalse
onSelectthe callback when you choose tree nodefunc(data, target)
isRootplain data, to determine whether the node is the api of the root nodefunc(node)
loadMorereturn Promise func, support thenable callback, be used to asynchronously load more contentfunc(data)
selectablewhether the node is selectablebooltrue
selectedKeyThe currently selected nodestring\n|\nnumber
disabledSelectedKeysA collection of forbidden nodes id(string | number)[]
disableSelectedStrictlyWhether the parent is prohibited from selecting its children at the same timebooleanfalsetrue
onlyShowOneLineTitle Whether only show one linebooleanfalsetrue
\n

renderKey

\n

The Key for customized for data.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
idkey for unique keystring\'id\'
titlekey for show titlestring\'title\'
childrenkey for children tree (\ndataType="tree"\n it works)string\'children\'
parentIdkey for parent Id (\ndataType="plain"\n it works)string\'parentId\'
\n

data

\n

Except for key-value below, you can add attributes on any node, the callback will get entire data that user input.\nYou can customize key through renderKey.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
idrequired, unique keynumber/string
titlerequired, show titlestring
childrenchildren tree (\ndataType="tree"\n it works)array\n[\nobject\n]
parentIdparent Id (\ndataType="plain"\n it works), root node is 0 or undefinednumber/string
expandwhether to expand or notboolfalse
isLeafwhether is leaf node or notboolfalse
\n

operations

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
namerequired, show contentstring
icondisplay icon className, or ReactNodestring/ReactNode
actionrequired, click callback, the parameter is children treefunc(data)
shouldRenderis it need to update, return true/falsefunc(data)true
\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),e.createElement(C,{title:"Array data",id:"Demodisableddata",src:'import { Tree } from \'zent\';\n\nconst treeData = [{\n id: 1,\n title: \'Hangzhou Youzan Technology Co. Ltd\',\n}, {\n id: 2,\n title: \'Engineer\',\n parentId: 1\n}, {\n id: 3,\n title: \'Back End Engineer\',\n parentId: 2\n}, {\n id: 4,\n title: \'Front End Engineer\',\n parentId: 2\n}, {\n id: 5,\n title: \'Operations Engineer\',\n parentId: 2\n}, {\n id: 6,\n title: \'Product\',\n parentId: 1\n}];\n\nReactDOM.render(\n <Tree dataType="plain" data={treeData} />\n , mountNode\n)'},e.createElement(f)),e.createElement(C,{title:"Three Size",id:"Demosize",src:'import { 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 },\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\nReactDOM.render(\n <div className="zent-demo-tree-wrapper">\n <Tree data={treeData} size="small" />\n <Tree data={treeData} />\n <Tree data={treeData} size="large" />\n </div>,\n mountNode\n);'},e.createElement(v)),e.createElement(C,{title:"Custom Node Display",id:"Democustomnode",src:'import { Tree } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'Hangzhou Youzan Technology Co. Ltd\',\n content: \'great company\',\n children: [\n {\n id: 2,\n title: \'Engineer\',\n content: \'job http://job.youzan.com\',\n children: [\n {\n id: 3,\n title: \'Back End Engineer\',\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 content: <a href="http://job.youzan.com">\'send resume to joinus@youzan.com\'</a>,\n },\n ],\n },\n];\n\nconst customRender = data => (\n <span style={{ fontSize: 16, margin: 0, lineHeight: 1 }}>\n {data.title}\n {data.content ? (\n <small style={{ display: \'block\', fontSize: 10 }}>{data.content}</small>\n ) : (\n \'\'\n )}\n </span>\n);\n\nReactDOM.render(<Tree data={treeData} render={customRender} />, mountNode);'},e.createElement(w)),e.createElement(C,{title:"Custom Operate",id:"Democustomoperate",src:'import { Tree, Icon, Radio } from \'zent\';\n\nconst RadioGroup = Radio.Group;\nconst originData = [\n {\n id: 1,\n title: \'Hangzhou Youzan Technology Co. Ltd\',\n },\n {\n id: 2,\n title: \'Engineer\',\n parentId: 1,\n },\n {\n id: 3,\n title: \'Back End Engineer\',\n parentId: 2,\n },\n {\n id: 4,\n title: \'Front End Engineer\',\n parentId: 2,\n },\n {\n id: 5,\n title: \'Operations Engineer\',\n parentId: 2,\n },\n {\n id: 6,\n title: \'Product\',\n parentId: 1,\n },\n];\n\nconst deepClone = (node, parentId = 0, nodeArray = []) => {\n const copyNode = {\n id: String(Math.random()).replace(\'0.\', \'\'),\n parentId,\n title: node.title,\n };\n nodeArray.push(copyNode);\n\n for (\n let i = 0, l = (node.children && node.children.length) || 0;\n i < l;\n i++\n ) {\n deepClone(node.children[i], copyNode.id, nodeArray);\n }\n return nodeArray;\n};\n\nclass TreeExample extends React.Component {\n state = {\n treeData: originData,\n copyType: \'shallow\',\n };\n\n onDelete = data => {\n this.setState({\n treeData: this.state.treeData.filter(item => item.id !== data.id),\n });\n };\n\n onClone = data => {\n const { copyType } = this.state;\n\n if (copyType === \'shallow\') {\n const node = Object.assign({}, data, { id: Date.now() });\n this.setState({\n treeData: [...this.state.treeData, node],\n });\n } else if (copyType === \'deep\') {\n const nodeArray = deepClone(data, data.parentId);\n this.setState({\n treeData: [...this.state.treeData, ...nodeArray],\n });\n }\n };\n\n onCopyTypeChange = e => this.setState({ copyType: e.target.value });\n\n render() {\n const { copyType, treeData } = this.state;\n const operations = [\n {\n name: \'Delete\',\n icon: <Icon type="close" />,\n action: this.onDelete,\n },\n {\n name: \'Clone\',\n icon: <Icon type="plus" />,\n action: this.onClone,\n },\n ];\n\n return (\n <div>\n <RadioGroup onChange={this.onCopyTypeChange} value={copyType}>\n <Radio value="shallow">浅拷贝</Radio>\n <Radio value="deep">深拷贝</Radio>\n </RadioGroup>\n <hr />\n <Tree data={treeData} dataType="plain" operations={operations} />\n </div>\n );\n }\n}\n\nReactDOM.render(<TreeExample />, mountNode);'},e.createElement(E)))}}},33938:(n,a,s)=>{"use strict";s.d(a,{X:()=>k});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(1535),r=s(23130),u=s(1348),i=s(4008);function k(n){var a=(0,c.useContext)(u.d),s=(0,c.useContext)(r.Z),e=(0,c.useRef)(n);e.current=n;var i,k=s&&s.onChange,d=(0,c.useCallback)((function(n){var a=e.current,s=a.value,p=a.onChange;if(k)k(s);else if(p){var o=Object.create(n);o.target=(0,t.pi)((0,t.pi)({},e.current),{type:"checkbox",checked:n.target.checked}),p(o)}}),[k]),y=(n.checked,n.className),m=n.style,h=(n.disabled,n.readOnly,n.children),g=n.indeterminate,b=n.width,f=(n.value,n.labelStyle),v=n.onMouseEnter,w=n.onMouseLeave,E=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),x=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(s,n),j=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a?a.disabled:n.value}(a,s,n);if(s){var z=s.value,D=s.isValueEqual;i=-1!==z.findIndex((function(a){return D(a,n.value)}))}else i=!!n.checked;return(0,p.jsxs)("label",(0,t.pi)({className:o()("zent-checkbox-wrap",y,{"zent-checkbox-checked":!!i,"zent-checkbox-disabled":j||x,"zent-checkbox-indeterminate":g}),style:(0,t.pi)((0,t.pi)({},m),(0,l.Z)(b)),onMouseEnter:v,onMouseLeave:w,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},E,{type:"checkbox",checked:i&&!g,disabled:j,readOnly:x,onChange:d,"data-zv":"10.0.10"}),void 0)]}),void 0),null!=h&&!0!==h&&!1!==h?(0,p.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:f,"data-zv":"10.0.10"},{children:h}),void 0):null]}),void 0)}k.Group=i.Z,a.Z=k},4008:(n,a,s)=>{"use strict";s.d(a,{c:()=>k});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(41925),r=s(23130),u=s(1348),i=r.Z.Provider,k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getGroupContext=(0,l.Z)((function(n,s,t,p){return{value:Array.isArray(n)?n:[],disabled:s,readOnly:t,isValueEqual:p,onChange:a.onCheckboxChange}})),a.onCheckboxChange=function(n){var s=a.props,t=s.isValueEqual,p=s.onChange,e=s.value;if(p){var o=e?e.slice():[],c=o.findIndex((function(a){return t(a,n)}));-1!==c?o.splice(c,1):o.push(n),p(o)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,e=n.children,o=n.value,l=n.disabled,r=void 0===l?this.context.value:l,u=n.readOnly,k=void 0!==u&&u,d=n.isValueEqual,y=c()("zent-checkbox-group",a);return(0,p.jsx)(i,(0,t.pi)({value:this.getGroupContext(o,r,k,d)},{children:(0,p.jsx)("div",(0,t.pi)({className:y,style:s,"data-zv":"10.0.10"},{children:e}),void 0)}),void 0)},a.defaultProps={isValueEqual:Object.is,value:[]},a.contextType=u.d,a}(e.Component);a.Z=k},23130:(n,a,s)=>{"use strict";var t=s(27378);a.Z=(0,t.createContext)(null)},68150:(n,a,s)=>{"use strict";var t=s(33938);a.ZP=t.Z},85883:(n,a,s)=>{"use strict";var t=s(92497);a.Z=t.Z},4246:(n,a,s)=>{"use strict";s.d(a,{E:()=>u});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),r=s(1348);function u(n){var a=(0,c.useContext)(r.d),s=n.value,e=n.disabled,u=void 0===e?a.value:e,i=n.readOnly,k=void 0!==i&&i,d=n.isValueEqual,y=void 0===d?Object.is:d,m=n.className,h=n.style,g=n.children,b=n.onChange,f=(0,c.useMemo)((function(){return{value:s,disabled:u,readOnly:k,isValueEqual:y,onRadioChange:b}}),[s,u,k,y,b]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:f},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",m),style:h,"data-zv":"10.0.10"},{children:g}),void 0)}),void 0)}a.Z=u},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>y,Z:()=>m});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function r(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function u(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var i=s(4246),k=s(1348),d=s(57961);function y(n){var a=n.className,s=n.style,e=n.children,i=(n.value,n.width),y=n.labelStyle,m=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),g=(0,l.useContext)(d.Z),b=u(h,g,n),f=b.checked,v=b.disabled,w=b.readOnly,E=r(g,n),x=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!f,"zent-radio-disabled":v||w}),j=(0,c.Z)(i),z=(0,t.pi)((0,t.pi)({},s),j);return(0,p.jsxs)("label",(0,t.pi)({className:x,style:z,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},m,{type:"radio",checked:!!f,disabled:v,readOnly:w,onChange:E,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:y,"data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)}y.Button=function(n){var a=n.className,s=n.style,e=n.children,i=(n.value,n.width),y=n.onMouseEnter,m=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),g=(0,l.useContext)(k.d),b=(0,l.useContext)(d.Z);if(!b)throw new Error("Radio.Button must be nested within Radio.Group");var f=u(g,b,n),v=f.checked,w=f.disabled,E=f.readOnly,x=r(b,n),j=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!v,"zent-radio-button--disabled":w||E}),z=(0,c.Z)(i),D=(0,t.pi)((0,t.pi)({},s),z);return(0,p.jsxs)("label",(0,t.pi)({className:j,style:D,onMouseEnter:y,onMouseLeave:m,"data-zv":"10.0.10"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!v,disabled:w,readOnly:E,onChange:x,"data-zv":"10.0.10"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)},y.Group=i.Z;var m=y},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file diff --git a/3679-962c48db916177797553.js b/3679-11ced6f0bf713792738a.js similarity index 90% rename from 3679-962c48db916177797553.js rename to 3679-11ced6f0bf713792738a.js index 5397feda0..d247d3060 100644 --- a/3679-962c48db916177797553.js +++ b/3679-11ced6f0bf713792738a.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3679],{53679:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>j});var t=s(73450),p=s(27378),e=s(57318),o=s(71457),c=s(39550),l=s(74473),u=s(24246);function i(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function k(n){for(var a=1;a{this.setState({value:n.target.value})}))}render(){return(0,u.jsxs)(n,{onChange:this.onChange,value:this.state.value,children:[(0,u.jsx)(o.Y,{value:"male",children:"Male"}),(0,u.jsx)(o.Y,{value:"female",children:"Female"})]})}}return(0,u.jsx)(a,{})},d=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:"male",valueCopy:"apple"}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n.target.value})})),(0,t.Z)(this,"onChangeCopy",(n=>{this.setState({valueCopy:n.target.value})}))}render(){return(0,u.jsxs)("div",{children:[(0,u.jsxs)(n,{onChange:this.onChange,value:this.state.value,disabled:!0,children:[(0,u.jsx)(o.Y,{value:"male",children:"Male"}),(0,u.jsx)(o.Y,{value:"female",children:"Female"})]}),(0,u.jsx)("br",{}),(0,u.jsx)("br",{}),(0,u.jsx)("br",{}),(0,u.jsxs)(n,{onChange:this.onChangeCopy,value:this.state.valueCopy,children:[(0,u.jsx)(o.Y,{value:"apple",children:"Apple"}),(0,u.jsx)(o.Y,{value:"pears",children:"Pear"}),(0,u.jsx)(o.Y,{value:"cucumber",disabled:!0,children:"Cucumber"})]})]})}}return(0,u.jsx)(a,{})},m=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:"A"}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n.target.value})}))}render(){return(0,u.jsx)(n,{onChange:this.onChange,value:this.state.value,style:{width:"100%"},children:(0,u.jsxs)(c.W,{children:[(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"A",children:"A"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"B",children:"B"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"C",children:"C"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"D",children:"D"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"E",children:"E"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"F",children:"F"})})]})})}}return(0,u.jsx)(a,{})},g=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:{foo:1}}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n.target.value})}))}isValueEqual(n,a){return n&&a&&n.foo===a.foo}render(){return(0,u.jsxs)(n,{value:this.state.value,isValueEqual:this.isValueEqual,onChange:this.onChange,children:[(0,u.jsx)(o.Y,{value:{foo:1},children:"Foo 1"}),(0,u.jsx)(o.Y,{value:{foo:2},children:"Foo 2"})]})}}return(0,u.jsx)(a,{})},h=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{style:{display:"inline-block"}}),(0,t.Z)(this,"onChange",(n=>{}))}render(){return(0,u.jsx)("div",{className:"demo-multiple-line",children:(0,u.jsx)(n,{onChange:this.onChange,value:"1",children:(0,u.jsxs)(o.Y,{value:"1",labelStyle:this.state.style,children:["What I cannot create, I do not understand.",(0,u.jsx)("p",{children:"I learned very early the difference between knowing the name of something and knowing something."})]})})})}}return(0,u.jsx)(a,{})};function y(n){return(0,u.jsx)(n.tag,k(k({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,u.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,u.jsx)(y,{tag:"style",html:n.style})}function b(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),b(n.parentNode,a);return a}class w extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:s||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class j extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,b(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:".demo-multiple-line .zent-radio{\n vertical-align: 10px !important;\n}"}),p.createElement(v,{html:'

Radio

\n

RadioGroup is a controlled-component. There must be a onChange callback dealing with changes outside.

\n

Demos

'}),p.createElement(w,{title:"Basic Usage",id:"Demobasic",src:'import { Radio } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nclass App extends Component {\n\n state = {\n value: \'male\'\n }\n\n onChange = (e) => {\n this.setState({ value: e.target.value });\n }\n\n render() {\n return (\n <RadioGroup onChange={this.onChange} value={this.state.value}>\n <Radio value="male">Male</Radio>\n <Radio value="female">Female</Radio>\n </RadioGroup>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(r)),p.createElement(w,{title:"Disable State",id:"Demodisable",src:'import { Radio } from \'zent\'\n\nconst RadioGroup = Radio.Group;\n\nclass App extends React.Component {\n\n state = {\n value: \'male\',\n valueCopy: \'apple\'\n }\n\n onChange = (e) => {\n this.setState({ value: e.target.value });\n }\n\n onChangeCopy = (e) => {\n this.setState({ valueCopy: e.target.value });\n }\n\n render() {\n return (\n <div>\n <RadioGroup onChange={this.onChange} value={this.state.value} disabled>\n <Radio value="male">Male</Radio>\n <Radio value="female">Female</Radio>\n </RadioGroup>\n <br />\n <br />\n <br />\n <RadioGroup onChange={this.onChangeCopy} value={this.state.valueCopy}>\n <Radio value="apple">Apple</Radio>\n <Radio value="pears">Pear</Radio>\n <Radio value="cucumber" disabled>Cucumber</Radio>\n </RadioGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(d)),p.createElement(w,{title:"Layout",id:"Demolayout",src:'import { Radio, LayoutRow as Row, LayoutCol as Col } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nclass App extends React.Component {\n state = {\n value: \'A\',\n };\n\n onChange = e => {\n this.setState({ value: e.target.value });\n };\n\n render() {\n return (\n <RadioGroup\n onChange={this.onChange}\n value={this.state.value}\n style={{ width: \'100%\' }}\n >\n <Row>\n <Col span={8}>\n <Radio value="A">A</Radio>\n </Col>\n <Col span={8}>\n <Radio value="B">B</Radio>\n </Col>\n <Col span={8}>\n <Radio value="C">C</Radio>\n </Col>\n <Col span={8}>\n <Radio value="D">D</Radio>\n </Col>\n <Col span={8}>\n <Radio value="E">E</Radio>\n </Col>\n <Col span={8}>\n <Radio value="F">F</Radio>\n </Col>\n </Row>\n </RadioGroup>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(m)),p.createElement(w,{title:"Custom comparison function",id:"Democompare",src:'import { Radio } from \'zent\'\n\nconst RadioGroup = Radio.Group;\n\nclass App extends React.Component {\n\n state = {\n value: {\n foo: 1\n }\n }\n\n onChange = (e) => {\n this.setState({ value: e.target.value });\n }\n\n isValueEqual(a, b) {\n return a && b && a.foo === b.foo;\n }\n\n render() {\n return (\n <RadioGroup\n value={this.state.value}\n isValueEqual={this.isValueEqual}\n onChange={this.onChange}\n >\n <Radio value={{ foo: 1 }}>Foo 1</Radio>\n <Radio value={{ foo: 2 }}>Foo 2</Radio>\n </RadioGroup>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(g)),p.createElement(w,{title:"Multi line text",id:"Demomultiline",src:'import { Radio, Button } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nclass App extends Component {\n state = {\n style: {\n display: \'inline-block\'\n },\n };\n\n onChange = e => {};\n\n render() {\n return (\n <div className="demo-multiple-line">\n <RadioGroup onChange={this.onChange} value="1">\n <Radio value="1" labelStyle={this.state.style}>\n What I cannot create, I do not understand.\n <p>I learned very early the difference between knowing the name of something and knowing something.</p>\n </Radio>\n </RadioGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(h)),p.createElement(v,{html:'

API

\n

Radio

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropsDescriptionTypeDefault
valueCompare according to the, determine if selectedany
disabledDisable the radioboolean
readOnlyIt specifies the component is read-onlyboolean
labelStyleLabel inline styleReact.CSSProperties
classNamecustom classnamestring
widthradio\'s widthstring\n \n|\n \nnumber
'}))}}},48591:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)({});a.Z=t},74473:(n,a,s)=>{"use strict";s.d(a,{r:()=>k});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(65225),u=s(48591),i=s(81093),k=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(a){return(0,p.jsx)(l.Z.Consumer,{children:function(s){var e,o=n.props,l=o.span,u=o.offset,k=o.order,r=o.className,d=o.style,m=(0,t._T)(o,["span","offset","order","className","style"]),g=d,h=(0,i.r)(a,s.colGutter);if(h>0){var y=h/2;g=(0,t.pi)((0,t.pi)({},g),{paddingLeft:y,paddingRight:y})}var v=(0,i.r)(a,l),f=(0,i.r)(a,u),b=(0,i.r)(a,k),w=c()("zent-col",((e={})["zent-col-offset-"+u]=f,e["zent-col-order-"+k]=b,e),"zent-col-"+v,r);return(0,p.jsx)("div",(0,t.pi)({},m,{className:w,style:g,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},a.defaultProps={offset:0,order:0},a}(e.Component)},65225:(n,a,s)=>{"use strict";s.d(a,{x:()=>t});var t=(0,s(27378).createContext)({rowGutter:0,colGutter:0});a.Z=t},39550:(n,a,s)=>{"use strict";s.d(a,{W:()=>k});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(65225),u=s(48591),i=s(81093),k=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,s=a.className,e=a.style,o=a.justify,k=a.align,r=(0,t._T)(a,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+o,"zent-row-align-"+k,s);return(0,p.jsx)(u.Z.Consumer,{children:function(a){return(0,p.jsx)(l.Z.Consumer,{children:function(s){var o=(0,i.r)(a,s.colGutter),c=(0,i.r)(a,s.rowGutter),l=e;if(o>0){var u=-o/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var k=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:k,paddingBottom:k})}return(0,p.jsx)("div",(0,t.pi)({},r,{className:d,style:l,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},a.defaultProps={justify:"start",align:"start"},a}(e.Component)},81093:(n,a,s)=>{"use strict";var t;s.d(a,{j:()=>o,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=s(72551),e=Object.keys(t).reduce((function(n,a){return n[t[a]]=a,n}),{}),o=Object.keys(e);function c(n,a){if("number"==typeof a)return a;for(var s=0;s{"use strict";s.d(a,{E:()=>i});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),u=s(1348);function i(n){var a=(0,c.useContext)(u.d),s=n.value,e=n.disabled,i=void 0===e?a.value:e,k=n.readOnly,r=void 0!==k&&k,d=n.isValueEqual,m=void 0===d?Object.is:d,g=n.className,h=n.style,y=n.children,v=n.onChange,f=(0,c.useMemo)((function(){return{value:s,disabled:i,readOnly:r,isValueEqual:m,onRadioChange:v}}),[s,i,r,m,v]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:f},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",g),style:h,"data-zv":"10.0.9"},{children:y}),void 0)}),void 0)}a.Z=i},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function u(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function i(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var k=s(4246),r=s(1348),d=s(57961);function m(n){var a=n.className,s=n.style,e=n.children,k=(n.value,n.width),m=n.labelStyle,g=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(r.d),y=(0,l.useContext)(d.Z),v=i(h,y,n),f=v.checked,b=v.disabled,w=v.readOnly,j=u(y,n),C=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!f,"zent-radio-disabled":b||w}),x=(0,c.Z)(k),R=(0,t.pi)((0,t.pi)({},s),x);return(0,p.jsxs)("label",(0,t.pi)({className:C,style:R,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},g,{type:"radio",checked:!!f,disabled:b,readOnly:w,onChange:j,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,e=n.children,k=(n.value,n.width),m=n.onMouseEnter,g=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),y=(0,l.useContext)(r.d),v=(0,l.useContext)(d.Z);if(!v)throw new Error("Radio.Button must be nested within Radio.Group");var f=i(y,v,n),b=f.checked,w=f.disabled,j=f.readOnly,C=u(v,n),x=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!b,"zent-radio-button--disabled":w||j}),R=(0,c.Z)(k),z=(0,t.pi)((0,t.pi)({},s),R);return(0,p.jsxs)("label",(0,t.pi)({className:x,style:z,onMouseEnter:m,onMouseLeave:g,"data-zv":"10.0.9"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!b,disabled:w,readOnly:j,onChange:C,"data-zv":"10.0.9"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)},m.Group=k.Z;var g=m},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3679],{53679:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>j});var t=s(73450),p=s(27378),e=s(57318),o=s(71457),c=s(39550),l=s(74473),u=s(24246);function i(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function k(n){for(var a=1;a{this.setState({value:n.target.value})}))}render(){return(0,u.jsxs)(n,{onChange:this.onChange,value:this.state.value,children:[(0,u.jsx)(o.Y,{value:"male",children:"Male"}),(0,u.jsx)(o.Y,{value:"female",children:"Female"})]})}}return(0,u.jsx)(a,{})},d=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:"male",valueCopy:"apple"}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n.target.value})})),(0,t.Z)(this,"onChangeCopy",(n=>{this.setState({valueCopy:n.target.value})}))}render(){return(0,u.jsxs)("div",{children:[(0,u.jsxs)(n,{onChange:this.onChange,value:this.state.value,disabled:!0,children:[(0,u.jsx)(o.Y,{value:"male",children:"Male"}),(0,u.jsx)(o.Y,{value:"female",children:"Female"})]}),(0,u.jsx)("br",{}),(0,u.jsx)("br",{}),(0,u.jsx)("br",{}),(0,u.jsxs)(n,{onChange:this.onChangeCopy,value:this.state.valueCopy,children:[(0,u.jsx)(o.Y,{value:"apple",children:"Apple"}),(0,u.jsx)(o.Y,{value:"pears",children:"Pear"}),(0,u.jsx)(o.Y,{value:"cucumber",disabled:!0,children:"Cucumber"})]})]})}}return(0,u.jsx)(a,{})},m=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:"A"}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n.target.value})}))}render(){return(0,u.jsx)(n,{onChange:this.onChange,value:this.state.value,style:{width:"100%"},children:(0,u.jsxs)(c.W,{children:[(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"A",children:"A"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"B",children:"B"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"C",children:"C"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"D",children:"D"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"E",children:"E"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"F",children:"F"})})]})})}}return(0,u.jsx)(a,{})},g=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:{foo:1}}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n.target.value})}))}isValueEqual(n,a){return n&&a&&n.foo===a.foo}render(){return(0,u.jsxs)(n,{value:this.state.value,isValueEqual:this.isValueEqual,onChange:this.onChange,children:[(0,u.jsx)(o.Y,{value:{foo:1},children:"Foo 1"}),(0,u.jsx)(o.Y,{value:{foo:2},children:"Foo 2"})]})}}return(0,u.jsx)(a,{})},h=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{style:{display:"inline-block"}}),(0,t.Z)(this,"onChange",(n=>{}))}render(){return(0,u.jsx)("div",{className:"demo-multiple-line",children:(0,u.jsx)(n,{onChange:this.onChange,value:"1",children:(0,u.jsxs)(o.Y,{value:"1",labelStyle:this.state.style,children:["What I cannot create, I do not understand.",(0,u.jsx)("p",{children:"I learned very early the difference between knowing the name of something and knowing something."})]})})})}}return(0,u.jsx)(a,{})};function y(n){return(0,u.jsx)(n.tag,k(k({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,u.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,u.jsx)(y,{tag:"style",html:n.style})}function b(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),b(n.parentNode,a);return a}class w extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:s||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class j extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,b(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:".demo-multiple-line .zent-radio{\n vertical-align: 10px !important;\n}"}),p.createElement(v,{html:'

Radio

\n

RadioGroup is a controlled-component. There must be a onChange callback dealing with changes outside.

\n

Demos

'}),p.createElement(w,{title:"Basic Usage",id:"Demobasic",src:'import { Radio } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nclass App extends Component {\n\n state = {\n value: \'male\'\n }\n\n onChange = (e) => {\n this.setState({ value: e.target.value });\n }\n\n render() {\n return (\n <RadioGroup onChange={this.onChange} value={this.state.value}>\n <Radio value="male">Male</Radio>\n <Radio value="female">Female</Radio>\n </RadioGroup>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(r)),p.createElement(w,{title:"Disable State",id:"Demodisable",src:'import { Radio } from \'zent\'\n\nconst RadioGroup = Radio.Group;\n\nclass App extends React.Component {\n\n state = {\n value: \'male\',\n valueCopy: \'apple\'\n }\n\n onChange = (e) => {\n this.setState({ value: e.target.value });\n }\n\n onChangeCopy = (e) => {\n this.setState({ valueCopy: e.target.value });\n }\n\n render() {\n return (\n <div>\n <RadioGroup onChange={this.onChange} value={this.state.value} disabled>\n <Radio value="male">Male</Radio>\n <Radio value="female">Female</Radio>\n </RadioGroup>\n <br />\n <br />\n <br />\n <RadioGroup onChange={this.onChangeCopy} value={this.state.valueCopy}>\n <Radio value="apple">Apple</Radio>\n <Radio value="pears">Pear</Radio>\n <Radio value="cucumber" disabled>Cucumber</Radio>\n </RadioGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(d)),p.createElement(w,{title:"Layout",id:"Demolayout",src:'import { Radio, LayoutRow as Row, LayoutCol as Col } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nclass App extends React.Component {\n state = {\n value: \'A\',\n };\n\n onChange = e => {\n this.setState({ value: e.target.value });\n };\n\n render() {\n return (\n <RadioGroup\n onChange={this.onChange}\n value={this.state.value}\n style={{ width: \'100%\' }}\n >\n <Row>\n <Col span={8}>\n <Radio value="A">A</Radio>\n </Col>\n <Col span={8}>\n <Radio value="B">B</Radio>\n </Col>\n <Col span={8}>\n <Radio value="C">C</Radio>\n </Col>\n <Col span={8}>\n <Radio value="D">D</Radio>\n </Col>\n <Col span={8}>\n <Radio value="E">E</Radio>\n </Col>\n <Col span={8}>\n <Radio value="F">F</Radio>\n </Col>\n </Row>\n </RadioGroup>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(m)),p.createElement(w,{title:"Custom comparison function",id:"Democompare",src:'import { Radio } from \'zent\'\n\nconst RadioGroup = Radio.Group;\n\nclass App extends React.Component {\n\n state = {\n value: {\n foo: 1\n }\n }\n\n onChange = (e) => {\n this.setState({ value: e.target.value });\n }\n\n isValueEqual(a, b) {\n return a && b && a.foo === b.foo;\n }\n\n render() {\n return (\n <RadioGroup\n value={this.state.value}\n isValueEqual={this.isValueEqual}\n onChange={this.onChange}\n >\n <Radio value={{ foo: 1 }}>Foo 1</Radio>\n <Radio value={{ foo: 2 }}>Foo 2</Radio>\n </RadioGroup>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(g)),p.createElement(w,{title:"Multi line text",id:"Demomultiline",src:'import { Radio, Button } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nclass App extends Component {\n state = {\n style: {\n display: \'inline-block\'\n },\n };\n\n onChange = e => {};\n\n render() {\n return (\n <div className="demo-multiple-line">\n <RadioGroup onChange={this.onChange} value="1">\n <Radio value="1" labelStyle={this.state.style}>\n What I cannot create, I do not understand.\n <p>I learned very early the difference between knowing the name of something and knowing something.</p>\n </Radio>\n </RadioGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(h)),p.createElement(v,{html:'

API

\n

Radio

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropsDescriptionTypeDefault
valueCompare according to the, determine if selectedany
disabledDisable the radioboolean
readOnlyIt specifies the component is read-onlyboolean
labelStyleLabel inline styleReact.CSSProperties
classNamecustom classnamestring
widthradio\'s widthstring\n \n|\n \nnumber
'}))}}},48591:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)({});a.Z=t},74473:(n,a,s)=>{"use strict";s.d(a,{r:()=>k});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(65225),u=s(48591),i=s(81093),k=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(a){return(0,p.jsx)(l.Z.Consumer,{children:function(s){var e,o=n.props,l=o.span,u=o.offset,k=o.order,r=o.className,d=o.style,m=(0,t._T)(o,["span","offset","order","className","style"]),g=d,h=(0,i.r)(a,s.colGutter);if(h>0){var y=h/2;g=(0,t.pi)((0,t.pi)({},g),{paddingLeft:y,paddingRight:y})}var v=(0,i.r)(a,l),f=(0,i.r)(a,u),b=(0,i.r)(a,k),w=c()("zent-col",((e={})["zent-col-offset-"+u]=f,e["zent-col-order-"+k]=b,e),"zent-col-"+v,r);return(0,p.jsx)("div",(0,t.pi)({},m,{className:w,style:g,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},a.defaultProps={offset:0,order:0},a}(e.Component)},65225:(n,a,s)=>{"use strict";s.d(a,{x:()=>t});var t=(0,s(27378).createContext)({rowGutter:0,colGutter:0});a.Z=t},39550:(n,a,s)=>{"use strict";s.d(a,{W:()=>k});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(65225),u=s(48591),i=s(81093),k=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,s=a.className,e=a.style,o=a.justify,k=a.align,r=(0,t._T)(a,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+o,"zent-row-align-"+k,s);return(0,p.jsx)(u.Z.Consumer,{children:function(a){return(0,p.jsx)(l.Z.Consumer,{children:function(s){var o=(0,i.r)(a,s.colGutter),c=(0,i.r)(a,s.rowGutter),l=e;if(o>0){var u=-o/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var k=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:k,paddingBottom:k})}return(0,p.jsx)("div",(0,t.pi)({},r,{className:d,style:l,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},a.defaultProps={justify:"start",align:"start"},a}(e.Component)},81093:(n,a,s)=>{"use strict";var t;s.d(a,{j:()=>o,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=s(72551),e=Object.keys(t).reduce((function(n,a){return n[t[a]]=a,n}),{}),o=Object.keys(e);function c(n,a){if("number"==typeof a)return a;for(var s=0;s{"use strict";s.d(a,{E:()=>i});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),u=s(1348);function i(n){var a=(0,c.useContext)(u.d),s=n.value,e=n.disabled,i=void 0===e?a.value:e,k=n.readOnly,r=void 0!==k&&k,d=n.isValueEqual,m=void 0===d?Object.is:d,g=n.className,h=n.style,y=n.children,v=n.onChange,f=(0,c.useMemo)((function(){return{value:s,disabled:i,readOnly:r,isValueEqual:m,onRadioChange:v}}),[s,i,r,m,v]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:f},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",g),style:h,"data-zv":"10.0.10"},{children:y}),void 0)}),void 0)}a.Z=i},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function u(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function i(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var k=s(4246),r=s(1348),d=s(57961);function m(n){var a=n.className,s=n.style,e=n.children,k=(n.value,n.width),m=n.labelStyle,g=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(r.d),y=(0,l.useContext)(d.Z),v=i(h,y,n),f=v.checked,b=v.disabled,w=v.readOnly,j=u(y,n),C=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!f,"zent-radio-disabled":b||w}),x=(0,c.Z)(k),R=(0,t.pi)((0,t.pi)({},s),x);return(0,p.jsxs)("label",(0,t.pi)({className:C,style:R,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},g,{type:"radio",checked:!!f,disabled:b,readOnly:w,onChange:j,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,e=n.children,k=(n.value,n.width),m=n.onMouseEnter,g=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),y=(0,l.useContext)(r.d),v=(0,l.useContext)(d.Z);if(!v)throw new Error("Radio.Button must be nested within Radio.Group");var f=i(y,v,n),b=f.checked,w=f.disabled,j=f.readOnly,C=u(v,n),x=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!b,"zent-radio-button--disabled":w||j}),R=(0,c.Z)(k),z=(0,t.pi)((0,t.pi)({},s),R);return(0,p.jsxs)("label",(0,t.pi)({className:x,style:z,onMouseEnter:m,onMouseLeave:g,"data-zv":"10.0.10"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!b,disabled:w,readOnly:j,onChange:C,"data-zv":"10.0.10"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)},m.Group=k.Z;var g=m},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file diff --git a/3770-ff71eca335e0852c9ff6.js b/3770-466d50a89c7e15816415.js similarity index 59% rename from 3770-ff71eca335e0852c9ff6.js rename to 3770-466d50a89c7e15816415.js index 980e832d0..64bd4bd05 100644 --- a/3770-ff71eca335e0852c9ff6.js +++ b/3770-466d50a89c7e15816415.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3770],{73770:(a,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>D});var t=s(73450),e=s(27378),p=s(57318),o=s(1348),l=s(65762),c=s(3454),i=s(67801),r=s(33938),u=s(82285),d=s(80964),k=s(71457),m=s(87230),v=s(95388),h=s(63919),g=s(34365),f=s(48868),b=s(56377),y=s(12176),x=s(31269),C=s(93531),z=s(24246);function j(a,n){var s=Object.keys(a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(a);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable}))),s.push.apply(s,t)}return s}function w(a){for(var n=1;n{this.setState({showCode:!this.state.showCode})}))}render(){var a=this.state.showCode,n=this.props,s=n.title,t=n.src,e=n.children;return(0,z.jsxs)("div",{className:"zandoc-react-demo",children:[(0,z.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,z.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,z.jsx)("div",{className:"zandoc-react-demo__title",children:(0,z.jsx)("p",{children:s||""})}),(0,z.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(a?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),a&&(0,z.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,z.jsx)(P,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class D extends e.Component{componentDidMount(){var a=location.hash;if(a){var n=document.querySelector('a[href="'.concat(a,'"]'));n&&(0,p.l)(document.documentElement,0,R(n,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(M,{style:".disabled-component-demo {\n\tdisplay: inline-flex;\n\tflex-direction: column;\n}\n\n.disabled-component-demo > * {\n\tmargin-bottom: 10px;\n}"}),e.createElement(S,{html:'

Disabled

\n

Child Zent components will be disabled. The disabled property of component itself has a higher priority.

\n

Demos

'}),e.createElement(B,{title:"Basic Usage",id:"Demo1",src:'import {\n AutoComplete,\n Disabled,\n Button,\n Link,\n MenuCascader,\n TabsCascader,\n Checkbox,\n Collapse,\n Input,\n NumberInput,\n Radio,\n Rate,\n Select,\n Slider,\n Switch,\n SplitButton,\n ColorPicker,\n} from \'zent\';\n\nReactDOM.render(\n <div className="disabled-component-demo">\n <Disabled>\n <AutoComplete />\n <Button type="primary">Disabled</Button>\n <Link href="https://www.youzan.com/" target="_blank">\n www.youzan.com\n </Link>\n <Checkbox>Checkbox</Checkbox>\n <Input />\n <Input type="textarea" />\n <NumberInput />\n <Radio.Group>\n <Radio value="A">A</Radio>\n <Radio value="B">B</Radio>\n <Radio.Button value="C">C</Radio.Button>\n </Radio.Group>\n <Rate />\n <Select options={[]} />\n <MenuCascader />\n <TabsCascader />\n <Slider />\n <Switch />\n <SplitButton>SplitButton</SplitButton>\n <Collapse>\n <Collapse.Panel title="Collapse 1" key="1">\n Collapse 1\n </Collapse.Panel>\n <Collapse.Panel title="Collapse 1" key="2">\n Collapse 2\n </Collapse.Panel>\n <Collapse.Panel title="Collapse 1" key="3" disabled>\n Collapse 3\n </Collapse.Panel>\n </Collapse>\n <ColorPicker color="#5197FF" />\n </Disabled>\n <Button type="primary">Not Disabled</Button>\n </div>,\n mountNode\n);'},e.createElement(N)),e.createElement(B,{title:"Priority",id:"Demo2",src:'import { Disabled, Button } from \'zent\';\n\nReactDOM.render(\n <Disabled>\n <Button type="primary" disabled={false}>\n Button\n </Button>\n </Disabled>,\n mountNode\n);'},e.createElement(_)),e.createElement(S,{html:'

API

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
valueboolNotrue
'}))}}},31269:(a,n,s)=>{"use strict";s.d(n,{U:()=>b});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),l=s.n(o),c=s(65922),i=s(79737),r=s(12856),u=s(98859),d=s(1348),k=s(31256),m=s(39215),v={borderBottomWidth:0,borderBottomColor:"rgba(255, 255, 255, 0)",transition:"border-bottom-width 200ms "+u.rc+", border-bottom-color 200ms "+u.rc},h={},g=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.state={animateAppear:!n.props.active},n.toggle=function(){var a=n.props,s=a.onChange,t=a.panelKey,e=a.active,p=a.disabled;(void 0===p?n.context.value:p)||(0,k.Z)(t)||null==s||s(t,!e)},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a=this.props,n=a.children,s=a.title,p=a.style,o=a.active,c=a.disabled,d=void 0===c?this.context.value:c,k=a.showArrow,g=a.className,f=a.isLast,b=a.bordered,y=a.extra,x=a.panelTitleBackground,C=a.showContentBackground,z=this.state.animateAppear,j=b&&f,w=j&&!o?v:h,N=j||!o?v:h;return(0,e.jsxs)("div",(0,t.pi)({className:l()("zent-collapse-panel",g,{"zent-collapse-panel--has-arrow":k,"zent-collapse-panel--active":o,"zent-collapse-panel--inactive":!o,"zent-collapse-panel--disabled":d}),style:p,"data-zv":"10.0.9"},{children:[(0,e.jsxs)("div",(0,t.pi)({className:l()("zent-collapse-panel__title",{"zent-collapse-panel__title--bg-none":"none"===x,"zent-collapse-panel__title--bg-default":"default"===x}),style:w,onClick:this.toggle,"data-zv":"10.0.9"},{children:[(0,e.jsxs)("div",(0,t.pi)({className:"zent-collapse-panel__title__content","data-zv":"10.0.9"},{children:[k&&(0,e.jsx)(m.Z,{type:"down",className:"zent-collapse-panel__arrow"},void 0),s]}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__title__extra","data-zv":"10.0.9"},{children:y}),void 0)]}),void 0),(0,e.jsx)(r.Z,(0,t.pi)({mount:o},{children:(0,e.jsx)(i.H,(0,t.pi)({appear:z,duration:160,height:o?"auto":0,transitionPrototype:"all",easing:o?u.Kc:u.AX,className:l()("zent-collapse-panel__content-box",{"zent-collapse-panel__content-box--inactive":!o,"zent-collapse-panel__content-box--active":o,"zent-collapse-panel__content_box--show-background":C}),style:N},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__content","data-zv":"10.0.9"},{children:n}),void 0)}),void 0)}),void 0)]}),void 0)},n.defaultProps={showArrow:!0},n.contextType=d.d,n}(p.Component),f=s(19185),b=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.onChange=function(a,s){if(n.props.accordion){var t=n.props,e=t.onChange;(o=t.activeKey)!==a&&s?e(a):o!==a||s||e(null)}else{var p=n.props,o=p.activeKey,l=(e=p.onChange,[].concat(null!=o?o:[])),c=l.indexOf(a);s?-1===c&&l.push(a):-1!==c&&l.splice(c,1),e(l)}},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a=this,n=this.props,s=n.className,o=n.bordered,i=n.panelTitleBackground,r=n.showContentBackground,u=n.children,d=n.activeKey;return(0,e.jsx)("div",(0,t.pi)({className:l()("zent-collapse",s,{"zent-collapse--has-border":o,"zent-collapse--no-border":!o}),"data-zv":"10.0.9"},{children:p.Children.map(u,(function(n,s){var t;if(!(0,f.isElement)(n)||!(0,c.Z)(n.type,g))throw new Error("Invalid children supplied to Collapse. Each child should be a Panel.");var e=null===(t=n.key)||void 0===t?void 0:t.toString();return(0,p.cloneElement)(n,{onChange:a.onChange,active:y(d,e),panelKey:e,panelTitleBackground:i,showContentBackground:r,isLast:s===p.Children.count(u)-1,bordered:o})}))}),void 0)},n.defaultProps={bordered:!0,panelTitleBackground:"default",accordion:!1},n.Panel=g,n}(p.Component);function y(a,n){return"string"==typeof a?a===n:!!Array.isArray(a)&&void 0!==n&&-1!==a.indexOf(n)}},67801:(a,n,s)=>{"use strict";s.d(n,{r:()=>i});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),l=s(27378),c=s(1348),i=(0,l.forwardRef)((function(a,n){var s=(0,l.useContext)(c.d),p=a.className,i=a.disabled,u=void 0===i?s.value:i,d=a.weak,k=void 0!==d&&d,m=a.onClick,v=(0,t._T)(a,["className","disabled","weak","onClick"]);return(0,e.jsx)("a",(0,t.pi)({},v,{className:o()(p,"zent-link",{"zent-link--disabled":u,"zent-link--weak":k}),ref:n,onClick:u?r:m,"data-zv":"10.0.9"}),void 0)}));function r(a){a.preventDefault(),a.stopPropagation()}i.displayName="Link"},32254:(a,n,s)=>{"use strict";var t=s(80964);n.Z=t.Z},87230:(a,n,s)=>{"use strict";s.d(n,{j:()=>d});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),l=s.n(o),c=function(a){var n=a.className;return(0,e.jsx)("svg",(0,t.pi)({className:n,width:"1em",height:"1em",viewBox:"0 0 12 12",version:"1.1","data-zv":"10.0.9"},{children:(0,e.jsx)("path",{fill:"currentColor",d:"M5.99995351,10.2785052 L3.0526252,11.9161235 C2.73134341,12.0946367 2.3262008,11.9788615 2.14771388,11.6575325 C2.07507647,11.5267638 2.048604,11.3753341 2.07256714,11.227673 L2.644706,7.70214784 L0.18800271,5.17127401 C-0.0680077998,4.90753426 -0.0617734594,4.4861629 0.201927499,4.23011474 C0.30111659,4.13380419 0.42783327,4.07077947 0.564476058,4.04979499 L3.92629651,3.5335141 L5.39699811,0.384084246 C5.55252473,0.0510321934 5.9485563,-0.0928620579 6.28155937,0.0626874406 C6.42306565,0.128786625 6.53681945,0.242557148 6.60290891,0.384084246 L8.07361051,3.5335141 L11.435431,4.04979499 C11.7987051,4.10558366 12.047978,4.44534453 11.9921975,4.80867212 C11.9712161,4.94533501 11.9082007,5.07207032 11.8119043,5.17127401 L9.35520102,7.70214784 L9.92733988,11.227673 C9.98622287,11.5905106 9.73986227,11.9323896 9.37707808,11.9912813 C9.22943868,12.015248 9.07803132,11.9887716 8.94728182,11.9161235 L5.99995351,10.2785052 Z","data-zv":"10.0.9"},void 0)}),void 0)},i=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.elRef=(0,p.createRef)(),n.onHover=function(a){var s=n.props;(0,s.onHover)(a,s.index)},n.onClick=function(a){var s=n.props;(0,s.onClick)(a,s.index)},n.getFloatValue=function(){return 100*n.props.value%100+"%"},n}return(0,t.ZT)(n,a),n.prototype.getClassName=function(){var a=this.props,n=a.index,s=a.value,t=a.allowHalf,e=a.readOnly,p=n+1,o=p<=s,c=p>Math.ceil(s),i=t&&s+.5===p,r=e&&p>s&&p===Math.ceil(s);return l()("zent-rate-star",{"zent-rate-star-full":o,"zent-rate-star-zero":c,"zent-rate-star-half":i,"zent-rate-star-part":r})},n.prototype.render=function(){var a=this.onHover,n=this.onClick,s=this.props,p=s.disabled,o=s.character,l=s.readOnly,c=p||l;return(0,e.jsxs)("li",(0,t.pi)({ref:this.elRef,className:this.getClassName(),onClick:c?void 0:n,onMouseMove:c?void 0:a,"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-rate-star-first",style:l?{width:this.getFloatValue()}:void 0,"data-zv":"10.0.9"},{children:o}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-rate-star-second","data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)},n}(p.Component),r=s(1348);function u(a){for(var n=[],s=0;s{"use strict";s.d(n,{i:()=>w});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),l=s(27378),c=s(1535),i=function(a){var n=a.value,s=a.position,p=a.disabled,l=a.active;return(0,e.jsxs)("div",(0,t.pi)({className:o()("zent-slider-tooltip",{"zent-slider-tooltip-active":l}),style:{left:s},"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",{className:o()("zent-slider-point",{"zent-slider-point-disabled":p}),"data-zv":"10.0.9"},void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-slider-tooltip-content","data-zv":"10.0.9"},{children:n}),void 0)]}),void 0)},r=function(a,n,s){return 100*(a-n)/(s-n)};function u(a,n){return!(a>n[1])&&(a<=n[0]||Math.abs(n[0]-a)<=Math.abs(n[1]-a))}var d=(0,l.memo)((function(a){var n=a.marks,s=a.min,p=a.max,o=a.potentialValues;return(0,e.jsx)(e.Fragment,{children:o.map((function(a){return(0,e.jsx)("div",(0,t.pi)({style:{left:r(a,s,p)+"%"},className:"zent-slider-mark","data-zv":"10.0.9"},{children:n[a]}),a)}))},void 0)}));d.displayName="ZentSliderMarks";var k=d;function m(a,n,s){return a>=n&&a<=s}var v=function(a){var n=a.min,s=a.max,t=a.activeLeft,p=a.activeRight,l=a.potentialValues,c=a.disabled;return(0,e.jsx)(e.Fragment,{children:l.map((function(a){return(0,e.jsx)("div",{className:o()("zent-slider-dot",{"zent-slider-dot-active":!c&&m(a,t,p)}),style:{left:r(a,n,s)+"%"},"data-zv":"10.0.9"},a)}))},void 0)},h=s(1348),g=s(32254);function f(a,n){return an?1:0}function b(a){return a?Object.keys(a).map((function(a){return Number(a)})).filter((function(a){return!Number.isNaN(a)&&a!==1/0})).sort(f):[]}function y(a,n){for(var s=0,t=a.length;;){var e=Math.floor((s+t)/2);if(t===s+1||e===s)return Math.abs(a[s]-n)<=Math.abs(a[t]-n)?a[s]:a[t];var p=a[e];if(n===p)return p;np&&(s=e)}}var x=s(80186),C=function(a,n,s){return as?s:a},z=function(a){var n=String(a).split(".")[1];return n?n.length:0},j=function(a,n,s){return 100*(a-n)/(s-n)+"%"},w=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.state={decimal:z(n.props.step),potentialValues:b(n.props.marks),active:null,prevProps:n.props},n.containerRef=(0,l.createRef)(),n.mouseDown=!1,n.limit=null,n.isLeft=null,n.onSingleChange=function(a){if(!1===n.props.range){var s=n.props,t=s.onChange,e=s.dots,p=s.disabled,o=n.state.potentialValues,l=Number(a);e&&(l=y(o,l)),!p&&t&&t(l)}},n.onLeftChange=function(a){if(!0===n.props.range){var s=n.props,t=s.value,e=void 0===t?[0,0]:t,p=s.onChange,o=s.dots,l=s.disabled,c=n.state.potentialValues;if(!l&&p){var i=Number(a);o&&(i=y(c,i)),p(i>e[1]?[e[1],i]:[i,e[1]])}}},n.onRightChange=function(a){if(!0===n.props.range){var s=n.props,t=s.value,e=void 0===t?[0,0]:t,p=s.onChange,o=s.dots,l=s.disabled,c=n.state.potentialValues;if(!l&&p){var i=Number(a);o&&(i=y(c,i)),p(i>e[0]?[e[0],i]:[i,e[0]])}}},n.onMouseDown=function(a){n.mouseDown=!0;var s=n.getValueFromEvent(a),t=n.props,e=t.min,p=t.max,o=C(s,e,p);n.state.active||n.setState({active:"point-single"}),n.onChange(o)},n.onWindowMouseUp=function(){n.mouseDown=!1,n.limit=null,n.isLeft=null,n.setState({active:null})},n.onWindowMouseMove=function(a){if(n.mouseDown){var s=n.getValueFromEvent(a);if(n.props.range){var t,e=n.props,p=e.value,o=e.min,l=e.max;t=p[0]===p[1]?a.movementX<=0:u(s,p),n.state.active||n.setState({active:t?"point-left":"point-right"}),n.limit||(n.isLeft=t,n.limit=t?[o,p[1]]:[p[0],l]),s=C(s,n.limit[0],n.limit[1])}else{var c=n.props;o=c.min,l=c.max,n.state.active||n.setState({active:"point-single"}),s=C(s,o,l)}n.onChange(s)}},n}return(0,t.ZT)(n,a),n.prototype.getComputedProps=function(){var a=this.props,n=a.disabled,s=void 0===n?this.context.value:n,t=a.min,e=a.max,p=this.state.decimal;if(!1!==this.props.range){var o=this.props.value,l=j(o[0],t,e);return{range:!0,leftProps:{min:t,max:o[1],disabled:s,decimal:p,onChange:this.onLeftChange,value:o[0],position:l},rightProps:{min:o[0],max:e,disabled:s,decimal:p,onChange:this.onRightChange,value:o[1],position:j(o[1],t,e)},trackStyle:{left:l,width:(o[1]-o[0])/(e-t)*100+"%"}}}var c=j(this.props.value,t,e);return{range:!1,props:{min:t,max:e,disabled:s,decimal:p,onChange:this.onSingleChange,value:this.props.value,position:c},trackStyle:{left:0,width:c}}},n.prototype.onChange=function(a){var n=this.props,s=n.dots,t=n.disabled,e=this.state,p=e.potentialValues,o=e.decimal;if(!t){var l=function(a,n){return Number(a.toFixed(n))}(a,o);if(s&&(l=y(p,l)),!0===this.props.range){var c=this.props,i=c.onChange,r=c.value;if(!i)return;i((null!==this.isLeft?this.isLeft:u(a,r))?[l,r[1]]:[r[0],l])}else(i=this.props.onChange)&&i(l)}},n.prototype.getValueFromEvent=function(a){var n=this.props,s=n.min,t=n.max,e=this.containerRef.current;return function(a,n,s){return n+(s-n)*a}((a.clientX-e.getBoundingClientRect().left)/e.clientWidth,s,t)},n.getDerivedStateFromProps=function(a,n){var s=n.prevProps;if(a===s)return null;var t={prevProps:a};return s.step!==a.step&&(t.decimal=z(a.step)),s.marks!==a.marks&&(t.potentialValues=b(a.marks)),t},n.prototype.render=function(){var a=this.props,n=a.withInput,s=a.className,p=a.width,l=a.disabled,r=void 0===l?this.context.value:l,u=a.min,d=a.max,m=a.marks,h=a.dots,f=this.state,b=f.potentialValues,y=f.active,C=this.getComputedProps();return(0,e.jsxs)("div",(0,t.pi)({className:o()("zent-slider",s,{"zent-slider-disabled":r}),style:(0,c.Z)(p),"data-zv":"10.0.9"},{children:[(0,e.jsxs)("div",(0,t.pi)({ref:this.containerRef,className:"zent-slider-main",onMouseDown:this.onMouseDown,"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",{style:C.trackStyle,className:o()("zent-slider-track",{"zent-slider-track-disabled":r}),"data-zv":"10.0.9"},void 0),!0===C.range?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i,{active:"point-left"===y,disabled:r,position:C.leftProps.position,value:C.leftProps.value},"point-left"),(0,e.jsx)(i,{active:"point-right"===y,disabled:r,position:C.rightProps.position,value:C.rightProps.value},"point-right")]},void 0):(0,e.jsx)(i,{active:"point-single"===y,disabled:r,position:C.props.position,value:C.props.value},"point-single"),m?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(k,{marks:m,min:u,max:d,potentialValues:b},void 0),h?(0,e.jsx)(v,{marks:m,min:u,max:d,activeLeft:!0===this.props.range?this.props.value[0]:0,activeRight:!0===this.props.range?this.props.value[1]:this.props.value,potentialValues:b,disabled:r},void 0):null]},void 0):null]}),void 0),n&&!h&&(!0===C.range?(0,e.jsxs)("div",(0,t.pi)({className:"zent-slider-input","data-zv":"10.0.9"},{children:[(0,e.jsx)(g.Z,(0,t.pi)({},C.leftProps),"number-input-left"),(0,e.jsx)("div",(0,t.pi)({className:"slider-input-line","data-zv":"10.0.9"},{children:"-"}),void 0),(0,e.jsx)(g.Z,(0,t.pi)({},C.rightProps),"number-input-right")]}),void 0):(0,e.jsx)(g.Z,(0,t.pi)({className:"zent-slider-input"},C.props),"number-input-single")),(0,e.jsx)(x.ZM,{eventName:"mousemove",listener:this.onWindowMouseMove},void 0),(0,e.jsx)(x.ZM,{eventName:"mouseup",listener:this.onWindowMouseUp},void 0)]}),void 0)},n.defaultProps={min:0,max:100,step:1,withInput:!0,range:!1,value:0},n.contextType=h.d,n}(l.Component)},56377:(a,n,s)=>{"use strict";s.d(n,{r:()=>i});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),l=s.n(o),c=s(1348),i=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.toggle=function(){var a=n.props,s=a.onChange,t=a.checked;s&&s(!t)},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a,n=this.props,s=n.className,t=n.size,p=n.disabled,o=void 0===p?this.context.value:p,c=n.loading,i=n.checked,r=o||c,u=l()(((a={})["zent-switch-"+t]="default"!==t,a["zent-switch-disabled"]=r,a["zent-switch-loading"]=c,a["zent-switch-checked"]=i,a),"zent-switch",s);return(0,e.jsx)("div",{className:u,onClick:r?void 0:this.toggle,"data-zv":"10.0.9"},void 0)},n.defaultProps={size:"default"},n.contextType=c.d,n}(p.Component);n.Z=i},65922:(a,n,s)=>{"use strict";function t(a,n){return a===n||(null==a?void 0:a.prototype)instanceof n}s.d(n,{Z:()=>t})},98859:(a,n,s)=>{"use strict";s.d(n,{rc:()=>t,Kc:()=>e,AX:()=>p});var t="cubic-bezier(0.5, 0, 0.5, 0.1)",e="cubic-bezier(0.33, 1, 0.68, 1)",p="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3770],{73770:(a,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>D});var t=s(73450),e=s(27378),p=s(57318),o=s(1348),l=s(65762),c=s(3454),i=s(67801),r=s(33938),u=s(82285),d=s(80964),k=s(71457),m=s(87230),v=s(95388),h=s(63919),g=s(34365),f=s(48868),b=s(56377),y=s(12176),x=s(31269),C=s(93531),z=s(24246);function j(a,n){var s=Object.keys(a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(a);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable}))),s.push.apply(s,t)}return s}function w(a){for(var n=1;n{this.setState({showCode:!this.state.showCode})}))}render(){var a=this.state.showCode,n=this.props,s=n.title,t=n.src,e=n.children;return(0,z.jsxs)("div",{className:"zandoc-react-demo",children:[(0,z.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,z.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,z.jsx)("div",{className:"zandoc-react-demo__title",children:(0,z.jsx)("p",{children:s||""})}),(0,z.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(a?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),a&&(0,z.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,z.jsx)(P,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class D extends e.Component{componentDidMount(){var a=location.hash;if(a){var n=document.querySelector('a[href="'.concat(a,'"]'));n&&(0,p.l)(document.documentElement,0,R(n,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(M,{style:".disabled-component-demo {\n\tdisplay: inline-flex;\n\tflex-direction: column;\n}\n\n.disabled-component-demo > * {\n\tmargin-bottom: 10px;\n}"}),e.createElement(S,{html:'

Disabled

\n

Child Zent components will be disabled. The disabled property of component itself has a higher priority.

\n

Demos

'}),e.createElement(B,{title:"Basic Usage",id:"Demo1",src:'import {\n AutoComplete,\n Disabled,\n Button,\n Link,\n MenuCascader,\n TabsCascader,\n Checkbox,\n Collapse,\n Input,\n NumberInput,\n Radio,\n Rate,\n Select,\n Slider,\n Switch,\n SplitButton,\n ColorPicker,\n} from \'zent\';\n\nReactDOM.render(\n <div className="disabled-component-demo">\n <Disabled>\n <AutoComplete />\n <Button type="primary">Disabled</Button>\n <Link href="https://www.youzan.com/" target="_blank">\n www.youzan.com\n </Link>\n <Checkbox>Checkbox</Checkbox>\n <Input />\n <Input type="textarea" />\n <NumberInput />\n <Radio.Group>\n <Radio value="A">A</Radio>\n <Radio value="B">B</Radio>\n <Radio.Button value="C">C</Radio.Button>\n </Radio.Group>\n <Rate />\n <Select options={[]} />\n <MenuCascader />\n <TabsCascader />\n <Slider />\n <Switch />\n <SplitButton>SplitButton</SplitButton>\n <Collapse>\n <Collapse.Panel title="Collapse 1" key="1">\n Collapse 1\n </Collapse.Panel>\n <Collapse.Panel title="Collapse 1" key="2">\n Collapse 2\n </Collapse.Panel>\n <Collapse.Panel title="Collapse 1" key="3" disabled>\n Collapse 3\n </Collapse.Panel>\n </Collapse>\n <ColorPicker color="#5197FF" />\n </Disabled>\n <Button type="primary">Not Disabled</Button>\n </div>,\n mountNode\n);'},e.createElement(N)),e.createElement(B,{title:"Priority",id:"Demo2",src:'import { Disabled, Button } from \'zent\';\n\nReactDOM.render(\n <Disabled>\n <Button type="primary" disabled={false}>\n Button\n </Button>\n </Disabled>,\n mountNode\n);'},e.createElement(_)),e.createElement(S,{html:'

API

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
valueboolNotrue
'}))}}},31269:(a,n,s)=>{"use strict";s.d(n,{U:()=>b});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),l=s.n(o),c=s(65922),i=s(79737),r=s(12856),u=s(98859),d=s(1348),k=s(31256),m=s(39215),v={borderBottomWidth:0,borderBottomColor:"rgba(255, 255, 255, 0)",transition:"border-bottom-width 200ms "+u.rc+", border-bottom-color 200ms "+u.rc},h={},g=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.state={animateAppear:!n.props.active},n.toggle=function(){var a=n.props,s=a.onChange,t=a.panelKey,e=a.active,p=a.disabled;(void 0===p?n.context.value:p)||(0,k.Z)(t)||null==s||s(t,!e)},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a=this.props,n=a.children,s=a.title,p=a.style,o=a.active,c=a.disabled,d=void 0===c?this.context.value:c,k=a.showArrow,g=a.className,f=a.isLast,b=a.bordered,y=a.extra,x=a.panelTitleBackground,C=a.showContentBackground,z=this.state.animateAppear,j=b&&f,w=j&&!o?v:h,N=j||!o?v:h;return(0,e.jsxs)("div",(0,t.pi)({className:l()("zent-collapse-panel",g,{"zent-collapse-panel--has-arrow":k,"zent-collapse-panel--active":o,"zent-collapse-panel--inactive":!o,"zent-collapse-panel--disabled":d}),style:p,"data-zv":"10.0.10"},{children:[(0,e.jsxs)("div",(0,t.pi)({className:l()("zent-collapse-panel__title",{"zent-collapse-panel__title--bg-none":"none"===x,"zent-collapse-panel__title--bg-default":"default"===x}),style:w,onClick:this.toggle,"data-zv":"10.0.10"},{children:[(0,e.jsxs)("div",(0,t.pi)({className:"zent-collapse-panel__title__content","data-zv":"10.0.10"},{children:[k&&(0,e.jsx)(m.Z,{type:"down",className:"zent-collapse-panel__arrow"},void 0),s]}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__title__extra","data-zv":"10.0.10"},{children:y}),void 0)]}),void 0),(0,e.jsx)(r.Z,(0,t.pi)({mount:o},{children:(0,e.jsx)(i.H,(0,t.pi)({appear:z,duration:160,height:o?"auto":0,transitionPrototype:"all",easing:o?u.Kc:u.AX,className:l()("zent-collapse-panel__content-box",{"zent-collapse-panel__content-box--inactive":!o,"zent-collapse-panel__content-box--active":o,"zent-collapse-panel__content_box--show-background":C}),style:N},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__content","data-zv":"10.0.10"},{children:n}),void 0)}),void 0)}),void 0)]}),void 0)},n.defaultProps={showArrow:!0},n.contextType=d.d,n}(p.Component),f=s(19185),b=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.onChange=function(a,s){if(n.props.accordion){var t=n.props,e=t.onChange;(o=t.activeKey)!==a&&s?e(a):o!==a||s||e(null)}else{var p=n.props,o=p.activeKey,l=(e=p.onChange,[].concat(null!=o?o:[])),c=l.indexOf(a);s?-1===c&&l.push(a):-1!==c&&l.splice(c,1),e(l)}},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a=this,n=this.props,s=n.className,o=n.bordered,i=n.panelTitleBackground,r=n.showContentBackground,u=n.children,d=n.activeKey;return(0,e.jsx)("div",(0,t.pi)({className:l()("zent-collapse",s,{"zent-collapse--has-border":o,"zent-collapse--no-border":!o}),"data-zv":"10.0.10"},{children:p.Children.map(u,(function(n,s){var t;if(!(0,f.isElement)(n)||!(0,c.Z)(n.type,g))throw new Error("Invalid children supplied to Collapse. Each child should be a Panel.");var e=null===(t=n.key)||void 0===t?void 0:t.toString();return(0,p.cloneElement)(n,{onChange:a.onChange,active:y(d,e),panelKey:e,panelTitleBackground:i,showContentBackground:r,isLast:s===p.Children.count(u)-1,bordered:o})}))}),void 0)},n.defaultProps={bordered:!0,panelTitleBackground:"default",accordion:!1},n.Panel=g,n}(p.Component);function y(a,n){return"string"==typeof a?a===n:!!Array.isArray(a)&&void 0!==n&&-1!==a.indexOf(n)}},67801:(a,n,s)=>{"use strict";s.d(n,{r:()=>i});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),l=s(27378),c=s(1348),i=(0,l.forwardRef)((function(a,n){var s=(0,l.useContext)(c.d),p=a.className,i=a.disabled,u=void 0===i?s.value:i,d=a.weak,k=void 0!==d&&d,m=a.onClick,v=(0,t._T)(a,["className","disabled","weak","onClick"]);return(0,e.jsx)("a",(0,t.pi)({},v,{className:o()(p,"zent-link",{"zent-link--disabled":u,"zent-link--weak":k}),ref:n,onClick:u?r:m,"data-zv":"10.0.10"}),void 0)}));function r(a){a.preventDefault(),a.stopPropagation()}i.displayName="Link"},32254:(a,n,s)=>{"use strict";var t=s(80964);n.Z=t.Z},87230:(a,n,s)=>{"use strict";s.d(n,{j:()=>d});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),l=s.n(o),c=function(a){var n=a.className;return(0,e.jsx)("svg",(0,t.pi)({className:n,width:"1em",height:"1em",viewBox:"0 0 12 12",version:"1.1","data-zv":"10.0.10"},{children:(0,e.jsx)("path",{fill:"currentColor",d:"M5.99995351,10.2785052 L3.0526252,11.9161235 C2.73134341,12.0946367 2.3262008,11.9788615 2.14771388,11.6575325 C2.07507647,11.5267638 2.048604,11.3753341 2.07256714,11.227673 L2.644706,7.70214784 L0.18800271,5.17127401 C-0.0680077998,4.90753426 -0.0617734594,4.4861629 0.201927499,4.23011474 C0.30111659,4.13380419 0.42783327,4.07077947 0.564476058,4.04979499 L3.92629651,3.5335141 L5.39699811,0.384084246 C5.55252473,0.0510321934 5.9485563,-0.0928620579 6.28155937,0.0626874406 C6.42306565,0.128786625 6.53681945,0.242557148 6.60290891,0.384084246 L8.07361051,3.5335141 L11.435431,4.04979499 C11.7987051,4.10558366 12.047978,4.44534453 11.9921975,4.80867212 C11.9712161,4.94533501 11.9082007,5.07207032 11.8119043,5.17127401 L9.35520102,7.70214784 L9.92733988,11.227673 C9.98622287,11.5905106 9.73986227,11.9323896 9.37707808,11.9912813 C9.22943868,12.015248 9.07803132,11.9887716 8.94728182,11.9161235 L5.99995351,10.2785052 Z","data-zv":"10.0.10"},void 0)}),void 0)},i=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.elRef=(0,p.createRef)(),n.onHover=function(a){var s=n.props;(0,s.onHover)(a,s.index)},n.onClick=function(a){var s=n.props;(0,s.onClick)(a,s.index)},n.getFloatValue=function(){return 100*n.props.value%100+"%"},n}return(0,t.ZT)(n,a),n.prototype.getClassName=function(){var a=this.props,n=a.index,s=a.value,t=a.allowHalf,e=a.readOnly,p=n+1,o=p<=s,c=p>Math.ceil(s),i=t&&s+.5===p,r=e&&p>s&&p===Math.ceil(s);return l()("zent-rate-star",{"zent-rate-star-full":o,"zent-rate-star-zero":c,"zent-rate-star-half":i,"zent-rate-star-part":r})},n.prototype.render=function(){var a=this.onHover,n=this.onClick,s=this.props,p=s.disabled,o=s.character,l=s.readOnly,c=p||l;return(0,e.jsxs)("li",(0,t.pi)({ref:this.elRef,className:this.getClassName(),onClick:c?void 0:n,onMouseMove:c?void 0:a,"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-rate-star-first",style:l?{width:this.getFloatValue()}:void 0,"data-zv":"10.0.10"},{children:o}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-rate-star-second","data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)},n}(p.Component),r=s(1348);function u(a){for(var n=[],s=0;s{"use strict";s.d(n,{i:()=>w});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),l=s(27378),c=s(1535),i=function(a){var n=a.value,s=a.position,p=a.disabled,l=a.active;return(0,e.jsxs)("div",(0,t.pi)({className:o()("zent-slider-tooltip",{"zent-slider-tooltip-active":l}),style:{left:s},"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",{className:o()("zent-slider-point",{"zent-slider-point-disabled":p}),"data-zv":"10.0.10"},void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-slider-tooltip-content","data-zv":"10.0.10"},{children:n}),void 0)]}),void 0)},r=function(a,n,s){return 100*(a-n)/(s-n)};function u(a,n){return!(a>n[1])&&(a<=n[0]||Math.abs(n[0]-a)<=Math.abs(n[1]-a))}var d=(0,l.memo)((function(a){var n=a.marks,s=a.min,p=a.max,o=a.potentialValues;return(0,e.jsx)(e.Fragment,{children:o.map((function(a){return(0,e.jsx)("div",(0,t.pi)({style:{left:r(a,s,p)+"%"},className:"zent-slider-mark","data-zv":"10.0.10"},{children:n[a]}),a)}))},void 0)}));d.displayName="ZentSliderMarks";var k=d;function m(a,n,s){return a>=n&&a<=s}var v=function(a){var n=a.min,s=a.max,t=a.activeLeft,p=a.activeRight,l=a.potentialValues,c=a.disabled;return(0,e.jsx)(e.Fragment,{children:l.map((function(a){return(0,e.jsx)("div",{className:o()("zent-slider-dot",{"zent-slider-dot-active":!c&&m(a,t,p)}),style:{left:r(a,n,s)+"%"},"data-zv":"10.0.10"},a)}))},void 0)},h=s(1348),g=s(32254);function f(a,n){return an?1:0}function b(a){return a?Object.keys(a).map((function(a){return Number(a)})).filter((function(a){return!Number.isNaN(a)&&a!==1/0})).sort(f):[]}function y(a,n){for(var s=0,t=a.length;;){var e=Math.floor((s+t)/2);if(t===s+1||e===s)return Math.abs(a[s]-n)<=Math.abs(a[t]-n)?a[s]:a[t];var p=a[e];if(n===p)return p;np&&(s=e)}}var x=s(80186),C=function(a,n,s){return as?s:a},z=function(a){var n=String(a).split(".")[1];return n?n.length:0},j=function(a,n,s){return 100*(a-n)/(s-n)+"%"},w=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.state={decimal:z(n.props.step),potentialValues:b(n.props.marks),active:null,prevProps:n.props},n.containerRef=(0,l.createRef)(),n.mouseDown=!1,n.limit=null,n.isLeft=null,n.onSingleChange=function(a){if(!1===n.props.range){var s=n.props,t=s.onChange,e=s.dots,p=s.disabled,o=n.state.potentialValues,l=Number(a);e&&(l=y(o,l)),!p&&t&&t(l)}},n.onLeftChange=function(a){if(!0===n.props.range){var s=n.props,t=s.value,e=void 0===t?[0,0]:t,p=s.onChange,o=s.dots,l=s.disabled,c=n.state.potentialValues;if(!l&&p){var i=Number(a);o&&(i=y(c,i)),p(i>e[1]?[e[1],i]:[i,e[1]])}}},n.onRightChange=function(a){if(!0===n.props.range){var s=n.props,t=s.value,e=void 0===t?[0,0]:t,p=s.onChange,o=s.dots,l=s.disabled,c=n.state.potentialValues;if(!l&&p){var i=Number(a);o&&(i=y(c,i)),p(i>e[0]?[e[0],i]:[i,e[0]])}}},n.onMouseDown=function(a){n.mouseDown=!0;var s=n.getValueFromEvent(a),t=n.props,e=t.min,p=t.max,o=C(s,e,p);n.state.active||n.setState({active:"point-single"}),n.onChange(o)},n.onWindowMouseUp=function(){n.mouseDown=!1,n.limit=null,n.isLeft=null,n.setState({active:null})},n.onWindowMouseMove=function(a){if(n.mouseDown){var s=n.getValueFromEvent(a);if(n.props.range){var t,e=n.props,p=e.value,o=e.min,l=e.max;t=p[0]===p[1]?a.movementX<=0:u(s,p),n.state.active||n.setState({active:t?"point-left":"point-right"}),n.limit||(n.isLeft=t,n.limit=t?[o,p[1]]:[p[0],l]),s=C(s,n.limit[0],n.limit[1])}else{var c=n.props;o=c.min,l=c.max,n.state.active||n.setState({active:"point-single"}),s=C(s,o,l)}n.onChange(s)}},n}return(0,t.ZT)(n,a),n.prototype.getComputedProps=function(){var a=this.props,n=a.disabled,s=void 0===n?this.context.value:n,t=a.min,e=a.max,p=this.state.decimal;if(!1!==this.props.range){var o=this.props.value,l=j(o[0],t,e);return{range:!0,leftProps:{min:t,max:o[1],disabled:s,decimal:p,onChange:this.onLeftChange,value:o[0],position:l},rightProps:{min:o[0],max:e,disabled:s,decimal:p,onChange:this.onRightChange,value:o[1],position:j(o[1],t,e)},trackStyle:{left:l,width:(o[1]-o[0])/(e-t)*100+"%"}}}var c=j(this.props.value,t,e);return{range:!1,props:{min:t,max:e,disabled:s,decimal:p,onChange:this.onSingleChange,value:this.props.value,position:c},trackStyle:{left:0,width:c}}},n.prototype.onChange=function(a){var n=this.props,s=n.dots,t=n.disabled,e=this.state,p=e.potentialValues,o=e.decimal;if(!t){var l=function(a,n){return Number(a.toFixed(n))}(a,o);if(s&&(l=y(p,l)),!0===this.props.range){var c=this.props,i=c.onChange,r=c.value;if(!i)return;i((null!==this.isLeft?this.isLeft:u(a,r))?[l,r[1]]:[r[0],l])}else(i=this.props.onChange)&&i(l)}},n.prototype.getValueFromEvent=function(a){var n=this.props,s=n.min,t=n.max,e=this.containerRef.current;return function(a,n,s){return n+(s-n)*a}((a.clientX-e.getBoundingClientRect().left)/e.clientWidth,s,t)},n.getDerivedStateFromProps=function(a,n){var s=n.prevProps;if(a===s)return null;var t={prevProps:a};return s.step!==a.step&&(t.decimal=z(a.step)),s.marks!==a.marks&&(t.potentialValues=b(a.marks)),t},n.prototype.render=function(){var a=this.props,n=a.withInput,s=a.className,p=a.width,l=a.disabled,r=void 0===l?this.context.value:l,u=a.min,d=a.max,m=a.marks,h=a.dots,f=this.state,b=f.potentialValues,y=f.active,C=this.getComputedProps();return(0,e.jsxs)("div",(0,t.pi)({className:o()("zent-slider",s,{"zent-slider-disabled":r}),style:(0,c.Z)(p),"data-zv":"10.0.10"},{children:[(0,e.jsxs)("div",(0,t.pi)({ref:this.containerRef,className:"zent-slider-main",onMouseDown:this.onMouseDown,"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",{style:C.trackStyle,className:o()("zent-slider-track",{"zent-slider-track-disabled":r}),"data-zv":"10.0.10"},void 0),!0===C.range?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(i,{active:"point-left"===y,disabled:r,position:C.leftProps.position,value:C.leftProps.value},"point-left"),(0,e.jsx)(i,{active:"point-right"===y,disabled:r,position:C.rightProps.position,value:C.rightProps.value},"point-right")]},void 0):(0,e.jsx)(i,{active:"point-single"===y,disabled:r,position:C.props.position,value:C.props.value},"point-single"),m?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(k,{marks:m,min:u,max:d,potentialValues:b},void 0),h?(0,e.jsx)(v,{marks:m,min:u,max:d,activeLeft:!0===this.props.range?this.props.value[0]:0,activeRight:!0===this.props.range?this.props.value[1]:this.props.value,potentialValues:b,disabled:r},void 0):null]},void 0):null]}),void 0),n&&!h&&(!0===C.range?(0,e.jsxs)("div",(0,t.pi)({className:"zent-slider-input","data-zv":"10.0.10"},{children:[(0,e.jsx)(g.Z,(0,t.pi)({},C.leftProps),"number-input-left"),(0,e.jsx)("div",(0,t.pi)({className:"slider-input-line","data-zv":"10.0.10"},{children:"-"}),void 0),(0,e.jsx)(g.Z,(0,t.pi)({},C.rightProps),"number-input-right")]}),void 0):(0,e.jsx)(g.Z,(0,t.pi)({className:"zent-slider-input"},C.props),"number-input-single")),(0,e.jsx)(x.ZM,{eventName:"mousemove",listener:this.onWindowMouseMove},void 0),(0,e.jsx)(x.ZM,{eventName:"mouseup",listener:this.onWindowMouseUp},void 0)]}),void 0)},n.defaultProps={min:0,max:100,step:1,withInput:!0,range:!1,value:0},n.contextType=h.d,n}(l.Component)},56377:(a,n,s)=>{"use strict";s.d(n,{r:()=>i});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),l=s.n(o),c=s(1348),i=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.toggle=function(){var a=n.props,s=a.onChange,t=a.checked;s&&s(!t)},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a,n=this.props,s=n.className,t=n.size,p=n.disabled,o=void 0===p?this.context.value:p,c=n.loading,i=n.checked,r=o||c,u=l()(((a={})["zent-switch-"+t]="default"!==t,a["zent-switch-disabled"]=r,a["zent-switch-loading"]=c,a["zent-switch-checked"]=i,a),"zent-switch",s);return(0,e.jsx)("div",{className:u,onClick:r?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},n.defaultProps={size:"default"},n.contextType=c.d,n}(p.Component);n.Z=i},65922:(a,n,s)=>{"use strict";function t(a,n){return a===n||(null==a?void 0:a.prototype)instanceof n}s.d(n,{Z:()=>t})},98859:(a,n,s)=>{"use strict";s.d(n,{rc:()=>t,Kc:()=>e,AX:()=>p});var t="cubic-bezier(0.5, 0, 0.5, 0.1)",e="cubic-bezier(0.33, 1, 0.68, 1)",p="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file diff --git a/3775-ab6cf94aa849f267671f.js b/3775-2b62b422c2be32fdd20a.js similarity index 84% rename from 3775-ab6cf94aa849f267671f.js rename to 3775-2b62b422c2be32fdd20a.js index a98a3419b..8057f8699 100644 --- a/3775-ab6cf94aa849f267671f.js +++ b/3775-2b62b422c2be32fdd20a.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3775],{43775:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>q});var t=s(73450),p=s(27378),e=s(57318),o=s(92497),c=s(3454),l=s(82285),u=s(11497),i=s(71457),r=s(33938),k=s(24246);function d(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function m(n){for(var a=1;a{u.Hj.alert({content:"Pop关闭了",parentComponent:this})}))}render(){return(0,k.jsx)(o.X,{trigger:"click",content:(0,k.jsx)("span",{style:{maxWidth:100,wordBreak:"break-all",display:"inline-block"},children:"1111d kdsalkdsa kdsklda kdslkda kdanmcmdj 9209 kjfslk kdslkd"}),onConfirm:this.confirmHandler,children:(0,k.jsx)(c.z,{type:"primary",children:"打开气泡"})})}}return(0,k.jsx)(n,{})},y=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"confirmHandler",(()=>{u.Hj.alert({content:"Pop 打开了",parentComponent:this})}))}render(){return(0,k.jsx)(o.X,{trigger:"click",header:"Pop 标题",content:"提示内容",type:"primary",confirmText:"Error",cancelText:"Close",onConfirm:this.confirmHandler,children:(0,k.jsx)(c.z,{type:"primary",children:"打开气泡"})})}}return(0,k.jsx)(n,{})},b=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{visible:!1}),(0,t.Z)(this,"onBeforeClose",(()=>new Promise((n=>{setTimeout(n,500)}))))}onBeforeShow(n){setTimeout(n,500)}render(){return(0,k.jsx)(o.X,{content:"延迟500ms关闭",trigger:"click",onBeforeShow:this.onBeforeShow,onBeforeClose:this.onBeforeClose,children:(0,k.jsx)(c.z,{type:"primary",children:"延迟500ms打开"})})}}return(0,k.jsx)(n,{})},x=function(){var n=o.X.withPop((function({pop:n}){return(0,k.jsxs)("div",{children:[(0,k.jsx)("div",{style:{marginBottom:16},children:"Pop 内容"}),(0,k.jsx)(c.z,{onClick:n.close,children:"关闭"})]})}));return(0,k.jsx)(o.X,{trigger:"click",content:(0,k.jsx)(n,{}),children:(0,k.jsx)(c.z,{type:"primary",children:"打开"})})},j=function(){return(0,k.jsxs)("div",{className:"zent-doc-pop-container",children:[(0,k.jsx)(o.X,{centerArrow:!0,trigger:"hover",position:"top-left",content:"内容",children:(0,k.jsx)(i.Y,{disabled:!0})}),(0,k.jsx)(o.X,{centerArrow:!0,trigger:"hover",position:"top-left",content:"内容",children:(0,k.jsx)(r.X,{disabled:!0})}),(0,k.jsx)(o.X,{trigger:"hover",position:"top-center",content:"内容",children:(0,k.jsx)(l.I,{disabled:!0,className:"zent-pop-disabled-mr"})}),(0,k.jsx)(o.X,{trigger:"hover",position:"top-center",content:"内容",fixMouseEventsOnDisabledChildren:!0,children:(0,k.jsx)(c.z,{type:"primary",disabled:!0,children:"Button"})}),(0,k.jsx)(o.X,{trigger:"hover",position:"top-center",content:"内容",fixMouseEventsOnDisabledChildren:!0,children:(0,k.jsx)(c.z.Directive,{type:"primary",disabled:!0,children:(0,k.jsx)("a",{href:"",children:" ButtonDirective "})})})]})};function C(n){return(0,k.jsx)(n.tag,m(m({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function z(n){return(0,k.jsx)(C,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function w(n){return(0,k.jsx)(C,{tag:"style",html:n.style})}function P(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),P(n.parentNode,a);return a}class N extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:s||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(C,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class q extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,P(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(w,{style:".zent-doc-pop-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t.zent-doc-pop-container .zent-input-wrapper {\n\t\t\tmargin-left: 10px;\n\t\t}\n\n.zent-doc-pop-positions {\n position: relative;\n }\n\n.zent-doc-pop-positions-top-row,\n\t\t.zent-doc-pop-positions-bottom-row {\n text-align: center;\n }\n\n.zent-doc-pop-positions-top-row .zent-pop-wrapper:not(:last-child), .zent-doc-pop-positions-bottom-row .zent-pop-wrapper:not(:last-child) {\n margin-right: 10px;\n }\n\n.zent-doc-pop-positions-bottom-row {\n margin-top: 200px;\n }\n\n.zent-doc-pop-positions-left-col, .zent-doc-pop-positions-right-col {\n position: absolute;\n top: 0;\n display: flex;\n justify-content: center;\n flex-direction: column;\n height: 100%;\n }\n\n.zent-doc-pop-positions-left-col >*, .zent-doc-pop-positions-right-col >* {\n\t\t\t\tmargin-left: 0 !important;\n\t\t\t}\n\n.zent-doc-pop-positions-left-col >*:not(:last-child), .zent-doc-pop-positions-right-col >*:not(:last-child) {\n\t\t\t\tmargin-bottom: 10px;\n }\n\n.zent-doc-pop-positions-left-col {\n left: 0;\n }\n\n.zent-doc-pop-positions-right-col {\n right: 0;\n }\n\n.zent-doc-pop-positions .zent-pop-wrapper .zent-btn {\n width: 120px;\n }\n\n.zent-doc-pop-tag {\n\twidth: 20px;\n\theight: 20px;\n\ttext-align: center;\n\tline-height: 20px;\n\tborder: 1px solid #e5e5e5;\n\tborder-radius: 5px;\n\tmargin-right: 10px;\n}\n\n.zent-pop-disabled-mr {\n\t\tmargin-right:16px;\n\t}"}),p.createElement(z,{html:'

操作面板 Pop

\n

跟随目标元素出现的非模态窗口，常用于轻量的信息展示和数据输入。

\n

使用指南

\n
    \n
  • 多种触发方式：点击，鼠标移入，获得输入焦点
    • \n
  • 支持对浮层上的元素进行操作, 可以承载相对复杂的内容, 比如链接、按钮等
    • \n
\n

代码演示

'}),p.createElement(N,{title:"三种触发方式: 点击，鼠标移入，获得输入焦点",id:"Demotrigger",src:'import { Pop, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-pop-container">\n <Pop trigger="hover" content="鼠标移入触发方式">\n <Button type="primary">移入鼠标</Button>\n </Pop>\n <Pop trigger="click" content="鼠标点击触发方式">\n <Button type="primary">点击鼠标</Button>\n </Pop>\n <Pop trigger="focus" content="获得输入焦点触发方式">\n <Input defaultValue="点击获取焦点" inline />\n </Pop>\n </div>\n , mountNode\n)'},p.createElement(g)),p.createElement(N,{title:"8种定位",id:"Demopositions",src:'import { Pop, Button } from \'zent\';\n\nconst trigger = \'hover\';\n\nReactDOM.render(\n <div className="zent-doc-pop-positions">\n <div className="zent-doc-pop-positions-top-row">\n <Pop trigger={trigger} position="top-left" content="TL">\n <Button>TopLeft</Button>\n </Pop>\n <Pop trigger={trigger} position="top-center" content="TC">\n <Button>TopCenter</Button>\n </Pop>\n <Pop trigger={trigger} position="top-right" content="TR">\n <Button>TopRight</Button>\n </Pop>\n </div>\n <div className="zent-doc-pop-positions-bottom-row">\n <Pop trigger={trigger} position="bottom-left" content="BL">\n <Button>BottomLeft</Button>\n </Pop>\n <Pop trigger={trigger} position="bottom-center" content="BC">\n <Button>BottomCenter</Button>\n </Pop>\n <Pop trigger={trigger} position="bottom-right" content="BR">\n <Button>BottomRight</Button>\n </Pop>\n </div>\n <div className="zent-doc-pop-positions-left-col">\n <Pop trigger={trigger} position="left-center" content="LC">\n <Button>LeftCenter</Button>\n </Pop>\n </div>\n <div className="zent-doc-pop-positions-right-col">\n <Pop trigger={trigger} position="right-center" content="RC">\n <Button>RightCenter</Button>\n </Pop>\n </div>\n </div>,\n mountNode\n);'},p.createElement(h)),p.createElement(N,{title:"使用 `centerArrow` 来控制气泡小三角的位置",id:"Democenterarrow",src:'import { Pop, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-pop-container">\n <Pop centerArrow trigger="hover" position="top-left" content="centerArrow 为 true">\n <div className="zent-doc-pop-tag">Y</div>\n </Pop>\n <Pop trigger="hover" position="top-left" content="centerArrow 为 false">\n <div className="zent-doc-pop-tag">N</div>\n </Pop>\n </div>\n , mountNode\n);'},p.createElement(v)),p.createElement(N,{title:"Confirm 形式的气泡提示",id:"Democonfirm",src:'import { Pop, Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n confirmHandler = () => {\n Sweetalert.alert({\n content: \'Pop关闭了\',\n parentComponent: this,\n });\n };\n\n render() {\n return (\n <Pop\n trigger="click"\n content={\n <span\n style={{\n maxWidth: 100,\n wordBreak: \'break-all\',\n display: \'inline-block\',\n }}\n >\n 1111d kdsalkdsa kdsklda kdslkda kdanmcmdj 9209 kjfslk kdslkd\n </span>\n }\n onConfirm={this.confirmHandler}\n >\n <Button type="primary">打开气泡</Button>\n </Pop>\n );\n }\n}\n\nReactDOM.render(<Wrapper />, mountNode);'},p.createElement(f)),p.createElement(N,{title:"自定义 Confirm 形式的气泡提示按钮",id:"Democustomconfirm",src:'import { Pop, Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n confirmHandler = () => {\n Sweetalert.alert({\n content: \'Pop 打开了\',\n parentComponent: this\n });\n }\n\n render() {\n return (\n <Pop\n trigger="click"\n header="Pop 标题"\n content="提示内容"\n type="primary"\n confirmText="Error"\n cancelText="Close"\n onConfirm={this.confirmHandler}\n >\n <Button type="primary">打开气泡</Button>\n </Pop>\n );\n }\n}\n\nReactDOM.render(<Wrapper/>, mountNode);'},p.createElement(y)),p.createElement(N,{title:"延迟打开／关闭",id:"Demodelay",src:'import { Pop, Button } from \'zent\';\n\nclass Controlled extends Component {\n state = {\n visible: false\n };\n\n onBeforeShow(cont) {\n setTimeout(cont, 500);\n };\n\n onBeforeClose = () => {\n return new Promise((resolve) => {\n setTimeout(resolve, 500);\n });\n };\n\n render() {\n return (\n <Pop\n content="延迟500ms关闭"\n trigger="click"\n onBeforeShow={this.onBeforeShow}\n onBeforeClose={this.onBeforeClose}\n >\n <Button type="primary">延迟500ms打开</Button>\n </Pop>\n );\n }\n}\n\nReactDOM.render(\n <Controlled />\n , mountNode\n);'},p.createElement(b)),p.createElement(N,{title:"withPop 高阶组件",id:"Demowithpop",src:'import { Pop, Button } from \'zent\';\n\n// 点击 close 按钮可以关闭弹层\nconst Content = Pop.withPop(function Content({ pop }) {\n return (\n <div>\n <div style={{ marginBottom: 16 }}>Pop 内容</div>\n <Button onClick={pop.close}>关闭</Button>\n </div>\n );\n});\n\nReactDOM.render(\n <Pop trigger="click" content={<Content />}>\n <Button type="primary">打开</Button>\n </Pop>,\n mountNode\n);'},p.createElement(x)),p.createElement(N,{title:"禁用表单元素",id:"Demodisabled",src:'import { Button, Pop, Radio, Checkbox, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-pop-container">\n <Pop\n centerArrow\n trigger="hover"\n position="top-left"\n content="内容"\n >\n <Radio disabled></Radio>\n </Pop>\n <Pop\n centerArrow\n trigger="hover"\n position="top-left"\n content="内容"\n >\n <Checkbox disabled></Checkbox>\n </Pop>\n <Pop\n trigger="hover"\n position="top-center"\n content="内容"\n >\n <Input disabled className="zent-pop-disabled-mr" />\n </Pop>\n <Pop\n trigger="hover"\n position="top-center"\n content="内容"\n fixMouseEventsOnDisabledChildren\n >\n <Button type="primary" disabled>\n Button\n </Button>\n </Pop>\n <Pop\n trigger="hover"\n position="top-center"\n content="内容"\n fixMouseEventsOnDisabledChildren\n >\n <Button.Directive type="primary" disabled>\n <a href=""> ButtonDirective </a>\n </Button.Directive>\n </Pop>\n </div>,\n mountNode\n);'},p.createElement(j)),p.createElement(z,{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
参数说明类型是否必须默认值备选值
content弹层的内容node是
trigger触发方式string否\'none\'\'click\'\n, \n\'hover\'\n, \n\'focus\'
position弹出框的位置，命名规则：相对触发元素的位置+箭头相对于Pop的位置。接受函数形式，参考 \nPopover.Position.createstring \n|\n func否\'top-center\'
centerArrow是否按小箭头居中对齐trigger来定位bool否false
cushion与 Popover 中的\ncushion\n含义（定位的偏移量）相同，通常为弹框边缘与 trigger 元素之间的距离number否10
header用户可以自定义头部node否
block弹层在文档流里是否以块级元素出现bool否false
onShow弹层打开后的回调函数func否noop
onClose弹层关闭后的回调函数func否noop
onBeforeShow弹层打开前的回调函数，只有用户触发的打开操作才会调用，外部设置\nvisible\n不会调用func否noop
onBeforeClose弹层关闭前的回调函数, 只有用户触发的关闭操作才会调用，外部设置\nvisible\n不会调用func否noop
onConfirm用户自定义回调，设置以后pop 表现为confirmfunc否
onCancel用户使用 confirm 的时候可自定义取消的回调func否
confirmText用户自定义按钮名string否\'确定\'
cancelText用户自定义取消按钮string否\'取消\'
type影响确定按钮的样式string否\'primary\'\'default\'
visible外部维护 \nPop\n 的显示状态，此时外部拥有 \nPop\n 的全部控制权，必须和 \nonVisibleChange\n 一起使用bool否
onVisibleChange和 \nvisible\n 一起使用func否
onPositionUpdated位置更新时的回调，不保证调用这个函数时位置一定变化func否noop
onPositionReady位置进入窗口时的回调，生命周期内只调用一次func否noop
containerSelector弹层的父节点CSS selectorstring否\'body\'所有合法的CSS selector
className弹层自定义类名string否
style弹层自定义样式CSSProperties否
\n

根据 trigger 值的不同, Pop 提供了一些额外的控制参数.

\n

Click

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值
closeOnClickOutside点击弹层和trigger节点外部时自动关闭bool否true
\n

Hover

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值
mouseEnterDelayhover打开的延迟（单位：毫秒）number否200
mouseLeaveDelay关闭的的延迟（单位：毫秒）number否200
anchorOnly仅考虑 Trigger 作为触发区域boolean否false
fixMouseEventsOnDisabledChildren兼容处理被禁用的子节点的鼠标事件boolean否false
\n

注意：fixMouseEventsOnDisabledChildren 仅对 Zent 组件有效。

\n

背景

\n\n

解决方案

\n
    \n
  • 先将元素 input 或 button 包裹在另一元素内部
    • \n
  • 再给元素 input 或 button 加样式 {pointer-events: none}
    • \n
\n

None

\n

这种模式下 onConfirm 和 onCancel 不会自动关闭 Pop, 需要使用者自己在回调中控制 visible 来关闭 Pop.

\n

withPop 高阶组件

\n

这个高阶组件暴露了 Pop 内部的几个重要方法, 可能的使用场景: 在 content 内部手动关闭弹层.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型
open打开 Popfunc
close关闭 Popfunc
\n

adjustPosition 方法

\n

用于手动调整 Pop 位置。

\n

getWrappedPopover 方法

\n

用于获取内部的 Popover 实例。

\n

FAQ

\n

内容区文本很长的时候定位错误

\n

这个问题基本都是因为 content 直接传入了一个很长的字符串，导致组件在 body 上测量得到的弹层宽度和实际渲染宽度不一致导致的，因为这个折行行为和弹层与屏幕边缘的位置相关。解决方法是给 content 一个宽度。

\n

centerArrow

\n

默认情况下, Pop 根据 position 对齐的是弹层和trigger的边缘, 除了 postion 为 \'*-center\' 的情况下, 弹层上的小箭头和弹层边缘的间距是固定的, 因而在 trigger 特别小的情况下箭头会对齐到 trigger 外部. 这种情况下可以设置 centerArrow 为 true, 不管trigger大小如何, 箭头永远对齐在trigger中间, 弹层再相对箭头做定位.

\n

onConfirm 和 onCancel

\n

支持异步响应，此时按钮会变成loading状态。

\n
    \n
  • 如果返回 Promise, Pop 会在 Promise resolve 后关闭.
    • \n
  • 也支持参数形式的异步响应, 此时接受一个参数 close, 需要在函数内手动调用 close 函数.
    • \n
'}))}}},33938:(n,a,s)=>{"use strict";s.d(a,{X:()=>k});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(1535),u=s(23130),i=s(1348),r=s(4008);function k(n){var a=(0,c.useContext)(i.d),s=(0,c.useContext)(u.Z),e=(0,c.useRef)(n);e.current=n;var r,k=s&&s.onChange,d=(0,c.useCallback)((function(n){var a=e.current,s=a.value,p=a.onChange;if(k)k(s);else if(p){var o=Object.create(n);o.target=(0,t.pi)((0,t.pi)({},e.current),{type:"checkbox",checked:n.target.checked}),p(o)}}),[k]),m=(n.checked,n.className),g=n.style,h=(n.disabled,n.readOnly,n.children),v=n.indeterminate,f=n.width,y=(n.value,n.labelStyle),b=n.onMouseEnter,x=n.onMouseLeave,j=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),C=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(s,n),z=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a?a.disabled:n.value}(a,s,n);if(s){var w=s.value,P=s.isValueEqual;r=-1!==w.findIndex((function(a){return P(a,n.value)}))}else r=!!n.checked;return(0,p.jsxs)("label",(0,t.pi)({className:o()("zent-checkbox-wrap",m,{"zent-checkbox-checked":!!r,"zent-checkbox-disabled":z||C,"zent-checkbox-indeterminate":v}),style:(0,t.pi)((0,t.pi)({},g),(0,l.Z)(f)),onMouseEnter:b,onMouseLeave:x,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},j,{type:"checkbox",checked:r&&!v,disabled:z,readOnly:C,onChange:d,"data-zv":"10.0.9"}),void 0)]}),void 0),null!=h&&!0!==h&&!1!==h?(0,p.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:y,"data-zv":"10.0.9"},{children:h}),void 0):null]}),void 0)}k.Group=r.Z,a.Z=k},4008:(n,a,s)=>{"use strict";s.d(a,{c:()=>k});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(41925),u=s(23130),i=s(1348),r=u.Z.Provider,k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getGroupContext=(0,l.Z)((function(n,s,t,p){return{value:Array.isArray(n)?n:[],disabled:s,readOnly:t,isValueEqual:p,onChange:a.onCheckboxChange}})),a.onCheckboxChange=function(n){var s=a.props,t=s.isValueEqual,p=s.onChange,e=s.value;if(p){var o=e?e.slice():[],c=o.findIndex((function(a){return t(a,n)}));-1!==c?o.splice(c,1):o.push(n),p(o)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,e=n.children,o=n.value,l=n.disabled,u=void 0===l?this.context.value:l,i=n.readOnly,k=void 0!==i&&i,d=n.isValueEqual,m=c()("zent-checkbox-group",a);return(0,p.jsx)(r,(0,t.pi)({value:this.getGroupContext(o,u,k,d)},{children:(0,p.jsx)("div",(0,t.pi)({className:m,style:s,"data-zv":"10.0.9"},{children:e}),void 0)}),void 0)},a.defaultProps={isValueEqual:Object.is,value:[]},a.contextType=i.d,a}(e.Component);a.Z=k},23130:(n,a,s)=>{"use strict";var t=s(27378);a.Z=(0,t.createContext)(null)},69024:(n,a,s)=>{"use strict";s.d(a,{V:()=>P,Z:()=>N});var t=s(59312),p=s(24246),e=s(27378),o=s(14623),c=s(53552),l=s(79352),u=s(60042),i=s.n(u),r=s(58801),k=s(27036),d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.dialogEl=null,a.onClickClose=function(n){var s=a.props.onClose;s&&s(n)},a}return(0,t.ZT)(a,n),a.prototype.componentDidMount=function(){this.resetTransformOrigin()},a.prototype.componentDidUpdate=function(){this.resetTransformOrigin()},a.prototype.resetTransformOrigin=function(n){void 0===n&&(n=this.props);var a=n.mousePosition;if(a&&a.x>=0&&a.y>=0&&this.dialogEl&&this.dialogEl.getBoundingClientRect){var s=this.dialogEl.getBoundingClientRect(),t=s.left,p=s.top,e=a.x-t+"px "+(a.y-p)+"px 0",o=this.dialogEl.style;["Webkit","Moz","Ms","ms"].forEach((function(n){o[n+"TransformOrigin"]=e})),o.transformOrigin=e}},a.prototype.renderHeader=function(){var n=this.props.title;return n?(n="number"==typeof n||"string"==typeof n?(0,p.jsx)("span",(0,t.pi)({className:"zent-dialog-r-title-text","data-zv":"10.0.9"},{children:n}),void 0):n,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-header","data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-title","data-zv":"10.0.9"},{children:n}),void 0)}),void 0)):null},a.prototype.render=function(){var n=this,a=this.props,s=a.className,e=a.closeBtn,o=a.footer,c=a.style,l=a.children,u=this.renderHeader(),r=i()("zent-dialog-r-close",{"zent-dialog-r-has-title":!!u}),d=e&&(0,p.jsx)("button",(0,t.pi)({type:"button",className:r,onClick:this.onClickClose,"data-zv":"10.0.9"},{children:(0,p.jsx)(k.Z,{type:"close"},void 0)}),void 0),m=o&&(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-footer","data-zv":"10.0.9"},{children:o}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:i()("zent-dialog-r",s,{"zent-dialog-r--has-header":!!u,"zent-dialog-r--has-footer":!!m,"zent-dialog-r--no-close-btn":!d}),style:c,ref:function(a){return n.dialogEl=a},"data-zv":"10.0.9"},{children:[d,u,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body","data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body-content","data-zv":"10.0.9"},{children:l}),void 0)}),void 0),m]}),void 0)},a}(e.Component),m=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.rootRef=(0,e.createRef)(),a.onMaskClick=function(n){n.target===n.currentTarget&&a.props.mask&&a.props.maskClosable&&a.props.onClose(n)},a}return(0,t.ZT)(a,n),a.prototype.componentDidMount=function(){var n=document.activeElement,a=this.rootRef.current;a!==n&&a&&!a.contains(n)&&function(n){if(n){var a=(0,r.Z)();n.focus(),window.scroll(a.x,a.y)}}(a)},a.prototype.render=function(){var n=this.props,a=n.mask,s=n.visible,e=n.children;return(0,p.jsxs)("div",(0,t.pi)({ref:this.rootRef,tabIndex:-1,className:"zent-dialog-r-root","data-zv":"10.0.9"},{children:[s&&a&&(0,p.jsx)("div",{className:"zent-dialog-r-backdrop","data-zv":"10.0.9"},void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-wrap",onClick:this.onMaskClick,"data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)},a}(e.Component),g=s(31542),h=s.t(g,2),v=s(70453),f=s(42690),y=s(14805),b=new Map,x=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={visible:!0},a.closeOptions={},a.onClosed=function(){var n=a.props,s=n.options.onClose,t=n.container,p=a.closeOptions.triggerOnClose;(void 0===p||p)&&s&&s(),g.unmountComponentAtNode(t)},a.onClose=function(n){a.close({triggerOnClose:!1!==n})},a}return(0,t.ZT)(a,n),a.prototype.close=function(n){void 0===n&&(n={}),this.closeOptions=n,this.setState({visible:!1})},a.prototype.componentWillUnmount=function(){var n=this.props.options.dialogId;b.delete(n)},a.prototype.render=function(){var n=this.props.options,a=this.state.visible;return(0,p.jsx)(N,(0,t.pi)({},n,{onClose:this.onClose,onClosed:this.onClosed,visible:a}),void 0)},a}(e.Component);function j(n,a){void 0===a&&(a={});var s=b.get(n);if(s){var t=s.current;t&&t.close(a)}}function C(n){if(void 0===n&&(n={}),!l.Z)return f.Z;var a=n.dialogId,s=void 0===a?(0,v.Z)("__zent-dialog__"):a,o=n.parentComponent;!function(n){if(b.has(n))throw new Error("Duplicate dialog id found: "+n)}(s);var c=(0,y.Z)("div"),u=o?g.unstable_renderSubtreeIntoContainer.bind(h,o):g.render,i=(0,e.createRef)();return u((0,p.jsx)(x,{ref:i,options:(0,t.pi)((0,t.pi)({},n),{dialogId:s}),container:c},void 0),c),function(n,a){b.set(n,a)}(s,i),function(n){void 0===n&&(n=!0),j(s,{triggerOnClose:!1!==n})}}var z=s(49744),w=null;l.Z&&(0,z.Oo)(document.documentElement,"click",(function(n){w={x:n.clientX,y:n.clientY}}),{capture:!0});var P=function(n){function a(a){var s=n.call(this,a)||this;return s.lastMousePosition=null,s.onClose=function(n){var a=s.props.onClose;a&&a(n)},s.onExited=function(){var n=s.props.onClosed;s.setState({exiting:!1}),n&&n()},s.state={prevOpen:a.visible,exiting:!1},s}return(0,t.ZT)(a,n),a.getDerivedStateFromProps=function(n,a){var s=a.prevOpen;return n.visible===s?null:n.visible?{prevOpen:n.visible,exiting:!1}:{prevOpen:n.visible,exiting:!0}},a.prototype.render=function(){var n=this.props,a=n.visible,s=n.closeBtn,e=n.style,l=n.onOpened,u=(n.onClosed,n.mask),i=n.maskClosable,r=n.children,k=(0,t._T)(n,["visible","closeBtn","style","onOpened","onClosed","mask","maskClosable","children"]),g=this.state.exiting;return this.lastMousePosition=a?this.lastMousePosition||w:null,(0,p.jsx)(c.ZP,(0,t.pi)({visible:a||g,onClose:this.onClose,className:"zent-dialog-r-anchor",closeOnESC:s,blockPageScroll:!0},{children:(0,p.jsx)(m,(0,t.pi)({mask:u,maskClosable:i,visible:a,onClose:this.onClose},{children:(0,p.jsx)(o.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:a,timeout:300,classNames:"zent-zoom",onEntered:l,onExited:this.onExited},{children:(0,p.jsx)(d,(0,t.pi)({},k,{style:e,closeBtn:s,mousePosition:this.lastMousePosition},{children:r}),void 0)}),void 0)}),void 0)}),void 0)},a.defaultProps={onClose:function(){},visible:!1,className:"",style:{},title:"",closeBtn:!0,mask:!0,maskClosable:!0,footer:null},a.openDialog=C,a.closeDialog=j,a}(e.Component),N=P},4246:(n,a,s)=>{"use strict";s.d(a,{E:()=>i});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),u=s(1348);function i(n){var a=(0,c.useContext)(u.d),s=n.value,e=n.disabled,i=void 0===e?a.value:e,r=n.readOnly,k=void 0!==r&&r,d=n.isValueEqual,m=void 0===d?Object.is:d,g=n.className,h=n.style,v=n.children,f=n.onChange,y=(0,c.useMemo)((function(){return{value:s,disabled:i,readOnly:k,isValueEqual:m,onRadioChange:f}}),[s,i,k,m,f]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:y},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",g),style:h,"data-zv":"10.0.9"},{children:v}),void 0)}),void 0)}a.Z=i},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function u(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function i(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var r=s(4246),k=s(1348),d=s(57961);function m(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.labelStyle,g=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),v=(0,l.useContext)(d.Z),f=i(h,v,n),y=f.checked,b=f.disabled,x=f.readOnly,j=u(v,n),C=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!y,"zent-radio-disabled":b||x}),z=(0,c.Z)(r),w=(0,t.pi)((0,t.pi)({},s),z);return(0,p.jsxs)("label",(0,t.pi)({className:C,style:w,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},g,{type:"radio",checked:!!y,disabled:b,readOnly:x,onChange:j,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.onMouseEnter,g=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),v=(0,l.useContext)(k.d),f=(0,l.useContext)(d.Z);if(!f)throw new Error("Radio.Button must be nested within Radio.Group");var y=i(v,f,n),b=y.checked,x=y.disabled,j=y.readOnly,C=u(f,n),z=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!b,"zent-radio-button--disabled":x||j}),w=(0,c.Z)(r),P=(0,t.pi)((0,t.pi)({},s),w);return(0,p.jsxs)("label",(0,t.pi)({className:z,style:P,onMouseEnter:m,onMouseLeave:g,"data-zv":"10.0.9"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!b,disabled:x,readOnly:j,onChange:C,"data-zv":"10.0.9"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)},m.Group=r.Z;var g=m},11497:(n,a,s)=>{"use strict";s.d(a,{Hj:()=>f});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(52074),l=s(69024).Z,u=s(27036),i=s(27378),r=s(90347),k=s(65436),d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={loading:!1},a.onClick=function(){var n=a.props,s=n.onClick,t=(0,n.getClose)();if(!s)return t();var p=s.length>0,e=p?s(t):s();if((0,k.Z)(e))return a.setState({loading:!0}),void e.then((function(){t()}),(function(){a.setState({loading:!1})}));p||!1===e||t()},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.type,e=n.text,o=this.state.loading;return(0,p.jsx)(r.ZP,(0,t.pi)({type:s,className:a,loading:o,onClick:this.onClick},{children:e}),void 0)},a}(i.Component),m={info:"info-circle-o",success:"check-circle-o",error:"close-circle-o",warning:"warning-o"},g=l.openDialog;function h(n,a){var s,e=n.className,l=void 0===e?"":e,i=n.confirmType,r=void 0===i?"primary":i,k=n.closeBtn,h=void 0!==k&&k,v=n.maskClosable,f=void 0!==v&&v,y=n.title,b=n.type,x=n.content,j=n.onConfirm,C=n.onCancel,z=n.confirmText,w=n.cancelText,P=n.parentComponent,N=n.onClose,q=null;return q=g({closeBtn:h,maskClosable:f,className:o()("zent-sweetalert-"+a,(s={},s[l]=!!l,s)),title:(0,p.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var a=m[b];return(0,p.jsxs)("div",(0,t.pi)({className:"zent-sweetalert-"+(b?"icon-":"")+"title","data-zv":"10.0.9"},{children:[b&&(0,p.jsx)(u.Z,{className:"zent-sweetalert-type-icon",type:a},void 0),y||n.title]}),void 0)}}),void 0),children:x,footer:(0,p.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var s="alert"===a;return(0,p.jsxs)("div",(0,t.pi)({className:"sweet-"+a+"-actions","data-zv":"10.0.9"},{children:[!s&&(0,p.jsx)(d,{type:"default",className:"zent-sweetalert-"+a+"-btn-cancel",getClose:function(){return q},onClick:C,text:w||n.cancel},"sweetalert-cancel"),(0,p.jsx)(d,{type:r,className:"zent-sweetalert-"+a+"-btn-confirm",getClose:function(){return q},onClick:j,text:z||(s?n.ok:n.confirm)},"sweetalert-confirm")]}),void 0)}}),void 0),parentComponent:P,onClose:N})}function v(n){return void 0===n&&(n={}),h(n,"alert")}var f={alert:v,info:v,confirm:function(n){return void 0===n&&(n={}),h(n,"confirm")}}},58801:(n,a,s)=>{"use strict";function t(){var n=window.pageXOffset,a=window.pageYOffset;return{x:void 0!==n?n:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==a?a:(document.documentElement||document.body.parentNode||document.body).scrollTop}}s.d(a,{Z:()=>t})},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3775],{43775:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>q});var t=s(73450),p=s(27378),e=s(57318),o=s(92497),c=s(3454),l=s(82285),i=s(11497),u=s(71457),r=s(33938),k=s(24246);function d(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function m(n){for(var a=1;a{i.Hj.alert({content:"Pop关闭了",parentComponent:this})}))}render(){return(0,k.jsx)(o.X,{trigger:"click",content:(0,k.jsx)("span",{style:{maxWidth:100,wordBreak:"break-all",display:"inline-block"},children:"1111d kdsalkdsa kdsklda kdslkda kdanmcmdj 9209 kjfslk kdslkd"}),onConfirm:this.confirmHandler,children:(0,k.jsx)(c.z,{type:"primary",children:"打开气泡"})})}}return(0,k.jsx)(n,{})},y=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"confirmHandler",(()=>{i.Hj.alert({content:"Pop 打开了",parentComponent:this})}))}render(){return(0,k.jsx)(o.X,{trigger:"click",header:"Pop 标题",content:"提示内容",type:"primary",confirmText:"Error",cancelText:"Close",onConfirm:this.confirmHandler,children:(0,k.jsx)(c.z,{type:"primary",children:"打开气泡"})})}}return(0,k.jsx)(n,{})},b=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{visible:!1}),(0,t.Z)(this,"onBeforeClose",(()=>new Promise((n=>{setTimeout(n,500)}))))}onBeforeShow(n){setTimeout(n,500)}render(){return(0,k.jsx)(o.X,{content:"延迟500ms关闭",trigger:"click",onBeforeShow:this.onBeforeShow,onBeforeClose:this.onBeforeClose,children:(0,k.jsx)(c.z,{type:"primary",children:"延迟500ms打开"})})}}return(0,k.jsx)(n,{})},x=function(){var n=o.X.withPop((function({pop:n}){return(0,k.jsxs)("div",{children:[(0,k.jsx)("div",{style:{marginBottom:16},children:"Pop 内容"}),(0,k.jsx)(c.z,{onClick:n.close,children:"关闭"})]})}));return(0,k.jsx)(o.X,{trigger:"click",content:(0,k.jsx)(n,{}),children:(0,k.jsx)(c.z,{type:"primary",children:"打开"})})},j=function(){return(0,k.jsxs)("div",{className:"zent-doc-pop-container",children:[(0,k.jsx)(o.X,{centerArrow:!0,trigger:"hover",position:"top-left",content:"内容",children:(0,k.jsx)(u.Y,{disabled:!0})}),(0,k.jsx)(o.X,{centerArrow:!0,trigger:"hover",position:"top-left",content:"内容",children:(0,k.jsx)(r.X,{disabled:!0})}),(0,k.jsx)(o.X,{trigger:"hover",position:"top-center",content:"内容",children:(0,k.jsx)(l.I,{disabled:!0,className:"zent-pop-disabled-mr"})}),(0,k.jsx)(o.X,{trigger:"hover",position:"top-center",content:"内容",fixMouseEventsOnDisabledChildren:!0,children:(0,k.jsx)(c.z,{type:"primary",disabled:!0,children:"Button"})}),(0,k.jsx)(o.X,{trigger:"hover",position:"top-center",content:"内容",fixMouseEventsOnDisabledChildren:!0,children:(0,k.jsx)(c.z.Directive,{type:"primary",disabled:!0,children:(0,k.jsx)("a",{href:"",children:" ButtonDirective "})})})]})};function C(n){return(0,k.jsx)(n.tag,m(m({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function z(n){return(0,k.jsx)(C,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function w(n){return(0,k.jsx)(C,{tag:"style",html:n.style})}function P(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),P(n.parentNode,a);return a}class N extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:s||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(C,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class q extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,P(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(w,{style:".zent-doc-pop-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t.zent-doc-pop-container .zent-input-wrapper {\n\t\t\tmargin-left: 10px;\n\t\t}\n\n.zent-doc-pop-positions {\n position: relative;\n }\n\n.zent-doc-pop-positions-top-row,\n\t\t.zent-doc-pop-positions-bottom-row {\n text-align: center;\n }\n\n.zent-doc-pop-positions-top-row .zent-pop-wrapper:not(:last-child), .zent-doc-pop-positions-bottom-row .zent-pop-wrapper:not(:last-child) {\n margin-right: 10px;\n }\n\n.zent-doc-pop-positions-bottom-row {\n margin-top: 200px;\n }\n\n.zent-doc-pop-positions-left-col, .zent-doc-pop-positions-right-col {\n position: absolute;\n top: 0;\n display: flex;\n justify-content: center;\n flex-direction: column;\n height: 100%;\n }\n\n.zent-doc-pop-positions-left-col >*, .zent-doc-pop-positions-right-col >* {\n\t\t\t\tmargin-left: 0 !important;\n\t\t\t}\n\n.zent-doc-pop-positions-left-col >*:not(:last-child), .zent-doc-pop-positions-right-col >*:not(:last-child) {\n\t\t\t\tmargin-bottom: 10px;\n }\n\n.zent-doc-pop-positions-left-col {\n left: 0;\n }\n\n.zent-doc-pop-positions-right-col {\n right: 0;\n }\n\n.zent-doc-pop-positions .zent-pop-wrapper .zent-btn {\n width: 120px;\n }\n\n.zent-doc-pop-tag {\n\twidth: 20px;\n\theight: 20px;\n\ttext-align: center;\n\tline-height: 20px;\n\tborder: 1px solid #e5e5e5;\n\tborder-radius: 5px;\n\tmargin-right: 10px;\n}\n\n.zent-pop-disabled-mr {\n\t\tmargin-right:16px;\n\t}"}),p.createElement(z,{html:'

操作面板 Pop

\n

跟随目标元素出现的非模态窗口，常用于轻量的信息展示和数据输入。

\n

使用指南

\n
    \n
  • 多种触发方式：点击，鼠标移入，获得输入焦点
    • \n
  • 支持对浮层上的元素进行操作, 可以承载相对复杂的内容, 比如链接、按钮等
    • \n
\n

代码演示

'}),p.createElement(N,{title:"三种触发方式: 点击，鼠标移入，获得输入焦点",id:"Demotrigger",src:'import { Pop, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-pop-container">\n <Pop trigger="hover" content="鼠标移入触发方式">\n <Button type="primary">移入鼠标</Button>\n </Pop>\n <Pop trigger="click" content="鼠标点击触发方式">\n <Button type="primary">点击鼠标</Button>\n </Pop>\n <Pop trigger="focus" content="获得输入焦点触发方式">\n <Input defaultValue="点击获取焦点" inline />\n </Pop>\n </div>\n , mountNode\n)'},p.createElement(g)),p.createElement(N,{title:"8种定位",id:"Demopositions",src:'import { Pop, Button } from \'zent\';\n\nconst trigger = \'hover\';\n\nReactDOM.render(\n <div className="zent-doc-pop-positions">\n <div className="zent-doc-pop-positions-top-row">\n <Pop trigger={trigger} position="top-left" content="TL">\n <Button>TopLeft</Button>\n </Pop>\n <Pop trigger={trigger} position="top-center" content="TC">\n <Button>TopCenter</Button>\n </Pop>\n <Pop trigger={trigger} position="top-right" content="TR">\n <Button>TopRight</Button>\n </Pop>\n </div>\n <div className="zent-doc-pop-positions-bottom-row">\n <Pop trigger={trigger} position="bottom-left" content="BL">\n <Button>BottomLeft</Button>\n </Pop>\n <Pop trigger={trigger} position="bottom-center" content="BC">\n <Button>BottomCenter</Button>\n </Pop>\n <Pop trigger={trigger} position="bottom-right" content="BR">\n <Button>BottomRight</Button>\n </Pop>\n </div>\n <div className="zent-doc-pop-positions-left-col">\n <Pop trigger={trigger} position="left-center" content="LC">\n <Button>LeftCenter</Button>\n </Pop>\n </div>\n <div className="zent-doc-pop-positions-right-col">\n <Pop trigger={trigger} position="right-center" content="RC">\n <Button>RightCenter</Button>\n </Pop>\n </div>\n </div>,\n mountNode\n);'},p.createElement(h)),p.createElement(N,{title:"使用 `centerArrow` 来控制气泡小三角的位置",id:"Democenterarrow",src:'import { Pop, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-pop-container">\n <Pop centerArrow trigger="hover" position="top-left" content="centerArrow 为 true">\n <div className="zent-doc-pop-tag">Y</div>\n </Pop>\n <Pop trigger="hover" position="top-left" content="centerArrow 为 false">\n <div className="zent-doc-pop-tag">N</div>\n </Pop>\n </div>\n , mountNode\n);'},p.createElement(v)),p.createElement(N,{title:"Confirm 形式的气泡提示",id:"Democonfirm",src:'import { Pop, Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n confirmHandler = () => {\n Sweetalert.alert({\n content: \'Pop关闭了\',\n parentComponent: this,\n });\n };\n\n render() {\n return (\n <Pop\n trigger="click"\n content={\n <span\n style={{\n maxWidth: 100,\n wordBreak: \'break-all\',\n display: \'inline-block\',\n }}\n >\n 1111d kdsalkdsa kdsklda kdslkda kdanmcmdj 9209 kjfslk kdslkd\n </span>\n }\n onConfirm={this.confirmHandler}\n >\n <Button type="primary">打开气泡</Button>\n </Pop>\n );\n }\n}\n\nReactDOM.render(<Wrapper />, mountNode);'},p.createElement(f)),p.createElement(N,{title:"自定义 Confirm 形式的气泡提示按钮",id:"Democustomconfirm",src:'import { Pop, Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n confirmHandler = () => {\n Sweetalert.alert({\n content: \'Pop 打开了\',\n parentComponent: this\n });\n }\n\n render() {\n return (\n <Pop\n trigger="click"\n header="Pop 标题"\n content="提示内容"\n type="primary"\n confirmText="Error"\n cancelText="Close"\n onConfirm={this.confirmHandler}\n >\n <Button type="primary">打开气泡</Button>\n </Pop>\n );\n }\n}\n\nReactDOM.render(<Wrapper/>, mountNode);'},p.createElement(y)),p.createElement(N,{title:"延迟打开／关闭",id:"Demodelay",src:'import { Pop, Button } from \'zent\';\n\nclass Controlled extends Component {\n state = {\n visible: false\n };\n\n onBeforeShow(cont) {\n setTimeout(cont, 500);\n };\n\n onBeforeClose = () => {\n return new Promise((resolve) => {\n setTimeout(resolve, 500);\n });\n };\n\n render() {\n return (\n <Pop\n content="延迟500ms关闭"\n trigger="click"\n onBeforeShow={this.onBeforeShow}\n onBeforeClose={this.onBeforeClose}\n >\n <Button type="primary">延迟500ms打开</Button>\n </Pop>\n );\n }\n}\n\nReactDOM.render(\n <Controlled />\n , mountNode\n);'},p.createElement(b)),p.createElement(N,{title:"withPop 高阶组件",id:"Demowithpop",src:'import { Pop, Button } from \'zent\';\n\n// 点击 close 按钮可以关闭弹层\nconst Content = Pop.withPop(function Content({ pop }) {\n return (\n <div>\n <div style={{ marginBottom: 16 }}>Pop 内容</div>\n <Button onClick={pop.close}>关闭</Button>\n </div>\n );\n});\n\nReactDOM.render(\n <Pop trigger="click" content={<Content />}>\n <Button type="primary">打开</Button>\n </Pop>,\n mountNode\n);'},p.createElement(x)),p.createElement(N,{title:"禁用表单元素",id:"Demodisabled",src:'import { Button, Pop, Radio, Checkbox, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-pop-container">\n <Pop\n centerArrow\n trigger="hover"\n position="top-left"\n content="内容"\n >\n <Radio disabled></Radio>\n </Pop>\n <Pop\n centerArrow\n trigger="hover"\n position="top-left"\n content="内容"\n >\n <Checkbox disabled></Checkbox>\n </Pop>\n <Pop\n trigger="hover"\n position="top-center"\n content="内容"\n >\n <Input disabled className="zent-pop-disabled-mr" />\n </Pop>\n <Pop\n trigger="hover"\n position="top-center"\n content="内容"\n fixMouseEventsOnDisabledChildren\n >\n <Button type="primary" disabled>\n Button\n </Button>\n </Pop>\n <Pop\n trigger="hover"\n position="top-center"\n content="内容"\n fixMouseEventsOnDisabledChildren\n >\n <Button.Directive type="primary" disabled>\n <a href=""> ButtonDirective </a>\n </Button.Directive>\n </Pop>\n </div>,\n mountNode\n);'},p.createElement(j)),p.createElement(z,{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
参数说明类型是否必须默认值备选值
content弹层的内容node是
trigger触发方式string否\'none\'\'click\'\n, \n\'hover\'\n, \n\'focus\'
position弹出框的位置，命名规则：相对触发元素的位置+箭头相对于Pop的位置。接受函数形式，参考 \nPopover.Position.createstring \n|\n func否\'top-center\'
centerArrow是否按小箭头居中对齐trigger来定位bool否false
cushion与 Popover 中的\ncushion\n含义（定位的偏移量）相同，通常为弹框边缘与 trigger 元素之间的距离number否10
header用户可以自定义头部node否
block弹层在文档流里是否以块级元素出现bool否false
onShow弹层打开后的回调函数func否noop
onClose弹层关闭后的回调函数func否noop
onBeforeShow弹层打开前的回调函数，只有用户触发的打开操作才会调用，外部设置\nvisible\n不会调用func否noop
onBeforeClose弹层关闭前的回调函数, 只有用户触发的关闭操作才会调用，外部设置\nvisible\n不会调用func否noop
onConfirm用户自定义回调，设置以后pop 表现为confirmfunc否
onCancel用户使用 confirm 的时候可自定义取消的回调func否
confirmText用户自定义按钮名string否\'确定\'
cancelText用户自定义取消按钮string否\'取消\'
type影响确定按钮的样式string否\'primary\'\'default\'
visible外部维护 \nPop\n 的显示状态，此时外部拥有 \nPop\n 的全部控制权，必须和 \nonVisibleChange\n 一起使用bool否
onVisibleChange和 \nvisible\n 一起使用func否
onPositionUpdated位置更新时的回调，不保证调用这个函数时位置一定变化func否noop
onPositionReady位置进入窗口时的回调，生命周期内只调用一次func否noop
containerSelector弹层的父节点CSS selectorstring否\'body\'所有合法的CSS selector
className弹层自定义类名string否
style弹层自定义样式CSSProperties否
\n

根据 trigger 值的不同, Pop 提供了一些额外的控制参数.

\n

Click

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值
closeOnClickOutside点击弹层和trigger节点外部时自动关闭bool否true
\n

Hover

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值
mouseEnterDelayhover打开的延迟（单位：毫秒）number否200
mouseLeaveDelay关闭的的延迟（单位：毫秒）number否200
anchorOnly仅考虑 Trigger 作为触发区域boolean否false
fixMouseEventsOnDisabledChildren兼容处理被禁用的子节点的鼠标事件boolean否false
\n

注意：fixMouseEventsOnDisabledChildren 仅对 Zent 组件有效。

\n

背景

\n\n

解决方案

\n
    \n
  • 先将元素 input 或 button 包裹在另一元素内部
    • \n
  • 再给元素 input 或 button 加样式 {pointer-events: none}
    • \n
\n

None

\n

这种模式下 onConfirm 和 onCancel 不会自动关闭 Pop, 需要使用者自己在回调中控制 visible 来关闭 Pop.

\n

withPop 高阶组件

\n

这个高阶组件暴露了 Pop 内部的几个重要方法, 可能的使用场景: 在 content 内部手动关闭弹层.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型
open打开 Popfunc
close关闭 Popfunc
\n

adjustPosition 方法

\n

用于手动调整 Pop 位置。

\n

getWrappedPopover 方法

\n

用于获取内部的 Popover 实例。

\n

FAQ

\n

内容区文本很长的时候定位错误

\n

这个问题基本都是因为 content 直接传入了一个很长的字符串，导致组件在 body 上测量得到的弹层宽度和实际渲染宽度不一致导致的，因为这个折行行为和弹层与屏幕边缘的位置相关。解决方法是给 content 一个宽度。

\n

centerArrow

\n

默认情况下, Pop 根据 position 对齐的是弹层和trigger的边缘, 除了 postion 为 \'*-center\' 的情况下, 弹层上的小箭头和弹层边缘的间距是固定的, 因而在 trigger 特别小的情况下箭头会对齐到 trigger 外部. 这种情况下可以设置 centerArrow 为 true, 不管trigger大小如何, 箭头永远对齐在trigger中间, 弹层再相对箭头做定位.

\n

onConfirm 和 onCancel

\n

支持异步响应，此时按钮会变成loading状态。

\n
    \n
  • 如果返回 Promise, Pop 会在 Promise resolve 后关闭.
    • \n
  • 也支持参数形式的异步响应, 此时接受一个参数 close, 需要在函数内手动调用 close 函数.
    • \n
'}))}}},33938:(n,a,s)=>{"use strict";s.d(a,{X:()=>k});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(1535),i=s(23130),u=s(1348),r=s(4008);function k(n){var a=(0,c.useContext)(u.d),s=(0,c.useContext)(i.Z),e=(0,c.useRef)(n);e.current=n;var r,k=s&&s.onChange,d=(0,c.useCallback)((function(n){var a=e.current,s=a.value,p=a.onChange;if(k)k(s);else if(p){var o=Object.create(n);o.target=(0,t.pi)((0,t.pi)({},e.current),{type:"checkbox",checked:n.target.checked}),p(o)}}),[k]),m=(n.checked,n.className),g=n.style,h=(n.disabled,n.readOnly,n.children),v=n.indeterminate,f=n.width,y=(n.value,n.labelStyle),b=n.onMouseEnter,x=n.onMouseLeave,j=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),C=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(s,n),z=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a?a.disabled:n.value}(a,s,n);if(s){var w=s.value,P=s.isValueEqual;r=-1!==w.findIndex((function(a){return P(a,n.value)}))}else r=!!n.checked;return(0,p.jsxs)("label",(0,t.pi)({className:o()("zent-checkbox-wrap",m,{"zent-checkbox-checked":!!r,"zent-checkbox-disabled":z||C,"zent-checkbox-indeterminate":v}),style:(0,t.pi)((0,t.pi)({},g),(0,l.Z)(f)),onMouseEnter:b,onMouseLeave:x,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},j,{type:"checkbox",checked:r&&!v,disabled:z,readOnly:C,onChange:d,"data-zv":"10.0.10"}),void 0)]}),void 0),null!=h&&!0!==h&&!1!==h?(0,p.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:y,"data-zv":"10.0.10"},{children:h}),void 0):null]}),void 0)}k.Group=r.Z,a.Z=k},4008:(n,a,s)=>{"use strict";s.d(a,{c:()=>k});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(41925),i=s(23130),u=s(1348),r=i.Z.Provider,k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getGroupContext=(0,l.Z)((function(n,s,t,p){return{value:Array.isArray(n)?n:[],disabled:s,readOnly:t,isValueEqual:p,onChange:a.onCheckboxChange}})),a.onCheckboxChange=function(n){var s=a.props,t=s.isValueEqual,p=s.onChange,e=s.value;if(p){var o=e?e.slice():[],c=o.findIndex((function(a){return t(a,n)}));-1!==c?o.splice(c,1):o.push(n),p(o)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,e=n.children,o=n.value,l=n.disabled,i=void 0===l?this.context.value:l,u=n.readOnly,k=void 0!==u&&u,d=n.isValueEqual,m=c()("zent-checkbox-group",a);return(0,p.jsx)(r,(0,t.pi)({value:this.getGroupContext(o,i,k,d)},{children:(0,p.jsx)("div",(0,t.pi)({className:m,style:s,"data-zv":"10.0.10"},{children:e}),void 0)}),void 0)},a.defaultProps={isValueEqual:Object.is,value:[]},a.contextType=u.d,a}(e.Component);a.Z=k},23130:(n,a,s)=>{"use strict";var t=s(27378);a.Z=(0,t.createContext)(null)},97701:(n,a,s)=>{"use strict";s.d(a,{V:()=>P,Z:()=>N});var t=s(59312),p=s(24246),e=s(27378),o=s(14623),c=s(53552),l=s(79352),i=s(60042),u=s.n(i),r=s(58801),k=s(27036),d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.dialogEl=null,a.onClickClose=function(n){var s=a.props.onClose;s&&s(n)},a}return(0,t.ZT)(a,n),a.prototype.componentDidMount=function(){this.resetTransformOrigin()},a.prototype.componentDidUpdate=function(){this.resetTransformOrigin()},a.prototype.setTransformOrigin=function(n,a){["Webkit","Moz","Ms","ms"].forEach((function(s){n[s+"TransformOrigin"]=a})),n.transformOrigin=a},a.prototype.resetTransformOrigin=function(n){void 0===n&&(n=this.props);var a=n.mousePosition,s=function(n,a){switch(n){case"center":return"center center 0";case"auto":default:return}}(n.position,this.dialogEl);if(void 0===s&&a&&a.x>=0&&a.y>=0&&this.dialogEl&&this.dialogEl.getBoundingClientRect){var t=this.dialogEl.getBoundingClientRect(),p=t.left,e=t.top;s=a.x-p+"px "+(a.y-e)+"px 0"}s&&this.dialogEl&&this.setTransformOrigin(this.dialogEl.style,s)},a.prototype.renderHeader=function(){var n=this.props.title;return n?(n="number"==typeof n||"string"==typeof n?(0,p.jsx)("span",(0,t.pi)({className:"zent-dialog-r-title-text","data-zv":"10.0.10"},{children:n}),void 0):n,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-header","data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-title","data-zv":"10.0.10"},{children:n}),void 0)}),void 0)):null},a.prototype.render=function(){var n=this,a=this.props,s=a.className,e=a.closeBtn,o=a.footer,c=a.style,l=a.children,i=this.renderHeader(),r=u()("zent-dialog-r-close",{"zent-dialog-r-has-title":!!i}),d=e&&(0,p.jsx)("button",(0,t.pi)({type:"button",className:r,onClick:this.onClickClose,"data-zv":"10.0.10"},{children:(0,p.jsx)(k.Z,{type:"close"},void 0)}),void 0),m=o&&(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-footer","data-zv":"10.0.10"},{children:o}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:u()("zent-dialog-r",s,{"zent-dialog-r--has-header":!!i,"zent-dialog-r--has-footer":!!m,"zent-dialog-r--no-close-btn":!d}),style:c,ref:function(a){return n.dialogEl=a},"data-zv":"10.0.10"},{children:[d,i,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body","data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body-content","data-zv":"10.0.10"},{children:l}),void 0)}),void 0),m]}),void 0)},a}(e.Component),m=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.rootRef=(0,e.createRef)(),a.onMaskClick=function(n){n.target===n.currentTarget&&a.props.mask&&a.props.maskClosable&&a.props.onClose(n)},a}return(0,t.ZT)(a,n),a.prototype.componentDidMount=function(){var n=document.activeElement,a=this.rootRef.current;a!==n&&a&&!a.contains(n)&&function(n){if(n){var a=(0,r.Z)();n.focus(),window.scroll(a.x,a.y)}}(a)},a.prototype.render=function(){var n=this.props,a=n.mask,s=n.visible,e=n.children;return(0,p.jsxs)("div",(0,t.pi)({ref:this.rootRef,tabIndex:-1,className:"zent-dialog-r-root","data-zv":"10.0.10"},{children:[s&&a&&(0,p.jsx)("div",{className:"zent-dialog-r-backdrop","data-zv":"10.0.10"},void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-wrap",onClick:this.onMaskClick,"data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)},a}(e.Component),g=s(31542),h=s.t(g,2),v=s(70453),f=s(42690),y=s(14805),b=new Map,x=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={visible:!0},a.closeOptions={},a.onClosed=function(){var n=a.props,s=n.options.onClose,t=n.container,p=a.closeOptions.triggerOnClose;(void 0===p||p)&&s&&s(),g.unmountComponentAtNode(t)},a.onClose=function(n){a.close({triggerOnClose:!1!==n})},a}return(0,t.ZT)(a,n),a.prototype.close=function(n){void 0===n&&(n={}),this.closeOptions=n,this.setState({visible:!1})},a.prototype.componentWillUnmount=function(){var n=this.props.options.dialogId;b.delete(n)},a.prototype.render=function(){var n=this.props.options,a=this.state.visible;return(0,p.jsx)(N,(0,t.pi)({},n,{onClose:this.onClose,onClosed:this.onClosed,visible:a}),void 0)},a}(e.Component);function j(n,a){void 0===a&&(a={});var s=b.get(n);if(s){var t=s.current;t&&t.close(a)}}function C(n){if(void 0===n&&(n={}),!l.Z)return f.Z;var a=n.dialogId,s=void 0===a?(0,v.Z)("__zent-dialog__"):a,o=n.parentComponent;!function(n){if(b.has(n))throw new Error("Duplicate dialog id found: "+n)}(s);var c=(0,y.Z)("div"),i=o?g.unstable_renderSubtreeIntoContainer.bind(h,o):g.render,u=(0,e.createRef)();return i((0,p.jsx)(x,{ref:u,options:(0,t.pi)((0,t.pi)({},n),{dialogId:s}),container:c},void 0),c),function(n,a){b.set(n,a)}(s,u),function(n){void 0===n&&(n=!0),j(s,{triggerOnClose:!1!==n})}}var z=s(49744),w=null;l.Z&&(0,z.Oo)(document.documentElement,"click",(function(n){0!==n.clientX&&0!==n.clientY&&(w={x:n.clientX,y:n.clientY})}),{capture:!0});var P=function(n){function a(a){var s=n.call(this,a)||this;return s.lastMousePosition=null,s.onClose=function(n){var a=s.props.onClose;a&&a(n)},s.onExited=function(){var n=s.props.onClosed;s.setState({exiting:!1}),n&&n()},s.state={prevOpen:a.visible,exiting:!1},s}return(0,t.ZT)(a,n),a.getDerivedStateFromProps=function(n,a){var s=a.prevOpen;return n.visible===s?null:n.visible?{prevOpen:n.visible,exiting:!1}:{prevOpen:n.visible,exiting:!0}},a.prototype.render=function(){var n=this.props,a=n.visible,s=n.closeBtn,e=n.style,l=n.position,i=n.onOpened,u=(n.onClosed,n.mask),r=n.maskClosable,k=n.children,g=(0,t._T)(n,["visible","closeBtn","style","position","onOpened","onClosed","mask","maskClosable","children"]),h=this.state.exiting;return this.lastMousePosition=a?this.lastMousePosition||w:null,(0,p.jsx)(c.ZP,(0,t.pi)({visible:a||h,onClose:this.onClose,className:"zent-dialog-r-anchor",closeOnESC:s,blockPageScroll:!0},{children:(0,p.jsx)(m,(0,t.pi)({mask:u,maskClosable:r,visible:a,onClose:this.onClose},{children:(0,p.jsx)(o.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:a,timeout:300,classNames:"zent-zoom",onEntered:i,onExited:this.onExited},{children:(0,p.jsx)(d,(0,t.pi)({},g,{style:e,closeBtn:s,position:l,mousePosition:this.lastMousePosition},{children:k}),void 0)}),void 0)}),void 0)}),void 0)},a.defaultProps={onClose:function(){},visible:!1,className:"",style:{},position:"auto",title:"",closeBtn:!0,mask:!0,maskClosable:!0,footer:null},a.openDialog=C,a.closeDialog=j,a}(e.Component),N=P},4246:(n,a,s)=>{"use strict";s.d(a,{E:()=>u});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),i=s(1348);function u(n){var a=(0,c.useContext)(i.d),s=n.value,e=n.disabled,u=void 0===e?a.value:e,r=n.readOnly,k=void 0!==r&&r,d=n.isValueEqual,m=void 0===d?Object.is:d,g=n.className,h=n.style,v=n.children,f=n.onChange,y=(0,c.useMemo)((function(){return{value:s,disabled:u,readOnly:k,isValueEqual:m,onRadioChange:f}}),[s,u,k,m,f]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:y},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",g),style:h,"data-zv":"10.0.10"},{children:v}),void 0)}),void 0)}a.Z=u},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function i(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function u(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var r=s(4246),k=s(1348),d=s(57961);function m(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.labelStyle,g=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),v=(0,l.useContext)(d.Z),f=u(h,v,n),y=f.checked,b=f.disabled,x=f.readOnly,j=i(v,n),C=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!y,"zent-radio-disabled":b||x}),z=(0,c.Z)(r),w=(0,t.pi)((0,t.pi)({},s),z);return(0,p.jsxs)("label",(0,t.pi)({className:C,style:w,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},g,{type:"radio",checked:!!y,disabled:b,readOnly:x,onChange:j,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.onMouseEnter,g=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),v=(0,l.useContext)(k.d),f=(0,l.useContext)(d.Z);if(!f)throw new Error("Radio.Button must be nested within Radio.Group");var y=u(v,f,n),b=y.checked,x=y.disabled,j=y.readOnly,C=i(f,n),z=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!b,"zent-radio-button--disabled":x||j}),w=(0,c.Z)(r),P=(0,t.pi)((0,t.pi)({},s),w);return(0,p.jsxs)("label",(0,t.pi)({className:z,style:P,onMouseEnter:m,onMouseLeave:g,"data-zv":"10.0.10"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!b,disabled:x,readOnly:j,onChange:C,"data-zv":"10.0.10"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)},m.Group=r.Z;var g=m},11497:(n,a,s)=>{"use strict";s.d(a,{Hj:()=>f});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(52074),l=s(97701).Z,i=s(27036),u=s(27378),r=s(90347),k=s(65436),d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={loading:!1},a.onClick=function(){var n=a.props,s=n.onClick,t=(0,n.getClose)();if(!s)return t();var p=s.length>0,e=p?s(t):s();if((0,k.Z)(e))return a.setState({loading:!0}),void e.then((function(){t()}),(function(){a.setState({loading:!1})}));p||!1===e||t()},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.type,e=n.text,o=this.state.loading;return(0,p.jsx)(r.ZP,(0,t.pi)({type:s,className:a,loading:o,onClick:this.onClick},{children:e}),void 0)},a}(u.Component),m={info:"info-circle-o",success:"check-circle-o",error:"close-circle-o",warning:"warning-o"},g=l.openDialog;function h(n,a){var s,e=n.className,l=void 0===e?"":e,u=n.confirmType,r=void 0===u?"primary":u,k=n.closeBtn,h=void 0!==k&&k,v=n.maskClosable,f=void 0!==v&&v,y=n.title,b=n.type,x=n.content,j=n.onConfirm,C=n.onCancel,z=n.confirmText,w=n.cancelText,P=n.parentComponent,N=n.onClose,q=null;return q=g({closeBtn:h,maskClosable:f,className:o()("zent-sweetalert-"+a,(s={},s[l]=!!l,s)),title:(0,p.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var a=m[b];return(0,p.jsxs)("div",(0,t.pi)({className:"zent-sweetalert-"+(b?"icon-":"")+"title","data-zv":"10.0.10"},{children:[b&&(0,p.jsx)(i.Z,{className:"zent-sweetalert-type-icon",type:a},void 0),y||n.title]}),void 0)}}),void 0),children:x,footer:(0,p.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var s="alert"===a;return(0,p.jsxs)("div",(0,t.pi)({className:"sweet-"+a+"-actions","data-zv":"10.0.10"},{children:[!s&&(0,p.jsx)(d,{type:"default",className:"zent-sweetalert-"+a+"-btn-cancel",getClose:function(){return q},onClick:C,text:w||n.cancel},"sweetalert-cancel"),(0,p.jsx)(d,{type:r,className:"zent-sweetalert-"+a+"-btn-confirm",getClose:function(){return q},onClick:j,text:z||(s?n.ok:n.confirm)},"sweetalert-confirm")]}),void 0)}}),void 0),parentComponent:P,onClose:N})}function v(n){return void 0===n&&(n={}),h(n,"alert")}var f={alert:v,info:v,confirm:function(n){return void 0===n&&(n={}),h(n,"confirm")}}},58801:(n,a,s)=>{"use strict";function t(){var n=window.pageXOffset,a=window.pageYOffset;return{x:void 0!==n?n:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==a?a:(document.documentElement||document.body.parentNode||document.body).scrollTop}}s.d(a,{Z:()=>t})},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file diff --git a/3826-7d39882c26fc9f122847.js b/3826-1ed4e3d28b8eb3ab6cda.js similarity index 95% rename from 3826-7d39882c26fc9f122847.js rename to 3826-1ed4e3d28b8eb3ab6cda.js index 6c72d3413..e83815140 100644 --- a/3826-7d39882c26fc9f122847.js +++ b/3826-1ed4e3d28b8eb3ab6cda.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3826],{83826:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>_});var t=a(73450),p=a(73118),o=a(27378),e=a(57318),c=a(5905),l=a(39550),u=a(74473),i=a(3454),k=a(24246);function r(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 d(n){for(var s=1;s{var s=(0,o.useRef)(null);return(0,k.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,k.jsx)(c.q,{getContainer:()=>s.current,children:(0,k.jsxs)(l.W,{children:[(0,k.jsx)(u.r,{span:14,children:(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,k.jsxs)("div",{children:[(0,k.jsx)(c.q.Anchor,{link:n.link,children:(0,k.jsx)("h3",{children:n.title})}),(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,k.jsx)(u.r,{span:8,offset:14,children:(0,k.jsx)(c.q.Links,{offsetTop:24,offsetBottom:24,links:n})})]})})})};return(0,k.jsx)(s,{})},m=function(){var n=[{link:"页面目录一",title:"页面目录一"},{link:"页面目录二",title:"页面目录二"},{link:"页面目录三",title:"页面目录三"},{link:"页面目录四",title:"页面目录四"}],s=()=>{var s=(0,o.useRef)(null);return(0,k.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,k.jsx)(c.q,{getContainer:()=>s.current,offsetTop:50,children:(0,k.jsxs)(l.W,{children:[(0,k.jsx)(u.r,{span:14,children:(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,k.jsxs)("div",{children:[(0,k.jsx)(c.q.Anchor,{link:n.link,children:(0,k.jsx)("h3",{children:n.title})}),(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,k.jsx)(u.r,{span:8,offset:14,children:(0,k.jsx)(c.q.Links,{offsetTop:24,links:n,style:{float:"right"}})})]})})})};return(0,k.jsx)(s,{})},f=function(){var n=[{link:"页面目录一",title:"页面目录一"},{link:"页面目录二",title:"页面目录二"},{link:"页面目录三",title:"页面目录三"},{link:"页面目录四",title:"页面目录四"}],s=()=>{var s=(0,o.useRef)(null),a=(0,o.useState)(void 0),t=(0,p.Z)(a,2),e=t[0],i=t[1];return(0,o.useEffect)((()=>{if(s.current){var n=s.current.getBoundingClientRect().height/2;i(n)}}),[s]),(0,k.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,k.jsx)(c.q,{getContainer:()=>s.current,targetOffset:e,children:(0,k.jsxs)(l.W,{children:[(0,k.jsx)(u.r,{span:14,children:(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,k.jsxs)("div",{children:[(0,k.jsx)(c.q.Anchor,{link:n.link,children:(0,k.jsx)("h3",{children:n.title})}),(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,k.jsx)(u.r,{span:8,offset:14,children:(0,k.jsx)(c.q.Links,{offsetTop:24,links:n,style:{float:"right"}})})]})})})};return(0,k.jsx)(s,{})},v=function(){var n=[{link:"页面目录一",title:"页面目录一"},{link:"页面目录二",title:"页面目录二"},{link:"页面目录三",title:"页面目录三"},{link:"页面目录四",title:"页面目录四"}],s=()=>(0,k.jsx)("div",{className:"zent-demo-elevator-container-window",children:(0,k.jsx)(c.q,{offsetTop:0,children:(0,k.jsxs)(l.W,{children:[(0,k.jsx)(u.r,{span:14,children:(0,k.jsx)("div",{children:n.map((n=>(0,k.jsxs)("div",{children:[(0,k.jsx)(c.q.Anchor,{link:n.link,children:(0,k.jsx)("h3",{children:n.title})}),(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,k.jsx)(u.r,{span:8,offset:14,children:(0,k.jsx)(c.q.Links,{offsetTop:24,offsetBottom:24,links:n,style:{float:"right"}})})]})})});return(0,k.jsx)(s,{})},y=function(){var n=[{link:"页面目录一",title:"页面目录一"},{link:"页面目录二",title:"页面目录二"},{link:"页面目录三",title:"页面目录三"},{link:"页面目录四",title:"页面目录四"}],s=()=>{var s=(0,o.useRef)(null),a=(0,o.useState)("页面目录一"),t=(0,p.Z)(a,2),e=t[0],r=t[1];return(0,k.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,k.jsxs)(c.q,{getContainer:()=>s.current,activeLink:e,onChange:(n,s)=>r(n),targetOffset:40,children:[n.map((n=>(0,k.jsx)(i.z,{onClick:()=>r(n.link),children:n.title}))),(0,k.jsxs)(l.W,{children:[(0,k.jsx)(u.r,{span:14,children:(0,k.jsx)("div",{children:(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,k.jsxs)("div",{children:[(0,k.jsx)(c.q.Anchor,{link:n.link,children:(0,k.jsx)("h3",{children:n.title})}),(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})})}),(0,k.jsx)(u.r,{span:8,offset:14,children:(0,k.jsx)(c.q.Links,{offsetTop:24,offsetBottom:24,links:n})})]})]})})};return(0,k.jsx)(s,{})};function h(n){return(0,k.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function j(n){return(0,k.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function b(n){return(0,k.jsx)(h,{tag:"style",html:n.style})}function w(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),w(n.parentNode,s);return s}class x 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,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:a||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class _ 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,w(s,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(b,{style:".zent-demo-elevator-basic {\n\t\tbackground: #f7f7f7;\n\t\tpadding: 24px;\n\t\theight: 200px;\n\t\toverflow-y: auto;\n\t}\n\n\t.zent-demo-elevator-basic__block__content {\n\t\theight: 180px;\n\t}\n\n.zent-demo-elevator-container-window {\n\t\tbackground: #f7f7f7;\n\t\tpadding: 24px;\n\t\theight: auto;\n\t\toverflow-y: auto;\n\t}\n\t.zent-demo-elevator-container-window__block__content {\n\t\theight: 350px;\n\t}\n\n.zent-demo-elevator-basic {\n\t\tbackground: #f7f7f7;\n\t\tpadding: 24px;\n\t\theight: 200px;\n\t\toverflow-y: auto;\n\t}\n\n\t.zent-demo-elevator-basic__block__content {\n\t\theight: 180px;\n\t}"}),o.createElement(j,{html:'

Elevator

\n

页面内容导航工具，根据页面目录快速定位到页面指定位置，提升信息阅读及操作效率。

\n

代码演示

'}),o.createElement(x,{title:"基本用法",id:"Demobasic",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef } from \'react\';\n\nconst LINKS = [\n {\n link: \'页面目录一\',\n title: \'页面目录一页面目录一页面目录一\',\n },\n {\n link: \'页面目录二\',\n title: \'页面目录二\',\n },\n {\n link: \'页面目录三\',\n title: \'页面目录三\',\n },\n {\n link: \'页面目录四\',\n title: \'页面目录四\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator getContainer={() => ref.current}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links offsetTop={24} offsetBottom={24} links={LINKS} />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(g)),o.createElement(x,{title:"设置偏移量，锚点距离窗口顶部达到指定偏移量后触发切换，默认值为容器高度的一半",id:"Democustomoffset",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef } from \'react\';\n\nconst LINKS = [\n {\n link: \'页面目录一\',\n title: \'页面目录一\',\n },\n {\n link: \'页面目录二\',\n title: \'页面目录二\',\n },\n {\n link: \'页面目录三\',\n title: \'页面目录三\',\n },\n {\n link: \'页面目录四\',\n title: \'页面目录四\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator getContainer={() => ref.current} offsetTop={50}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links\n offsetTop={24}\n links={LINKS}\n style={{ float: \'right\' }}\n />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(m)),o.createElement(x,{title:"设置锚点滚动偏移量",id:"DemocustomtargetOffset",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef, useState, useEffect } from \'react\';\n\nconst LINKS = [\n {\n link: \'页面目录一\',\n title: \'页面目录一\',\n },\n {\n link: \'页面目录二\',\n title: \'页面目录二\',\n },\n {\n link: \'页面目录三\',\n title: \'页面目录三\',\n },\n {\n link: \'页面目录四\',\n title: \'页面目录四\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n const [targetOffset, setTargetOffset] = useState(undefined);\n\n useEffect(() => {\n if (ref.current) {\n const offset = ref.current.getBoundingClientRect().height / 2;\n setTargetOffset(offset);\n }\n }, [ref]);\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator getContainer={() => ref.current} targetOffset={targetOffset}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links\n offsetTop={24}\n links={LINKS}\n style={{ float: \'right\' }}\n />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(f)),o.createElement(x,{title:"不指定 container，默认 container 为 window",id:"Democontainerwindow",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef } from \'react\';\n\nconst LINKS = [\n {\n link: \'页面目录一\',\n title: \'页面目录一\',\n },\n {\n link: \'页面目录二\',\n title: \'页面目录二\',\n },\n {\n link: \'页面目录三\',\n title: \'页面目录三\',\n },\n {\n link: \'页面目录四\',\n title: \'页面目录四\',\n },\n];\n\nconst Demo = () => {\n const renderBlock = () => (\n <div>\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-container-window">\n <Elevator offsetTop={0}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links\n offsetTop={24}\n offsetBottom={24}\n links={LINKS}\n style={{ float: \'right\' }}\n />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(v)),o.createElement(x,{title:"受控的电梯",id:"Democontrolled",src:'import { Elevator, LayoutRow, LayoutCol, Button } from \'zent\';\nimport { useRef, useState } from \'react\';\n\nconst LINKS = [\n {\n link: \'页面目录一\',\n title: \'页面目录一\',\n },\n {\n link: \'页面目录二\',\n title: \'页面目录二\',\n },\n {\n link: \'页面目录三\',\n title: \'页面目录三\',\n },\n {\n link: \'页面目录四\',\n title: \'页面目录四\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n const [activeLink, setActiveLink] = useState(\'页面目录一\');\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator\n getContainer={() => ref.current}\n activeLink={activeLink}\n onChange={(link, pre) => setActiveLink(link)}\n targetOffset={40}\n >\n {LINKS.map(link => (\n <Button onClick={() => setActiveLink(link.link)}>{link.title}</Button>\n ))}\n <LayoutRow>\n <LayoutCol span={14}>\n <div>{renderBlock()}</div>\n </LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links offsetTop={24} offsetBottom={24} links={LINKS} />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(y)),o.createElement(j,{html:'

API

\n

Elevator

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
getContainer指定滚动及的容器() => HTMLElement否() => window
defaultActiveLink默认高亮的锚点string否
activeLink当前高亮的锚点string否
offsetTop距离窗口顶部达到指定偏移量后触发number否
targetOffset锚点滚动偏移量number否
onChange监听锚点链接改变(currentLink: string, previousLink: string) => void否
\n

Elevator.Links

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
links电梯目录栏{ link: string, title: ReactNode }[]是
className额外类名string否
style样式对象React.CSSProperties否
onClick点击锚点目录回调函数(event: MouseEvent, currentLink: string) => void否
\n

更多属性参考Affix

\n

Elevator.Anchor

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
link电梯锚点string是
'}))}}},5905:(n,s,a)=>{"use strict";a.d(s,{q:()=>m});var t=a(59312),p=a(24246),o=a(27378),e=a(31256),c=a(57318),l=(0,o.createContext)({}),u=a(86446),i=a(60042),k=a.n(i),r=a(31846),d=a(25120),g=function(){return window},m=function(n){var s=n.children,a=n.onChange,u=n.targetOffset,i=n.getContainer,k=n.defaultActiveLink,r=n.offsetTop,d=n.activeLink,m=null==i?void 0:i(),f=(0,o.useState)(new Map),v=f[0],y=f[1],h=(0,o.useState)(""),j=h[0],b=h[1],w=(0,o.useMemo)((function(){return(0,e.Z)(d)?j:d}),[d,j]),x=(0,o.useRef)(!1),_=(0,o.useMemo)((function(){var n=g().innerHeight;m&&(n=m.getBoundingClientRect().height);var s=n/2;return(0,e.Z)(r)?s:n-(r||1)}),[r,m]),L=(0,o.useCallback)((function(n,s){y((function(a){var t=new Map(a);return t.set(n,s),t}))}),[]),C=(0,o.useCallback)((function(n){y((function(s){var a=new Map(s);return a.delete(n),a}))}),[]),z=function(n,s){void 0===s&&(s=!1);var t=v.get(n);if(t){var p=t.getBoundingClientRect(),o=g(),e=0,l=o.scrollY,i=o.scrollX;m&&(e=(o=m).getBoundingClientRect().top,l=o.scrollTop,i=o.scrollLeft);var k=p.top-e+l-(u||0);x.current=!0,(0,c.l)(o,i,k,200).then((function(){x.current=!1,!s&&(null==a||a(n,w))}))}};return(0,o.useEffect)((function(){(0,e.Z)(d)||d===j||z(d,!0),(0,e.Z)(d)&&k&&z(k)}),[d,v,k]),(0,p.jsx)(l.Provider,(0,t.pi)({value:{activeLink:w,offsetTop:_,getContainer:i,onLinkClick:function(n){(0,e.Z)(d)?z(n):n!==w&&(null==a||a(n,w))},onAnchorEnter:function(n){b(n),x.current||n===w||null==a||a(n,w)},registerAnchor:L,unRegisterAnchor:C}},{children:s}),void 0)};m.Links=function(n){var s=n.style,a=n.links,e=n.className,c=n.offsetTop,u=n.offsetBottom,i=n.onClick,g=(0,t._T)(n,["style","links","className","offsetTop","offsetBottom","onClick"]),m=(0,o.useContext)(l),f=m.activeLink,v=m.getContainer,y=m.onLinkClick,h=(0,o.useRef)(null);return(0,o.useEffect)((function(){var n=a.map((function(n){return n.link}));Array.from(new Set(n)).length!==n.length&&console.warn("Warning: In the links property of Elevator, the link value must be unique.")}),[a]),(0,p.jsxs)(r.D,(0,t.pi)({offsetTop:c,offsetBottom:u,getAffixContainer:v,ref:h},g,{children:[(0,p.jsx)("div",(0,t.pi)({className:k()("zent-elevator__links-wrapper",e),style:s,"data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-elevator__links-content","data-zv":"10.0.9"},{children:a.map((function(n){return(0,p.jsx)("div",(0,t.pi)({onClick:function(s){return function(n,s){y(s),null==i||i(n,s)}(s,n.link)},className:k()("zent-elevator__link",{"zent-elevator__link--active":f===n.link}),"data-zv":"10.0.9"},{children:n.title}),n.link)}))}),void 0)}),void 0),v&&(0,p.jsx)(d.f,{onScroll:function(){var n;null===(n=null==h?void 0:h.current)||void 0===n||n.updatePosition()}},void 0)]}),void 0)},m.Anchor=function(n){var s=n.link,a=n.children,e=(0,o.useContext)(l),c=e.offsetTop,i=e.getContainer,k=e.onAnchorEnter,r=e.registerAnchor,d=e.unRegisterAnchor,g=(0,o.useRef)(null);return(0,o.useEffect)((function(){return r(s,g.current),function(){d(s)}}),[s,r,d]),(0,p.jsx)(u.h,(0,t.pi)({bottomOffset:c,onEnter:function(){k(s)},scrollableAncestor:(null==i?void 0:i())||window},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-elevator-anchor",ref:g,"data-zv":"10.0.9"},{children:a}),void 0)}),void 0)}},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>k});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),k=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var o,e=n.props,l=e.span,u=e.offset,k=e.order,r=e.className,d=e.style,g=(0,t._T)(e,["span","offset","order","className","style"]),m=d,f=(0,i.r)(s,a.colGutter);if(f>0){var v=f/2;m=(0,t.pi)((0,t.pi)({},m),{paddingLeft:v,paddingRight:v})}var y=(0,i.r)(s,l),h=(0,i.r)(s,u),j=(0,i.r)(s,k),b=c()("zent-col",((o={})["zent-col-offset-"+u]=h,o["zent-col-order-"+k]=j,o),"zent-col-"+y,r);return(0,p.jsx)("div",(0,t.pi)({},g,{className:b,style:m,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(o.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>k});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),k=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,o=s.style,e=s.justify,k=s.align,r=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+e,"zent-row-align-"+k,a);return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var e=(0,i.r)(s,a.colGutter),c=(0,i.r)(s,a.rowGutter),l=o;if(e>0){var u=-e/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var k=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:k,paddingBottom:k})}return(0,p.jsx)("div",(0,t.pi)({},r,{className:d,style:l,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(o.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>e,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=a(72551),o=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),e=Object.keys(o);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";a.d(s,{f:()=>u});var t=a(59312),p=a(24246),o=a(27378),e=a(80186),c=a(17127),l={passive:!0},u=function(n){var s=n.disableThrottle,a=void 0!==s&&s,u=n.options,i=n.onScroll,k=(0,o.useRef)(i);k.current=i;var r=(0,o.useCallback)((function(n){k.current(n)}),[]),d=(0,c.BN)(r,a);return(0,o.useEffect)((function(){return d.cancel}),[d]),(0,p.jsx)(e.ZM,{eventName:"scroll",listener:d,options:(0,t.pi)((0,t.pi)({},l),u)},void 0)}},31256:(n,s,a)=>{"use strict";function t(n){return null==n}a.d(s,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3826],{83826:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>_});var t=a(73450),p=a(73118),o=a(27378),e=a(57318),c=a(5905),l=a(39550),u=a(74473),i=a(3454),k=a(24246);function r(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 d(n){for(var s=1;s{var s=(0,o.useRef)(null);return(0,k.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,k.jsx)(c.q,{getContainer:()=>s.current,children:(0,k.jsxs)(l.W,{children:[(0,k.jsx)(u.r,{span:14,children:(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,k.jsxs)("div",{children:[(0,k.jsx)(c.q.Anchor,{link:n.link,children:(0,k.jsx)("h3",{children:n.title})}),(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,k.jsx)(u.r,{span:8,offset:14,children:(0,k.jsx)(c.q.Links,{offsetTop:24,offsetBottom:24,links:n})})]})})})};return(0,k.jsx)(s,{})},m=function(){var n=[{link:"页面目录一",title:"页面目录一"},{link:"页面目录二",title:"页面目录二"},{link:"页面目录三",title:"页面目录三"},{link:"页面目录四",title:"页面目录四"}],s=()=>{var s=(0,o.useRef)(null);return(0,k.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,k.jsx)(c.q,{getContainer:()=>s.current,offsetTop:50,children:(0,k.jsxs)(l.W,{children:[(0,k.jsx)(u.r,{span:14,children:(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,k.jsxs)("div",{children:[(0,k.jsx)(c.q.Anchor,{link:n.link,children:(0,k.jsx)("h3",{children:n.title})}),(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,k.jsx)(u.r,{span:8,offset:14,children:(0,k.jsx)(c.q.Links,{offsetTop:24,links:n,style:{float:"right"}})})]})})})};return(0,k.jsx)(s,{})},f=function(){var n=[{link:"页面目录一",title:"页面目录一"},{link:"页面目录二",title:"页面目录二"},{link:"页面目录三",title:"页面目录三"},{link:"页面目录四",title:"页面目录四"}],s=()=>{var s=(0,o.useRef)(null),a=(0,o.useState)(void 0),t=(0,p.Z)(a,2),e=t[0],i=t[1];return(0,o.useEffect)((()=>{if(s.current){var n=s.current.getBoundingClientRect().height/2;i(n)}}),[s]),(0,k.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,k.jsx)(c.q,{getContainer:()=>s.current,targetOffset:e,children:(0,k.jsxs)(l.W,{children:[(0,k.jsx)(u.r,{span:14,children:(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,k.jsxs)("div",{children:[(0,k.jsx)(c.q.Anchor,{link:n.link,children:(0,k.jsx)("h3",{children:n.title})}),(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,k.jsx)(u.r,{span:8,offset:14,children:(0,k.jsx)(c.q.Links,{offsetTop:24,links:n,style:{float:"right"}})})]})})})};return(0,k.jsx)(s,{})},v=function(){var n=[{link:"页面目录一",title:"页面目录一"},{link:"页面目录二",title:"页面目录二"},{link:"页面目录三",title:"页面目录三"},{link:"页面目录四",title:"页面目录四"}],s=()=>(0,k.jsx)("div",{className:"zent-demo-elevator-container-window",children:(0,k.jsx)(c.q,{offsetTop:0,children:(0,k.jsxs)(l.W,{children:[(0,k.jsx)(u.r,{span:14,children:(0,k.jsx)("div",{children:n.map((n=>(0,k.jsxs)("div",{children:[(0,k.jsx)(c.q.Anchor,{link:n.link,children:(0,k.jsx)("h3",{children:n.title})}),(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,k.jsx)(u.r,{span:8,offset:14,children:(0,k.jsx)(c.q.Links,{offsetTop:24,offsetBottom:24,links:n,style:{float:"right"}})})]})})});return(0,k.jsx)(s,{})},y=function(){var n=[{link:"页面目录一",title:"页面目录一"},{link:"页面目录二",title:"页面目录二"},{link:"页面目录三",title:"页面目录三"},{link:"页面目录四",title:"页面目录四"}],s=()=>{var s=(0,o.useRef)(null),a=(0,o.useState)("页面目录一"),t=(0,p.Z)(a,2),e=t[0],r=t[1];return(0,k.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,k.jsxs)(c.q,{getContainer:()=>s.current,activeLink:e,onChange:(n,s)=>r(n),targetOffset:40,children:[n.map((n=>(0,k.jsx)(i.z,{onClick:()=>r(n.link),children:n.title}))),(0,k.jsxs)(l.W,{children:[(0,k.jsx)(u.r,{span:14,children:(0,k.jsx)("div",{children:(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,k.jsxs)("div",{children:[(0,k.jsx)(c.q.Anchor,{link:n.link,children:(0,k.jsx)("h3",{children:n.title})}),(0,k.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})})}),(0,k.jsx)(u.r,{span:8,offset:14,children:(0,k.jsx)(c.q.Links,{offsetTop:24,offsetBottom:24,links:n})})]})]})})};return(0,k.jsx)(s,{})};function h(n){return(0,k.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function j(n){return(0,k.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function b(n){return(0,k.jsx)(h,{tag:"style",html:n.style})}function w(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),w(n.parentNode,s);return s}class x 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,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:a||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class _ 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,w(s,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(b,{style:".zent-demo-elevator-basic {\n\t\tbackground: #f7f7f7;\n\t\tpadding: 24px;\n\t\theight: 200px;\n\t\toverflow-y: auto;\n\t}\n\n\t.zent-demo-elevator-basic__block__content {\n\t\theight: 180px;\n\t}\n\n.zent-demo-elevator-container-window {\n\t\tbackground: #f7f7f7;\n\t\tpadding: 24px;\n\t\theight: auto;\n\t\toverflow-y: auto;\n\t}\n\t.zent-demo-elevator-container-window__block__content {\n\t\theight: 350px;\n\t}\n\n.zent-demo-elevator-basic {\n\t\tbackground: #f7f7f7;\n\t\tpadding: 24px;\n\t\theight: 200px;\n\t\toverflow-y: auto;\n\t}\n\n\t.zent-demo-elevator-basic__block__content {\n\t\theight: 180px;\n\t}"}),o.createElement(j,{html:'

Elevator

\n

页面内容导航工具，根据页面目录快速定位到页面指定位置，提升信息阅读及操作效率。

\n

代码演示

'}),o.createElement(x,{title:"基本用法",id:"Demobasic",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef } from \'react\';\n\nconst LINKS = [\n {\n link: \'页面目录一\',\n title: \'页面目录一页面目录一页面目录一\',\n },\n {\n link: \'页面目录二\',\n title: \'页面目录二\',\n },\n {\n link: \'页面目录三\',\n title: \'页面目录三\',\n },\n {\n link: \'页面目录四\',\n title: \'页面目录四\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator getContainer={() => ref.current}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links offsetTop={24} offsetBottom={24} links={LINKS} />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(g)),o.createElement(x,{title:"设置偏移量，锚点距离窗口顶部达到指定偏移量后触发切换，默认值为容器高度的一半",id:"Democustomoffset",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef } from \'react\';\n\nconst LINKS = [\n {\n link: \'页面目录一\',\n title: \'页面目录一\',\n },\n {\n link: \'页面目录二\',\n title: \'页面目录二\',\n },\n {\n link: \'页面目录三\',\n title: \'页面目录三\',\n },\n {\n link: \'页面目录四\',\n title: \'页面目录四\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator getContainer={() => ref.current} offsetTop={50}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links\n offsetTop={24}\n links={LINKS}\n style={{ float: \'right\' }}\n />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(m)),o.createElement(x,{title:"设置锚点滚动偏移量",id:"DemocustomtargetOffset",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef, useState, useEffect } from \'react\';\n\nconst LINKS = [\n {\n link: \'页面目录一\',\n title: \'页面目录一\',\n },\n {\n link: \'页面目录二\',\n title: \'页面目录二\',\n },\n {\n link: \'页面目录三\',\n title: \'页面目录三\',\n },\n {\n link: \'页面目录四\',\n title: \'页面目录四\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n const [targetOffset, setTargetOffset] = useState(undefined);\n\n useEffect(() => {\n if (ref.current) {\n const offset = ref.current.getBoundingClientRect().height / 2;\n setTargetOffset(offset);\n }\n }, [ref]);\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator getContainer={() => ref.current} targetOffset={targetOffset}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links\n offsetTop={24}\n links={LINKS}\n style={{ float: \'right\' }}\n />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(f)),o.createElement(x,{title:"不指定 container，默认 container 为 window",id:"Democontainerwindow",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef } from \'react\';\n\nconst LINKS = [\n {\n link: \'页面目录一\',\n title: \'页面目录一\',\n },\n {\n link: \'页面目录二\',\n title: \'页面目录二\',\n },\n {\n link: \'页面目录三\',\n title: \'页面目录三\',\n },\n {\n link: \'页面目录四\',\n title: \'页面目录四\',\n },\n];\n\nconst Demo = () => {\n const renderBlock = () => (\n <div>\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-container-window">\n <Elevator offsetTop={0}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links\n offsetTop={24}\n offsetBottom={24}\n links={LINKS}\n style={{ float: \'right\' }}\n />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(v)),o.createElement(x,{title:"受控的电梯",id:"Democontrolled",src:'import { Elevator, LayoutRow, LayoutCol, Button } from \'zent\';\nimport { useRef, useState } from \'react\';\n\nconst LINKS = [\n {\n link: \'页面目录一\',\n title: \'页面目录一\',\n },\n {\n link: \'页面目录二\',\n title: \'页面目录二\',\n },\n {\n link: \'页面目录三\',\n title: \'页面目录三\',\n },\n {\n link: \'页面目录四\',\n title: \'页面目录四\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n const [activeLink, setActiveLink] = useState(\'页面目录一\');\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator\n getContainer={() => ref.current}\n activeLink={activeLink}\n onChange={(link, pre) => setActiveLink(link)}\n targetOffset={40}\n >\n {LINKS.map(link => (\n <Button onClick={() => setActiveLink(link.link)}>{link.title}</Button>\n ))}\n <LayoutRow>\n <LayoutCol span={14}>\n <div>{renderBlock()}</div>\n </LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links offsetTop={24} offsetBottom={24} links={LINKS} />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(y)),o.createElement(j,{html:'

API

\n

Elevator

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
getContainer指定滚动及的容器() => HTMLElement否() => window
defaultActiveLink默认高亮的锚点string否
activeLink当前高亮的锚点string否
offsetTop距离窗口顶部达到指定偏移量后触发number否
targetOffset锚点滚动偏移量number否
onChange监听锚点链接改变(currentLink: string, previousLink: string) => void否
\n

Elevator.Links

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
links电梯目录栏{ link: string, title: ReactNode }[]是
className额外类名string否
style样式对象React.CSSProperties否
onClick点击锚点目录回调函数(event: MouseEvent, currentLink: string) => void否
\n

更多属性参考Affix

\n

Elevator.Anchor

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
link电梯锚点string是
'}))}}},5905:(n,s,a)=>{"use strict";a.d(s,{q:()=>m});var t=a(59312),p=a(24246),o=a(27378),e=a(31256),c=a(57318),l=(0,o.createContext)({}),u=a(86446),i=a(60042),k=a.n(i),r=a(31846),d=a(25120),g=function(){return window},m=function(n){var s=n.children,a=n.onChange,u=n.targetOffset,i=n.getContainer,k=n.defaultActiveLink,r=n.offsetTop,d=n.activeLink,m=null==i?void 0:i(),f=(0,o.useState)(new Map),v=f[0],y=f[1],h=(0,o.useState)(""),j=h[0],b=h[1],w=(0,o.useMemo)((function(){return(0,e.Z)(d)?j:d}),[d,j]),x=(0,o.useRef)(!1),_=(0,o.useMemo)((function(){var n=g().innerHeight;m&&(n=m.getBoundingClientRect().height);var s=n/2;return(0,e.Z)(r)?s:n-(r||1)}),[r,m]),L=(0,o.useCallback)((function(n,s){y((function(a){var t=new Map(a);return t.set(n,s),t}))}),[]),C=(0,o.useCallback)((function(n){y((function(s){var a=new Map(s);return a.delete(n),a}))}),[]),z=function(n,s){void 0===s&&(s=!1);var t=v.get(n);if(t){var p=t.getBoundingClientRect(),o=g(),e=0,l=o.scrollY,i=o.scrollX;m&&(e=(o=m).getBoundingClientRect().top,l=o.scrollTop,i=o.scrollLeft);var k=p.top-e+l-(u||0);x.current=!0,(0,c.l)(o,i,k,200).then((function(){x.current=!1,!s&&(null==a||a(n,w))}))}};return(0,o.useEffect)((function(){(0,e.Z)(d)||d===j||z(d,!0),(0,e.Z)(d)&&k&&z(k)}),[d,v,k]),(0,p.jsx)(l.Provider,(0,t.pi)({value:{activeLink:w,offsetTop:_,getContainer:i,onLinkClick:function(n){(0,e.Z)(d)?z(n):n!==w&&(null==a||a(n,w))},onAnchorEnter:function(n){b(n),x.current||n===w||null==a||a(n,w)},registerAnchor:L,unRegisterAnchor:C}},{children:s}),void 0)};m.Links=function(n){var s=n.style,a=n.links,e=n.className,c=n.offsetTop,u=n.offsetBottom,i=n.onClick,g=(0,t._T)(n,["style","links","className","offsetTop","offsetBottom","onClick"]),m=(0,o.useContext)(l),f=m.activeLink,v=m.getContainer,y=m.onLinkClick,h=(0,o.useRef)(null);return(0,o.useEffect)((function(){var n=a.map((function(n){return n.link}));Array.from(new Set(n)).length!==n.length&&console.warn("Warning: In the links property of Elevator, the link value must be unique.")}),[a]),(0,p.jsxs)(r.D,(0,t.pi)({offsetTop:c,offsetBottom:u,getAffixContainer:v,ref:h},g,{children:[(0,p.jsx)("div",(0,t.pi)({className:k()("zent-elevator__links-wrapper",e),style:s,"data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-elevator__links-content","data-zv":"10.0.10"},{children:a.map((function(n){return(0,p.jsx)("div",(0,t.pi)({onClick:function(s){return function(n,s){y(s),null==i||i(n,s)}(s,n.link)},className:k()("zent-elevator__link",{"zent-elevator__link--active":f===n.link}),"data-zv":"10.0.10"},{children:n.title}),n.link)}))}),void 0)}),void 0),v&&(0,p.jsx)(d.f,{onScroll:function(){var n;null===(n=null==h?void 0:h.current)||void 0===n||n.updatePosition()}},void 0)]}),void 0)},m.Anchor=function(n){var s=n.link,a=n.children,e=(0,o.useContext)(l),c=e.offsetTop,i=e.getContainer,k=e.onAnchorEnter,r=e.registerAnchor,d=e.unRegisterAnchor,g=(0,o.useRef)(null);return(0,o.useEffect)((function(){return r(s,g.current),function(){d(s)}}),[s,r,d]),(0,p.jsx)(u.h,(0,t.pi)({bottomOffset:c,onEnter:function(){k(s)},scrollableAncestor:(null==i?void 0:i())||window},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-elevator-anchor",ref:g,"data-zv":"10.0.10"},{children:a}),void 0)}),void 0)}},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>k});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),k=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var o,e=n.props,l=e.span,u=e.offset,k=e.order,r=e.className,d=e.style,g=(0,t._T)(e,["span","offset","order","className","style"]),m=d,f=(0,i.r)(s,a.colGutter);if(f>0){var v=f/2;m=(0,t.pi)((0,t.pi)({},m),{paddingLeft:v,paddingRight:v})}var y=(0,i.r)(s,l),h=(0,i.r)(s,u),j=(0,i.r)(s,k),b=c()("zent-col",((o={})["zent-col-offset-"+u]=h,o["zent-col-order-"+k]=j,o),"zent-col-"+y,r);return(0,p.jsx)("div",(0,t.pi)({},g,{className:b,style:m,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(o.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>k});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),k=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,o=s.style,e=s.justify,k=s.align,r=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+e,"zent-row-align-"+k,a);return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var e=(0,i.r)(s,a.colGutter),c=(0,i.r)(s,a.rowGutter),l=o;if(e>0){var u=-e/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var k=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:k,paddingBottom:k})}return(0,p.jsx)("div",(0,t.pi)({},r,{className:d,style:l,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(o.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>e,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=a(72551),o=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),e=Object.keys(o);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";a.d(s,{f:()=>u});var t=a(59312),p=a(24246),o=a(27378),e=a(80186),c=a(17127),l={passive:!0},u=function(n){var s=n.disableThrottle,a=void 0!==s&&s,u=n.options,i=n.onScroll,k=(0,o.useRef)(i);k.current=i;var r=(0,o.useCallback)((function(n){k.current(n)}),[]),d=(0,c.BN)(r,a);return(0,o.useEffect)((function(){return d.cancel}),[d]),(0,p.jsx)(e.ZM,{eventName:"scroll",listener:d,options:(0,t.pi)((0,t.pi)({},l),u)},void 0)}},31256:(n,s,a)=>{"use strict";function t(n){return null==n}a.d(s,{Z:()=>t})}}]); \ No newline at end of file diff --git a/3854-c71b7b865319bac4e2d5.js b/3854-93cf8fb0f26b594075a2.js similarity index 88% rename from 3854-c71b7b865319bac4e2d5.js rename to 3854-93cf8fb0f26b594075a2.js index fb96d857f..316bb9d99 100644 --- a/3854-c71b7b865319bac4e2d5.js +++ b/3854-93cf8fb0f26b594075a2.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3854],{93854:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>x});var t=s(73450),p=s(73118),e=s(27378),o=s(57318),c=s(3454),l=s(38098),u=s(71457),i=s(82285),k=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{t(!1)};return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(c.z,{onClick:()=>t(!0),type:"primary",children:"开启"}),(0,k.jsxs)(l.d,{title:"抽屉名称",visible:s,onClose:()=>t(!1),maskClosable:!0,footer:(0,k.jsxs)("div",{className:"zent-drawer-demo-drawer-footer",children:[(0,k.jsx)(c.z,{onClick:o,children:"关闭"}),(0,k.jsx)(c.z,{type:"primary",onClick:o,children:"确定"})]}),children:[(0,k.jsx)(c.z,{style:{margin:"10px 20px"},onClick:()=>t(!1),children:"关闭"}),new Array(30).fill().map(((n,a)=>(0,k.jsxs)("div",{style:{padding:"10px"},children:["抽屉内容",a]},a)))]})]})}return(0,k.jsx)(n,{})},g=function(){function n(){var n=(0,e.useState)(!1),a=(0,p.Z)(n,2),s=a[0],t=a[1],o=(0,e.useState)(),u=(0,p.Z)(o,2),i=u[0],r=u[1];return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(c.z,{onClick:()=>{r("default"),t(!0)},type:"primary",children:"Open Default Size（728px）"}),(0,k.jsx)(c.z,{onClick:()=>{r("small"),t(!0)},type:"primary",children:"Open Small Size（364px）"}),(0,k.jsx)(l.d,{visible:s,size:i,onClose:()=>t(!1),title:"抽屉标题",footer:(0,k.jsxs)("div",{className:"zent-drawer-demo__custom-width__drawer-footer",children:[(0,k.jsx)(c.z,{children:"次要按钮"}),(0,k.jsx)(c.z,{type:"primary",children:"主要按钮"})]})})]})}return(0,k.jsx)(n,{})},v=function(){var n=u.Y.Group;function a(){var a=(0,e.useState)(!1),s=(0,p.Z)(a,2),t=s[0],o=s[1],i=(0,e.useState)("top"),r=(0,p.Z)(i,2),d=r[0],m=r[1];return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)(n,{onChange:n=>m(n.target.value),value:d,children:[(0,k.jsx)(u.Y,{value:"top",children:"top"}),(0,k.jsx)(u.Y,{value:"right",children:"right"}),(0,k.jsx)(u.Y,{value:"bottom",children:"bottom"}),(0,k.jsx)(u.Y,{value:"left",children:"left"})]}),(0,k.jsx)(c.z,{onClick:()=>o(!0),type:"primary",style:{marginLeft:"20px"},children:"Open"}),(0,k.jsxs)(l.d,{visible:t,onClose:()=>o(!1),placement:d,maskClosable:!0,children:[(0,k.jsx)("div",{children:"Drawer Content ..."}),(0,k.jsx)("div",{children:"Drawer Content ..."}),(0,k.jsx)("div",{children:"Drawer Content ..."})]})]})}return(0,k.jsx)(a,{})},h=function(){function n(){var n=(0,e.useState)(!1),a=(0,p.Z)(n,2),s=a[0],t=a[1],o=(0,e.useState)(!1),u=(0,p.Z)(o,2),r=u[0],d=u[1],m=(0,e.useState)(),g=(0,p.Z)(m,2),v=g[0],h=g[1];return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(c.z,{onClick:n=>{n.nativeEvent.stopImmediatePropagation(),t(!0),d(!r)},type:"primary",children:"Toggle Content"}),(0,k.jsxs)(l.d,{visible:s,onClose:()=>t(!1),mask:!1,children:[(0,k.jsx)(i.I,{value:v,onChange:n=>h(n.target.value),showClear:!0,width:200}),(0,k.jsx)(c.z,{style:{margin:"20px"},onClick:()=>t(!1),children:"close"}),(0,k.jsx)("div",{style:{fontSize:"50px",paddingLeft:"20px"},children:r?"111":"222"})]})]})}return(0,k.jsx)(n,{})};function f(n){return(0,k.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,k.jsx)(f,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function b(n){return(0,k.jsx)(f,{tag:"style",html:n.style})}function w(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),w(n.parentNode,a);return a}class j 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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:s||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(f,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,w(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(b,{style:".zent-drawer-demo-drawer-footer {\n\t\ttext-align: right;\n padding-right: 16px;\n\t}\n\n.zent-drawer-demo__custom-width__drawer-footer {\n\t\tpadding-right: 16px;\n\t\ttext-align: right;\n\t}"}),e.createElement(y,{html:'

Drawer

\n

屏幕右侧滑出的模态面板；用于承载较大体量的详情或表单内容。

\n

建议

\n
    \n
  • 当操作唤起的临时窗口信息量比较大，需要在纵向的信息上有比较高的扩展性时，可以使用抽屉。
    • \n
\n

注意

\n
    \n
  • 禁止在抽屉中使用单个按钮；
    • \n
  • 禁止在抽屉中使用两个以上的主行动按钮。
    • \n
\n

代码演示

'}),e.createElement(j,{title:"基础用法",id:"Demobasic",src:'import { useState } from \'react\';\nimport { Button, Drawer } from \'zent\';\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n\n const close = () => {\n setVisible(false);\n };\n\n return (\n <>\n <Button onClick={() => setVisible(true)} type="primary">\n 开启\n </Button>\n <Drawer\n title="抽屉名称"\n visible={visible}\n onClose={() => setVisible(false)}\n maskClosable\n footer={\n <div className="zent-drawer-demo-drawer-footer">\n <Button onClick={close}>关闭</Button>\n <Button type="primary" onClick={close}>\n 确定\n </Button>\n </div>\n }\n >\n <Button\n style={{ margin: \'10px 20px\' }}\n onClick={() => setVisible(false)}\n >\n 关闭\n </Button>\n {new Array(30).fill().map((_, index) => (\n <div style={{ padding: \'10px\' }} key={index}>\n 抽屉内容\n {index}\n </div>\n ))}\n </Drawer>\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(m)),e.createElement(j,{title:"不同尺寸抽屉",id:"Democustomwidth",src:'import { useState } from \'react\';\nimport { Button, Drawer, Input } from \'zent\';\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n const [size, setSize] = useState();\n\n const showDefaultDrawer = () => {\n setSize(\'default\');\n setVisible(true);\n };\n\n const showSmallDrawer = () => {\n setSize(\'small\');\n setVisible(true);\n };\n\n return (\n <>\n <Button onClick={showDefaultDrawer} type="primary">\n Open Default Size（728px）\n </Button>\n <Button onClick={showSmallDrawer} type="primary">\n Open Small Size（364px）\n </Button>\n <Drawer\n visible={visible}\n size={size}\n onClose={() => setVisible(false)}\n title="抽屉标题"\n footer={\n <div className="zent-drawer-demo__custom-width__drawer-footer">\n <Button>次要按钮</Button>\n <Button type="primary">主要按钮</Button>\n </div>\n }\n />\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(g)),e.createElement(y,{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
参数说明类型默认值是否必填
onClose关闭 Drawer 的回调e => voidnoop否
visibleDrawer 是否可见booleanfalse否
maskClosable点击遮罩触发\nonClosebooleanfalse否
closeOnESC按下 ESC 键时触发\nonClosebooleantrue否
mask是否显示遮罩booleantrue否
title标题ReactNodenull否
footer自定义底部内容ReactNodenull否
placementDrawer 的方向top\n \n|\n \nright\n \n|\n \nbottom\n \n|\n \nleftright否
width宽度，在 \nplacement\n 为 \nleft\n 或 \nright\n 时使用string\n \n|\n \nnumber45%否
height宽度，在 \nplacement\n 为 \ntop\n 或 \nbottom\n 时使用string\n \n|\n \nnumber45%否
className对话框外层容器的类名string\'\'否
closeBtn自定义关闭按钮，为\nfalse\n会隐藏\ncloseBtnReactNodetrue否
size预设抽屉宽度，default 728px 和 small 364px\'default\'\n|\n\'small\'否
\n

Drawer 当不设置width、 size字段时默认宽度为 45%，当同时设置时字段优先级：width > size。

\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),e.createElement(j,{title:"自定义位置",id:"Demoplacement",src:'import { useState } from \'react\';\nimport { Button, Drawer, Radio } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n const [placement, setPlacement] = useState(\'top\');\n\n return (\n <>\n <RadioGroup\n onChange={e => setPlacement(e.target.value)}\n value={placement}\n >\n <Radio value="top">top</Radio>\n <Radio value="right">right</Radio>\n <Radio value="bottom">bottom</Radio>\n <Radio value="left">left</Radio>\n </RadioGroup>\n <Button\n onClick={() => setVisible(true)}\n type="primary"\n style={{ marginLeft: \'20px\' }}\n >\n Open\n </Button>\n <Drawer\n visible={visible}\n onClose={() => setVisible(false)}\n placement={placement}\n maskClosable\n >\n <div>Drawer Content ...</div>\n <div>Drawer Content ...</div>\n <div>Drawer Content ...</div>\n </Drawer>\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(v)),e.createElement(j,{title:"无遮罩",id:"DemonoMask",src:'import { useState } from \'react\';\nimport { Button, Drawer, Input } from \'zent\';\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n const [content, setContent] = useState(false);\n const [inputVal, setInputVal] = useState();\n return (\n <>\n <Button\n onClick={e => {\n e.nativeEvent.stopImmediatePropagation(); // 阻止原生click事件冒泡，让drawer不关闭的同时修改children\n setVisible(true);\n setContent(!content);\n }}\n type="primary"\n >\n Toggle Content\n </Button>\n <Drawer visible={visible} onClose={() => setVisible(false)} mask={false}>\n <Input\n value={inputVal}\n onChange={e => setInputVal(e.target.value)}\n showClear\n width={200}\n />\n <Button style={{ margin: \'20px\' }} onClick={() => setVisible(false)}>\n close\n </Button>\n <div style={{ fontSize: \'50px\', paddingLeft: \'20px\' }}>\n {content ? \'111\' : \'222\'}\n </div>\n </Drawer>\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(h)))}}},38098:(n,a,s)=>{"use strict";s.d(a,{d:()=>b});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(53552),l=s(14623),u={left:{height:"100%",left:0,top:0},right:{height:"100%",right:0,top:0},top:{width:"100%",top:0,left:0},bottom:{width:"100%",bottom:0,left:0}},i=function(n){var a=n.mask,s=n.maskClosable,e=n.visible,o=n.onClose;return(0,p.jsx)(l.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:e&&a,timeout:300,classNames:"zent-drawer-transition__backdrop"},{children:(0,p.jsx)("div",{className:"zent-drawer-backdrop",onClick:function(){a&&s&&o()},"data-zv":"10.0.9"},void 0)}),void 0)},k=s(27378),r=s(31256),d=function(n){return(0,r.Z)(n)?null:(0,p.jsx)("div",(0,t.pi)({className:"zent-drawer-header","data-zv":"10.0.9"},{children:"number"==typeof n||"string"==typeof n?(0,p.jsx)("span",(0,t.pi)({className:"zent-drawer-header__title","data-zv":"10.0.9"},{children:n}),void 0):n}),void 0)},m=function(n){return(0,r.Z)(n)?null:(0,p.jsx)("div",(0,t.pi)({className:"zent-drawer-footer","data-zv":"10.0.9"},{children:n}),void 0)},g=s(27036),v=function(n,a){return(0,r.Z)(n)?null:(0,p.jsx)("div",(0,t.pi)({onClick:a,className:"zent-drawer-close","data-zv":"10.0.9"},{children:!0===n?(0,p.jsx)(g.Z,{type:"close"},void 0):n}),void 0)},h=s(49744),f=function(n){var a,s=n.mask,e=n.visible,c=n.title,i=n.children,r=n.footer,g=n.placement,f=n.closeBtn,y=n.onClose,b=n.onExited,w=(0,t._T)(n,["mask","visible","title","children","footer","placement","closeBtn","onClose","onExited"]),j="width"in w&&w.width,x="height"in w&&w.height,C=(0,k.useRef)(),z=(0,k.useRef)(),S=(0,k.useCallback)((function(){s||(C.current=(0,h.Oo)(document,"click",(function(n){var a,s=n.target;document.contains(s)&&!(null===(a=z.current)||void 0===a?void 0:a.contains(s))&&y()})))}),[y,s]),D=(0,k.useCallback)((function(){var n;s||null===(n=C.current)||void 0===n||n.call(C)}),[s]),O=(0,k.useMemo)((function(){var n=function(n){return"number"==typeof n?n+"px":n};return"left"===g||"right"===g?{width:n(j)}:{height:n(x)}}),[g,j,x]);return(0,p.jsx)(l.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:e,timeout:300,classNames:"zent-drawer-transition-"+g,onEntered:S,onExit:D,onExited:b},{children:(0,p.jsxs)("div",(0,t.pi)({ref:z,className:o()("zent-drawer-content",(a={},a["zent-drawer-content--transparent"]=!s,a)),style:(0,t.pi)((0,t.pi)({},u[g]),O),"data-zv":"10.0.9"},{children:[v(f,y),d(c),(0,p.jsx)("div",(0,t.pi)({className:"zent-drawer-body","data-zv":"10.0.9"},{children:i}),void 0),m(r)]}),void 0)}),void 0)},y={default:"728px",small:"364px"},b=function(n){var a,s=n.onClose,e=n.title,l=n.children,u=n.className,r=n.visible,d=n.maskClosable,m=n.closeOnESC,g=n.mask,v=n.footer,h=n.placement,b=n.closeBtn,w=n.size,j=(0,t._T)(n,["onClose","title","children","className","visible","maskClosable","closeOnESC","mask","footer","placement","closeBtn","size"]),x=y[w]||"45%";"width"in j&&(x=j.width);var C="height"in j?j.height:"45%",z=function(n){var a=(0,k.useState)(!1),s=a[0],t=a[1],p=(0,k.useState)(n),e=p[0],o=p[1],c=(0,k.useCallback)((function(){t(!1)}),[]);return e===n||(t(!n),o(n)),{exiting:s,onExited:c}}(r),S=z.exiting,D=z.onExited;return(0,p.jsx)(c.ZP,(0,t.pi)({visible:r||S,onClose:s,closeOnESC:m,blockPageScroll:g},{children:(0,p.jsxs)("div",(0,t.pi)({className:o()((a={},a[u]=!!u,a)),"data-zv":"10.0.9"},{children:[(0,p.jsx)(i,{mask:g,maskClosable:d,visible:r,onClose:s},void 0),(0,p.jsx)(f,(0,t.pi)({mask:g,visible:r,title:e,footer:v,onClose:s,onExited:D,placement:h,width:x,height:C,closeBtn:b},{children:l}),void 0)]}),void 0)}),void 0)};b.defaultProps={className:"",visible:!1,maskClosable:!1,closeOnESC:!0,mask:!0,footer:null,title:null,onClose:function(){},placement:"right",closeBtn:!0}},4246:(n,a,s)=>{"use strict";s.d(a,{E:()=>i});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),u=s(1348);function i(n){var a=(0,c.useContext)(u.d),s=n.value,e=n.disabled,i=void 0===e?a.value:e,k=n.readOnly,r=void 0!==k&&k,d=n.isValueEqual,m=void 0===d?Object.is:d,g=n.className,v=n.style,h=n.children,f=n.onChange,y=(0,c.useMemo)((function(){return{value:s,disabled:i,readOnly:r,isValueEqual:m,onRadioChange:f}}),[s,i,r,m,f]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:y},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",g),style:v,"data-zv":"10.0.9"},{children:h}),void 0)}),void 0)}a.Z=i},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function u(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function i(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var k=s(4246),r=s(1348),d=s(57961);function m(n){var a=n.className,s=n.style,e=n.children,k=(n.value,n.width),m=n.labelStyle,g=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),v=(0,l.useContext)(r.d),h=(0,l.useContext)(d.Z),f=i(v,h,n),y=f.checked,b=f.disabled,w=f.readOnly,j=u(h,n),x=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!y,"zent-radio-disabled":b||w}),C=(0,c.Z)(k),z=(0,t.pi)((0,t.pi)({},s),C);return(0,p.jsxs)("label",(0,t.pi)({className:x,style:z,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},g,{type:"radio",checked:!!y,disabled:b,readOnly:w,onChange:j,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,e=n.children,k=(n.value,n.width),m=n.onMouseEnter,g=n.onMouseLeave,v=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),h=(0,l.useContext)(r.d),f=(0,l.useContext)(d.Z);if(!f)throw new Error("Radio.Button must be nested within Radio.Group");var y=i(h,f,n),b=y.checked,w=y.disabled,j=y.readOnly,x=u(f,n),C=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!b,"zent-radio-button--disabled":w||j}),z=(0,c.Z)(k),S=(0,t.pi)((0,t.pi)({},s),z);return(0,p.jsxs)("label",(0,t.pi)({className:C,style:S,onMouseEnter:m,onMouseLeave:g,"data-zv":"10.0.9"},{children:[(0,p.jsx)("input",(0,t.pi)({},v,{type:"radio",checked:!!b,disabled:w,readOnly:j,onChange:x,"data-zv":"10.0.9"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)},m.Group=k.Z;var g=m},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})},31256:(n,a,s)=>{"use strict";function t(n){return null==n}s.d(a,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3854],{93854:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>x});var t=s(73450),p=s(73118),e=s(27378),o=s(57318),c=s(3454),l=s(38098),u=s(71457),i=s(82285),k=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{t(!1)};return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(c.z,{onClick:()=>t(!0),type:"primary",children:"开启"}),(0,k.jsxs)(l.d,{title:"抽屉名称",visible:s,onClose:()=>t(!1),maskClosable:!0,footer:(0,k.jsxs)("div",{className:"zent-drawer-demo-drawer-footer",children:[(0,k.jsx)(c.z,{onClick:o,children:"关闭"}),(0,k.jsx)(c.z,{type:"primary",onClick:o,children:"确定"})]}),children:[(0,k.jsx)(c.z,{style:{margin:"10px 20px"},onClick:()=>t(!1),children:"关闭"}),new Array(30).fill().map(((n,a)=>(0,k.jsxs)("div",{style:{padding:"10px"},children:["抽屉内容",a]},a)))]})]})}return(0,k.jsx)(n,{})},g=function(){function n(){var n=(0,e.useState)(!1),a=(0,p.Z)(n,2),s=a[0],t=a[1],o=(0,e.useState)(),u=(0,p.Z)(o,2),i=u[0],r=u[1];return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(c.z,{onClick:()=>{r("default"),t(!0)},type:"primary",children:"Open Default Size（728px）"}),(0,k.jsx)(c.z,{onClick:()=>{r("small"),t(!0)},type:"primary",children:"Open Small Size（364px）"}),(0,k.jsx)(l.d,{visible:s,size:i,onClose:()=>t(!1),title:"抽屉标题",footer:(0,k.jsxs)("div",{className:"zent-drawer-demo__custom-width__drawer-footer",children:[(0,k.jsx)(c.z,{children:"次要按钮"}),(0,k.jsx)(c.z,{type:"primary",children:"主要按钮"})]})})]})}return(0,k.jsx)(n,{})},v=function(){var n=u.Y.Group;function a(){var a=(0,e.useState)(!1),s=(0,p.Z)(a,2),t=s[0],o=s[1],i=(0,e.useState)("top"),r=(0,p.Z)(i,2),d=r[0],m=r[1];return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)(n,{onChange:n=>m(n.target.value),value:d,children:[(0,k.jsx)(u.Y,{value:"top",children:"top"}),(0,k.jsx)(u.Y,{value:"right",children:"right"}),(0,k.jsx)(u.Y,{value:"bottom",children:"bottom"}),(0,k.jsx)(u.Y,{value:"left",children:"left"})]}),(0,k.jsx)(c.z,{onClick:()=>o(!0),type:"primary",style:{marginLeft:"20px"},children:"Open"}),(0,k.jsxs)(l.d,{visible:t,onClose:()=>o(!1),placement:d,maskClosable:!0,children:[(0,k.jsx)("div",{children:"Drawer Content ..."}),(0,k.jsx)("div",{children:"Drawer Content ..."}),(0,k.jsx)("div",{children:"Drawer Content ..."})]})]})}return(0,k.jsx)(a,{})},h=function(){function n(){var n=(0,e.useState)(!1),a=(0,p.Z)(n,2),s=a[0],t=a[1],o=(0,e.useState)(!1),u=(0,p.Z)(o,2),r=u[0],d=u[1],m=(0,e.useState)(),g=(0,p.Z)(m,2),v=g[0],h=g[1];return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(c.z,{onClick:n=>{n.nativeEvent.stopImmediatePropagation(),t(!0),d(!r)},type:"primary",children:"Toggle Content"}),(0,k.jsxs)(l.d,{visible:s,onClose:()=>t(!1),mask:!1,children:[(0,k.jsx)(i.I,{value:v,onChange:n=>h(n.target.value),showClear:!0,width:200}),(0,k.jsx)(c.z,{style:{margin:"20px"},onClick:()=>t(!1),children:"close"}),(0,k.jsx)("div",{style:{fontSize:"50px",paddingLeft:"20px"},children:r?"111":"222"})]})]})}return(0,k.jsx)(n,{})};function f(n){return(0,k.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,k.jsx)(f,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function b(n){return(0,k.jsx)(f,{tag:"style",html:n.style})}function w(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),w(n.parentNode,a);return a}class j 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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:s||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(f,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,w(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(b,{style:".zent-drawer-demo-drawer-footer {\n\t\ttext-align: right;\n padding-right: 16px;\n\t}\n\n.zent-drawer-demo__custom-width__drawer-footer {\n\t\tpadding-right: 16px;\n\t\ttext-align: right;\n\t}"}),e.createElement(y,{html:'

Drawer

\n

屏幕右侧滑出的模态面板；用于承载较大体量的详情或表单内容。

\n

建议

\n
    \n
  • 当操作唤起的临时窗口信息量比较大，需要在纵向的信息上有比较高的扩展性时，可以使用抽屉。
    • \n
\n

注意

\n
    \n
  • 禁止在抽屉中使用单个按钮；
    • \n
  • 禁止在抽屉中使用两个以上的主行动按钮。
    • \n
\n

代码演示

'}),e.createElement(j,{title:"基础用法",id:"Demobasic",src:'import { useState } from \'react\';\nimport { Button, Drawer } from \'zent\';\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n\n const close = () => {\n setVisible(false);\n };\n\n return (\n <>\n <Button onClick={() => setVisible(true)} type="primary">\n 开启\n </Button>\n <Drawer\n title="抽屉名称"\n visible={visible}\n onClose={() => setVisible(false)}\n maskClosable\n footer={\n <div className="zent-drawer-demo-drawer-footer">\n <Button onClick={close}>关闭</Button>\n <Button type="primary" onClick={close}>\n 确定\n </Button>\n </div>\n }\n >\n <Button\n style={{ margin: \'10px 20px\' }}\n onClick={() => setVisible(false)}\n >\n 关闭\n </Button>\n {new Array(30).fill().map((_, index) => (\n <div style={{ padding: \'10px\' }} key={index}>\n 抽屉内容\n {index}\n </div>\n ))}\n </Drawer>\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(m)),e.createElement(j,{title:"不同尺寸抽屉",id:"Democustomwidth",src:'import { useState } from \'react\';\nimport { Button, Drawer, Input } from \'zent\';\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n const [size, setSize] = useState();\n\n const showDefaultDrawer = () => {\n setSize(\'default\');\n setVisible(true);\n };\n\n const showSmallDrawer = () => {\n setSize(\'small\');\n setVisible(true);\n };\n\n return (\n <>\n <Button onClick={showDefaultDrawer} type="primary">\n Open Default Size（728px）\n </Button>\n <Button onClick={showSmallDrawer} type="primary">\n Open Small Size（364px）\n </Button>\n <Drawer\n visible={visible}\n size={size}\n onClose={() => setVisible(false)}\n title="抽屉标题"\n footer={\n <div className="zent-drawer-demo__custom-width__drawer-footer">\n <Button>次要按钮</Button>\n <Button type="primary">主要按钮</Button>\n </div>\n }\n />\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(g)),e.createElement(y,{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
参数说明类型默认值是否必填
onClose关闭 Drawer 的回调e => voidnoop否
visibleDrawer 是否可见booleanfalse否
maskClosable点击遮罩触发\nonClosebooleanfalse否
closeOnESC按下 ESC 键时触发\nonClosebooleantrue否
mask是否显示遮罩booleantrue否
title标题ReactNodenull否
footer自定义底部内容ReactNodenull否
placementDrawer 的方向top\n \n|\n \nright\n \n|\n \nbottom\n \n|\n \nleftright否
width宽度，在 \nplacement\n 为 \nleft\n 或 \nright\n 时使用string\n \n|\n \nnumber45%否
height宽度，在 \nplacement\n 为 \ntop\n 或 \nbottom\n 时使用string\n \n|\n \nnumber45%否
className对话框外层容器的类名string\'\'否
closeBtn自定义关闭按钮，为\nfalse\n会隐藏\ncloseBtnReactNodetrue否
size预设抽屉宽度，default 728px 和 small 364px\'default\'\n|\n\'small\'否
\n

Drawer 当不设置width、 size字段时默认宽度为 45%，当同时设置时字段优先级：width > size。

\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),e.createElement(j,{title:"自定义位置",id:"Demoplacement",src:'import { useState } from \'react\';\nimport { Button, Drawer, Radio } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n const [placement, setPlacement] = useState(\'top\');\n\n return (\n <>\n <RadioGroup\n onChange={e => setPlacement(e.target.value)}\n value={placement}\n >\n <Radio value="top">top</Radio>\n <Radio value="right">right</Radio>\n <Radio value="bottom">bottom</Radio>\n <Radio value="left">left</Radio>\n </RadioGroup>\n <Button\n onClick={() => setVisible(true)}\n type="primary"\n style={{ marginLeft: \'20px\' }}\n >\n Open\n </Button>\n <Drawer\n visible={visible}\n onClose={() => setVisible(false)}\n placement={placement}\n maskClosable\n >\n <div>Drawer Content ...</div>\n <div>Drawer Content ...</div>\n <div>Drawer Content ...</div>\n </Drawer>\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(v)),e.createElement(j,{title:"无遮罩",id:"DemonoMask",src:'import { useState } from \'react\';\nimport { Button, Drawer, Input } from \'zent\';\n\nfunction SimpleDrawer() {\n const [visible, setVisible] = useState(false);\n const [content, setContent] = useState(false);\n const [inputVal, setInputVal] = useState();\n return (\n <>\n <Button\n onClick={e => {\n e.nativeEvent.stopImmediatePropagation(); // 阻止原生click事件冒泡，让drawer不关闭的同时修改children\n setVisible(true);\n setContent(!content);\n }}\n type="primary"\n >\n Toggle Content\n </Button>\n <Drawer visible={visible} onClose={() => setVisible(false)} mask={false}>\n <Input\n value={inputVal}\n onChange={e => setInputVal(e.target.value)}\n showClear\n width={200}\n />\n <Button style={{ margin: \'20px\' }} onClick={() => setVisible(false)}>\n close\n </Button>\n <div style={{ fontSize: \'50px\', paddingLeft: \'20px\' }}>\n {content ? \'111\' : \'222\'}\n </div>\n </Drawer>\n </>\n );\n}\n\nReactDOM.render(<SimpleDrawer />, mountNode);'},e.createElement(h)))}}},38098:(n,a,s)=>{"use strict";s.d(a,{d:()=>b});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(53552),l=s(14623),u={left:{height:"100%",left:0,top:0},right:{height:"100%",right:0,top:0},top:{width:"100%",top:0,left:0},bottom:{width:"100%",bottom:0,left:0}},i=function(n){var a=n.mask,s=n.maskClosable,e=n.visible,o=n.onClose;return(0,p.jsx)(l.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:e&&a,timeout:300,classNames:"zent-drawer-transition__backdrop"},{children:(0,p.jsx)("div",{className:"zent-drawer-backdrop",onClick:function(){a&&s&&o()},"data-zv":"10.0.10"},void 0)}),void 0)},k=s(27378),r=s(31256),d=function(n){return(0,r.Z)(n)?null:(0,p.jsx)("div",(0,t.pi)({className:"zent-drawer-header","data-zv":"10.0.10"},{children:"number"==typeof n||"string"==typeof n?(0,p.jsx)("span",(0,t.pi)({className:"zent-drawer-header__title","data-zv":"10.0.10"},{children:n}),void 0):n}),void 0)},m=function(n){return(0,r.Z)(n)?null:(0,p.jsx)("div",(0,t.pi)({className:"zent-drawer-footer","data-zv":"10.0.10"},{children:n}),void 0)},g=s(27036),v=function(n,a){return(0,r.Z)(n)?null:(0,p.jsx)("div",(0,t.pi)({onClick:a,className:"zent-drawer-close","data-zv":"10.0.10"},{children:!0===n?(0,p.jsx)(g.Z,{type:"close"},void 0):n}),void 0)},h=s(49744),f=function(n){var a,s=n.mask,e=n.visible,c=n.title,i=n.children,r=n.footer,g=n.placement,f=n.closeBtn,y=n.onClose,b=n.onExited,w=(0,t._T)(n,["mask","visible","title","children","footer","placement","closeBtn","onClose","onExited"]),j="width"in w&&w.width,x="height"in w&&w.height,C=(0,k.useRef)(),z=(0,k.useRef)(),S=(0,k.useCallback)((function(){s||(C.current=(0,h.Oo)(document,"click",(function(n){var a,s=n.target;document.contains(s)&&!(null===(a=z.current)||void 0===a?void 0:a.contains(s))&&y()})))}),[y,s]),D=(0,k.useCallback)((function(){var n;s||null===(n=C.current)||void 0===n||n.call(C)}),[s]),O=(0,k.useMemo)((function(){var n=function(n){return"number"==typeof n?n+"px":n};return"left"===g||"right"===g?{width:n(j)}:{height:n(x)}}),[g,j,x]);return(0,p.jsx)(l.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:e,timeout:300,classNames:"zent-drawer-transition-"+g,onEntered:S,onExit:D,onExited:b},{children:(0,p.jsxs)("div",(0,t.pi)({ref:z,className:o()("zent-drawer-content",(a={},a["zent-drawer-content--transparent"]=!s,a)),style:(0,t.pi)((0,t.pi)({},u[g]),O),"data-zv":"10.0.10"},{children:[v(f,y),d(c),(0,p.jsx)("div",(0,t.pi)({className:"zent-drawer-body","data-zv":"10.0.10"},{children:i}),void 0),m(r)]}),void 0)}),void 0)},y={default:"728px",small:"364px"},b=function(n){var a,s=n.onClose,e=n.title,l=n.children,u=n.className,r=n.visible,d=n.maskClosable,m=n.closeOnESC,g=n.mask,v=n.footer,h=n.placement,b=n.closeBtn,w=n.size,j=(0,t._T)(n,["onClose","title","children","className","visible","maskClosable","closeOnESC","mask","footer","placement","closeBtn","size"]),x=y[w]||"45%";"width"in j&&(x=j.width);var C="height"in j?j.height:"45%",z=function(n){var a=(0,k.useState)(!1),s=a[0],t=a[1],p=(0,k.useState)(n),e=p[0],o=p[1],c=(0,k.useCallback)((function(){t(!1)}),[]);return e===n||(t(!n),o(n)),{exiting:s,onExited:c}}(r),S=z.exiting,D=z.onExited;return(0,p.jsx)(c.ZP,(0,t.pi)({visible:r||S,onClose:s,closeOnESC:m,blockPageScroll:g},{children:(0,p.jsxs)("div",(0,t.pi)({className:o()((a={},a[u]=!!u,a)),"data-zv":"10.0.10"},{children:[(0,p.jsx)(i,{mask:g,maskClosable:d,visible:r,onClose:s},void 0),(0,p.jsx)(f,(0,t.pi)({mask:g,visible:r,title:e,footer:v,onClose:s,onExited:D,placement:h,width:x,height:C,closeBtn:b},{children:l}),void 0)]}),void 0)}),void 0)};b.defaultProps={className:"",visible:!1,maskClosable:!1,closeOnESC:!0,mask:!0,footer:null,title:null,onClose:function(){},placement:"right",closeBtn:!0}},4246:(n,a,s)=>{"use strict";s.d(a,{E:()=>i});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),u=s(1348);function i(n){var a=(0,c.useContext)(u.d),s=n.value,e=n.disabled,i=void 0===e?a.value:e,k=n.readOnly,r=void 0!==k&&k,d=n.isValueEqual,m=void 0===d?Object.is:d,g=n.className,v=n.style,h=n.children,f=n.onChange,y=(0,c.useMemo)((function(){return{value:s,disabled:i,readOnly:r,isValueEqual:m,onRadioChange:f}}),[s,i,r,m,f]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:y},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",g),style:v,"data-zv":"10.0.10"},{children:h}),void 0)}),void 0)}a.Z=i},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function u(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function i(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var k=s(4246),r=s(1348),d=s(57961);function m(n){var a=n.className,s=n.style,e=n.children,k=(n.value,n.width),m=n.labelStyle,g=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),v=(0,l.useContext)(r.d),h=(0,l.useContext)(d.Z),f=i(v,h,n),y=f.checked,b=f.disabled,w=f.readOnly,j=u(h,n),x=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!y,"zent-radio-disabled":b||w}),C=(0,c.Z)(k),z=(0,t.pi)((0,t.pi)({},s),C);return(0,p.jsxs)("label",(0,t.pi)({className:x,style:z,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},g,{type:"radio",checked:!!y,disabled:b,readOnly:w,onChange:j,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,e=n.children,k=(n.value,n.width),m=n.onMouseEnter,g=n.onMouseLeave,v=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),h=(0,l.useContext)(r.d),f=(0,l.useContext)(d.Z);if(!f)throw new Error("Radio.Button must be nested within Radio.Group");var y=i(h,f,n),b=y.checked,w=y.disabled,j=y.readOnly,x=u(f,n),C=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!b,"zent-radio-button--disabled":w||j}),z=(0,c.Z)(k),S=(0,t.pi)((0,t.pi)({},s),z);return(0,p.jsxs)("label",(0,t.pi)({className:C,style:S,onMouseEnter:m,onMouseLeave:g,"data-zv":"10.0.10"},{children:[(0,p.jsx)("input",(0,t.pi)({},v,{type:"radio",checked:!!b,disabled:w,readOnly:j,onChange:x,"data-zv":"10.0.10"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)},m.Group=k.Z;var g=m},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})},31256:(n,a,s)=>{"use strict";function t(n){return null==n}s.d(a,{Z:()=>t})}}]); \ No newline at end of file diff --git a/3898-bc235fb0b931e74d959c.js b/3898-9d6e2f921a41c67a03ad.js similarity index 87% rename from 3898-bc235fb0b931e74d959c.js rename to 3898-9d6e2f921a41c67a03ad.js index a910b19ef..4e7b963ac 100644 --- a/3898-bc235fb0b931e74d959c.js +++ b/3898-9d6e2f921a41c67a03ad.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3898],{23898:(n,a,t)=>{"use strict";t.r(a),t.d(a,{default:()=>h});var s=t(73450),e=t(27378),o=t(57318),p=t(54630),c=t(24246);function i(n,a){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(n);a&&(s=s.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),t.push.apply(t,s)}return t}function r(n){for(var a=1;a{(0,p.E)({images:n,index:n.indexOf(a.target.src),parentComponent:this,scaleRatio:3})}))}render(){return(0,c.jsx)("div",{className:"image-preview-demo",children:n.map(((n,a)=>(0,c.jsx)("img",{src:n,onClick:this.handlePreview,alt:"",width:"160"},a)))})}}return(0,c.jsx)(a,{})};function u(n){return(0,c.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function d(n){return(0,c.jsx)(u,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,c.jsx)(u,{tag:"style",html:n.style})}function k(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),k(n.parentNode,a);return a}class g extends e.Component{constructor(...n){super(...n),(0,s.Z)(this,"state",{showCode:!1}),(0,s.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,t=a.title,s=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:t||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(u,{tag:"code",html:s,attributes:{className:"language-jsx"}})})]})}}class h extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,k(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:""}),e.createElement(d,{html:'

previewImage 图片预览

\n

这是一个图片预览组件。

\n

使用指南

\n
    \n
  • 用于缩略图放大预览显示
    • \n
  • 支持图片上一张、下一张、翻转功能
    • \n
\n

代码演示

'}),e.createElement(g,{title:"基础用法",id:"Demobasic",src:'import { previewImage } from \'zent\';\n\nconst imgArr = [\n \'http://img.yzcdn.cn/public_files/2017/6/30/b0717bad7ad3ebd025e175d624ade39f.png\',\n \'http://img.yzcdn.cn/public_files/2017/6/30/8a0536db89fafaa1269afeaa807a579b.png\',\n \'http://img.yzcdn.cn/public_files/2017/6/30/7fe46674b697a514d9b6e2e155e88f1c.png\',\n \'http://img.yzcdn.cn/public_files/2017/6/30/b7a98d721698fe8dc93689683706db45.png\'\n];\n\nclass Simple extends React.Component {\n handlePreview = (e) => {\n previewImage({\n images: imgArr,\n index: imgArr.indexOf(e.target.src),\n parentComponent: this,\n scaleRatio: 3\n });\n }\n\n render() {\n return (\n <div className="image-preview-demo">\n {\n imgArr.map((image, index) => {\n return (<img src={image} key={index} onClick={this.handlePreview} alt="" width="160" />);\n })\n }\n </div>\n )\n }\n}\n\nReactDOM.render(\n <Simple />\n , mountNode\n);'},e.createElement(l)),e.createElement(d,{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
参数说明类型默认值备选值
images待预览图片 urlarray
index显示第几张，从 0 开始number0
showRotateBtn是否显示翻转按钮booltruetrue,false
scaleRatio自定义缩放比例number1.5
parentComponent父级组件实例，i18n 需要通过这个传递 contextReactInstance
className可选，自定义类名string\'\'
'}))}}},54630:(n,a,t)=>{"use strict";t.d(a,{Z:()=>v,E:()=>h});var s=t(59312),e=t(24246),o=t(31542),p=t.t(o,2),c=t(14805),i=t(27378),r=t(60042),l=t.n(r),u=t(49566),d=t(52074),m=t(53552),k=t(27036),g=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={imageIndex:a.props.index||0,imageStyle:{},rotateIndex:0,scaleTag:!1},a.onMaskClick=function(n){n.target===n.currentTarget&&a.props.onClose()},a.onClose=function(){a.props.onClose()},a.handlePreviousAction=function(){var n=a.props.images.length,t=a.state.imageIndex;t=(t-1+n)%n,a.setState({imageIndex:t,imageStyle:{transform:"rotate(0deg)"},rotateIndex:0,scaleTag:!1})},a.handleNextAction=function(){var n=a.props.images.length,t=a.state.imageIndex;t=(t+1)%n,a.setState({imageIndex:t,imageStyle:{transform:"rotate(0deg)"},rotateIndex:0,scaleTag:!1})},a.handleRotate=function(){var n=a.state.scaleTag,t=a.props.scaleRatio;if(t<1)throw new Error("Invalid prop `scaleRatio` in previewImage, it should be greater than 1.");var s=a.state.rotateIndex,e=90+90*s;s++;var o=n?"rotate("+e+"deg) scale("+t+")":"rotate("+e+"deg) scale(1)";a.setState({imageStyle:{transform:o,transitionDuration:"500ms"},rotateIndex:s})},a.handleScale=function(){var n=a.state,t=n.rotateIndex,s=n.scaleTag,e=a.props.scaleRatio;if(e<1)throw new Error("Invalid prop `scaleRatio` in previewImage, it should be greater than 1.");var o=90*t,p=s?"rotate("+o+"deg) scale(1)":"rotate("+o+"deg) scale("+e+")";a.setState({imageStyle:{transform:p,transitionDuration:"500ms"},scaleTag:!s})},a}return(0,s.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,t=a.images,o=a.showRotateBtn,p=a.className,c=this.state,i=c.scaleTag,r=c.imageIndex,g=c.imageStyle,h=l()("zent-image-p-show-image",{"zent-image-p-is-zooming":i});return(0,e.jsx)(m.ZP,(0,s.pi)({visible:!0,onClose:this.onClose,className:l()("zent-image-p-anchor",p),closeOnESC:!0,blockPageScroll:!0},{children:(0,e.jsx)("div",(0,s.pi)({className:"zent-image-p-backdrop","data-zv":"10.0.9"},{children:(0,e.jsxs)("div",(0,s.pi)({className:"zent-image-p-wrap","data-zv":"10.0.9"},{children:[(0,e.jsx)("div",(0,s.pi)({className:"zent-image-p-close",onClick:this.onClose,"data-zv":"10.0.9"},{children:(0,e.jsx)(k.Z,{type:"close"},void 0)}),void 0),(0,e.jsx)(d.Z,(0,s.pi)({componentName:"PreviewImage"},{children:function(a){return(0,e.jsx)("div",(0,s.pi)({className:"zent-image-p-body",onClick:n.onMaskClick,"data-zv":"10.0.9"},{children:t.map((function(t,s){return s===r?(0,e.jsx)("img",{className:h,onClick:n.handleScale,style:g,src:t,alt:a.alt,"data-zv":"10.0.9"},s):null}))}),void 0)}}),void 0),(0,e.jsx)(d.Z,(0,s.pi)({componentName:"PreviewImage"},{children:function(a){var p=t.length>1,c=l()("zent-image-p-footer",{"zent-image-p-show-rotate-btn":o,"zent-image-p-footer-paging":p}),i=l()("zent-image-p-action",{"zent-image-p-rotate-action":!p});return(0,e.jsxs)("div",(0,s.pi)({className:c,"data-zv":"10.0.9"},{children:[p&&(0,e.jsx)("span",(0,s.pi)({className:"zent-image-p-action",onClick:n.handlePreviousAction,"data-zv":"10.0.9"},{children:a.prev}),void 0),o&&(0,e.jsx)("span",(0,s.pi)({className:i,onClick:(0,u.Z)(n.handleRotate,500,{immediate:!0}),"data-zv":"10.0.9"},{children:a.rotate}),void 0),p&&(0,e.jsx)("span",(0,s.pi)({className:"zent-image-p-action",onClick:n.handleNextAction,"data-zv":"10.0.9"},{children:a.next}),void 0)]}),void 0)}}),void 0)]}),void 0)}),void 0)}),void 0)},a.defaultProps={className:"",showRotateBtn:!0,images:[],index:0,scaleRatio:1.5},a}(i.Component);function h(n){void 0===n&&(n={});var a=n.parentComponent,t=(0,s._T)(n,["parentComponent"]),i=(0,c.Z)("div"),r=(0,s.pi)((0,s.pi)({},t),{onClose:function(){i&&(o.unmountComponentAtNode(i),i=null)}});(a?o.unstable_renderSubtreeIntoContainer.bind(p,a):o.render)((0,e.jsx)(g,(0,s.pi)({},r),void 0),i)}var v=h}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3898],{23898:(n,a,t)=>{"use strict";t.r(a),t.d(a,{default:()=>h});var s=t(73450),e=t(27378),o=t(57318),p=t(54630),c=t(24246);function i(n,a){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(n);a&&(s=s.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),t.push.apply(t,s)}return t}function r(n){for(var a=1;a{(0,p.E)({images:n,index:n.indexOf(a.target.src),parentComponent:this,scaleRatio:3})}))}render(){return(0,c.jsx)("div",{className:"image-preview-demo",children:n.map(((n,a)=>(0,c.jsx)("img",{src:n,onClick:this.handlePreview,alt:"",width:"160"},a)))})}}return(0,c.jsx)(a,{})};function u(n){return(0,c.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function d(n){return(0,c.jsx)(u,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,c.jsx)(u,{tag:"style",html:n.style})}function k(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),k(n.parentNode,a);return a}class g extends e.Component{constructor(...n){super(...n),(0,s.Z)(this,"state",{showCode:!1}),(0,s.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,t=a.title,s=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:t||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(u,{tag:"code",html:s,attributes:{className:"language-jsx"}})})]})}}class h extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,k(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:""}),e.createElement(d,{html:'

previewImage 图片预览

\n

这是一个图片预览组件。

\n

使用指南

\n
    \n
  • 用于缩略图放大预览显示
    • \n
  • 支持图片上一张、下一张、翻转功能
    • \n
\n

代码演示

'}),e.createElement(g,{title:"基础用法",id:"Demobasic",src:'import { previewImage } from \'zent\';\n\nconst imgArr = [\n \'http://img.yzcdn.cn/public_files/2017/6/30/b0717bad7ad3ebd025e175d624ade39f.png\',\n \'http://img.yzcdn.cn/public_files/2017/6/30/8a0536db89fafaa1269afeaa807a579b.png\',\n \'http://img.yzcdn.cn/public_files/2017/6/30/7fe46674b697a514d9b6e2e155e88f1c.png\',\n \'http://img.yzcdn.cn/public_files/2017/6/30/b7a98d721698fe8dc93689683706db45.png\'\n];\n\nclass Simple extends React.Component {\n handlePreview = (e) => {\n previewImage({\n images: imgArr,\n index: imgArr.indexOf(e.target.src),\n parentComponent: this,\n scaleRatio: 3\n });\n }\n\n render() {\n return (\n <div className="image-preview-demo">\n {\n imgArr.map((image, index) => {\n return (<img src={image} key={index} onClick={this.handlePreview} alt="" width="160" />);\n })\n }\n </div>\n )\n }\n}\n\nReactDOM.render(\n <Simple />\n , mountNode\n);'},e.createElement(l)),e.createElement(d,{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
参数说明类型默认值备选值
images待预览图片 urlarray
index显示第几张，从 0 开始number0
showRotateBtn是否显示翻转按钮booltruetrue,false
scaleRatio自定义缩放比例number1.5
parentComponent父级组件实例，i18n 需要通过这个传递 contextReactInstance
className可选，自定义类名string\'\'
'}))}}},54630:(n,a,t)=>{"use strict";t.d(a,{Z:()=>v,E:()=>h});var s=t(59312),e=t(24246),o=t(31542),p=t.t(o,2),c=t(14805),i=t(27378),r=t(60042),l=t.n(r),u=t(49566),d=t(52074),m=t(53552),k=t(27036),g=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={imageIndex:a.props.index||0,imageStyle:{},rotateIndex:0,scaleTag:!1},a.onMaskClick=function(n){n.target===n.currentTarget&&a.props.onClose()},a.onClose=function(){a.props.onClose()},a.handlePreviousAction=function(){var n=a.props.images.length,t=a.state.imageIndex;t=(t-1+n)%n,a.setState({imageIndex:t,imageStyle:{transform:"rotate(0deg)"},rotateIndex:0,scaleTag:!1})},a.handleNextAction=function(){var n=a.props.images.length,t=a.state.imageIndex;t=(t+1)%n,a.setState({imageIndex:t,imageStyle:{transform:"rotate(0deg)"},rotateIndex:0,scaleTag:!1})},a.handleRotate=function(){var n=a.state.scaleTag,t=a.props.scaleRatio;if(t<1)throw new Error("Invalid prop `scaleRatio` in previewImage, it should be greater than 1.");var s=a.state.rotateIndex,e=90+90*s;s++;var o=n?"rotate("+e+"deg) scale("+t+")":"rotate("+e+"deg) scale(1)";a.setState({imageStyle:{transform:o,transitionDuration:"500ms"},rotateIndex:s})},a.handleScale=function(){var n=a.state,t=n.rotateIndex,s=n.scaleTag,e=a.props.scaleRatio;if(e<1)throw new Error("Invalid prop `scaleRatio` in previewImage, it should be greater than 1.");var o=90*t,p=s?"rotate("+o+"deg) scale(1)":"rotate("+o+"deg) scale("+e+")";a.setState({imageStyle:{transform:p,transitionDuration:"500ms"},scaleTag:!s})},a}return(0,s.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,t=a.images,o=a.showRotateBtn,p=a.className,c=this.state,i=c.scaleTag,r=c.imageIndex,g=c.imageStyle,h=l()("zent-image-p-show-image",{"zent-image-p-is-zooming":i});return(0,e.jsx)(m.ZP,(0,s.pi)({visible:!0,onClose:this.onClose,className:l()("zent-image-p-anchor",p),closeOnESC:!0,blockPageScroll:!0},{children:(0,e.jsx)("div",(0,s.pi)({className:"zent-image-p-backdrop","data-zv":"10.0.10"},{children:(0,e.jsxs)("div",(0,s.pi)({className:"zent-image-p-wrap","data-zv":"10.0.10"},{children:[(0,e.jsx)("div",(0,s.pi)({className:"zent-image-p-close",onClick:this.onClose,"data-zv":"10.0.10"},{children:(0,e.jsx)(k.Z,{type:"close"},void 0)}),void 0),(0,e.jsx)(d.Z,(0,s.pi)({componentName:"PreviewImage"},{children:function(a){return(0,e.jsx)("div",(0,s.pi)({className:"zent-image-p-body",onClick:n.onMaskClick,"data-zv":"10.0.10"},{children:t.map((function(t,s){return s===r?(0,e.jsx)("img",{className:h,onClick:n.handleScale,style:g,src:t,alt:a.alt,"data-zv":"10.0.10"},s):null}))}),void 0)}}),void 0),(0,e.jsx)(d.Z,(0,s.pi)({componentName:"PreviewImage"},{children:function(a){var p=t.length>1,c=l()("zent-image-p-footer",{"zent-image-p-show-rotate-btn":o,"zent-image-p-footer-paging":p}),i=l()("zent-image-p-action",{"zent-image-p-rotate-action":!p});return(0,e.jsxs)("div",(0,s.pi)({className:c,"data-zv":"10.0.10"},{children:[p&&(0,e.jsx)("span",(0,s.pi)({className:"zent-image-p-action",onClick:n.handlePreviousAction,"data-zv":"10.0.10"},{children:a.prev}),void 0),o&&(0,e.jsx)("span",(0,s.pi)({className:i,onClick:(0,u.Z)(n.handleRotate,500,{immediate:!0}),"data-zv":"10.0.10"},{children:a.rotate}),void 0),p&&(0,e.jsx)("span",(0,s.pi)({className:"zent-image-p-action",onClick:n.handleNextAction,"data-zv":"10.0.10"},{children:a.next}),void 0)]}),void 0)}}),void 0)]}),void 0)}),void 0)}),void 0)},a.defaultProps={className:"",showRotateBtn:!0,images:[],index:0,scaleRatio:1.5},a}(i.Component);function h(n){void 0===n&&(n={});var a=n.parentComponent,t=(0,s._T)(n,["parentComponent"]),i=(0,c.Z)("div"),r=(0,s.pi)((0,s.pi)({},t),{onClose:function(){i&&(o.unmountComponentAtNode(i),i=null)}});(a?o.unstable_renderSubtreeIntoContainer.bind(p,a):o.render)((0,e.jsx)(g,(0,s.pi)({},r),void 0),i)}var v=h}}]); \ No newline at end of file diff --git a/405-7941fb569eef0c45f472.js b/405-7941fb569eef0c45f472.js new file mode 100644 index 000000000..e94408db3 --- /dev/null +++ b/405-7941fb569eef0c45f472.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[405],{33938:(e,t,n)=>{"use strict";n.d(t,{X:()=>h});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(27378),a=n(1535),s=n(23130),c=n(1348),d=n(4008);function h(e){var t=(0,l.useContext)(c.d),n=(0,l.useContext)(s.Z),o=(0,l.useRef)(e);o.current=e;var d,h=n&&n.onChange,p=(0,l.useCallback)((function(e){var t=o.current,n=t.value,i=t.onChange;if(h)h(n);else if(i){var u=Object.create(e);u.target=(0,r.pi)((0,r.pi)({},o.current),{type:"checkbox",checked:e.target.checked}),i(u)}}),[h]),f=(e.checked,e.className),v=e.style,m=(e.disabled,e.readOnly,e.children),b=e.indeterminate,y=e.width,g=(e.value,e.labelStyle),V=e.onMouseEnter,C=e.onMouseLeave,_=(0,r._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),$=function(e,t,n){return"boolean"==typeof n.disabled?n.disabled:t?t.disabled:e.value}(t,n,e);if(n){var x=n.value,S=n.isValueEqual;d=-1!==x.findIndex((function(t){return S(t,e.value)}))}else d=!!e.checked;return(0,i.jsxs)("label",(0,r.pi)({className:u()("zent-checkbox-wrap",f,{"zent-checkbox-checked":!!d,"zent-checkbox-disabled":$||w,"zent-checkbox-indeterminate":b}),style:(0,r.pi)((0,r.pi)({},v),(0,a.Z)(y)),onMouseEnter:V,onMouseLeave:C,"data-zv":"10.0.10"},{children:[(0,i.jsxs)("span",(0,r.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,r.pi)({},_,{type:"checkbox",checked:d&&!b,disabled:$,readOnly:w,onChange:p,"data-zv":"10.0.10"}),void 0)]}),void 0),null!=m&&!0!==m&&!1!==m?(0,i.jsx)("div",(0,r.pi)({className:"zent-checkbox-label",style:g,"data-zv":"10.0.10"},{children:m}),void 0):null]}),void 0)}h.Group=d.Z,t.Z=h},4008:(e,t,n)=>{"use strict";n.d(t,{c:()=>h});var r=n(59312),i=n(24246),o=n(27378),u=n(60042),l=n.n(u),a=n(41925),s=n(23130),c=n(1348),d=s.Z.Provider,h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getGroupContext=(0,a.Z)((function(e,n,r,i){return{value:Array.isArray(e)?e:[],disabled:n,readOnly:r,isValueEqual:i,onChange:t.onCheckboxChange}})),t.onCheckboxChange=function(e){var n=t.props,r=n.isValueEqual,i=n.onChange,o=n.value;if(i){var u=o?o.slice():[],l=u.findIndex((function(t){return r(t,e)}));-1!==l?u.splice(l,1):u.push(e),i(u)}},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.style,o=e.children,u=e.value,a=e.disabled,s=void 0===a?this.context.value:a,c=e.readOnly,h=void 0!==c&&c,p=e.isValueEqual,f=l()("zent-checkbox-group",t);return(0,i.jsx)(d,(0,r.pi)({value:this.getGroupContext(u,s,h,p)},{children:(0,i.jsx)("div",(0,r.pi)({className:f,style:n,"data-zv":"10.0.10"},{children:o}),void 0)}),void 0)},t.defaultProps={isValueEqual:Object.is,value:[]},t.contextType=c.d,t}(o.Component);t.Z=h},23130:(e,t,n)=>{"use strict";var r=n(27378);t.Z=(0,r.createContext)(null)},68150:(e,t,n)=>{"use strict";var r=n(33938);t.ZP=r.Z},91419:(e,t,n)=>{"use strict";n.d(t,{X:()=>$});var r=n(59312),i=n(24246),o=n(27378),u=n(52074),l=n(60042),a=n.n(l),s=n(50456),c=n(44639),d=n(77828),h=n(41507),p=n(32046),f=n(80280),v=n(11128),m=f.k.START,b=f.k.END,y=c.Z.Provider,g=function(e){var t=e.value,n=e.onChange,u=e.disabledTime,l=e.onClose,c=e.onOpen,f=e.defaultTime,g=e.placeholder,V=e.PickerComponent,C=e.className,_=e.seperator,w=e.name,$=(0,r._T)(e,["value","onChange","disabledTime","onClose","onOpen","defaultTime","placeholder","PickerComponent","className","seperator","name"]),x=(0,o.useRef)($);x.current=$;var S=x.current.format,M=(0,d.Q)(n),j=(0,p.Z)(v.Y5,t),P=j.selected,z=j.setSelected,k=P[0],Z=P[1],E=(0,o.useCallback)((function(e){return function(t){var n,r=e===m?[t,Z]:[k,t];z(r),null===(n=M.current)||void 0===n||n.call(M,r)}}),[k,Z,M,z]),T=(0,p.K)(P,S,new Date),N=(0,h.Z)({selected:T,disabledTime:u}),O=N.disabledStartTimes,R=N.disabledConfirm,F=N.disabledEndTimes,B=(0,o.useCallback)((function(){var e;return null==O?void 0:O(null!==(e=T[0])&&void 0!==e?e:(0,s.Z)())}),[O,T]),U=(0,o.useCallback)((function(){var e;return null==F?void 0:F(null!==(e=T[1])&&void 0!==e?e:(0,s.Z)())}),[F,T]);return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("div",(0,r.pi)({className:a()("zent-datepicker",C),"data-zv":"10.0.10"},{children:(0,i.jsxs)(y,(0,r.pi)({value:{confirmStatus:R}},{children:[(0,i.jsx)(V,(0,r.pi)({},x.current,{value:k,onChange:E(m),defaultTime:null==f?void 0:f[0],disabledTime:B,onOpen:function(){return null==c?void 0:c(m)},onClose:function(){return null==l?void 0:l(m)},name:null==w?void 0:w[0],placeholder:g[0]}),void 0),(0,i.jsx)("span",(0,r.pi)({className:"zent-datepicker-seperator","data-zv":"10.0.10"},{children:_}),void 0),(0,i.jsx)(V,(0,r.pi)({},x.current,{value:Z,onChange:E(b),defaultTime:null==f?void 0:f[1],disabledTime:U,onOpen:function(){return null==c?void 0:c(b)},onClose:function(){return null==l?void 0:l(b)},name:null==w?void 0:w[1],placeholder:g[1]}),void 0)]}),void 0)}),void 0)},void 0)},V=n(1348),C=n(12691),_=n(7178),w=C.Z.Provider,$=function(e){var t=(0,o.useContext)(V.d),n=(0,r.pi)((0,r.pi)({},v.V2),e),l=n.format,a=n.placeholder,s=n.width,c=n.disabled,d=void 0===c?t.value:c;return(0,i.jsx)(u.Z,(0,r.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(w,(0,r.pi)({value:{i18n:e}},{children:(0,i.jsx)(g,(0,r.pi)({},n,{format:l,placeholder:a||[e.startTime,e.endTime],disabled:d,seperator:e.to,width:null!=s?s:v.on,PickerComponent:_.Z}),void 0)}),void 0)}}),void 0)}},12030:(e,t,n)=>{"use strict";n.d(t,{N:()=>c});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(27378),a=n(59935),s=function(e){var t=e.children,n=e.required,o=(0,l.useContext)(a.q3).labelStyle;return(0,i.jsx)("label",(0,r.pi)({className:u()("zent-form-label",{"zent-form-label-required":n,"zent-form-label-empty":!t}),style:o,"data-zv":"10.0.10"},{children:t}),void 0)},c=(0,l.forwardRef)((function(e,t){var n=e.className,o=e.style,c=e.label,d=e.children,h=e.required,p=e.invalid,f=e.withoutLabel,v=(0,l.useContext)(a.q3).controlStyle;return(0,i.jsxs)("div",(0,r.pi)({ref:t,className:u()("zent-form-control",{"has-error":p},n),style:(0,r.pi)((0,r.pi)({},v),o),"data-zv":"10.0.10"},{children:[f?null:(0,i.jsx)(s,(0,r.pi)({required:h},{children:c}),void 0),(0,i.jsx)("div",(0,r.pi)({className:"zent-form-control-content","data-zv":"10.0.10"},{children:d}),void 0)]}),void 0)}));c.displayName="ZentFormControl"},38836:(e,t,n)=>{"use strict";n.d(t,{X:()=>l});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=(0,n(27378).forwardRef)((function(e,t){var n=e.className,o=e.style,l=e.children;return(0,i.jsx)("div",(0,r.pi)({ref:t,className:u()("zent-form-error","zent-font-small",n),style:o,"data-zv":"10.0.10"},{children:l}),void 0)}));l.displayName="ZentFormError"},37882:(e,t,n)=>{"use strict";n.d(t,{Wi:()=>C});var r=n(59312),i=n(24246),o=n(27378),u=n(29951),l=n(85636),a=n(49407),s=n(38121),c=n(79280),d=n(45657),h=n(12030),p=n(60042),f=n.n(p),v=function(e){var t=e.className,n=e.style,o=e.children;return(0,i.jsx)("div",(0,r.pi)({className:f()("zent-form-notice",t),style:n,"data-zv":"10.0.10"},{children:o}),void 0)},m=function(e){var t=e.children,n=e.className,o=e.style;return(0,i.jsx)("div",(0,r.pi)({className:f()("zent-form-description",n),style:o,"data-zv":"10.0.10"},{children:t}),void 0)},b=n(54779),y=n(74566);function g(){return u.GP.Default}function V(e,t){var n=e.validators,r=e.required;return n=null!=n?n:[],r&&!n.some((function(e){return e.$$id===l.tk}))&&(n=[l.C1("string"==typeof r?r:t.required)].concat(n)),n}function C(e){var t,n,l,p=(n="Form",l=(0,o.useContext)(y.Z),(0,o.useMemo)((function(){var e=l.Form;return"function"==typeof e?e():e}),[l,n]));if((0,d.bd)(e)){var f=e.name,C=e.defaultValue,_=e.destroyOnUnmount,w=e.normalizeBeforeSubmit;(t=(0,a.U)(f,C,V(e,p))).destroyOnUnmount=Boolean(_),"function"==typeof w&&(t.normalizeBeforeSubmit=w)}else t=(0,s.lp)(e.model)?(0,a.U)(e.model,e.defaultValue,V(e,p)):(0,a.U)(e.model);!function(e,t){(0,o.useEffect)((function(){void 0!==t&&e.initialize(t)}),[e,t])}(t,e.initialValue),(0,o.useImperativeHandle)(e.modelRef,(function(){return t}),[t]);var $=e.className,x=e.style,S=e.label,M=e.required,j=e.before,P=e.after,z=e.notice,k=e.helpDesc,Z=e.withoutError,E=e.renderError,T=void 0===E?d.Te:E,N=e.children,O=e.validateOccasion,R=void 0===O?d.pC.Default:O,F=e.getValidateOption,B=void 0===F?g:F,U=e.normalize,D=void 0===U?b.Z:U,I=e.normalizeBeforeBlur,G=e.format,q=void 0===G?b.Z:G,A=e.withoutLabel,L=e.touchWhen,W=void 0===L?d.rw.Change:L,X=(0,o.useRef)(null);(0,d.M6)(t,X);var H,Y=(0,o.useCallback)((function(e){var n=t.value;return D(e,n)}),[t,D]),J=(0,o.useCallback)((function(e){return t.value=e}),[t]),K=c.sV(t,null!=(H=B("change"))?H:u.GP.Default,e.onChange),Q=e.onChange,ee=c.RI((function(){W===d.rw.Change&&(t.isTouched=!0)}),c.kH(Y,d.pC.Change&R?K:function(e){J(e),null==Q||Q(e)}),[t,W,Y,R,K,Q]),te=e.onBlur,ne=(0,o.useCallback)((function(e){W===d.rw.Blur&&(t.isTouched=!0),I&&(t.value=I(t.value)),R&d.pC.Blur&&t.validate(B("blur")),null==te||te(e)}),[B,R,I,W,t,te]),re=c.Jk(t,{onCompositionStart:e.onCompositionStart,onCompositionEnd:e.onCompositionEnd}),ie=re.onCompositionStart,oe=re.onCompositionEnd;return(0,i.jsxs)(h.N,(0,r.pi)({ref:X,className:$,style:x,label:S,required:!!M,invalid:!!t.error,withoutLabel:A},{children:[(0,i.jsxs)("div",(0,r.pi)({className:"zent-form-control-content-inner","data-zv":"10.0.10"},{children:[j,N({value:q(t.value),onChange:ee,onCompositionStart:ie,onCompositionEnd:oe,onBlur:ne}),P]}),void 0),Z?null:T(t.error),!!z&&(0,i.jsx)(v,{children:z},void 0),!!k&&(0,i.jsx)(m,{children:k},void 0)]}),void 0)}},70158:(e,t,n)=>{"use strict";n.d(t,{C:()=>c});var r=n(59312),i=n(24246),o=n(89466),u=n(87262),l=n(45657),a=n(27378),s=n(55390);function c(e){var t=e,n=t.scrollAnchorRef,c=t.renderError,d=void 0===c?l.Te:c,h=t.validators,p=t.modelRef,f=e.name,v=e.model,m=(0,o.w)(null!=f?f:v,h),b=m[0],y=m[1];if(function(e){return void 0!==e.name}(e)){var g=e.normalizeBeforeSubmit,V=e.destroyOnUnmount;y.destroyOnUnmount=Boolean(V),g&&(y.normalizeBeforeSubmit=g)}return(0,a.useImperativeHandle)(p,(function(){return y}),[y]),(0,l.M6)(y,n),(0,s.R)(y.error$),(0,i.jsxs)(u.RV,(0,r.pi)({value:b},{children:[e.children,d(y.error)]}),void 0)}},49633:(e,t,n)=>{"use strict";n.d(t,{l0:()=>ke});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(27378),a=n(39612),s=n(38121),c=n(9071),d=n(54779),h=n(31825),p=n(29951),f=n(39177),v=n(70453),m=function(){function e(e,t,n){void 0===e&&(e=null),void 0===t&&(t=(0,f.Hq)()),this.initialValue=t,this.patchedValue=(0,f.Hq)(),this.id=(0,v.Z)("model-ref-"),this._owner=null,this.model$=new c.X(e),this.owner=n}return Object.defineProperty(e.prototype,"owner",{get:function(){return this._owner},set:function(e){this._owner=e;var t=this.getModel();t&&(t.owner=e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"form",{get:function(){var e;return null===(e=this.owner)||void 0===e?void 0:e.form},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"validators",{get:function(){var e,t;return null!==(t=null===(e=this.model$.getValue())||void 0===e?void 0:e.validators)&&void 0!==t?t:[]},set:function(e){var t=this.model$.getValue();t&&(t.validators=e)},enumerable:!1,configurable:!0}),e.prototype.getModel=function(){return this.model$.getValue()},e.prototype.setModel=function(e){var t=this.getModel();t&&t.dispose(),e&&(e.owner=this.owner),this.model$.next(e)},e.prototype.getParent=function(){return this.owner},e.prototype.dirty=function(){var e=this.getModel();return!!e&&e.dirty()},e.prototype.touched=function(){var e=this.getModel();return!!e&&e.touched()},e.prototype.validate=function(e){void 0===e&&(e=p.GP.Default);var t=this.getModel();return t?t.validate(e):Promise.resolve()},e.prototype.getRawValue=function(){var e;return null===(e=this.getModel())||void 0===e?void 0:e.getRawValue()},e.prototype.pristine=function(){var e=this.getModel();return!e||e.pristine()},e.prototype.valid=function(){var e=this.getModel();return!e||e.valid()},Object.defineProperty(e.prototype,"error",{get:function(){var e;return null===(e=this.getModel())||void 0===e?void 0:e.error},set:function(e){var t=this.getModel();t&&(t.error=e)},enumerable:!1,configurable:!0}),e.prototype.patchValue=function(e){var t;null===(t=this.getModel())||void 0===t||t.patchValue(e)},e.prototype.initialize=function(e){var t;null===(t=this.getModel())||void 0===t||t.initialize(e)},e.prototype.reset=function(){var e;null===(e=this.getModel())||void 0===e||e.reset()},e.prototype.clear=function(){var e;null===(e=this.getModel())||void 0===e||e.clear()},e.prototype.clearError=function(){var e;null===(e=this.getModel())||void 0===e||e.clearError()},e.prototype.dispose=function(){var e;null===(e=this.getModel())||void 0===e||e.dispose(),this.model$.next(null)},e.prototype.getSubmitValue=function(){var e;null===(e=this.getModel())||void 0===e||e.getSubmitValue()},e}();m.prototype[s.$p]=!0;var b=n(31256),y=n(97514),g=n(72012),V=n(64607),C=n(63716),_=n(11931),w=function(e){function t(t,n){var r=e.call(this,(0,v.Z)("field-array-"))||this;r.defaultValue=n,r._displayName="FieldArrayModel",r.owner=null,r.invalidModels=new Set,r.mapModelToSubscriptions=new Map,r.normalizeBeforeSubmit=d.Z,r._disposeChild=function(e){r._unsubscribeChild(e),e.owner=null},r._buildChild=function(e){var t=r.childFactory(e);return r._subscribeChild(t),t},r.childFactory=t?function(e){var n=t.build((0,f.bD)(e));return r._linkChild(n)}:function(e){return new m(null,(0,f.bD)(e),r)};var i=r.defaultValue.map(r._buildChild);return r.children$=new c.X(i),r}return(0,r.ZT)(t,e),Object.defineProperty(t.prototype,"value",{get:function(){return this._value$?this._value$.value:this.getRawValue()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"value$",{get:function(){return this._getValue$(!0)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"valid$",{get:function(){return this._getValid$(!0)},enumerable:!1,configurable:!0}),t.prototype._getValue$=function(e){return void 0===e&&(e=!1),(0,C.P)(e,this._displayName),this._value$||this._initValue$(),this._value$},t.prototype._getValid$=function(e){return void 0===e&&(e=!1),(0,C.v)(e,this._displayName),this._valid$||this._initValid$(),this._valid$},t.prototype.reset=function(){var e=this,t=(0,f.or)(this.initialValue,(function(){return e.defaultValue})).map(this._buildChild);this.children$.next(t)},t.prototype.clear=function(){this.initialValue=void 0;var e=this.defaultValue.map(this._buildChild);this.children$.next(e)},t.prototype.clearError=function(){this.error$.next(null);for(var e=this.children,t=e.length,n=0;n=t.length);n+=1){var r=e[n],i=t[n];if((0,s.lp)(i)){var o=i.getModel();o&&o.patchValue(r)}else(0,s.vP)(i)&&i.patchValue(r)}if(e.length<=t.length)this.splice(e.length,t.length-e.length);else for(n=t.length;n{"use strict";n.d(t,{GI:()=>i,Xj:()=>o,q3:()=>u});var r=n(27378),i=(0,r.createContext)(null);function o(){var e=(0,r.useContext)(i);if(null===e)throw new Error("Component must be used under Form");return e}i.displayName="ZentFormChildrenContext";var u=(0,r.createContext)({})},72118:(e,t,n)=>{"use strict";n.d(t,{h:()=>h});var r=n(59312),i=n(24246),o=n(27378),u=n(60042),l=n.n(u),a=n(68150),s=n(37882),c=n(77828);function d(e){var t=e.childProps,n=e.props,u=t.value,l=(0,r._T)(t,["value"]),s=(0,c.Q)(t.onChange),d=(0,o.useCallback)((function(e){var t;null===(t=s.current)||void 0===t||t.call(s,e.target.checked)}),[s]);return(0,i.jsx)(a.ZP,(0,r.pi)({},n.props,l,{checked:u,onChange:d}),void 0)}function h(e){var t=e.className,n=(0,r._T)(e,["className"]);return(0,i.jsx)(s.Wi,(0,r.pi)({},n,{className:l()(t,"zent-form-checkbox-field"),defaultValue:e.defaultValue||!1},{children:function(t){return(0,i.jsx)(d,{childProps:t,props:e},void 0)}}),void 0)}},69717:(e,t,n)=>{"use strict";n.d(t,{I:()=>c});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(4008),a=n(37882),s=[];function c(e){var t=e.className,n=(0,r._T)(e,["className"]);return(0,i.jsx)(a.Wi,(0,r.pi)({},n,{className:u()(t,"zent-form-checkbox-group-field"),defaultValue:e.defaultValue||s},{children:function(t){return function(e,t){return(0,i.jsx)(l.c,(0,r.pi)({},t.props,e,{children:t.children}),void 0)}(t,e)}}),void 0)}},34954:(e,t,n)=>{"use strict";n.d(t,{h:()=>l});var r=n(59312),i=n(24246),o=n(93531),u=n(37882),l=function(e){return(0,i.jsx)(u.Wi,(0,r.pi)({},e,{defaultValue:e.defaultValue||""},{children:function(t){return function(e,t){var n=e.value,u=(0,r._T)(e,["value"]);return(0,i.jsx)(o.Z,(0,r.pi)({},t.props,u,{color:n}),void 0)}(t,e)}}),void 0)}},89239:(e,t,n)=>{"use strict";n.d(t,{z:()=>a});var r=n(59312),i=n(24246),o=n(1937),u=n(37882),l=n(45657),a=function(e){var t;return(0,i.jsx)(u.Wi,(0,r.pi)({},e,{defaultValue:null!==(t=e.defaultValue)&&void 0!==t?t:l.cU},{children:function(t){return(0,i.jsx)(o.D,(0,r.pi)({},e.props,t),void 0)}}),void 0)}},73811:(e,t,n)=>{"use strict";n.d(t,{j:()=>h});var r=n(59312),i=n(24246),o=n(27378),u=n(60042),l=n.n(u),a=n(37882),s=n(82645),c=n(62940),d=n(78513);function h(e){var t,n=e.className,u=(0,r._T)(e,["className"]);return o.useEffect((function(){var t;(0,c.v)(!("defaultFileList"in(null!==(t=e.props)&&void 0!==t?t:{})),"defaultFileList","FormImageUploadField")}),[]),(0,i.jsx)(a.Wi,(0,r.pi)({},u,{className:l()(n,"zent-form-upload-field"),defaultValue:null!==(t=e.defaultValue)&&void 0!==t?t:[]},{children:function(t){return function(e,t){var n=e.value,o=e.onChange;return(0,i.jsx)(s.U,(0,r.pi)({},(0,d.Z)(t.props,["defaultFileList"]),{fileList:n,onChange:o}),void 0)}(t,e)}}),void 0)}},47287:(e,t,n)=>{"use strict";n.d(t,{C:()=>h});var r=n(59312),i=n(24246),o=n(27378),u=n(82285),l=n(37882),a=n(45657),s=n(62940),c=n(77828),d=function(e){var t=e.childProps,n=e.props,l=(0,c.Q)(t.onChange),a=(0,o.useCallback)((function(e){var t;null===(t=l.current)||void 0===t||t.call(l,e.target.value)}),[l]);return(0,i.jsx)(u.I,(0,r.pi)({},n.props,t,{onChange:a}),void 0)},h=function(e){var t=e.validateOccasion,n=void 0===t?a.pC.Blur:t;return o.useEffect((function(){var t;(0,s.v)(!("defaultValue"in(null!==(t=e.props)&&void 0!==t?t:{})),"defaultValue","FormInputField")}),[]),(0,i.jsx)(l.Wi,(0,r.pi)({},e,{defaultValue:e.defaultValue||"",touchWhen:a.rw.Blur,validateOccasion:n},{children:function(t){return(0,i.jsx)(d,{childProps:t,props:e},void 0)}}),void 0)}},61705:(e,t,n)=>{"use strict";n.d(t,{w:()=>l});var r=n(59312),i=n(24246),o=n(32254),u=n(37882);function l(e){return(0,i.jsx)(u.Wi,(0,r.pi)({},e,{defaultValue:e.defaultValue||""},{children:function(t){return(0,i.jsx)(o.Z,(0,r.pi)({},e.props,t),void 0)}}),void 0)}(0,i.jsx)(o.Z,{},void 0)},69220:(e,t,n)=>{"use strict";n.d(t,{x:()=>h});var r=n(59312),i=n(24246),o=n(27378),u=n(60042),l=n.n(u),a=n(4246),s=n(37882),c=n(77828);function d(e){var t=e.childProps,n=e.props,u=(0,c.Q)(t.onChange),l=(0,o.useCallback)((function(e){var t;null===(t=u.current)||void 0===t||t.call(u,e.target.value)}),[u]);return(0,i.jsx)(a.E,(0,r.pi)({},n.props,t,{onChange:l},{children:n.children}),void 0)}function h(e){var t,n=e.className,o=(0,r._T)(e,["className"]);return(0,i.jsx)(s.Wi,(0,r.pi)({},o,{className:l()(n,"zent-form-radio-group-field"),defaultValue:null!==(t=e.defaultValue)&&void 0!==t?t:null},{children:function(t){return(0,i.jsx)(d,{childProps:t,props:e},void 0)}}),void 0)}},78518:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(59312),i=n(24246),o=n(7360),u=n(37882);function l(e){var t,n;return(0,i.jsx)(u.Wi,(0,r.pi)({},e,{defaultValue:null!==(t=e.defaultValue)&&void 0!==t?t:(null===(n=e.props)||void 0===n?void 0:n.multiple)?[]:null},{children:function(t){return function(e,t){return(0,i.jsx)(o.Z,(0,r.pi)({},t.props,e),void 0)}(t,e)}}),void 0)}},57925:(e,t,n)=>{"use strict";n.d(t,{c:()=>s});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(37882),a=n(50081);function s(e){var t,n=e.className,o=(0,r._T)(e,["className"]);return(0,i.jsx)(l.Wi,(0,r.pi)({},o,{className:u()(n,"zent-form-single-upload-field"),defaultValue:null!==(t=e.defaultValue)&&void 0!==t?t:null},{children:function(t){return function(e,t){var n=e.value,o=e.onChange;return(0,i.jsx)(a.x,(0,r.pi)({},t.props,{value:n,onChange:o}),void 0)}(t,e)}}),void 0)}},40027:(e,t,n)=>{"use strict";n.d(t,{K:()=>s});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(56377).Z,a=n(37882),s=function(e){var t=e.className,n=(0,r._T)(e,["className"]);return(0,i.jsx)(a.Wi,(0,r.pi)({},n,{className:u()(t,"zent-form-switch-field"),defaultValue:"boolean"==typeof e.defaultValue&&e.defaultValue},{children:function(t){return function(e,t){var n=e.value,o=(0,r._T)(e,["value"]);return(0,i.jsx)(l,(0,r.pi)({},t.props,o,{checked:n}),void 0)}(t,e)}}),void 0)}},75774:(e,t,n)=>{"use strict";n.d(t,{y:()=>a});var r=n(59312),i=n(24246),o=n(45657),u=n(91419),l=n(37882),a=function(e){var t;return(0,i.jsx)(l.Wi,(0,r.pi)({},e,{defaultValue:null!==(t=e.defaultValue)&&void 0!==t?t:o.Nn},{children:function(t){return(0,i.jsx)(u.X,(0,r.pi)({},e.props,t),void 0)}}),void 0)}},12729:(e,t,n)=>{"use strict";n.d(t,{U:()=>h});var r=n(59312),i=n(24246),o=n(27378),u=n(60042),l=n.n(u),a=n(37882),s=n(37122),c=n(62940),d=n(78513);function h(e){var t,n=e.className,u=(0,r._T)(e,["className"]);return o.useEffect((function(){var t;(0,c.v)(!("defaultFileList"in(null!==(t=e.props)&&void 0!==t?t:{})),"defaultFileList","FormUploadField")}),[]),(0,i.jsx)(a.Wi,(0,r.pi)({},u,{className:l()(n,"zent-form-upload-field"),defaultValue:null!==(t=e.defaultValue)&&void 0!==t?t:[]},{children:function(t){return function(e,t){var n=e.value,o=e.onChange;return(0,i.jsx)(s.g,(0,r.pi)({},(0,d.Z)(t.props,["defaultFileList"]),{fileList:n,onChange:o}),void 0)}(t,e)}}),void 0)}},87262:(e,t,n)=>{"use strict";n.d(t,{q3:()=>o,RV:()=>u,Gc:()=>l});var r=n(27378),i=n(64607),o=(0,r.createContext)(null);o.displayName="FormContext";var u=o.Provider;function l(e){void 0===e&&(e=!1);var t=(0,r.useContext)(o);if(null===t&&!e)throw i.tw;return t}t.ZP=o},64607:(e,t,n)=>{"use strict";n.d(t,{tw:()=>l,bA:()=>a,Uu:()=>s,Od:()=>c,k2:()=>d,Rk:()=>h});var r=n(59312),i=n(38121),o=n(97858),u=function(e){function t(t,n){var r=e.call(this,t+".\nThe possible reason(s) for this error: \n"+((0,o.kJ)(n)?n.map((function(e,t){return" "+(t+1)+". "+e})).join("\n"):" "+n)+"\n")||this;return r.name="FormulrError",r}return(0,r.ZT)(t,e),t}(Error),l=new u("FormContext not found",["Using form hooks outside the form context","There are two copies of zent in your project, run `yarn list zent` to check","Mixed use of Form from zent and formulr, formulr is a deprecate package"]),a=function(e){var t=function(e,t){if(!e)return t;if(e instanceof Error)return e.name+": "+e.message+"\n"+e.stack;try{return JSON.stringify(e,null,2)}catch(n){return"function"==typeof e.toString?e.toString():t}}(e,"Unknown validator runtime error");return new u("A runtime error occurred in a form validator\n"+t,["Make sure custom validators do not throw runtime errors","The returned Promise object of async validators should never be rejected"])},s=function(e,t,n){return new u("Model type mismatch","Model '"+e+"' is expected to be a '"+t+"', but got a '"+(0,i.Jb)(n)+"'.")},c=function(e){return new u("Model not found","Model '"+e+"' is not found in this form. Make sure model name is correct.")},d=function(e){return new u("Expected a 'ModelRef' instance or 'BasicModel' instance, got "+typeof e,"The first argument to form hooks is an unexpected type rather than string or 'Model'")},h=function(e){return new u("Model is disposed",["You are swapping two different Fields with the same 'name' in View mode and 'destroyOnUnmount' is set on the Field being swapped out","You are using a disposed "+e+" in your view, your UI and models are likely in a broken state"])}},89466:(e,t,n)=>{"use strict";n.d(t,{w:()=>f,z:()=>v});var r=n(27378),i=n(87262),o=n(39612),u=n(38121),l=n(76156),a=n(97858),s=n(39177),c=n(64607),d=n(12482),h=n(58126),p=n(55390);function f(e,t){void 0===t&&(t=[]);var n=(0,i.Gc)(),h=n.parent,f=n.strategy,v=n.form,m=function(e,t,n){return(0,r.useMemo)((function(){var r;if("string"==typeof e){var i=t.get(e);if(n===o.d.View)if(i&&(0,u.wq)(i))r=i;else{r=new l.y({});var a={},h=t.getPatchedValue(e);if((0,s.pC)(h)){var p=(0,s.U2)(h);(0,d.Z)(p)&&(a=p)}r.patchedValue=a,t.registerChild(e,r)}else{if(!i)throw(0,c.Od)(e);if(!(0,u.wq)(i))throw(0,c.Uu)(e,"FieldSetModel",i);r=i}}else(0,u.lp)(e)?(i=e.getModel())&&(0,u.wq)(i)?r=i:((r=new l.y({})).patchedValue=(0,s.or)(e.patchedValue,(function(){return(0,s.or)(e.initialValue,(function(){return{}}))})),e.setModel(r)):r=e;return r}),[e,t,n])}(e,h,f);f!==o.d.View||"string"!=typeof e&&!(0,u.lp)(e)||(m.validators=t);var b=(0,r.useMemo)((function(){return{strategy:f,form:v,parent:m}}),[f,v,m]);return(0,p.R)(m.error$),(0,a.yq)(e,m,h),[b,m]}function v(e,t){var n=(0,r.useState)(e.get(t)),i=n[0],o=n[1];return(0,r.useEffect)((function(){var n=(0,h.h)(e,t).subscribe((function(t){o(e.get(t))}));return function(){return n.unsubscribe()}}),[e,t]),i}},79280:(e,t,n)=>{"use strict";n.d(t,{RI:()=>s,kH:()=>c,sV:()=>d,Jk:()=>h});var r=n(27378),i=n(91102),o=n(54779),u=n(29951),l=n(97858);function a(){for(var e=[],t=0;t{"use strict";n.d(t,{U:()=>p});var r=n(27378),i=n(39612),o=n(38121),u=n(92531),l=n(87262),a=n(97858),s=n(39177),c=n(64607),d=n(55390);function h(e){return"function"==typeof e}function p(e,t,n){void 0===n&&(n=[]);var p=(0,l.Gc)("string"!=typeof e),f=function(e,t,n){return(0,r.useMemo)((function(){var r;if("string"==typeof t){var l=null!=e?e:{},a=l.strategy,d=l.parent,p=d.get(t);if(a===i.d.View)if(p&&(0,o.DB)(p))r=p;else{var f=(0,s.or)(d.getPatchedValue(t),h(n)?n:function(){return n});r=new u.W(f),d.registerChild(t,r)}else{if(!p)throw(0,c.Od)(t);if(!(0,o.DB)(p))throw(0,c.Uu)(t,"FieldModel",p);r=p}}else(0,o.lp)(t)?(p=t.getModel())&&(0,o.DB)(p)?r=p:(f=(0,s.or)(t.patchedValue,(function(){return(0,s.or)(t.initialValue,h(n)?n:function(){return n})})),r=new u.W(f),t.setModel(r)):r=t;return r}),[t,null==e?void 0:e.parent,null==e?void 0:e.strategy,null==e?void 0:e.form])}(p,e,t);return(0,d.R)(f.value$),(0,d.R)(f.error$),(null==p?void 0:p.strategy)!==i.d.View||"string"!=typeof e&&!(0,o.lp)(e)||(f.validators=n),(0,a.yq)(e,f,null==p?void 0:p.parent),f}},58126:(e,t,n)=>{"use strict";n.d(t,{V:()=>p,h:()=>f});var r=n(59312),i=n(24246),o=n(27378),u=n(13918),l=n(23868),a=n(98125),s=n(93976),c=n(87262),d=n(38121),h=n(45272);function p(e){var t=e.name,n=e.model,u=e.children,l=(0,c.Gc)(),a=(0,h.g)(l,t,n,d.wq),s=(0,o.useMemo)((function(){return(0,r.pi)((0,r.pi)({},l),{parent:a})}),[l,a]);return a?(0,i.jsx)(c.ZP.Provider,(0,r.pi)({value:s},{children:u}),a.id):null}function f(e,t){return(0,u.T)(e.childRegister$,e.childRemove$).pipe((0,a.Q)(l.E),(0,s.h)((function(e){return e===t})))}},45272:(e,t,n)=>{"use strict";n.d(t,{g:()=>u});var r=n(27378),i=n(42690),o=n(58126);function u(e,t,n,u){var l=(null!=e?e:{}).parent,a=(0,r.useMemo)((function(){if("string"==typeof t){var e=l.get(t);if(u(e))return e}return u(n)?n:null}),[t,n,u,l]),s=(0,r.useState)(a),c=s[0],d=s[1];return(0,r.useEffect)((function(){if(!t)return i.Z;var e=l.get(t);u(e)&&d(e);var n=(0,o.h)(l,t).subscribe((function(e){var t=l.get(e);u(t)&&d(t)}));return function(){return n.unsubscribe()}}),[t,l,a,u]),c}},39177:(e,t,n)=>{"use strict";n.d(t,{bD:()=>i,Hq:()=>o,or:()=>u,pC:()=>l,U2:()=>a});var r=Symbol("some"),i=function(e){var t;return(t={})[r]=!0,t.value=e,t},o=function(){return null};function u(e,t){return e?e.value:t()}function l(e){return!!e}function a(e){return e.value}},31825:(e,t,n)=>{"use strict";n.d(t,{e:()=>s});var r=n(44879),i=n(9071),o=n(29951),u=n(18462),l=n(39177),a=n(38121),s=function(){function e(e){this.id=e,this.validate$=new r.x,this.validators=[],this.initialValue=(0,l.Hq)(),this.destroyOnUnmount=!1,this.subscriptions=[],this.error$=new i.X(null),this.subscriptions.push(this.validate$.pipe((0,u.w)((0,o.Gu)(this))).subscribe(new o.bg(this)))}return Object.defineProperty(e.prototype,"value",{get:function(){return this._getValue$().value},set:function(e){this.patchValue(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"form",{get:function(){var e;return null===(e=this.owner)||void 0===e?void 0:e.form},enumerable:!1,configurable:!0}),e.prototype.dispose=function(){this.subscriptions.forEach((function(e){return e.unsubscribe()})),this.subscriptions=[],this.owner=null,this.clear(),this.clearError()},e.prototype.valid=function(){return this._getValid$().value},e.prototype.triggerValidate=function(e){var t,n=this;if(this.owner!==this&&!(e&o.GP.StopPropagation)){var r=e&~o.GP.IncludeChildrenRecursively;null===(t=this.owner)||void 0===t||t.validate(r)}return new Promise((function(t,r){n.validate$.next({option:e,resolve:t,reject:r})}))},Object.defineProperty(e.prototype,"error",{get:function(){return this.error$.getValue()},set:function(e){this.error$.next(e)},enumerable:!1,configurable:!0}),e}();s.prototype[a.kI]=!0},92531:(e,t,n)=>{"use strict";n.d(t,{W:()=>f});var r=n(59312),i=n(9071),o=n(54779),u=n(31825),l=n(39177),a=n(29951),s=n(31256),c=n(70453),d=n(38121),h=n(11931),p=n(64607),f=function(e){function t(t){var n=e.call(this,(0,c.Z)("field-"))||this;return n.defaultValue=t,n._displayName="FieldModel",n._value$=new i.X(n.defaultValue),n._valid$=new i.X(!0),n.isTouched=!1,n.isCompositing=!1,n.normalizeBeforeSubmit=o.Z,n.owner=null,n}return(0,r.ZT)(t,e),Object.defineProperty(t.prototype,"value$",{get:function(){return this._value$},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"valid$",{get:function(){return this._valid$},enumerable:!1,configurable:!0}),t.prototype._getValue$=function(){return this._value$},t.prototype._getValid$=function(){return this._valid$},t.prototype.reset=function(){var e=this;this._getValue$().next((0,l.or)(this.initialValue,(function(){return e.defaultValue})))},t.prototype.clear=function(){this.initialValue=(0,l.Hq)(),this._getValue$().next(this.defaultValue)},t.prototype.clearError=function(){this.error$.next(null)},t.prototype.initialize=function(e){this.initialValue=(0,l.bD)(e),this._getValue$().next(e)},t.prototype.getRawValue=function(){return this._getValue$().getValue()},t.prototype.getSubmitValue=function(){return(0,this.normalizeBeforeSubmit)(this._getValue$().getValue())},t.prototype.validate=function(e){var t=this;return void 0===e&&(e=a.GP.Default),this.triggerValidate(e).then((function(e){return t._getValid$().next((0,s.Z)(e)),e}),(function(e){throw(0,p.bA)(e)}))},t.prototype.patchValue=function(e){this._getValue$().next(e)},t.prototype.pristine=function(){var e=this._getValue$().getValue();return(0,l.pC)(this.initialValue)?e===(0,l.U2)(this.initialValue):e===this.defaultValue},t.prototype.dirty=function(){return!this.pristine()},t.prototype.touched=function(){return this.isTouched},t.prototype.dispose=function(){e.prototype.dispose.call(this),this._getValue$().complete(),this._getValid$().complete(),this._valid$=(0,h.P)(this._displayName,!1),this._value$=(0,h.P)(this._displayName,this.defaultValue)},t}(u.e);f.prototype[d.ET]=!0},39612:(e,t,n)=>{"use strict";n.d(t,{d:()=>r,a:()=>d});var r,i=n(59312),o=n(9071),u=n(76156),l=n(29951),a=n(70453),s=n(38121),c=n(11931);!function(e){e[e.Model=0]="Model",e[e.View=1]="View"}(r||(r={}));var d=function(e){function t(t){var n=e.call(this,t,(0,a.Z)("form-"))||this;n.children=t,n._displayName="FormModel",n.workingValidators=new Set,n.isValidating$=new o.X(!1),n.owner=n;for(var r=Object.keys(t),i=r.length,u=0;u0;e!==this.isValidating$.getValue()&&this.isValidating$.next(e)},t.prototype.dispose=function(){e.prototype.dispose.call(this),this.workingValidators.clear(),this.isValidating$.complete(),this.isValidating$=(0,c.P)(this._displayName,!1)},t}(u.y);d.prototype[s.er]=!0},38121:(e,t,n)=>{"use strict";n.d(t,{er:()=>r,kI:()=>i,ET:()=>o,$p:()=>u,ih:()=>l,P$:()=>a,vP:()=>s,DB:()=>c,lp:()=>d,L4:()=>h,wq:()=>p,Jb:()=>f});var r=Symbol("form"),i=Symbol("model"),o=Symbol("field"),u=Symbol("ref"),l=Symbol("field-array"),a=Symbol("set");function s(e){return Boolean(null==e?void 0:e[i])}function c(e){return!(!e||!e[o])}function d(e){return!(!e||!e[u])}function h(e){return!(!e||!e[l])}function p(e){return!(!e||!e[a])}function f(e){return c(e)?"FieldModel":h(e)?"FieldArrayModel":p(e)?"FieldSetModel":(t=e)&&t[r]?"FormModel":d(e)?"ModelRef":s(e)?"BasicModel":"unknown";var t}},11931:(e,t,n)=>{"use strict";n.d(t,{P:()=>o});var r=n(9071),i=n(64607);function o(e,t){var n=new r.X(t);return n.error((0,i.Rk)(e)),n}},76156:(e,t,n)=>{"use strict";n.d(t,{y:()=>y});var r=n(59312),i=n(44879),o=n(9071),u=n(72551),l=n(54779),a=n(31256),s=n(12482),c=n(78513),d=n(70453),h=n(39177),p=n(29951),f=n(63716),v=n(31825),m=n(38121),b=n(11931),y=function(e){function t(t,n){void 0===n&&(n=(0,d.Z)("field-set-"));var r=e.call(this,n)||this;r._displayName="FieldSetModel",r.patchedValue=null,r.childRegister$=new i.x,r.childRemove$=new i.x,r.children={},r.owner=null,r.invalidModels=new Set,r.mapModelToSubscriptions=new Map,r.normalizeBeforeSubmit=l.Z;for(var o=Object.keys(t),u=o.length,a=0;a{"use strict";n.d(t,{Z$:()=>i,yq:()=>o,kJ:()=>u});var r=n(27378);function i(e){return e.length?e[e.length-1]:null}function o(e,t,n){(0,r.useEffect)((function(){return function(){"string"==typeof e&&t.destroyOnUnmount&&(n.removeChild(e),t.dispose())}}),[e,t,n])}var u=Array.isArray},29951:(e,t,n)=>{"use strict";n.d(t,{bg:()=>C,GP:()=>r,YC:()=>V,Iq:()=>g,Gu:()=>$});var r,i=n(45418),o=n(34878),u=n(7566),l=n(1537),a=n(93976),s=n(5185),c=n(67244),d=n(19302),h=n(87349),p=n(38121),f=n(59312),v=function(e){function t(t,n,r){var i=e.call(this,t)||this;return i.callback=n,i.value=r,i}return(0,f.ZT)(t,e),t.prototype._next=function(e){var t,n;this.value=e,null===(n=(t=this.destination).next)||void 0===n||n.call(t,e)},t.prototype._complete=function(){var e,t,n,r;try{(0,this.callback)(this.value)}catch(n){null===(t=(e=this.destination).error)||void 0===t||t.call(e,n)}null===(r=(n=this.destination).complete)||void 0===r||r.call(n)},t}(n(1443).Lv),m=function(){function e(e,t){this.callback=e,this.defaultValue=t}return e.prototype.call=function(e,t){return t.subscribe(new v(e,this.callback,this.defaultValue))},e}(),b=n(31256),y=Symbol("AsyncValidator");function g(e){return!!e[y]}function V(e){var t;return(t={})[y]=!0,t.validator=e,t}!function(e){e[e.Empty=0]="Empty",e[e.IncludeAsync=2]="IncludeAsync",e[e.IncludeUntouched=4]="IncludeUntouched",e[e.IncludeChildrenRecursively=8]="IncludeChildrenRecursively",e[e.ExcludePristine=16]="ExcludePristine",e[e.StopPropagation=32]="StopPropagation",e[e.Default=0]="Default"}(r||(r={}));var C=function(){function e(e){this.model=e}return e.prototype.next=function(e){this.model.error=e},e}(),_=function(){function e(e){this.model=e}return e.prototype.getSection=function(){return this.model.owner},e.prototype.getSectionValue=function(){for(var e=[],t=0;t{"use strict";n.d(t,{y:()=>c});var r=n(59312),i=n(29951),o=n(34878),u=n(45418),l=n(18462),a=n(85636);function s(e,t,n){return e&&(0,r.pi)((0,r.pi)({},e),{message:t(n)})}function c(e){return function(t){var n=(0,i.Iq)(t)?(0,i.YC)((function(n,r){var i=t.validator(n,r);return i&&(0,o.Dp)(i).pipe((0,l.w)((function(t){return(0,u.of)(s(t,e,r))})))})):function(n,r){return s(t(n,r),e,r)};return(0,a.lL)(t)&&(0,a.Ge)(n),n}}},17323:(e,t,n)=>{"use strict";n.d(t,{g:()=>o});var r=n(29951),i=n(85636);function o(e){return function(t){var n=(0,r.Iq)(t)?(0,r.YC)((function(n,r){return e(r)?t.validator(n,r):null})):function(n,r){return e(r)?t(n,r):null};return(0,i.lL)(t)&&(0,i.Ge)(n),n}}},85636:(e,t,n)=>{"use strict";n.d(t,{tk:()=>o,Ge:()=>u,lL:()=>l,C1:()=>a,Do:()=>s,Ei:()=>c,BS:()=>d,uj:()=>h}),n(9828);var r=n(31256),i=/^(?=.{1,254}$)(?=.{1,64}@)[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+(\.[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+)*@[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?(\.[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?)*$/;var o=Symbol("required");function u(e){e.$$id=o}function l(e){return e.$$id===o}function a(e){function t(t){return n=t,(0,r.Z)(n)||0===n.length?{name:"required",message:e,actual:t}:null;var n}return t.$$id=o,t}function s(e){return function(t){return i.test(t)?null:{name:"email",message:e,actual:t}}}function c(e,t){return function(n){return n.lengthe?{name:"maxLength",message:t,actual:n,limit:e}:null}}function h(e,t){return function(n){return e.test(n)?null:{name:"pattern",message:t,actual:n,pattern:e}}}},63716:(e,t,n)=>{"use strict";n.d(t,{P:()=>i,v:()=>o});var r=n(52254);function i(e,t){(0,r.W)(!e,"form-subscribe-value-"+t,"Subscribe `value` of %s might cause performance issues, do it with caution.",t)}function o(e,t){(0,r.W)(!e,"form-subscribe-valid-"+t,"Subscribe `valid` of %s might cause performance issues, do it with caution.",t)}},45657:(e,t,n)=>{"use strict";n.d(t,{bd:()=>h,pC:()=>r,rw:()=>i,cU:()=>p,Nn:()=>f,Te:()=>v,M6:()=>m});var r,i,o=n(24246),u=n(27378),l=n(24399),a=n(23807),s=n(38836),c=n(59935),d="HH:mm:ss";function h(e){return!!e.name}function p(){return[new Date,new Date]}function f(){return[(0,l.Z)(new Date,d),(0,l.Z)((0,a.Z)(),d)]}function v(e){return null==e?null:(0,o.jsx)(s.X,{children:e.message},void 0)}function m(e,t){var n=(0,c.Xj)(),r=(0,u.useRef)(n.children.length);(0,u.useEffect)((function(){var i={valid:function(){return e.valid()},getDOMNode:function(){return t&&t.current}};return r.current{"use strict";n.d(t,{v:()=>i});var r=n(52254);function i(e,t,n){(0,r.W)(e,n+"-"+t,"Do not use 'props."+t+"' in '"+n+"'.\nForm fields are controlled components, use 'defaultValue' prop in '"+n+"' to set default value.")}},32254:(e,t,n)=>{"use strict";var r=n(80964);t.Z=r.Z},4246:(e,t,n)=>{"use strict";n.d(t,{E:()=>c});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(27378),a=n(57961),s=n(1348);function c(e){var t=(0,l.useContext)(s.d),n=e.value,o=e.disabled,c=void 0===o?t.value:o,d=e.readOnly,h=void 0!==d&&d,p=e.isValueEqual,f=void 0===p?Object.is:p,v=e.className,m=e.style,b=e.children,y=e.onChange,g=(0,l.useMemo)((function(){return{value:n,disabled:c,readOnly:h,isValueEqual:f,onRadioChange:y}}),[n,c,h,f,y]);return(0,i.jsx)(a.Z.Provider,(0,r.pi)({value:g},{children:(0,i.jsx)("div",(0,r.pi)({className:u()("zent-radio-group",v),style:m,"data-zv":"10.0.10"},{children:b}),void 0)}),void 0)}t.Z=c},57961:(e,t,n)=>{"use strict";var r=(0,n(27378).createContext)(null);r.displayName="RadioGroupContext",t.Z=r},71457:(e,t,n)=>{"use strict";n.d(t,{Y:()=>f,Z:()=>v});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(1535),a=n(27378);function s(e,t){var n=(0,a.useRef)(t);n.current=t;var i=e&&e.onRadioChange;return(0,a.useCallback)((function(e){var t=function(e,t){var n=Object.create(e);return n.target=(0,r.pi)((0,r.pi)({},t),{type:"radio",checked:e.target.checked}),n}(e,n.current);if(i)i(t);else{var o=n.current.onChange;o&&o(t)}}),[i])}function c(e,t,n){var r=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:r,readOnly:i}}var d=n(4246),h=n(1348),p=n(57961);function f(e){var t=e.className,n=e.style,o=e.children,d=(e.value,e.width),f=e.labelStyle,v=(e.onMouseEnter,e.onMouseLeave,(0,r._T)(e,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),m=(0,a.useContext)(h.d),b=(0,a.useContext)(p.Z),y=c(m,b,e),g=y.checked,V=y.disabled,C=y.readOnly,_=s(b,e),w=u()(t,"zent-radio-wrap",{"zent-radio-checked":!!g,"zent-radio-disabled":V||C}),$=(0,l.Z)(d),x=(0,r.pi)((0,r.pi)({},n),$);return(0,i.jsxs)("label",(0,r.pi)({className:w,style:x,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,i.jsxs)("span",(0,r.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,r.pi)({},v,{type:"radio",checked:!!g,disabled:V,readOnly:C,onChange:_,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==o&&(0,i.jsx)("span",(0,r.pi)({className:"zent-radio-label",style:f,"data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)}f.Button=function(e){var t=e.className,n=e.style,o=e.children,d=(e.value,e.width),f=e.onMouseEnter,v=e.onMouseLeave,m=(0,r._T)(e,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),b=(0,a.useContext)(h.d),y=(0,a.useContext)(p.Z);if(!y)throw new Error("Radio.Button must be nested within Radio.Group");var g=c(b,y,e),V=g.checked,C=g.disabled,_=g.readOnly,w=s(y,e),$=u()(t,"zent-radio-button",{"zent-radio-button--checked":!!V,"zent-radio-button--disabled":C||_}),x=(0,l.Z)(d),S=(0,r.pi)((0,r.pi)({},n),x);return(0,i.jsxs)("label",(0,r.pi)({className:$,style:S,onMouseEnter:f,onMouseLeave:v,"data-zv":"10.0.10"},{children:[(0,i.jsx)("input",(0,r.pi)({},m,{type:"radio",checked:!!V,disabled:C,readOnly:_,onChange:w,"data-zv":"10.0.10"}),void 0),(0,i.jsx)("span",(0,r.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)},f.Group=d.Z;var v=f},7360:(e,t,n)=>{"use strict";var r=n(95388);t.Z=r.Z},56377:(e,t,n)=>{"use strict";n.d(t,{r:()=>s});var r=n(59312),i=n(24246),o=n(27378),u=n(60042),l=n.n(u),a=n(1348),s=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.toggle=function(){var e=t.props,n=e.onChange,r=e.checked;n&&n(!r)},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e,t=this.props,n=t.className,r=t.size,o=t.disabled,u=void 0===o?this.context.value:o,a=t.loading,s=t.checked,c=u||a,d=l()(((e={})["zent-switch-"+r]="default"!==r,e["zent-switch-disabled"]=c,e["zent-switch-loading"]=a,e["zent-switch-checked"]=s,e),"zent-switch",n);return(0,i.jsx)("div",{className:d,onClick:c?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},t.defaultProps={size:"default"},t.contextType=a.d,t}(o.Component);t.Z=s},58801:(e,t,n)=>{"use strict";function r(){var e=window.pageXOffset,t=window.pageYOffset;return{x:void 0!==e?e:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==t?t:(document.documentElement||document.body.parentNode||document.body).scrollTop}}n.d(t,{Z:()=>r})},1535:(e,t,n)=>{"use strict";function r(e){return"string"==typeof e||"number"==typeof e?{width:e}:{}}n.d(t,{Z:()=>r})},54779:(e,t,n)=>{"use strict";function r(e){return e}n.d(t,{Z:()=>r})},52254:(e,t,n)=>{"use strict";n.d(t,{W:()=>r}),n(59312);var r=function(e,t,n){for(var r=[],i=3;i{"use strict";n.d(t,{X:()=>h});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(27378),a=n(1535),s=n(23130),c=n(1348),d=n(4008);function h(e){var t=(0,l.useContext)(c.d),n=(0,l.useContext)(s.Z),o=(0,l.useRef)(e);o.current=e;var d,h=n&&n.onChange,p=(0,l.useCallback)((function(e){var t=o.current,n=t.value,i=t.onChange;if(h)h(n);else if(i){var u=Object.create(e);u.target=(0,r.pi)((0,r.pi)({},o.current),{type:"checkbox",checked:e.target.checked}),i(u)}}),[h]),f=(e.checked,e.className),v=e.style,m=(e.disabled,e.readOnly,e.children),b=e.indeterminate,y=e.width,g=(e.value,e.labelStyle),V=e.onMouseEnter,C=e.onMouseLeave,_=(0,r._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),$=function(e,t,n){return"boolean"==typeof n.disabled?n.disabled:t?t.disabled:e.value}(t,n,e);if(n){var x=n.value,S=n.isValueEqual;d=-1!==x.findIndex((function(t){return S(t,e.value)}))}else d=!!e.checked;return(0,i.jsxs)("label",(0,r.pi)({className:u()("zent-checkbox-wrap",f,{"zent-checkbox-checked":!!d,"zent-checkbox-disabled":$||w,"zent-checkbox-indeterminate":b}),style:(0,r.pi)((0,r.pi)({},v),(0,a.Z)(y)),onMouseEnter:V,onMouseLeave:C,"data-zv":"10.0.9"},{children:[(0,i.jsxs)("span",(0,r.pi)({className:"zent-checkbox","data-zv":"10.0.9"},{children:[(0,i.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.9"},void 0),(0,i.jsx)("input",(0,r.pi)({},_,{type:"checkbox",checked:d&&!b,disabled:$,readOnly:w,onChange:p,"data-zv":"10.0.9"}),void 0)]}),void 0),null!=m&&!0!==m&&!1!==m?(0,i.jsx)("div",(0,r.pi)({className:"zent-checkbox-label",style:g,"data-zv":"10.0.9"},{children:m}),void 0):null]}),void 0)}h.Group=d.Z,t.Z=h},4008:(e,t,n)=>{"use strict";n.d(t,{c:()=>h});var r=n(59312),i=n(24246),o=n(27378),u=n(60042),l=n.n(u),a=n(41925),s=n(23130),c=n(1348),d=s.Z.Provider,h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getGroupContext=(0,a.Z)((function(e,n,r,i){return{value:Array.isArray(e)?e:[],disabled:n,readOnly:r,isValueEqual:i,onChange:t.onCheckboxChange}})),t.onCheckboxChange=function(e){var n=t.props,r=n.isValueEqual,i=n.onChange,o=n.value;if(i){var u=o?o.slice():[],l=u.findIndex((function(t){return r(t,e)}));-1!==l?u.splice(l,1):u.push(e),i(u)}},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.style,o=e.children,u=e.value,a=e.disabled,s=void 0===a?this.context.value:a,c=e.readOnly,h=void 0!==c&&c,p=e.isValueEqual,f=l()("zent-checkbox-group",t);return(0,i.jsx)(d,(0,r.pi)({value:this.getGroupContext(u,s,h,p)},{children:(0,i.jsx)("div",(0,r.pi)({className:f,style:n,"data-zv":"10.0.9"},{children:o}),void 0)}),void 0)},t.defaultProps={isValueEqual:Object.is,value:[]},t.contextType=c.d,t}(o.Component);t.Z=h},23130:(e,t,n)=>{"use strict";var r=n(27378);t.Z=(0,r.createContext)(null)},68150:(e,t,n)=>{"use strict";var r=n(33938);t.ZP=r.Z},91419:(e,t,n)=>{"use strict";n.d(t,{X:()=>$});var r=n(59312),i=n(24246),o=n(27378),u=n(52074),l=n(60042),a=n.n(l),s=n(50456),c=n(44639),d=n(77828),h=n(41507),p=n(32046),f=n(80280),v=n(11128),m=f.k.START,b=f.k.END,y=c.Z.Provider,g=function(e){var t=e.value,n=e.onChange,u=e.disabledTime,l=e.onClose,c=e.onOpen,f=e.defaultTime,g=e.placeholder,V=e.PickerComponent,C=e.className,_=e.seperator,w=e.name,$=(0,r._T)(e,["value","onChange","disabledTime","onClose","onOpen","defaultTime","placeholder","PickerComponent","className","seperator","name"]),x=(0,o.useRef)($);x.current=$;var S=x.current.format,M=(0,d.Q)(n),j=(0,p.Z)(v.Y5,t),P=j.selected,z=j.setSelected,k=P[0],Z=P[1],E=(0,o.useCallback)((function(e){return function(t){var n,r=e===m?[t,Z]:[k,t];z(r),null===(n=M.current)||void 0===n||n.call(M,r)}}),[k,Z,M,z]),T=(0,p.K)(P,S,new Date),N=(0,h.Z)({selected:T,disabledTime:u}),O=N.disabledStartTimes,R=N.disabledConfirm,F=N.disabledEndTimes,B=(0,o.useCallback)((function(){var e;return null==O?void 0:O(null!==(e=T[0])&&void 0!==e?e:(0,s.Z)())}),[O,T]),U=(0,o.useCallback)((function(){var e;return null==F?void 0:F(null!==(e=T[1])&&void 0!==e?e:(0,s.Z)())}),[F,T]);return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("div",(0,r.pi)({className:a()("zent-datepicker",C),"data-zv":"10.0.9"},{children:(0,i.jsxs)(y,(0,r.pi)({value:{confirmStatus:R}},{children:[(0,i.jsx)(V,(0,r.pi)({},x.current,{value:k,onChange:E(m),defaultTime:null==f?void 0:f[0],disabledTime:B,onOpen:function(){return null==c?void 0:c(m)},onClose:function(){return null==l?void 0:l(m)},name:null==w?void 0:w[0],placeholder:g[0]}),void 0),(0,i.jsx)("span",(0,r.pi)({className:"zent-datepicker-seperator","data-zv":"10.0.9"},{children:_}),void 0),(0,i.jsx)(V,(0,r.pi)({},x.current,{value:Z,onChange:E(b),defaultTime:null==f?void 0:f[1],disabledTime:U,onOpen:function(){return null==c?void 0:c(b)},onClose:function(){return null==l?void 0:l(b)},name:null==w?void 0:w[1],placeholder:g[1]}),void 0)]}),void 0)}),void 0)},void 0)},V=n(1348),C=n(12691),_=n(7178),w=C.Z.Provider,$=function(e){var t=(0,o.useContext)(V.d),n=(0,r.pi)((0,r.pi)({},v.V2),e),l=n.format,a=n.placeholder,s=n.width,c=n.disabled,d=void 0===c?t.value:c;return(0,i.jsx)(u.Z,(0,r.pi)({componentName:"TimePicker"},{children:function(e){return(0,i.jsx)(w,(0,r.pi)({value:{i18n:e}},{children:(0,i.jsx)(g,(0,r.pi)({},n,{format:l,placeholder:a||[e.startTime,e.endTime],disabled:d,seperator:e.to,width:null!=s?s:v.on,PickerComponent:_.Z}),void 0)}),void 0)}}),void 0)}},12030:(e,t,n)=>{"use strict";n.d(t,{N:()=>c});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(27378),a=n(59935),s=function(e){var t=e.children,n=e.required,o=(0,l.useContext)(a.q3).labelStyle;return(0,i.jsx)("label",(0,r.pi)({className:u()("zent-form-label",{"zent-form-label-required":n,"zent-form-label-empty":!t}),style:o,"data-zv":"10.0.9"},{children:t}),void 0)},c=(0,l.forwardRef)((function(e,t){var n=e.className,o=e.style,c=e.label,d=e.children,h=e.required,p=e.invalid,f=e.withoutLabel,v=(0,l.useContext)(a.q3).controlStyle;return(0,i.jsxs)("div",(0,r.pi)({ref:t,className:u()("zent-form-control",{"has-error":p},n),style:(0,r.pi)((0,r.pi)({},v),o),"data-zv":"10.0.9"},{children:[f?null:(0,i.jsx)(s,(0,r.pi)({required:h},{children:c}),void 0),(0,i.jsx)("div",(0,r.pi)({className:"zent-form-control-content","data-zv":"10.0.9"},{children:d}),void 0)]}),void 0)}));c.displayName="ZentFormControl"},38836:(e,t,n)=>{"use strict";n.d(t,{X:()=>l});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=(0,n(27378).forwardRef)((function(e,t){var n=e.className,o=e.style,l=e.children;return(0,i.jsx)("div",(0,r.pi)({ref:t,className:u()("zent-form-error","zent-font-small",n),style:o,"data-zv":"10.0.9"},{children:l}),void 0)}));l.displayName="ZentFormError"},37882:(e,t,n)=>{"use strict";n.d(t,{Wi:()=>C});var r=n(59312),i=n(24246),o=n(27378),u=n(29951),l=n(85636),a=n(49407),s=n(38121),c=n(79280),d=n(45657),h=n(12030),p=n(60042),f=n.n(p),v=function(e){var t=e.className,n=e.style,o=e.children;return(0,i.jsx)("div",(0,r.pi)({className:f()("zent-form-notice",t),style:n,"data-zv":"10.0.9"},{children:o}),void 0)},m=function(e){var t=e.children,n=e.className,o=e.style;return(0,i.jsx)("div",(0,r.pi)({className:f()("zent-form-description",n),style:o,"data-zv":"10.0.9"},{children:t}),void 0)},b=n(54779),y=n(74566);function g(){return u.GP.Default}function V(e,t){var n=e.validators,r=e.required;return n=null!=n?n:[],r&&!n.some((function(e){return e.$$id===l.tk}))&&(n=[l.C1("string"==typeof r?r:t.required)].concat(n)),n}function C(e){var t,n,l,p=(n="Form",l=(0,o.useContext)(y.Z),(0,o.useMemo)((function(){var e=l.Form;return"function"==typeof e?e():e}),[l,n]));if((0,d.bd)(e)){var f=e.name,C=e.defaultValue,_=e.destroyOnUnmount,w=e.normalizeBeforeSubmit;(t=(0,a.U)(f,C,V(e,p))).destroyOnUnmount=Boolean(_),"function"==typeof w&&(t.normalizeBeforeSubmit=w)}else t=(0,s.lp)(e.model)?(0,a.U)(e.model,e.defaultValue,V(e,p)):(0,a.U)(e.model);!function(e,t){(0,o.useEffect)((function(){void 0!==t&&e.initialize(t)}),[e,t])}(t,e.initialValue),(0,o.useImperativeHandle)(e.modelRef,(function(){return t}),[t]);var $=e.className,x=e.style,S=e.label,M=e.required,j=e.before,P=e.after,z=e.notice,k=e.helpDesc,Z=e.withoutError,E=e.renderError,T=void 0===E?d.Te:E,N=e.children,O=e.validateOccasion,R=void 0===O?d.pC.Default:O,F=e.getValidateOption,B=void 0===F?g:F,U=e.normalize,D=void 0===U?b.Z:U,I=e.normalizeBeforeBlur,G=e.format,q=void 0===G?b.Z:G,A=e.withoutLabel,L=e.touchWhen,W=void 0===L?d.rw.Change:L,X=(0,o.useRef)(null);(0,d.M6)(t,X);var H,Y=(0,o.useCallback)((function(e){var n=t.value;return D(e,n)}),[t,D]),J=(0,o.useCallback)((function(e){return t.value=e}),[t]),K=c.sV(t,null!=(H=B("change"))?H:u.GP.Default,e.onChange),Q=e.onChange,ee=c.RI((function(){W===d.rw.Change&&(t.isTouched=!0)}),c.kH(Y,d.pC.Change&R?K:function(e){J(e),null==Q||Q(e)}),[t,W,Y,R,K,Q]),te=e.onBlur,ne=(0,o.useCallback)((function(e){W===d.rw.Blur&&(t.isTouched=!0),I&&(t.value=I(t.value)),R&d.pC.Blur&&t.validate(B("blur")),null==te||te(e)}),[B,R,I,W,t,te]),re=c.Jk(t,{onCompositionStart:e.onCompositionStart,onCompositionEnd:e.onCompositionEnd}),ie=re.onCompositionStart,oe=re.onCompositionEnd;return(0,i.jsxs)(h.N,(0,r.pi)({ref:X,className:$,style:x,label:S,required:!!M,invalid:!!t.error,withoutLabel:A},{children:[(0,i.jsxs)("div",(0,r.pi)({className:"zent-form-control-content-inner","data-zv":"10.0.9"},{children:[j,N({value:q(t.value),onChange:ee,onCompositionStart:ie,onCompositionEnd:oe,onBlur:ne}),P]}),void 0),Z?null:T(t.error),!!z&&(0,i.jsx)(v,{children:z},void 0),!!k&&(0,i.jsx)(m,{children:k},void 0)]}),void 0)}},70158:(e,t,n)=>{"use strict";n.d(t,{C:()=>c});var r=n(59312),i=n(24246),o=n(89466),u=n(87262),l=n(45657),a=n(27378),s=n(55390);function c(e){var t=e,n=t.scrollAnchorRef,c=t.renderError,d=void 0===c?l.Te:c,h=t.validators,p=t.modelRef,f=e.name,v=e.model,m=(0,o.w)(null!=f?f:v,h),b=m[0],y=m[1];if(function(e){return void 0!==e.name}(e)){var g=e.normalizeBeforeSubmit,V=e.destroyOnUnmount;y.destroyOnUnmount=Boolean(V),g&&(y.normalizeBeforeSubmit=g)}return(0,a.useImperativeHandle)(p,(function(){return y}),[y]),(0,l.M6)(y,n),(0,s.R)(y.error$),(0,i.jsxs)(u.RV,(0,r.pi)({value:b},{children:[e.children,d(y.error)]}),void 0)}},49633:(e,t,n)=>{"use strict";n.d(t,{l0:()=>ke});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(27378),a=n(39612),s=n(38121),c=n(9071),d=n(54779),h=n(31825),p=n(29951),f=n(39177),v=n(70453),m=function(){function e(e,t,n){void 0===e&&(e=null),void 0===t&&(t=(0,f.Hq)()),this.initialValue=t,this.patchedValue=(0,f.Hq)(),this.id=(0,v.Z)("model-ref-"),this._owner=null,this.model$=new c.X(e),this.owner=n}return Object.defineProperty(e.prototype,"owner",{get:function(){return this._owner},set:function(e){this._owner=e;var t=this.getModel();t&&(t.owner=e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"form",{get:function(){var e;return null===(e=this.owner)||void 0===e?void 0:e.form},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"validators",{get:function(){var e,t;return null!==(t=null===(e=this.model$.getValue())||void 0===e?void 0:e.validators)&&void 0!==t?t:[]},set:function(e){var t=this.model$.getValue();t&&(t.validators=e)},enumerable:!1,configurable:!0}),e.prototype.getModel=function(){return this.model$.getValue()},e.prototype.setModel=function(e){var t=this.getModel();t&&t.dispose(),e&&(e.owner=this.owner),this.model$.next(e)},e.prototype.getParent=function(){return this.owner},e.prototype.dirty=function(){var e=this.getModel();return!!e&&e.dirty()},e.prototype.touched=function(){var e=this.getModel();return!!e&&e.touched()},e.prototype.validate=function(e){void 0===e&&(e=p.GP.Default);var t=this.getModel();return t?t.validate(e):Promise.resolve()},e.prototype.getRawValue=function(){var e;return null===(e=this.getModel())||void 0===e?void 0:e.getRawValue()},e.prototype.pristine=function(){var e=this.getModel();return!e||e.pristine()},e.prototype.valid=function(){var e=this.getModel();return!e||e.valid()},Object.defineProperty(e.prototype,"error",{get:function(){var e;return null===(e=this.getModel())||void 0===e?void 0:e.error},set:function(e){var t=this.getModel();t&&(t.error=e)},enumerable:!1,configurable:!0}),e.prototype.patchValue=function(e){var t;null===(t=this.getModel())||void 0===t||t.patchValue(e)},e.prototype.initialize=function(e){var t;null===(t=this.getModel())||void 0===t||t.initialize(e)},e.prototype.reset=function(){var e;null===(e=this.getModel())||void 0===e||e.reset()},e.prototype.clear=function(){var e;null===(e=this.getModel())||void 0===e||e.clear()},e.prototype.clearError=function(){var e;null===(e=this.getModel())||void 0===e||e.clearError()},e.prototype.dispose=function(){var e;null===(e=this.getModel())||void 0===e||e.dispose(),this.model$.next(null)},e.prototype.getSubmitValue=function(){var e;null===(e=this.getModel())||void 0===e||e.getSubmitValue()},e}();m.prototype[s.$p]=!0;var b=n(31256),y=n(97514),g=n(72012),V=n(64607),C=n(63716),_=n(11931),w=function(e){function t(t,n){var r=e.call(this,(0,v.Z)("field-array-"))||this;r.defaultValue=n,r._displayName="FieldArrayModel",r.owner=null,r.invalidModels=new Set,r.mapModelToSubscriptions=new Map,r.normalizeBeforeSubmit=d.Z,r._disposeChild=function(e){r._unsubscribeChild(e),e.owner=null},r._buildChild=function(e){var t=r.childFactory(e);return r._subscribeChild(t),t},r.childFactory=t?function(e){var n=t.build((0,f.bD)(e));return r._linkChild(n)}:function(e){return new m(null,(0,f.bD)(e),r)};var i=r.defaultValue.map(r._buildChild);return r.children$=new c.X(i),r}return(0,r.ZT)(t,e),Object.defineProperty(t.prototype,"value",{get:function(){return this._value$?this._value$.value:this.getRawValue()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"value$",{get:function(){return this._getValue$(!0)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"valid$",{get:function(){return this._getValid$(!0)},enumerable:!1,configurable:!0}),t.prototype._getValue$=function(e){return void 0===e&&(e=!1),(0,C.P)(e,this._displayName),this._value$||this._initValue$(),this._value$},t.prototype._getValid$=function(e){return void 0===e&&(e=!1),(0,C.v)(e,this._displayName),this._valid$||this._initValid$(),this._valid$},t.prototype.reset=function(){var e=this,t=(0,f.or)(this.initialValue,(function(){return e.defaultValue})).map(this._buildChild);this.children$.next(t)},t.prototype.clear=function(){this.initialValue=void 0;var e=this.defaultValue.map(this._buildChild);this.children$.next(e)},t.prototype.clearError=function(){this.error$.next(null);for(var e=this.children,t=e.length,n=0;n=t.length);n+=1){var r=e[n],i=t[n];if((0,s.lp)(i)){var o=i.getModel();o&&o.patchValue(r)}else(0,s.vP)(i)&&i.patchValue(r)}if(e.length<=t.length)this.splice(e.length,t.length-e.length);else for(n=t.length;n{"use strict";n.d(t,{GI:()=>i,Xj:()=>o,q3:()=>u});var r=n(27378),i=(0,r.createContext)(null);function o(){var e=(0,r.useContext)(i);if(null===e)throw new Error("Component must be used under Form");return e}i.displayName="ZentFormChildrenContext";var u=(0,r.createContext)({})},72118:(e,t,n)=>{"use strict";n.d(t,{h:()=>h});var r=n(59312),i=n(24246),o=n(27378),u=n(60042),l=n.n(u),a=n(68150),s=n(37882),c=n(77828);function d(e){var t=e.childProps,n=e.props,u=t.value,l=(0,r._T)(t,["value"]),s=(0,c.Q)(t.onChange),d=(0,o.useCallback)((function(e){var t;null===(t=s.current)||void 0===t||t.call(s,e.target.checked)}),[s]);return(0,i.jsx)(a.ZP,(0,r.pi)({},n.props,l,{checked:u,onChange:d}),void 0)}function h(e){var t=e.className,n=(0,r._T)(e,["className"]);return(0,i.jsx)(s.Wi,(0,r.pi)({},n,{className:l()(t,"zent-form-checkbox-field"),defaultValue:e.defaultValue||!1},{children:function(t){return(0,i.jsx)(d,{childProps:t,props:e},void 0)}}),void 0)}},69717:(e,t,n)=>{"use strict";n.d(t,{I:()=>c});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(4008),a=n(37882),s=[];function c(e){var t=e.className,n=(0,r._T)(e,["className"]);return(0,i.jsx)(a.Wi,(0,r.pi)({},n,{className:u()(t,"zent-form-checkbox-group-field"),defaultValue:e.defaultValue||s},{children:function(t){return function(e,t){return(0,i.jsx)(l.c,(0,r.pi)({},t.props,e,{children:t.children}),void 0)}(t,e)}}),void 0)}},34954:(e,t,n)=>{"use strict";n.d(t,{h:()=>l});var r=n(59312),i=n(24246),o=n(93531),u=n(37882),l=function(e){return(0,i.jsx)(u.Wi,(0,r.pi)({},e,{defaultValue:e.defaultValue||""},{children:function(t){return function(e,t){var n=e.value,u=(0,r._T)(e,["value"]);return(0,i.jsx)(o.Z,(0,r.pi)({},t.props,u,{color:n}),void 0)}(t,e)}}),void 0)}},89239:(e,t,n)=>{"use strict";n.d(t,{z:()=>a});var r=n(59312),i=n(24246),o=n(1937),u=n(37882),l=n(45657),a=function(e){var t;return(0,i.jsx)(u.Wi,(0,r.pi)({},e,{defaultValue:null!==(t=e.defaultValue)&&void 0!==t?t:l.cU},{children:function(t){return(0,i.jsx)(o.D,(0,r.pi)({},e.props,t),void 0)}}),void 0)}},73811:(e,t,n)=>{"use strict";n.d(t,{j:()=>h});var r=n(59312),i=n(24246),o=n(27378),u=n(60042),l=n.n(u),a=n(37882),s=n(82645),c=n(62940),d=n(78513);function h(e){var t,n=e.className,u=(0,r._T)(e,["className"]);return o.useEffect((function(){var t;(0,c.v)(!("defaultFileList"in(null!==(t=e.props)&&void 0!==t?t:{})),"defaultFileList","FormImageUploadField")}),[]),(0,i.jsx)(a.Wi,(0,r.pi)({},u,{className:l()(n,"zent-form-upload-field"),defaultValue:null!==(t=e.defaultValue)&&void 0!==t?t:[]},{children:function(t){return function(e,t){var n=e.value,o=e.onChange;return(0,i.jsx)(s.U,(0,r.pi)({},(0,d.Z)(t.props,["defaultFileList"]),{fileList:n,onChange:o}),void 0)}(t,e)}}),void 0)}},47287:(e,t,n)=>{"use strict";n.d(t,{C:()=>h});var r=n(59312),i=n(24246),o=n(27378),u=n(82285),l=n(37882),a=n(45657),s=n(62940),c=n(77828),d=function(e){var t=e.childProps,n=e.props,l=(0,c.Q)(t.onChange),a=(0,o.useCallback)((function(e){var t;null===(t=l.current)||void 0===t||t.call(l,e.target.value)}),[l]);return(0,i.jsx)(u.I,(0,r.pi)({},n.props,t,{onChange:a}),void 0)},h=function(e){var t=e.validateOccasion,n=void 0===t?a.pC.Blur:t;return o.useEffect((function(){var t;(0,s.v)(!("defaultValue"in(null!==(t=e.props)&&void 0!==t?t:{})),"defaultValue","FormInputField")}),[]),(0,i.jsx)(l.Wi,(0,r.pi)({},e,{defaultValue:e.defaultValue||"",touchWhen:a.rw.Blur,validateOccasion:n},{children:function(t){return(0,i.jsx)(d,{childProps:t,props:e},void 0)}}),void 0)}},61705:(e,t,n)=>{"use strict";n.d(t,{w:()=>l});var r=n(59312),i=n(24246),o=n(32254),u=n(37882);function l(e){return(0,i.jsx)(u.Wi,(0,r.pi)({},e,{defaultValue:e.defaultValue||""},{children:function(t){return(0,i.jsx)(o.Z,(0,r.pi)({},e.props,t),void 0)}}),void 0)}(0,i.jsx)(o.Z,{},void 0)},69220:(e,t,n)=>{"use strict";n.d(t,{x:()=>h});var r=n(59312),i=n(24246),o=n(27378),u=n(60042),l=n.n(u),a=n(4246),s=n(37882),c=n(77828);function d(e){var t=e.childProps,n=e.props,u=(0,c.Q)(t.onChange),l=(0,o.useCallback)((function(e){var t;null===(t=u.current)||void 0===t||t.call(u,e.target.value)}),[u]);return(0,i.jsx)(a.E,(0,r.pi)({},n.props,t,{onChange:l},{children:n.children}),void 0)}function h(e){var t,n=e.className,o=(0,r._T)(e,["className"]);return(0,i.jsx)(s.Wi,(0,r.pi)({},o,{className:l()(n,"zent-form-radio-group-field"),defaultValue:null!==(t=e.defaultValue)&&void 0!==t?t:null},{children:function(t){return(0,i.jsx)(d,{childProps:t,props:e},void 0)}}),void 0)}},78518:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(59312),i=n(24246),o=n(7360),u=n(37882);function l(e){var t,n;return(0,i.jsx)(u.Wi,(0,r.pi)({},e,{defaultValue:null!==(t=e.defaultValue)&&void 0!==t?t:(null===(n=e.props)||void 0===n?void 0:n.multiple)?[]:null},{children:function(t){return function(e,t){return(0,i.jsx)(o.Z,(0,r.pi)({},t.props,e),void 0)}(t,e)}}),void 0)}},57925:(e,t,n)=>{"use strict";n.d(t,{c:()=>s});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(37882),a=n(50081);function s(e){var t,n=e.className,o=(0,r._T)(e,["className"]);return(0,i.jsx)(l.Wi,(0,r.pi)({},o,{className:u()(n,"zent-form-single-upload-field"),defaultValue:null!==(t=e.defaultValue)&&void 0!==t?t:null},{children:function(t){return function(e,t){var n=e.value,o=e.onChange;return(0,i.jsx)(a.x,(0,r.pi)({},t.props,{value:n,onChange:o}),void 0)}(t,e)}}),void 0)}},40027:(e,t,n)=>{"use strict";n.d(t,{K:()=>s});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(56377).Z,a=n(37882),s=function(e){var t=e.className,n=(0,r._T)(e,["className"]);return(0,i.jsx)(a.Wi,(0,r.pi)({},n,{className:u()(t,"zent-form-switch-field"),defaultValue:"boolean"==typeof e.defaultValue&&e.defaultValue},{children:function(t){return function(e,t){var n=e.value,o=(0,r._T)(e,["value"]);return(0,i.jsx)(l,(0,r.pi)({},t.props,o,{checked:n}),void 0)}(t,e)}}),void 0)}},75774:(e,t,n)=>{"use strict";n.d(t,{y:()=>a});var r=n(59312),i=n(24246),o=n(45657),u=n(91419),l=n(37882),a=function(e){var t;return(0,i.jsx)(l.Wi,(0,r.pi)({},e,{defaultValue:null!==(t=e.defaultValue)&&void 0!==t?t:o.Nn},{children:function(t){return(0,i.jsx)(u.X,(0,r.pi)({},e.props,t),void 0)}}),void 0)}},12729:(e,t,n)=>{"use strict";n.d(t,{U:()=>h});var r=n(59312),i=n(24246),o=n(27378),u=n(60042),l=n.n(u),a=n(37882),s=n(37122),c=n(62940),d=n(78513);function h(e){var t,n=e.className,u=(0,r._T)(e,["className"]);return o.useEffect((function(){var t;(0,c.v)(!("defaultFileList"in(null!==(t=e.props)&&void 0!==t?t:{})),"defaultFileList","FormUploadField")}),[]),(0,i.jsx)(a.Wi,(0,r.pi)({},u,{className:l()(n,"zent-form-upload-field"),defaultValue:null!==(t=e.defaultValue)&&void 0!==t?t:[]},{children:function(t){return function(e,t){var n=e.value,o=e.onChange;return(0,i.jsx)(s.g,(0,r.pi)({},(0,d.Z)(t.props,["defaultFileList"]),{fileList:n,onChange:o}),void 0)}(t,e)}}),void 0)}},87262:(e,t,n)=>{"use strict";n.d(t,{q3:()=>o,RV:()=>u,Gc:()=>l});var r=n(27378),i=n(64607),o=(0,r.createContext)(null);o.displayName="FormContext";var u=o.Provider;function l(e){void 0===e&&(e=!1);var t=(0,r.useContext)(o);if(null===t&&!e)throw i.tw;return t}t.ZP=o},64607:(e,t,n)=>{"use strict";n.d(t,{tw:()=>l,bA:()=>a,Uu:()=>s,Od:()=>c,k2:()=>d,Rk:()=>h});var r=n(59312),i=n(38121),o=n(97858),u=function(e){function t(t,n){var r=e.call(this,t+".\nThe possible reason(s) for this error: \n"+((0,o.kJ)(n)?n.map((function(e,t){return" "+(t+1)+". "+e})).join("\n"):" "+n)+"\n")||this;return r.name="FormulrError",r}return(0,r.ZT)(t,e),t}(Error),l=new u("FormContext not found",["Using form hooks outside the form context","There are two copies of zent in your project, run `yarn list zent` to check","Mixed use of Form from zent and formulr, formulr is a deprecate package"]),a=function(e){var t=function(e,t){if(!e)return t;if(e instanceof Error)return e.name+": "+e.message+"\n"+e.stack;try{return JSON.stringify(e,null,2)}catch(n){return"function"==typeof e.toString?e.toString():t}}(e,"Unknown validator runtime error");return new u("A runtime error occurred in a form validator\n"+t,["Make sure custom validators do not throw runtime errors","The returned Promise object of async validators should never be rejected"])},s=function(e,t,n){return new u("Model type mismatch","Model '"+e+"' is expected to be a '"+t+"', but got a '"+(0,i.Jb)(n)+"'.")},c=function(e){return new u("Model not found","Model '"+e+"' is not found in this form. Make sure model name is correct.")},d=function(e){return new u("Expected a 'ModelRef' instance or 'BasicModel' instance, got "+typeof e,"The first argument to form hooks is an unexpected type rather than string or 'Model'")},h=function(e){return new u("Model is disposed",["You are swapping two different Fields with the same 'name' in View mode and 'destroyOnUnmount' is set on the Field being swapped out","You are using a disposed "+e+" in your view, your UI and models are likely in a broken state"])}},89466:(e,t,n)=>{"use strict";n.d(t,{w:()=>f,z:()=>v});var r=n(27378),i=n(87262),o=n(39612),u=n(38121),l=n(76156),a=n(97858),s=n(39177),c=n(64607),d=n(12482),h=n(58126),p=n(55390);function f(e,t){void 0===t&&(t=[]);var n=(0,i.Gc)(),h=n.parent,f=n.strategy,v=n.form,m=function(e,t,n){return(0,r.useMemo)((function(){var r;if("string"==typeof e){var i=t.get(e);if(n===o.d.View)if(i&&(0,u.wq)(i))r=i;else{r=new l.y({});var a={},h=t.getPatchedValue(e);if((0,s.pC)(h)){var p=(0,s.U2)(h);(0,d.Z)(p)&&(a=p)}r.patchedValue=a,t.registerChild(e,r)}else{if(!i)throw(0,c.Od)(e);if(!(0,u.wq)(i))throw(0,c.Uu)(e,"FieldSetModel",i);r=i}}else(0,u.lp)(e)?(i=e.getModel())&&(0,u.wq)(i)?r=i:((r=new l.y({})).patchedValue=(0,s.or)(e.patchedValue,(function(){return(0,s.or)(e.initialValue,(function(){return{}}))})),e.setModel(r)):r=e;return r}),[e,t,n])}(e,h,f);f!==o.d.View||"string"!=typeof e&&!(0,u.lp)(e)||(m.validators=t);var b=(0,r.useMemo)((function(){return{strategy:f,form:v,parent:m}}),[f,v,m]);return(0,p.R)(m.error$),(0,a.yq)(e,m,h),[b,m]}function v(e,t){var n=(0,r.useState)(e.get(t)),i=n[0],o=n[1];return(0,r.useEffect)((function(){var n=(0,h.h)(e,t).subscribe((function(t){o(e.get(t))}));return function(){return n.unsubscribe()}}),[e,t]),i}},79280:(e,t,n)=>{"use strict";n.d(t,{RI:()=>s,kH:()=>c,sV:()=>d,Jk:()=>h});var r=n(27378),i=n(91102),o=n(54779),u=n(29951),l=n(97858);function a(){for(var e=[],t=0;t{"use strict";n.d(t,{U:()=>p});var r=n(27378),i=n(39612),o=n(38121),u=n(92531),l=n(87262),a=n(97858),s=n(39177),c=n(64607),d=n(55390);function h(e){return"function"==typeof e}function p(e,t,n){void 0===n&&(n=[]);var p=(0,l.Gc)("string"!=typeof e),f=function(e,t,n){return(0,r.useMemo)((function(){var r;if("string"==typeof t){var l=null!=e?e:{},a=l.strategy,d=l.parent,p=d.get(t);if(a===i.d.View)if(p&&(0,o.DB)(p))r=p;else{var f=(0,s.or)(d.getPatchedValue(t),h(n)?n:function(){return n});r=new u.W(f),d.registerChild(t,r)}else{if(!p)throw(0,c.Od)(t);if(!(0,o.DB)(p))throw(0,c.Uu)(t,"FieldModel",p);r=p}}else(0,o.lp)(t)?(p=t.getModel())&&(0,o.DB)(p)?r=p:(f=(0,s.or)(t.patchedValue,(function(){return(0,s.or)(t.initialValue,h(n)?n:function(){return n})})),r=new u.W(f),t.setModel(r)):r=t;return r}),[t,null==e?void 0:e.parent,null==e?void 0:e.strategy,null==e?void 0:e.form])}(p,e,t);return(0,d.R)(f.value$),(0,d.R)(f.error$),(null==p?void 0:p.strategy)!==i.d.View||"string"!=typeof e&&!(0,o.lp)(e)||(f.validators=n),(0,a.yq)(e,f,null==p?void 0:p.parent),f}},58126:(e,t,n)=>{"use strict";n.d(t,{V:()=>p,h:()=>f});var r=n(59312),i=n(24246),o=n(27378),u=n(13918),l=n(23868),a=n(98125),s=n(93976),c=n(87262),d=n(38121),h=n(45272);function p(e){var t=e.name,n=e.model,u=e.children,l=(0,c.Gc)(),a=(0,h.g)(l,t,n,d.wq),s=(0,o.useMemo)((function(){return(0,r.pi)((0,r.pi)({},l),{parent:a})}),[l,a]);return a?(0,i.jsx)(c.ZP.Provider,(0,r.pi)({value:s},{children:u}),a.id):null}function f(e,t){return(0,u.T)(e.childRegister$,e.childRemove$).pipe((0,a.Q)(l.E),(0,s.h)((function(e){return e===t})))}},45272:(e,t,n)=>{"use strict";n.d(t,{g:()=>u});var r=n(27378),i=n(42690),o=n(58126);function u(e,t,n,u){var l=(null!=e?e:{}).parent,a=(0,r.useMemo)((function(){if("string"==typeof t){var e=l.get(t);if(u(e))return e}return u(n)?n:null}),[t,n,u,l]),s=(0,r.useState)(a),c=s[0],d=s[1];return(0,r.useEffect)((function(){if(!t)return i.Z;var e=l.get(t);u(e)&&d(e);var n=(0,o.h)(l,t).subscribe((function(e){var t=l.get(e);u(t)&&d(t)}));return function(){return n.unsubscribe()}}),[t,l,a,u]),c}},39177:(e,t,n)=>{"use strict";n.d(t,{bD:()=>i,Hq:()=>o,or:()=>u,pC:()=>l,U2:()=>a});var r=Symbol("some"),i=function(e){var t;return(t={})[r]=!0,t.value=e,t},o=function(){return null};function u(e,t){return e?e.value:t()}function l(e){return!!e}function a(e){return e.value}},31825:(e,t,n)=>{"use strict";n.d(t,{e:()=>s});var r=n(44879),i=n(9071),o=n(29951),u=n(18462),l=n(39177),a=n(38121),s=function(){function e(e){this.id=e,this.validate$=new r.x,this.validators=[],this.initialValue=(0,l.Hq)(),this.destroyOnUnmount=!1,this.subscriptions=[],this.error$=new i.X(null),this.subscriptions.push(this.validate$.pipe((0,u.w)((0,o.Gu)(this))).subscribe(new o.bg(this)))}return Object.defineProperty(e.prototype,"value",{get:function(){return this._getValue$().value},set:function(e){this.patchValue(e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"form",{get:function(){var e;return null===(e=this.owner)||void 0===e?void 0:e.form},enumerable:!1,configurable:!0}),e.prototype.dispose=function(){this.subscriptions.forEach((function(e){return e.unsubscribe()})),this.subscriptions=[],this.owner=null,this.clear(),this.clearError()},e.prototype.valid=function(){return this._getValid$().value},e.prototype.triggerValidate=function(e){var t,n=this;if(this.owner!==this&&!(e&o.GP.StopPropagation)){var r=e&~o.GP.IncludeChildrenRecursively;null===(t=this.owner)||void 0===t||t.validate(r)}return new Promise((function(t,r){n.validate$.next({option:e,resolve:t,reject:r})}))},Object.defineProperty(e.prototype,"error",{get:function(){return this.error$.getValue()},set:function(e){this.error$.next(e)},enumerable:!1,configurable:!0}),e}();s.prototype[a.kI]=!0},92531:(e,t,n)=>{"use strict";n.d(t,{W:()=>f});var r=n(59312),i=n(9071),o=n(54779),u=n(31825),l=n(39177),a=n(29951),s=n(31256),c=n(70453),d=n(38121),h=n(11931),p=n(64607),f=function(e){function t(t){var n=e.call(this,(0,c.Z)("field-"))||this;return n.defaultValue=t,n._displayName="FieldModel",n._value$=new i.X(n.defaultValue),n._valid$=new i.X(!0),n.isTouched=!1,n.isCompositing=!1,n.normalizeBeforeSubmit=o.Z,n.owner=null,n}return(0,r.ZT)(t,e),Object.defineProperty(t.prototype,"value$",{get:function(){return this._value$},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"valid$",{get:function(){return this._valid$},enumerable:!1,configurable:!0}),t.prototype._getValue$=function(){return this._value$},t.prototype._getValid$=function(){return this._valid$},t.prototype.reset=function(){var e=this;this._getValue$().next((0,l.or)(this.initialValue,(function(){return e.defaultValue})))},t.prototype.clear=function(){this.initialValue=(0,l.Hq)(),this._getValue$().next(this.defaultValue)},t.prototype.clearError=function(){this.error$.next(null)},t.prototype.initialize=function(e){this.initialValue=(0,l.bD)(e),this._getValue$().next(e)},t.prototype.getRawValue=function(){return this._getValue$().getValue()},t.prototype.getSubmitValue=function(){return(0,this.normalizeBeforeSubmit)(this._getValue$().getValue())},t.prototype.validate=function(e){var t=this;return void 0===e&&(e=a.GP.Default),this.triggerValidate(e).then((function(e){return t._getValid$().next((0,s.Z)(e)),e}),(function(e){throw(0,p.bA)(e)}))},t.prototype.patchValue=function(e){this._getValue$().next(e)},t.prototype.pristine=function(){var e=this._getValue$().getValue();return(0,l.pC)(this.initialValue)?e===(0,l.U2)(this.initialValue):e===this.defaultValue},t.prototype.dirty=function(){return!this.pristine()},t.prototype.touched=function(){return this.isTouched},t.prototype.dispose=function(){e.prototype.dispose.call(this),this._getValue$().complete(),this._getValid$().complete(),this._valid$=(0,h.P)(this._displayName,!1),this._value$=(0,h.P)(this._displayName,this.defaultValue)},t}(u.e);f.prototype[d.ET]=!0},39612:(e,t,n)=>{"use strict";n.d(t,{d:()=>r,a:()=>d});var r,i=n(59312),o=n(9071),u=n(76156),l=n(29951),a=n(70453),s=n(38121),c=n(11931);!function(e){e[e.Model=0]="Model",e[e.View=1]="View"}(r||(r={}));var d=function(e){function t(t){var n=e.call(this,t,(0,a.Z)("form-"))||this;n.children=t,n._displayName="FormModel",n.workingValidators=new Set,n.isValidating$=new o.X(!1),n.owner=n;for(var r=Object.keys(t),i=r.length,u=0;u0;e!==this.isValidating$.getValue()&&this.isValidating$.next(e)},t.prototype.dispose=function(){e.prototype.dispose.call(this),this.workingValidators.clear(),this.isValidating$.complete(),this.isValidating$=(0,c.P)(this._displayName,!1)},t}(u.y);d.prototype[s.er]=!0},38121:(e,t,n)=>{"use strict";n.d(t,{er:()=>r,kI:()=>i,ET:()=>o,$p:()=>u,ih:()=>l,P$:()=>a,vP:()=>s,DB:()=>c,lp:()=>d,L4:()=>h,wq:()=>p,Jb:()=>f});var r=Symbol("form"),i=Symbol("model"),o=Symbol("field"),u=Symbol("ref"),l=Symbol("field-array"),a=Symbol("set");function s(e){return Boolean(null==e?void 0:e[i])}function c(e){return!(!e||!e[o])}function d(e){return!(!e||!e[u])}function h(e){return!(!e||!e[l])}function p(e){return!(!e||!e[a])}function f(e){return c(e)?"FieldModel":h(e)?"FieldArrayModel":p(e)?"FieldSetModel":(t=e)&&t[r]?"FormModel":d(e)?"ModelRef":s(e)?"BasicModel":"unknown";var t}},11931:(e,t,n)=>{"use strict";n.d(t,{P:()=>o});var r=n(9071),i=n(64607);function o(e,t){var n=new r.X(t);return n.error((0,i.Rk)(e)),n}},76156:(e,t,n)=>{"use strict";n.d(t,{y:()=>y});var r=n(59312),i=n(44879),o=n(9071),u=n(72551),l=n(54779),a=n(31256),s=n(12482),c=n(78513),d=n(70453),h=n(39177),p=n(29951),f=n(63716),v=n(31825),m=n(38121),b=n(11931),y=function(e){function t(t,n){void 0===n&&(n=(0,d.Z)("field-set-"));var r=e.call(this,n)||this;r._displayName="FieldSetModel",r.patchedValue=null,r.childRegister$=new i.x,r.childRemove$=new i.x,r.children={},r.owner=null,r.invalidModels=new Set,r.mapModelToSubscriptions=new Map,r.normalizeBeforeSubmit=l.Z;for(var o=Object.keys(t),u=o.length,a=0;a{"use strict";n.d(t,{Z$:()=>i,yq:()=>o,kJ:()=>u});var r=n(27378);function i(e){return e.length?e[e.length-1]:null}function o(e,t,n){(0,r.useEffect)((function(){return function(){"string"==typeof e&&t.destroyOnUnmount&&(n.removeChild(e),t.dispose())}}),[e,t,n])}var u=Array.isArray},29951:(e,t,n)=>{"use strict";n.d(t,{bg:()=>C,GP:()=>r,YC:()=>V,Iq:()=>g,Gu:()=>$});var r,i=n(45418),o=n(34878),u=n(7566),l=n(1537),a=n(93976),s=n(5185),c=n(67244),d=n(19302),h=n(87349),p=n(38121),f=n(59312),v=function(e){function t(t,n,r){var i=e.call(this,t)||this;return i.callback=n,i.value=r,i}return(0,f.ZT)(t,e),t.prototype._next=function(e){var t,n;this.value=e,null===(n=(t=this.destination).next)||void 0===n||n.call(t,e)},t.prototype._complete=function(){var e,t,n,r;try{(0,this.callback)(this.value)}catch(n){null===(t=(e=this.destination).error)||void 0===t||t.call(e,n)}null===(r=(n=this.destination).complete)||void 0===r||r.call(n)},t}(n(1443).Lv),m=function(){function e(e,t){this.callback=e,this.defaultValue=t}return e.prototype.call=function(e,t){return t.subscribe(new v(e,this.callback,this.defaultValue))},e}(),b=n(31256),y=Symbol("AsyncValidator");function g(e){return!!e[y]}function V(e){var t;return(t={})[y]=!0,t.validator=e,t}!function(e){e[e.Empty=0]="Empty",e[e.IncludeAsync=2]="IncludeAsync",e[e.IncludeUntouched=4]="IncludeUntouched",e[e.IncludeChildrenRecursively=8]="IncludeChildrenRecursively",e[e.ExcludePristine=16]="ExcludePristine",e[e.StopPropagation=32]="StopPropagation",e[e.Default=0]="Default"}(r||(r={}));var C=function(){function e(e){this.model=e}return e.prototype.next=function(e){this.model.error=e},e}(),_=function(){function e(e){this.model=e}return e.prototype.getSection=function(){return this.model.owner},e.prototype.getSectionValue=function(){for(var e=[],t=0;t{"use strict";n.d(t,{y:()=>c});var r=n(59312),i=n(29951),o=n(34878),u=n(45418),l=n(18462),a=n(85636);function s(e,t,n){return e&&(0,r.pi)((0,r.pi)({},e),{message:t(n)})}function c(e){return function(t){var n=(0,i.Iq)(t)?(0,i.YC)((function(n,r){var i=t.validator(n,r);return i&&(0,o.Dp)(i).pipe((0,l.w)((function(t){return(0,u.of)(s(t,e,r))})))})):function(n,r){return s(t(n,r),e,r)};return(0,a.lL)(t)&&(0,a.Ge)(n),n}}},17323:(e,t,n)=>{"use strict";n.d(t,{g:()=>o});var r=n(29951),i=n(85636);function o(e){return function(t){var n=(0,r.Iq)(t)?(0,r.YC)((function(n,r){return e(r)?t.validator(n,r):null})):function(n,r){return e(r)?t(n,r):null};return(0,i.lL)(t)&&(0,i.Ge)(n),n}}},85636:(e,t,n)=>{"use strict";n.d(t,{tk:()=>o,Ge:()=>u,lL:()=>l,C1:()=>a,Do:()=>s,Ei:()=>c,BS:()=>d,uj:()=>h}),n(9828);var r=n(31256),i=/^(?=.{1,254}$)(?=.{1,64}@)[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+(\.[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+)*@[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?(\.[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?)*$/;var o=Symbol("required");function u(e){e.$$id=o}function l(e){return e.$$id===o}function a(e){function t(t){return n=t,(0,r.Z)(n)||0===n.length?{name:"required",message:e,actual:t}:null;var n}return t.$$id=o,t}function s(e){return function(t){return i.test(t)?null:{name:"email",message:e,actual:t}}}function c(e,t){return function(n){return n.lengthe?{name:"maxLength",message:t,actual:n,limit:e}:null}}function h(e,t){return function(n){return e.test(n)?null:{name:"pattern",message:t,actual:n,pattern:e}}}},63716:(e,t,n)=>{"use strict";n.d(t,{P:()=>i,v:()=>o});var r=n(52254);function i(e,t){(0,r.W)(!e,"form-subscribe-value-"+t,"Subscribe `value` of %s might cause performance issues, do it with caution.",t)}function o(e,t){(0,r.W)(!e,"form-subscribe-valid-"+t,"Subscribe `valid` of %s might cause performance issues, do it with caution.",t)}},45657:(e,t,n)=>{"use strict";n.d(t,{bd:()=>h,pC:()=>r,rw:()=>i,cU:()=>p,Nn:()=>f,Te:()=>v,M6:()=>m});var r,i,o=n(24246),u=n(27378),l=n(24399),a=n(23807),s=n(38836),c=n(59935),d="HH:mm:ss";function h(e){return!!e.name}function p(){return[new Date,new Date]}function f(){return[(0,l.Z)(new Date,d),(0,l.Z)((0,a.Z)(),d)]}function v(e){return null==e?null:(0,o.jsx)(s.X,{children:e.message},void 0)}function m(e,t){var n=(0,c.Xj)(),r=(0,u.useRef)(n.children.length);(0,u.useEffect)((function(){var i={valid:function(){return e.valid()},getDOMNode:function(){return t&&t.current}};return r.current{"use strict";n.d(t,{v:()=>i});var r=n(52254);function i(e,t,n){(0,r.W)(e,n+"-"+t,"Do not use 'props."+t+"' in '"+n+"'.\nForm fields are controlled components, use 'defaultValue' prop in '"+n+"' to set default value.")}},32254:(e,t,n)=>{"use strict";var r=n(80964);t.Z=r.Z},4246:(e,t,n)=>{"use strict";n.d(t,{E:()=>c});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(27378),a=n(57961),s=n(1348);function c(e){var t=(0,l.useContext)(s.d),n=e.value,o=e.disabled,c=void 0===o?t.value:o,d=e.readOnly,h=void 0!==d&&d,p=e.isValueEqual,f=void 0===p?Object.is:p,v=e.className,m=e.style,b=e.children,y=e.onChange,g=(0,l.useMemo)((function(){return{value:n,disabled:c,readOnly:h,isValueEqual:f,onRadioChange:y}}),[n,c,h,f,y]);return(0,i.jsx)(a.Z.Provider,(0,r.pi)({value:g},{children:(0,i.jsx)("div",(0,r.pi)({className:u()("zent-radio-group",v),style:m,"data-zv":"10.0.9"},{children:b}),void 0)}),void 0)}t.Z=c},57961:(e,t,n)=>{"use strict";var r=(0,n(27378).createContext)(null);r.displayName="RadioGroupContext",t.Z=r},71457:(e,t,n)=>{"use strict";n.d(t,{Y:()=>f,Z:()=>v});var r=n(59312),i=n(24246),o=n(60042),u=n.n(o),l=n(1535),a=n(27378);function s(e,t){var n=(0,a.useRef)(t);n.current=t;var i=e&&e.onRadioChange;return(0,a.useCallback)((function(e){var t=function(e,t){var n=Object.create(e);return n.target=(0,r.pi)((0,r.pi)({},t),{type:"radio",checked:e.target.checked}),n}(e,n.current);if(i)i(t);else{var o=n.current.onChange;o&&o(t)}}),[i])}function c(e,t,n){var r=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:r,readOnly:i}}var d=n(4246),h=n(1348),p=n(57961);function f(e){var t=e.className,n=e.style,o=e.children,d=(e.value,e.width),f=e.labelStyle,v=(e.onMouseEnter,e.onMouseLeave,(0,r._T)(e,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),m=(0,a.useContext)(h.d),b=(0,a.useContext)(p.Z),y=c(m,b,e),g=y.checked,V=y.disabled,C=y.readOnly,_=s(b,e),w=u()(t,"zent-radio-wrap",{"zent-radio-checked":!!g,"zent-radio-disabled":V||C}),$=(0,l.Z)(d),x=(0,r.pi)((0,r.pi)({},n),$);return(0,i.jsxs)("label",(0,r.pi)({className:w,style:x,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,"data-zv":"10.0.9"},{children:[(0,i.jsxs)("span",(0,r.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,i.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,i.jsx)("input",(0,r.pi)({},v,{type:"radio",checked:!!g,disabled:V,readOnly:C,onChange:_,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==o&&(0,i.jsx)("span",(0,r.pi)({className:"zent-radio-label",style:f,"data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)}f.Button=function(e){var t=e.className,n=e.style,o=e.children,d=(e.value,e.width),f=e.onMouseEnter,v=e.onMouseLeave,m=(0,r._T)(e,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),b=(0,a.useContext)(h.d),y=(0,a.useContext)(p.Z);if(!y)throw new Error("Radio.Button must be nested within Radio.Group");var g=c(b,y,e),V=g.checked,C=g.disabled,_=g.readOnly,w=s(y,e),$=u()(t,"zent-radio-button",{"zent-radio-button--checked":!!V,"zent-radio-button--disabled":C||_}),x=(0,l.Z)(d),S=(0,r.pi)((0,r.pi)({},n),x);return(0,i.jsxs)("label",(0,r.pi)({className:$,style:S,onMouseEnter:f,onMouseLeave:v,"data-zv":"10.0.9"},{children:[(0,i.jsx)("input",(0,r.pi)({},m,{type:"radio",checked:!!V,disabled:C,readOnly:_,onChange:w,"data-zv":"10.0.9"}),void 0),(0,i.jsx)("span",(0,r.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)},f.Group=d.Z;var v=f},7360:(e,t,n)=>{"use strict";var r=n(95388);t.Z=r.Z},56377:(e,t,n)=>{"use strict";n.d(t,{r:()=>s});var r=n(59312),i=n(24246),o=n(27378),u=n(60042),l=n.n(u),a=n(1348),s=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.toggle=function(){var e=t.props,n=e.onChange,r=e.checked;n&&n(!r)},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e,t=this.props,n=t.className,r=t.size,o=t.disabled,u=void 0===o?this.context.value:o,a=t.loading,s=t.checked,c=u||a,d=l()(((e={})["zent-switch-"+r]="default"!==r,e["zent-switch-disabled"]=c,e["zent-switch-loading"]=a,e["zent-switch-checked"]=s,e),"zent-switch",n);return(0,i.jsx)("div",{className:d,onClick:c?void 0:this.toggle,"data-zv":"10.0.9"},void 0)},t.defaultProps={size:"default"},t.contextType=a.d,t}(o.Component);t.Z=s},58801:(e,t,n)=>{"use strict";function r(){var e=window.pageXOffset,t=window.pageYOffset;return{x:void 0!==e?e:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==t?t:(document.documentElement||document.body.parentNode||document.body).scrollTop}}n.d(t,{Z:()=>r})},1535:(e,t,n)=>{"use strict";function r(e){return"string"==typeof e||"number"==typeof e?{width:e}:{}}n.d(t,{Z:()=>r})},54779:(e,t,n)=>{"use strict";function r(e){return e}n.d(t,{Z:()=>r})},52254:(e,t,n)=>{"use strict";n.d(t,{W:()=>r}),n(59312);var r=function(e,t,n){for(var r=[],i=3;i{"use strict";a.r(s),a.d(s,{default:()=>j});var t=a(73450),o=a(27378),e=a(57318),p=a(11497),c=a(3454),l=a(23476),r=a(24246);function i(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 u(n){for(var s=1;s{p.Hj.alert({content:"这个是具体内容",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertInfo,children:"消息对话框"})}}return(0,r.jsx)(n,{})},d=function(){class n extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"onConfirm",(()=>{l.g.success("我真的知道了")})),(0,t.Z)(this,"onCancel",(()=>{l.g.error("我真的取消了")})),(0,t.Z)(this,"showAlertConfirm",(()=>{p.Hj.confirm({content:(0,r.jsx)("p",{children:"这个是内容"}),onConfirm:this.onConfirm,onCancel:this.onCancel,parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertConfirm,children:"消息对话框"})}}return(0,r.jsx)(n,{})},m=function(){class n extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"autoCloseConfirm",(()=>{var n=p.Hj.confirm({content:(0,r.jsx)("p",{children:"一秒后自动关闭"}),parentComponent:this});setTimeout(n,1e3)}))}render(){return(0,r.jsx)(c.z,{onClick:this.autoCloseConfirm,children:"自动关闭对话框"})}}return(0,r.jsx)(n,{})},f=function(){class n extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"promiseConfirm",(()=>{p.Hj.confirm({content:"点击确定后三秒自动关闭",title:"onConfirm返回Promise",onConfirm:()=>new Promise((n=>{setTimeout((()=>{n()}),3e3)})),parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.promiseConfirm,children:"自动关闭对话框(Promise)"})}}return(0,r.jsx)(n,{})},h=function(){class n extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"showAlertInfo",(()=>{p.Hj.alert({type:"info",content:"这个是具体内容",title:"这是一个消息标题",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertInfo,children:"含有图标消息对话框"})}}return(0,r.jsx)(n,{})},y=function(){class n extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"showAlertConfirm",(()=>{p.Hj.alert({confirmType:"default",confirmText:"删除",content:"确认删除吗？",title:"请确认",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertConfirm,children:"删除"})}}return(0,r.jsx)(n,{})},g=function(){class n extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"showAlertInfo",(()=>{p.Hj.alert({closeBtn:!0,maskClosable:!0,content:"这个是具体内容",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertInfo,children:"带有关闭按钮"})}}return(0,r.jsx)(n,{})};function v(n){return(0,r.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function C(n){return(0,r.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function w(n){return(0,r.jsx)(v,{tag:"style",html:n.style})}function b(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),b(n.parentNode,s);return s}class x 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,o=s.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:o}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:a||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class j 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,b(s,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(w,{style:""}),o.createElement(C,{html:'

Sweetalert 快捷对话框

\n

快速唤起 Dialog 组件

\n

使用指南

\n
    \n
  • 组件不提供个性化选项，如有需要请使用 Dialog 组件。
    • \n
\n

代码演示

'}),o.createElement(x,{title:"基础用法",id:"Demobasic",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertInfo = () => {\n Sweetalert.alert({\n content: \'这个是具体内容\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertInfo}>消息对话框</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},o.createElement(k)),o.createElement(x,{title:"带有确认和取消按钮",id:"Demowithbuttons",src:'import { Sweetalert, Button, Notify } from \'zent\';\n\nclass Wrapper extends React.Component {\n onConfirm = () => {\n Notify.success(\'我真的知道了\');\n }\n\n onCancel = () => {\n Notify.error(\'我真的取消了\');\n }\n\n showAlertConfirm = () => {\n Sweetalert.confirm({\n content: <p>这个是内容</p>,\n onConfirm: this.onConfirm,\n onCancel: this.onCancel,\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertConfirm}>消息对话框</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},o.createElement(d)),o.createElement(x,{title:"自动关闭",id:"Democlosedexternal",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n autoCloseConfirm = () => {\n const close = Sweetalert.confirm({\n content: <p>一秒后自动关闭</p>,\n parentComponent: this\n });\n\n setTimeout(close, 1000);\n }\n\n render() {\n return <Button onClick={this.autoCloseConfirm}>自动关闭对话框</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},o.createElement(m)),o.createElement(x,{title:"回调返回 Promise",id:"Demoreturnpromise",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n promiseConfirm = () => {\n Sweetalert.confirm({\n content: \'点击确定后三秒自动关闭\',\n title: \'onConfirm返回Promise\',\n onConfirm: () => new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 3000);\n }),\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.promiseConfirm}>自动关闭对话框(Promise)</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},o.createElement(f)),o.createElement(x,{title:"标题旁带有 icon 的 Dialog",id:"Demowithicon",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertInfo = () => {\n Sweetalert.alert({\n type: \'info\',\n content: \'这个是具体内容\',\n title: \'这是一个消息标题\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertInfo}>含有图标消息对话框</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},o.createElement(h)),o.createElement(x,{title:"支持设置 Dialog 中的 button 类型",id:"Demobuttontype",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertConfirm = () => {\n Sweetalert.alert({\n confirmType: \'default\',\n confirmText: \'删除\',\n content: \'确认删除吗？\',\n title: \'请确认\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertConfirm}>删除</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},o.createElement(y)),o.createElement(x,{title:"带有右上角的关闭按钮",id:"Demowithclosebtn",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertInfo = () => {\n Sweetalert.alert({\n closeBtn: true,\n maskClosable: true,\n content: \'这个是具体内容\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertInfo}>带有关闭按钮</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},o.createElement(g)),o.createElement(C,{html:"

API

\n

alert

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
content弹窗中的内容node
type弹窗的类型, 设置会在 title 左边显示一个小图标, 不传不会显示图标string-'info'\n, \n'success'\n, \n'error'\n, \n'warning'
title弹窗的标题node''
onConfirm确定操作回调函数funcnoop
confirmText确定按钮文案string'我知道了'
confirmType确定按钮的类型string'primary''default'\n、\n'primary'
closeBtn是否显示右上角关闭按钮boolfalse
maskClosable点击遮罩是否可以关闭boolfalse
parentComponent父级组件实例，i18n 需要通过这个传递 contextReactInstance
className额外的 classNamestring''
\n

confirm

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
content弹窗中的内容node
type弹窗的类型, 设置会在 title 左边显示一个小图标, 不传不会显示图标string-'info'\n, \n'success'\n, \n'error'\n, \n'warning'
title弹窗的标题node''
onCancel取消操作回调函数funcnoop
onConfirm确定操作回调函数funcnoop
cancelText取消按钮文案string'取消'
confirmText确定按钮文案string'确定'
confirmType确定按钮的类型string'primary''default'\n、\n'primary'
closeBtn是否显示右上角关闭按钮boolfalse
maskClosable点击遮罩是否可以关闭boolfalse
className额外的 classNamestring''
\n
    \n
  • Sweetalert.alert 和 Sweetalert.confirm 的返回值是可以用来手动关闭对话框的函数。
    • \n
  • 如果 onConfirm 的返回值是 Promise, 对应的按钮会在 Promise pending 时保持在 loading 状态；如果 Promise reject，对话框不会关闭，如果 Promise resolve 对话框关闭。
    • \n
  • 如果 onConfirm 没有参数并且返回值是 false 对话框不会关闭。
    • \n
  • 如果 onConfirm 有一个参数的话，需要手动调用 close 这个参数来关闭对话框。
    • \n
"}))}}},69024:(n,s,a)=>{"use strict";a.d(s,{V:()=>N,Z:()=>O});var t=a(59312),o=a(24246),e=a(27378),p=a(14623),c=a(53552),l=a(79352),r=a(60042),i=a.n(r),u=a(58801),k=a(27036),d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.dialogEl=null,s.onClickClose=function(n){var a=s.props.onClose;a&&a(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){this.resetTransformOrigin()},s.prototype.componentDidUpdate=function(){this.resetTransformOrigin()},s.prototype.resetTransformOrigin=function(n){void 0===n&&(n=this.props);var s=n.mousePosition;if(s&&s.x>=0&&s.y>=0&&this.dialogEl&&this.dialogEl.getBoundingClientRect){var a=this.dialogEl.getBoundingClientRect(),t=a.left,o=a.top,e=s.x-t+"px "+(s.y-o)+"px 0",p=this.dialogEl.style;["Webkit","Moz","Ms","ms"].forEach((function(n){p[n+"TransformOrigin"]=e})),p.transformOrigin=e}},s.prototype.renderHeader=function(){var n=this.props.title;return n?(n="number"==typeof n||"string"==typeof n?(0,o.jsx)("span",(0,t.pi)({className:"zent-dialog-r-title-text","data-zv":"10.0.9"},{children:n}),void 0):n,(0,o.jsx)("div",(0,t.pi)({className:"zent-dialog-r-header","data-zv":"10.0.9"},{children:(0,o.jsx)("div",(0,t.pi)({className:"zent-dialog-r-title","data-zv":"10.0.9"},{children:n}),void 0)}),void 0)):null},s.prototype.render=function(){var n=this,s=this.props,a=s.className,e=s.closeBtn,p=s.footer,c=s.style,l=s.children,r=this.renderHeader(),u=i()("zent-dialog-r-close",{"zent-dialog-r-has-title":!!r}),d=e&&(0,o.jsx)("button",(0,t.pi)({type:"button",className:u,onClick:this.onClickClose,"data-zv":"10.0.9"},{children:(0,o.jsx)(k.Z,{type:"close"},void 0)}),void 0),m=p&&(0,o.jsx)("div",(0,t.pi)({className:"zent-dialog-r-footer","data-zv":"10.0.9"},{children:p}),void 0);return(0,o.jsxs)("div",(0,t.pi)({className:i()("zent-dialog-r",a,{"zent-dialog-r--has-header":!!r,"zent-dialog-r--has-footer":!!m,"zent-dialog-r--no-close-btn":!d}),style:c,ref:function(s){return n.dialogEl=s},"data-zv":"10.0.9"},{children:[d,r,(0,o.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body","data-zv":"10.0.9"},{children:(0,o.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body-content","data-zv":"10.0.9"},{children:l}),void 0)}),void 0),m]}),void 0)},s}(e.Component),m=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.rootRef=(0,e.createRef)(),s.onMaskClick=function(n){n.target===n.currentTarget&&s.props.mask&&s.props.maskClosable&&s.props.onClose(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=document.activeElement,s=this.rootRef.current;s!==n&&s&&!s.contains(n)&&function(n){if(n){var s=(0,u.Z)();n.focus(),window.scroll(s.x,s.y)}}(s)},s.prototype.render=function(){var n=this.props,s=n.mask,a=n.visible,e=n.children;return(0,o.jsxs)("div",(0,t.pi)({ref:this.rootRef,tabIndex:-1,className:"zent-dialog-r-root","data-zv":"10.0.9"},{children:[a&&s&&(0,o.jsx)("div",{className:"zent-dialog-r-backdrop","data-zv":"10.0.9"},void 0),(0,o.jsx)("div",(0,t.pi)({className:"zent-dialog-r-wrap",onClick:this.onMaskClick,"data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)},s}(e.Component),f=a(31542),h=a.t(f,2),y=a(70453),g=a(42690),v=a(14805),C=new Map,w=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={visible:!0},s.closeOptions={},s.onClosed=function(){var n=s.props,a=n.options.onClose,t=n.container,o=s.closeOptions.triggerOnClose;(void 0===o||o)&&a&&a(),f.unmountComponentAtNode(t)},s.onClose=function(n){s.close({triggerOnClose:!1!==n})},s}return(0,t.ZT)(s,n),s.prototype.close=function(n){void 0===n&&(n={}),this.closeOptions=n,this.setState({visible:!1})},s.prototype.componentWillUnmount=function(){var n=this.props.options.dialogId;C.delete(n)},s.prototype.render=function(){var n=this.props.options,s=this.state.visible;return(0,o.jsx)(O,(0,t.pi)({},n,{onClose:this.onClose,onClosed:this.onClosed,visible:s}),void 0)},s}(e.Component);function b(n,s){void 0===s&&(s={});var a=C.get(n);if(a){var t=a.current;t&&t.close(s)}}function x(n){if(void 0===n&&(n={}),!l.Z)return g.Z;var s=n.dialogId,a=void 0===s?(0,y.Z)("__zent-dialog__"):s,p=n.parentComponent;!function(n){if(C.has(n))throw new Error("Duplicate dialog id found: "+n)}(a);var c=(0,v.Z)("div"),r=p?f.unstable_renderSubtreeIntoContainer.bind(h,p):f.render,i=(0,e.createRef)();return r((0,o.jsx)(w,{ref:i,options:(0,t.pi)((0,t.pi)({},n),{dialogId:a}),container:c},void 0),c),function(n,s){C.set(n,s)}(a,i),function(n){void 0===n&&(n=!0),b(a,{triggerOnClose:!1!==n})}}var j=a(49744),z=null;l.Z&&(0,j.Oo)(document.documentElement,"click",(function(n){z={x:n.clientX,y:n.clientY}}),{capture:!0});var N=function(n){function s(s){var a=n.call(this,s)||this;return a.lastMousePosition=null,a.onClose=function(n){var s=a.props.onClose;s&&s(n)},a.onExited=function(){var n=a.props.onClosed;a.setState({exiting:!1}),n&&n()},a.state={prevOpen:s.visible,exiting:!1},a}return(0,t.ZT)(s,n),s.getDerivedStateFromProps=function(n,s){var a=s.prevOpen;return n.visible===a?null:n.visible?{prevOpen:n.visible,exiting:!1}:{prevOpen:n.visible,exiting:!0}},s.prototype.render=function(){var n=this.props,s=n.visible,a=n.closeBtn,e=n.style,l=n.onOpened,r=(n.onClosed,n.mask),i=n.maskClosable,u=n.children,k=(0,t._T)(n,["visible","closeBtn","style","onOpened","onClosed","mask","maskClosable","children"]),f=this.state.exiting;return this.lastMousePosition=s?this.lastMousePosition||z:null,(0,o.jsx)(c.ZP,(0,t.pi)({visible:s||f,onClose:this.onClose,className:"zent-dialog-r-anchor",closeOnESC:a,blockPageScroll:!0},{children:(0,o.jsx)(m,(0,t.pi)({mask:r,maskClosable:i,visible:s,onClose:this.onClose},{children:(0,o.jsx)(p.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:s,timeout:300,classNames:"zent-zoom",onEntered:l,onExited:this.onExited},{children:(0,o.jsx)(d,(0,t.pi)({},k,{style:e,closeBtn:a,mousePosition:this.lastMousePosition},{children:u}),void 0)}),void 0)}),void 0)}),void 0)},s.defaultProps={onClose:function(){},visible:!1,className:"",style:{},title:"",closeBtn:!0,mask:!0,maskClosable:!0,footer:null},s.openDialog=x,s.closeDialog=b,s}(e.Component),O=N},11497:(n,s,a)=>{"use strict";a.d(s,{Hj:()=>g});var t=a(59312),o=a(24246),e=a(60042),p=a.n(e),c=a(52074),l=a(69024).Z,r=a(27036),i=a(27378),u=a(90347),k=a(65436),d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={loading:!1},s.onClick=function(){var n=s.props,a=n.onClick,t=(0,n.getClose)();if(!a)return t();var o=a.length>0,e=o?a(t):a();if((0,k.Z)(e))return s.setState({loading:!0}),void e.then((function(){t()}),(function(){s.setState({loading:!1})}));o||!1===e||t()},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.type,e=n.text,p=this.state.loading;return(0,o.jsx)(u.ZP,(0,t.pi)({type:a,className:s,loading:p,onClick:this.onClick},{children:e}),void 0)},s}(i.Component),m={info:"info-circle-o",success:"check-circle-o",error:"close-circle-o",warning:"warning-o"},f=l.openDialog;function h(n,s){var a,e=n.className,l=void 0===e?"":e,i=n.confirmType,u=void 0===i?"primary":i,k=n.closeBtn,h=void 0!==k&&k,y=n.maskClosable,g=void 0!==y&&y,v=n.title,C=n.type,w=n.content,b=n.onConfirm,x=n.onCancel,j=n.confirmText,z=n.cancelText,N=n.parentComponent,O=n.onClose,E=null;return E=f({closeBtn:h,maskClosable:g,className:p()("zent-sweetalert-"+s,(a={},a[l]=!!l,a)),title:(0,o.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var s=m[C];return(0,o.jsxs)("div",(0,t.pi)({className:"zent-sweetalert-"+(C?"icon-":"")+"title","data-zv":"10.0.9"},{children:[C&&(0,o.jsx)(r.Z,{className:"zent-sweetalert-type-icon",type:s},void 0),v||n.title]}),void 0)}}),void 0),children:w,footer:(0,o.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var a="alert"===s;return(0,o.jsxs)("div",(0,t.pi)({className:"sweet-"+s+"-actions","data-zv":"10.0.9"},{children:[!a&&(0,o.jsx)(d,{type:"default",className:"zent-sweetalert-"+s+"-btn-cancel",getClose:function(){return E},onClick:x,text:z||n.cancel},"sweetalert-cancel"),(0,o.jsx)(d,{type:u,className:"zent-sweetalert-"+s+"-btn-confirm",getClose:function(){return E},onClick:b,text:j||(a?n.ok:n.confirm)},"sweetalert-confirm")]}),void 0)}}),void 0),parentComponent:N,onClose:O})}function y(n){return void 0===n&&(n={}),h(n,"alert")}var g={alert:y,info:y,confirm:function(n){return void 0===n&&(n={}),h(n,"confirm")}}},58801:(n,s,a)=>{"use strict";function t(){var n=window.pageXOffset,s=window.pageYOffset;return{x:void 0!==n?n:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==s?s:(document.documentElement||document.body.parentNode||document.body).scrollTop}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4112],{44112:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>j});var t=a(73450),o=a(27378),e=a(57318),p=a(11497),c=a(3454),l=a(23476),r=a(24246);function i(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 u(n){for(var s=1;s{p.Hj.alert({content:"这个是具体内容",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertInfo,children:"消息对话框"})}}return(0,r.jsx)(n,{})},d=function(){class n extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"onConfirm",(()=>{l.g.success("我真的知道了")})),(0,t.Z)(this,"onCancel",(()=>{l.g.error("我真的取消了")})),(0,t.Z)(this,"showAlertConfirm",(()=>{p.Hj.confirm({content:(0,r.jsx)("p",{children:"这个是内容"}),onConfirm:this.onConfirm,onCancel:this.onCancel,parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertConfirm,children:"消息对话框"})}}return(0,r.jsx)(n,{})},m=function(){class n extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"autoCloseConfirm",(()=>{var n=p.Hj.confirm({content:(0,r.jsx)("p",{children:"一秒后自动关闭"}),parentComponent:this});setTimeout(n,1e3)}))}render(){return(0,r.jsx)(c.z,{onClick:this.autoCloseConfirm,children:"自动关闭对话框"})}}return(0,r.jsx)(n,{})},f=function(){class n extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"promiseConfirm",(()=>{p.Hj.confirm({content:"点击确定后三秒自动关闭",title:"onConfirm返回Promise",onConfirm:()=>new Promise((n=>{setTimeout((()=>{n()}),3e3)})),parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.promiseConfirm,children:"自动关闭对话框(Promise)"})}}return(0,r.jsx)(n,{})},h=function(){class n extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"showAlertInfo",(()=>{p.Hj.alert({type:"info",content:"这个是具体内容",title:"这是一个消息标题",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertInfo,children:"含有图标消息对话框"})}}return(0,r.jsx)(n,{})},y=function(){class n extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"showAlertConfirm",(()=>{p.Hj.alert({confirmType:"default",confirmText:"删除",content:"确认删除吗？",title:"请确认",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertConfirm,children:"删除"})}}return(0,r.jsx)(n,{})},g=function(){class n extends o.Component{constructor(...n){super(...n),(0,t.Z)(this,"showAlertInfo",(()=>{p.Hj.alert({closeBtn:!0,maskClosable:!0,content:"这个是具体内容",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertInfo,children:"带有关闭按钮"})}}return(0,r.jsx)(n,{})};function v(n){return(0,r.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function C(n){return(0,r.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function w(n){return(0,r.jsx)(v,{tag:"style",html:n.style})}function b(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),b(n.parentNode,s);return s}class x 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,o=s.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:o}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:a||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class j 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,b(s,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(w,{style:""}),o.createElement(C,{html:'

Sweetalert 快捷对话框

\n

快速唤起 Dialog 组件

\n

使用指南

\n
    \n
  • 组件不提供个性化选项，如有需要请使用 Dialog 组件。
    • \n
\n

代码演示

'}),o.createElement(x,{title:"基础用法",id:"Demobasic",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertInfo = () => {\n Sweetalert.alert({\n content: \'这个是具体内容\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertInfo}>消息对话框</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},o.createElement(k)),o.createElement(x,{title:"带有确认和取消按钮",id:"Demowithbuttons",src:'import { Sweetalert, Button, Notify } from \'zent\';\n\nclass Wrapper extends React.Component {\n onConfirm = () => {\n Notify.success(\'我真的知道了\');\n }\n\n onCancel = () => {\n Notify.error(\'我真的取消了\');\n }\n\n showAlertConfirm = () => {\n Sweetalert.confirm({\n content: <p>这个是内容</p>,\n onConfirm: this.onConfirm,\n onCancel: this.onCancel,\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertConfirm}>消息对话框</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},o.createElement(d)),o.createElement(x,{title:"自动关闭",id:"Democlosedexternal",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n autoCloseConfirm = () => {\n const close = Sweetalert.confirm({\n content: <p>一秒后自动关闭</p>,\n parentComponent: this\n });\n\n setTimeout(close, 1000);\n }\n\n render() {\n return <Button onClick={this.autoCloseConfirm}>自动关闭对话框</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},o.createElement(m)),o.createElement(x,{title:"回调返回 Promise",id:"Demoreturnpromise",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n promiseConfirm = () => {\n Sweetalert.confirm({\n content: \'点击确定后三秒自动关闭\',\n title: \'onConfirm返回Promise\',\n onConfirm: () => new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 3000);\n }),\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.promiseConfirm}>自动关闭对话框(Promise)</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},o.createElement(f)),o.createElement(x,{title:"标题旁带有 icon 的 Dialog",id:"Demowithicon",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertInfo = () => {\n Sweetalert.alert({\n type: \'info\',\n content: \'这个是具体内容\',\n title: \'这是一个消息标题\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertInfo}>含有图标消息对话框</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},o.createElement(h)),o.createElement(x,{title:"支持设置 Dialog 中的 button 类型",id:"Demobuttontype",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertConfirm = () => {\n Sweetalert.alert({\n confirmType: \'default\',\n confirmText: \'删除\',\n content: \'确认删除吗？\',\n title: \'请确认\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertConfirm}>删除</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},o.createElement(y)),o.createElement(x,{title:"带有右上角的关闭按钮",id:"Demowithclosebtn",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertInfo = () => {\n Sweetalert.alert({\n closeBtn: true,\n maskClosable: true,\n content: \'这个是具体内容\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertInfo}>带有关闭按钮</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},o.createElement(g)),o.createElement(C,{html:"

API

\n

alert

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
content弹窗中的内容node
type弹窗的类型, 设置会在 title 左边显示一个小图标, 不传不会显示图标string-'info'\n, \n'success'\n, \n'error'\n, \n'warning'
title弹窗的标题node''
onConfirm确定操作回调函数funcnoop
confirmText确定按钮文案string'我知道了'
confirmType确定按钮的类型string'primary''default'\n、\n'primary'
closeBtn是否显示右上角关闭按钮boolfalse
maskClosable点击遮罩是否可以关闭boolfalse
parentComponent父级组件实例，i18n 需要通过这个传递 contextReactInstance
className额外的 classNamestring''
\n

confirm

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
content弹窗中的内容node
type弹窗的类型, 设置会在 title 左边显示一个小图标, 不传不会显示图标string-'info'\n, \n'success'\n, \n'error'\n, \n'warning'
title弹窗的标题node''
onCancel取消操作回调函数funcnoop
onConfirm确定操作回调函数funcnoop
cancelText取消按钮文案string'取消'
confirmText确定按钮文案string'确定'
confirmType确定按钮的类型string'primary''default'\n、\n'primary'
closeBtn是否显示右上角关闭按钮boolfalse
maskClosable点击遮罩是否可以关闭boolfalse
className额外的 classNamestring''
\n
    \n
  • Sweetalert.alert 和 Sweetalert.confirm 的返回值是可以用来手动关闭对话框的函数。
    • \n
  • 如果 onConfirm 的返回值是 Promise, 对应的按钮会在 Promise pending 时保持在 loading 状态；如果 Promise reject，对话框不会关闭，如果 Promise resolve 对话框关闭。
    • \n
  • 如果 onConfirm 没有参数并且返回值是 false 对话框不会关闭。
    • \n
  • 如果 onConfirm 有一个参数的话，需要手动调用 close 这个参数来关闭对话框。
    • \n
"}))}}},97701:(n,s,a)=>{"use strict";a.d(s,{V:()=>N,Z:()=>O});var t=a(59312),o=a(24246),e=a(27378),p=a(14623),c=a(53552),l=a(79352),r=a(60042),i=a.n(r),u=a(58801),k=a(27036),d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.dialogEl=null,s.onClickClose=function(n){var a=s.props.onClose;a&&a(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){this.resetTransformOrigin()},s.prototype.componentDidUpdate=function(){this.resetTransformOrigin()},s.prototype.setTransformOrigin=function(n,s){["Webkit","Moz","Ms","ms"].forEach((function(a){n[a+"TransformOrigin"]=s})),n.transformOrigin=s},s.prototype.resetTransformOrigin=function(n){void 0===n&&(n=this.props);var s=n.mousePosition,a=function(n,s){switch(n){case"center":return"center center 0";case"auto":default:return}}(n.position,this.dialogEl);if(void 0===a&&s&&s.x>=0&&s.y>=0&&this.dialogEl&&this.dialogEl.getBoundingClientRect){var t=this.dialogEl.getBoundingClientRect(),o=t.left,e=t.top;a=s.x-o+"px "+(s.y-e)+"px 0"}a&&this.dialogEl&&this.setTransformOrigin(this.dialogEl.style,a)},s.prototype.renderHeader=function(){var n=this.props.title;return n?(n="number"==typeof n||"string"==typeof n?(0,o.jsx)("span",(0,t.pi)({className:"zent-dialog-r-title-text","data-zv":"10.0.10"},{children:n}),void 0):n,(0,o.jsx)("div",(0,t.pi)({className:"zent-dialog-r-header","data-zv":"10.0.10"},{children:(0,o.jsx)("div",(0,t.pi)({className:"zent-dialog-r-title","data-zv":"10.0.10"},{children:n}),void 0)}),void 0)):null},s.prototype.render=function(){var n=this,s=this.props,a=s.className,e=s.closeBtn,p=s.footer,c=s.style,l=s.children,r=this.renderHeader(),u=i()("zent-dialog-r-close",{"zent-dialog-r-has-title":!!r}),d=e&&(0,o.jsx)("button",(0,t.pi)({type:"button",className:u,onClick:this.onClickClose,"data-zv":"10.0.10"},{children:(0,o.jsx)(k.Z,{type:"close"},void 0)}),void 0),m=p&&(0,o.jsx)("div",(0,t.pi)({className:"zent-dialog-r-footer","data-zv":"10.0.10"},{children:p}),void 0);return(0,o.jsxs)("div",(0,t.pi)({className:i()("zent-dialog-r",a,{"zent-dialog-r--has-header":!!r,"zent-dialog-r--has-footer":!!m,"zent-dialog-r--no-close-btn":!d}),style:c,ref:function(s){return n.dialogEl=s},"data-zv":"10.0.10"},{children:[d,r,(0,o.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body","data-zv":"10.0.10"},{children:(0,o.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body-content","data-zv":"10.0.10"},{children:l}),void 0)}),void 0),m]}),void 0)},s}(e.Component),m=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.rootRef=(0,e.createRef)(),s.onMaskClick=function(n){n.target===n.currentTarget&&s.props.mask&&s.props.maskClosable&&s.props.onClose(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=document.activeElement,s=this.rootRef.current;s!==n&&s&&!s.contains(n)&&function(n){if(n){var s=(0,u.Z)();n.focus(),window.scroll(s.x,s.y)}}(s)},s.prototype.render=function(){var n=this.props,s=n.mask,a=n.visible,e=n.children;return(0,o.jsxs)("div",(0,t.pi)({ref:this.rootRef,tabIndex:-1,className:"zent-dialog-r-root","data-zv":"10.0.10"},{children:[a&&s&&(0,o.jsx)("div",{className:"zent-dialog-r-backdrop","data-zv":"10.0.10"},void 0),(0,o.jsx)("div",(0,t.pi)({className:"zent-dialog-r-wrap",onClick:this.onMaskClick,"data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)},s}(e.Component),f=a(31542),h=a.t(f,2),y=a(70453),g=a(42690),v=a(14805),C=new Map,w=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={visible:!0},s.closeOptions={},s.onClosed=function(){var n=s.props,a=n.options.onClose,t=n.container,o=s.closeOptions.triggerOnClose;(void 0===o||o)&&a&&a(),f.unmountComponentAtNode(t)},s.onClose=function(n){s.close({triggerOnClose:!1!==n})},s}return(0,t.ZT)(s,n),s.prototype.close=function(n){void 0===n&&(n={}),this.closeOptions=n,this.setState({visible:!1})},s.prototype.componentWillUnmount=function(){var n=this.props.options.dialogId;C.delete(n)},s.prototype.render=function(){var n=this.props.options,s=this.state.visible;return(0,o.jsx)(O,(0,t.pi)({},n,{onClose:this.onClose,onClosed:this.onClosed,visible:s}),void 0)},s}(e.Component);function b(n,s){void 0===s&&(s={});var a=C.get(n);if(a){var t=a.current;t&&t.close(s)}}function x(n){if(void 0===n&&(n={}),!l.Z)return g.Z;var s=n.dialogId,a=void 0===s?(0,y.Z)("__zent-dialog__"):s,p=n.parentComponent;!function(n){if(C.has(n))throw new Error("Duplicate dialog id found: "+n)}(a);var c=(0,v.Z)("div"),r=p?f.unstable_renderSubtreeIntoContainer.bind(h,p):f.render,i=(0,e.createRef)();return r((0,o.jsx)(w,{ref:i,options:(0,t.pi)((0,t.pi)({},n),{dialogId:a}),container:c},void 0),c),function(n,s){C.set(n,s)}(a,i),function(n){void 0===n&&(n=!0),b(a,{triggerOnClose:!1!==n})}}var j=a(49744),z=null;l.Z&&(0,j.Oo)(document.documentElement,"click",(function(n){0!==n.clientX&&0!==n.clientY&&(z={x:n.clientX,y:n.clientY})}),{capture:!0});var N=function(n){function s(s){var a=n.call(this,s)||this;return a.lastMousePosition=null,a.onClose=function(n){var s=a.props.onClose;s&&s(n)},a.onExited=function(){var n=a.props.onClosed;a.setState({exiting:!1}),n&&n()},a.state={prevOpen:s.visible,exiting:!1},a}return(0,t.ZT)(s,n),s.getDerivedStateFromProps=function(n,s){var a=s.prevOpen;return n.visible===a?null:n.visible?{prevOpen:n.visible,exiting:!1}:{prevOpen:n.visible,exiting:!0}},s.prototype.render=function(){var n=this.props,s=n.visible,a=n.closeBtn,e=n.style,l=n.position,r=n.onOpened,i=(n.onClosed,n.mask),u=n.maskClosable,k=n.children,f=(0,t._T)(n,["visible","closeBtn","style","position","onOpened","onClosed","mask","maskClosable","children"]),h=this.state.exiting;return this.lastMousePosition=s?this.lastMousePosition||z:null,(0,o.jsx)(c.ZP,(0,t.pi)({visible:s||h,onClose:this.onClose,className:"zent-dialog-r-anchor",closeOnESC:a,blockPageScroll:!0},{children:(0,o.jsx)(m,(0,t.pi)({mask:i,maskClosable:u,visible:s,onClose:this.onClose},{children:(0,o.jsx)(p.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:s,timeout:300,classNames:"zent-zoom",onEntered:r,onExited:this.onExited},{children:(0,o.jsx)(d,(0,t.pi)({},f,{style:e,closeBtn:a,position:l,mousePosition:this.lastMousePosition},{children:k}),void 0)}),void 0)}),void 0)}),void 0)},s.defaultProps={onClose:function(){},visible:!1,className:"",style:{},position:"auto",title:"",closeBtn:!0,mask:!0,maskClosable:!0,footer:null},s.openDialog=x,s.closeDialog=b,s}(e.Component),O=N},11497:(n,s,a)=>{"use strict";a.d(s,{Hj:()=>g});var t=a(59312),o=a(24246),e=a(60042),p=a.n(e),c=a(52074),l=a(97701).Z,r=a(27036),i=a(27378),u=a(90347),k=a(65436),d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={loading:!1},s.onClick=function(){var n=s.props,a=n.onClick,t=(0,n.getClose)();if(!a)return t();var o=a.length>0,e=o?a(t):a();if((0,k.Z)(e))return s.setState({loading:!0}),void e.then((function(){t()}),(function(){s.setState({loading:!1})}));o||!1===e||t()},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.type,e=n.text,p=this.state.loading;return(0,o.jsx)(u.ZP,(0,t.pi)({type:a,className:s,loading:p,onClick:this.onClick},{children:e}),void 0)},s}(i.Component),m={info:"info-circle-o",success:"check-circle-o",error:"close-circle-o",warning:"warning-o"},f=l.openDialog;function h(n,s){var a,e=n.className,l=void 0===e?"":e,i=n.confirmType,u=void 0===i?"primary":i,k=n.closeBtn,h=void 0!==k&&k,y=n.maskClosable,g=void 0!==y&&y,v=n.title,C=n.type,w=n.content,b=n.onConfirm,x=n.onCancel,j=n.confirmText,z=n.cancelText,N=n.parentComponent,O=n.onClose,E=null;return E=f({closeBtn:h,maskClosable:g,className:p()("zent-sweetalert-"+s,(a={},a[l]=!!l,a)),title:(0,o.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var s=m[C];return(0,o.jsxs)("div",(0,t.pi)({className:"zent-sweetalert-"+(C?"icon-":"")+"title","data-zv":"10.0.10"},{children:[C&&(0,o.jsx)(r.Z,{className:"zent-sweetalert-type-icon",type:s},void 0),v||n.title]}),void 0)}}),void 0),children:w,footer:(0,o.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var a="alert"===s;return(0,o.jsxs)("div",(0,t.pi)({className:"sweet-"+s+"-actions","data-zv":"10.0.10"},{children:[!a&&(0,o.jsx)(d,{type:"default",className:"zent-sweetalert-"+s+"-btn-cancel",getClose:function(){return E},onClick:x,text:z||n.cancel},"sweetalert-cancel"),(0,o.jsx)(d,{type:u,className:"zent-sweetalert-"+s+"-btn-confirm",getClose:function(){return E},onClick:b,text:j||(a?n.ok:n.confirm)},"sweetalert-confirm")]}),void 0)}}),void 0),parentComponent:N,onClose:O})}function y(n){return void 0===n&&(n={}),h(n,"alert")}var g={alert:y,info:y,confirm:function(n){return void 0===n&&(n={}),h(n,"confirm")}}},58801:(n,s,a)=>{"use strict";function t(){var n=window.pageXOffset,s=window.pageYOffset;return{x:void 0!==n?n:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==s?s:(document.documentElement||document.body.parentNode||document.body).scrollTop}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file diff --git a/4372-e11e5d13232bb5bb200a.js b/4372-aee6cc6949817e263ce0.js similarity index 75% rename from 4372-e11e5d13232bb5bb200a.js rename to 4372-aee6cc6949817e263ce0.js index 1c5aff0b4..a3b6b99aa 100644 --- a/4372-e11e5d13232bb5bb200a.js +++ b/4372-aee6cc6949817e263ce0.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4372],{44372:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),e=a(27378),p=a(57318),o=a(39550),c=a(74473),l=a(3454),i=a(31846),r=a(82010),u=a(25120),k=a(24246);function d(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 m(n){for(var s=1;s{this.setState({text:"Pinned"})})),(0,t.Z)(this,"onUnpin",(()=>{this.setState({text:"Unpinned"})}))}render(){return(0,k.jsx)(i.D,{offsetTop:200,onPin:this.onPin,onUnpin:this.onUnpin,children:(0,k.jsx)(r.b,{type:"warning",children:this.state.text})})}}return(0,k.jsx)(n,{})},g=function(){return(0,k.jsx)("div",{className:"affix-demo-bottom",children:(0,k.jsx)(i.D,{offsetBottom:60,children:(0,k.jsx)(r.b,{type:"warning",children:(0,k.jsx)("p",{children:"set offset bottom"})})})})},v=function(){return(0,k.jsx)("div",{className:"affix-demo-both",children:(0,k.jsx)(i.D,{offsetBottom:150,offsetTop:50,children:(0,k.jsx)(r.b,{type:"warning",children:(0,k.jsx)("p",{children:"Set offsetTop and offsetBottom"})})})})},y=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"containerRef",null),(0,t.Z)(this,"affixRef",e.createRef()),(0,t.Z)(this,"onSrcoll",(()=>{var n,s;null===(n=this.affixRef)||void 0===n||null===(s=n.current)||void 0===s||s.updatePosition()}))}render(){return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:"affix-target__container",ref:n=>this.containerRef=n,children:(0,k.jsx)("div",{className:"affix-target__content",children:(0,k.jsx)(i.D,{ref:this.affixRef,offsetBottom:20,offsetTop:20,getAffixContainer:()=>this.containerRef,children:(0,k.jsx)(l.z,{children:"Affix relative to container node"})})})}),(0,k.jsx)(u.f,{onScroll:this.onSrcoll})]})}}return(0,k.jsx)(n,{})};function x(n){return(0,k.jsx)(n.tag,m(m({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function b(n){return(0,k.jsx)(x,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function j(n){return(0,k.jsx)(x,{tag:"style",html:n.style})}function w(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),w(n.parentNode,s);return s}class z 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,e=s.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:a||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(x,{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,p.l)(document.documentElement,0,w(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(j,{style:".affix-target__container{\n height: 150px;\n overflow-y: auto;\n }\n\n .affix-target__content {\n background: rgba(0, 0, 0, 0.1);\n padding-top: 150px;\n height: 200px;\n }"}),e.createElement(b,{html:'

Affix

\n

Pin element in a specific position.

\n

Demos

'}),e.createElement(z,{title:"Using offsetTop to set offset from viewport's top",id:"Demooffsettop",src:'import { Affix, LayoutRow as Row, LayoutCol as Col, Button } from \'zent\';\n\nReactDOM.render(\n <Row style={{ margin: \'10px 0\' }}>\n <Col span={8}>\n <Button type="primary" size="large">\n Index\n </Button>\n </Col>\n <Col span={8} offset={8}>\n <Affix offsetTop={135}>\n <Button type="primary" size="large">\n Affix\n </Button>\n </Affix>\n </Col>\n </Row>,\n mountNode\n);'},e.createElement(f)),e.createElement(z,{title:"Set callback function",id:"Democallback",src:'import { Affix, Alert } from \'zent\';\n\nclass App extends React.Component {\n state = {\n text: \'Affix\',\n };\n\n onPin = () => {\n this.setState({ text: \'Pinned\' });\n };\n onUnpin = () => {\n this.setState({ text: \'Unpinned\' });\n };\n\n render() {\n return (\n <Affix offsetTop={200} onPin={this.onPin} onUnpin={this.onUnpin}>\n <Alert type="warning">{this.state.text}</Alert>\n </Affix>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},e.createElement(h)),e.createElement(z,{title:"Using offsetBottom to set offset from viewport's bottom",id:"Demooffsetbottom",src:'import { Affix, Alert } from \'zent\';\n\nReactDOM.render(\n <div className="affix-demo-bottom">\n <Affix offsetBottom={60}>\n <Alert type="warning">\n <p>set offset bottom</p>\n </Alert>\n </Affix>\n </div>,\n mountNode\n);'},e.createElement(g)),e.createElement(z,{title:"Set offsetTop and offsetBottom",id:"Demoboth",src:'import { Affix, Alert } from \'zent\';\n\nReactDOM.render(\n <div className="affix-demo-both">\n <Affix offsetBottom={150} offsetTop={50}>\n <Alert type="warning">\n <p>Set offsetTop and offsetBottom</p>\n </Alert>\n </Affix>\n </div>,\n mountNode\n);'},e.createElement(v)),e.createElement(z,{title:"Container node for positioning",id:"Democontainer",src:'import { Affix, Button, WindowScrollHandler } from \'zent\';\n\nclass Demo extends Component {\n containerRef = null;\n affixRef = React.createRef();\n\n onSrcoll = () => {\n this.affixRef?.current?.updatePosition();\n };\n\n render() {\n return (\n <>\n <div\n className="affix-target__container"\n ref={ref => (this.containerRef = ref)}\n >\n <div className="affix-target__content">\n <Affix\n ref={this.affixRef}\n offsetBottom={20}\n offsetTop={20}\n getAffixContainer={() => this.containerRef}\n >\n <Button>Affix relative to container node</Button>\n </Affix>\n </div>\n </div>\n <WindowScrollHandler onScroll={this.onSrcoll} />\n </>\n );\n }\n}\n\nReactDOM.render(<Demo />, mountNode);'},e.createElement(y)),e.createElement(b,{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
PropertyDescriptionTypeDefaultAlternative
offsetTopOffset to the top of the viewportnumber
offsetBottomOffset to the bottom of the viewportnumber
getAffixContainerCustom target node for positioning() => HTMLElement | nullwindow
childrenChildrenReact.ReactNode
onPinCallback when affix pins() => void
onUnpinCallback when affix unpins() => void
zIndexPin \nz-indexnumber10
classNameExtra class namestring\'\'
placeholderClassNamePlaceholder container class namestring\'\'
\n

Note

\n
    \n
  • At least one of offsetTop and offsetBottom must be set; you can set both at the same time but you\'re warned of bizarre things that may happen if window height is too small.
    • \n
  • Using ref and getAffixContainer for relative positioning at the same time when there are two scrollbars. You should add scroll event listener for outer scroll container manually.
    • \n
'}))}}},82010:(n,s,a)=>{"use strict";a.d(s,{b:()=>d});var t=a(59312),e=a(24246),p=a(60042),o=a.n(p),c=a(27378),l=a(8434),i=a(78486),r=a(78513),u=["outline","closed","onClose"],k=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={closed:!1},s.onCloseHandler=function(){s.isControlled||s.setState({closed:!0}),s.props.onClose&&s.props.onClose()},s}return(0,t.ZT)(s,n),Object.defineProperty(s.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),s.prototype.render=function(){var n;if(this.closed)return null;var s=(0,r.Z)(this.props,k),a=s.className,p=s.type,c=s.outline,d=s.bordered,m=s.progress,f=(0,t._T)(s,["className","type","outline","bordered","progress"]),h=(0,r.Z)(this.props,u),g=o()("zent-alert","zent-alert-style-"+p,a,((n={})["zent-alert-outline"]=c,n["zent-alert--borderless"]=!d,n));return(0,e.jsxs)("div",(0,t.pi)({className:g},f,{"data-zv":"10.0.9"},{children:[!!m&&(0,e.jsx)(l.E,{className:"zent-alert__progress",percent:m,showInfo:!1,strokeWidth:2},void 0),(0,e.jsx)(i.Z,(0,t.pi)({},h,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},s.highlightClassName="zent-alert-item-content__highlight",s.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},s}(c.PureComponent)},78486:(n,s,a)=>{"use strict";var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(27036),i=a(20840),r={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},u=(0,p.forwardRef)((function(n,s){var a=n.extraContent,o=n.classItemName,u=n.title,k=n.description,d=n.children,m=n.loading,f=n.type,h=n.closable,g=n.icon,v=n.closeIconColor,y=n.closeContent,x=n.onAlertItemClose,b=(0,p.useRef)(n);b.current=n;var j=(0,p.useMemo)((function(){return d||(0,e.jsxs)(e.Fragment,{children:[u&&(0,e.jsx)("h3",(0,t.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.9"},{children:u}),void 0),k&&(0,e.jsx)("p",(0,t.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.9"},{children:k}),void 0)]},void 0)}),[d,k,u]),w=(0,p.useMemo)((function(){var n=b.current.onClose,s=v?{color:v}:{};return h?(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-close-wrapper",onClick:function(s){null==n||n(),x&&x(),s.stopPropagation()},"data-zv":"10.0.9"},{children:null!=y?y:(0,e.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:s},void 0)}),void 0):null}),[h,y,v,x]),z=(0,p.useMemo)((function(){return m?(0,e.jsx)(i.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===g||!1===g?null:g?(0,e.jsx)("span",(0,t.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.9"},{children:g}),void 0):f in r?(0,e.jsx)(l.Z,{className:"zent-alert-item-icon",type:r[f]},void 0):null}),[m,f,g]);return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-alert-item",o),ref:s,"data-zv":"10.0.9"},{children:[z,(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-content","data-zv":"10.0.9"},{children:j}),void 0),a&&(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.9"},{children:a}),void 0),w]}),void 0)}));u.displayName="AlertItem",s.Z=u},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>u});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(65225),i=a(48591),r=a(81093),u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,e.jsx)(i.Z.Consumer,{children:function(s){return(0,e.jsx)(l.Z.Consumer,{children:function(a){var p,o=n.props,l=o.span,i=o.offset,u=o.order,k=o.className,d=o.style,m=(0,t._T)(o,["span","offset","order","className","style"]),f=d,h=(0,r.r)(s,a.colGutter);if(h>0){var g=h/2;f=(0,t.pi)((0,t.pi)({},f),{paddingLeft:g,paddingRight:g})}var v=(0,r.r)(s,l),y=(0,r.r)(s,i),x=(0,r.r)(s,u),b=c()("zent-col",((p={})["zent-col-offset-"+i]=y,p["zent-col-order-"+u]=x,p),"zent-col-"+v,k);return(0,e.jsx)("div",(0,t.pi)({},m,{className:b,style:f,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(p.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>u});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(65225),i=a(48591),r=a(81093),u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,p=s.style,o=s.justify,u=s.align,k=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+o,"zent-row-align-"+u,a);return(0,e.jsx)(i.Z.Consumer,{children:function(s){return(0,e.jsx)(l.Z.Consumer,{children:function(a){var o=(0,r.r)(s,a.colGutter),c=(0,r.r)(s,a.rowGutter),l=p;if(o>0){var i=-o/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:i,marginRight:i})}if(c&&c>0){var u=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:u,paddingBottom:u})}return(0,e.jsx)("div",(0,t.pi)({},k,{className:d,style:l,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(p.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>o,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var e=a(72551),p=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),o=Object.keys(p);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";a.d(s,{E:()=>g});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=["normal","success","exception"],i=(0,a(70453).Z)("zentAnimatedArcStrokeGradient"),r={},u={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={opacity:0,rotate:0,transition:r},s.startAnimation=function(){s.animationDelayTimerId&&clearTimeout(s.animationDelayTimerId);var n=s.props,a=n.arcLength,t=n.radius,e=(a-s.getMaskArcLength())/t;s.setState({rotate:e,transition:r,opacity:.2},s.queueAnimationEnd)},s.finishAnimation=function(){s.transitionEndTimerId&&clearTimeout(s.transitionEndTimerId),s.setState({rotate:0,transition:u,opacity:0}),s.animationDelayTimerId=setTimeout(s.startAnimation,1e3)},s.queueAnimationEnd=function(){s.transitionEndTimerId=setTimeout(s.finishAnimation,400)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.getPath(),s=this.props,a=s.className,p=s.strokeWidth,o=this.state,c=o.rotate,l=o.transition,r=o.opacity;return(0,e.jsxs)("g",(0,t.pi)({"data-zv":"10.0.9"},{children:[(0,e.jsx)("defs",(0,t.pi)({"data-zv":"10.0.9"},{children:(0,e.jsxs)("linearGradient",(0,t.pi)({id:i},{children:[(0,e.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.9"},void 0),(0,e.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.9"},void 0)]}),void 0)}),void 0),(0,e.jsx)("path",{className:a,d:n,stroke:"url(#"+i+")",strokeOpacity:r,strokeWidth:p,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.9"},void 0)]}),void 0)},s.prototype.componentDidMount=function(){this.startAnimation()},s.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},s.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},s.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},s.prototype.getArcStartPoint=function(){var n=this.props,s=n.radius,a=n.strokeWidth/2;return[s+a,a]},s.prototype.getArcEndPoint=function(){var n=this.props,s=n.radius,a=s+n.strokeWidth/2,t=this.getMaskTheta();return[a+Math.sin(t)*s,a-Math.cos(t)*s]},s.prototype.getPath=function(){var n=this.getArcStartPoint(),s=this.getArcEndPoint(),a=this.props.radius;return"M"+n.join(",")+" A"+a+","+a+" 0 0 1 "+s.join(",")},s}(p.PureComponent),d=a(39215),m=function(n){var s=n.type,a=n.percent,t=n.format,p=n.state,o=n.color;return"success"===p?(0,e.jsx)(d.J,{type:"circle"===s?"check":"check-circle",style:{color:o}},void 0):"exception"===p?(0,e.jsx)(d.J,{type:"circle"===s?"close":"close-circle",style:{color:o}},void 0):(0,e.jsx)(e.Fragment,{children:t(a)},void 0)},f=function(n){var s=n.percent,a=n.showInfo,p=n.format,o=n.strokeWidth,l=n.width,i=n.bgColor,r=n.color,u=n.state,d=n.strokeLinecap,f=l||132,h=f/2,g=f-o,v=g/2,y=g*Math.PI,x=y*(100-s)/100;return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:f,height:f},"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:i,width:f,height:f},"data-zv":"10.0.9"},void 0),(0,e.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+f+" "+f,width:f,height:f,"data-zv":"10.0.9"},{children:[(0,e.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+h+" "+h+")","data-zv":"10.0.9"},{children:(0,e.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+d),cx:h,cy:h,r:v,style:{stroke:r,strokeWidth:o},strokeDasharray:y,strokeDashoffset:x,"data-zv":"10.0.9"},void 0)}),void 0),"normal"===u&&(0,e.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+d),radius:v,arcLength:y-x,strokeWidth:o},void 0)]}),void 0),a&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,e.jsx)(m,{type:"circle",percent:s,format:p,state:u,color:r},void 0)}),void 0)]}),void 0)},h=function(n){var s=n.format,a=n.width,p=n.percent,o=n.showInfo,l=n.strokeWidth,i=n.bgColor,r=n.color,u=n.state,k=n.strokeLinecap,d=a||"100%",f=o&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,e.jsx)(m,{type:"line",percent:p,format:s,state:u,color:r},void 0)}),void 0);return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.9"},{children:[(0,e.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===p}),style:{background:i,width:d,height:l},"data-zv":"10.0.9"},{children:(0,e.jsx)("div",{className:"zent-progress-inner",style:{background:r,width:p+"%",height:l},"data-zv":"10.0.9"},void 0)}),void 0),f]}),void 0)},g=function(n){var s,a=n,o=a.type,i=a.status,r=a.percent,u=a.className,k=a.normalColor,d=a.successColor,m=a.exceptionColor,g=a.bgColor,v=a.format,y=a.showInfo,x=a.strokeWidth,b=a.width,j=a.strokeLinecap,w=(0,t._T)(a,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),z=(0,p.useMemo)((function(){return-1!==l.indexOf(i)?i:r>=100?"success":"normal"}),[i,r]),C={exception:m,success:d,normal:k}[z],N=(0,p.useMemo)((function(){return r<0?0:r>100?100:r}),[r]);switch(o){case"circle":s=f;break;case"line":default:s=h}var A=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+z,u);return(0,e.jsx)("div",(0,t.pi)({className:A},w,{"data-zv":"10.0.9"},{children:(0,e.jsx)(s,{percent:N,showInfo:y,strokeWidth:x,width:b,bgColor:g,format:v,color:C,state:z,strokeLinecap:j},void 0)}),void 0)};g.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}},25120:(n,s,a)=>{"use strict";a.d(s,{f:()=>i});var t=a(59312),e=a(24246),p=a(27378),o=a(80186),c=a(17127),l={passive:!0},i=function(n){var s=n.disableThrottle,a=void 0!==s&&s,i=n.options,r=n.onScroll,u=(0,p.useRef)(r);u.current=r;var k=(0,p.useCallback)((function(n){u.current(n)}),[]),d=(0,c.BN)(k,a);return(0,p.useEffect)((function(){return d.cancel}),[d]),(0,e.jsx)(o.ZM,{eventName:"scroll",listener:d,options:(0,t.pi)((0,t.pi)({},l),i)},void 0)}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4372],{44372:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),e=a(27378),p=a(57318),o=a(39550),c=a(74473),l=a(3454),i=a(31846),r=a(82010),u=a(25120),k=a(24246);function d(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 m(n){for(var s=1;s{this.setState({text:"Pinned"})})),(0,t.Z)(this,"onUnpin",(()=>{this.setState({text:"Unpinned"})}))}render(){return(0,k.jsx)(i.D,{offsetTop:200,onPin:this.onPin,onUnpin:this.onUnpin,children:(0,k.jsx)(r.b,{type:"warning",children:this.state.text})})}}return(0,k.jsx)(n,{})},g=function(){return(0,k.jsx)("div",{className:"affix-demo-bottom",children:(0,k.jsx)(i.D,{offsetBottom:60,children:(0,k.jsx)(r.b,{type:"warning",children:(0,k.jsx)("p",{children:"set offset bottom"})})})})},v=function(){return(0,k.jsx)("div",{className:"affix-demo-both",children:(0,k.jsx)(i.D,{offsetBottom:150,offsetTop:50,children:(0,k.jsx)(r.b,{type:"warning",children:(0,k.jsx)("p",{children:"Set offsetTop and offsetBottom"})})})})},y=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"containerRef",null),(0,t.Z)(this,"affixRef",e.createRef()),(0,t.Z)(this,"onSrcoll",(()=>{var n,s;null===(n=this.affixRef)||void 0===n||null===(s=n.current)||void 0===s||s.updatePosition()}))}render(){return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:"affix-target__container",ref:n=>this.containerRef=n,children:(0,k.jsx)("div",{className:"affix-target__content",children:(0,k.jsx)(i.D,{ref:this.affixRef,offsetBottom:20,offsetTop:20,getAffixContainer:()=>this.containerRef,children:(0,k.jsx)(l.z,{children:"Affix relative to container node"})})})}),(0,k.jsx)(u.f,{onScroll:this.onSrcoll})]})}}return(0,k.jsx)(n,{})};function x(n){return(0,k.jsx)(n.tag,m(m({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function b(n){return(0,k.jsx)(x,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function j(n){return(0,k.jsx)(x,{tag:"style",html:n.style})}function w(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),w(n.parentNode,s);return s}class z 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,e=s.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:a||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(x,{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,p.l)(document.documentElement,0,w(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(j,{style:".affix-target__container{\n height: 150px;\n overflow-y: auto;\n }\n\n .affix-target__content {\n background: rgba(0, 0, 0, 0.1);\n padding-top: 150px;\n height: 200px;\n }"}),e.createElement(b,{html:'

Affix

\n

Pin element in a specific position.

\n

Demos

'}),e.createElement(z,{title:"Using offsetTop to set offset from viewport's top",id:"Demooffsettop",src:'import { Affix, LayoutRow as Row, LayoutCol as Col, Button } from \'zent\';\n\nReactDOM.render(\n <Row style={{ margin: \'10px 0\' }}>\n <Col span={8}>\n <Button type="primary" size="large">\n Index\n </Button>\n </Col>\n <Col span={8} offset={8}>\n <Affix offsetTop={135}>\n <Button type="primary" size="large">\n Affix\n </Button>\n </Affix>\n </Col>\n </Row>,\n mountNode\n);'},e.createElement(f)),e.createElement(z,{title:"Set callback function",id:"Democallback",src:'import { Affix, Alert } from \'zent\';\n\nclass App extends React.Component {\n state = {\n text: \'Affix\',\n };\n\n onPin = () => {\n this.setState({ text: \'Pinned\' });\n };\n onUnpin = () => {\n this.setState({ text: \'Unpinned\' });\n };\n\n render() {\n return (\n <Affix offsetTop={200} onPin={this.onPin} onUnpin={this.onUnpin}>\n <Alert type="warning">{this.state.text}</Alert>\n </Affix>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},e.createElement(h)),e.createElement(z,{title:"Using offsetBottom to set offset from viewport's bottom",id:"Demooffsetbottom",src:'import { Affix, Alert } from \'zent\';\n\nReactDOM.render(\n <div className="affix-demo-bottom">\n <Affix offsetBottom={60}>\n <Alert type="warning">\n <p>set offset bottom</p>\n </Alert>\n </Affix>\n </div>,\n mountNode\n);'},e.createElement(g)),e.createElement(z,{title:"Set offsetTop and offsetBottom",id:"Demoboth",src:'import { Affix, Alert } from \'zent\';\n\nReactDOM.render(\n <div className="affix-demo-both">\n <Affix offsetBottom={150} offsetTop={50}>\n <Alert type="warning">\n <p>Set offsetTop and offsetBottom</p>\n </Alert>\n </Affix>\n </div>,\n mountNode\n);'},e.createElement(v)),e.createElement(z,{title:"Container node for positioning",id:"Democontainer",src:'import { Affix, Button, WindowScrollHandler } from \'zent\';\n\nclass Demo extends Component {\n containerRef = null;\n affixRef = React.createRef();\n\n onSrcoll = () => {\n this.affixRef?.current?.updatePosition();\n };\n\n render() {\n return (\n <>\n <div\n className="affix-target__container"\n ref={ref => (this.containerRef = ref)}\n >\n <div className="affix-target__content">\n <Affix\n ref={this.affixRef}\n offsetBottom={20}\n offsetTop={20}\n getAffixContainer={() => this.containerRef}\n >\n <Button>Affix relative to container node</Button>\n </Affix>\n </div>\n </div>\n <WindowScrollHandler onScroll={this.onSrcoll} />\n </>\n );\n }\n}\n\nReactDOM.render(<Demo />, mountNode);'},e.createElement(y)),e.createElement(b,{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
PropertyDescriptionTypeDefaultAlternative
offsetTopOffset to the top of the viewportnumber
offsetBottomOffset to the bottom of the viewportnumber
getAffixContainerCustom target node for positioning() => HTMLElement | nullwindow
childrenChildrenReact.ReactNode
onPinCallback when affix pins() => void
onUnpinCallback when affix unpins() => void
zIndexPin \nz-indexnumber10
classNameExtra class namestring\'\'
placeholderClassNamePlaceholder container class namestring\'\'
\n

Note

\n
    \n
  • At least one of offsetTop and offsetBottom must be set; you can set both at the same time but you\'re warned of bizarre things that may happen if window height is too small.
    • \n
  • Using ref and getAffixContainer for relative positioning at the same time when there are two scrollbars. You should add scroll event listener for outer scroll container manually.
    • \n
'}))}}},82010:(n,s,a)=>{"use strict";a.d(s,{b:()=>d});var t=a(59312),e=a(24246),p=a(60042),o=a.n(p),c=a(27378),l=a(8434),i=a(78486),r=a(78513),u=["outline","closed","onClose"],k=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={closed:!1},s.onCloseHandler=function(){s.isControlled||s.setState({closed:!0}),s.props.onClose&&s.props.onClose()},s}return(0,t.ZT)(s,n),Object.defineProperty(s.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),s.prototype.render=function(){var n;if(this.closed)return null;var s=(0,r.Z)(this.props,k),a=s.className,p=s.type,c=s.outline,d=s.bordered,m=s.progress,f=(0,t._T)(s,["className","type","outline","bordered","progress"]),h=(0,r.Z)(this.props,u),g=o()("zent-alert","zent-alert-style-"+p,a,((n={})["zent-alert-outline"]=c,n["zent-alert--borderless"]=!d,n));return(0,e.jsxs)("div",(0,t.pi)({className:g},f,{"data-zv":"10.0.10"},{children:[!!m&&(0,e.jsx)(l.E,{className:"zent-alert__progress",percent:m,showInfo:!1,strokeWidth:2},void 0),(0,e.jsx)(i.Z,(0,t.pi)({},h,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},s.highlightClassName="zent-alert-item-content__highlight",s.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},s}(c.PureComponent)},78486:(n,s,a)=>{"use strict";var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(27036),i=a(20840),r={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},u=(0,p.forwardRef)((function(n,s){var a=n.extraContent,o=n.classItemName,u=n.title,k=n.description,d=n.children,m=n.loading,f=n.type,h=n.closable,g=n.icon,v=n.closeIconColor,y=n.closeContent,x=n.onAlertItemClose,b=(0,p.useRef)(n);b.current=n;var j=(0,p.useMemo)((function(){return d||(0,e.jsxs)(e.Fragment,{children:[u&&(0,e.jsx)("h3",(0,t.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.10"},{children:u}),void 0),k&&(0,e.jsx)("p",(0,t.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.10"},{children:k}),void 0)]},void 0)}),[d,k,u]),w=(0,p.useMemo)((function(){var n=b.current.onClose,s=v?{color:v}:{};return h?(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-close-wrapper",onClick:function(s){null==n||n(),x&&x(),s.stopPropagation()},"data-zv":"10.0.10"},{children:null!=y?y:(0,e.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:s},void 0)}),void 0):null}),[h,y,v,x]),z=(0,p.useMemo)((function(){return m?(0,e.jsx)(i.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===g||!1===g?null:g?(0,e.jsx)("span",(0,t.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.10"},{children:g}),void 0):f in r?(0,e.jsx)(l.Z,{className:"zent-alert-item-icon",type:r[f]},void 0):null}),[m,f,g]);return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-alert-item",o),ref:s,"data-zv":"10.0.10"},{children:[z,(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-content","data-zv":"10.0.10"},{children:j}),void 0),a&&(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.10"},{children:a}),void 0),w]}),void 0)}));u.displayName="AlertItem",s.Z=u},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>u});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(65225),i=a(48591),r=a(81093),u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,e.jsx)(i.Z.Consumer,{children:function(s){return(0,e.jsx)(l.Z.Consumer,{children:function(a){var p,o=n.props,l=o.span,i=o.offset,u=o.order,k=o.className,d=o.style,m=(0,t._T)(o,["span","offset","order","className","style"]),f=d,h=(0,r.r)(s,a.colGutter);if(h>0){var g=h/2;f=(0,t.pi)((0,t.pi)({},f),{paddingLeft:g,paddingRight:g})}var v=(0,r.r)(s,l),y=(0,r.r)(s,i),x=(0,r.r)(s,u),b=c()("zent-col",((p={})["zent-col-offset-"+i]=y,p["zent-col-order-"+u]=x,p),"zent-col-"+v,k);return(0,e.jsx)("div",(0,t.pi)({},m,{className:b,style:f,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(p.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>u});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(65225),i=a(48591),r=a(81093),u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,p=s.style,o=s.justify,u=s.align,k=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+o,"zent-row-align-"+u,a);return(0,e.jsx)(i.Z.Consumer,{children:function(s){return(0,e.jsx)(l.Z.Consumer,{children:function(a){var o=(0,r.r)(s,a.colGutter),c=(0,r.r)(s,a.rowGutter),l=p;if(o>0){var i=-o/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:i,marginRight:i})}if(c&&c>0){var u=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:u,paddingBottom:u})}return(0,e.jsx)("div",(0,t.pi)({},k,{className:d,style:l,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(p.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>o,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var e=a(72551),p=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),o=Object.keys(p);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";a.d(s,{E:()=>g});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=["normal","success","exception"],i=(0,a(70453).Z)("zentAnimatedArcStrokeGradient"),r={},u={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={opacity:0,rotate:0,transition:r},s.startAnimation=function(){s.animationDelayTimerId&&clearTimeout(s.animationDelayTimerId);var n=s.props,a=n.arcLength,t=n.radius,e=(a-s.getMaskArcLength())/t;s.setState({rotate:e,transition:r,opacity:.2},s.queueAnimationEnd)},s.finishAnimation=function(){s.transitionEndTimerId&&clearTimeout(s.transitionEndTimerId),s.setState({rotate:0,transition:u,opacity:0}),s.animationDelayTimerId=setTimeout(s.startAnimation,1e3)},s.queueAnimationEnd=function(){s.transitionEndTimerId=setTimeout(s.finishAnimation,400)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.getPath(),s=this.props,a=s.className,p=s.strokeWidth,o=this.state,c=o.rotate,l=o.transition,r=o.opacity;return(0,e.jsxs)("g",(0,t.pi)({"data-zv":"10.0.10"},{children:[(0,e.jsx)("defs",(0,t.pi)({"data-zv":"10.0.10"},{children:(0,e.jsxs)("linearGradient",(0,t.pi)({id:i},{children:[(0,e.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.10"},void 0),(0,e.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.10"},void 0)]}),void 0)}),void 0),(0,e.jsx)("path",{className:a,d:n,stroke:"url(#"+i+")",strokeOpacity:r,strokeWidth:p,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.10"},void 0)]}),void 0)},s.prototype.componentDidMount=function(){this.startAnimation()},s.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},s.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},s.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},s.prototype.getArcStartPoint=function(){var n=this.props,s=n.radius,a=n.strokeWidth/2;return[s+a,a]},s.prototype.getArcEndPoint=function(){var n=this.props,s=n.radius,a=s+n.strokeWidth/2,t=this.getMaskTheta();return[a+Math.sin(t)*s,a-Math.cos(t)*s]},s.prototype.getPath=function(){var n=this.getArcStartPoint(),s=this.getArcEndPoint(),a=this.props.radius;return"M"+n.join(",")+" A"+a+","+a+" 0 0 1 "+s.join(",")},s}(p.PureComponent),d=a(39215),m=function(n){var s=n.type,a=n.percent,t=n.format,p=n.state,o=n.color;return"success"===p?(0,e.jsx)(d.J,{type:"circle"===s?"check":"check-circle",style:{color:o}},void 0):"exception"===p?(0,e.jsx)(d.J,{type:"circle"===s?"close":"close-circle",style:{color:o}},void 0):(0,e.jsx)(e.Fragment,{children:t(a)},void 0)},f=function(n){var s=n.percent,a=n.showInfo,p=n.format,o=n.strokeWidth,l=n.width,i=n.bgColor,r=n.color,u=n.state,d=n.strokeLinecap,f=l||132,h=f/2,g=f-o,v=g/2,y=g*Math.PI,x=y*(100-s)/100;return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:f,height:f},"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:i,width:f,height:f},"data-zv":"10.0.10"},void 0),(0,e.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+f+" "+f,width:f,height:f,"data-zv":"10.0.10"},{children:[(0,e.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+h+" "+h+")","data-zv":"10.0.10"},{children:(0,e.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+d),cx:h,cy:h,r:v,style:{stroke:r,strokeWidth:o},strokeDasharray:y,strokeDashoffset:x,"data-zv":"10.0.10"},void 0)}),void 0),"normal"===u&&(0,e.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+d),radius:v,arcLength:y-x,strokeWidth:o},void 0)]}),void 0),a&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,e.jsx)(m,{type:"circle",percent:s,format:p,state:u,color:r},void 0)}),void 0)]}),void 0)},h=function(n){var s=n.format,a=n.width,p=n.percent,o=n.showInfo,l=n.strokeWidth,i=n.bgColor,r=n.color,u=n.state,k=n.strokeLinecap,d=a||"100%",f=o&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,e.jsx)(m,{type:"line",percent:p,format:s,state:u,color:r},void 0)}),void 0);return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.10"},{children:[(0,e.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===p}),style:{background:i,width:d,height:l},"data-zv":"10.0.10"},{children:(0,e.jsx)("div",{className:"zent-progress-inner",style:{background:r,width:p+"%",height:l},"data-zv":"10.0.10"},void 0)}),void 0),f]}),void 0)},g=function(n){var s,a=n,o=a.type,i=a.status,r=a.percent,u=a.className,k=a.normalColor,d=a.successColor,m=a.exceptionColor,g=a.bgColor,v=a.format,y=a.showInfo,x=a.strokeWidth,b=a.width,j=a.strokeLinecap,w=(0,t._T)(a,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),z=(0,p.useMemo)((function(){return-1!==l.indexOf(i)?i:r>=100?"success":"normal"}),[i,r]),C={exception:m,success:d,normal:k}[z],N=(0,p.useMemo)((function(){return r<0?0:r>100?100:r}),[r]);switch(o){case"circle":s=f;break;case"line":default:s=h}var A=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+z,u);return(0,e.jsx)("div",(0,t.pi)({className:A},w,{"data-zv":"10.0.10"},{children:(0,e.jsx)(s,{percent:N,showInfo:y,strokeWidth:x,width:b,bgColor:g,format:v,color:C,state:z,strokeLinecap:j},void 0)}),void 0)};g.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}},25120:(n,s,a)=>{"use strict";a.d(s,{f:()=>i});var t=a(59312),e=a(24246),p=a(27378),o=a(80186),c=a(17127),l={passive:!0},i=function(n){var s=n.disableThrottle,a=void 0!==s&&s,i=n.options,r=n.onScroll,u=(0,p.useRef)(r);u.current=r;var k=(0,p.useCallback)((function(n){u.current(n)}),[]),d=(0,c.BN)(k,a);return(0,p.useEffect)((function(){return d.cancel}),[d]),(0,e.jsx)(o.ZM,{eventName:"scroll",listener:d,options:(0,t.pi)((0,t.pi)({},l),i)},void 0)}}}]); \ No newline at end of file diff --git a/4439-22f35e4977c39e0d7e95.js b/4439-2708f2661fd815422677.js similarity index 74% rename from 4439-22f35e4977c39e0d7e95.js rename to 4439-2708f2661fd815422677.js index 28bbb1ee4..fb157b625 100644 --- a/4439-22f35e4977c39e0d7e95.js +++ b/4439-2708f2661fd815422677.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4439],{94439:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>f});var t=s(73450),e=s(27378),p=s(57318),o=s(9357),c=s(3454),l=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,e=a.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class f extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,g(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(h,{style:".zent-status-bar-example .zent-alert {\n\tmargin-bottom: 24px;\n}\n.zent-status-bar-example .zent-alert a {\n\tmargin: 0 10px 0 8px;\n}\n\n.zent-status-bar-example .zent-alert {\n\tmargin-bottom: 24px;\n}\n.zent-status-bar-example .zent-alert a {\n\tmargin: 0 10px 0 8px;\n}"}),e.createElement(m,{html:'

StatusBar

\n

Deliver task-related behavioral feedback

\n

Suggestion

\n
    \n
  • Use: demonstrated in response to user actions during tasks, providing direct and immediate feedback to users and ensuring they know how to take action when necessary;
    • \n
  • Location: located in the same container with the operation object, above the operation object, with the container adaptive;
    • \n
\n

Note

\n
    \n
  • Prohibit the stacking of multiple states.
    • \n
\n

Demos

'}),e.createElement(v,{title:"Basic usage",id:"Demo1",src:'import { StatusBar, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-status-bar-example">\n <StatusBar\n type="waiting"\n progress={50}\n extraContent={<Button type="primary">Button</Button>}\n >\n Prompt copy, regular prompt\n <a href="javascript:;">Link1</a>\n <a href="javascript:;">Link2</a>\n </StatusBar>\n </div>,\n mountNode\n);'},e.createElement(u)),e.createElement(v,{title:"Types",id:"Demo2",src:'import { StatusBar, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-status-bar-example">\n <StatusBar\n type="info"\n extraContent={<Button type="primary">Button</Button>}\n >\n Prompt copy, notification prompt.\n <a href="javascript:;">Link1</a>\n <a href="javascript:;">Link2</a>\n </StatusBar>\n <StatusBar\n type="waiting"\n progress={40}\n extraContent={<Button type="primary">Button</Button>}\n >\n Prompt copy, notification prompt.\n <a href="javascript:;">Link1</a>\n <a href="javascript:;">Link2</a>\n </StatusBar>\n <StatusBar\n type="success"\n extraContent={<Button type="primary">Button</Button>}\n >\n Prompt copy, success prompt.\n <a href="javascript:;">Link1</a>\n <a href="javascript:;">Link2</a>\n </StatusBar>\n <StatusBar\n type="error"\n extraContent={<Button type="primary">Button</Button>}\n >\n Prompt copy, failure prompt.\n <a href="javascript:;">Link1</a>\n <a href="javascript:;">Link2</a>\n </StatusBar>\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(m,{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
PropertyDescriptionTypeRequiredDefaultAlternative
typeStatus bar typestringfalse\'info\'\'waiting\'\n|\n\'success\'\n|\n\'error\'
progressTask progress at the top of the status bar, only displayed when \'type=waiting\'numberfalse
extraContentextra content on the right of Status BarReactNodefalse
closabledetermines whether the Alert can be closed or notbooleanfalsetruefalse
\n

Consult Alert\'s documentation to find more APIs.

'}))}}},82010:(n,a,s)=>{"use strict";s.d(a,{b:()=>d});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),c=s(27378),l=s(8434),r=s(78486),i=s(78513),u=["outline","closed","onClose"],k=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={closed:!1},a.onCloseHandler=function(){a.isControlled||a.setState({closed:!0}),a.props.onClose&&a.props.onClose()},a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),a.prototype.render=function(){var n;if(this.closed)return null;var a=(0,i.Z)(this.props,k),s=a.className,p=a.type,c=a.outline,d=a.bordered,m=a.progress,h=(0,t._T)(a,["className","type","outline","bordered","progress"]),g=(0,i.Z)(this.props,u),v=o()("zent-alert","zent-alert-style-"+p,s,((n={})["zent-alert-outline"]=c,n["zent-alert--borderless"]=!d,n));return(0,e.jsxs)("div",(0,t.pi)({className:v},h,{"data-zv":"10.0.9"},{children:[!!m&&(0,e.jsx)(l.E,{className:"zent-alert__progress",percent:m,showInfo:!1,strokeWidth:2},void 0),(0,e.jsx)(r.Z,(0,t.pi)({},g,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},a.highlightClassName="zent-alert-item-content__highlight",a.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},a}(c.PureComponent)},78486:(n,a,s)=>{"use strict";var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=s(27036),r=s(20840),i={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},u=(0,p.forwardRef)((function(n,a){var s=n.extraContent,o=n.classItemName,u=n.title,k=n.description,d=n.children,m=n.loading,h=n.type,g=n.closable,v=n.icon,f=n.closeIconColor,y=n.closeContent,j=n.onAlertItemClose,x=(0,p.useRef)(n);x.current=n;var b=(0,p.useMemo)((function(){return d||(0,e.jsxs)(e.Fragment,{children:[u&&(0,e.jsx)("h3",(0,t.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.9"},{children:u}),void 0),k&&(0,e.jsx)("p",(0,t.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.9"},{children:k}),void 0)]},void 0)}),[d,k,u]),z=(0,p.useMemo)((function(){var n=x.current.onClose,a=f?{color:f}:{};return g?(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-close-wrapper",onClick:function(a){null==n||n(),j&&j(),a.stopPropagation()},"data-zv":"10.0.9"},{children:null!=y?y:(0,e.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:a},void 0)}),void 0):null}),[g,y,f,j]),w=(0,p.useMemo)((function(){return m?(0,e.jsx)(r.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===v||!1===v?null:v?(0,e.jsx)("span",(0,t.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.9"},{children:v}),void 0):h in i?(0,e.jsx)(l.Z,{className:"zent-alert-item-icon",type:i[h]},void 0):null}),[m,h,v]);return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-alert-item",o),ref:a,"data-zv":"10.0.9"},{children:[w,(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-content","data-zv":"10.0.9"},{children:b}),void 0),s&&(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.9"},{children:s}),void 0),z]}),void 0)}));u.displayName="AlertItem",a.Z=u},8434:(n,a,s)=>{"use strict";s.d(a,{E:()=>v});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=["normal","success","exception"],r=(0,s(70453).Z)("zentAnimatedArcStrokeGradient"),i={},u={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={opacity:0,rotate:0,transition:i},a.startAnimation=function(){a.animationDelayTimerId&&clearTimeout(a.animationDelayTimerId);var n=a.props,s=n.arcLength,t=n.radius,e=(s-a.getMaskArcLength())/t;a.setState({rotate:e,transition:i,opacity:.2},a.queueAnimationEnd)},a.finishAnimation=function(){a.transitionEndTimerId&&clearTimeout(a.transitionEndTimerId),a.setState({rotate:0,transition:u,opacity:0}),a.animationDelayTimerId=setTimeout(a.startAnimation,1e3)},a.queueAnimationEnd=function(){a.transitionEndTimerId=setTimeout(a.finishAnimation,400)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.getPath(),a=this.props,s=a.className,p=a.strokeWidth,o=this.state,c=o.rotate,l=o.transition,i=o.opacity;return(0,e.jsxs)("g",(0,t.pi)({"data-zv":"10.0.9"},{children:[(0,e.jsx)("defs",(0,t.pi)({"data-zv":"10.0.9"},{children:(0,e.jsxs)("linearGradient",(0,t.pi)({id:r},{children:[(0,e.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.9"},void 0),(0,e.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.9"},void 0)]}),void 0)}),void 0),(0,e.jsx)("path",{className:s,d:n,stroke:"url(#"+r+")",strokeOpacity:i,strokeWidth:p,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.9"},void 0)]}),void 0)},a.prototype.componentDidMount=function(){this.startAnimation()},a.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},a.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},a.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},a.prototype.getArcStartPoint=function(){var n=this.props,a=n.radius,s=n.strokeWidth/2;return[a+s,s]},a.prototype.getArcEndPoint=function(){var n=this.props,a=n.radius,s=a+n.strokeWidth/2,t=this.getMaskTheta();return[s+Math.sin(t)*a,s-Math.cos(t)*a]},a.prototype.getPath=function(){var n=this.getArcStartPoint(),a=this.getArcEndPoint(),s=this.props.radius;return"M"+n.join(",")+" A"+s+","+s+" 0 0 1 "+a.join(",")},a}(p.PureComponent),d=s(39215),m=function(n){var a=n.type,s=n.percent,t=n.format,p=n.state,o=n.color;return"success"===p?(0,e.jsx)(d.J,{type:"circle"===a?"check":"check-circle",style:{color:o}},void 0):"exception"===p?(0,e.jsx)(d.J,{type:"circle"===a?"close":"close-circle",style:{color:o}},void 0):(0,e.jsx)(e.Fragment,{children:t(s)},void 0)},h=function(n){var a=n.percent,s=n.showInfo,p=n.format,o=n.strokeWidth,l=n.width,r=n.bgColor,i=n.color,u=n.state,d=n.strokeLinecap,h=l||132,g=h/2,v=h-o,f=v/2,y=v*Math.PI,j=y*(100-a)/100;return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:h,height:h},"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:r,width:h,height:h},"data-zv":"10.0.9"},void 0),(0,e.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+h+" "+h,width:h,height:h,"data-zv":"10.0.9"},{children:[(0,e.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+g+" "+g+")","data-zv":"10.0.9"},{children:(0,e.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+d),cx:g,cy:g,r:f,style:{stroke:i,strokeWidth:o},strokeDasharray:y,strokeDashoffset:j,"data-zv":"10.0.9"},void 0)}),void 0),"normal"===u&&(0,e.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+d),radius:f,arcLength:y-j,strokeWidth:o},void 0)]}),void 0),s&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,e.jsx)(m,{type:"circle",percent:a,format:p,state:u,color:i},void 0)}),void 0)]}),void 0)},g=function(n){var a=n.format,s=n.width,p=n.percent,o=n.showInfo,l=n.strokeWidth,r=n.bgColor,i=n.color,u=n.state,k=n.strokeLinecap,d=s||"100%",h=o&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,e.jsx)(m,{type:"line",percent:p,format:a,state:u,color:i},void 0)}),void 0);return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.9"},{children:[(0,e.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===p}),style:{background:r,width:d,height:l},"data-zv":"10.0.9"},{children:(0,e.jsx)("div",{className:"zent-progress-inner",style:{background:i,width:p+"%",height:l},"data-zv":"10.0.9"},void 0)}),void 0),h]}),void 0)},v=function(n){var a,s=n,o=s.type,r=s.status,i=s.percent,u=s.className,k=s.normalColor,d=s.successColor,m=s.exceptionColor,v=s.bgColor,f=s.format,y=s.showInfo,j=s.strokeWidth,x=s.width,b=s.strokeLinecap,z=(0,t._T)(s,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),w=(0,p.useMemo)((function(){return-1!==l.indexOf(r)?r:i>=100?"success":"normal"}),[r,i]),C={exception:m,success:d,normal:k}[w],N=(0,p.useMemo)((function(){return i<0?0:i>100?100:i}),[i]);switch(o){case"circle":a=h;break;case"line":default:a=g}var B=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+w,u);return(0,e.jsx)("div",(0,t.pi)({className:B},z,{"data-zv":"10.0.9"},{children:(0,e.jsx)(a,{percent:N,showInfo:y,strokeWidth:j,width:x,bgColor:v,format:f,color:C,state:w,strokeLinecap:b},void 0)}),void 0)};v.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}},9357:(n,a,s)=>{"use strict";s.d(a,{A:()=>r});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),c=s(82010),l={info:{type:"info"},waiting:{type:"info",loading:!0},success:{type:"success"},error:{type:"error"}},r=function(n){var a=n.type,s=void 0===a?"info":a,p=n.progress,r=n.className,i=n.closable,u=void 0===i||i,k=(0,t._T)(n,["type","progress","className","closable"]),d=l[s],m="waiting"===s?p:0,h=o()("zent-status-bar",r);return(0,e.jsx)(c.b,(0,t.pi)({className:h},d,k,{closable:u,progress:m}),void 0)}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4439],{94439:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>f});var t=s(73450),e=s(27378),p=s(57318),o=s(9357),c=s(3454),l=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,e=a.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class f extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,g(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(h,{style:".zent-status-bar-example .zent-alert {\n\tmargin-bottom: 24px;\n}\n.zent-status-bar-example .zent-alert a {\n\tmargin: 0 10px 0 8px;\n}\n\n.zent-status-bar-example .zent-alert {\n\tmargin-bottom: 24px;\n}\n.zent-status-bar-example .zent-alert a {\n\tmargin: 0 10px 0 8px;\n}"}),e.createElement(m,{html:'

StatusBar

\n

Deliver task-related behavioral feedback

\n

Suggestion

\n
    \n
  • Use: demonstrated in response to user actions during tasks, providing direct and immediate feedback to users and ensuring they know how to take action when necessary;
    • \n
  • Location: located in the same container with the operation object, above the operation object, with the container adaptive;
    • \n
\n

Note

\n
    \n
  • Prohibit the stacking of multiple states.
    • \n
\n

Demos

'}),e.createElement(v,{title:"Basic usage",id:"Demo1",src:'import { StatusBar, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-status-bar-example">\n <StatusBar\n type="waiting"\n progress={50}\n extraContent={<Button type="primary">Button</Button>}\n >\n Prompt copy, regular prompt\n <a href="javascript:;">Link1</a>\n <a href="javascript:;">Link2</a>\n </StatusBar>\n </div>,\n mountNode\n);'},e.createElement(u)),e.createElement(v,{title:"Types",id:"Demo2",src:'import { StatusBar, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-status-bar-example">\n <StatusBar\n type="info"\n extraContent={<Button type="primary">Button</Button>}\n >\n Prompt copy, notification prompt.\n <a href="javascript:;">Link1</a>\n <a href="javascript:;">Link2</a>\n </StatusBar>\n <StatusBar\n type="waiting"\n progress={40}\n extraContent={<Button type="primary">Button</Button>}\n >\n Prompt copy, notification prompt.\n <a href="javascript:;">Link1</a>\n <a href="javascript:;">Link2</a>\n </StatusBar>\n <StatusBar\n type="success"\n extraContent={<Button type="primary">Button</Button>}\n >\n Prompt copy, success prompt.\n <a href="javascript:;">Link1</a>\n <a href="javascript:;">Link2</a>\n </StatusBar>\n <StatusBar\n type="error"\n extraContent={<Button type="primary">Button</Button>}\n >\n Prompt copy, failure prompt.\n <a href="javascript:;">Link1</a>\n <a href="javascript:;">Link2</a>\n </StatusBar>\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(m,{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
PropertyDescriptionTypeRequiredDefaultAlternative
typeStatus bar typestringfalse\'info\'\'waiting\'\n|\n\'success\'\n|\n\'error\'
progressTask progress at the top of the status bar, only displayed when \'type=waiting\'numberfalse
extraContentextra content on the right of Status BarReactNodefalse
closabledetermines whether the Alert can be closed or notbooleanfalsetruefalse
\n

Consult Alert\'s documentation to find more APIs.

'}))}}},82010:(n,a,s)=>{"use strict";s.d(a,{b:()=>d});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),c=s(27378),l=s(8434),r=s(78486),i=s(78513),u=["outline","closed","onClose"],k=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={closed:!1},a.onCloseHandler=function(){a.isControlled||a.setState({closed:!0}),a.props.onClose&&a.props.onClose()},a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),a.prototype.render=function(){var n;if(this.closed)return null;var a=(0,i.Z)(this.props,k),s=a.className,p=a.type,c=a.outline,d=a.bordered,m=a.progress,h=(0,t._T)(a,["className","type","outline","bordered","progress"]),g=(0,i.Z)(this.props,u),v=o()("zent-alert","zent-alert-style-"+p,s,((n={})["zent-alert-outline"]=c,n["zent-alert--borderless"]=!d,n));return(0,e.jsxs)("div",(0,t.pi)({className:v},h,{"data-zv":"10.0.10"},{children:[!!m&&(0,e.jsx)(l.E,{className:"zent-alert__progress",percent:m,showInfo:!1,strokeWidth:2},void 0),(0,e.jsx)(r.Z,(0,t.pi)({},g,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},a.highlightClassName="zent-alert-item-content__highlight",a.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},a}(c.PureComponent)},78486:(n,a,s)=>{"use strict";var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=s(27036),r=s(20840),i={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},u=(0,p.forwardRef)((function(n,a){var s=n.extraContent,o=n.classItemName,u=n.title,k=n.description,d=n.children,m=n.loading,h=n.type,g=n.closable,v=n.icon,f=n.closeIconColor,y=n.closeContent,j=n.onAlertItemClose,x=(0,p.useRef)(n);x.current=n;var b=(0,p.useMemo)((function(){return d||(0,e.jsxs)(e.Fragment,{children:[u&&(0,e.jsx)("h3",(0,t.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.10"},{children:u}),void 0),k&&(0,e.jsx)("p",(0,t.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.10"},{children:k}),void 0)]},void 0)}),[d,k,u]),z=(0,p.useMemo)((function(){var n=x.current.onClose,a=f?{color:f}:{};return g?(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-close-wrapper",onClick:function(a){null==n||n(),j&&j(),a.stopPropagation()},"data-zv":"10.0.10"},{children:null!=y?y:(0,e.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:a},void 0)}),void 0):null}),[g,y,f,j]),w=(0,p.useMemo)((function(){return m?(0,e.jsx)(r.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===v||!1===v?null:v?(0,e.jsx)("span",(0,t.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.10"},{children:v}),void 0):h in i?(0,e.jsx)(l.Z,{className:"zent-alert-item-icon",type:i[h]},void 0):null}),[m,h,v]);return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-alert-item",o),ref:a,"data-zv":"10.0.10"},{children:[w,(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-content","data-zv":"10.0.10"},{children:b}),void 0),s&&(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.10"},{children:s}),void 0),z]}),void 0)}));u.displayName="AlertItem",a.Z=u},8434:(n,a,s)=>{"use strict";s.d(a,{E:()=>v});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=["normal","success","exception"],r=(0,s(70453).Z)("zentAnimatedArcStrokeGradient"),i={},u={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={opacity:0,rotate:0,transition:i},a.startAnimation=function(){a.animationDelayTimerId&&clearTimeout(a.animationDelayTimerId);var n=a.props,s=n.arcLength,t=n.radius,e=(s-a.getMaskArcLength())/t;a.setState({rotate:e,transition:i,opacity:.2},a.queueAnimationEnd)},a.finishAnimation=function(){a.transitionEndTimerId&&clearTimeout(a.transitionEndTimerId),a.setState({rotate:0,transition:u,opacity:0}),a.animationDelayTimerId=setTimeout(a.startAnimation,1e3)},a.queueAnimationEnd=function(){a.transitionEndTimerId=setTimeout(a.finishAnimation,400)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.getPath(),a=this.props,s=a.className,p=a.strokeWidth,o=this.state,c=o.rotate,l=o.transition,i=o.opacity;return(0,e.jsxs)("g",(0,t.pi)({"data-zv":"10.0.10"},{children:[(0,e.jsx)("defs",(0,t.pi)({"data-zv":"10.0.10"},{children:(0,e.jsxs)("linearGradient",(0,t.pi)({id:r},{children:[(0,e.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.10"},void 0),(0,e.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.10"},void 0)]}),void 0)}),void 0),(0,e.jsx)("path",{className:s,d:n,stroke:"url(#"+r+")",strokeOpacity:i,strokeWidth:p,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.10"},void 0)]}),void 0)},a.prototype.componentDidMount=function(){this.startAnimation()},a.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},a.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},a.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},a.prototype.getArcStartPoint=function(){var n=this.props,a=n.radius,s=n.strokeWidth/2;return[a+s,s]},a.prototype.getArcEndPoint=function(){var n=this.props,a=n.radius,s=a+n.strokeWidth/2,t=this.getMaskTheta();return[s+Math.sin(t)*a,s-Math.cos(t)*a]},a.prototype.getPath=function(){var n=this.getArcStartPoint(),a=this.getArcEndPoint(),s=this.props.radius;return"M"+n.join(",")+" A"+s+","+s+" 0 0 1 "+a.join(",")},a}(p.PureComponent),d=s(39215),m=function(n){var a=n.type,s=n.percent,t=n.format,p=n.state,o=n.color;return"success"===p?(0,e.jsx)(d.J,{type:"circle"===a?"check":"check-circle",style:{color:o}},void 0):"exception"===p?(0,e.jsx)(d.J,{type:"circle"===a?"close":"close-circle",style:{color:o}},void 0):(0,e.jsx)(e.Fragment,{children:t(s)},void 0)},h=function(n){var a=n.percent,s=n.showInfo,p=n.format,o=n.strokeWidth,l=n.width,r=n.bgColor,i=n.color,u=n.state,d=n.strokeLinecap,h=l||132,g=h/2,v=h-o,f=v/2,y=v*Math.PI,j=y*(100-a)/100;return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:h,height:h},"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:r,width:h,height:h},"data-zv":"10.0.10"},void 0),(0,e.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+h+" "+h,width:h,height:h,"data-zv":"10.0.10"},{children:[(0,e.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+g+" "+g+")","data-zv":"10.0.10"},{children:(0,e.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+d),cx:g,cy:g,r:f,style:{stroke:i,strokeWidth:o},strokeDasharray:y,strokeDashoffset:j,"data-zv":"10.0.10"},void 0)}),void 0),"normal"===u&&(0,e.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+d),radius:f,arcLength:y-j,strokeWidth:o},void 0)]}),void 0),s&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,e.jsx)(m,{type:"circle",percent:a,format:p,state:u,color:i},void 0)}),void 0)]}),void 0)},g=function(n){var a=n.format,s=n.width,p=n.percent,o=n.showInfo,l=n.strokeWidth,r=n.bgColor,i=n.color,u=n.state,k=n.strokeLinecap,d=s||"100%",h=o&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,e.jsx)(m,{type:"line",percent:p,format:a,state:u,color:i},void 0)}),void 0);return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.10"},{children:[(0,e.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===p}),style:{background:r,width:d,height:l},"data-zv":"10.0.10"},{children:(0,e.jsx)("div",{className:"zent-progress-inner",style:{background:i,width:p+"%",height:l},"data-zv":"10.0.10"},void 0)}),void 0),h]}),void 0)},v=function(n){var a,s=n,o=s.type,r=s.status,i=s.percent,u=s.className,k=s.normalColor,d=s.successColor,m=s.exceptionColor,v=s.bgColor,f=s.format,y=s.showInfo,j=s.strokeWidth,x=s.width,b=s.strokeLinecap,z=(0,t._T)(s,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),w=(0,p.useMemo)((function(){return-1!==l.indexOf(r)?r:i>=100?"success":"normal"}),[r,i]),C={exception:m,success:d,normal:k}[w],N=(0,p.useMemo)((function(){return i<0?0:i>100?100:i}),[i]);switch(o){case"circle":a=h;break;case"line":default:a=g}var B=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+w,u);return(0,e.jsx)("div",(0,t.pi)({className:B},z,{"data-zv":"10.0.10"},{children:(0,e.jsx)(a,{percent:N,showInfo:y,strokeWidth:j,width:x,bgColor:v,format:f,color:C,state:w,strokeLinecap:b},void 0)}),void 0)};v.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}},9357:(n,a,s)=>{"use strict";s.d(a,{A:()=>r});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),c=s(82010),l={info:{type:"info"},waiting:{type:"info",loading:!0},success:{type:"success"},error:{type:"error"}},r=function(n){var a=n.type,s=void 0===a?"info":a,p=n.progress,r=n.className,i=n.closable,u=void 0===i||i,k=(0,t._T)(n,["type","progress","className","closable"]),d=l[s],m="waiting"===s?p:0,h=o()("zent-status-bar",r);return(0,e.jsx)(c.b,(0,t.pi)({className:h},d,k,{closable:u,progress:m}),void 0)}}}]); \ No newline at end of file diff --git a/4471-71a27f0a5405b4b80878.js b/4471-86bd07a8e4dcaea4aaf9.js similarity index 98% rename from 4471-71a27f0a5405b4b80878.js rename to 4471-86bd07a8e4dcaea4aaf9.js index 20c9bb98c..67d01412d 100644 --- a/4471-71a27f0a5405b4b80878.js +++ b/4471-86bd07a8e4dcaea4aaf9.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4471],{14471:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>f});var t=s(73450),e=s(27378),o=s(57318),p=s(67801),c=s(24246);function l(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function r(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class f extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,h(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:".zent-link {\n margin-left: 10px;\n }\n\n.zent-link {\n margin-left: 10px;\n }"}),e.createElement(k,{html:'

Link

\n

Link is a wrapper around native a tag, with an option to disable it.

\n

Demos

'}),e.createElement(g,{title:"Link",id:"Demo1",src:'import { Link } from \'zent\';\n\nReactDOM.render(\n <div>\n <Link href="https://youzan.com" target="_blank">Index</Link>\n <Link href="https://youzan.com" disabled>\n Index\n </Link>\n </div>,\n mountNode\n);'},e.createElement(i)),e.createElement(g,{title:"Weak Link",id:"Demo2",src:'import { Link } from \'zent\';\n\nReactDOM.render(\n <div>\n <Link href="https://youzan.com" target="_blank" weak>Index</Link>\n <Link href="https://youzan.com" disabled weak>\n Index\n </Link>\n </div>,\n mountNode\n);'},e.createElement(u)),e.createElement(k,{html:'

API

\n

Supports all props in <a>.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
disabledLink is disabledbooleanNofalsetrue
weakLink is weak displayedbooleanNofalsetrue
'}))}}},67801:(n,a,s)=>{"use strict";s.d(a,{r:()=>r});var t=s(59312),e=s(24246),o=s(60042),p=s.n(o),c=s(27378),l=s(1348),r=(0,c.forwardRef)((function(n,a){var s=(0,c.useContext)(l.d),o=n.className,r=n.disabled,u=void 0===r?s.value:r,d=n.weak,k=void 0!==d&&d,m=n.onClick,h=(0,t._T)(n,["className","disabled","weak","onClick"]);return(0,e.jsx)("a",(0,t.pi)({},h,{className:p()(o,"zent-link",{"zent-link--disabled":u,"zent-link--weak":k}),ref:a,onClick:u?i:m,"data-zv":"10.0.9"}),void 0)}));function i(n){n.preventDefault(),n.stopPropagation()}r.displayName="Link"}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4471],{14471:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>f});var t=s(73450),e=s(27378),o=s(57318),p=s(67801),c=s(24246);function l(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function r(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class f extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,h(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:".zent-link {\n margin-left: 10px;\n }\n\n.zent-link {\n margin-left: 10px;\n }"}),e.createElement(k,{html:'

Link

\n

Link is a wrapper around native a tag, with an option to disable it.

\n

Demos

'}),e.createElement(g,{title:"Link",id:"Demo1",src:'import { Link } from \'zent\';\n\nReactDOM.render(\n <div>\n <Link href="https://youzan.com" target="_blank">Index</Link>\n <Link href="https://youzan.com" disabled>\n Index\n </Link>\n </div>,\n mountNode\n);'},e.createElement(i)),e.createElement(g,{title:"Weak Link",id:"Demo2",src:'import { Link } from \'zent\';\n\nReactDOM.render(\n <div>\n <Link href="https://youzan.com" target="_blank" weak>Index</Link>\n <Link href="https://youzan.com" disabled weak>\n Index\n </Link>\n </div>,\n mountNode\n);'},e.createElement(u)),e.createElement(k,{html:'

API

\n

Supports all props in <a>.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
disabledLink is disabledbooleanNofalsetrue
weakLink is weak displayedbooleanNofalsetrue
'}))}}},67801:(n,a,s)=>{"use strict";s.d(a,{r:()=>r});var t=s(59312),e=s(24246),o=s(60042),p=s.n(o),c=s(27378),l=s(1348),r=(0,c.forwardRef)((function(n,a){var s=(0,c.useContext)(l.d),o=n.className,r=n.disabled,u=void 0===r?s.value:r,d=n.weak,k=void 0!==d&&d,m=n.onClick,h=(0,t._T)(n,["className","disabled","weak","onClick"]);return(0,e.jsx)("a",(0,t.pi)({},h,{className:p()(o,"zent-link",{"zent-link--disabled":u,"zent-link--weak":k}),ref:a,onClick:u?i:m,"data-zv":"10.0.10"}),void 0)}));function i(n){n.preventDefault(),n.stopPropagation()}r.displayName="Link"}}]); \ No newline at end of file diff --git a/457-8b04de508d1549e7ecf6.js b/457-77002ebe145c42e3c71c.js similarity index 64% rename from 457-8b04de508d1549e7ecf6.js rename to 457-77002ebe145c42e3c71c.js index 468736bd9..d1500ad5c 100644 --- a/457-8b04de508d1549e7ecf6.js +++ b/457-77002ebe145c42e3c71c.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[457],{90457:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>x});var t=a(73450),p=a(27378),o=a(57318),e=a(3454),c=a(69024),l=a(24246);function i(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 u(n){for(var s=1;s{this.setState({visible:n})}))}render(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!0),children:"显示"}),(0,l.jsx)(c.V,{className:"zent-dialog-demo-basic-dialog",visible:this.state.visible,onClose:()=>this.setVisible(!1),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{onClick:()=>this.setVisible(!1),children:"关闭"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!1),children:"确定"})]}),title:"提示",children:(0,l.jsx)("p",{children:"对话窗内容区域对话窗内容区域对话窗内容区域对话窗内容区域对话窗内容区域对话窗内容区域。"})})]})}}return(0,l.jsx)(n,{})},k=function(){var n,s=c.V.openDialog,a=c.V.closeDialog,t="my_dialog";return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>{s({dialogId:t,title:"使用 openDialog 直接打开对话窗",children:(0,l.jsx)("div",{children:"Hello World"}),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{onClick:()=>a(t),children:"关闭"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>a(t),children:"确定"})]}),onClose(){}})},children:"打开"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>{n=s({title:"使用 openDialog 直接打开对话窗",children:(0,l.jsx)("div",{children:"Hello World"}),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{onClick:()=>n(),children:"关闭"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>n(),children:"确定"})]}),onClose(){}})},children:"打开2"})]})},d=function(){var n=c.V.openDialog,s=p.createContext({shared:"This is from context"});class a extends p.Component{constructor(...a){super(...a),(0,t.Z)(this,"open",(()=>{n({parentComponent:this,title:"openDialog 支持 context",children:(0,l.jsx)(s.Consumer,{children:({shared:n})=>(0,l.jsx)("span",{children:n})}),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{children:"关闭"}),(0,l.jsx)(e.z,{type:"primary",children:"确定"})]})})}))}render(){return(0,l.jsx)(e.z,{type:"primary",onClick:this.open,children:"显示"})}}return(0,l.jsx)(s.Provider,{value:{shared:"This is from context"},children:(0,l.jsx)(a,{})})},g=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{visible:!1}),(0,t.Z)(this,"setVisible",(n=>{this.setState({visible:n})}))}render(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!0),children:"显示"}),(0,l.jsx)(c.V,{visible:this.state.visible,onClose:()=>this.setVisible(!1),children:(0,l.jsx)("p",{children:"对话窗内容"})})]})}}return(0,l.jsx)(n,{})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{visible:!1}),(0,t.Z)(this,"setVisible",(n=>{this.setState({visible:n})}))}render(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!0),children:"显示"}),(0,l.jsx)(c.V,{visible:this.state.visible,onClose:()=>this.setVisible(!1),closeBtn:!1,children:(0,l.jsx)("p",{children:"对话窗内容"})})]})}}return(0,l.jsx)(n,{})};function h(n){return(0,l.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,l.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,l.jsx)(h,{tag:"style",html:n.style})}function f(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),f(n.parentNode,s);return s}class b extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,f(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:".zent-dialog-demo-basic-dialog {\n\t\twidth: 500px;\n\t}"}),p.createElement(y,{html:'

Dialog 对话窗

\n

带背景遮罩的模态窗；常用于承载中小体量的详情、表单，或者必须由用户确认的结果反馈。

\n

建议

\n
    \n
  • 当需要提供一些关键信息，或要求用户做出决策时，可以使用对话窗；
    • \n
\n

注意

\n
    \n
  • 禁止在模态对话窗中使用单个按钮；
    • \n
  • 禁止在模态对话窗中使用两个以上的主行动按钮。
    • \n
\n

使用指南

\n
    \n
  • \n

    命令式, 直接调用 openDialog 函数。

    \n
    • \n
  • \n

    组件式, 通过控制 visible 来显示／隐藏对话窗。

    \n
    • \n
  • \n

    推荐使用命令式, 不需要在外部维护一个 visible 属性, 更加方便。

    \n
    • \n
'}),p.createElement(b,{title:"基础用法",id:"Demobasic",src:'import { Dialog, Button } from \'zent\';\n\nclass Example extends React.Component {\n state = { visible: false };\n\n setVisible = visible => {\n this.setState({ visible });\n };\n\n render() {\n return (\n <div>\n <Button type="primary" onClick={() => this.setVisible(true)}>\n 显示\n </Button>\n <Dialog\n className="zent-dialog-demo-basic-dialog"\n visible={this.state.visible}\n onClose={() => this.setVisible(false)}\n footer={\n <>\n <Button onClick={() => this.setVisible(false)}>\n 关闭\n </Button>\n <Button type="primary" onClick={() => this.setVisible(false)}>\n 确定\n </Button>\n </>\n }\n title="提示"\n >\n <p>对话窗内容区域对话窗内容区域对话窗内容区域对话窗内容区域对话窗内容区域对话窗内容区域。</p>\n </Dialog>\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(r)),p.createElement(b,{title:"使用 openDialog 打开对话窗",id:"Demoopen",src:'import { Dialog, Button } from \'zent\';\n\nconst { openDialog, closeDialog } = Dialog;\nconst id = \'my_dialog\';\n\n// 使用 `closeDialog` 关闭需要传入 `dialogId`\nconst open = () => {\n openDialog({\n dialogId: id, // id is used to close the dialog\n title: \'使用 openDialog 直接打开对话窗\',\n children: <div>Hello World</div>,\n footer: (\n <>\n <Button onClick={() => closeDialog(id)}>关闭</Button>\n <Button type="primary" onClick={() => closeDialog(id)}>\n 确定\n </Button>\n </>\n ),\n onClose() {\n console.log(\'outer dialog closed\');\n },\n });\n};\n\n// 使用 `openDialog` 返回的 `close` 函数关闭\nlet close;\nconst open2 = () => {\n close = openDialog({\n title: \'使用 openDialog 直接打开对话窗\',\n children: <div>Hello World</div>,\n footer: (\n <>\n <Button onClick={() => close()}>关闭</Button>\n <Button type="primary" onClick={() => close()}>\n 确定\n </Button>\n </>\n ),\n onClose() {\n console.log(\'outer dialog closed\');\n },\n });\n};\n\nReactDOM.render(\n <>\n <Button type="primary" onClick={open}>\n 打开\n </Button>\n <Button type="primary" onClick={open2}>\n 打开2\n </Button>\n </>,\n mountNode\n);'},p.createElement(k)),p.createElement(b,{title:"openDialog 支持 context",id:"Democontext",src:'import { Dialog, Button } from \'zent\';\n\nconst { openDialog } = Dialog;\n\nconst DemoContext = React.createContext({\n shared: \'This is from context\',\n});\n\nclass Example extends React.Component {\n open = () => {\n openDialog({\n parentComponent: this,\n title: \'openDialog 支持 context\',\n children: (\n <DemoContext.Consumer>\n {({ shared }) => <span>{shared}</span>}\n </DemoContext.Consumer>\n ),\n footer: (\n <>\n <Button>关闭</Button>\n <Button type="primary">确定</Button>\n </>\n ),\n });\n };\n\n render() {\n return (\n <Button type="primary" onClick={this.open}>\n 显示\n </Button>\n );\n }\n}\n\nReactDOM.render(\n <DemoContext.Provider value={{ shared: \'This is from context\' }}>\n <Example />\n </DemoContext.Provider>,\n mountNode\n);'},p.createElement(d)),p.createElement(y,{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
参数说明类型默认值
title自定义弹框标题ReactNode\'\'
children弹框内容: \n<Dialog>xxxx</Dialog>ReactNodenull
footer底部内容ReactNodenull
visible是否打开对话窗booleanfalse
closeBtn是否显示右上角关闭按钮booleantrue
onClose关闭操作回调函数(event) => voidnoop
onOpened对话窗打开动画结束后的回调函数() => void
onClosed对话窗关闭动画结束后的回调函数() => void
mask是否显示遮罩booleantrue
maskClosable点击遮罩是否可以关闭booleantrue
className自定义额外类名string\'\'
style自定义样式CSSProperties{}
\n

openDialog

\n

openDialog(options: Partial<IOpenDialogOption>): () => void

\n

options 参数支持组件除 visible 以外的所有属性，外加以下参数：

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
dialogId可选，对话窗的 ID，可以通过 \ncloseDialog(dialogId)\n 来关闭对话窗string随机生成的唯一 ID
parentComponent可选，父组件的引用, 用于关联 contextReactInstance
\n

如果需要组件实例的引用, 可以传一个函数形式的 ref 给 openDialog, 不支持字符串形式的 ref.

\n
\n

openDialog 的返回值是一个手动关闭 Dialog 的函数, close(false) 将不会触发 Dialog 的 onClose 方法。

\n
\n

closeDialog

\n

closeDialog(dialogId: string, options: object): void

\n

dialogId 对应调用 openDialog 时传的参数。

\n

options.triggerOnClose 如果是 true，关闭时会触发 onClose 回调，false 时不会触发。

\n

指定 Dialog 宽度

\n

在 style 中可以指定弹出窗口的宽度, e.g. style={{ width: \'600px\' }}.

\n

默认情况下弹出窗口会自适应内容的宽度, 同时有最小宽度和最大宽度.

\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),p.createElement(b,{title:"无头部",id:"Demonoheader",src:'import { Dialog, Button } from \'zent\';\n\nclass Example extends React.Component {\n state = { visible: false };\n\n setVisible = visible => {\n this.setState({ visible });\n };\n\n render() {\n return (\n <div>\n <Button type="primary" onClick={() => this.setVisible(true)}>\n 显示\n </Button>\n <Dialog\n visible={this.state.visible}\n onClose={() => this.setVisible(false)}\n >\n <p>对话窗内容</p>\n </Dialog>\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(g)),p.createElement(b,{title:"仅内容",id:"Democontentonly",src:'import { Dialog, Button } from \'zent\';\n\nconst ID = \'zent-demo-dialog-no-header\';\n\nclass Example extends React.Component {\n state = { visible: false };\n\n setVisible = visible => {\n this.setState({ visible });\n };\n\n render() {\n return (\n <div>\n <Button type="primary" onClick={() => this.setVisible(true)}>\n 显示\n </Button>\n <Dialog\n visible={this.state.visible}\n onClose={() => this.setVisible(false)}\n closeBtn={false}\n >\n <p>对话窗内容</p>\n </Dialog>\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(m)))}}},69024:(n,s,a)=>{"use strict";a.d(s,{V:()=>z,Z:()=>O});var t=a(59312),p=a(24246),o=a(27378),e=a(14623),c=a(53552),l=a(79352),i=a(60042),u=a.n(i),r=a(58801),k=a(27036),d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.dialogEl=null,s.onClickClose=function(n){var a=s.props.onClose;a&&a(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){this.resetTransformOrigin()},s.prototype.componentDidUpdate=function(){this.resetTransformOrigin()},s.prototype.resetTransformOrigin=function(n){void 0===n&&(n=this.props);var s=n.mousePosition;if(s&&s.x>=0&&s.y>=0&&this.dialogEl&&this.dialogEl.getBoundingClientRect){var a=this.dialogEl.getBoundingClientRect(),t=a.left,p=a.top,o=s.x-t+"px "+(s.y-p)+"px 0",e=this.dialogEl.style;["Webkit","Moz","Ms","ms"].forEach((function(n){e[n+"TransformOrigin"]=o})),e.transformOrigin=o}},s.prototype.renderHeader=function(){var n=this.props.title;return n?(n="number"==typeof n||"string"==typeof n?(0,p.jsx)("span",(0,t.pi)({className:"zent-dialog-r-title-text","data-zv":"10.0.9"},{children:n}),void 0):n,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-header","data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-title","data-zv":"10.0.9"},{children:n}),void 0)}),void 0)):null},s.prototype.render=function(){var n=this,s=this.props,a=s.className,o=s.closeBtn,e=s.footer,c=s.style,l=s.children,i=this.renderHeader(),r=u()("zent-dialog-r-close",{"zent-dialog-r-has-title":!!i}),d=o&&(0,p.jsx)("button",(0,t.pi)({type:"button",className:r,onClick:this.onClickClose,"data-zv":"10.0.9"},{children:(0,p.jsx)(k.Z,{type:"close"},void 0)}),void 0),g=e&&(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-footer","data-zv":"10.0.9"},{children:e}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:u()("zent-dialog-r",a,{"zent-dialog-r--has-header":!!i,"zent-dialog-r--has-footer":!!g,"zent-dialog-r--no-close-btn":!d}),style:c,ref:function(s){return n.dialogEl=s},"data-zv":"10.0.9"},{children:[d,i,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body","data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body-content","data-zv":"10.0.9"},{children:l}),void 0)}),void 0),g]}),void 0)},s}(o.Component),g=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.rootRef=(0,o.createRef)(),s.onMaskClick=function(n){n.target===n.currentTarget&&s.props.mask&&s.props.maskClosable&&s.props.onClose(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=document.activeElement,s=this.rootRef.current;s!==n&&s&&!s.contains(n)&&function(n){if(n){var s=(0,r.Z)();n.focus(),window.scroll(s.x,s.y)}}(s)},s.prototype.render=function(){var n=this.props,s=n.mask,a=n.visible,o=n.children;return(0,p.jsxs)("div",(0,t.pi)({ref:this.rootRef,tabIndex:-1,className:"zent-dialog-r-root","data-zv":"10.0.9"},{children:[a&&s&&(0,p.jsx)("div",{className:"zent-dialog-r-backdrop","data-zv":"10.0.9"},void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-wrap",onClick:this.onMaskClick,"data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)},s}(o.Component),m=a(31542),h=a.t(m,2),y=a(70453),v=a(42690),f=a(14805),b=new Map,x=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={visible:!0},s.closeOptions={},s.onClosed=function(){var n=s.props,a=n.options.onClose,t=n.container,p=s.closeOptions.triggerOnClose;(void 0===p||p)&&a&&a(),m.unmountComponentAtNode(t)},s.onClose=function(n){s.close({triggerOnClose:!1!==n})},s}return(0,t.ZT)(s,n),s.prototype.close=function(n){void 0===n&&(n={}),this.closeOptions=n,this.setState({visible:!1})},s.prototype.componentWillUnmount=function(){var n=this.props.options.dialogId;b.delete(n)},s.prototype.render=function(){var n=this.props.options,s=this.state.visible;return(0,p.jsx)(O,(0,t.pi)({},n,{onClose:this.onClose,onClosed:this.onClosed,visible:s}),void 0)},s}(o.Component);function C(n,s){void 0===s&&(s={});var a=b.get(n);if(a){var t=a.current;t&&t.close(s)}}function j(n){if(void 0===n&&(n={}),!l.Z)return v.Z;var s=n.dialogId,a=void 0===s?(0,y.Z)("__zent-dialog__"):s,e=n.parentComponent;!function(n){if(b.has(n))throw new Error("Duplicate dialog id found: "+n)}(a);var c=(0,f.Z)("div"),i=e?m.unstable_renderSubtreeIntoContainer.bind(h,e):m.render,u=(0,o.createRef)();return i((0,p.jsx)(x,{ref:u,options:(0,t.pi)((0,t.pi)({},n),{dialogId:a}),container:c},void 0),c),function(n,s){b.set(n,s)}(a,u),function(n){void 0===n&&(n=!0),C(a,{triggerOnClose:!1!==n})}}var w=a(49744),D=null;l.Z&&(0,w.Oo)(document.documentElement,"click",(function(n){D={x:n.clientX,y:n.clientY}}),{capture:!0});var z=function(n){function s(s){var a=n.call(this,s)||this;return a.lastMousePosition=null,a.onClose=function(n){var s=a.props.onClose;s&&s(n)},a.onExited=function(){var n=a.props.onClosed;a.setState({exiting:!1}),n&&n()},a.state={prevOpen:s.visible,exiting:!1},a}return(0,t.ZT)(s,n),s.getDerivedStateFromProps=function(n,s){var a=s.prevOpen;return n.visible===a?null:n.visible?{prevOpen:n.visible,exiting:!1}:{prevOpen:n.visible,exiting:!0}},s.prototype.render=function(){var n=this.props,s=n.visible,a=n.closeBtn,o=n.style,l=n.onOpened,i=(n.onClosed,n.mask),u=n.maskClosable,r=n.children,k=(0,t._T)(n,["visible","closeBtn","style","onOpened","onClosed","mask","maskClosable","children"]),m=this.state.exiting;return this.lastMousePosition=s?this.lastMousePosition||D:null,(0,p.jsx)(c.ZP,(0,t.pi)({visible:s||m,onClose:this.onClose,className:"zent-dialog-r-anchor",closeOnESC:a,blockPageScroll:!0},{children:(0,p.jsx)(g,(0,t.pi)({mask:i,maskClosable:u,visible:s,onClose:this.onClose},{children:(0,p.jsx)(e.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:s,timeout:300,classNames:"zent-zoom",onEntered:l,onExited:this.onExited},{children:(0,p.jsx)(d,(0,t.pi)({},k,{style:o,closeBtn:a,mousePosition:this.lastMousePosition},{children:r}),void 0)}),void 0)}),void 0)}),void 0)},s.defaultProps={onClose:function(){},visible:!1,className:"",style:{},title:"",closeBtn:!0,mask:!0,maskClosable:!0,footer:null},s.openDialog=j,s.closeDialog=C,s}(o.Component),O=z},58801:(n,s,a)=>{"use strict";function t(){var n=window.pageXOffset,s=window.pageYOffset;return{x:void 0!==n?n:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==s?s:(document.documentElement||document.body.parentNode||document.body).scrollTop}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[457],{90457:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>x});var t=a(73450),p=a(27378),o=a(57318),e=a(3454),c=a(97701),l=a(24246);function i(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 u(n){for(var s=1;s{this.setState({visible:n})}))}render(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!0),children:"显示"}),(0,l.jsx)(c.V,{className:"zent-dialog-demo-basic-dialog",visible:this.state.visible,onClose:()=>this.setVisible(!1),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{onClick:()=>this.setVisible(!1),children:"关闭"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!1),children:"确定"})]}),title:"提示",children:(0,l.jsx)("p",{children:"对话窗内容区域对话窗内容区域对话窗内容区域对话窗内容区域对话窗内容区域对话窗内容区域。"})})]})}}return(0,l.jsx)(n,{})},k=function(){var n,s=c.V.openDialog,a=c.V.closeDialog,t="my_dialog";return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>{s({dialogId:t,title:"使用 openDialog 直接打开对话窗",children:(0,l.jsx)("div",{children:"Hello World"}),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{onClick:()=>a(t),children:"关闭"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>a(t),children:"确定"})]}),onClose(){}})},children:"打开"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>{n=s({title:"使用 openDialog 直接打开对话窗",children:(0,l.jsx)("div",{children:"Hello World"}),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{onClick:()=>n(),children:"关闭"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>n(),children:"确定"})]}),onClose(){}})},children:"打开2"})]})},d=function(){var n=c.V.openDialog,s=p.createContext({shared:"This is from context"});class a extends p.Component{constructor(...a){super(...a),(0,t.Z)(this,"open",(()=>{n({parentComponent:this,title:"openDialog 支持 context",children:(0,l.jsx)(s.Consumer,{children:({shared:n})=>(0,l.jsx)("span",{children:n})}),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{children:"关闭"}),(0,l.jsx)(e.z,{type:"primary",children:"确定"})]})})}))}render(){return(0,l.jsx)(e.z,{type:"primary",onClick:this.open,children:"显示"})}}return(0,l.jsx)(s.Provider,{value:{shared:"This is from context"},children:(0,l.jsx)(a,{})})},g=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{visible:!1}),(0,t.Z)(this,"setVisible",(n=>{this.setState({visible:n})}))}render(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!0),children:"显示"}),(0,l.jsx)(c.V,{visible:this.state.visible,onClose:()=>this.setVisible(!1),children:(0,l.jsx)("p",{children:"对话窗内容"})})]})}}return(0,l.jsx)(n,{})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{visible:!1}),(0,t.Z)(this,"setVisible",(n=>{this.setState({visible:n})}))}render(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!0),children:"显示"}),(0,l.jsx)(c.V,{visible:this.state.visible,onClose:()=>this.setVisible(!1),closeBtn:!1,children:(0,l.jsx)("p",{children:"对话窗内容"})})]})}}return(0,l.jsx)(n,{})};function h(n){return(0,l.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,l.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,l.jsx)(h,{tag:"style",html:n.style})}function f(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),f(n.parentNode,s);return s}class b extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,f(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:".zent-dialog-demo-basic-dialog {\n\t\twidth: 500px;\n\t}"}),p.createElement(y,{html:'

Dialog 对话窗

\n

带背景遮罩的模态窗；常用于承载中小体量的详情、表单，或者必须由用户确认的结果反馈。

\n

建议

\n
    \n
  • 当需要提供一些关键信息，或要求用户做出决策时，可以使用对话窗；
    • \n
\n

注意

\n
    \n
  • 禁止在模态对话窗中使用单个按钮；
    • \n
  • 禁止在模态对话窗中使用两个以上的主行动按钮。
    • \n
\n

使用指南

\n
    \n
  • \n

    命令式, 直接调用 openDialog 函数。

    \n
    • \n
  • \n

    组件式, 通过控制 visible 来显示／隐藏对话窗。

    \n
    • \n
  • \n

    推荐使用命令式, 不需要在外部维护一个 visible 属性, 更加方便。

    \n
    • \n
'}),p.createElement(b,{title:"基础用法",id:"Demobasic",src:'import { Dialog, Button } from \'zent\';\n\nclass Example extends React.Component {\n state = { visible: false };\n\n setVisible = visible => {\n this.setState({ visible });\n };\n\n render() {\n return (\n <div>\n <Button type="primary" onClick={() => this.setVisible(true)}>\n 显示\n </Button>\n <Dialog\n className="zent-dialog-demo-basic-dialog"\n visible={this.state.visible}\n onClose={() => this.setVisible(false)}\n footer={\n <>\n <Button onClick={() => this.setVisible(false)}>\n 关闭\n </Button>\n <Button type="primary" onClick={() => this.setVisible(false)}>\n 确定\n </Button>\n </>\n }\n title="提示"\n >\n <p>对话窗内容区域对话窗内容区域对话窗内容区域对话窗内容区域对话窗内容区域对话窗内容区域。</p>\n </Dialog>\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(r)),p.createElement(b,{title:"使用 openDialog 打开对话窗",id:"Demoopen",src:'import { Dialog, Button } from \'zent\';\n\nconst { openDialog, closeDialog } = Dialog;\nconst id = \'my_dialog\';\n\n// 使用 `closeDialog` 关闭需要传入 `dialogId`\nconst open = () => {\n openDialog({\n dialogId: id, // id is used to close the dialog\n title: \'使用 openDialog 直接打开对话窗\',\n children: <div>Hello World</div>,\n footer: (\n <>\n <Button onClick={() => closeDialog(id)}>关闭</Button>\n <Button type="primary" onClick={() => closeDialog(id)}>\n 确定\n </Button>\n </>\n ),\n onClose() {\n console.log(\'outer dialog closed\');\n },\n });\n};\n\n// 使用 `openDialog` 返回的 `close` 函数关闭\nlet close;\nconst open2 = () => {\n close = openDialog({\n title: \'使用 openDialog 直接打开对话窗\',\n children: <div>Hello World</div>,\n footer: (\n <>\n <Button onClick={() => close()}>关闭</Button>\n <Button type="primary" onClick={() => close()}>\n 确定\n </Button>\n </>\n ),\n onClose() {\n console.log(\'outer dialog closed\');\n },\n });\n};\n\nReactDOM.render(\n <>\n <Button type="primary" onClick={open}>\n 打开\n </Button>\n <Button type="primary" onClick={open2}>\n 打开2\n </Button>\n </>,\n mountNode\n);'},p.createElement(k)),p.createElement(b,{title:"openDialog 支持 context",id:"Democontext",src:'import { Dialog, Button } from \'zent\';\n\nconst { openDialog } = Dialog;\n\nconst DemoContext = React.createContext({\n shared: \'This is from context\',\n});\n\nclass Example extends React.Component {\n open = () => {\n openDialog({\n parentComponent: this,\n title: \'openDialog 支持 context\',\n children: (\n <DemoContext.Consumer>\n {({ shared }) => <span>{shared}</span>}\n </DemoContext.Consumer>\n ),\n footer: (\n <>\n <Button>关闭</Button>\n <Button type="primary">确定</Button>\n </>\n ),\n });\n };\n\n render() {\n return (\n <Button type="primary" onClick={this.open}>\n 显示\n </Button>\n );\n }\n}\n\nReactDOM.render(\n <DemoContext.Provider value={{ shared: \'This is from context\' }}>\n <Example />\n </DemoContext.Provider>,\n mountNode\n);'},p.createElement(d)),p.createElement(y,{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
参数说明类型默认值
title自定义弹框标题ReactNode\'\'
children弹框内容: \n<Dialog>xxxx</Dialog>ReactNodenull
footer底部内容ReactNodenull
visible是否打开对话窗booleanfalse
closeBtn是否显示右上角关闭按钮booleantrue
onClose关闭操作回调函数(event) => voidnoop
onOpened对话窗打开动画结束后的回调函数() => void
onClosed对话窗关闭动画结束后的回调函数() => void
mask是否显示遮罩booleantrue
maskClosable点击遮罩是否可以关闭booleantrue
className自定义额外类名string\'\'
style自定义样式CSSProperties{}
position对话窗打开位置IDialogPositionTypeauto
\n

openDialog

\n

openDialog(options: Partial<IOpenDialogOption>): () => void

\n

options 参数支持组件除 visible 以外的所有属性，外加以下参数：

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
dialogId可选，对话窗的 ID，可以通过 \ncloseDialog(dialogId)\n 来关闭对话窗string随机生成的唯一 ID
parentComponent可选，父组件的引用, 用于关联 contextReactInstance
\n

如果需要组件实例的引用, 可以传一个函数形式的 ref 给 openDialog, 不支持字符串形式的 ref.

\n
\n

openDialog 的返回值是一个手动关闭 Dialog 的函数, close(false) 将不会触发 Dialog 的 onClose 方法。

\n
\n

closeDialog

\n

closeDialog(dialogId: string, options: object): void

\n

dialogId 对应调用 openDialog 时传的参数。

\n

options.triggerOnClose 如果是 true，关闭时会触发 onClose 回调，false 时不会触发。

\n

指定 Dialog 宽度

\n

在 style 中可以指定弹出窗口的宽度, e.g. style={{ width: \'600px\' }}.

\n

默认情况下弹出窗口会自适应内容的宽度, 同时有最小宽度和最大宽度.

\n

Position API

\n

position 属性用于指定对话窗打开位置

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
支持的值描述
auto自动选择打开位置, 默认值
center从屏幕中心位置打开
\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),p.createElement(b,{title:"无头部",id:"Demonoheader",src:'import { Dialog, Button } from \'zent\';\n\nclass Example extends React.Component {\n state = { visible: false };\n\n setVisible = visible => {\n this.setState({ visible });\n };\n\n render() {\n return (\n <div>\n <Button type="primary" onClick={() => this.setVisible(true)}>\n 显示\n </Button>\n <Dialog\n visible={this.state.visible}\n onClose={() => this.setVisible(false)}\n >\n <p>对话窗内容</p>\n </Dialog>\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(g)),p.createElement(b,{title:"仅内容",id:"Democontentonly",src:'import { Dialog, Button } from \'zent\';\n\nconst ID = \'zent-demo-dialog-no-header\';\n\nclass Example extends React.Component {\n state = { visible: false };\n\n setVisible = visible => {\n this.setState({ visible });\n };\n\n render() {\n return (\n <div>\n <Button type="primary" onClick={() => this.setVisible(true)}>\n 显示\n </Button>\n <Dialog\n visible={this.state.visible}\n onClose={() => this.setVisible(false)}\n closeBtn={false}\n >\n <p>对话窗内容</p>\n </Dialog>\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(m)))}}},97701:(n,s,a)=>{"use strict";a.d(s,{V:()=>z,Z:()=>O});var t=a(59312),p=a(24246),o=a(27378),e=a(14623),c=a(53552),l=a(79352),i=a(60042),u=a.n(i),r=a(58801),k=a(27036),d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.dialogEl=null,s.onClickClose=function(n){var a=s.props.onClose;a&&a(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){this.resetTransformOrigin()},s.prototype.componentDidUpdate=function(){this.resetTransformOrigin()},s.prototype.setTransformOrigin=function(n,s){["Webkit","Moz","Ms","ms"].forEach((function(a){n[a+"TransformOrigin"]=s})),n.transformOrigin=s},s.prototype.resetTransformOrigin=function(n){void 0===n&&(n=this.props);var s=n.mousePosition,a=function(n,s){switch(n){case"center":return"center center 0";case"auto":default:return}}(n.position,this.dialogEl);if(void 0===a&&s&&s.x>=0&&s.y>=0&&this.dialogEl&&this.dialogEl.getBoundingClientRect){var t=this.dialogEl.getBoundingClientRect(),p=t.left,o=t.top;a=s.x-p+"px "+(s.y-o)+"px 0"}a&&this.dialogEl&&this.setTransformOrigin(this.dialogEl.style,a)},s.prototype.renderHeader=function(){var n=this.props.title;return n?(n="number"==typeof n||"string"==typeof n?(0,p.jsx)("span",(0,t.pi)({className:"zent-dialog-r-title-text","data-zv":"10.0.10"},{children:n}),void 0):n,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-header","data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-title","data-zv":"10.0.10"},{children:n}),void 0)}),void 0)):null},s.prototype.render=function(){var n=this,s=this.props,a=s.className,o=s.closeBtn,e=s.footer,c=s.style,l=s.children,i=this.renderHeader(),r=u()("zent-dialog-r-close",{"zent-dialog-r-has-title":!!i}),d=o&&(0,p.jsx)("button",(0,t.pi)({type:"button",className:r,onClick:this.onClickClose,"data-zv":"10.0.10"},{children:(0,p.jsx)(k.Z,{type:"close"},void 0)}),void 0),g=e&&(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-footer","data-zv":"10.0.10"},{children:e}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:u()("zent-dialog-r",a,{"zent-dialog-r--has-header":!!i,"zent-dialog-r--has-footer":!!g,"zent-dialog-r--no-close-btn":!d}),style:c,ref:function(s){return n.dialogEl=s},"data-zv":"10.0.10"},{children:[d,i,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body","data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body-content","data-zv":"10.0.10"},{children:l}),void 0)}),void 0),g]}),void 0)},s}(o.Component),g=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.rootRef=(0,o.createRef)(),s.onMaskClick=function(n){n.target===n.currentTarget&&s.props.mask&&s.props.maskClosable&&s.props.onClose(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=document.activeElement,s=this.rootRef.current;s!==n&&s&&!s.contains(n)&&function(n){if(n){var s=(0,r.Z)();n.focus(),window.scroll(s.x,s.y)}}(s)},s.prototype.render=function(){var n=this.props,s=n.mask,a=n.visible,o=n.children;return(0,p.jsxs)("div",(0,t.pi)({ref:this.rootRef,tabIndex:-1,className:"zent-dialog-r-root","data-zv":"10.0.10"},{children:[a&&s&&(0,p.jsx)("div",{className:"zent-dialog-r-backdrop","data-zv":"10.0.10"},void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-wrap",onClick:this.onMaskClick,"data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)},s}(o.Component),m=a(31542),h=a.t(m,2),y=a(70453),v=a(42690),f=a(14805),b=new Map,x=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={visible:!0},s.closeOptions={},s.onClosed=function(){var n=s.props,a=n.options.onClose,t=n.container,p=s.closeOptions.triggerOnClose;(void 0===p||p)&&a&&a(),m.unmountComponentAtNode(t)},s.onClose=function(n){s.close({triggerOnClose:!1!==n})},s}return(0,t.ZT)(s,n),s.prototype.close=function(n){void 0===n&&(n={}),this.closeOptions=n,this.setState({visible:!1})},s.prototype.componentWillUnmount=function(){var n=this.props.options.dialogId;b.delete(n)},s.prototype.render=function(){var n=this.props.options,s=this.state.visible;return(0,p.jsx)(O,(0,t.pi)({},n,{onClose:this.onClose,onClosed:this.onClosed,visible:s}),void 0)},s}(o.Component);function C(n,s){void 0===s&&(s={});var a=b.get(n);if(a){var t=a.current;t&&t.close(s)}}function j(n){if(void 0===n&&(n={}),!l.Z)return v.Z;var s=n.dialogId,a=void 0===s?(0,y.Z)("__zent-dialog__"):s,e=n.parentComponent;!function(n){if(b.has(n))throw new Error("Duplicate dialog id found: "+n)}(a);var c=(0,f.Z)("div"),i=e?m.unstable_renderSubtreeIntoContainer.bind(h,e):m.render,u=(0,o.createRef)();return i((0,p.jsx)(x,{ref:u,options:(0,t.pi)((0,t.pi)({},n),{dialogId:a}),container:c},void 0),c),function(n,s){b.set(n,s)}(a,u),function(n){void 0===n&&(n=!0),C(a,{triggerOnClose:!1!==n})}}var w=a(49744),D=null;l.Z&&(0,w.Oo)(document.documentElement,"click",(function(n){0!==n.clientX&&0!==n.clientY&&(D={x:n.clientX,y:n.clientY})}),{capture:!0});var z=function(n){function s(s){var a=n.call(this,s)||this;return a.lastMousePosition=null,a.onClose=function(n){var s=a.props.onClose;s&&s(n)},a.onExited=function(){var n=a.props.onClosed;a.setState({exiting:!1}),n&&n()},a.state={prevOpen:s.visible,exiting:!1},a}return(0,t.ZT)(s,n),s.getDerivedStateFromProps=function(n,s){var a=s.prevOpen;return n.visible===a?null:n.visible?{prevOpen:n.visible,exiting:!1}:{prevOpen:n.visible,exiting:!0}},s.prototype.render=function(){var n=this.props,s=n.visible,a=n.closeBtn,o=n.style,l=n.position,i=n.onOpened,u=(n.onClosed,n.mask),r=n.maskClosable,k=n.children,m=(0,t._T)(n,["visible","closeBtn","style","position","onOpened","onClosed","mask","maskClosable","children"]),h=this.state.exiting;return this.lastMousePosition=s?this.lastMousePosition||D:null,(0,p.jsx)(c.ZP,(0,t.pi)({visible:s||h,onClose:this.onClose,className:"zent-dialog-r-anchor",closeOnESC:a,blockPageScroll:!0},{children:(0,p.jsx)(g,(0,t.pi)({mask:u,maskClosable:r,visible:s,onClose:this.onClose},{children:(0,p.jsx)(e.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:s,timeout:300,classNames:"zent-zoom",onEntered:i,onExited:this.onExited},{children:(0,p.jsx)(d,(0,t.pi)({},m,{style:o,closeBtn:a,position:l,mousePosition:this.lastMousePosition},{children:k}),void 0)}),void 0)}),void 0)}),void 0)},s.defaultProps={onClose:function(){},visible:!1,className:"",style:{},position:"auto",title:"",closeBtn:!0,mask:!0,maskClosable:!0,footer:null},s.openDialog=j,s.closeDialog=C,s}(o.Component),O=z},58801:(n,s,a)=>{"use strict";function t(){var n=window.pageXOffset,s=window.pageYOffset;return{x:void 0!==n?n:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==s?s:(document.documentElement||document.body.parentNode||document.body).scrollTop}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file diff --git a/459-09504c8f3f50dceaaa56.js b/459-09504c8f3f50dceaaa56.js deleted file mode 100644 index 7e34e1a4c..000000000 --- a/459-09504c8f3f50dceaaa56.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[459],{82148:(e,t,n)=>{"use strict";n.d(t,{w:()=>i,Z:()=>u});var r=n(59312),o=n(8234);function a(e){var t=e.current,n=e.total,r=(0,o.J)(e),a=r.min,i=r.max,u=i-a+1+2,p=new Array(u);p[0]={type:"left-arrow",disabled:t<=1||n<=0};for(var s=a;s<=i;s++)p[s-a+1]={type:"number",page:s,selected:t===s};return p[u-1]={type:"right-arrow",disabled:t>=i||n<=0},p}var i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),Object.defineProperty(t.prototype,"name",{get:function(){return"lite"},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"layoutFn",{get:function(){return a},enumerable:!1,configurable:!0}),t.defaultProps={current:1,pageSize:10,buttonBordered:!1,showQuickJumper:!1,showSizeChanger:!1},t}(n(72645).Z),u=i},36055:(e,t,n)=>{"use strict";n.d(t,{m:()=>c,Z:()=>g});var r=n(59312),o=n(24246),a=n(60042),i=n.n(a),u=n(88510),p=n(80964),s=function(e){function t(t){var n=e.call(this,t)||this;return n.reset=!1,n.state.prevCurrent=t.current,n}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.state.value,t=this.props.totalPages;return(0,o.jsxs)("div",(0,r.pi)({className:"zent-pagination-mini-page-jumper","data-zv":"10.0.9"},{children:[(0,o.jsx)(p.Y,{integer:!0,value:e,onChange:this.onChange,onPressEnter:this.onConfirm,width:56},void 0),(0,o.jsx)("span",(0,r.pi)({className:"zent-pagination-mini-page-jumper__sep","data-zv":"10.0.9"},{children:"/"}),void 0),(0,o.jsx)("span",(0,r.pi)({className:"zent-pagination-mini-page-jumper__total","data-zv":"10.0.9"},{children:t}),void 0)]}),void 0)},t.getDerivedStateFromProps=function(e,t){return{value:e.current!==t.prevCurrent?e.current:t.value,prevCurrent:e.current}},t.prototype.handleJump=function(e){var t=this.props,n=t.onJump,r=t.totalPages;n(e),e>r&&this.setState({value:r}),e<1&&this.setState({value:1})},t}(n(17840).Z),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onPrevPage=t.jumpToPageDelta(-1),t.onNextPage=t.jumpToPageDelta(1),t}return(0,r.ZT)(t,e),t.prototype.resetActiveDoubleArrowButton=function(){},t.prototype.render=function(){var e=this,t=this.props,n=t.layout,a=t.buttonBordered,i=t.current,p=t.onPageChange,l=t.lastPageHelp;return(0,o.jsx)("div",(0,r.pi)({className:"zent-pagination-page-list--mini","data-zv":"10.0.9"},{children:n.map((function(t){var n=t.type;return"left-arrow"===n?(0,o.jsx)(u.Z,{direction:"left",disabled:t.disabled,bordered:a,onClick:e.onPrevPage},n):"right-arrow"===n?(0,o.jsx)(u.Z,{direction:"right",disabled:t.disabled,bordered:a,onClick:e.onNextPage,disabledHelp:l},n):"mini-jumper"===n?(0,o.jsx)(s,{current:i,totalPages:t.totalPages,onJump:p},n):null}))}),void 0)},t}(n(28645).Z);function d(e){var t=e.current,n=e.pageSize,r=e.total,o=Math.ceil(r/n);return[{type:"left-arrow",disabled:t<=1||r<=0},{type:"mini-jumper",totalPages:o},{type:"right-arrow",disabled:t>=o||r<=0}]}var c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),Object.defineProperty(t.prototype,"name",{get:function(){return"mini"},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"layoutFn",{get:function(){return d},enumerable:!1,configurable:!0}),t.prototype.render=function(){var e=this.props,t=e.current,n=e.buttonBordered,a=e.className,u=e.lastPageHelp,p=this.getLayout(this.props);return(0,o.jsx)("div",(0,r.pi)({className:i()("zent-pagination zent-pagination--"+this.name,a),"data-zv":"10.0.9"},{children:(0,o.jsx)(l,{layout:p,current:t,onPageChange:this.onPageChange,buttonBordered:n,lastPageHelp:u},void 0)}),void 0)},t.defaultProps={current:1,pageSize:10,buttonBordered:!1},t}(n(97714).Z),g=c},31770:(e,t,n)=>{"use strict";n.d(t,{t:()=>i,Z:()=>u});var r=n(59312),o=n(8234);function a(e){var t=e.pageSize,n=e.total,a=e.current,i=Math.ceil(n/t);if(i<=5){var u=2+i,p=new Array(u);p[0]={type:"left-arrow",disabled:a<=1||n<=0},p[u-1]={type:"right-arrow",disabled:a>=i||n<=0};for(var s=1;s<=i;s++)p[s]={type:"number",page:s,selected:a===s};return p}var l=[{type:"left-arrow",disabled:a<=1||n<=0},{type:"number",page:1,selected:1===a||n<=0}];a>4&&l.push({type:"double-left-arrow"});var d=(0,o.J)((0,r.pi)((0,r.pi)({},e),{startDelta:1,endDelta:-1})),c=d.min,g=d.max;for(s=c;s<=g;s++)l.push({type:"number",page:s,selected:a===s});return a=i||n<=0}),function(e,t){if(e.length<4)return e;var n=e[1],r=e[2],o=e[3];if("double-left-arrow"===r.type&&"number"===n.type&&"number"===o.type){var a=o.page-n.page;if(2===a){var i=n.page+1;e[2]={type:"number",page:i,selected:t===i}}else 1===a&&e.splice(2,1)}}(l,a),function(e,t){if(e.length<5)return e;var n=e.length,r=e[n-2],o=e[n-3],a=e[n-4];if("double-right-arrow"===o.type&&"number"===a.type&&"number"===r.type){var i=r.page-a.page;if(2===i){var u=a.page+1;e[n-3]={type:"number",page:u,selected:u===t}}else 1===i&&e.splice(n-3,1)}}(l,a),l}var i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),Object.defineProperty(t.prototype,"name",{get:function(){return"normal"},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"layoutFn",{get:function(){return a},enumerable:!1,configurable:!0}),t.defaultProps={current:1,pageSize:10,buttonBordered:!0,showQuickJumper:!0,showSizeChanger:!0},t}(n(72645).Z),u=i},88510:(e,t,n)=>{"use strict";var r=n(59312),o=n(24246),a=n(27378),i=n(60042),u=n.n(i),p=n(90347),s=n(85883),l=n(27036),d={position:"top-right",trigger:"hover",centerArrow:!0},c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.double,a=e.active,i=e.bordered,l=e.disabledHelp,c=(0,r._T)(e,["direction","double","active","bordered","disabledHelp"]);if(n)return(0,o.jsx)(g,(0,r.pi)({direction:t,active:a,bordered:i},c),void 0);var f=null;"left"===t?f=h:"right"===t&&(f=v);var m=(0,o.jsx)(p.ZP,(0,r.pi)({},c,{className:u()("zent-pagination-arrow-button","zent-pagination-button--layout",{"zent-pagination-page-button--no-border":!i})},{children:(0,o.jsx)(f,{},void 0)}),void 0);if(l&&c.disabled){var b=(0,r.pi)((0,r.pi)({},d),l);return"hover"===b.trigger&&(b.fixMouseEventsOnDisabledChildren=!0),(0,o.jsx)(s.Z,(0,r.pi)({},b,{children:m}),void 0)}return m},t.defaultProps={double:!1,active:!1,bordered:!0},t}(a.Component),g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={showArrow:!1,prevActive:!1},t.onMouseOver=function(){t.setState({showArrow:!0})},t.onMouseOut=function(){t.setState({showArrow:!1})},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.active,a=e.bordered,i=(e.double,(0,r._T)(e,["direction","active","bordered","double"])),s=null;"left"===t?s=f:"right"===t&&(s=m);var d=this.state.showArrow;return(0,o.jsx)(p.ZP,(0,r.pi)({className:u()("zent-pagination-arrow-button","zent-pagination-arrow-button--double","zent-pagination-button--layout",{"zent-pagination-arrow-button--double-active":d,"zent-pagination-page-button--no-border":!a})},i,{onMouseOver:n?void 0:this.onMouseOver,onMouseLeave:n?void 0:this.onMouseOut},{children:d?(0,o.jsx)(s,{},void 0):(0,o.jsx)(l.Z,{type:"more",className:"zent-pagination-more"},void 0)}),void 0)},t.getDerivedStateFromProps=function(e,t){var n=e.active,r={prevActive:n,showArrow:t.showArrow};return n!==t.prevActive&&(r.showArrow=!!n),r},t.defaultProps={double:!1,active:!1,bordered:!0},t}(a.Component);function h(){return(0,o.jsx)(l.Z,{type:"left",className:"zent-pagination-arrow"},void 0)}function v(){return(0,o.jsx)(l.Z,{type:"right",className:"zent-pagination-arrow"},void 0)}function f(){return(0,o.jsx)(l.Z,{type:"double-last",className:"zent-pagination-arrow"},void 0)}function m(){return(0,o.jsx)(l.Z,{type:"double-next",className:"zent-pagination-arrow"},void 0)}t.Z=c},17840:(e,t,n)=>{"use strict";var r=n(59312),o=function(e){function t(t){var n,r=e.call(this,t)||this;return r.onChange=function(e){r.setState({value:e})},r.onConfirm=function(e){e.preventDefault();var t=+e.target.value;r.handleJump(t)},r.state={value:null!==(n=t.current)&&void 0!==n?n:null},r}return(0,r.ZT)(t,e),t}(n(27378).Component);t.Z=o},28645:(e,t,n)=>{"use strict";var r=n(59312),o=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onPageNumberClick=function(e){return function(){(0,t.props.onPageChange)(e),t.resetActiveDoubleArrowButton()}},t.jumpToPageDelta=function(e,n){return function(){var r=t.props,o=r.current;(0,r.onPageChange)(o+e),n&&n()}},t}return(0,r.ZT)(t,e),t}(n(27378).Component);t.Z=o},72645:(e,t,n)=>{"use strict";n.d(t,{Z:()=>w});var r=n(59312),o=n(24246),a=n(60042),i=n.n(a),u=n(27378),p=n(41925),s=n(7360),l=n(52074),d=(0,p.Z)((function(e,t){return(e||[]).map((function(e){return"number"==typeof e?{key:e,text:e+" "+t.items}:{key:e.value,text:e.text}}))})),c=function(e){return(0,o.jsx)("span",(0,r.pi)({className:"zent-pagination-count--"+e.type,"data-zv":"10.0.9"},{children:e.children}),void 0)},g=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.total,n=e.formatTotal,a=e.pageSize,i=e.pageSizeOptions,u=e.onPageSizeChange;if(!i||0===i.length)return(0,o.jsx)(v,{total:t,formatTotal:n,pageSize:a},void 0);var p=n?n(t):t;return(0,o.jsx)(l.Z,(0,r.pi)({componentName:"Pagination"},{children:function(e){var t=(0,o.jsx)(h,{pageSizeOptions:i,onPageSizeChange:u,pageSize:a,i18n:e},void 0);return(0,o.jsx)("div",(0,r.pi)({className:"zent-pagination-page-size-changer","data-zv":"10.0.9"},{children:e.pageStats({select:t,total:p,Text:c})}),void 0)}}),void 0)},t}(u.Component),h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onChange=function(e){var n=e.key;t.props.onPageSizeChange(n)},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.pageSize,n=e.i18n,r=e.pageSizeOptions,a=d(r,n);return(0,o.jsx)(s.Z,{width:n.selectWidth,options:a,value:{key:t,text:t+" "+n.items},onChange:this.onChange},void 0)},t}(u.Component),v=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.total,n=e.formatTotal,a=e.pageSize,i=n?n(t):t;return(0,o.jsx)(l.Z,(0,r.pi)({componentName:"Pagination"},{children:function(e){return(0,o.jsx)("div",(0,r.pi)({className:"zent-pagination-page-size-changer","data-zv":"10.0.9"},{children:e.pageStatsStatic({total:i,pageSize:a,Text:c})}),void 0)}}),void 0)},t}(u.Component),f=n(88510),m=n(90347),b=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),t.prototype.render=function(){var e,t=this.props,n=t.selected,a=t.bordered,u=(0,r._T)(t,["selected","bordered"]);return e=n?"primary":"default",(0,o.jsx)(m.ZP,(0,r.pi)({},u,{type:e,className:i()("zent-pagination-page-number-button","zent-pagination-button--layout",{"zent-pagination-page-button--no-border":!a})}),void 0)},t.defaultProps={selected:!1,bordered:!0},t}(u.Component),y=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={activeDoubleArrowButton:""},t.onPrevPage=t.jumpToPageDelta(-1,t.resetActiveDoubleArrowButton),t.onNextPage=t.jumpToPageDelta(1,t.resetActiveDoubleArrowButton),t.onFastForwardPrevPage=t.jumpToPageDelta(-5,(function(){t.setState({activeDoubleArrowButton:"left"})})),t.onFastForwardNextPage=t.jumpToPageDelta(5,(function(){t.setState({activeDoubleArrowButton:"right"})})),t.resetActiveDoubleArrowButton=function(){t.setState({activeDoubleArrowButton:""})},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.layout,a=t.buttonBordered,i=t.lastPageHelp,u=this.state.activeDoubleArrowButton;return(0,o.jsx)("div",(0,r.pi)({className:"zent-pagination-page-list--normal","data-zv":"10.0.9"},{children:n.map((function(t){var n=t.type;if("number"===n){var p=t.page,s=t.selected;return(0,o.jsx)(b,(0,r.pi)({selected:s,bordered:a,onClick:e.onPageNumberClick(p)},{children:p}),"page-"+p)}return"left-arrow"===n?(0,o.jsx)(f.Z,{direction:"left",disabled:t.disabled,bordered:a,onClick:e.onPrevPage},n):"right-arrow"===n?(0,o.jsx)(f.Z,{direction:"right",disabled:t.disabled,bordered:a,onClick:e.onNextPage,disabledHelp:i},n):"double-left-arrow"===n?(0,o.jsx)(f.Z,{direction:"left",double:!0,active:"left"===u,bordered:a,onClick:e.onFastForwardPrevPage},n):"double-right-arrow"===n?(0,o.jsx)(f.Z,{direction:"right",double:!0,active:"right"===u,bordered:a,onClick:e.onFastForwardNextPage},n):null}))}),void 0)},t}(n(28645).Z),z=n(80964),P=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.state.value,t=(0,o.jsx)(z.Y,{integer:!0,value:e,onChange:this.onChange,onPressEnter:this.onConfirm,width:56},void 0);return(0,o.jsx)(l.Z,(0,r.pi)({componentName:"Pagination"},{children:function(e){return(0,o.jsx)("div",(0,r.pi)({className:"zent-pagination-page-jumper","data-zv":"10.0.9"},{children:e.jumpTo({input:t})}),void 0)}}),void 0)},t.prototype.handleJump=function(e){this.props.onJump(e),this.setState({value:null})},t}(n(17840).Z),w=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.getLayout(this.props),t=this.props,n=t.current,a=t.pageSize,u=t.pageSizeOptions,p=t.showQuickJumper,s=t.showSizeChanger,l=t.buttonBordered,d=t.className,c=t.formatTotal,h=t.lastPageHelp,v=this.getTotal();return(0,o.jsxs)("div",(0,r.pi)({className:i()("zent-pagination zent-pagination--"+this.name,d),"data-zv":"10.0.9"},{children:[s&&(0,o.jsx)(g,{pageSize:a,total:v,formatTotal:c,pageSizeOptions:u,onPageSizeChange:this.onPageSizeChange},void 0),(0,o.jsx)(y,{layout:e,current:n,buttonBordered:l,onPageChange:this.onPageChange,lastPageHelp:h},void 0),p&&(0,o.jsx)(P,{onJump:this.onPageChange},void 0)]}),void 0)},t}(n(97714).Z)},97714:(e,t,n)=>{"use strict";var r=n(59312),o=n(27378),a=n(41925),i=n(72551),u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getLayout=(0,a.Z)((function(e){return t.layoutFn(t.getLayoutOptions(e))})),t.onPageChange=function(e){var n=t.props,r=n.current,o=n.pageSize,a=n.onChange,i=t.getTotal();e=Math.max(1,e),(e=Math.min(e,t.getTotalPages(i,o)))!==r&&a({current:e,pageSize:o})},t.onPageSizeChange=function(e){var n=t.props.current,r=t.getTotal();if(t.props.pageSize!==e){var o=t.getTotalPages(r,e),a={pageSize:e,current:Math.min(n,o)};t.props.onChange(a)}},t}return(0,r.ZT)(t,e),t.prototype.shouldUpdateLayout=function(e,t){var n=t.current,r=t.pageSize;return n!==e.current||this.getTotal(t)!==this.getTotal(e)||r!==e.pageSize},t.prototype.getLayoutOptions=function(e){var t=e.current,n=e.pageSize;return{current:t,total:this.getTotal(e),pageSize:n}},t.prototype.getTotalPages=function(e,t){return Math.ceil(e/t)},t.prototype.getTotal=function(e){return e=e||this.props,(0,i.n)(e,"total")?e.total||0:(0,i.n)(e,"totalItem")&&e.totalItem||0},t}(o.Component);t.Z=u},8234:(e,t,n)=>{"use strict";function r(e){var t=e.pageSize,n=e.total,r=e.current,o=e.startDelta,a=e.endDelta,i=1+(o||0),u=Math.ceil(n/t)+(a||0),p=Math.max(i,r-2),s=Math.min(r+2,u),l=s-p+1;if(l<5){var d=5-l;p>i&&(p=Math.max(i,p-d)),sr})},7360:(e,t,n)=>{"use strict";var r=n(95388);t.Z=r.Z}}]); \ No newline at end of file diff --git a/459-a242ce299808f150ebfc.js b/459-a242ce299808f150ebfc.js new file mode 100644 index 000000000..709b24554 --- /dev/null +++ b/459-a242ce299808f150ebfc.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[459],{82148:(e,t,n)=>{"use strict";n.d(t,{w:()=>i,Z:()=>u});var r=n(59312),o=n(8234);function a(e){var t=e.current,n=e.total,r=(0,o.J)(e),a=r.min,i=r.max,u=i-a+1+2,p=new Array(u);p[0]={type:"left-arrow",disabled:t<=1||n<=0};for(var s=a;s<=i;s++)p[s-a+1]={type:"number",page:s,selected:t===s};return p[u-1]={type:"right-arrow",disabled:t>=i||n<=0},p}var i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),Object.defineProperty(t.prototype,"name",{get:function(){return"lite"},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"layoutFn",{get:function(){return a},enumerable:!1,configurable:!0}),t.defaultProps={current:1,pageSize:10,buttonBordered:!1,showQuickJumper:!1,showSizeChanger:!1},t}(n(72645).Z),u=i},36055:(e,t,n)=>{"use strict";n.d(t,{m:()=>c,Z:()=>g});var r=n(59312),o=n(24246),a=n(60042),i=n.n(a),u=n(88510),p=n(80964),s=function(e){function t(t){var n=e.call(this,t)||this;return n.reset=!1,n.state.prevCurrent=t.current,n}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.state.value,t=this.props.totalPages;return(0,o.jsxs)("div",(0,r.pi)({className:"zent-pagination-mini-page-jumper","data-zv":"10.0.10"},{children:[(0,o.jsx)(p.Y,{integer:!0,value:e,onChange:this.onChange,onPressEnter:this.onConfirm,width:56},void 0),(0,o.jsx)("span",(0,r.pi)({className:"zent-pagination-mini-page-jumper__sep","data-zv":"10.0.10"},{children:"/"}),void 0),(0,o.jsx)("span",(0,r.pi)({className:"zent-pagination-mini-page-jumper__total","data-zv":"10.0.10"},{children:t}),void 0)]}),void 0)},t.getDerivedStateFromProps=function(e,t){return{value:e.current!==t.prevCurrent?e.current:t.value,prevCurrent:e.current}},t.prototype.handleJump=function(e){var t=this.props,n=t.onJump,r=t.totalPages;n(e),e>r&&this.setState({value:r}),e<1&&this.setState({value:1})},t}(n(17840).Z),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onPrevPage=t.jumpToPageDelta(-1),t.onNextPage=t.jumpToPageDelta(1),t}return(0,r.ZT)(t,e),t.prototype.resetActiveDoubleArrowButton=function(){},t.prototype.render=function(){var e=this,t=this.props,n=t.layout,a=t.buttonBordered,i=t.current,p=t.onPageChange,l=t.lastPageHelp;return(0,o.jsx)("div",(0,r.pi)({className:"zent-pagination-page-list--mini","data-zv":"10.0.10"},{children:n.map((function(t){var n=t.type;return"left-arrow"===n?(0,o.jsx)(u.Z,{direction:"left",disabled:t.disabled,bordered:a,onClick:e.onPrevPage},n):"right-arrow"===n?(0,o.jsx)(u.Z,{direction:"right",disabled:t.disabled,bordered:a,onClick:e.onNextPage,disabledHelp:l},n):"mini-jumper"===n?(0,o.jsx)(s,{current:i,totalPages:t.totalPages,onJump:p},n):null}))}),void 0)},t}(n(28645).Z);function d(e){var t=e.current,n=e.pageSize,r=e.total,o=Math.ceil(r/n);return[{type:"left-arrow",disabled:t<=1||r<=0},{type:"mini-jumper",totalPages:o},{type:"right-arrow",disabled:t>=o||r<=0}]}var c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),Object.defineProperty(t.prototype,"name",{get:function(){return"mini"},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"layoutFn",{get:function(){return d},enumerable:!1,configurable:!0}),t.prototype.render=function(){var e=this.props,t=e.current,n=e.buttonBordered,a=e.className,u=e.lastPageHelp,p=this.getLayout(this.props);return(0,o.jsx)("div",(0,r.pi)({className:i()("zent-pagination zent-pagination--"+this.name,a),"data-zv":"10.0.10"},{children:(0,o.jsx)(l,{layout:p,current:t,onPageChange:this.onPageChange,buttonBordered:n,lastPageHelp:u},void 0)}),void 0)},t.defaultProps={current:1,pageSize:10,buttonBordered:!1},t}(n(97714).Z),g=c},31770:(e,t,n)=>{"use strict";n.d(t,{t:()=>i,Z:()=>u});var r=n(59312),o=n(8234);function a(e){var t=e.pageSize,n=e.total,a=e.current,i=Math.ceil(n/t);if(i<=5){var u=2+i,p=new Array(u);p[0]={type:"left-arrow",disabled:a<=1||n<=0},p[u-1]={type:"right-arrow",disabled:a>=i||n<=0};for(var s=1;s<=i;s++)p[s]={type:"number",page:s,selected:a===s};return p}var l=[{type:"left-arrow",disabled:a<=1||n<=0},{type:"number",page:1,selected:1===a||n<=0}];a>4&&l.push({type:"double-left-arrow"});var d=(0,o.J)((0,r.pi)((0,r.pi)({},e),{startDelta:1,endDelta:-1})),c=d.min,g=d.max;for(s=c;s<=g;s++)l.push({type:"number",page:s,selected:a===s});return a=i||n<=0}),function(e,t){if(e.length<4)return e;var n=e[1],r=e[2],o=e[3];if("double-left-arrow"===r.type&&"number"===n.type&&"number"===o.type){var a=o.page-n.page;if(2===a){var i=n.page+1;e[2]={type:"number",page:i,selected:t===i}}else 1===a&&e.splice(2,1)}}(l,a),function(e,t){if(e.length<5)return e;var n=e.length,r=e[n-2],o=e[n-3],a=e[n-4];if("double-right-arrow"===o.type&&"number"===a.type&&"number"===r.type){var i=r.page-a.page;if(2===i){var u=a.page+1;e[n-3]={type:"number",page:u,selected:u===t}}else 1===i&&e.splice(n-3,1)}}(l,a),l}var i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),Object.defineProperty(t.prototype,"name",{get:function(){return"normal"},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"layoutFn",{get:function(){return a},enumerable:!1,configurable:!0}),t.defaultProps={current:1,pageSize:10,buttonBordered:!0,showQuickJumper:!0,showSizeChanger:!0},t}(n(72645).Z),u=i},88510:(e,t,n)=>{"use strict";var r=n(59312),o=n(24246),a=n(27378),i=n(60042),u=n.n(i),p=n(90347),s=n(85883),l=n(27036),d={position:"top-right",trigger:"hover",centerArrow:!0},c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.double,a=e.active,i=e.bordered,l=e.disabledHelp,c=(0,r._T)(e,["direction","double","active","bordered","disabledHelp"]);if(n)return(0,o.jsx)(g,(0,r.pi)({direction:t,active:a,bordered:i},c),void 0);var f=null;"left"===t?f=h:"right"===t&&(f=v);var m=(0,o.jsx)(p.ZP,(0,r.pi)({},c,{className:u()("zent-pagination-arrow-button","zent-pagination-button--layout",{"zent-pagination-page-button--no-border":!i})},{children:(0,o.jsx)(f,{},void 0)}),void 0);if(l&&c.disabled){var b=(0,r.pi)((0,r.pi)({},d),l);return"hover"===b.trigger&&(b.fixMouseEventsOnDisabledChildren=!0),(0,o.jsx)(s.Z,(0,r.pi)({},b,{children:m}),void 0)}return m},t.defaultProps={double:!1,active:!1,bordered:!0},t}(a.Component),g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={showArrow:!1,prevActive:!1},t.onMouseOver=function(){t.setState({showArrow:!0})},t.onMouseOut=function(){t.setState({showArrow:!1})},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.active,a=e.bordered,i=(e.double,(0,r._T)(e,["direction","active","bordered","double"])),s=null;"left"===t?s=f:"right"===t&&(s=m);var d=this.state.showArrow;return(0,o.jsx)(p.ZP,(0,r.pi)({className:u()("zent-pagination-arrow-button","zent-pagination-arrow-button--double","zent-pagination-button--layout",{"zent-pagination-arrow-button--double-active":d,"zent-pagination-page-button--no-border":!a})},i,{onMouseOver:n?void 0:this.onMouseOver,onMouseLeave:n?void 0:this.onMouseOut},{children:d?(0,o.jsx)(s,{},void 0):(0,o.jsx)(l.Z,{type:"more",className:"zent-pagination-more"},void 0)}),void 0)},t.getDerivedStateFromProps=function(e,t){var n=e.active,r={prevActive:n,showArrow:t.showArrow};return n!==t.prevActive&&(r.showArrow=!!n),r},t.defaultProps={double:!1,active:!1,bordered:!0},t}(a.Component);function h(){return(0,o.jsx)(l.Z,{type:"left",className:"zent-pagination-arrow"},void 0)}function v(){return(0,o.jsx)(l.Z,{type:"right",className:"zent-pagination-arrow"},void 0)}function f(){return(0,o.jsx)(l.Z,{type:"double-last",className:"zent-pagination-arrow"},void 0)}function m(){return(0,o.jsx)(l.Z,{type:"double-next",className:"zent-pagination-arrow"},void 0)}t.Z=c},17840:(e,t,n)=>{"use strict";var r=n(59312),o=function(e){function t(t){var n,r=e.call(this,t)||this;return r.onChange=function(e){r.setState({value:e})},r.onConfirm=function(e){e.preventDefault();var t=+e.target.value;r.handleJump(t)},r.state={value:null!==(n=t.current)&&void 0!==n?n:null},r}return(0,r.ZT)(t,e),t}(n(27378).Component);t.Z=o},28645:(e,t,n)=>{"use strict";var r=n(59312),o=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onPageNumberClick=function(e){return function(){(0,t.props.onPageChange)(e),t.resetActiveDoubleArrowButton()}},t.jumpToPageDelta=function(e,n){return function(){var r=t.props,o=r.current;(0,r.onPageChange)(o+e),n&&n()}},t}return(0,r.ZT)(t,e),t}(n(27378).Component);t.Z=o},72645:(e,t,n)=>{"use strict";n.d(t,{Z:()=>w});var r=n(59312),o=n(24246),a=n(60042),i=n.n(a),u=n(27378),p=n(41925),s=n(7360),l=n(52074),d=(0,p.Z)((function(e,t){return(e||[]).map((function(e){return"number"==typeof e?{key:e,text:e+" "+t.items}:{key:e.value,text:e.text}}))})),c=function(e){return(0,o.jsx)("span",(0,r.pi)({className:"zent-pagination-count--"+e.type,"data-zv":"10.0.10"},{children:e.children}),void 0)},g=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.total,n=e.formatTotal,a=e.pageSize,i=e.pageSizeOptions,u=e.onPageSizeChange;if(!i||0===i.length)return(0,o.jsx)(v,{total:t,formatTotal:n,pageSize:a},void 0);var p=n?n(t):t;return(0,o.jsx)(l.Z,(0,r.pi)({componentName:"Pagination"},{children:function(e){var t=(0,o.jsx)(h,{pageSizeOptions:i,onPageSizeChange:u,pageSize:a,i18n:e},void 0);return(0,o.jsx)("div",(0,r.pi)({className:"zent-pagination-page-size-changer","data-zv":"10.0.10"},{children:e.pageStats({select:t,total:p,Text:c})}),void 0)}}),void 0)},t}(u.Component),h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onChange=function(e){var n=e.key;t.props.onPageSizeChange(n)},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.pageSize,n=e.i18n,r=e.pageSizeOptions,a=d(r,n);return(0,o.jsx)(s.Z,{width:n.selectWidth,options:a,value:{key:t,text:t+" "+n.items},onChange:this.onChange},void 0)},t}(u.Component),v=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.total,n=e.formatTotal,a=e.pageSize,i=n?n(t):t;return(0,o.jsx)(l.Z,(0,r.pi)({componentName:"Pagination"},{children:function(e){return(0,o.jsx)("div",(0,r.pi)({className:"zent-pagination-page-size-changer","data-zv":"10.0.10"},{children:e.pageStatsStatic({total:i,pageSize:a,Text:c})}),void 0)}}),void 0)},t}(u.Component),f=n(88510),m=n(90347),b=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),t.prototype.render=function(){var e,t=this.props,n=t.selected,a=t.bordered,u=(0,r._T)(t,["selected","bordered"]);return e=n?"primary":"default",(0,o.jsx)(m.ZP,(0,r.pi)({},u,{type:e,className:i()("zent-pagination-page-number-button","zent-pagination-button--layout",{"zent-pagination-page-button--no-border":!a})}),void 0)},t.defaultProps={selected:!1,bordered:!0},t}(u.Component),y=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={activeDoubleArrowButton:""},t.onPrevPage=t.jumpToPageDelta(-1,t.resetActiveDoubleArrowButton),t.onNextPage=t.jumpToPageDelta(1,t.resetActiveDoubleArrowButton),t.onFastForwardPrevPage=t.jumpToPageDelta(-5,(function(){t.setState({activeDoubleArrowButton:"left"})})),t.onFastForwardNextPage=t.jumpToPageDelta(5,(function(){t.setState({activeDoubleArrowButton:"right"})})),t.resetActiveDoubleArrowButton=function(){t.setState({activeDoubleArrowButton:""})},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.layout,a=t.buttonBordered,i=t.lastPageHelp,u=this.state.activeDoubleArrowButton;return(0,o.jsx)("div",(0,r.pi)({className:"zent-pagination-page-list--normal","data-zv":"10.0.10"},{children:n.map((function(t){var n=t.type;if("number"===n){var p=t.page,s=t.selected;return(0,o.jsx)(b,(0,r.pi)({selected:s,bordered:a,onClick:e.onPageNumberClick(p)},{children:p}),"page-"+p)}return"left-arrow"===n?(0,o.jsx)(f.Z,{direction:"left",disabled:t.disabled,bordered:a,onClick:e.onPrevPage},n):"right-arrow"===n?(0,o.jsx)(f.Z,{direction:"right",disabled:t.disabled,bordered:a,onClick:e.onNextPage,disabledHelp:i},n):"double-left-arrow"===n?(0,o.jsx)(f.Z,{direction:"left",double:!0,active:"left"===u,bordered:a,onClick:e.onFastForwardPrevPage},n):"double-right-arrow"===n?(0,o.jsx)(f.Z,{direction:"right",double:!0,active:"right"===u,bordered:a,onClick:e.onFastForwardNextPage},n):null}))}),void 0)},t}(n(28645).Z),z=n(80964),P=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.state.value,t=(0,o.jsx)(z.Y,{integer:!0,value:e,onChange:this.onChange,onPressEnter:this.onConfirm,width:56},void 0);return(0,o.jsx)(l.Z,(0,r.pi)({componentName:"Pagination"},{children:function(e){return(0,o.jsx)("div",(0,r.pi)({className:"zent-pagination-page-jumper","data-zv":"10.0.10"},{children:e.jumpTo({input:t})}),void 0)}}),void 0)},t.prototype.handleJump=function(e){this.props.onJump(e),this.setState({value:null})},t}(n(17840).Z),w=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.getLayout(this.props),t=this.props,n=t.current,a=t.pageSize,u=t.pageSizeOptions,p=t.showQuickJumper,s=t.showSizeChanger,l=t.buttonBordered,d=t.className,c=t.formatTotal,h=t.lastPageHelp,v=this.getTotal();return(0,o.jsxs)("div",(0,r.pi)({className:i()("zent-pagination zent-pagination--"+this.name,d),"data-zv":"10.0.10"},{children:[s&&(0,o.jsx)(g,{pageSize:a,total:v,formatTotal:c,pageSizeOptions:u,onPageSizeChange:this.onPageSizeChange},void 0),(0,o.jsx)(y,{layout:e,current:n,buttonBordered:l,onPageChange:this.onPageChange,lastPageHelp:h},void 0),p&&(0,o.jsx)(P,{onJump:this.onPageChange},void 0)]}),void 0)},t}(n(97714).Z)},97714:(e,t,n)=>{"use strict";var r=n(59312),o=n(27378),a=n(41925),i=n(72551),u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getLayout=(0,a.Z)((function(e){return t.layoutFn(t.getLayoutOptions(e))})),t.onPageChange=function(e){var n=t.props,r=n.current,o=n.pageSize,a=n.onChange,i=t.getTotal();e=Math.max(1,e),(e=Math.min(e,t.getTotalPages(i,o)))!==r&&a({current:e,pageSize:o})},t.onPageSizeChange=function(e){var n=t.props.current,r=t.getTotal();if(t.props.pageSize!==e){var o=t.getTotalPages(r,e),a={pageSize:e,current:Math.min(n,o)};t.props.onChange(a)}},t}return(0,r.ZT)(t,e),t.prototype.shouldUpdateLayout=function(e,t){var n=t.current,r=t.pageSize;return n!==e.current||this.getTotal(t)!==this.getTotal(e)||r!==e.pageSize},t.prototype.getLayoutOptions=function(e){var t=e.current,n=e.pageSize;return{current:t,total:this.getTotal(e),pageSize:n}},t.prototype.getTotalPages=function(e,t){return Math.ceil(e/t)},t.prototype.getTotal=function(e){return e=e||this.props,(0,i.n)(e,"total")?e.total||0:(0,i.n)(e,"totalItem")&&e.totalItem||0},t}(o.Component);t.Z=u},8234:(e,t,n)=>{"use strict";function r(e){var t=e.pageSize,n=e.total,r=e.current,o=e.startDelta,a=e.endDelta,i=1+(o||0),u=Math.ceil(n/t)+(a||0),p=Math.max(i,r-2),s=Math.min(r+2,u),l=s-p+1;if(l<5){var d=5-l;p>i&&(p=Math.max(i,p-d)),sr})},7360:(e,t,n)=>{"use strict";var r=n(95388);t.Z=r.Z}}]); \ No newline at end of file diff --git a/4600-20940672a8ab555b71ac.js b/4600-5c15f4a67f9ff84a9da9.js similarity index 92% rename from 4600-20940672a8ab555b71ac.js rename to 4600-5c15f4a67f9ff84a9da9.js index 824287d7c..52af39635 100644 --- a/4600-20940672a8ab555b71ac.js +++ b/4600-5c15f4a67f9ff84a9da9.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4600],{94600:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>z});var t=a(73450),p=a(27378),o=a(57318),e=a(57097),c=a(3454),l=a(82285),i=a(71457),u=a(24246);function r(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 k(n){for(var s=1;s{this.setState({visible:!1})})),(0,t.Z)(this,"open",(()=>{this.setState({visible:!0})}))}render(){var n=(0,u.jsx)("div",{children:(0,u.jsx)("p",{style:{marginBottom:10},children:"可以在 Tooltip 外部关闭"})});return(0,u.jsxs)("div",{className:"zent-doc-tooltip-none-trigger-container",children:[(0,u.jsx)(e.u,{title:n,trigger:"none",visible:this.state.visible,children:(0,u.jsx)(c.z,{type:"primary",onClick:this.open,children:"打开"})}),(0,u.jsx)(c.z,{disabled:!this.state.visible,onClick:this.close,children:"外部关闭"})]})}}return(0,u.jsx)(n,{})},v=function(){return(0,u.jsxs)("div",{className:"zent-doc-tooltip-container",children:[(0,u.jsx)(e.u,{trigger:"hover",title:"内容",fixMouseEventsOnDisabledChildren:!0,children:(0,u.jsx)(c.z,{type:"primary",disabled:!0,children:"Button"})}),(0,u.jsx)(e.u,{trigger:"hover",title:"内容",children:(0,u.jsx)(l.I,{disabled:!0})}),(0,u.jsx)(e.u,{trigger:"hover",title:"内容",children:(0,u.jsx)(i.Y,{disabled:!0,style:{marginLeft:"12px"}})}),(0,u.jsx)(e.u,{trigger:"hover",title:"内容",fixMouseEventsOnDisabledChildren:!0,children:(0,u.jsx)(c.z.Directive,{type:"primary",disabled:!0,children:(0,u.jsx)("a",{href:"",children:" ButtonDirective "})})})]})};function y(n){return(0,u.jsx)(n.tag,k(k({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function b(n){return(0,u.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,u.jsx)(y,{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 x extends p.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,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:a||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class z extends p.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 p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:".zent-doc-tooltip-container {\n\t\tdisplay: flex;\n\t\tjustify-content: left;\n\t\talign-items: center;\n\t}\n\n\t\t.zent-doc-tooltip-container .zent-doc-tooltip-tag {\n\t\t\tborder: 1px solid #e5e5e5;\n\t\t\tborder-radius: 20%;\n\t\t\tpadding: 3px;\n\t\t\tfont-size: 12px;\n\t\t\tcursor: default\n\t\t}\n\n\t\t.zent-doc-tooltip-container .zent-doc-tooltip-tag:not(:last-child) {\n\t\tmargin-right: 10px;\n}\n\n\t\t.zent-doc-tooltip-container .zent-input-wrapper {\n\t\t\tmargin-left: 10px;\n\t\t}\n\n.zent-doc-tooltip-positions {\n\t\twidth: 630px;\n position: relative;\n }\n\n.zent-doc-tooltip-positions-top-row,\n\t\t.zent-doc-tooltip-positions-bottom-row {\n\t\t\tdisplay: flex;\n justify-content: center;\n }\n\n.zent-doc-tooltip-positions-top-row .zent-tooltip-wrapper:not(:last-child), .zent-doc-tooltip-positions-bottom-row .zent-tooltip-wrapper:not(:last-child) {\n margin-right: 10px\n }\n\n.zent-doc-tooltip-positions-bottom-row {\n margin-top: 64px;\n }\n\n.zent-doc-tooltip-positions-left-col, .zent-doc-tooltip-positions-right-col {\n position: absolute;\n top: 0;\n display: flex;\n justify-content: center;\n flex-direction: column;\n height: 100%;\n }\n\n.zent-doc-tooltip-positions-left-col .zent-btn, .zent-doc-tooltip-positions-right-col .zent-btn {\n\t\t\t\tmargin-left: 0 !important;\n\t\t\t}\n\n.zent-doc-tooltip-positions-left-col .zent-btn:not(:last-child), .zent-doc-tooltip-positions-right-col .zent-btn:not(:last-child) {\n margin-bottom: 10px;\n }\n\n.zent-doc-tooltip-positions-left-col {\n left: 0;\n }\n\n.zent-doc-tooltip-positions-right-col {\n right: -10px;\n }\n\n.zent-doc-tooltip-positions .zent-tooltip-wrapper .zent-btn {\n width: 120px;\n }\n\n.zent-doc-tooltip-none-trigger-container {\n display: flex;\n justify-content: left;\n\t}\n\n.zent-doc-tooltip-none-trigger-container .zent-tooltip-wrapper {\n\t\t\tmargin-right: 10px;\n\t\t}"}),p.createElement(b,{html:'

Tooltip

\n
    \n
  • 多种触发方式：点击，鼠标移入，获得输入焦点，默认为 hover 时触发
    • \n
  • 只单纯做展示提示同 HTML title 属性，不承载过多的复杂操作
    • \n
\n

代码演示

'}),p.createElement(x,{title:"三种触发方式: 点击，鼠标移入，获得输入焦点",id:"Demotrigger",src:'import { Tooltip, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-container">\n <Tooltip trigger="hover" title="鼠标移入触发方式">\n <Button type="primary">移入鼠标</Button>\n </Tooltip>\n <Tooltip trigger="click" title="鼠标点击触发方式">\n <Button type="primary">点击鼠标</Button>\n </Tooltip>\n <Tooltip trigger="focus" title="获得输入焦点触发方式">\n <Input defaultValue="点击获取焦点" />\n </Tooltip>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(x,{title:"12种定位",id:"Demopositions",src:'import { Tooltip, Button } from \'zent\';\n\nconst trigger = \'hover\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-positions">\n <div className="zent-doc-tooltip-positions-top-row">\n <Tooltip trigger={trigger} position="top-left" title="TL">\n <Button>TopLeft</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="top-center" title="TC">\n <Button>TopCenter</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="top-right" title="TR">\n <Button>TopRight</Button>\n </Tooltip>\n </div>\n <div className="zent-doc-tooltip-positions-bottom-row">\n <Tooltip trigger={trigger} position="bottom-left" title="BL">\n <Button>BottomLeft</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="bottom-center" title="BC">\n <Button>BottomCenter</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="bottom-right" title="BR">\n <Button>BottomRight</Button>\n </Tooltip>\n </div>\n <div className="zent-doc-tooltip-positions-left-col">\n <Tooltip trigger={trigger} position="left-center" title="LC">\n <Button>LeftCenter</Button>\n </Tooltip>\n </div>\n <div className="zent-doc-tooltip-positions-right-col">\n <Tooltip trigger={trigger} position="right-center" title="RC">\n <Button>RightCenter</Button>\n </Tooltip>\n </div>\n </div>,\n mountNode\n);'},p.createElement(g)),p.createElement(x,{title:"使用 `centerArrow` 来控制气泡小三角的位置",id:"Democenterarrow",src:'import { Tooltip, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-container">\n <Tooltip centerArrow trigger="hover" position="top-left" title="centerArrow 为 true">\n <span className="zent-doc-tooltip-tag">Y</span>\n </Tooltip>\n <Tooltip trigger="hover" position="top-left" title="centerArrow 为 false">\n <span className="zent-doc-tooltip-tag">N</span>\n </Tooltip>\n </div>\n , mountNode\n);'},p.createElement(m)),p.createElement(x,{title:"外部控制显示隐藏",id:"Democontrolled",src:'import { Tooltip, Button } from \'zent\';\n\nclass NoneTriggerDemo extends Component {\n state = {\n visible: false,\n };\n\n close = () => {\n this.setState({\n visible: false,\n });\n };\n\n open = () => {\n this.setState({\n visible: true,\n });\n };\n\n render() {\n const content = (\n <div>\n <p style={{ marginBottom: 10 }}>可以在 Tooltip 外部关闭</p>\n </div>\n );\n return (\n <div className="zent-doc-tooltip-none-trigger-container">\n <Tooltip title={content} trigger="none" visible={this.state.visible}>\n <Button type="primary" onClick={this.open}>\n 打开\n </Button>\n </Tooltip>\n <Button disabled={!this.state.visible} onClick={this.close}>\n 外部关闭\n </Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<NoneTriggerDemo />, mountNode);'},p.createElement(h)),p.createElement(x,{title:"禁用元素",id:"Demodisabled",src:'import { Button, Input, Radio, Tooltip } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-container">\n <Tooltip\n trigger="hover"\n title="内容"\n fixMouseEventsOnDisabledChildren\n >\n <Button type="primary" disabled>\n Button\n </Button>\n </Tooltip>\n <Tooltip trigger="hover" title="内容">\n <Input disabled />\n </Tooltip>\n <Tooltip trigger="hover" title="内容">\n <Radio disabled style={{ marginLeft: \'12px\' }} />\n </Tooltip>\n <Tooltip\n trigger="hover"\n title="内容"\n fixMouseEventsOnDisabledChildren\n >\n <Button.Directive type="primary" disabled>\n <a href=""> ButtonDirective </a>\n </Button.Directive>\n </Tooltip>\n </div>,\n mountNode\n);'},p.createElement(v)),p.createElement(b,{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
参数说明类型是否必须默认值备选值
title弹层的提示文字node是
trigger触发方式string否\'hover\'\'click\'\n, \n\'hover\'\n, \n\'focus\'\n, \n\'none\'
position弹出框的位置，命名规则：相对触发元素的位置+箭头相对于Tooltip的位置。接受函数形式，参考 \nPopover.Position.createstring \n|\n func否\'top-center\'
centerArrow是否按小箭头居中对齐trigger来定位bool否false
cushion与 Popover 中的\ncushion\n含义（定位的偏移量）相同，通常为弹框边缘与 trigger 元素之间的距离number否10
containerSelector弹层渲染加载到的父节点CSS selectorstring否\'body\'所有合法的CSS selector
visible外部维护 \nTooltip\n 的显示状态，此时外部拥有 \nTooltip\n 的控制权bool否
onVisibleChange必须和 \nvisible\n 一起使用func否
className自定义类名string否\'\'
style自定义样式CSSProperties否
\n

触发方式的额外API

\n

根据 trigger 值的不同, Tooltip 提供了一些额外的控制参数，同Pop组件.

\n

Click

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值
closeOnClickOutside点击弹层和trigger节点外部时自动关闭bool否true
\n

Hover

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值
mouseEnterDelayhover打开的延迟（单位：毫秒）number否160
mouseLeaveDelay关闭的的延迟（单位：毫秒）number否160
fixMouseEventsOnDisabledChildren对禁用的 Input/Button 做鼠标事件的兼容处理boolean否false
\n

注意：fixMouseEventsOnDisabledChildren 仅对 Zent 组件有效。

\n

背景

\n\n

解决方案

\n
    \n
  • 先将元素 input 或 button 包裹在另一元素内部
    • \n
  • 再给元素 input 或 button 加样式 {pointer-events: none}
    • \n
\n

None

\n

这种模式下 需要使用者自己在回调中控制 visible 来关闭 Tooltip.

'}))}}},4246:(n,s,a)=>{"use strict";a.d(s,{E:()=>u});var t=a(59312),p=a(24246),o=a(60042),e=a.n(o),c=a(27378),l=a(57961),i=a(1348);function u(n){var s=(0,c.useContext)(i.d),a=n.value,o=n.disabled,u=void 0===o?s.value:o,r=n.readOnly,k=void 0!==r&&r,d=n.isValueEqual,g=void 0===d?Object.is:d,m=n.className,h=n.style,v=n.children,y=n.onChange,b=(0,c.useMemo)((function(){return{value:a,disabled:u,readOnly:k,isValueEqual:g,onRadioChange:y}}),[a,u,k,g,y]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:b},{children:(0,p.jsx)("div",(0,t.pi)({className:e()("zent-radio-group",m),style:h,"data-zv":"10.0.9"},{children:v}),void 0)}),void 0)}s.Z=u},57961:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)(null);t.displayName="RadioGroupContext",s.Z=t},71457:(n,s,a)=>{"use strict";a.d(s,{Y:()=>g,Z:()=>m});var t=a(59312),p=a(24246),o=a(60042),e=a.n(o),c=a(1535),l=a(27378);function i(n,s){var a=(0,l.useRef)(s);a.current=s;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var s=function(n,s){var a=Object.create(n);return a.target=(0,t.pi)((0,t.pi)({},s),{type:"radio",checked:n.target.checked}),a}(n,a.current);if(p)p(s);else{var o=a.current.onChange;o&&o(s)}}),[p])}function u(n,s,a){var t=function(n,s,a){return"boolean"==typeof a.disabled?a.disabled:s&&"boolean"==typeof s.disabled?s.disabled:n.value}(n,s,a),p=function(n,s){return"boolean"==typeof s.readOnly?s.readOnly:!!n&&n.readOnly}(s,a);return{checked:s?s.isValueEqual(s.value,a.value):!!a.checked,disabled:t,readOnly:p}}var r=a(4246),k=a(1348),d=a(57961);function g(n){var s=n.className,a=n.style,o=n.children,r=(n.value,n.width),g=n.labelStyle,m=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),v=(0,l.useContext)(d.Z),y=u(h,v,n),b=y.checked,f=y.disabled,j=y.readOnly,x=i(v,n),z=e()(s,"zent-radio-wrap",{"zent-radio-checked":!!b,"zent-radio-disabled":f||j}),w=(0,c.Z)(r),T=(0,t.pi)((0,t.pi)({},a),w);return(0,p.jsxs)("label",(0,t.pi)({className:z,style:T,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},m,{type:"radio",checked:!!b,disabled:f,readOnly:j,onChange:x,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==o&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:g,"data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)}g.Button=function(n){var s=n.className,a=n.style,o=n.children,r=(n.value,n.width),g=n.onMouseEnter,m=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),v=(0,l.useContext)(k.d),y=(0,l.useContext)(d.Z);if(!y)throw new Error("Radio.Button must be nested within Radio.Group");var b=u(v,y,n),f=b.checked,j=b.disabled,x=b.readOnly,z=i(y,n),w=e()(s,"zent-radio-button",{"zent-radio-button--checked":!!f,"zent-radio-button--disabled":j||x}),T=(0,c.Z)(r),C=(0,t.pi)((0,t.pi)({},a),T);return(0,p.jsxs)("label",(0,t.pi)({className:w,style:C,onMouseEnter:g,onMouseLeave:m,"data-zv":"10.0.9"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!f,disabled:j,readOnly:x,onChange:z,"data-zv":"10.0.9"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)},g.Group=r.Z;var m=g},57097:(n,s,a)=>{"use strict";a.d(s,{u:()=>d});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(42690),i=a(33806),u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s}(i.ZP.Trigger.Base),r=a(50707),k=i.ZP.Trigger,d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.popoverRef=(0,o.createRef)(),s}return(0,t.ZT)(s,n),s.prototype.renderContent=function(){var n=this.props.title;return(0,p.jsxs)(i.ZP.Content,{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-tooltip-v2-inner","data-zv":"10.0.9"},{children:n}),void 0),(0,p.jsx)("i",{className:"zent-tooltip-v2-arrow","data-zv":"10.0.9"},void 0)]},void 0)},s.prototype.renderTrigger=function(){var n=this.props.children;if("click"===this.props.trigger){var s=this.props.closeOnClickOutside,a=void 0===s||s;return(0,p.jsx)(k.Click,(0,t.pi)({closeOnClickOutside:a},{children:n}),void 0)}if("hover"===this.props.trigger){var o=this.props,e=o.mouseLeaveDelay,c=void 0===e?200:e,l=o.mouseEnterDelay,i=void 0===l?200:l,r=o.anchorOnly,d=o.fixMouseEventsOnDisabledChildren;return(0,p.jsx)(k.Hover,(0,t.pi)({showDelay:i,hideDelay:c,anchorOnly:r,fixMouseEventsOnDisabledChildren:d},{children:n}),void 0)}return"focus"===this.props.trigger?(0,p.jsx)(k.Focus,{children:n},void 0):"none"===this.props.trigger?(0,p.jsx)(u,{children:n},void 0):null},s.prototype.render=function(){var n=this.props,s=n.className,a=n.trigger,o=n.visible,e=n.position,u=n.cushion,k=n.centerArrow,d=n.containerSelector,g=n.style,m=c()("zent-tooltip-v2",s),h=this.props.onVisibleChange;return"none"===a&&(h=h||l.Z),(0,p.jsxs)(i.ZP,(0,t.pi)({visible:o,onVisibleChange:h,className:m,cushion:u,position:(0,r.Z)(e,k),containerSelector:d,ref:this.popoverRef,style:g},{children:[this.renderTrigger(),this.renderContent()]}),void 0)},s.defaultProps={trigger:"hover",position:"top-center",cushion:8,centerArrow:!1,containerSelector:"body"},s}(o.Component)},1535:(n,s,a)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4600],{94600:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>z});var t=a(73450),p=a(27378),o=a(57318),e=a(57097),c=a(3454),l=a(82285),i=a(71457),u=a(24246);function r(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 k(n){for(var s=1;s{this.setState({visible:!1})})),(0,t.Z)(this,"open",(()=>{this.setState({visible:!0})}))}render(){var n=(0,u.jsx)("div",{children:(0,u.jsx)("p",{style:{marginBottom:10},children:"可以在 Tooltip 外部关闭"})});return(0,u.jsxs)("div",{className:"zent-doc-tooltip-none-trigger-container",children:[(0,u.jsx)(e.u,{title:n,trigger:"none",visible:this.state.visible,children:(0,u.jsx)(c.z,{type:"primary",onClick:this.open,children:"打开"})}),(0,u.jsx)(c.z,{disabled:!this.state.visible,onClick:this.close,children:"外部关闭"})]})}}return(0,u.jsx)(n,{})},v=function(){return(0,u.jsxs)("div",{className:"zent-doc-tooltip-container",children:[(0,u.jsx)(e.u,{trigger:"hover",title:"内容",fixMouseEventsOnDisabledChildren:!0,children:(0,u.jsx)(c.z,{type:"primary",disabled:!0,children:"Button"})}),(0,u.jsx)(e.u,{trigger:"hover",title:"内容",children:(0,u.jsx)(l.I,{disabled:!0})}),(0,u.jsx)(e.u,{trigger:"hover",title:"内容",children:(0,u.jsx)(i.Y,{disabled:!0,style:{marginLeft:"12px"}})}),(0,u.jsx)(e.u,{trigger:"hover",title:"内容",fixMouseEventsOnDisabledChildren:!0,children:(0,u.jsx)(c.z.Directive,{type:"primary",disabled:!0,children:(0,u.jsx)("a",{href:"",children:" ButtonDirective "})})})]})};function y(n){return(0,u.jsx)(n.tag,k(k({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function b(n){return(0,u.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,u.jsx)(y,{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 x extends p.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,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:a||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class z extends p.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 p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:".zent-doc-tooltip-container {\n\t\tdisplay: flex;\n\t\tjustify-content: left;\n\t\talign-items: center;\n\t}\n\n\t\t.zent-doc-tooltip-container .zent-doc-tooltip-tag {\n\t\t\tborder: 1px solid #e5e5e5;\n\t\t\tborder-radius: 20%;\n\t\t\tpadding: 3px;\n\t\t\tfont-size: 12px;\n\t\t\tcursor: default\n\t\t}\n\n\t\t.zent-doc-tooltip-container .zent-doc-tooltip-tag:not(:last-child) {\n\t\tmargin-right: 10px;\n}\n\n\t\t.zent-doc-tooltip-container .zent-input-wrapper {\n\t\t\tmargin-left: 10px;\n\t\t}\n\n.zent-doc-tooltip-positions {\n\t\twidth: 630px;\n position: relative;\n }\n\n.zent-doc-tooltip-positions-top-row,\n\t\t.zent-doc-tooltip-positions-bottom-row {\n\t\t\tdisplay: flex;\n justify-content: center;\n }\n\n.zent-doc-tooltip-positions-top-row .zent-tooltip-wrapper:not(:last-child), .zent-doc-tooltip-positions-bottom-row .zent-tooltip-wrapper:not(:last-child) {\n margin-right: 10px\n }\n\n.zent-doc-tooltip-positions-bottom-row {\n margin-top: 64px;\n }\n\n.zent-doc-tooltip-positions-left-col, .zent-doc-tooltip-positions-right-col {\n position: absolute;\n top: 0;\n display: flex;\n justify-content: center;\n flex-direction: column;\n height: 100%;\n }\n\n.zent-doc-tooltip-positions-left-col .zent-btn, .zent-doc-tooltip-positions-right-col .zent-btn {\n\t\t\t\tmargin-left: 0 !important;\n\t\t\t}\n\n.zent-doc-tooltip-positions-left-col .zent-btn:not(:last-child), .zent-doc-tooltip-positions-right-col .zent-btn:not(:last-child) {\n margin-bottom: 10px;\n }\n\n.zent-doc-tooltip-positions-left-col {\n left: 0;\n }\n\n.zent-doc-tooltip-positions-right-col {\n right: -10px;\n }\n\n.zent-doc-tooltip-positions .zent-tooltip-wrapper .zent-btn {\n width: 120px;\n }\n\n.zent-doc-tooltip-none-trigger-container {\n display: flex;\n justify-content: left;\n\t}\n\n.zent-doc-tooltip-none-trigger-container .zent-tooltip-wrapper {\n\t\t\tmargin-right: 10px;\n\t\t}"}),p.createElement(b,{html:'

Tooltip

\n
    \n
  • 多种触发方式：点击，鼠标移入，获得输入焦点，默认为 hover 时触发
    • \n
  • 只单纯做展示提示同 HTML title 属性，不承载过多的复杂操作
    • \n
\n

代码演示

'}),p.createElement(x,{title:"三种触发方式: 点击，鼠标移入，获得输入焦点",id:"Demotrigger",src:'import { Tooltip, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-container">\n <Tooltip trigger="hover" title="鼠标移入触发方式">\n <Button type="primary">移入鼠标</Button>\n </Tooltip>\n <Tooltip trigger="click" title="鼠标点击触发方式">\n <Button type="primary">点击鼠标</Button>\n </Tooltip>\n <Tooltip trigger="focus" title="获得输入焦点触发方式">\n <Input defaultValue="点击获取焦点" />\n </Tooltip>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(x,{title:"12种定位",id:"Demopositions",src:'import { Tooltip, Button } from \'zent\';\n\nconst trigger = \'hover\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-positions">\n <div className="zent-doc-tooltip-positions-top-row">\n <Tooltip trigger={trigger} position="top-left" title="TL">\n <Button>TopLeft</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="top-center" title="TC">\n <Button>TopCenter</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="top-right" title="TR">\n <Button>TopRight</Button>\n </Tooltip>\n </div>\n <div className="zent-doc-tooltip-positions-bottom-row">\n <Tooltip trigger={trigger} position="bottom-left" title="BL">\n <Button>BottomLeft</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="bottom-center" title="BC">\n <Button>BottomCenter</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="bottom-right" title="BR">\n <Button>BottomRight</Button>\n </Tooltip>\n </div>\n <div className="zent-doc-tooltip-positions-left-col">\n <Tooltip trigger={trigger} position="left-center" title="LC">\n <Button>LeftCenter</Button>\n </Tooltip>\n </div>\n <div className="zent-doc-tooltip-positions-right-col">\n <Tooltip trigger={trigger} position="right-center" title="RC">\n <Button>RightCenter</Button>\n </Tooltip>\n </div>\n </div>,\n mountNode\n);'},p.createElement(g)),p.createElement(x,{title:"使用 `centerArrow` 来控制气泡小三角的位置",id:"Democenterarrow",src:'import { Tooltip, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-container">\n <Tooltip centerArrow trigger="hover" position="top-left" title="centerArrow 为 true">\n <span className="zent-doc-tooltip-tag">Y</span>\n </Tooltip>\n <Tooltip trigger="hover" position="top-left" title="centerArrow 为 false">\n <span className="zent-doc-tooltip-tag">N</span>\n </Tooltip>\n </div>\n , mountNode\n);'},p.createElement(m)),p.createElement(x,{title:"外部控制显示隐藏",id:"Democontrolled",src:'import { Tooltip, Button } from \'zent\';\n\nclass NoneTriggerDemo extends Component {\n state = {\n visible: false,\n };\n\n close = () => {\n this.setState({\n visible: false,\n });\n };\n\n open = () => {\n this.setState({\n visible: true,\n });\n };\n\n render() {\n const content = (\n <div>\n <p style={{ marginBottom: 10 }}>可以在 Tooltip 外部关闭</p>\n </div>\n );\n return (\n <div className="zent-doc-tooltip-none-trigger-container">\n <Tooltip title={content} trigger="none" visible={this.state.visible}>\n <Button type="primary" onClick={this.open}>\n 打开\n </Button>\n </Tooltip>\n <Button disabled={!this.state.visible} onClick={this.close}>\n 外部关闭\n </Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<NoneTriggerDemo />, mountNode);'},p.createElement(h)),p.createElement(x,{title:"禁用元素",id:"Demodisabled",src:'import { Button, Input, Radio, Tooltip } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-container">\n <Tooltip\n trigger="hover"\n title="内容"\n fixMouseEventsOnDisabledChildren\n >\n <Button type="primary" disabled>\n Button\n </Button>\n </Tooltip>\n <Tooltip trigger="hover" title="内容">\n <Input disabled />\n </Tooltip>\n <Tooltip trigger="hover" title="内容">\n <Radio disabled style={{ marginLeft: \'12px\' }} />\n </Tooltip>\n <Tooltip\n trigger="hover"\n title="内容"\n fixMouseEventsOnDisabledChildren\n >\n <Button.Directive type="primary" disabled>\n <a href=""> ButtonDirective </a>\n </Button.Directive>\n </Tooltip>\n </div>,\n mountNode\n);'},p.createElement(v)),p.createElement(b,{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
参数说明类型是否必须默认值备选值
title弹层的提示文字node是
trigger触发方式string否\'hover\'\'click\'\n, \n\'hover\'\n, \n\'focus\'\n, \n\'none\'
position弹出框的位置，命名规则：相对触发元素的位置+箭头相对于Tooltip的位置。接受函数形式，参考 \nPopover.Position.createstring \n|\n func否\'top-center\'
centerArrow是否按小箭头居中对齐trigger来定位bool否false
cushion与 Popover 中的\ncushion\n含义（定位的偏移量）相同，通常为弹框边缘与 trigger 元素之间的距离number否10
containerSelector弹层渲染加载到的父节点CSS selectorstring否\'body\'所有合法的CSS selector
visible外部维护 \nTooltip\n 的显示状态，此时外部拥有 \nTooltip\n 的控制权bool否
onVisibleChange必须和 \nvisible\n 一起使用func否
className自定义类名string否\'\'
style自定义样式CSSProperties否
\n

触发方式的额外API

\n

根据 trigger 值的不同, Tooltip 提供了一些额外的控制参数，同Pop组件.

\n

Click

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值
closeOnClickOutside点击弹层和trigger节点外部时自动关闭bool否true
\n

Hover

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值
mouseEnterDelayhover打开的延迟（单位：毫秒）number否160
mouseLeaveDelay关闭的的延迟（单位：毫秒）number否160
fixMouseEventsOnDisabledChildren对禁用的 Input/Button 做鼠标事件的兼容处理boolean否false
\n

注意：fixMouseEventsOnDisabledChildren 仅对 Zent 组件有效。

\n

背景

\n\n

解决方案

\n
    \n
  • 先将元素 input 或 button 包裹在另一元素内部
    • \n
  • 再给元素 input 或 button 加样式 {pointer-events: none}
    • \n
\n

None

\n

这种模式下 需要使用者自己在回调中控制 visible 来关闭 Tooltip.

'}))}}},4246:(n,s,a)=>{"use strict";a.d(s,{E:()=>u});var t=a(59312),p=a(24246),o=a(60042),e=a.n(o),c=a(27378),l=a(57961),i=a(1348);function u(n){var s=(0,c.useContext)(i.d),a=n.value,o=n.disabled,u=void 0===o?s.value:o,r=n.readOnly,k=void 0!==r&&r,d=n.isValueEqual,g=void 0===d?Object.is:d,m=n.className,h=n.style,v=n.children,y=n.onChange,b=(0,c.useMemo)((function(){return{value:a,disabled:u,readOnly:k,isValueEqual:g,onRadioChange:y}}),[a,u,k,g,y]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:b},{children:(0,p.jsx)("div",(0,t.pi)({className:e()("zent-radio-group",m),style:h,"data-zv":"10.0.10"},{children:v}),void 0)}),void 0)}s.Z=u},57961:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)(null);t.displayName="RadioGroupContext",s.Z=t},71457:(n,s,a)=>{"use strict";a.d(s,{Y:()=>g,Z:()=>m});var t=a(59312),p=a(24246),o=a(60042),e=a.n(o),c=a(1535),l=a(27378);function i(n,s){var a=(0,l.useRef)(s);a.current=s;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var s=function(n,s){var a=Object.create(n);return a.target=(0,t.pi)((0,t.pi)({},s),{type:"radio",checked:n.target.checked}),a}(n,a.current);if(p)p(s);else{var o=a.current.onChange;o&&o(s)}}),[p])}function u(n,s,a){var t=function(n,s,a){return"boolean"==typeof a.disabled?a.disabled:s&&"boolean"==typeof s.disabled?s.disabled:n.value}(n,s,a),p=function(n,s){return"boolean"==typeof s.readOnly?s.readOnly:!!n&&n.readOnly}(s,a);return{checked:s?s.isValueEqual(s.value,a.value):!!a.checked,disabled:t,readOnly:p}}var r=a(4246),k=a(1348),d=a(57961);function g(n){var s=n.className,a=n.style,o=n.children,r=(n.value,n.width),g=n.labelStyle,m=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),v=(0,l.useContext)(d.Z),y=u(h,v,n),b=y.checked,f=y.disabled,j=y.readOnly,x=i(v,n),z=e()(s,"zent-radio-wrap",{"zent-radio-checked":!!b,"zent-radio-disabled":f||j}),w=(0,c.Z)(r),T=(0,t.pi)((0,t.pi)({},a),w);return(0,p.jsxs)("label",(0,t.pi)({className:z,style:T,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},m,{type:"radio",checked:!!b,disabled:f,readOnly:j,onChange:x,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==o&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:g,"data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)}g.Button=function(n){var s=n.className,a=n.style,o=n.children,r=(n.value,n.width),g=n.onMouseEnter,m=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),v=(0,l.useContext)(k.d),y=(0,l.useContext)(d.Z);if(!y)throw new Error("Radio.Button must be nested within Radio.Group");var b=u(v,y,n),f=b.checked,j=b.disabled,x=b.readOnly,z=i(y,n),w=e()(s,"zent-radio-button",{"zent-radio-button--checked":!!f,"zent-radio-button--disabled":j||x}),T=(0,c.Z)(r),C=(0,t.pi)((0,t.pi)({},a),T);return(0,p.jsxs)("label",(0,t.pi)({className:w,style:C,onMouseEnter:g,onMouseLeave:m,"data-zv":"10.0.10"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!f,disabled:j,readOnly:x,onChange:z,"data-zv":"10.0.10"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)},g.Group=r.Z;var m=g},57097:(n,s,a)=>{"use strict";a.d(s,{u:()=>d});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(42690),i=a(33806),u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s}(i.ZP.Trigger.Base),r=a(50707),k=i.ZP.Trigger,d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.popoverRef=(0,o.createRef)(),s}return(0,t.ZT)(s,n),s.prototype.renderContent=function(){var n=this.props.title;return(0,p.jsxs)(i.ZP.Content,{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-tooltip-v2-inner","data-zv":"10.0.10"},{children:n}),void 0),(0,p.jsx)("i",{className:"zent-tooltip-v2-arrow","data-zv":"10.0.10"},void 0)]},void 0)},s.prototype.renderTrigger=function(){var n=this.props.children;if("click"===this.props.trigger){var s=this.props.closeOnClickOutside,a=void 0===s||s;return(0,p.jsx)(k.Click,(0,t.pi)({closeOnClickOutside:a},{children:n}),void 0)}if("hover"===this.props.trigger){var o=this.props,e=o.mouseLeaveDelay,c=void 0===e?200:e,l=o.mouseEnterDelay,i=void 0===l?200:l,r=o.anchorOnly,d=o.fixMouseEventsOnDisabledChildren;return(0,p.jsx)(k.Hover,(0,t.pi)({showDelay:i,hideDelay:c,anchorOnly:r,fixMouseEventsOnDisabledChildren:d},{children:n}),void 0)}return"focus"===this.props.trigger?(0,p.jsx)(k.Focus,{children:n},void 0):"none"===this.props.trigger?(0,p.jsx)(u,{children:n},void 0):null},s.prototype.render=function(){var n=this.props,s=n.className,a=n.trigger,o=n.visible,e=n.position,u=n.cushion,k=n.centerArrow,d=n.containerSelector,g=n.style,m=c()("zent-tooltip-v2",s),h=this.props.onVisibleChange;return"none"===a&&(h=h||l.Z),(0,p.jsxs)(i.ZP,(0,t.pi)({visible:o,onVisibleChange:h,className:m,cushion:u,position:(0,r.Z)(e,k),containerSelector:d,ref:this.popoverRef,style:g},{children:[this.renderTrigger(),this.renderContent()]}),void 0)},s.defaultProps={trigger:"hover",position:"top-center",cushion:8,centerArrow:!1,containerSelector:"body"},s}(o.Component)},1535:(n,s,a)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file diff --git a/464-200108a1e59b70e0050e.js b/464-dcad482a87b99b6bfa34.js similarity index 85% rename from 464-200108a1e59b70e0050e.js rename to 464-dcad482a87b99b6bfa34.js index 014ea3b19..c294909a7 100644 --- a/464-200108a1e59b70e0050e.js +++ b/464-dcad482a87b99b6bfa34.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[464],{80464:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>O});var t=s(73450),p=s(27378),e=s(57318),o=s(92497),c=s(3454),l=s(82285),i=s(11497),u=s(71457),r=s(33938),k=s(24246);function d(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function m(n){for(var a=1;a{i.Hj.alert({content:"Pop Closed",parentComponent:this})}))}render(){return(0,k.jsx)(o.X,{trigger:"click",content:(0,k.jsx)("span",{style:{maxWidth:100,wordBreak:"break-all",display:"inline-block"},children:"1111d kdsalkdsa kdsklda kdslkda kdanmcmdj 9209 kjfslk kdslkd"}),onConfirm:this.confirmHandler,children:(0,k.jsx)(c.z,{type:"primary",children:"Open"})})}}return(0,k.jsx)(n,{})},y=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"confirmHandler",(()=>{i.Hj.alert({content:"Pop opened",parentComponent:this})}))}render(){return(0,k.jsx)(o.X,{trigger:"click",header:"Pop title",content:"Pop content",type:"primary",confirmText:"Error",cancelText:"Close",onConfirm:this.confirmHandler,children:(0,k.jsx)(c.z,{type:"primary",children:"Open"})})}}return(0,k.jsx)(n,{})},b=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{visible:!1}),(0,t.Z)(this,"onBeforeClose",(()=>new Promise((n=>{setTimeout(n,500)}))))}onBeforeShow(n){setTimeout(n,500)}render(){return(0,k.jsx)(o.X,{content:"Delay 500ms to close",trigger:"click",onBeforeShow:this.onBeforeShow,onBeforeClose:this.onBeforeClose,children:(0,k.jsx)(c.z,{type:"primary",children:"Delay 500ms to open"})})}}return(0,k.jsx)(n,{})},x=function(){var n=o.X.withPop((function({pop:n}){return(0,k.jsxs)("div",{children:[(0,k.jsx)("div",{style:{marginBottom:16},children:"Pop content"}),(0,k.jsx)(c.z,{onClick:n.close,children:"Close"})]})}));return(0,k.jsx)(o.X,{trigger:"click",content:(0,k.jsx)(n,{}),children:(0,k.jsx)(c.z,{type:"primary",children:"Open"})})},C=function(){return(0,k.jsxs)("div",{className:"zent-doc-pop-container",children:[(0,k.jsx)(o.X,{centerArrow:!0,trigger:"hover",position:"top-left",content:"content",children:(0,k.jsx)(u.Y,{disabled:!0})}),(0,k.jsx)(o.X,{centerArrow:!0,trigger:"hover",position:"top-left",content:"content",children:(0,k.jsx)(r.X,{disabled:!0})}),(0,k.jsx)(o.X,{trigger:"hover",position:"top-center",content:"content",children:(0,k.jsx)(l.I,{disabled:!0,className:"zent-pop-disabled-mr"})}),(0,k.jsx)(o.X,{trigger:"hover",position:"top-center",content:"content",fixMouseEventsOnDisabledChildren:!0,children:(0,k.jsx)(c.z,{type:"primary",disabled:!0,children:"Button"})}),(0,k.jsx)(o.X,{trigger:"hover",position:"top-center",content:"content",fixMouseEventsOnDisabledChildren:!0,children:(0,k.jsx)(c.z.Directive,{type:"primary",disabled:!0,children:(0,k.jsx)("a",{href:"",children:" ButtonDirective "})})})]})};function w(n){return(0,k.jsx)(n.tag,m(m({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function j(n){return(0,k.jsx)(w,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function z(n){return(0,k.jsx)(w,{tag:"style",html:n.style})}function P(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),P(n.parentNode,a);return a}class N extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:s||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(w,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class O extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,P(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(z,{style:".zent-doc-pop-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t.zent-doc-pop-container .zent-input-wrapper {\n\t\t\tmargin-left: 10px;\n\t\t}\n\n.zent-doc-pop-positions {\n position: relative;\n }\n\n.zent-doc-pop-positions-top-row,\n\t\t.zent-doc-pop-positions-bottom-row {\n text-align: center;\n }\n\n.zent-doc-pop-positions-top-row .zent-pop-wrapper:not(:last-child), .zent-doc-pop-positions-bottom-row .zent-pop-wrapper:not(:last-child) {\n margin-right: 10px;\n }\n\n.zent-doc-pop-positions-bottom-row {\n margin-top: 200px;\n }\n\n.zent-doc-pop-positions-left-col, .zent-doc-pop-positions-right-col {\n position: absolute;\n top: 0;\n display: flex;\n justify-content: center;\n flex-direction: column;\n height: 100%;\n }\n\n.zent-doc-pop-positions-left-col >*, .zent-doc-pop-positions-right-col >* {\n\t\t\t\tmargin-left: 0 !important;\n\t\t\t}\n\n.zent-doc-pop-positions-left-col >*:not(:last-child), .zent-doc-pop-positions-right-col >*:not(:last-child) {\n\t\t\t\tmargin-bottom: 10px;\n }\n\n.zent-doc-pop-positions-left-col {\n left: 0;\n }\n\n.zent-doc-pop-positions-right-col {\n right: 0;\n }\n\n.zent-doc-pop-positions .zent-pop-wrapper .zent-btn {\n width: 120px;\n }\n\n.zent-doc-pop-tag {\n\twidth: 20px;\n\theight: 20px;\n\ttext-align: center;\n\tline-height: 20px;\n\tborder: 1px solid #e5e5e5;\n\tborder-radius: 5px;\n\tmargin-right: 10px;\n}\n\n.zent-pop-disabled-mr {\n\t\tmargin-right:16px;\n\t}"}),p.createElement(j,{html:'

Pop

\n

The modeless window that follows the target element is often used for lightweight information display and data input.

\n

Guides

\n
    \n
  • Triggers: click, hover and focus
    • \n
  • Supports arbitary content in popup
    • \n
\n

Demos

'}),p.createElement(N,{title:"Three trigger modes: click, hover and focus",id:"Demotrigger",src:'import { Pop, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-pop-container">\n <Pop trigger="hover" content="Hover Trigger">\n <Button type="primary">Hover</Button>\n </Pop>\n <Pop trigger="click" content="Click Trigger">\n <Button type="primary">Click</Button>\n </Pop>\n <Pop trigger="focus" content="Focus Trigger">\n <Input defaultValue="Focus" inline />\n </Pop>\n </div>\n , mountNode\n)'},p.createElement(g)),p.createElement(N,{title:"8 positions",id:"Demopositions",src:'import { Pop, Button } from \'zent\';\n\nconst trigger = \'hover\';\n\nReactDOM.render(\n <div className="zent-doc-pop-positions">\n <div className="zent-doc-pop-positions-top-row">\n <Pop trigger={trigger} position="top-left" content="TL">\n <Button>TopLeft</Button>\n </Pop>\n <Pop trigger={trigger} position="top-center" content="TC">\n <Button>TopCenter</Button>\n </Pop>\n <Pop trigger={trigger} position="top-right" content="TR">\n <Button>TopRight</Button>\n </Pop>\n </div>\n <div className="zent-doc-pop-positions-bottom-row">\n <Pop trigger={trigger} position="bottom-left" content="BL">\n <Button>BottomLeft</Button>\n </Pop>\n <Pop trigger={trigger} position="bottom-center" content="BC">\n <Button>BottomCenter</Button>\n </Pop>\n <Pop trigger={trigger} position="bottom-right" content="BR">\n <Button>BottomRight</Button>\n </Pop>\n </div>\n <div className="zent-doc-pop-positions-left-col">\n <Pop trigger={trigger} position="left-center" content="LC">\n <Button>LeftCenter</Button>\n </Pop>\n </div>\n <div className="zent-doc-pop-positions-right-col">\n <Pop trigger={trigger} position="right-center" content="RC">\n <Button>RightCenter</Button>\n </Pop>\n </div>\n </div>,\n mountNode\n);'},p.createElement(h)),p.createElement(N,{title:"Use `centerArrow` to control arrow position",id:"Democenterarrow",src:'import { Pop, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-pop-container">\n <Pop centerArrow trigger="hover" position="top-left" content="centerArrow is true">\n <div className="zent-doc-pop-tag">Y</div>\n </Pop>\n <Pop trigger="hover" position="top-left" content="centerArrow is false">\n <div className="zent-doc-pop-tag">N</div>\n </Pop>\n </div>\n , mountNode\n);'},p.createElement(v)),p.createElement(N,{title:"Confirm Pop",id:"Democonfirm",src:'import { Pop, Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n confirmHandler = () => {\n Sweetalert.alert({\n content: \'Pop Closed\',\n parentComponent: this,\n });\n };\n\n render() {\n return (\n <Pop\n trigger="click"\n content={\n <span\n style={{\n maxWidth: 100,\n wordBreak: \'break-all\',\n display: \'inline-block\',\n }}\n >\n 1111d kdsalkdsa kdsklda kdslkda kdanmcmdj 9209 kjfslk kdslkd\n </span>\n }\n onConfirm={this.confirmHandler}\n >\n <Button type="primary">Open</Button>\n </Pop>\n );\n }\n}\n\nReactDOM.render(<Wrapper />, mountNode);'},p.createElement(f)),p.createElement(N,{title:"Custom confirm pop",id:"Democustomconfirm",src:'import { Pop, Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n confirmHandler = () => {\n Sweetalert.alert({\n content: \'Pop opened\',\n parentComponent: this\n });\n }\n\n render() {\n return (\n <Pop\n trigger="click"\n header="Pop title"\n content="Pop content"\n type="primary"\n confirmText="Error"\n cancelText="Close"\n onConfirm={this.confirmHandler}\n >\n <Button type="primary">Open</Button>\n </Pop>\n );\n }\n}\n\nReactDOM.render(<Wrapper/>, mountNode);'},p.createElement(y)),p.createElement(N,{title:"Delayed open / close",id:"Demodelay",src:'import { Pop, Button } from \'zent\';\n\nclass Controlled extends Component {\n state = {\n visible: false\n };\n\n onBeforeShow(cont) {\n setTimeout(cont, 500);\n };\n\n onBeforeClose = () => {\n return new Promise((resolve) => {\n setTimeout(resolve, 500);\n });\n };\n\n render() {\n return (\n <Pop\n content="Delay 500ms to close"\n trigger="click"\n onBeforeShow={this.onBeforeShow}\n onBeforeClose={this.onBeforeClose}\n >\n <Button type="primary">Delay 500ms to open</Button>\n </Pop>\n );\n }\n}\n\nReactDOM.render(\n <Controlled />\n , mountNode\n);'},p.createElement(b)),p.createElement(N,{title:"withPop High Order Component",id:"Demowithpop",src:'import { Pop, Button } from \'zent\';\n\n// 点击 close 按钮可以关闭弹层\nconst Content = Pop.withPop(function Content({ pop }) {\n return (\n <div>\n <div style={{ marginBottom: 16 }}>Pop content</div>\n <Button onClick={pop.close}>Close</Button>\n </div>\n );\n});\n\nReactDOM.render(\n <Pop trigger="click" content={<Content />}>\n <Button type="primary">Open</Button>\n </Pop>,\n mountNode\n);'},p.createElement(x)),p.createElement(N,{title:"Disabled form inputs",id:"Demodisabled",src:'import { Button, Pop, Radio, Checkbox, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-pop-container">\n <Pop\n centerArrow\n trigger="hover"\n position="top-left"\n content="content"\n >\n <Radio disabled></Radio>\n </Pop>\n <Pop\n centerArrow\n trigger="hover"\n position="top-left"\n content="content"\n >\n <Checkbox disabled></Checkbox>\n </Pop>\n <Pop\n trigger="hover"\n position="top-center"\n content="content"\n >\n <Input disabled className="zent-pop-disabled-mr" />\n </Pop>\n <Pop\n trigger="hover"\n position="top-center"\n content="content"\n fixMouseEventsOnDisabledChildren\n >\n <Button type="primary" disabled>\n Button\n </Button>\n </Pop>\n <Pop\n trigger="hover"\n position="top-center"\n content="content"\n fixMouseEventsOnDisabledChildren\n >\n <Button.Directive type="primary" disabled>\n <a href=""> ButtonDirective </a>\n </Button.Directive>\n </Pop>\n </div>,\n mountNode\n);'},p.createElement(C)),p.createElement(j,{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
PropertyDescriptionTypeRequiredDefaultAlternative
contentPop contentnodeYes
triggerTrigger methodstringNo\'none\'\'click\'\n, \n\'hover\'\n, \n\'focus\'
positionPop content position, naming rule: content position relative to trigger + arrow position relative to Pop. Can be a placement function, see \nPopover.Position.createstring \n|\n funcNo\'top-center\'
centerArrowAlways center arrow to triggerboolNofalse
cushionSame as the \ncushion\n in Popover, which is usually the distance between the edge of the Pop and the trigger elementnumberNo10
headerPop headernodeNo
blockIs trigger a block elementboolNofalse
onShowCallback after Pop has openedfuncNonoop
onCloseCallback after Pop has closedfuncNonoop
onBeforeShowCallback before Pop has opened, only user actions can trigger this callback, setting \nvisible\n won\'t trigger this callbackfuncNonoop
onBeforeCloseCallback before Pop has closed, only user actions can trigger this callback, setting \nvisible\n won\'t trigger this callbackfuncNonoop
onConfirmConfirm callbackfuncNo
onCancelCancel callbackfuncNo
confirmTextConfirm button textstringNo\'Confirm\'
cancelTextCancel button textstringNo\'Cancel\'
typeConfirm button typestringNo\'primary\'\'default\'
visiblePop switch to controlled mode if this prop is set, must be used with \nonVisibleChangeboolNo
onVisibleChangeMust be used with \nvisiblefuncNo
onPositionUpdatedcallback after position updates, a position update does not imply a position changefuncNonoop
onPositionReadycallback after content enter viewport, only called once within the life cyclefuncNonoop
containerSelectorpop\'s parent node CSS selectorstringNo\'body\'all legal CSS selector
classNameCustom content class namestringNo
styleCustom content styleCSSPropertiesNo
\n

Pop has some additional props depends on different triggers.

\n

Click

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefault
closeOnClickOutsideClose Pop when click outside trigger and contentboolNotrue
\n

Hover

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefault
mouseEnterDelayHover open delay(in ms)numberNo200
mouseLeaveDelayHover close delay(in ms)numberNo200
anchorOnlyOnly use trigger as hot areabooleanNofalse
fixMouseEventsOnDisabledChildrenFix mouse events on disabled childrenbooleanNofalse
\n

PS:fixMouseEventsOnDisabledChildren is only effective on Zent components.

\n

Why

\n\n

Workaround

\n
    \n
  • Wrap the disabled button/input in another element.
    • \n
  • Then add {pointer-events: none} style to the disabled button/input.
    • \n
\n

None

\n

When using this trigger, onConfirm and onCancel will not close Pop automatically, you are responsible for controlling visible to close Pop.

\n

withPop HOC

\n

This HOC exposes some useful Pop methods.

\n

Possible senario: close Pop within its content.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionType
openOpen Popfunc
closeClose Popfunc
\n

adjustPosition

\n

Use this function to manually adjust Pop position.

\n

getWrappedPopover

\n

Use this function to get the internal Popover instance.

\n

FAQ

\n

Wrong popup position with long text content

\n

It is likely you are passing a long string directly into content if this happens. Give content a width to make sure Pop can get the right width.

\n

centerArrow

\n

Pop aligns edges of its content and trigger by default, the distance between the arrow and content edge is fixed except when position is set to \'*-center\'. The arrow will appear outside of trigger\'s edge when trigger size is small. When this happens you can set centerArrow to true to always align arrow to trigger\'s center.

\n

onConfirm and onCancel

\n

These two callbacks supports asynchronous mode, buttons will change into loading state when pending on result.

\n
    \n
  • If return value is a Promise, Pop will close on Promise resolve.
    • \n
  • If callback has parameters, it will be called with a close argument, Pop will not close until you call close.
    • \n
'}))}}},33938:(n,a,s)=>{"use strict";s.d(a,{X:()=>k});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(1535),i=s(23130),u=s(1348),r=s(4008);function k(n){var a=(0,c.useContext)(u.d),s=(0,c.useContext)(i.Z),e=(0,c.useRef)(n);e.current=n;var r,k=s&&s.onChange,d=(0,c.useCallback)((function(n){var a=e.current,s=a.value,p=a.onChange;if(k)k(s);else if(p){var o=Object.create(n);o.target=(0,t.pi)((0,t.pi)({},e.current),{type:"checkbox",checked:n.target.checked}),p(o)}}),[k]),m=(n.checked,n.className),g=n.style,h=(n.disabled,n.readOnly,n.children),v=n.indeterminate,f=n.width,y=(n.value,n.labelStyle),b=n.onMouseEnter,x=n.onMouseLeave,C=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),w=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(s,n),j=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a?a.disabled:n.value}(a,s,n);if(s){var z=s.value,P=s.isValueEqual;r=-1!==z.findIndex((function(a){return P(a,n.value)}))}else r=!!n.checked;return(0,p.jsxs)("label",(0,t.pi)({className:o()("zent-checkbox-wrap",m,{"zent-checkbox-checked":!!r,"zent-checkbox-disabled":j||w,"zent-checkbox-indeterminate":v}),style:(0,t.pi)((0,t.pi)({},g),(0,l.Z)(f)),onMouseEnter:b,onMouseLeave:x,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},C,{type:"checkbox",checked:r&&!v,disabled:j,readOnly:w,onChange:d,"data-zv":"10.0.9"}),void 0)]}),void 0),null!=h&&!0!==h&&!1!==h?(0,p.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:y,"data-zv":"10.0.9"},{children:h}),void 0):null]}),void 0)}k.Group=r.Z,a.Z=k},4008:(n,a,s)=>{"use strict";s.d(a,{c:()=>k});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(41925),i=s(23130),u=s(1348),r=i.Z.Provider,k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getGroupContext=(0,l.Z)((function(n,s,t,p){return{value:Array.isArray(n)?n:[],disabled:s,readOnly:t,isValueEqual:p,onChange:a.onCheckboxChange}})),a.onCheckboxChange=function(n){var s=a.props,t=s.isValueEqual,p=s.onChange,e=s.value;if(p){var o=e?e.slice():[],c=o.findIndex((function(a){return t(a,n)}));-1!==c?o.splice(c,1):o.push(n),p(o)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,e=n.children,o=n.value,l=n.disabled,i=void 0===l?this.context.value:l,u=n.readOnly,k=void 0!==u&&u,d=n.isValueEqual,m=c()("zent-checkbox-group",a);return(0,p.jsx)(r,(0,t.pi)({value:this.getGroupContext(o,i,k,d)},{children:(0,p.jsx)("div",(0,t.pi)({className:m,style:s,"data-zv":"10.0.9"},{children:e}),void 0)}),void 0)},a.defaultProps={isValueEqual:Object.is,value:[]},a.contextType=u.d,a}(e.Component);a.Z=k},23130:(n,a,s)=>{"use strict";var t=s(27378);a.Z=(0,t.createContext)(null)},69024:(n,a,s)=>{"use strict";s.d(a,{V:()=>P,Z:()=>N});var t=s(59312),p=s(24246),e=s(27378),o=s(14623),c=s(53552),l=s(79352),i=s(60042),u=s.n(i),r=s(58801),k=s(27036),d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.dialogEl=null,a.onClickClose=function(n){var s=a.props.onClose;s&&s(n)},a}return(0,t.ZT)(a,n),a.prototype.componentDidMount=function(){this.resetTransformOrigin()},a.prototype.componentDidUpdate=function(){this.resetTransformOrigin()},a.prototype.resetTransformOrigin=function(n){void 0===n&&(n=this.props);var a=n.mousePosition;if(a&&a.x>=0&&a.y>=0&&this.dialogEl&&this.dialogEl.getBoundingClientRect){var s=this.dialogEl.getBoundingClientRect(),t=s.left,p=s.top,e=a.x-t+"px "+(a.y-p)+"px 0",o=this.dialogEl.style;["Webkit","Moz","Ms","ms"].forEach((function(n){o[n+"TransformOrigin"]=e})),o.transformOrigin=e}},a.prototype.renderHeader=function(){var n=this.props.title;return n?(n="number"==typeof n||"string"==typeof n?(0,p.jsx)("span",(0,t.pi)({className:"zent-dialog-r-title-text","data-zv":"10.0.9"},{children:n}),void 0):n,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-header","data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-title","data-zv":"10.0.9"},{children:n}),void 0)}),void 0)):null},a.prototype.render=function(){var n=this,a=this.props,s=a.className,e=a.closeBtn,o=a.footer,c=a.style,l=a.children,i=this.renderHeader(),r=u()("zent-dialog-r-close",{"zent-dialog-r-has-title":!!i}),d=e&&(0,p.jsx)("button",(0,t.pi)({type:"button",className:r,onClick:this.onClickClose,"data-zv":"10.0.9"},{children:(0,p.jsx)(k.Z,{type:"close"},void 0)}),void 0),m=o&&(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-footer","data-zv":"10.0.9"},{children:o}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:u()("zent-dialog-r",s,{"zent-dialog-r--has-header":!!i,"zent-dialog-r--has-footer":!!m,"zent-dialog-r--no-close-btn":!d}),style:c,ref:function(a){return n.dialogEl=a},"data-zv":"10.0.9"},{children:[d,i,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body","data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body-content","data-zv":"10.0.9"},{children:l}),void 0)}),void 0),m]}),void 0)},a}(e.Component),m=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.rootRef=(0,e.createRef)(),a.onMaskClick=function(n){n.target===n.currentTarget&&a.props.mask&&a.props.maskClosable&&a.props.onClose(n)},a}return(0,t.ZT)(a,n),a.prototype.componentDidMount=function(){var n=document.activeElement,a=this.rootRef.current;a!==n&&a&&!a.contains(n)&&function(n){if(n){var a=(0,r.Z)();n.focus(),window.scroll(a.x,a.y)}}(a)},a.prototype.render=function(){var n=this.props,a=n.mask,s=n.visible,e=n.children;return(0,p.jsxs)("div",(0,t.pi)({ref:this.rootRef,tabIndex:-1,className:"zent-dialog-r-root","data-zv":"10.0.9"},{children:[s&&a&&(0,p.jsx)("div",{className:"zent-dialog-r-backdrop","data-zv":"10.0.9"},void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-wrap",onClick:this.onMaskClick,"data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)},a}(e.Component),g=s(31542),h=s.t(g,2),v=s(70453),f=s(42690),y=s(14805),b=new Map,x=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={visible:!0},a.closeOptions={},a.onClosed=function(){var n=a.props,s=n.options.onClose,t=n.container,p=a.closeOptions.triggerOnClose;(void 0===p||p)&&s&&s(),g.unmountComponentAtNode(t)},a.onClose=function(n){a.close({triggerOnClose:!1!==n})},a}return(0,t.ZT)(a,n),a.prototype.close=function(n){void 0===n&&(n={}),this.closeOptions=n,this.setState({visible:!1})},a.prototype.componentWillUnmount=function(){var n=this.props.options.dialogId;b.delete(n)},a.prototype.render=function(){var n=this.props.options,a=this.state.visible;return(0,p.jsx)(N,(0,t.pi)({},n,{onClose:this.onClose,onClosed:this.onClosed,visible:a}),void 0)},a}(e.Component);function C(n,a){void 0===a&&(a={});var s=b.get(n);if(s){var t=s.current;t&&t.close(a)}}function w(n){if(void 0===n&&(n={}),!l.Z)return f.Z;var a=n.dialogId,s=void 0===a?(0,v.Z)("__zent-dialog__"):a,o=n.parentComponent;!function(n){if(b.has(n))throw new Error("Duplicate dialog id found: "+n)}(s);var c=(0,y.Z)("div"),i=o?g.unstable_renderSubtreeIntoContainer.bind(h,o):g.render,u=(0,e.createRef)();return i((0,p.jsx)(x,{ref:u,options:(0,t.pi)((0,t.pi)({},n),{dialogId:s}),container:c},void 0),c),function(n,a){b.set(n,a)}(s,u),function(n){void 0===n&&(n=!0),C(s,{triggerOnClose:!1!==n})}}var j=s(49744),z=null;l.Z&&(0,j.Oo)(document.documentElement,"click",(function(n){z={x:n.clientX,y:n.clientY}}),{capture:!0});var P=function(n){function a(a){var s=n.call(this,a)||this;return s.lastMousePosition=null,s.onClose=function(n){var a=s.props.onClose;a&&a(n)},s.onExited=function(){var n=s.props.onClosed;s.setState({exiting:!1}),n&&n()},s.state={prevOpen:a.visible,exiting:!1},s}return(0,t.ZT)(a,n),a.getDerivedStateFromProps=function(n,a){var s=a.prevOpen;return n.visible===s?null:n.visible?{prevOpen:n.visible,exiting:!1}:{prevOpen:n.visible,exiting:!0}},a.prototype.render=function(){var n=this.props,a=n.visible,s=n.closeBtn,e=n.style,l=n.onOpened,i=(n.onClosed,n.mask),u=n.maskClosable,r=n.children,k=(0,t._T)(n,["visible","closeBtn","style","onOpened","onClosed","mask","maskClosable","children"]),g=this.state.exiting;return this.lastMousePosition=a?this.lastMousePosition||z:null,(0,p.jsx)(c.ZP,(0,t.pi)({visible:a||g,onClose:this.onClose,className:"zent-dialog-r-anchor",closeOnESC:s,blockPageScroll:!0},{children:(0,p.jsx)(m,(0,t.pi)({mask:i,maskClosable:u,visible:a,onClose:this.onClose},{children:(0,p.jsx)(o.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:a,timeout:300,classNames:"zent-zoom",onEntered:l,onExited:this.onExited},{children:(0,p.jsx)(d,(0,t.pi)({},k,{style:e,closeBtn:s,mousePosition:this.lastMousePosition},{children:r}),void 0)}),void 0)}),void 0)}),void 0)},a.defaultProps={onClose:function(){},visible:!1,className:"",style:{},title:"",closeBtn:!0,mask:!0,maskClosable:!0,footer:null},a.openDialog=w,a.closeDialog=C,a}(e.Component),N=P},4246:(n,a,s)=>{"use strict";s.d(a,{E:()=>u});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),i=s(1348);function u(n){var a=(0,c.useContext)(i.d),s=n.value,e=n.disabled,u=void 0===e?a.value:e,r=n.readOnly,k=void 0!==r&&r,d=n.isValueEqual,m=void 0===d?Object.is:d,g=n.className,h=n.style,v=n.children,f=n.onChange,y=(0,c.useMemo)((function(){return{value:s,disabled:u,readOnly:k,isValueEqual:m,onRadioChange:f}}),[s,u,k,m,f]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:y},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",g),style:h,"data-zv":"10.0.9"},{children:v}),void 0)}),void 0)}a.Z=u},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function i(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function u(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var r=s(4246),k=s(1348),d=s(57961);function m(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.labelStyle,g=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),v=(0,l.useContext)(d.Z),f=u(h,v,n),y=f.checked,b=f.disabled,x=f.readOnly,C=i(v,n),w=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!y,"zent-radio-disabled":b||x}),j=(0,c.Z)(r),z=(0,t.pi)((0,t.pi)({},s),j);return(0,p.jsxs)("label",(0,t.pi)({className:w,style:z,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},g,{type:"radio",checked:!!y,disabled:b,readOnly:x,onChange:C,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.onMouseEnter,g=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),v=(0,l.useContext)(k.d),f=(0,l.useContext)(d.Z);if(!f)throw new Error("Radio.Button must be nested within Radio.Group");var y=u(v,f,n),b=y.checked,x=y.disabled,C=y.readOnly,w=i(f,n),j=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!b,"zent-radio-button--disabled":x||C}),z=(0,c.Z)(r),P=(0,t.pi)((0,t.pi)({},s),z);return(0,p.jsxs)("label",(0,t.pi)({className:j,style:P,onMouseEnter:m,onMouseLeave:g,"data-zv":"10.0.9"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!b,disabled:x,readOnly:C,onChange:w,"data-zv":"10.0.9"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)},m.Group=r.Z;var g=m},11497:(n,a,s)=>{"use strict";s.d(a,{Hj:()=>f});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(52074),l=s(69024).Z,i=s(27036),u=s(27378),r=s(90347),k=s(65436),d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={loading:!1},a.onClick=function(){var n=a.props,s=n.onClick,t=(0,n.getClose)();if(!s)return t();var p=s.length>0,e=p?s(t):s();if((0,k.Z)(e))return a.setState({loading:!0}),void e.then((function(){t()}),(function(){a.setState({loading:!1})}));p||!1===e||t()},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.type,e=n.text,o=this.state.loading;return(0,p.jsx)(r.ZP,(0,t.pi)({type:s,className:a,loading:o,onClick:this.onClick},{children:e}),void 0)},a}(u.Component),m={info:"info-circle-o",success:"check-circle-o",error:"close-circle-o",warning:"warning-o"},g=l.openDialog;function h(n,a){var s,e=n.className,l=void 0===e?"":e,u=n.confirmType,r=void 0===u?"primary":u,k=n.closeBtn,h=void 0!==k&&k,v=n.maskClosable,f=void 0!==v&&v,y=n.title,b=n.type,x=n.content,C=n.onConfirm,w=n.onCancel,j=n.confirmText,z=n.cancelText,P=n.parentComponent,N=n.onClose,O=null;return O=g({closeBtn:h,maskClosable:f,className:o()("zent-sweetalert-"+a,(s={},s[l]=!!l,s)),title:(0,p.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var a=m[b];return(0,p.jsxs)("div",(0,t.pi)({className:"zent-sweetalert-"+(b?"icon-":"")+"title","data-zv":"10.0.9"},{children:[b&&(0,p.jsx)(i.Z,{className:"zent-sweetalert-type-icon",type:a},void 0),y||n.title]}),void 0)}}),void 0),children:x,footer:(0,p.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var s="alert"===a;return(0,p.jsxs)("div",(0,t.pi)({className:"sweet-"+a+"-actions","data-zv":"10.0.9"},{children:[!s&&(0,p.jsx)(d,{type:"default",className:"zent-sweetalert-"+a+"-btn-cancel",getClose:function(){return O},onClick:w,text:z||n.cancel},"sweetalert-cancel"),(0,p.jsx)(d,{type:r,className:"zent-sweetalert-"+a+"-btn-confirm",getClose:function(){return O},onClick:C,text:j||(s?n.ok:n.confirm)},"sweetalert-confirm")]}),void 0)}}),void 0),parentComponent:P,onClose:N})}function v(n){return void 0===n&&(n={}),h(n,"alert")}var f={alert:v,info:v,confirm:function(n){return void 0===n&&(n={}),h(n,"confirm")}}},58801:(n,a,s)=>{"use strict";function t(){var n=window.pageXOffset,a=window.pageYOffset;return{x:void 0!==n?n:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==a?a:(document.documentElement||document.body.parentNode||document.body).scrollTop}}s.d(a,{Z:()=>t})},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[464],{80464:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>O});var t=s(73450),p=s(27378),e=s(57318),o=s(92497),c=s(3454),l=s(82285),i=s(11497),u=s(71457),r=s(33938),k=s(24246);function d(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function m(n){for(var a=1;a{i.Hj.alert({content:"Pop Closed",parentComponent:this})}))}render(){return(0,k.jsx)(o.X,{trigger:"click",content:(0,k.jsx)("span",{style:{maxWidth:100,wordBreak:"break-all",display:"inline-block"},children:"1111d kdsalkdsa kdsklda kdslkda kdanmcmdj 9209 kjfslk kdslkd"}),onConfirm:this.confirmHandler,children:(0,k.jsx)(c.z,{type:"primary",children:"Open"})})}}return(0,k.jsx)(n,{})},y=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"confirmHandler",(()=>{i.Hj.alert({content:"Pop opened",parentComponent:this})}))}render(){return(0,k.jsx)(o.X,{trigger:"click",header:"Pop title",content:"Pop content",type:"primary",confirmText:"Error",cancelText:"Close",onConfirm:this.confirmHandler,children:(0,k.jsx)(c.z,{type:"primary",children:"Open"})})}}return(0,k.jsx)(n,{})},b=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{visible:!1}),(0,t.Z)(this,"onBeforeClose",(()=>new Promise((n=>{setTimeout(n,500)}))))}onBeforeShow(n){setTimeout(n,500)}render(){return(0,k.jsx)(o.X,{content:"Delay 500ms to close",trigger:"click",onBeforeShow:this.onBeforeShow,onBeforeClose:this.onBeforeClose,children:(0,k.jsx)(c.z,{type:"primary",children:"Delay 500ms to open"})})}}return(0,k.jsx)(n,{})},x=function(){var n=o.X.withPop((function({pop:n}){return(0,k.jsxs)("div",{children:[(0,k.jsx)("div",{style:{marginBottom:16},children:"Pop content"}),(0,k.jsx)(c.z,{onClick:n.close,children:"Close"})]})}));return(0,k.jsx)(o.X,{trigger:"click",content:(0,k.jsx)(n,{}),children:(0,k.jsx)(c.z,{type:"primary",children:"Open"})})},C=function(){return(0,k.jsxs)("div",{className:"zent-doc-pop-container",children:[(0,k.jsx)(o.X,{centerArrow:!0,trigger:"hover",position:"top-left",content:"content",children:(0,k.jsx)(u.Y,{disabled:!0})}),(0,k.jsx)(o.X,{centerArrow:!0,trigger:"hover",position:"top-left",content:"content",children:(0,k.jsx)(r.X,{disabled:!0})}),(0,k.jsx)(o.X,{trigger:"hover",position:"top-center",content:"content",children:(0,k.jsx)(l.I,{disabled:!0,className:"zent-pop-disabled-mr"})}),(0,k.jsx)(o.X,{trigger:"hover",position:"top-center",content:"content",fixMouseEventsOnDisabledChildren:!0,children:(0,k.jsx)(c.z,{type:"primary",disabled:!0,children:"Button"})}),(0,k.jsx)(o.X,{trigger:"hover",position:"top-center",content:"content",fixMouseEventsOnDisabledChildren:!0,children:(0,k.jsx)(c.z.Directive,{type:"primary",disabled:!0,children:(0,k.jsx)("a",{href:"",children:" ButtonDirective "})})})]})};function w(n){return(0,k.jsx)(n.tag,m(m({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function j(n){return(0,k.jsx)(w,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function z(n){return(0,k.jsx)(w,{tag:"style",html:n.style})}function P(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),P(n.parentNode,a);return a}class N extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:s||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(w,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class O extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,P(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(z,{style:".zent-doc-pop-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t.zent-doc-pop-container .zent-input-wrapper {\n\t\t\tmargin-left: 10px;\n\t\t}\n\n.zent-doc-pop-positions {\n position: relative;\n }\n\n.zent-doc-pop-positions-top-row,\n\t\t.zent-doc-pop-positions-bottom-row {\n text-align: center;\n }\n\n.zent-doc-pop-positions-top-row .zent-pop-wrapper:not(:last-child), .zent-doc-pop-positions-bottom-row .zent-pop-wrapper:not(:last-child) {\n margin-right: 10px;\n }\n\n.zent-doc-pop-positions-bottom-row {\n margin-top: 200px;\n }\n\n.zent-doc-pop-positions-left-col, .zent-doc-pop-positions-right-col {\n position: absolute;\n top: 0;\n display: flex;\n justify-content: center;\n flex-direction: column;\n height: 100%;\n }\n\n.zent-doc-pop-positions-left-col >*, .zent-doc-pop-positions-right-col >* {\n\t\t\t\tmargin-left: 0 !important;\n\t\t\t}\n\n.zent-doc-pop-positions-left-col >*:not(:last-child), .zent-doc-pop-positions-right-col >*:not(:last-child) {\n\t\t\t\tmargin-bottom: 10px;\n }\n\n.zent-doc-pop-positions-left-col {\n left: 0;\n }\n\n.zent-doc-pop-positions-right-col {\n right: 0;\n }\n\n.zent-doc-pop-positions .zent-pop-wrapper .zent-btn {\n width: 120px;\n }\n\n.zent-doc-pop-tag {\n\twidth: 20px;\n\theight: 20px;\n\ttext-align: center;\n\tline-height: 20px;\n\tborder: 1px solid #e5e5e5;\n\tborder-radius: 5px;\n\tmargin-right: 10px;\n}\n\n.zent-pop-disabled-mr {\n\t\tmargin-right:16px;\n\t}"}),p.createElement(j,{html:'

Pop

\n

The modeless window that follows the target element is often used for lightweight information display and data input.

\n

Guides

\n
    \n
  • Triggers: click, hover and focus
    • \n
  • Supports arbitary content in popup
    • \n
\n

Demos

'}),p.createElement(N,{title:"Three trigger modes: click, hover and focus",id:"Demotrigger",src:'import { Pop, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-pop-container">\n <Pop trigger="hover" content="Hover Trigger">\n <Button type="primary">Hover</Button>\n </Pop>\n <Pop trigger="click" content="Click Trigger">\n <Button type="primary">Click</Button>\n </Pop>\n <Pop trigger="focus" content="Focus Trigger">\n <Input defaultValue="Focus" inline />\n </Pop>\n </div>\n , mountNode\n)'},p.createElement(g)),p.createElement(N,{title:"8 positions",id:"Demopositions",src:'import { Pop, Button } from \'zent\';\n\nconst trigger = \'hover\';\n\nReactDOM.render(\n <div className="zent-doc-pop-positions">\n <div className="zent-doc-pop-positions-top-row">\n <Pop trigger={trigger} position="top-left" content="TL">\n <Button>TopLeft</Button>\n </Pop>\n <Pop trigger={trigger} position="top-center" content="TC">\n <Button>TopCenter</Button>\n </Pop>\n <Pop trigger={trigger} position="top-right" content="TR">\n <Button>TopRight</Button>\n </Pop>\n </div>\n <div className="zent-doc-pop-positions-bottom-row">\n <Pop trigger={trigger} position="bottom-left" content="BL">\n <Button>BottomLeft</Button>\n </Pop>\n <Pop trigger={trigger} position="bottom-center" content="BC">\n <Button>BottomCenter</Button>\n </Pop>\n <Pop trigger={trigger} position="bottom-right" content="BR">\n <Button>BottomRight</Button>\n </Pop>\n </div>\n <div className="zent-doc-pop-positions-left-col">\n <Pop trigger={trigger} position="left-center" content="LC">\n <Button>LeftCenter</Button>\n </Pop>\n </div>\n <div className="zent-doc-pop-positions-right-col">\n <Pop trigger={trigger} position="right-center" content="RC">\n <Button>RightCenter</Button>\n </Pop>\n </div>\n </div>,\n mountNode\n);'},p.createElement(h)),p.createElement(N,{title:"Use `centerArrow` to control arrow position",id:"Democenterarrow",src:'import { Pop, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-pop-container">\n <Pop centerArrow trigger="hover" position="top-left" content="centerArrow is true">\n <div className="zent-doc-pop-tag">Y</div>\n </Pop>\n <Pop trigger="hover" position="top-left" content="centerArrow is false">\n <div className="zent-doc-pop-tag">N</div>\n </Pop>\n </div>\n , mountNode\n);'},p.createElement(v)),p.createElement(N,{title:"Confirm Pop",id:"Democonfirm",src:'import { Pop, Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n confirmHandler = () => {\n Sweetalert.alert({\n content: \'Pop Closed\',\n parentComponent: this,\n });\n };\n\n render() {\n return (\n <Pop\n trigger="click"\n content={\n <span\n style={{\n maxWidth: 100,\n wordBreak: \'break-all\',\n display: \'inline-block\',\n }}\n >\n 1111d kdsalkdsa kdsklda kdslkda kdanmcmdj 9209 kjfslk kdslkd\n </span>\n }\n onConfirm={this.confirmHandler}\n >\n <Button type="primary">Open</Button>\n </Pop>\n );\n }\n}\n\nReactDOM.render(<Wrapper />, mountNode);'},p.createElement(f)),p.createElement(N,{title:"Custom confirm pop",id:"Democustomconfirm",src:'import { Pop, Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n confirmHandler = () => {\n Sweetalert.alert({\n content: \'Pop opened\',\n parentComponent: this\n });\n }\n\n render() {\n return (\n <Pop\n trigger="click"\n header="Pop title"\n content="Pop content"\n type="primary"\n confirmText="Error"\n cancelText="Close"\n onConfirm={this.confirmHandler}\n >\n <Button type="primary">Open</Button>\n </Pop>\n );\n }\n}\n\nReactDOM.render(<Wrapper/>, mountNode);'},p.createElement(y)),p.createElement(N,{title:"Delayed open / close",id:"Demodelay",src:'import { Pop, Button } from \'zent\';\n\nclass Controlled extends Component {\n state = {\n visible: false\n };\n\n onBeforeShow(cont) {\n setTimeout(cont, 500);\n };\n\n onBeforeClose = () => {\n return new Promise((resolve) => {\n setTimeout(resolve, 500);\n });\n };\n\n render() {\n return (\n <Pop\n content="Delay 500ms to close"\n trigger="click"\n onBeforeShow={this.onBeforeShow}\n onBeforeClose={this.onBeforeClose}\n >\n <Button type="primary">Delay 500ms to open</Button>\n </Pop>\n );\n }\n}\n\nReactDOM.render(\n <Controlled />\n , mountNode\n);'},p.createElement(b)),p.createElement(N,{title:"withPop High Order Component",id:"Demowithpop",src:'import { Pop, Button } from \'zent\';\n\n// 点击 close 按钮可以关闭弹层\nconst Content = Pop.withPop(function Content({ pop }) {\n return (\n <div>\n <div style={{ marginBottom: 16 }}>Pop content</div>\n <Button onClick={pop.close}>Close</Button>\n </div>\n );\n});\n\nReactDOM.render(\n <Pop trigger="click" content={<Content />}>\n <Button type="primary">Open</Button>\n </Pop>,\n mountNode\n);'},p.createElement(x)),p.createElement(N,{title:"Disabled form inputs",id:"Demodisabled",src:'import { Button, Pop, Radio, Checkbox, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-pop-container">\n <Pop\n centerArrow\n trigger="hover"\n position="top-left"\n content="content"\n >\n <Radio disabled></Radio>\n </Pop>\n <Pop\n centerArrow\n trigger="hover"\n position="top-left"\n content="content"\n >\n <Checkbox disabled></Checkbox>\n </Pop>\n <Pop\n trigger="hover"\n position="top-center"\n content="content"\n >\n <Input disabled className="zent-pop-disabled-mr" />\n </Pop>\n <Pop\n trigger="hover"\n position="top-center"\n content="content"\n fixMouseEventsOnDisabledChildren\n >\n <Button type="primary" disabled>\n Button\n </Button>\n </Pop>\n <Pop\n trigger="hover"\n position="top-center"\n content="content"\n fixMouseEventsOnDisabledChildren\n >\n <Button.Directive type="primary" disabled>\n <a href=""> ButtonDirective </a>\n </Button.Directive>\n </Pop>\n </div>,\n mountNode\n);'},p.createElement(C)),p.createElement(j,{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
PropertyDescriptionTypeRequiredDefaultAlternative
contentPop contentnodeYes
triggerTrigger methodstringNo\'none\'\'click\'\n, \n\'hover\'\n, \n\'focus\'
positionPop content position, naming rule: content position relative to trigger + arrow position relative to Pop. Can be a placement function, see \nPopover.Position.createstring \n|\n funcNo\'top-center\'
centerArrowAlways center arrow to triggerboolNofalse
cushionSame as the \ncushion\n in Popover, which is usually the distance between the edge of the Pop and the trigger elementnumberNo10
headerPop headernodeNo
blockIs trigger a block elementboolNofalse
onShowCallback after Pop has openedfuncNonoop
onCloseCallback after Pop has closedfuncNonoop
onBeforeShowCallback before Pop has opened, only user actions can trigger this callback, setting \nvisible\n won\'t trigger this callbackfuncNonoop
onBeforeCloseCallback before Pop has closed, only user actions can trigger this callback, setting \nvisible\n won\'t trigger this callbackfuncNonoop
onConfirmConfirm callbackfuncNo
onCancelCancel callbackfuncNo
confirmTextConfirm button textstringNo\'Confirm\'
cancelTextCancel button textstringNo\'Cancel\'
typeConfirm button typestringNo\'primary\'\'default\'
visiblePop switch to controlled mode if this prop is set, must be used with \nonVisibleChangeboolNo
onVisibleChangeMust be used with \nvisiblefuncNo
onPositionUpdatedcallback after position updates, a position update does not imply a position changefuncNonoop
onPositionReadycallback after content enter viewport, only called once within the life cyclefuncNonoop
containerSelectorpop\'s parent node CSS selectorstringNo\'body\'all legal CSS selector
classNameCustom content class namestringNo
styleCustom content styleCSSPropertiesNo
\n

Pop has some additional props depends on different triggers.

\n

Click

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefault
closeOnClickOutsideClose Pop when click outside trigger and contentboolNotrue
\n

Hover

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefault
mouseEnterDelayHover open delay(in ms)numberNo200
mouseLeaveDelayHover close delay(in ms)numberNo200
anchorOnlyOnly use trigger as hot areabooleanNofalse
fixMouseEventsOnDisabledChildrenFix mouse events on disabled childrenbooleanNofalse
\n

PS:fixMouseEventsOnDisabledChildren is only effective on Zent components.

\n

Why

\n\n

Workaround

\n
    \n
  • Wrap the disabled button/input in another element.
    • \n
  • Then add {pointer-events: none} style to the disabled button/input.
    • \n
\n

None

\n

When using this trigger, onConfirm and onCancel will not close Pop automatically, you are responsible for controlling visible to close Pop.

\n

withPop HOC

\n

This HOC exposes some useful Pop methods.

\n

Possible senario: close Pop within its content.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionType
openOpen Popfunc
closeClose Popfunc
\n

adjustPosition

\n

Use this function to manually adjust Pop position.

\n

getWrappedPopover

\n

Use this function to get the internal Popover instance.

\n

FAQ

\n

Wrong popup position with long text content

\n

It is likely you are passing a long string directly into content if this happens. Give content a width to make sure Pop can get the right width.

\n

centerArrow

\n

Pop aligns edges of its content and trigger by default, the distance between the arrow and content edge is fixed except when position is set to \'*-center\'. The arrow will appear outside of trigger\'s edge when trigger size is small. When this happens you can set centerArrow to true to always align arrow to trigger\'s center.

\n

onConfirm and onCancel

\n

These two callbacks supports asynchronous mode, buttons will change into loading state when pending on result.

\n
    \n
  • If return value is a Promise, Pop will close on Promise resolve.
    • \n
  • If callback has parameters, it will be called with a close argument, Pop will not close until you call close.
    • \n
'}))}}},33938:(n,a,s)=>{"use strict";s.d(a,{X:()=>k});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(1535),i=s(23130),u=s(1348),r=s(4008);function k(n){var a=(0,c.useContext)(u.d),s=(0,c.useContext)(i.Z),e=(0,c.useRef)(n);e.current=n;var r,k=s&&s.onChange,d=(0,c.useCallback)((function(n){var a=e.current,s=a.value,p=a.onChange;if(k)k(s);else if(p){var o=Object.create(n);o.target=(0,t.pi)((0,t.pi)({},e.current),{type:"checkbox",checked:n.target.checked}),p(o)}}),[k]),m=(n.checked,n.className),g=n.style,h=(n.disabled,n.readOnly,n.children),v=n.indeterminate,f=n.width,y=(n.value,n.labelStyle),b=n.onMouseEnter,x=n.onMouseLeave,C=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),w=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(s,n),j=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a?a.disabled:n.value}(a,s,n);if(s){var z=s.value,P=s.isValueEqual;r=-1!==z.findIndex((function(a){return P(a,n.value)}))}else r=!!n.checked;return(0,p.jsxs)("label",(0,t.pi)({className:o()("zent-checkbox-wrap",m,{"zent-checkbox-checked":!!r,"zent-checkbox-disabled":j||w,"zent-checkbox-indeterminate":v}),style:(0,t.pi)((0,t.pi)({},g),(0,l.Z)(f)),onMouseEnter:b,onMouseLeave:x,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},C,{type:"checkbox",checked:r&&!v,disabled:j,readOnly:w,onChange:d,"data-zv":"10.0.10"}),void 0)]}),void 0),null!=h&&!0!==h&&!1!==h?(0,p.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:y,"data-zv":"10.0.10"},{children:h}),void 0):null]}),void 0)}k.Group=r.Z,a.Z=k},4008:(n,a,s)=>{"use strict";s.d(a,{c:()=>k});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(41925),i=s(23130),u=s(1348),r=i.Z.Provider,k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getGroupContext=(0,l.Z)((function(n,s,t,p){return{value:Array.isArray(n)?n:[],disabled:s,readOnly:t,isValueEqual:p,onChange:a.onCheckboxChange}})),a.onCheckboxChange=function(n){var s=a.props,t=s.isValueEqual,p=s.onChange,e=s.value;if(p){var o=e?e.slice():[],c=o.findIndex((function(a){return t(a,n)}));-1!==c?o.splice(c,1):o.push(n),p(o)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,e=n.children,o=n.value,l=n.disabled,i=void 0===l?this.context.value:l,u=n.readOnly,k=void 0!==u&&u,d=n.isValueEqual,m=c()("zent-checkbox-group",a);return(0,p.jsx)(r,(0,t.pi)({value:this.getGroupContext(o,i,k,d)},{children:(0,p.jsx)("div",(0,t.pi)({className:m,style:s,"data-zv":"10.0.10"},{children:e}),void 0)}),void 0)},a.defaultProps={isValueEqual:Object.is,value:[]},a.contextType=u.d,a}(e.Component);a.Z=k},23130:(n,a,s)=>{"use strict";var t=s(27378);a.Z=(0,t.createContext)(null)},97701:(n,a,s)=>{"use strict";s.d(a,{V:()=>P,Z:()=>N});var t=s(59312),p=s(24246),e=s(27378),o=s(14623),c=s(53552),l=s(79352),i=s(60042),u=s.n(i),r=s(58801),k=s(27036),d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.dialogEl=null,a.onClickClose=function(n){var s=a.props.onClose;s&&s(n)},a}return(0,t.ZT)(a,n),a.prototype.componentDidMount=function(){this.resetTransformOrigin()},a.prototype.componentDidUpdate=function(){this.resetTransformOrigin()},a.prototype.setTransformOrigin=function(n,a){["Webkit","Moz","Ms","ms"].forEach((function(s){n[s+"TransformOrigin"]=a})),n.transformOrigin=a},a.prototype.resetTransformOrigin=function(n){void 0===n&&(n=this.props);var a=n.mousePosition,s=function(n,a){switch(n){case"center":return"center center 0";case"auto":default:return}}(n.position,this.dialogEl);if(void 0===s&&a&&a.x>=0&&a.y>=0&&this.dialogEl&&this.dialogEl.getBoundingClientRect){var t=this.dialogEl.getBoundingClientRect(),p=t.left,e=t.top;s=a.x-p+"px "+(a.y-e)+"px 0"}s&&this.dialogEl&&this.setTransformOrigin(this.dialogEl.style,s)},a.prototype.renderHeader=function(){var n=this.props.title;return n?(n="number"==typeof n||"string"==typeof n?(0,p.jsx)("span",(0,t.pi)({className:"zent-dialog-r-title-text","data-zv":"10.0.10"},{children:n}),void 0):n,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-header","data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-title","data-zv":"10.0.10"},{children:n}),void 0)}),void 0)):null},a.prototype.render=function(){var n=this,a=this.props,s=a.className,e=a.closeBtn,o=a.footer,c=a.style,l=a.children,i=this.renderHeader(),r=u()("zent-dialog-r-close",{"zent-dialog-r-has-title":!!i}),d=e&&(0,p.jsx)("button",(0,t.pi)({type:"button",className:r,onClick:this.onClickClose,"data-zv":"10.0.10"},{children:(0,p.jsx)(k.Z,{type:"close"},void 0)}),void 0),m=o&&(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-footer","data-zv":"10.0.10"},{children:o}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:u()("zent-dialog-r",s,{"zent-dialog-r--has-header":!!i,"zent-dialog-r--has-footer":!!m,"zent-dialog-r--no-close-btn":!d}),style:c,ref:function(a){return n.dialogEl=a},"data-zv":"10.0.10"},{children:[d,i,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body","data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body-content","data-zv":"10.0.10"},{children:l}),void 0)}),void 0),m]}),void 0)},a}(e.Component),m=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.rootRef=(0,e.createRef)(),a.onMaskClick=function(n){n.target===n.currentTarget&&a.props.mask&&a.props.maskClosable&&a.props.onClose(n)},a}return(0,t.ZT)(a,n),a.prototype.componentDidMount=function(){var n=document.activeElement,a=this.rootRef.current;a!==n&&a&&!a.contains(n)&&function(n){if(n){var a=(0,r.Z)();n.focus(),window.scroll(a.x,a.y)}}(a)},a.prototype.render=function(){var n=this.props,a=n.mask,s=n.visible,e=n.children;return(0,p.jsxs)("div",(0,t.pi)({ref:this.rootRef,tabIndex:-1,className:"zent-dialog-r-root","data-zv":"10.0.10"},{children:[s&&a&&(0,p.jsx)("div",{className:"zent-dialog-r-backdrop","data-zv":"10.0.10"},void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-wrap",onClick:this.onMaskClick,"data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)},a}(e.Component),g=s(31542),h=s.t(g,2),v=s(70453),f=s(42690),y=s(14805),b=new Map,x=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={visible:!0},a.closeOptions={},a.onClosed=function(){var n=a.props,s=n.options.onClose,t=n.container,p=a.closeOptions.triggerOnClose;(void 0===p||p)&&s&&s(),g.unmountComponentAtNode(t)},a.onClose=function(n){a.close({triggerOnClose:!1!==n})},a}return(0,t.ZT)(a,n),a.prototype.close=function(n){void 0===n&&(n={}),this.closeOptions=n,this.setState({visible:!1})},a.prototype.componentWillUnmount=function(){var n=this.props.options.dialogId;b.delete(n)},a.prototype.render=function(){var n=this.props.options,a=this.state.visible;return(0,p.jsx)(N,(0,t.pi)({},n,{onClose:this.onClose,onClosed:this.onClosed,visible:a}),void 0)},a}(e.Component);function C(n,a){void 0===a&&(a={});var s=b.get(n);if(s){var t=s.current;t&&t.close(a)}}function w(n){if(void 0===n&&(n={}),!l.Z)return f.Z;var a=n.dialogId,s=void 0===a?(0,v.Z)("__zent-dialog__"):a,o=n.parentComponent;!function(n){if(b.has(n))throw new Error("Duplicate dialog id found: "+n)}(s);var c=(0,y.Z)("div"),i=o?g.unstable_renderSubtreeIntoContainer.bind(h,o):g.render,u=(0,e.createRef)();return i((0,p.jsx)(x,{ref:u,options:(0,t.pi)((0,t.pi)({},n),{dialogId:s}),container:c},void 0),c),function(n,a){b.set(n,a)}(s,u),function(n){void 0===n&&(n=!0),C(s,{triggerOnClose:!1!==n})}}var j=s(49744),z=null;l.Z&&(0,j.Oo)(document.documentElement,"click",(function(n){0!==n.clientX&&0!==n.clientY&&(z={x:n.clientX,y:n.clientY})}),{capture:!0});var P=function(n){function a(a){var s=n.call(this,a)||this;return s.lastMousePosition=null,s.onClose=function(n){var a=s.props.onClose;a&&a(n)},s.onExited=function(){var n=s.props.onClosed;s.setState({exiting:!1}),n&&n()},s.state={prevOpen:a.visible,exiting:!1},s}return(0,t.ZT)(a,n),a.getDerivedStateFromProps=function(n,a){var s=a.prevOpen;return n.visible===s?null:n.visible?{prevOpen:n.visible,exiting:!1}:{prevOpen:n.visible,exiting:!0}},a.prototype.render=function(){var n=this.props,a=n.visible,s=n.closeBtn,e=n.style,l=n.position,i=n.onOpened,u=(n.onClosed,n.mask),r=n.maskClosable,k=n.children,g=(0,t._T)(n,["visible","closeBtn","style","position","onOpened","onClosed","mask","maskClosable","children"]),h=this.state.exiting;return this.lastMousePosition=a?this.lastMousePosition||z:null,(0,p.jsx)(c.ZP,(0,t.pi)({visible:a||h,onClose:this.onClose,className:"zent-dialog-r-anchor",closeOnESC:s,blockPageScroll:!0},{children:(0,p.jsx)(m,(0,t.pi)({mask:u,maskClosable:r,visible:a,onClose:this.onClose},{children:(0,p.jsx)(o.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:a,timeout:300,classNames:"zent-zoom",onEntered:i,onExited:this.onExited},{children:(0,p.jsx)(d,(0,t.pi)({},g,{style:e,closeBtn:s,position:l,mousePosition:this.lastMousePosition},{children:k}),void 0)}),void 0)}),void 0)}),void 0)},a.defaultProps={onClose:function(){},visible:!1,className:"",style:{},position:"auto",title:"",closeBtn:!0,mask:!0,maskClosable:!0,footer:null},a.openDialog=w,a.closeDialog=C,a}(e.Component),N=P},4246:(n,a,s)=>{"use strict";s.d(a,{E:()=>u});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),i=s(1348);function u(n){var a=(0,c.useContext)(i.d),s=n.value,e=n.disabled,u=void 0===e?a.value:e,r=n.readOnly,k=void 0!==r&&r,d=n.isValueEqual,m=void 0===d?Object.is:d,g=n.className,h=n.style,v=n.children,f=n.onChange,y=(0,c.useMemo)((function(){return{value:s,disabled:u,readOnly:k,isValueEqual:m,onRadioChange:f}}),[s,u,k,m,f]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:y},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",g),style:h,"data-zv":"10.0.10"},{children:v}),void 0)}),void 0)}a.Z=u},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function i(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function u(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var r=s(4246),k=s(1348),d=s(57961);function m(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.labelStyle,g=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),v=(0,l.useContext)(d.Z),f=u(h,v,n),y=f.checked,b=f.disabled,x=f.readOnly,C=i(v,n),w=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!y,"zent-radio-disabled":b||x}),j=(0,c.Z)(r),z=(0,t.pi)((0,t.pi)({},s),j);return(0,p.jsxs)("label",(0,t.pi)({className:w,style:z,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},g,{type:"radio",checked:!!y,disabled:b,readOnly:x,onChange:C,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.onMouseEnter,g=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),v=(0,l.useContext)(k.d),f=(0,l.useContext)(d.Z);if(!f)throw new Error("Radio.Button must be nested within Radio.Group");var y=u(v,f,n),b=y.checked,x=y.disabled,C=y.readOnly,w=i(f,n),j=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!b,"zent-radio-button--disabled":x||C}),z=(0,c.Z)(r),P=(0,t.pi)((0,t.pi)({},s),z);return(0,p.jsxs)("label",(0,t.pi)({className:j,style:P,onMouseEnter:m,onMouseLeave:g,"data-zv":"10.0.10"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!b,disabled:x,readOnly:C,onChange:w,"data-zv":"10.0.10"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)},m.Group=r.Z;var g=m},11497:(n,a,s)=>{"use strict";s.d(a,{Hj:()=>f});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(52074),l=s(97701).Z,i=s(27036),u=s(27378),r=s(90347),k=s(65436),d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={loading:!1},a.onClick=function(){var n=a.props,s=n.onClick,t=(0,n.getClose)();if(!s)return t();var p=s.length>0,e=p?s(t):s();if((0,k.Z)(e))return a.setState({loading:!0}),void e.then((function(){t()}),(function(){a.setState({loading:!1})}));p||!1===e||t()},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.type,e=n.text,o=this.state.loading;return(0,p.jsx)(r.ZP,(0,t.pi)({type:s,className:a,loading:o,onClick:this.onClick},{children:e}),void 0)},a}(u.Component),m={info:"info-circle-o",success:"check-circle-o",error:"close-circle-o",warning:"warning-o"},g=l.openDialog;function h(n,a){var s,e=n.className,l=void 0===e?"":e,u=n.confirmType,r=void 0===u?"primary":u,k=n.closeBtn,h=void 0!==k&&k,v=n.maskClosable,f=void 0!==v&&v,y=n.title,b=n.type,x=n.content,C=n.onConfirm,w=n.onCancel,j=n.confirmText,z=n.cancelText,P=n.parentComponent,N=n.onClose,O=null;return O=g({closeBtn:h,maskClosable:f,className:o()("zent-sweetalert-"+a,(s={},s[l]=!!l,s)),title:(0,p.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var a=m[b];return(0,p.jsxs)("div",(0,t.pi)({className:"zent-sweetalert-"+(b?"icon-":"")+"title","data-zv":"10.0.10"},{children:[b&&(0,p.jsx)(i.Z,{className:"zent-sweetalert-type-icon",type:a},void 0),y||n.title]}),void 0)}}),void 0),children:x,footer:(0,p.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var s="alert"===a;return(0,p.jsxs)("div",(0,t.pi)({className:"sweet-"+a+"-actions","data-zv":"10.0.10"},{children:[!s&&(0,p.jsx)(d,{type:"default",className:"zent-sweetalert-"+a+"-btn-cancel",getClose:function(){return O},onClick:w,text:z||n.cancel},"sweetalert-cancel"),(0,p.jsx)(d,{type:r,className:"zent-sweetalert-"+a+"-btn-confirm",getClose:function(){return O},onClick:C,text:j||(s?n.ok:n.confirm)},"sweetalert-confirm")]}),void 0)}}),void 0),parentComponent:P,onClose:N})}function v(n){return void 0===n&&(n={}),h(n,"alert")}var f={alert:v,info:v,confirm:function(n){return void 0===n&&(n={}),h(n,"confirm")}}},58801:(n,a,s)=>{"use strict";function t(){var n=window.pageXOffset,a=window.pageYOffset;return{x:void 0!==n?n:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==a?a:(document.documentElement||document.body.parentNode||document.body).scrollTop}}s.d(a,{Z:()=>t})},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file diff --git a/467-ecce6652b1c74d876659.js b/467-52c0a521bd531d95bb23.js similarity index 91% rename from 467-ecce6652b1c74d876659.js rename to 467-52c0a521bd531d95bb23.js index 0d97325d9..6d420f894 100644 --- a/467-ecce6652b1c74d876659.js +++ b/467-52c0a521bd531d95bb23.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[467],{467:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),p=a(27378),e=a(57318),o=a(8434),c=a(3454),l=a(24246);function u(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 r(n){for(var s=1;s{var n=this.state.value+10;n>=100&&(n=100),this.setState({value:n})})),(0,t.Z)(this,"decrease",(()=>{var n=this.state.value-10;n<0&&(n=0),this.setState({value:n})}))}render(){var n=this.state.value;return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:n}),(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:this.decrease,children:"-"}),(0,l.jsx)(c.z,{onClick:this.increase,children:"+"})]})]})}}return(0,l.jsx)(n,{})},d=function(){class n extends p.Component{render(){return(0,l.jsx)("div",{className:"zent-progress-demo",children:(0,l.jsx)(o.E,{percent:70,width:300,strokeWidth:5})})}}return(0,l.jsx)(n,{})},m=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:70,status:"normal"}),(0,l.jsx)(o.E,{percent:80,status:"success"}),(0,l.jsx)(o.E,{percent:30,status:"exception"})]})}}return(0,l.jsx)(n,{})},g=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:70,showInfo:!1}),(0,l.jsx)(o.E,{percent:100,showInfo:!1})]})}}return(0,l.jsx)(n,{})},h=function(){class n extends p.Component{render(){return(0,l.jsx)("div",{className:"zent-progress-demo",children:(0,l.jsx)(o.E,{percent:70,format:n=>"进度 ".concat(n,"%")})})}}return(0,l.jsx)(n,{})},v=function(){var n={bgColor:"#fff",normalColor:"#38f",successColor:"#0a0",exceptionColor:"#f85"};class s extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,r({percent:70},n)),(0,l.jsx)(o.E,r({percent:100},n)),(0,l.jsx)(o.E,r({percent:80,status:"exception"},n))]})}}return(0,l.jsx)(s,{})},y=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{type:"circle",percent:80,width:76,strokeWidth:5}),(0,l.jsx)(o.E,{type:"circle",percent:70}),(0,l.jsx)(o.E,{type:"circle",percent:80,status:"success"}),(0,l.jsx)(o.E,{type:"circle",percent:30,status:"exception"})]})}}return(0,l.jsx)(n,{})},f=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:70}),(0,l.jsx)(o.E,{percent:70,strokeLinecap:"square"}),(0,l.jsx)(o.E,{percent:100,strokeLinecap:"square"}),(0,l.jsx)(o.E,{percent:70,type:"circle"}),(0,l.jsx)(o.E,{percent:70,type:"circle",strokeLinecap:"square"}),(0,l.jsx)(o.E,{percent:100,type:"circle",strokeLinecap:"square"})]})}}return(0,l.jsx)(n,{})};function j(n){return(0,l.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function x(n){return(0,l.jsx)(j,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function w(n){return(0,l.jsx)(j,{tag:"style",html:n.style})}function b(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),b(n.parentNode,s);return s}class z extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(j,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,b(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(w,{style:".zent-progress-demo .zent-progress {\n\t\tmargin-bottom: 10px;\n\t}\n\t.zent-progress-demo .zent-progress-type__circle {\n\t\tmargin-right: 10px;\n\t}\n\n.zent-progress-demo .zent-progress {\n\t\tmargin-bottom: 10px;\n\t}\n\n.zent-progress-demo .zent-progress-type__circle {\n\t\tmargin-right: 10px;\n\t}\n\n.zent-progress-demo .zent-progress {\n\t\tmargin-bottom: 10px;\n\t}\n\n.zent-progress-demo .zent-progress-type__circle {\n\t\tmargin-right: 10px;\n\t}"}),p.createElement(x,{html:'

Progress 进度条

\n

在操作需要较长时间才能完成时，展示操作的当前进度。

\n

建议

\n
    \n
  • 需要较长时间才能完成
    • \n
  • 在后台运行，且耗时可能超过 4 秒时
    • \n
  • 操作需要展示一个完成进度的百分比
    • \n
\n

注意

\n
    \n
  • 无法预估进程的时间，建议使用「加载 Loading」
    • \n
  • 进程确定在 4 秒内的操作不推荐使用
    • \n
\n

代码演示

'}),p.createElement(z,{title:"基础用法",id:"Demobasic",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(i)),p.createElement(z,{title:"动态效果",id:"Demodynamic",src:'import { Progress, Button } from \'zent\';\n\nclass App extends Component {\n state = {\n value: 10,\n };\n\n increase = () => {\n let value = this.state.value + 10;\n if (value >= 100) {\n value = 100;\n }\n this.setState({ value });\n };\n\n decrease = () => {\n let value = this.state.value - 10;\n if (value < 0) {\n value = 0;\n }\n this.setState({ value });\n };\n\n render() {\n const { value } = this.state;\n return (\n <div className="zent-progress-demo">\n <Progress percent={value} />\n <div>\n <Button onClick={this.decrease}>-</Button>\n <Button onClick={this.increase}>+</Button>\n </div>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(k)),p.createElement(z,{title:"自定义尺寸",id:"Demosize",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} width={300} strokeWidth={5} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(d)),p.createElement(z,{title:"支持手动设置状态",id:"Demostatus",src:'import { Progress, Slider } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} status="normal" />\n <Progress percent={80} status="success" />\n <Progress percent={30} status="exception" />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(m)),p.createElement(z,{title:"隐藏进度信息",id:"Demoinfo",src:'import { Progress, Slider } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} showInfo={false} />\n <Progress percent={100} showInfo={false} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(g)),p.createElement(z,{title:"自定义信息",id:"Demoformat",src:'import { Progress, Slider } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress\n percent={70}\n format={percent => `进度 ${percent}%`}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(h)),p.createElement(z,{title:"自定义色彩",id:"Democustomcolor",src:'import { Progress } from \'zent\';\n\nconst colors = {\n bgColor: \'#fff\',\n normalColor: \'#38f\',\n successColor: \'#0a0\',\n exceptionColor: \'#f85\',\n};\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} {...colors} />\n <Progress percent={100} {...colors} />\n <Progress percent={80} status="exception" {...colors} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(v)),p.createElement(x,{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
参数说明类型默认值可选值
className自定义额外类名string
type进度条样式string\'line\'\'circle\'
percent百分比number0
status进度条状态, 优先级比 percent 高string\'normal\'\n \n|\n \n\'success\'\n \n|\n \n\'exception\'
showInfo是否显示状态信息booleantruefalse
format文字模板函数, 只会在 normal 状态下显示(percent: number) => ReactNode内置函数
strokeWidth线条宽度，单位 pxnumber10
width圆形进度条直径/条形进度条总长度number
bgColor背景颜色string
normalColor正常状态下的颜色string
successColor成功状态下的颜色string
exceptionColor错误状态的颜色string
strokeLinecap进度条边缘形状string\'round\'\'round\'\n \n|\n \n\'square\'
\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),p.createElement(z,{title:"圈型进度条",id:"Democircle",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress type="circle" percent={80} width={76} strokeWidth={5} />\n <Progress type="circle" percent={70} />\n <Progress type="circle" percent={80} status="success" />\n <Progress type="circle" percent={30} status="exception" />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(y)),p.createElement(z,{title:"改变进度条边缘的形状",id:"Demolinecap",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} />\n <Progress percent={70} strokeLinecap="square" />\n <Progress percent={100} strokeLinecap="square" />\n <Progress percent={70} type="circle" />\n <Progress percent={70} type="circle" strokeLinecap="square" />\n <Progress percent={100} type="circle" strokeLinecap="square" />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(f)))}}},8434:(n,s,a)=>{"use strict";a.d(s,{E:()=>v});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=["normal","success","exception"],u=(0,a(70453).Z)("zentAnimatedArcStrokeGradient"),r={},i={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={opacity:0,rotate:0,transition:r},s.startAnimation=function(){s.animationDelayTimerId&&clearTimeout(s.animationDelayTimerId);var n=s.props,a=n.arcLength,t=n.radius,p=(a-s.getMaskArcLength())/t;s.setState({rotate:p,transition:r,opacity:.2},s.queueAnimationEnd)},s.finishAnimation=function(){s.transitionEndTimerId&&clearTimeout(s.transitionEndTimerId),s.setState({rotate:0,transition:i,opacity:0}),s.animationDelayTimerId=setTimeout(s.startAnimation,1e3)},s.queueAnimationEnd=function(){s.transitionEndTimerId=setTimeout(s.finishAnimation,400)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.getPath(),s=this.props,a=s.className,e=s.strokeWidth,o=this.state,c=o.rotate,l=o.transition,r=o.opacity;return(0,p.jsxs)("g",(0,t.pi)({"data-zv":"10.0.9"},{children:[(0,p.jsx)("defs",(0,t.pi)({"data-zv":"10.0.9"},{children:(0,p.jsxs)("linearGradient",(0,t.pi)({id:u},{children:[(0,p.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.9"},void 0),(0,p.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.9"},void 0)]}),void 0)}),void 0),(0,p.jsx)("path",{className:a,d:n,stroke:"url(#"+u+")",strokeOpacity:r,strokeWidth:e,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.9"},void 0)]}),void 0)},s.prototype.componentDidMount=function(){this.startAnimation()},s.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},s.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},s.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},s.prototype.getArcStartPoint=function(){var n=this.props,s=n.radius,a=n.strokeWidth/2;return[s+a,a]},s.prototype.getArcEndPoint=function(){var n=this.props,s=n.radius,a=s+n.strokeWidth/2,t=this.getMaskTheta();return[a+Math.sin(t)*s,a-Math.cos(t)*s]},s.prototype.getPath=function(){var n=this.getArcStartPoint(),s=this.getArcEndPoint(),a=this.props.radius;return"M"+n.join(",")+" A"+a+","+a+" 0 0 1 "+s.join(",")},s}(e.PureComponent),d=a(39215),m=function(n){var s=n.type,a=n.percent,t=n.format,e=n.state,o=n.color;return"success"===e?(0,p.jsx)(d.J,{type:"circle"===s?"check":"check-circle",style:{color:o}},void 0):"exception"===e?(0,p.jsx)(d.J,{type:"circle"===s?"close":"close-circle",style:{color:o}},void 0):(0,p.jsx)(p.Fragment,{children:t(a)},void 0)},g=function(n){var s=n.percent,a=n.showInfo,e=n.format,o=n.strokeWidth,l=n.width,u=n.bgColor,r=n.color,i=n.state,d=n.strokeLinecap,g=l||132,h=g/2,v=g-o,y=v/2,f=v*Math.PI,j=f*(100-s)/100;return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:g,height:g},"data-zv":"10.0.9"},{children:[(0,p.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:u,width:g,height:g},"data-zv":"10.0.9"},void 0),(0,p.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+g+" "+g,width:g,height:g,"data-zv":"10.0.9"},{children:[(0,p.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+h+" "+h+")","data-zv":"10.0.9"},{children:(0,p.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+d),cx:h,cy:h,r:y,style:{stroke:r,strokeWidth:o},strokeDasharray:f,strokeDashoffset:j,"data-zv":"10.0.9"},void 0)}),void 0),"normal"===i&&(0,p.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+d),radius:y,arcLength:f-j,strokeWidth:o},void 0)]}),void 0),a&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,p.jsx)(m,{type:"circle",percent:s,format:e,state:i,color:r},void 0)}),void 0)]}),void 0)},h=function(n){var s=n.format,a=n.width,e=n.percent,o=n.showInfo,l=n.strokeWidth,u=n.bgColor,r=n.color,i=n.state,k=n.strokeLinecap,d=a||"100%",g=o&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,p.jsx)(m,{type:"line",percent:e,format:s,state:i,color:r},void 0)}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.9"},{children:[(0,p.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===e}),style:{background:u,width:d,height:l},"data-zv":"10.0.9"},{children:(0,p.jsx)("div",{className:"zent-progress-inner",style:{background:r,width:e+"%",height:l},"data-zv":"10.0.9"},void 0)}),void 0),g]}),void 0)},v=function(n){var s,a=n,o=a.type,u=a.status,r=a.percent,i=a.className,k=a.normalColor,d=a.successColor,m=a.exceptionColor,v=a.bgColor,y=a.format,f=a.showInfo,j=a.strokeWidth,x=a.width,w=a.strokeLinecap,b=(0,t._T)(a,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),z=(0,e.useMemo)((function(){return-1!==l.indexOf(u)?u:r>=100?"success":"normal"}),[u,r]),C={exception:m,success:d,normal:k}[z],E=(0,e.useMemo)((function(){return r<0?0:r>100?100:r}),[r]);switch(o){case"circle":s=g;break;case"line":default:s=h}var N=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+z,i);return(0,p.jsx)("div",(0,t.pi)({className:N},b,{"data-zv":"10.0.9"},{children:(0,p.jsx)(s,{percent:E,showInfo:f,strokeWidth:j,width:x,bgColor:v,format:y,color:C,state:z,strokeLinecap:w},void 0)}),void 0)};v.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[467],{467:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),p=a(27378),e=a(57318),o=a(8434),c=a(3454),l=a(24246);function u(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 r(n){for(var s=1;s{var n=this.state.value+10;n>=100&&(n=100),this.setState({value:n})})),(0,t.Z)(this,"decrease",(()=>{var n=this.state.value-10;n<0&&(n=0),this.setState({value:n})}))}render(){var n=this.state.value;return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:n}),(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:this.decrease,children:"-"}),(0,l.jsx)(c.z,{onClick:this.increase,children:"+"})]})]})}}return(0,l.jsx)(n,{})},d=function(){class n extends p.Component{render(){return(0,l.jsx)("div",{className:"zent-progress-demo",children:(0,l.jsx)(o.E,{percent:70,width:300,strokeWidth:5})})}}return(0,l.jsx)(n,{})},m=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:70,status:"normal"}),(0,l.jsx)(o.E,{percent:80,status:"success"}),(0,l.jsx)(o.E,{percent:30,status:"exception"})]})}}return(0,l.jsx)(n,{})},g=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:70,showInfo:!1}),(0,l.jsx)(o.E,{percent:100,showInfo:!1})]})}}return(0,l.jsx)(n,{})},h=function(){class n extends p.Component{render(){return(0,l.jsx)("div",{className:"zent-progress-demo",children:(0,l.jsx)(o.E,{percent:70,format:n=>"进度 ".concat(n,"%")})})}}return(0,l.jsx)(n,{})},v=function(){var n={bgColor:"#fff",normalColor:"#38f",successColor:"#0a0",exceptionColor:"#f85"};class s extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,r({percent:70},n)),(0,l.jsx)(o.E,r({percent:100},n)),(0,l.jsx)(o.E,r({percent:80,status:"exception"},n))]})}}return(0,l.jsx)(s,{})},y=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{type:"circle",percent:80,width:76,strokeWidth:5}),(0,l.jsx)(o.E,{type:"circle",percent:70}),(0,l.jsx)(o.E,{type:"circle",percent:80,status:"success"}),(0,l.jsx)(o.E,{type:"circle",percent:30,status:"exception"})]})}}return(0,l.jsx)(n,{})},f=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:70}),(0,l.jsx)(o.E,{percent:70,strokeLinecap:"square"}),(0,l.jsx)(o.E,{percent:100,strokeLinecap:"square"}),(0,l.jsx)(o.E,{percent:70,type:"circle"}),(0,l.jsx)(o.E,{percent:70,type:"circle",strokeLinecap:"square"}),(0,l.jsx)(o.E,{percent:100,type:"circle",strokeLinecap:"square"})]})}}return(0,l.jsx)(n,{})};function j(n){return(0,l.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function x(n){return(0,l.jsx)(j,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function w(n){return(0,l.jsx)(j,{tag:"style",html:n.style})}function b(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),b(n.parentNode,s);return s}class z extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(j,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,b(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(w,{style:".zent-progress-demo .zent-progress {\n\t\tmargin-bottom: 10px;\n\t}\n\t.zent-progress-demo .zent-progress-type__circle {\n\t\tmargin-right: 10px;\n\t}\n\n.zent-progress-demo .zent-progress {\n\t\tmargin-bottom: 10px;\n\t}\n\n.zent-progress-demo .zent-progress-type__circle {\n\t\tmargin-right: 10px;\n\t}\n\n.zent-progress-demo .zent-progress {\n\t\tmargin-bottom: 10px;\n\t}\n\n.zent-progress-demo .zent-progress-type__circle {\n\t\tmargin-right: 10px;\n\t}"}),p.createElement(x,{html:'

Progress 进度条

\n

在操作需要较长时间才能完成时，展示操作的当前进度。

\n

建议

\n
    \n
  • 需要较长时间才能完成
    • \n
  • 在后台运行，且耗时可能超过 4 秒时
    • \n
  • 操作需要展示一个完成进度的百分比
    • \n
\n

注意

\n
    \n
  • 无法预估进程的时间，建议使用「加载 Loading」
    • \n
  • 进程确定在 4 秒内的操作不推荐使用
    • \n
\n

代码演示

'}),p.createElement(z,{title:"基础用法",id:"Demobasic",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(i)),p.createElement(z,{title:"动态效果",id:"Demodynamic",src:'import { Progress, Button } from \'zent\';\n\nclass App extends Component {\n state = {\n value: 10,\n };\n\n increase = () => {\n let value = this.state.value + 10;\n if (value >= 100) {\n value = 100;\n }\n this.setState({ value });\n };\n\n decrease = () => {\n let value = this.state.value - 10;\n if (value < 0) {\n value = 0;\n }\n this.setState({ value });\n };\n\n render() {\n const { value } = this.state;\n return (\n <div className="zent-progress-demo">\n <Progress percent={value} />\n <div>\n <Button onClick={this.decrease}>-</Button>\n <Button onClick={this.increase}>+</Button>\n </div>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(k)),p.createElement(z,{title:"自定义尺寸",id:"Demosize",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} width={300} strokeWidth={5} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(d)),p.createElement(z,{title:"支持手动设置状态",id:"Demostatus",src:'import { Progress, Slider } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} status="normal" />\n <Progress percent={80} status="success" />\n <Progress percent={30} status="exception" />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(m)),p.createElement(z,{title:"隐藏进度信息",id:"Demoinfo",src:'import { Progress, Slider } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} showInfo={false} />\n <Progress percent={100} showInfo={false} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(g)),p.createElement(z,{title:"自定义信息",id:"Demoformat",src:'import { Progress, Slider } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress\n percent={70}\n format={percent => `进度 ${percent}%`}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(h)),p.createElement(z,{title:"自定义色彩",id:"Democustomcolor",src:'import { Progress } from \'zent\';\n\nconst colors = {\n bgColor: \'#fff\',\n normalColor: \'#38f\',\n successColor: \'#0a0\',\n exceptionColor: \'#f85\',\n};\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} {...colors} />\n <Progress percent={100} {...colors} />\n <Progress percent={80} status="exception" {...colors} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(v)),p.createElement(x,{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
参数说明类型默认值可选值
className自定义额外类名string
type进度条样式string\'line\'\'circle\'
percent百分比number0
status进度条状态, 优先级比 percent 高string\'normal\'\n \n|\n \n\'success\'\n \n|\n \n\'exception\'
showInfo是否显示状态信息booleantruefalse
format文字模板函数, 只会在 normal 状态下显示(percent: number) => ReactNode内置函数
strokeWidth线条宽度，单位 pxnumber10
width圆形进度条直径/条形进度条总长度number
bgColor背景颜色string
normalColor正常状态下的颜色string
successColor成功状态下的颜色string
exceptionColor错误状态的颜色string
strokeLinecap进度条边缘形状string\'round\'\'round\'\n \n|\n \n\'square\'
\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),p.createElement(z,{title:"圈型进度条",id:"Democircle",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress type="circle" percent={80} width={76} strokeWidth={5} />\n <Progress type="circle" percent={70} />\n <Progress type="circle" percent={80} status="success" />\n <Progress type="circle" percent={30} status="exception" />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(y)),p.createElement(z,{title:"改变进度条边缘的形状",id:"Demolinecap",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} />\n <Progress percent={70} strokeLinecap="square" />\n <Progress percent={100} strokeLinecap="square" />\n <Progress percent={70} type="circle" />\n <Progress percent={70} type="circle" strokeLinecap="square" />\n <Progress percent={100} type="circle" strokeLinecap="square" />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(f)))}}},8434:(n,s,a)=>{"use strict";a.d(s,{E:()=>v});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=["normal","success","exception"],u=(0,a(70453).Z)("zentAnimatedArcStrokeGradient"),r={},i={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={opacity:0,rotate:0,transition:r},s.startAnimation=function(){s.animationDelayTimerId&&clearTimeout(s.animationDelayTimerId);var n=s.props,a=n.arcLength,t=n.radius,p=(a-s.getMaskArcLength())/t;s.setState({rotate:p,transition:r,opacity:.2},s.queueAnimationEnd)},s.finishAnimation=function(){s.transitionEndTimerId&&clearTimeout(s.transitionEndTimerId),s.setState({rotate:0,transition:i,opacity:0}),s.animationDelayTimerId=setTimeout(s.startAnimation,1e3)},s.queueAnimationEnd=function(){s.transitionEndTimerId=setTimeout(s.finishAnimation,400)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.getPath(),s=this.props,a=s.className,e=s.strokeWidth,o=this.state,c=o.rotate,l=o.transition,r=o.opacity;return(0,p.jsxs)("g",(0,t.pi)({"data-zv":"10.0.10"},{children:[(0,p.jsx)("defs",(0,t.pi)({"data-zv":"10.0.10"},{children:(0,p.jsxs)("linearGradient",(0,t.pi)({id:u},{children:[(0,p.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.10"},void 0),(0,p.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.10"},void 0)]}),void 0)}),void 0),(0,p.jsx)("path",{className:a,d:n,stroke:"url(#"+u+")",strokeOpacity:r,strokeWidth:e,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.10"},void 0)]}),void 0)},s.prototype.componentDidMount=function(){this.startAnimation()},s.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},s.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},s.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},s.prototype.getArcStartPoint=function(){var n=this.props,s=n.radius,a=n.strokeWidth/2;return[s+a,a]},s.prototype.getArcEndPoint=function(){var n=this.props,s=n.radius,a=s+n.strokeWidth/2,t=this.getMaskTheta();return[a+Math.sin(t)*s,a-Math.cos(t)*s]},s.prototype.getPath=function(){var n=this.getArcStartPoint(),s=this.getArcEndPoint(),a=this.props.radius;return"M"+n.join(",")+" A"+a+","+a+" 0 0 1 "+s.join(",")},s}(e.PureComponent),d=a(39215),m=function(n){var s=n.type,a=n.percent,t=n.format,e=n.state,o=n.color;return"success"===e?(0,p.jsx)(d.J,{type:"circle"===s?"check":"check-circle",style:{color:o}},void 0):"exception"===e?(0,p.jsx)(d.J,{type:"circle"===s?"close":"close-circle",style:{color:o}},void 0):(0,p.jsx)(p.Fragment,{children:t(a)},void 0)},g=function(n){var s=n.percent,a=n.showInfo,e=n.format,o=n.strokeWidth,l=n.width,u=n.bgColor,r=n.color,i=n.state,d=n.strokeLinecap,g=l||132,h=g/2,v=g-o,y=v/2,f=v*Math.PI,j=f*(100-s)/100;return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:g,height:g},"data-zv":"10.0.10"},{children:[(0,p.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:u,width:g,height:g},"data-zv":"10.0.10"},void 0),(0,p.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+g+" "+g,width:g,height:g,"data-zv":"10.0.10"},{children:[(0,p.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+h+" "+h+")","data-zv":"10.0.10"},{children:(0,p.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+d),cx:h,cy:h,r:y,style:{stroke:r,strokeWidth:o},strokeDasharray:f,strokeDashoffset:j,"data-zv":"10.0.10"},void 0)}),void 0),"normal"===i&&(0,p.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+d),radius:y,arcLength:f-j,strokeWidth:o},void 0)]}),void 0),a&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,p.jsx)(m,{type:"circle",percent:s,format:e,state:i,color:r},void 0)}),void 0)]}),void 0)},h=function(n){var s=n.format,a=n.width,e=n.percent,o=n.showInfo,l=n.strokeWidth,u=n.bgColor,r=n.color,i=n.state,k=n.strokeLinecap,d=a||"100%",g=o&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,p.jsx)(m,{type:"line",percent:e,format:s,state:i,color:r},void 0)}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.10"},{children:[(0,p.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===e}),style:{background:u,width:d,height:l},"data-zv":"10.0.10"},{children:(0,p.jsx)("div",{className:"zent-progress-inner",style:{background:r,width:e+"%",height:l},"data-zv":"10.0.10"},void 0)}),void 0),g]}),void 0)},v=function(n){var s,a=n,o=a.type,u=a.status,r=a.percent,i=a.className,k=a.normalColor,d=a.successColor,m=a.exceptionColor,v=a.bgColor,y=a.format,f=a.showInfo,j=a.strokeWidth,x=a.width,w=a.strokeLinecap,b=(0,t._T)(a,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),z=(0,e.useMemo)((function(){return-1!==l.indexOf(u)?u:r>=100?"success":"normal"}),[u,r]),C={exception:m,success:d,normal:k}[z],E=(0,e.useMemo)((function(){return r<0?0:r>100?100:r}),[r]);switch(o){case"circle":s=g;break;case"line":default:s=h}var N=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+z,i);return(0,p.jsx)("div",(0,t.pi)({className:N},b,{"data-zv":"10.0.10"},{children:(0,p.jsx)(s,{percent:E,showInfo:f,strokeWidth:j,width:x,bgColor:v,format:y,color:C,state:z,strokeLinecap:w},void 0)}),void 0)};v.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}}}]); \ No newline at end of file diff --git a/4912-0d07f45fbd8c2a33bc41.js b/4912-1a8cae0bd62e327ea6dd.js similarity index 92% rename from 4912-0d07f45fbd8c2a33bc41.js rename to 4912-1a8cae0bd62e327ea6dd.js index 38ffba33d..1ba37f85e 100644 --- a/4912-0d07f45fbd8c2a33bc41.js +++ b/4912-1a8cae0bd62e327ea6dd.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4912],{94912:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>z});var t=a(73450),p=a(27378),o=a(57318),e=a(57097),c=a(3454),l=a(82285),i=a(71457),u=a(24246);function r(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 k(n){for(var s=1;s{this.setState({visible:!1})})),(0,t.Z)(this,"open",(()=>{this.setState({visible:!0})}))}render(){var n=(0,u.jsx)("div",{children:(0,u.jsx)("p",{style:{marginBottom:10},children:"You can close Tooltip from outside"})});return(0,u.jsxs)("div",{className:"zent-doc-tooltip-none-trigger-container",children:[(0,u.jsx)(e.u,{title:n,trigger:"none",visible:this.state.visible,children:(0,u.jsx)(c.z,{type:"primary",onClick:this.open,children:"Open"})}),(0,u.jsx)(c.z,{disabled:!this.state.visible,onClick:this.close,children:"Close from outside"})]})}}return(0,u.jsx)(n,{})},v=function(){return(0,u.jsxs)("div",{className:"zent-doc-tooltip-container",children:[(0,u.jsx)(e.u,{trigger:"hover",title:"Content",fixMouseEventsOnDisabledChildren:!0,children:(0,u.jsx)(c.z,{type:"primary",disabled:!0,children:"Button"})}),(0,u.jsx)(e.u,{trigger:"hover",title:"Content",children:(0,u.jsx)(l.I,{disabled:!0})}),(0,u.jsx)(e.u,{trigger:"hover",title:"Content",children:(0,u.jsx)(i.Y,{disabled:!0,style:{marginLeft:"12px"}})}),(0,u.jsx)(e.u,{trigger:"hover",title:"Content",fixMouseEventsOnDisabledChildren:!0,children:(0,u.jsx)(c.z.Directive,{type:"primary",disabled:!0,children:(0,u.jsx)("a",{href:"",children:" ButtonDirective "})})})]})};function y(n){return(0,u.jsx)(n.tag,k(k({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function b(n){return(0,u.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,u.jsx)(y,{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 j extends p.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,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:a||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class z extends p.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 p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:".zent-doc-tooltip-container {\n\t\tdisplay: flex;\n\t\tjustify-content: left;\n\t\talign-items: center;\n\t}\n\n\t\t.zent-doc-tooltip-container .zent-doc-tooltip-tag {\n\t\t\tborder: 1px solid #e5e5e5;\n\t\t\tborder-radius: 20%;\n\t\t\tpadding: 3px;\n\t\t\tfont-size: 12px;\n\t\t\tcursor: default\n\t\t}\n\n\t\t.zent-doc-tooltip-container .zent-doc-tooltip-tag:not(:last-child) {\n\t\tmargin-right: 10px;\n}\n\n\t\t.zent-doc-tooltip-container .zent-input-wrapper {\n\t\t\tmargin-left: 10px;\n\t\t}\n\n.zent-doc-tooltip-positions {\n\t\twidth: 630px;\n position: relative;\n }\n\n.zent-doc-tooltip-positions-top-row,\n\t\t.zent-doc-tooltip-positions-bottom-row {\n\t\t\tdisplay: flex;\n justify-content: center;\n }\n\n.zent-doc-tooltip-positions-top-row .zent-tooltip-wrapper:not(:last-child), .zent-doc-tooltip-positions-bottom-row .zent-tooltip-wrapper:not(:last-child) {\n margin-right: 10px\n }\n\n.zent-doc-tooltip-positions-bottom-row {\n margin-top: 64px;\n }\n\n.zent-doc-tooltip-positions-left-col, .zent-doc-tooltip-positions-right-col {\n position: absolute;\n top: 0;\n display: flex;\n justify-content: center;\n flex-direction: column;\n height: 100%;\n }\n\n.zent-doc-tooltip-positions-left-col .zent-btn, .zent-doc-tooltip-positions-right-col .zent-btn {\n\t\t\t\tmargin-left: 0 !important;\n\t\t\t}\n\n.zent-doc-tooltip-positions-left-col .zent-btn:not(:last-child), .zent-doc-tooltip-positions-right-col .zent-btn:not(:last-child) {\n margin-bottom: 10px;\n }\n\n.zent-doc-tooltip-positions-left-col {\n left: 0;\n }\n\n.zent-doc-tooltip-positions-right-col {\n right: -10px;\n }\n\n.zent-doc-tooltip-positions .zent-tooltip-wrapper .zent-btn {\n width: 120px;\n }\n\n.zent-doc-tooltip-none-trigger-container {\n display: flex;\n justify-content: left;\n\t}\n\n.zent-doc-tooltip-none-trigger-container .zent-tooltip-wrapper {\n\t\t\tmargin-right: 10px;\n\t\t}"}),p.createElement(b,{html:'

Tooltip

\n
    \n
  • Triggers: click, hover and focus
    • \n
  • Only display prompt like HTML title,no more operation
    • \n
\n

Demos

'}),p.createElement(j,{title:"Three trigger modes: click, hover and focus",id:"Demotrigger",src:'import { Tooltip, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-container">\n <Tooltip trigger="hover" title="Hover Trigger">\n <Button type="primary">Hover</Button>\n </Tooltip>\n <Tooltip trigger="click" title="Click Trigger">\n <Button type="primary">Click</Button>\n </Tooltip>\n <Tooltip trigger="focus" title="Focus Trigger">\n <Input defaultValue="Focus" />\n </Tooltip>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(j,{title:"12 positions",id:"Demopositions",src:'import { Tooltip, Button } from \'zent\';\n\nconst trigger = \'hover\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-positions">\n <div className="zent-doc-tooltip-positions-top-row">\n <Tooltip trigger={trigger} position="top-left" title="TL">\n <Button>TopLeft</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="top-center" title="TC">\n <Button>TopCenter</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="top-right" title="TR">\n <Button>TopRight</Button>\n </Tooltip>\n </div>\n <div className="zent-doc-tooltip-positions-bottom-row">\n <Tooltip trigger={trigger} position="bottom-left" title="BL">\n <Button>BottomLeft</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="bottom-center" title="BC">\n <Button>BottomCenter</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="bottom-right" title="BR">\n <Button>BottomRight</Button>\n </Tooltip>\n </div>\n <div className="zent-doc-tooltip-positions-left-col">\n <Tooltip trigger={trigger} position="left-center" title="LC">\n <Button>LeftCenter</Button>\n </Tooltip>\n </div>\n <div className="zent-doc-tooltip-positions-right-col">\n <Tooltip trigger={trigger} position="right-center" title="RC">\n <Button>RightCenter</Button>\n </Tooltip>\n </div>\n </div>,\n mountNode\n);'},p.createElement(g)),p.createElement(j,{title:"Use `centerArrow` to control arrow position",id:"Democenterarrow",src:'import { Tooltip, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-container">\n <Tooltip centerArrow trigger="hover" position="top-left" title="centerArrow is true">\n <span className="zent-doc-tooltip-tag">Y</span>\n </Tooltip>\n <Tooltip trigger="hover" position="top-left" title="centerArrow is false">\n <span className="zent-doc-tooltip-tag">N</span>\n </Tooltip>\n </div>\n , mountNode\n);'},p.createElement(m)),p.createElement(j,{title:"Control visibility from outside",id:"Democontrolled",src:'import { Tooltip, Button } from \'zent\';\n\nclass NoneTriggerDemo extends Component {\n state = {\n visible: false,\n };\n\n close = () => {\n this.setState({\n visible: false,\n });\n };\n\n open = () => {\n this.setState({\n visible: true,\n });\n };\n\n render() {\n const content = (\n <div>\n <p style={{ marginBottom: 10 }}>You can close Tooltip from outside</p>\n </div>\n );\n return (\n <div className="zent-doc-tooltip-none-trigger-container">\n <Tooltip title={content} trigger="none" visible={this.state.visible}>\n <Button type="primary" onClick={this.open}>\n Open\n </Button>\n </Tooltip>\n <Button disabled={!this.state.visible} onClick={this.close}>\n Close from outside\n </Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<NoneTriggerDemo />, mountNode);'},p.createElement(h)),p.createElement(j,{title:"Disabled elements",id:"Demodisabled",src:'import { Button, Input, Radio, Tooltip } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-container">\n <Tooltip\n trigger="hover"\n title="Content"\n fixMouseEventsOnDisabledChildren\n >\n <Button type="primary" disabled>\n Button\n </Button>\n </Tooltip>\n <Tooltip trigger="hover" title="Content">\n <Input disabled />\n </Tooltip>\n <Tooltip trigger="hover" title="Content">\n <Radio disabled style={{ marginLeft: \'12px\' }} />\n </Tooltip>\n <Tooltip\n trigger="hover"\n title="Content"\n fixMouseEventsOnDisabledChildren\n >\n <Button.Directive type="primary" disabled>\n <a href=""> ButtonDirective </a>\n </Button.Directive>\n </Tooltip>\n </div>,\n mountNode\n);'},p.createElement(v)),p.createElement(b,{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
PropertyDescriptionTypeRequiredDefaultAlternative
titleTooltip contentnodeYes
triggerTrigger methodstringNo\'hover\'\'click\'\n, \n\'hover\'\n, \n\'focus\'
positionTooltip content position, naming rule: content position relative to trigger + arrow position relative to Tooltip. Can be a placement function, see \nPopover.Position.createstring \n|\n funcNo\'top-center\'
centerArrowAlways center arrow to triggerboolNofalse
cushionSame as the \ncushion\n in Popover, which is usually the distance between the edge of the Tooltip and the trigger elementnumberNo10
containerSelectortooltip\'s parent node CSS selectorstringNo\'body\'all legal CSS selector
visibleTooltip switch to controlled mode if this prop is setboolNo
onVisibleChangeMust be used with \nvisiblefuncNo
classNameCustom class namestringNo\'\'
styleCustom stylesCSSPropertiesNo
\n

Extra API to trigger

\n

Tooltip has some additional props depends on different triggers. Like Pop.

\n

Click

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefault
closeOnClickOutsideClose Tooltip when click outside trigger and contentboolNotrue
isOutsideCallback to determine if click is outside of TooltipfuncNo
\n

Hover

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefault
mouseEnterDelayHover open delay(in ms)numberNo200
mouseLeaveDelayHover close delay(in ms)numberNo200
isOutsideCallback to determine if mouse is outside of TooltipfuncNo
quirkSwitch to quirk mode, you don\'t have to move from inside to outside to trigger a close in quirk modeboolNotrue
fixMouseEventsOnDisabledChildrenFix mouse events on disabled Input/ButtonbooleanNofalse
\n

PS:fixMouseEventsOnDisabledChildren is only works with Zent components.

\n

Why

\n\n

Workaround

\n
    \n
  • Wrap the disabled button/input in another element.
    • \n
  • Then add {pointer-events: none} style to the disabled button/input.
    • \n
\n

None

\n

When using this trigger, onConfirm and onCancel will not close Tooltip automatically, you are responsible for controlling visible to close Tooltip.

'}))}}},4246:(n,s,a)=>{"use strict";a.d(s,{E:()=>u});var t=a(59312),p=a(24246),o=a(60042),e=a.n(o),c=a(27378),l=a(57961),i=a(1348);function u(n){var s=(0,c.useContext)(i.d),a=n.value,o=n.disabled,u=void 0===o?s.value:o,r=n.readOnly,k=void 0!==r&&r,d=n.isValueEqual,g=void 0===d?Object.is:d,m=n.className,h=n.style,v=n.children,y=n.onChange,b=(0,c.useMemo)((function(){return{value:a,disabled:u,readOnly:k,isValueEqual:g,onRadioChange:y}}),[a,u,k,g,y]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:b},{children:(0,p.jsx)("div",(0,t.pi)({className:e()("zent-radio-group",m),style:h,"data-zv":"10.0.9"},{children:v}),void 0)}),void 0)}s.Z=u},57961:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)(null);t.displayName="RadioGroupContext",s.Z=t},71457:(n,s,a)=>{"use strict";a.d(s,{Y:()=>g,Z:()=>m});var t=a(59312),p=a(24246),o=a(60042),e=a.n(o),c=a(1535),l=a(27378);function i(n,s){var a=(0,l.useRef)(s);a.current=s;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var s=function(n,s){var a=Object.create(n);return a.target=(0,t.pi)((0,t.pi)({},s),{type:"radio",checked:n.target.checked}),a}(n,a.current);if(p)p(s);else{var o=a.current.onChange;o&&o(s)}}),[p])}function u(n,s,a){var t=function(n,s,a){return"boolean"==typeof a.disabled?a.disabled:s&&"boolean"==typeof s.disabled?s.disabled:n.value}(n,s,a),p=function(n,s){return"boolean"==typeof s.readOnly?s.readOnly:!!n&&n.readOnly}(s,a);return{checked:s?s.isValueEqual(s.value,a.value):!!a.checked,disabled:t,readOnly:p}}var r=a(4246),k=a(1348),d=a(57961);function g(n){var s=n.className,a=n.style,o=n.children,r=(n.value,n.width),g=n.labelStyle,m=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),v=(0,l.useContext)(d.Z),y=u(h,v,n),b=y.checked,f=y.disabled,x=y.readOnly,j=i(v,n),z=e()(s,"zent-radio-wrap",{"zent-radio-checked":!!b,"zent-radio-disabled":f||x}),T=(0,c.Z)(r),C=(0,t.pi)((0,t.pi)({},a),T);return(0,p.jsxs)("label",(0,t.pi)({className:z,style:C,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},m,{type:"radio",checked:!!b,disabled:f,readOnly:x,onChange:j,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==o&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:g,"data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)}g.Button=function(n){var s=n.className,a=n.style,o=n.children,r=(n.value,n.width),g=n.onMouseEnter,m=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),v=(0,l.useContext)(k.d),y=(0,l.useContext)(d.Z);if(!y)throw new Error("Radio.Button must be nested within Radio.Group");var b=u(v,y,n),f=b.checked,x=b.disabled,j=b.readOnly,z=i(y,n),T=e()(s,"zent-radio-button",{"zent-radio-button--checked":!!f,"zent-radio-button--disabled":x||j}),C=(0,c.Z)(r),w=(0,t.pi)((0,t.pi)({},a),C);return(0,p.jsxs)("label",(0,t.pi)({className:T,style:w,onMouseEnter:g,onMouseLeave:m,"data-zv":"10.0.9"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!f,disabled:x,readOnly:j,onChange:z,"data-zv":"10.0.9"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)},g.Group=r.Z;var m=g},57097:(n,s,a)=>{"use strict";a.d(s,{u:()=>d});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(42690),i=a(33806),u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s}(i.ZP.Trigger.Base),r=a(50707),k=i.ZP.Trigger,d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.popoverRef=(0,o.createRef)(),s}return(0,t.ZT)(s,n),s.prototype.renderContent=function(){var n=this.props.title;return(0,p.jsxs)(i.ZP.Content,{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-tooltip-v2-inner","data-zv":"10.0.9"},{children:n}),void 0),(0,p.jsx)("i",{className:"zent-tooltip-v2-arrow","data-zv":"10.0.9"},void 0)]},void 0)},s.prototype.renderTrigger=function(){var n=this.props.children;if("click"===this.props.trigger){var s=this.props.closeOnClickOutside,a=void 0===s||s;return(0,p.jsx)(k.Click,(0,t.pi)({closeOnClickOutside:a},{children:n}),void 0)}if("hover"===this.props.trigger){var o=this.props,e=o.mouseLeaveDelay,c=void 0===e?200:e,l=o.mouseEnterDelay,i=void 0===l?200:l,r=o.anchorOnly,d=o.fixMouseEventsOnDisabledChildren;return(0,p.jsx)(k.Hover,(0,t.pi)({showDelay:i,hideDelay:c,anchorOnly:r,fixMouseEventsOnDisabledChildren:d},{children:n}),void 0)}return"focus"===this.props.trigger?(0,p.jsx)(k.Focus,{children:n},void 0):"none"===this.props.trigger?(0,p.jsx)(u,{children:n},void 0):null},s.prototype.render=function(){var n=this.props,s=n.className,a=n.trigger,o=n.visible,e=n.position,u=n.cushion,k=n.centerArrow,d=n.containerSelector,g=n.style,m=c()("zent-tooltip-v2",s),h=this.props.onVisibleChange;return"none"===a&&(h=h||l.Z),(0,p.jsxs)(i.ZP,(0,t.pi)({visible:o,onVisibleChange:h,className:m,cushion:u,position:(0,r.Z)(e,k),containerSelector:d,ref:this.popoverRef,style:g},{children:[this.renderTrigger(),this.renderContent()]}),void 0)},s.defaultProps={trigger:"hover",position:"top-center",cushion:8,centerArrow:!1,containerSelector:"body"},s}(o.Component)},1535:(n,s,a)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4912],{94912:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>z});var t=a(73450),p=a(27378),o=a(57318),e=a(57097),c=a(3454),l=a(82285),i=a(71457),u=a(24246);function r(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 k(n){for(var s=1;s{this.setState({visible:!1})})),(0,t.Z)(this,"open",(()=>{this.setState({visible:!0})}))}render(){var n=(0,u.jsx)("div",{children:(0,u.jsx)("p",{style:{marginBottom:10},children:"You can close Tooltip from outside"})});return(0,u.jsxs)("div",{className:"zent-doc-tooltip-none-trigger-container",children:[(0,u.jsx)(e.u,{title:n,trigger:"none",visible:this.state.visible,children:(0,u.jsx)(c.z,{type:"primary",onClick:this.open,children:"Open"})}),(0,u.jsx)(c.z,{disabled:!this.state.visible,onClick:this.close,children:"Close from outside"})]})}}return(0,u.jsx)(n,{})},v=function(){return(0,u.jsxs)("div",{className:"zent-doc-tooltip-container",children:[(0,u.jsx)(e.u,{trigger:"hover",title:"Content",fixMouseEventsOnDisabledChildren:!0,children:(0,u.jsx)(c.z,{type:"primary",disabled:!0,children:"Button"})}),(0,u.jsx)(e.u,{trigger:"hover",title:"Content",children:(0,u.jsx)(l.I,{disabled:!0})}),(0,u.jsx)(e.u,{trigger:"hover",title:"Content",children:(0,u.jsx)(i.Y,{disabled:!0,style:{marginLeft:"12px"}})}),(0,u.jsx)(e.u,{trigger:"hover",title:"Content",fixMouseEventsOnDisabledChildren:!0,children:(0,u.jsx)(c.z.Directive,{type:"primary",disabled:!0,children:(0,u.jsx)("a",{href:"",children:" ButtonDirective "})})})]})};function y(n){return(0,u.jsx)(n.tag,k(k({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function b(n){return(0,u.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,u.jsx)(y,{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 j extends p.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,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:a||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class z extends p.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 p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:".zent-doc-tooltip-container {\n\t\tdisplay: flex;\n\t\tjustify-content: left;\n\t\talign-items: center;\n\t}\n\n\t\t.zent-doc-tooltip-container .zent-doc-tooltip-tag {\n\t\t\tborder: 1px solid #e5e5e5;\n\t\t\tborder-radius: 20%;\n\t\t\tpadding: 3px;\n\t\t\tfont-size: 12px;\n\t\t\tcursor: default\n\t\t}\n\n\t\t.zent-doc-tooltip-container .zent-doc-tooltip-tag:not(:last-child) {\n\t\tmargin-right: 10px;\n}\n\n\t\t.zent-doc-tooltip-container .zent-input-wrapper {\n\t\t\tmargin-left: 10px;\n\t\t}\n\n.zent-doc-tooltip-positions {\n\t\twidth: 630px;\n position: relative;\n }\n\n.zent-doc-tooltip-positions-top-row,\n\t\t.zent-doc-tooltip-positions-bottom-row {\n\t\t\tdisplay: flex;\n justify-content: center;\n }\n\n.zent-doc-tooltip-positions-top-row .zent-tooltip-wrapper:not(:last-child), .zent-doc-tooltip-positions-bottom-row .zent-tooltip-wrapper:not(:last-child) {\n margin-right: 10px\n }\n\n.zent-doc-tooltip-positions-bottom-row {\n margin-top: 64px;\n }\n\n.zent-doc-tooltip-positions-left-col, .zent-doc-tooltip-positions-right-col {\n position: absolute;\n top: 0;\n display: flex;\n justify-content: center;\n flex-direction: column;\n height: 100%;\n }\n\n.zent-doc-tooltip-positions-left-col .zent-btn, .zent-doc-tooltip-positions-right-col .zent-btn {\n\t\t\t\tmargin-left: 0 !important;\n\t\t\t}\n\n.zent-doc-tooltip-positions-left-col .zent-btn:not(:last-child), .zent-doc-tooltip-positions-right-col .zent-btn:not(:last-child) {\n margin-bottom: 10px;\n }\n\n.zent-doc-tooltip-positions-left-col {\n left: 0;\n }\n\n.zent-doc-tooltip-positions-right-col {\n right: -10px;\n }\n\n.zent-doc-tooltip-positions .zent-tooltip-wrapper .zent-btn {\n width: 120px;\n }\n\n.zent-doc-tooltip-none-trigger-container {\n display: flex;\n justify-content: left;\n\t}\n\n.zent-doc-tooltip-none-trigger-container .zent-tooltip-wrapper {\n\t\t\tmargin-right: 10px;\n\t\t}"}),p.createElement(b,{html:'

Tooltip

\n
    \n
  • Triggers: click, hover and focus
    • \n
  • Only display prompt like HTML title,no more operation
    • \n
\n

Demos

'}),p.createElement(j,{title:"Three trigger modes: click, hover and focus",id:"Demotrigger",src:'import { Tooltip, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-container">\n <Tooltip trigger="hover" title="Hover Trigger">\n <Button type="primary">Hover</Button>\n </Tooltip>\n <Tooltip trigger="click" title="Click Trigger">\n <Button type="primary">Click</Button>\n </Tooltip>\n <Tooltip trigger="focus" title="Focus Trigger">\n <Input defaultValue="Focus" />\n </Tooltip>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(j,{title:"12 positions",id:"Demopositions",src:'import { Tooltip, Button } from \'zent\';\n\nconst trigger = \'hover\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-positions">\n <div className="zent-doc-tooltip-positions-top-row">\n <Tooltip trigger={trigger} position="top-left" title="TL">\n <Button>TopLeft</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="top-center" title="TC">\n <Button>TopCenter</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="top-right" title="TR">\n <Button>TopRight</Button>\n </Tooltip>\n </div>\n <div className="zent-doc-tooltip-positions-bottom-row">\n <Tooltip trigger={trigger} position="bottom-left" title="BL">\n <Button>BottomLeft</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="bottom-center" title="BC">\n <Button>BottomCenter</Button>\n </Tooltip>\n <Tooltip trigger={trigger} position="bottom-right" title="BR">\n <Button>BottomRight</Button>\n </Tooltip>\n </div>\n <div className="zent-doc-tooltip-positions-left-col">\n <Tooltip trigger={trigger} position="left-center" title="LC">\n <Button>LeftCenter</Button>\n </Tooltip>\n </div>\n <div className="zent-doc-tooltip-positions-right-col">\n <Tooltip trigger={trigger} position="right-center" title="RC">\n <Button>RightCenter</Button>\n </Tooltip>\n </div>\n </div>,\n mountNode\n);'},p.createElement(g)),p.createElement(j,{title:"Use `centerArrow` to control arrow position",id:"Democenterarrow",src:'import { Tooltip, Button, Input } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-container">\n <Tooltip centerArrow trigger="hover" position="top-left" title="centerArrow is true">\n <span className="zent-doc-tooltip-tag">Y</span>\n </Tooltip>\n <Tooltip trigger="hover" position="top-left" title="centerArrow is false">\n <span className="zent-doc-tooltip-tag">N</span>\n </Tooltip>\n </div>\n , mountNode\n);'},p.createElement(m)),p.createElement(j,{title:"Control visibility from outside",id:"Democontrolled",src:'import { Tooltip, Button } from \'zent\';\n\nclass NoneTriggerDemo extends Component {\n state = {\n visible: false,\n };\n\n close = () => {\n this.setState({\n visible: false,\n });\n };\n\n open = () => {\n this.setState({\n visible: true,\n });\n };\n\n render() {\n const content = (\n <div>\n <p style={{ marginBottom: 10 }}>You can close Tooltip from outside</p>\n </div>\n );\n return (\n <div className="zent-doc-tooltip-none-trigger-container">\n <Tooltip title={content} trigger="none" visible={this.state.visible}>\n <Button type="primary" onClick={this.open}>\n Open\n </Button>\n </Tooltip>\n <Button disabled={!this.state.visible} onClick={this.close}>\n Close from outside\n </Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<NoneTriggerDemo />, mountNode);'},p.createElement(h)),p.createElement(j,{title:"Disabled elements",id:"Demodisabled",src:'import { Button, Input, Radio, Tooltip } from \'zent\';\n\nReactDOM.render(\n <div className="zent-doc-tooltip-container">\n <Tooltip\n trigger="hover"\n title="Content"\n fixMouseEventsOnDisabledChildren\n >\n <Button type="primary" disabled>\n Button\n </Button>\n </Tooltip>\n <Tooltip trigger="hover" title="Content">\n <Input disabled />\n </Tooltip>\n <Tooltip trigger="hover" title="Content">\n <Radio disabled style={{ marginLeft: \'12px\' }} />\n </Tooltip>\n <Tooltip\n trigger="hover"\n title="Content"\n fixMouseEventsOnDisabledChildren\n >\n <Button.Directive type="primary" disabled>\n <a href=""> ButtonDirective </a>\n </Button.Directive>\n </Tooltip>\n </div>,\n mountNode\n);'},p.createElement(v)),p.createElement(b,{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
PropertyDescriptionTypeRequiredDefaultAlternative
titleTooltip contentnodeYes
triggerTrigger methodstringNo\'hover\'\'click\'\n, \n\'hover\'\n, \n\'focus\'
positionTooltip content position, naming rule: content position relative to trigger + arrow position relative to Tooltip. Can be a placement function, see \nPopover.Position.createstring \n|\n funcNo\'top-center\'
centerArrowAlways center arrow to triggerboolNofalse
cushionSame as the \ncushion\n in Popover, which is usually the distance between the edge of the Tooltip and the trigger elementnumberNo10
containerSelectortooltip\'s parent node CSS selectorstringNo\'body\'all legal CSS selector
visibleTooltip switch to controlled mode if this prop is setboolNo
onVisibleChangeMust be used with \nvisiblefuncNo
classNameCustom class namestringNo\'\'
styleCustom stylesCSSPropertiesNo
\n

Extra API to trigger

\n

Tooltip has some additional props depends on different triggers. Like Pop.

\n

Click

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefault
closeOnClickOutsideClose Tooltip when click outside trigger and contentboolNotrue
isOutsideCallback to determine if click is outside of TooltipfuncNo
\n

Hover

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefault
mouseEnterDelayHover open delay(in ms)numberNo200
mouseLeaveDelayHover close delay(in ms)numberNo200
isOutsideCallback to determine if mouse is outside of TooltipfuncNo
quirkSwitch to quirk mode, you don\'t have to move from inside to outside to trigger a close in quirk modeboolNotrue
fixMouseEventsOnDisabledChildrenFix mouse events on disabled Input/ButtonbooleanNofalse
\n

PS:fixMouseEventsOnDisabledChildren is only works with Zent components.

\n

Why

\n\n

Workaround

\n
    \n
  • Wrap the disabled button/input in another element.
    • \n
  • Then add {pointer-events: none} style to the disabled button/input.
    • \n
\n

None

\n

When using this trigger, onConfirm and onCancel will not close Tooltip automatically, you are responsible for controlling visible to close Tooltip.

'}))}}},4246:(n,s,a)=>{"use strict";a.d(s,{E:()=>u});var t=a(59312),p=a(24246),o=a(60042),e=a.n(o),c=a(27378),l=a(57961),i=a(1348);function u(n){var s=(0,c.useContext)(i.d),a=n.value,o=n.disabled,u=void 0===o?s.value:o,r=n.readOnly,k=void 0!==r&&r,d=n.isValueEqual,g=void 0===d?Object.is:d,m=n.className,h=n.style,v=n.children,y=n.onChange,b=(0,c.useMemo)((function(){return{value:a,disabled:u,readOnly:k,isValueEqual:g,onRadioChange:y}}),[a,u,k,g,y]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:b},{children:(0,p.jsx)("div",(0,t.pi)({className:e()("zent-radio-group",m),style:h,"data-zv":"10.0.10"},{children:v}),void 0)}),void 0)}s.Z=u},57961:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)(null);t.displayName="RadioGroupContext",s.Z=t},71457:(n,s,a)=>{"use strict";a.d(s,{Y:()=>g,Z:()=>m});var t=a(59312),p=a(24246),o=a(60042),e=a.n(o),c=a(1535),l=a(27378);function i(n,s){var a=(0,l.useRef)(s);a.current=s;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var s=function(n,s){var a=Object.create(n);return a.target=(0,t.pi)((0,t.pi)({},s),{type:"radio",checked:n.target.checked}),a}(n,a.current);if(p)p(s);else{var o=a.current.onChange;o&&o(s)}}),[p])}function u(n,s,a){var t=function(n,s,a){return"boolean"==typeof a.disabled?a.disabled:s&&"boolean"==typeof s.disabled?s.disabled:n.value}(n,s,a),p=function(n,s){return"boolean"==typeof s.readOnly?s.readOnly:!!n&&n.readOnly}(s,a);return{checked:s?s.isValueEqual(s.value,a.value):!!a.checked,disabled:t,readOnly:p}}var r=a(4246),k=a(1348),d=a(57961);function g(n){var s=n.className,a=n.style,o=n.children,r=(n.value,n.width),g=n.labelStyle,m=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),v=(0,l.useContext)(d.Z),y=u(h,v,n),b=y.checked,f=y.disabled,x=y.readOnly,j=i(v,n),z=e()(s,"zent-radio-wrap",{"zent-radio-checked":!!b,"zent-radio-disabled":f||x}),T=(0,c.Z)(r),C=(0,t.pi)((0,t.pi)({},a),T);return(0,p.jsxs)("label",(0,t.pi)({className:z,style:C,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},m,{type:"radio",checked:!!b,disabled:f,readOnly:x,onChange:j,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==o&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:g,"data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)}g.Button=function(n){var s=n.className,a=n.style,o=n.children,r=(n.value,n.width),g=n.onMouseEnter,m=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),v=(0,l.useContext)(k.d),y=(0,l.useContext)(d.Z);if(!y)throw new Error("Radio.Button must be nested within Radio.Group");var b=u(v,y,n),f=b.checked,x=b.disabled,j=b.readOnly,z=i(y,n),T=e()(s,"zent-radio-button",{"zent-radio-button--checked":!!f,"zent-radio-button--disabled":x||j}),C=(0,c.Z)(r),w=(0,t.pi)((0,t.pi)({},a),C);return(0,p.jsxs)("label",(0,t.pi)({className:T,style:w,onMouseEnter:g,onMouseLeave:m,"data-zv":"10.0.10"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!f,disabled:x,readOnly:j,onChange:z,"data-zv":"10.0.10"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)},g.Group=r.Z;var m=g},57097:(n,s,a)=>{"use strict";a.d(s,{u:()=>d});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(42690),i=a(33806),u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s}(i.ZP.Trigger.Base),r=a(50707),k=i.ZP.Trigger,d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.popoverRef=(0,o.createRef)(),s}return(0,t.ZT)(s,n),s.prototype.renderContent=function(){var n=this.props.title;return(0,p.jsxs)(i.ZP.Content,{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-tooltip-v2-inner","data-zv":"10.0.10"},{children:n}),void 0),(0,p.jsx)("i",{className:"zent-tooltip-v2-arrow","data-zv":"10.0.10"},void 0)]},void 0)},s.prototype.renderTrigger=function(){var n=this.props.children;if("click"===this.props.trigger){var s=this.props.closeOnClickOutside,a=void 0===s||s;return(0,p.jsx)(k.Click,(0,t.pi)({closeOnClickOutside:a},{children:n}),void 0)}if("hover"===this.props.trigger){var o=this.props,e=o.mouseLeaveDelay,c=void 0===e?200:e,l=o.mouseEnterDelay,i=void 0===l?200:l,r=o.anchorOnly,d=o.fixMouseEventsOnDisabledChildren;return(0,p.jsx)(k.Hover,(0,t.pi)({showDelay:i,hideDelay:c,anchorOnly:r,fixMouseEventsOnDisabledChildren:d},{children:n}),void 0)}return"focus"===this.props.trigger?(0,p.jsx)(k.Focus,{children:n},void 0):"none"===this.props.trigger?(0,p.jsx)(u,{children:n},void 0):null},s.prototype.render=function(){var n=this.props,s=n.className,a=n.trigger,o=n.visible,e=n.position,u=n.cushion,k=n.centerArrow,d=n.containerSelector,g=n.style,m=c()("zent-tooltip-v2",s),h=this.props.onVisibleChange;return"none"===a&&(h=h||l.Z),(0,p.jsxs)(i.ZP,(0,t.pi)({visible:o,onVisibleChange:h,className:m,cushion:u,position:(0,r.Z)(e,k),containerSelector:d,ref:this.popoverRef,style:g},{children:[this.renderTrigger(),this.renderContent()]}),void 0)},s.defaultProps={trigger:"hover",position:"top-center",cushion:8,centerArrow:!1,containerSelector:"body"},s}(o.Component)},1535:(n,s,a)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file diff --git a/4947-33399fff2bde3eef9a85.js b/4947-40cbb67e1634685e3aa0.js similarity index 84% rename from 4947-33399fff2bde3eef9a85.js rename to 4947-40cbb67e1634685e3aa0.js index eddf2296d..61a08e020 100644 --- a/4947-33399fff2bde3eef9a85.js +++ b/4947-40cbb67e1634685e3aa0.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4947],{84947:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>w});var t=s(73450),e=s(73118),o=s(27378),p=s(57318),c=s(33938),l=s(86446),u=s(39215),i=s(14623),r=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;au("Waypoint 进入屏幕")),[]),v=o.useCallback((()=>u("Waypoint 离开屏幕")),[]),g=o.useCallback((n=>f(n.target.checked)),[]),y=o.useMemo((()=>m?{topOffset:"auto",bottomOffset:"auto"}:{}),[m]);return(0,r.jsxs)("div",{className:"waypoint-demo-basic",children:[(0,r.jsx)("div",{style:{marginBottom:16},children:(0,r.jsx)(c.X,{checked:m,onChange:g,children:"猜测 topOffset 和 bottomOffset"})}),p?(0,r.jsx)("div",{className:"waypoint-demo-basic__message",children:p}):null,(0,r.jsxs)("div",{className:"waypoint-demo-basic__scrollable-parent",children:[(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(l.h,d({onEnter:h,onLeave:v},y)),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{})]})]})}function a(){return(0,r.jsx)("div",{className:"waypoint-demo-basic__spacer",children:(0,r.jsx)(u.J,{type:"down"})})}return(0,r.jsx)(n,{})},f=function(){function n(n){var a=o.useState(!1),s=(0,e.Z)(a,2),t=s[0],p=s[1],c=o.useCallback((()=>p(!0)),[]),u=o.useCallback((()=>p(!1)),[]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.h,{onEnter:c,onLeave:u}),(0,r.jsx)(i.Z,{in:t,timeout:500,classNames:"waypoint-demo-reveal",unmountOnExit:!0,children:n.children})]})}function a(a){return(0,r.jsx)("div",{className:"waypoint-demo-reveal",children:(0,r.jsxs)("div",{className:"waypoint-demo-reveal__scrollable-parent",children:[(0,r.jsx)(s,{}),(0,r.jsx)(s,{}),(0,r.jsx)(s,{}),(0,r.jsx)(n,{children:(0,r.jsx)("p",{className:"waypoint-demo-reveal-text",children:"Surely You're Joking, Mr. Feynman!"})}),(0,r.jsx)(s,{}),(0,r.jsx)(s,{}),(0,r.jsx)(s,{})]})})}function s(){return(0,r.jsx)("div",{className:"waypoint-demo-reveal__spacer",children:(0,r.jsx)(u.J,{type:"down",className:"waypoint-demo-reveal-pulse"})})}return(0,r.jsx)(a,{})};function h(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,r.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function g(n){return(0,r.jsx)(h,{tag:"style",html:n.style})}function y(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),y(n.parentNode,a);return a}class b 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,a=this.props,s=a.title,t=a.src,e=a.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:s||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends o.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,y(a,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(g,{style:".waypoint-demo-basic .zent-waypoint-marker {\n\tdisplay: block;\n\theight: 4px;\n\tbackground: #d40000;\n}\n\n.waypoint-demo-basic__scrollable-parent {\n max-height: 400px;\n overflow: scroll;\n position: relative;\n\tborder: 20px solid rgba(21, 91, 212, 0.2);\n}\n\n.waypoint-demo-basic__spacer {\n color: #969799;\n font-size: 40px;\n line-height: 200px;\n text-align: center;\n}\n\n.waypoint-demo-basic__message {\n\tbox-sizing: border-box;\n background-color: #f2f3f5;\n color: #323233;\n opacity: 0.8;\n padding: 10px 0;\n pointer-events: none;\n text-align: center;\n width: 100%;\n}\n\n.waypoint-demo-reveal {\n position: relative;\n}\n\n.waypoint-demo-reveal__scrollable-parent {\n max-height: 400px;\n overflow: scroll;\n position: relative;\n}\n\n.waypoint-demo-reveal__spacer {\n color: #969799;\n font-size: 40px;\n line-height: 200px;\n text-align: center;\n}\n\n.waypoint-demo-reveal-text {\n\ttransition: opacity 500ms, transform 500ms;\n\ttext-align: center;\n\tpadding: 10px 0;\n}\n\n.waypoint-demo-reveal-enter {\n\topacity: 0;\n\ttransform: scale(0.1);\n}\n\n.waypoint-demo-reveal-enter-active {\n\topacity: 1;\n\ttransform: scale(1);\n}\n\n.waypoint-demo-reveal-exit {\n\topacity: 1;\n\ttransform: scale(0.9);\n}\n\n.waypoint-demo-reveal-exit-active {\n\topacity: 0;\n\ttransform: scale(0);\n}"}),o.createElement(v,{html:'

Waypoint

\n

当滚动到某个 DOM 元素时执行一个函数，支持任意可滚动的容器。

\n

常见使用场景：

\n
    \n
  • 懒加载图片
    • \n
  • 无限滚动
    • \n
  • 固钉
    • \n
\n

代码演示

'}),o.createElement(b,{title:"基础用法",id:"Demo01basic",src:'import { Waypoint, Icon, Checkbox } from \'zent\';\n\nfunction Demo(props) {\n const [msg, setMsg] = React.useState(null);\n const [autoBorderWidth, setAutoBorderWidth] = React.useState(true);\n const setEnterMsg = React.useCallback(() => setMsg(\'Waypoint 进入屏幕\'), []);\n const setLeaveMsg = React.useCallback(() => setMsg(\'Waypoint 离开屏幕\'), []);\n const setAuto = React.useCallback(e => setAutoBorderWidth(e.target.checked), []);\n const autoProps = React.useMemo(() => {\n return autoBorderWidth ? {\n topOffset: \'auto\',\n bottomOffset: \'auto\'\n } : {};\n }, [autoBorderWidth]);\n\n return (\n <div className="waypoint-demo-basic">\n <div style={{marginBottom: 16}}>\n <Checkbox checked={autoBorderWidth} onChange={setAuto}>\n 猜测 topOffset 和 bottomOffset\n </Checkbox>\n </div>\n {msg ? <div className="waypoint-demo-basic__message">{msg}</div> : null}\n <div className="waypoint-demo-basic__scrollable-parent">\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Waypoint onEnter={setEnterMsg} onLeave={setLeaveMsg} {...autoProps}/>\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n </div>\n </div>\n );\n}\n\nfunction Spacer() {\n return (\n <div className="waypoint-demo-basic__spacer">\n <Icon type="down" />\n </div>\n );\n}\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(m)),o.createElement(b,{title:"Reveal",id:"Demo02reveal",src:'import { Waypoint, Icon } from \'zent\';\nimport { CSSTransition } from \'react-transition-group\';\n\nfunction Reveal(props) {\n const [revealed, setRevealed] = React.useState(false);\n const reveal = React.useCallback(() => setRevealed(true), []);\n const hide = React.useCallback(() => setRevealed(false), []);\n return (\n <>\n <Waypoint onEnter={reveal} onLeave={hide} />\n <CSSTransition\n in={revealed}\n timeout={500}\n classNames="waypoint-demo-reveal"\n unmountOnExit\n >\n {props.children}\n </CSSTransition>\n </>\n );\n}\n\nfunction Demo(props) {\n return (\n <div className="waypoint-demo-reveal">\n <div className="waypoint-demo-reveal__scrollable-parent">\n <Spacer />\n <Spacer />\n <Spacer />\n <Reveal>\n <p className="waypoint-demo-reveal-text">\n Surely You\'re Joking, Mr. Feynman!\n </p>\n </Reveal>\n <Spacer />\n <Spacer />\n <Spacer />\n </div>\n </div>\n );\n}\n\nfunction Spacer() {\n return (\n <div className="waypoint-demo-reveal__spacer">\n <Icon type="down" className="waypoint-demo-reveal-pulse" />\n </div>\n );\n}\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(f)),o.createElement(v,{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
参数说明类型是否必须默认值备选值
onEnter元素滚动到屏幕内时的回调函数(data: IWaypointCallbackData) => void否
onLeave元素滚动到屏幕外时的回调函数(data: IWaypointCallbackData) => void否
onPositionChange元素位置变化时的回调函数(data: IWaypointCallbackData) => void否
topOffset距离容器顶部的距离number\n \n|\n \n\'auto\'\n \n|\n \nstring否0
bottomOffset距离容器底部的距离number\n \n|\n \n\'auto\'\n \n|\n \nstring否0
horizontal是否使用水平滚动模式boolean否falsetrue
scrollableAncestor指定滚动容器的 DOM 元素，一般当外层有多个滚动容器时才需要使用Element否
fireOnRapidScroll当快速滚动时是否触发 \nonEnter\n 和 \nonLeaveboolean否true
children待追踪的元素，不传时可以认为是追踪屏幕内一条线ReactNode否
\n

topOffset 和 bottomOffset

\n
    \n
  • 容器的可滚动区域 是 clientWidth✖️clientHeight，但是 getBoundingClientRect 的返回值包含了 border 的宽度，如果容器设置了 border 就需要使用 topOffset 或者 bottomOffset 传入 border 宽度
    • \n
  • topOffset 和 bottomOffset 可正可负，正负数效果和 margin 一样，正数往屏幕内偏移，负数往屏幕外偏移
    • \n
  • topOffset 和 bottomOffset 可以是一个百分比，这个百分比是相对滚动容器大小的
    • \n
  • 开启 horizontal 后，topOffset 其实是 leftOffset，而 bottomOffset 其实是 rightOffset，参数名特意没有变
    • \n
  • topOffset 和 bottomOffset 可以设置为 \'auto\'，此时会尝试获取滚动容器的 border 宽度，目前仅支持解析绝对长度单位以及 em 和 rem，如果解析失败则使用默认值 0；不支持容器的 transform 属性，请不要一起使用
    • \n
\n

FAQs

\n
    \n
  • IWaypointCallbackData 的定义
    • \n
  • 快速滚动顾名思义就是滚动速度非常快，元素可能进入屏幕后立刻又出了屏幕
    • \n
  • children 只能是一个元素，这个元素必须是原生组件、React.forwardRef 包装过的自定义组件，或者是接受一个 innerRef 参数的自定义组件，其中自定义组件必须把 ref 设置到需要跟踪位置的 DOM 元素上
    • \n
'}))}}},33938:(n,a,s)=>{"use strict";s.d(a,{X:()=>k});var t=s(59312),e=s(24246),o=s(60042),p=s.n(o),c=s(27378),l=s(1535),u=s(23130),i=s(1348),r=s(4008);function k(n){var a=(0,c.useContext)(i.d),s=(0,c.useContext)(u.Z),o=(0,c.useRef)(n);o.current=n;var r,k=s&&s.onChange,d=(0,c.useCallback)((function(n){var a=o.current,s=a.value,e=a.onChange;if(k)k(s);else if(e){var p=Object.create(n);p.target=(0,t.pi)((0,t.pi)({},o.current),{type:"checkbox",checked:n.target.checked}),e(p)}}),[k]),m=(n.checked,n.className),f=n.style,h=(n.disabled,n.readOnly,n.children),v=n.indeterminate,g=n.width,y=(n.value,n.labelStyle),b=n.onMouseEnter,w=n.onMouseLeave,x=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),j=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(s,n),O=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a?a.disabled:n.value}(a,s,n);if(s){var S=s.value,C=s.isValueEqual;r=-1!==S.findIndex((function(a){return C(a,n.value)}))}else r=!!n.checked;return(0,e.jsxs)("label",(0,t.pi)({className:p()("zent-checkbox-wrap",m,{"zent-checkbox-checked":!!r,"zent-checkbox-disabled":O||j,"zent-checkbox-indeterminate":v}),style:(0,t.pi)((0,t.pi)({},f),(0,l.Z)(g)),onMouseEnter:b,onMouseLeave:w,"data-zv":"10.0.9"},{children:[(0,e.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.9"},{children:[(0,e.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.9"},void 0),(0,e.jsx)("input",(0,t.pi)({},x,{type:"checkbox",checked:r&&!v,disabled:O,readOnly:j,onChange:d,"data-zv":"10.0.9"}),void 0)]}),void 0),null!=h&&!0!==h&&!1!==h?(0,e.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:y,"data-zv":"10.0.9"},{children:h}),void 0):null]}),void 0)}k.Group=r.Z,a.Z=k},4008:(n,a,s)=>{"use strict";s.d(a,{c:()=>k});var t=s(59312),e=s(24246),o=s(27378),p=s(60042),c=s.n(p),l=s(41925),u=s(23130),i=s(1348),r=u.Z.Provider,k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getGroupContext=(0,l.Z)((function(n,s,t,e){return{value:Array.isArray(n)?n:[],disabled:s,readOnly:t,isValueEqual:e,onChange:a.onCheckboxChange}})),a.onCheckboxChange=function(n){var s=a.props,t=s.isValueEqual,e=s.onChange,o=s.value;if(e){var p=o?o.slice():[],c=p.findIndex((function(a){return t(a,n)}));-1!==c?p.splice(c,1):p.push(n),e(p)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,o=n.children,p=n.value,l=n.disabled,u=void 0===l?this.context.value:l,i=n.readOnly,k=void 0!==i&&i,d=n.isValueEqual,m=c()("zent-checkbox-group",a);return(0,e.jsx)(r,(0,t.pi)({value:this.getGroupContext(p,u,k,d)},{children:(0,e.jsx)("div",(0,t.pi)({className:m,style:s,"data-zv":"10.0.9"},{children:o}),void 0)}),void 0)},a.defaultProps={isValueEqual:Object.is,value:[]},a.contextType=i.d,a}(o.Component);a.Z=k},23130:(n,a,s)=>{"use strict";var t=s(27378);a.Z=(0,t.createContext)(null)},55978:(n,a,s)=>{"use strict";function t(n){for(var a=[],s=1;st})},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})},86446:(n,a,s)=>{"use strict";s.d(a,{h:()=>v});var t=s(59312),e=s(24246),o=s(27378),p=s(49744),c=s(19185);function l(n){return(0,c.isElement)(n)&&"string"==typeof n.type}function u(n){return n.viewportBottom-n.viewportTop==0?3:n.viewportTop<=n.waypointTop&&n.waypointTop<=n.viewportBottom||n.viewportTop<=n.waypointBottom&&n.waypointBottom<=n.viewportBottom||n.waypointTop<=n.viewportTop&&n.viewportBottom<=n.waypointBottom?1:n.viewportBottom needs a DOM element to compute boundaries. The child you passed is neither a DOM element (e.g.
) nor does it use the innerRef prop.\n")}(n.props.children,n.refElement.current),n.scrollableAncestor=n.findScrollableAncestor(),n.scrollEventListenerUnsubscribe=(0,p.Oo)(n.scrollableAncestor,"scroll",n.handleScroll,{passive:!0}),n.resizeEventListenerUnsubscribe=(0,p.Oo)(window,"resize",n.handleScroll,{passive:!0}),n.handleScroll(null)})))},a.prototype.componentDidUpdate=function(){var n=this;i.Z&&this.scrollableAncestor&&(this.cancelOnNextTick||(this.cancelOnNextTick=(0,r.Z)((function(){n.cancelOnNextTick=null,n.handleScroll(null)}))))},a.prototype.componentWillUnmount=function(){var n,a,s;i.Z&&(null===(n=this.scrollEventListenerUnsubscribe)||void 0===n||n.call(this),null===(a=this.resizeEventListenerUnsubscribe)||void 0===a||a.call(this),null===(s=this.cancelOnNextTick)||void 0===s||s.cancel())},a.prototype.findScrollableAncestor=function(){var n=this.props,a=n.horizontal,s=n.scrollableAncestor;if(s)return s;for(var t=this.refElement.current;t.parentNode;){if((t=t.parentNode)===document.body)return window;var e=getComputedStyle(t),o=(a?e.getPropertyValue("overflow-x"):e.getPropertyValue("overflow-y"))||e.getPropertyValue("overflow");if("auto"===o||"scroll"===o)return t}return window},a.prototype.getBounds=function(){var n,a,s=this.props.horizontal,t=this.refElement.current.getBoundingClientRect(),e=t.left,o=t.top,p=t.right,c=t.bottom,l=s?e:o,u=s?p:c;if(this.scrollableAncestor===window)n=s?window.innerWidth:window.innerHeight,a=0;else{var i=this.scrollableAncestor.getBoundingClientRect();n=s?i.width:i.height,a=s?i.left:i.top}return{waypointTop:l,waypointBottom:u,viewportTop:a+this.getOffset("top",n),viewportBottom:a+n-this.getOffset("bottom",n)}},a.prototype.getOffset=function(n,a){var s,t,e=this.props.horizontal,o=n+"Offset",p="top"===n?"border"+(e?"Left":"Top")+"Width":"border"+(e?"Right":"Bottom")+"Width",c=this.props[o];if("auto"!==c)return function(n,a){var s=function(n){var a;if(a="number"==typeof n?n:parseFloat(n),!Number.isNaN(a)&&Number.isFinite(a))return a}(n);if("number"==typeof s)return s;if("string"==typeof n){var t=function(n){if("%"===n.slice(-1))return parseFloat(n.slice(0,-1))/100}(n);if("number"==typeof t)return t*a}}(c,a);if(this.scrollableAncestor===window){var l=getComputedStyle(document.documentElement),u=function(){return k(l.fontSize)};return null!==(s=d(l[p],u,u))&&void 0!==s?s:0}var i=getComputedStyle(this.scrollableAncestor);return u=function(){return k(i.fontSize)},null!==(t=d(i[p],u,(function(){return k(getComputedStyle(document.documentElement).fontSize)})))&&void 0!==t?t:0},a.prototype.render=function(){var n=this,a=this.props.children;if(!a)return(0,e.jsx)("span",{ref:this.refElement,style:{fontSize:0},className:"zent-waypoint-marker","data-zv":"10.0.9"},void 0);var s=o.Children.only(a);return l(s)||(0,c.isForwardRef)(s)?(0,o.cloneElement)(s,{ref:function(a){n.refElement.current=a;var t=s.ref;t&&("function"==typeof t?t(a):t.current=a)}}):(0,o.cloneElement)(s,{innerRef:this.refElement})},a.defaultProps={topOffset:0,bottomOffset:0,horizontal:!1,fireOnRapidScroll:!0},a}(o.PureComponent)}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4947],{84947:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>w});var t=s(73450),e=s(73118),o=s(27378),p=s(57318),c=s(33938),l=s(86446),u=s(39215),i=s(14623),r=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;au("Waypoint 进入屏幕")),[]),v=o.useCallback((()=>u("Waypoint 离开屏幕")),[]),g=o.useCallback((n=>f(n.target.checked)),[]),y=o.useMemo((()=>m?{topOffset:"auto",bottomOffset:"auto"}:{}),[m]);return(0,r.jsxs)("div",{className:"waypoint-demo-basic",children:[(0,r.jsx)("div",{style:{marginBottom:16},children:(0,r.jsx)(c.X,{checked:m,onChange:g,children:"猜测 topOffset 和 bottomOffset"})}),p?(0,r.jsx)("div",{className:"waypoint-demo-basic__message",children:p}):null,(0,r.jsxs)("div",{className:"waypoint-demo-basic__scrollable-parent",children:[(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(l.h,d({onEnter:h,onLeave:v},y)),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{}),(0,r.jsx)(a,{})]})]})}function a(){return(0,r.jsx)("div",{className:"waypoint-demo-basic__spacer",children:(0,r.jsx)(u.J,{type:"down"})})}return(0,r.jsx)(n,{})},f=function(){function n(n){var a=o.useState(!1),s=(0,e.Z)(a,2),t=s[0],p=s[1],c=o.useCallback((()=>p(!0)),[]),u=o.useCallback((()=>p(!1)),[]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(l.h,{onEnter:c,onLeave:u}),(0,r.jsx)(i.Z,{in:t,timeout:500,classNames:"waypoint-demo-reveal",unmountOnExit:!0,children:n.children})]})}function a(a){return(0,r.jsx)("div",{className:"waypoint-demo-reveal",children:(0,r.jsxs)("div",{className:"waypoint-demo-reveal__scrollable-parent",children:[(0,r.jsx)(s,{}),(0,r.jsx)(s,{}),(0,r.jsx)(s,{}),(0,r.jsx)(n,{children:(0,r.jsx)("p",{className:"waypoint-demo-reveal-text",children:"Surely You're Joking, Mr. Feynman!"})}),(0,r.jsx)(s,{}),(0,r.jsx)(s,{}),(0,r.jsx)(s,{})]})})}function s(){return(0,r.jsx)("div",{className:"waypoint-demo-reveal__spacer",children:(0,r.jsx)(u.J,{type:"down",className:"waypoint-demo-reveal-pulse"})})}return(0,r.jsx)(a,{})};function h(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,r.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function g(n){return(0,r.jsx)(h,{tag:"style",html:n.style})}function y(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),y(n.parentNode,a);return a}class b 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,a=this.props,s=a.title,t=a.src,e=a.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:s||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends o.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,y(a,-9))}}render(){return o.createElement("div",{className:"zandoc-react-container"},o.createElement(g,{style:".waypoint-demo-basic .zent-waypoint-marker {\n\tdisplay: block;\n\theight: 4px;\n\tbackground: #d40000;\n}\n\n.waypoint-demo-basic__scrollable-parent {\n max-height: 400px;\n overflow: scroll;\n position: relative;\n\tborder: 20px solid rgba(21, 91, 212, 0.2);\n}\n\n.waypoint-demo-basic__spacer {\n color: #969799;\n font-size: 40px;\n line-height: 200px;\n text-align: center;\n}\n\n.waypoint-demo-basic__message {\n\tbox-sizing: border-box;\n background-color: #f2f3f5;\n color: #323233;\n opacity: 0.8;\n padding: 10px 0;\n pointer-events: none;\n text-align: center;\n width: 100%;\n}\n\n.waypoint-demo-reveal {\n position: relative;\n}\n\n.waypoint-demo-reveal__scrollable-parent {\n max-height: 400px;\n overflow: scroll;\n position: relative;\n}\n\n.waypoint-demo-reveal__spacer {\n color: #969799;\n font-size: 40px;\n line-height: 200px;\n text-align: center;\n}\n\n.waypoint-demo-reveal-text {\n\ttransition: opacity 500ms, transform 500ms;\n\ttext-align: center;\n\tpadding: 10px 0;\n}\n\n.waypoint-demo-reveal-enter {\n\topacity: 0;\n\ttransform: scale(0.1);\n}\n\n.waypoint-demo-reveal-enter-active {\n\topacity: 1;\n\ttransform: scale(1);\n}\n\n.waypoint-demo-reveal-exit {\n\topacity: 1;\n\ttransform: scale(0.9);\n}\n\n.waypoint-demo-reveal-exit-active {\n\topacity: 0;\n\ttransform: scale(0);\n}"}),o.createElement(v,{html:'

Waypoint

\n

当滚动到某个 DOM 元素时执行一个函数，支持任意可滚动的容器。

\n

常见使用场景：

\n
    \n
  • 懒加载图片
    • \n
  • 无限滚动
    • \n
  • 固钉
    • \n
\n

代码演示

'}),o.createElement(b,{title:"基础用法",id:"Demo01basic",src:'import { Waypoint, Icon, Checkbox } from \'zent\';\n\nfunction Demo(props) {\n const [msg, setMsg] = React.useState(null);\n const [autoBorderWidth, setAutoBorderWidth] = React.useState(true);\n const setEnterMsg = React.useCallback(() => setMsg(\'Waypoint 进入屏幕\'), []);\n const setLeaveMsg = React.useCallback(() => setMsg(\'Waypoint 离开屏幕\'), []);\n const setAuto = React.useCallback(e => setAutoBorderWidth(e.target.checked), []);\n const autoProps = React.useMemo(() => {\n return autoBorderWidth ? {\n topOffset: \'auto\',\n bottomOffset: \'auto\'\n } : {};\n }, [autoBorderWidth]);\n\n return (\n <div className="waypoint-demo-basic">\n <div style={{marginBottom: 16}}>\n <Checkbox checked={autoBorderWidth} onChange={setAuto}>\n 猜测 topOffset 和 bottomOffset\n </Checkbox>\n </div>\n {msg ? <div className="waypoint-demo-basic__message">{msg}</div> : null}\n <div className="waypoint-demo-basic__scrollable-parent">\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Waypoint onEnter={setEnterMsg} onLeave={setLeaveMsg} {...autoProps}/>\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n <Spacer />\n </div>\n </div>\n );\n}\n\nfunction Spacer() {\n return (\n <div className="waypoint-demo-basic__spacer">\n <Icon type="down" />\n </div>\n );\n}\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(m)),o.createElement(b,{title:"Reveal",id:"Demo02reveal",src:'import { Waypoint, Icon } from \'zent\';\nimport { CSSTransition } from \'react-transition-group\';\n\nfunction Reveal(props) {\n const [revealed, setRevealed] = React.useState(false);\n const reveal = React.useCallback(() => setRevealed(true), []);\n const hide = React.useCallback(() => setRevealed(false), []);\n return (\n <>\n <Waypoint onEnter={reveal} onLeave={hide} />\n <CSSTransition\n in={revealed}\n timeout={500}\n classNames="waypoint-demo-reveal"\n unmountOnExit\n >\n {props.children}\n </CSSTransition>\n </>\n );\n}\n\nfunction Demo(props) {\n return (\n <div className="waypoint-demo-reveal">\n <div className="waypoint-demo-reveal__scrollable-parent">\n <Spacer />\n <Spacer />\n <Spacer />\n <Reveal>\n <p className="waypoint-demo-reveal-text">\n Surely You\'re Joking, Mr. Feynman!\n </p>\n </Reveal>\n <Spacer />\n <Spacer />\n <Spacer />\n </div>\n </div>\n );\n}\n\nfunction Spacer() {\n return (\n <div className="waypoint-demo-reveal__spacer">\n <Icon type="down" className="waypoint-demo-reveal-pulse" />\n </div>\n );\n}\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(f)),o.createElement(v,{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
参数说明类型是否必须默认值备选值
onEnter元素滚动到屏幕内时的回调函数(data: IWaypointCallbackData) => void否
onLeave元素滚动到屏幕外时的回调函数(data: IWaypointCallbackData) => void否
onPositionChange元素位置变化时的回调函数(data: IWaypointCallbackData) => void否
topOffset距离容器顶部的距离number\n \n|\n \n\'auto\'\n \n|\n \nstring否0
bottomOffset距离容器底部的距离number\n \n|\n \n\'auto\'\n \n|\n \nstring否0
horizontal是否使用水平滚动模式boolean否falsetrue
scrollableAncestor指定滚动容器的 DOM 元素，一般当外层有多个滚动容器时才需要使用Element否
fireOnRapidScroll当快速滚动时是否触发 \nonEnter\n 和 \nonLeaveboolean否true
children待追踪的元素，不传时可以认为是追踪屏幕内一条线ReactNode否
\n

topOffset 和 bottomOffset

\n
    \n
  • 容器的可滚动区域 是 clientWidth✖️clientHeight，但是 getBoundingClientRect 的返回值包含了 border 的宽度，如果容器设置了 border 就需要使用 topOffset 或者 bottomOffset 传入 border 宽度
    • \n
  • topOffset 和 bottomOffset 可正可负，正负数效果和 margin 一样，正数往屏幕内偏移，负数往屏幕外偏移
    • \n
  • topOffset 和 bottomOffset 可以是一个百分比，这个百分比是相对滚动容器大小的
    • \n
  • 开启 horizontal 后，topOffset 其实是 leftOffset，而 bottomOffset 其实是 rightOffset，参数名特意没有变
    • \n
  • topOffset 和 bottomOffset 可以设置为 \'auto\'，此时会尝试获取滚动容器的 border 宽度，目前仅支持解析绝对长度单位以及 em 和 rem，如果解析失败则使用默认值 0；不支持容器的 transform 属性，请不要一起使用
    • \n
\n

FAQs

\n
    \n
  • IWaypointCallbackData 的定义
    • \n
  • 快速滚动顾名思义就是滚动速度非常快，元素可能进入屏幕后立刻又出了屏幕
    • \n
  • children 只能是一个元素，这个元素必须是原生组件、React.forwardRef 包装过的自定义组件，或者是接受一个 innerRef 参数的自定义组件，其中自定义组件必须把 ref 设置到需要跟踪位置的 DOM 元素上
    • \n
'}))}}},33938:(n,a,s)=>{"use strict";s.d(a,{X:()=>k});var t=s(59312),e=s(24246),o=s(60042),p=s.n(o),c=s(27378),l=s(1535),u=s(23130),i=s(1348),r=s(4008);function k(n){var a=(0,c.useContext)(i.d),s=(0,c.useContext)(u.Z),o=(0,c.useRef)(n);o.current=n;var r,k=s&&s.onChange,d=(0,c.useCallback)((function(n){var a=o.current,s=a.value,e=a.onChange;if(k)k(s);else if(e){var p=Object.create(n);p.target=(0,t.pi)((0,t.pi)({},o.current),{type:"checkbox",checked:n.target.checked}),e(p)}}),[k]),m=(n.checked,n.className),f=n.style,h=(n.disabled,n.readOnly,n.children),v=n.indeterminate,g=n.width,y=(n.value,n.labelStyle),b=n.onMouseEnter,w=n.onMouseLeave,x=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),j=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(s,n),O=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a?a.disabled:n.value}(a,s,n);if(s){var S=s.value,C=s.isValueEqual;r=-1!==S.findIndex((function(a){return C(a,n.value)}))}else r=!!n.checked;return(0,e.jsxs)("label",(0,t.pi)({className:p()("zent-checkbox-wrap",m,{"zent-checkbox-checked":!!r,"zent-checkbox-disabled":O||j,"zent-checkbox-indeterminate":v}),style:(0,t.pi)((0,t.pi)({},f),(0,l.Z)(g)),onMouseEnter:b,onMouseLeave:w,"data-zv":"10.0.10"},{children:[(0,e.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.10"},{children:[(0,e.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.10"},void 0),(0,e.jsx)("input",(0,t.pi)({},x,{type:"checkbox",checked:r&&!v,disabled:O,readOnly:j,onChange:d,"data-zv":"10.0.10"}),void 0)]}),void 0),null!=h&&!0!==h&&!1!==h?(0,e.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:y,"data-zv":"10.0.10"},{children:h}),void 0):null]}),void 0)}k.Group=r.Z,a.Z=k},4008:(n,a,s)=>{"use strict";s.d(a,{c:()=>k});var t=s(59312),e=s(24246),o=s(27378),p=s(60042),c=s.n(p),l=s(41925),u=s(23130),i=s(1348),r=u.Z.Provider,k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getGroupContext=(0,l.Z)((function(n,s,t,e){return{value:Array.isArray(n)?n:[],disabled:s,readOnly:t,isValueEqual:e,onChange:a.onCheckboxChange}})),a.onCheckboxChange=function(n){var s=a.props,t=s.isValueEqual,e=s.onChange,o=s.value;if(e){var p=o?o.slice():[],c=p.findIndex((function(a){return t(a,n)}));-1!==c?p.splice(c,1):p.push(n),e(p)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,o=n.children,p=n.value,l=n.disabled,u=void 0===l?this.context.value:l,i=n.readOnly,k=void 0!==i&&i,d=n.isValueEqual,m=c()("zent-checkbox-group",a);return(0,e.jsx)(r,(0,t.pi)({value:this.getGroupContext(p,u,k,d)},{children:(0,e.jsx)("div",(0,t.pi)({className:m,style:s,"data-zv":"10.0.10"},{children:o}),void 0)}),void 0)},a.defaultProps={isValueEqual:Object.is,value:[]},a.contextType=i.d,a}(o.Component);a.Z=k},23130:(n,a,s)=>{"use strict";var t=s(27378);a.Z=(0,t.createContext)(null)},55978:(n,a,s)=>{"use strict";function t(n){for(var a=[],s=1;st})},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})},86446:(n,a,s)=>{"use strict";s.d(a,{h:()=>v});var t=s(59312),e=s(24246),o=s(27378),p=s(49744),c=s(19185);function l(n){return(0,c.isElement)(n)&&"string"==typeof n.type}function u(n){return n.viewportBottom-n.viewportTop==0?3:n.viewportTop<=n.waypointTop&&n.waypointTop<=n.viewportBottom||n.viewportTop<=n.waypointBottom&&n.waypointBottom<=n.viewportBottom||n.waypointTop<=n.viewportTop&&n.viewportBottom<=n.waypointBottom?1:n.viewportBottom needs a DOM element to compute boundaries. The child you passed is neither a DOM element (e.g.
) nor does it use the innerRef prop.\n")}(n.props.children,n.refElement.current),n.scrollableAncestor=n.findScrollableAncestor(),n.scrollEventListenerUnsubscribe=(0,p.Oo)(n.scrollableAncestor,"scroll",n.handleScroll,{passive:!0}),n.resizeEventListenerUnsubscribe=(0,p.Oo)(window,"resize",n.handleScroll,{passive:!0}),n.handleScroll(null)})))},a.prototype.componentDidUpdate=function(){var n=this;i.Z&&this.scrollableAncestor&&(this.cancelOnNextTick||(this.cancelOnNextTick=(0,r.Z)((function(){n.cancelOnNextTick=null,n.handleScroll(null)}))))},a.prototype.componentWillUnmount=function(){var n,a,s;i.Z&&(null===(n=this.scrollEventListenerUnsubscribe)||void 0===n||n.call(this),null===(a=this.resizeEventListenerUnsubscribe)||void 0===a||a.call(this),null===(s=this.cancelOnNextTick)||void 0===s||s.cancel())},a.prototype.findScrollableAncestor=function(){var n=this.props,a=n.horizontal,s=n.scrollableAncestor;if(s)return s;for(var t=this.refElement.current;t.parentNode;){if((t=t.parentNode)===document.body)return window;var e=getComputedStyle(t),o=(a?e.getPropertyValue("overflow-x"):e.getPropertyValue("overflow-y"))||e.getPropertyValue("overflow");if("auto"===o||"scroll"===o)return t}return window},a.prototype.getBounds=function(){var n,a,s=this.props.horizontal,t=this.refElement.current.getBoundingClientRect(),e=t.left,o=t.top,p=t.right,c=t.bottom,l=s?e:o,u=s?p:c;if(this.scrollableAncestor===window)n=s?window.innerWidth:window.innerHeight,a=0;else{var i=this.scrollableAncestor.getBoundingClientRect();n=s?i.width:i.height,a=s?i.left:i.top}return{waypointTop:l,waypointBottom:u,viewportTop:a+this.getOffset("top",n),viewportBottom:a+n-this.getOffset("bottom",n)}},a.prototype.getOffset=function(n,a){var s,t,e=this.props.horizontal,o=n+"Offset",p="top"===n?"border"+(e?"Left":"Top")+"Width":"border"+(e?"Right":"Bottom")+"Width",c=this.props[o];if("auto"!==c)return function(n,a){var s=function(n){var a;if(a="number"==typeof n?n:parseFloat(n),!Number.isNaN(a)&&Number.isFinite(a))return a}(n);if("number"==typeof s)return s;if("string"==typeof n){var t=function(n){if("%"===n.slice(-1))return parseFloat(n.slice(0,-1))/100}(n);if("number"==typeof t)return t*a}}(c,a);if(this.scrollableAncestor===window){var l=getComputedStyle(document.documentElement),u=function(){return k(l.fontSize)};return null!==(s=d(l[p],u,u))&&void 0!==s?s:0}var i=getComputedStyle(this.scrollableAncestor);return u=function(){return k(i.fontSize)},null!==(t=d(i[p],u,(function(){return k(getComputedStyle(document.documentElement).fontSize)})))&&void 0!==t?t:0},a.prototype.render=function(){var n=this,a=this.props.children;if(!a)return(0,e.jsx)("span",{ref:this.refElement,style:{fontSize:0},className:"zent-waypoint-marker","data-zv":"10.0.10"},void 0);var s=o.Children.only(a);return l(s)||(0,c.isForwardRef)(s)?(0,o.cloneElement)(s,{ref:function(a){n.refElement.current=a;var t=s.ref;t&&("function"==typeof t?t(a):t.current=a)}}):(0,o.cloneElement)(s,{innerRef:this.refElement})},a.defaultProps={topOffset:0,bottomOffset:0,horizontal:!1,fireOnRapidScroll:!0},a}(o.PureComponent)}}]); \ No newline at end of file diff --git a/509-bd4b197c97626430deb1.js b/509-dd89cb2a446fde27e7de.js similarity index 95% rename from 509-bd4b197c97626430deb1.js rename to 509-dd89cb2a446fde27e7de.js index f3c6cf7f3..ce2f33d20 100644 --- a/509-bd4b197c97626430deb1.js +++ b/509-dd89cb2a446fde27e7de.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[509],{70509:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>x});var t=a(73450),p=a(27378),e=a(57318),o=a(32925),c=a(39215),l=a(56377),u=a(24246);function i(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 k(n){for(var s=1;s{this.setState({showZero:n})}))}render(){var n=this.state.showZero;return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.C,{count:0,showZero:n,children:(0,u.jsx)(c.J,{type:"bell-o",className:"demo-cont"})}),(0,u.jsx)(l.r,{size:"small",checked:n,onChange:this.handleChange})]})}}return(0,u.jsx)(n,{})},g=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{showDot:!0}),(0,t.Z)(this,"handleChange",(n=>{this.setState({showDot:n})}))}render(){var n=this.state.showDot;return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.C,{dot:n,children:(0,u.jsx)(c.J,{type:"bell-o",className:"demo-cont"})}),(0,u.jsx)(o.C,{dot:n,offset:[-4,-2],children:"shop messages"}),(0,u.jsx)(l.r,{size:"small",checked:n,onChange:this.handleChange})]})}}return(0,u.jsx)(n,{})},b=function(){return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.C,{count:5,offset:[-8,-8],children:(0,u.jsx)("div",{className:"zent-badge-demo-square"})}),(0,u.jsx)(o.C,{dot:!0,offset:[-2,-2],children:(0,u.jsx)("div",{className:"zent-badge-demo-square"})})]})};function f(n){return(0,u.jsx)(n.tag,k(k({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,u.jsx)(f,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,u.jsx)(f,{tag:"style",html:n.style})}function w(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),w(n.parentNode,s);return s}class j extends p.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,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:a||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(f,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,w(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:".zent-badge .demo-cont {\n\twidth: 40px;\n\theight: 40px;\n\tline-height: 40px;\n\tborder-radius: 20px;\n\tbackground: #38f;\n\tcolor: #fff;\n\tfont-size: 20px;\n}\n.zent-badge {\n\tmargin-right: 30px;\n}\n\n.zent-badge-demo-wrapper {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.zent-badge-demo-square {\n\twidth: 40px;\n\theight: 40px;\n\tborder-radius: 4px;\n\tbackground: #eee;\n}"}),p.createElement(y,{html:'

Badge

\n

The prompt element located in the upper right corner of the main object, indicating the change of the main object

\n

Guides

\n

Suggest

\n
    \n
  • When the linked page has content or status changes, it is displayed at the entrance to prompt the change;
    • \n
  • When you need to prompt the specific quantity of change (such as order quantity, message quantity), it is recommended to use the badge with numbers;
    • \n
  • When you need to remind the status of changes (such as order status changes), it is recommended to use the red dot badge;
    • \n
  • When you click on the linked page and read the changed content, the badge disappears (or reduces the corresponding number of reads);
    • \n
\n

Forbid

\n
    \n
  • Entrances at the same level need to have a unified badge style. In principle, there is no mixed use of "digital badge + red dot badge" at the same level of entry.
    • \n
\n

Demos

'}),p.createElement(j,{title:"Basic usage",id:"Demobasic",src:'import { Badge, Icon } from \'zent\';\n\nReactDOM.render(\n <Badge count={5}>\n <Icon type="bell-o" className="demo-cont" />\n </Badge>,\n mountNode\n);'},p.createElement(r)),p.createElement(j,{title:"Standalone badge, in the right of text",id:"Demosinglebadge",src:'import { Badge } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-badge-demo-wrapper">\n <span>shop messages</span>\n <Badge count={100}/ >\n </div>\n </div>\n , mountNode\n);'},p.createElement(d)),p.createElement(j,{title:"Set the max number to show",id:"Demomaxnum",src:'import { Badge,Icon } from \'zent\';\n\nReactDOM.render(\n <div>\n <Badge count={99}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Badge count={120}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Badge count={120} maxCount={10}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n </div>\n , mountNode\n);'},p.createElement(m)),p.createElement(j,{title:"Set whether to display zero",id:"Demoshowzero",src:'import { Badge,Icon,Switch } from \'zent\';\n\nclass Demo extends React.Component {\n state = {showZero: true}\n\n handleChange = (showZero) => {\n this.setState({ showZero });\n }\n\n render() {\n const { showZero } = this.state;\n return (\n <div>\n <Badge count={0} showZero={showZero}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Switch size="small" checked={showZero} onChange={this.handleChange} />\n </div>\n )\n }\n}\nReactDOM.render(\n <Demo />, mountNode\n);'},p.createElement(h)),p.createElement(j,{title:"Red dot without specific number",id:"Demodot",src:'import { Badge,Icon,Switch } from \'zent\';\n\nclass Demo extends React.Component {\n state = {showDot: true}\n\n handleChange = (showDot) => {\n this.setState({ showDot });\n }\n\n render() {\n const { showDot } = this.state;\n return (\n <div>\n <Badge dot={showDot}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Badge dot={showDot} offset={[-4, -2]}>shop messages</Badge>\n <Switch size="small" checked={showDot} onChange={this.handleChange} />\n </div>\n )\n }\n}\nReactDOM.render(\n <Demo />, mountNode\n);'},p.createElement(g)),p.createElement(j,{title:"Custom offset",id:"Demooffset",src:'import { Badge } from \'zent\';\n\nReactDOM.render(\n <div>\n <Badge count={5} offset={[-8, -8]}>\n <div className="zent-badge-demo-square" />\n </Badge>\n <Badge dot offset={[-2, -2]}>\n <div className="zent-badge-demo-square" />\n </Badge>\n </div>,\n mountNode\n);'},p.createElement(b)),p.createElement(y,{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
PropertyDescriptionTypeRequiredDefault
countThe number of messages to shownumberNo0
maxCountMax count to shownumberNo99
dotWhether to show red dot without numberboolNofalse
showZeroWhether to show badge when count is zeroboolNofalse
offsetBadge offset, \n[x, y]arrayNo
styleCustom styleobjectNo
classNameThe custom classnamestringNo\'\'
'}))}}},32925:(n,s,a)=>{"use strict";a.d(s,{C:()=>u});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l={},u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.renderCount=function(){var n=this.props,s=n.count,a=n.maxCount,e=n.dot,o=n.showZero,c=n.offset,u=n.style,i=Array.isArray(c)&&2===c.length?{right:c[0],top:c[1]}:l,k=u?(0,t.pi)((0,t.pi)({},u),i):i;return e?(0,p.jsx)("span",{className:"zent-badge-dot",style:k,"data-zv":"10.0.9"},void 0):s>0||0===s&&o?(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count",style:k,"data-zv":"10.0.9"},{children:(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count-num","data-zv":"10.0.9"},{children:s>a?a+"+":s}),void 0)}),void 0):null},s.prototype.render=function(){var n,s=this.props,a=s.className,e=s.children,o=c()(((n={"zent-badge":!0,"zent-badge--has-content":e,"zent-badge--no-content":!e})[a]=!!a,n["zent-badge-none-cont"]=!e,n));return(0,p.jsxs)("div",(0,t.pi)({className:o,"data-zv":"10.0.9"},{children:[e?(0,p.jsx)("div",(0,t.pi)({className:"zent-badge-content","data-zv":"10.0.9"},{children:e}),void 0):null,this.renderCount()]}),void 0)},s.defaultProps={count:0,maxCount:99,dot:!1,showZero:!1,className:""},s}(e.PureComponent)},56377:(n,s,a)=>{"use strict";a.d(s,{r:()=>u});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),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,e=s.disabled,o=void 0===e?this.context.value:e,l=s.loading,u=s.checked,i=o||l,k=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=i,n["zent-switch-loading"]=l,n["zent-switch-checked"]=u,n),"zent-switch",a);return(0,p.jsx)("div",{className:k,onClick:i?void 0:this.toggle,"data-zv":"10.0.9"},void 0)},s.defaultProps={size:"default"},s.contextType=l.d,s}(e.Component);s.Z=u}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[509],{70509:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>x});var t=a(73450),p=a(27378),e=a(57318),o=a(32925),c=a(39215),l=a(56377),u=a(24246);function i(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 k(n){for(var s=1;s{this.setState({showZero:n})}))}render(){var n=this.state.showZero;return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.C,{count:0,showZero:n,children:(0,u.jsx)(c.J,{type:"bell-o",className:"demo-cont"})}),(0,u.jsx)(l.r,{size:"small",checked:n,onChange:this.handleChange})]})}}return(0,u.jsx)(n,{})},g=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{showDot:!0}),(0,t.Z)(this,"handleChange",(n=>{this.setState({showDot:n})}))}render(){var n=this.state.showDot;return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.C,{dot:n,children:(0,u.jsx)(c.J,{type:"bell-o",className:"demo-cont"})}),(0,u.jsx)(o.C,{dot:n,offset:[-4,-2],children:"shop messages"}),(0,u.jsx)(l.r,{size:"small",checked:n,onChange:this.handleChange})]})}}return(0,u.jsx)(n,{})},b=function(){return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.C,{count:5,offset:[-8,-8],children:(0,u.jsx)("div",{className:"zent-badge-demo-square"})}),(0,u.jsx)(o.C,{dot:!0,offset:[-2,-2],children:(0,u.jsx)("div",{className:"zent-badge-demo-square"})})]})};function f(n){return(0,u.jsx)(n.tag,k(k({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,u.jsx)(f,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,u.jsx)(f,{tag:"style",html:n.style})}function w(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),w(n.parentNode,s);return s}class j extends p.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,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:a||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(f,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,w(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:".zent-badge .demo-cont {\n\twidth: 40px;\n\theight: 40px;\n\tline-height: 40px;\n\tborder-radius: 20px;\n\tbackground: #38f;\n\tcolor: #fff;\n\tfont-size: 20px;\n}\n.zent-badge {\n\tmargin-right: 30px;\n}\n\n.zent-badge-demo-wrapper {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.zent-badge-demo-square {\n\twidth: 40px;\n\theight: 40px;\n\tborder-radius: 4px;\n\tbackground: #eee;\n}"}),p.createElement(y,{html:'

Badge

\n

The prompt element located in the upper right corner of the main object, indicating the change of the main object

\n

Guides

\n

Suggest

\n
    \n
  • When the linked page has content or status changes, it is displayed at the entrance to prompt the change;
    • \n
  • When you need to prompt the specific quantity of change (such as order quantity, message quantity), it is recommended to use the badge with numbers;
    • \n
  • When you need to remind the status of changes (such as order status changes), it is recommended to use the red dot badge;
    • \n
  • When you click on the linked page and read the changed content, the badge disappears (or reduces the corresponding number of reads);
    • \n
\n

Forbid

\n
    \n
  • Entrances at the same level need to have a unified badge style. In principle, there is no mixed use of "digital badge + red dot badge" at the same level of entry.
    • \n
\n

Demos

'}),p.createElement(j,{title:"Basic usage",id:"Demobasic",src:'import { Badge, Icon } from \'zent\';\n\nReactDOM.render(\n <Badge count={5}>\n <Icon type="bell-o" className="demo-cont" />\n </Badge>,\n mountNode\n);'},p.createElement(r)),p.createElement(j,{title:"Standalone badge, in the right of text",id:"Demosinglebadge",src:'import { Badge } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-badge-demo-wrapper">\n <span>shop messages</span>\n <Badge count={100}/ >\n </div>\n </div>\n , mountNode\n);'},p.createElement(d)),p.createElement(j,{title:"Set the max number to show",id:"Demomaxnum",src:'import { Badge,Icon } from \'zent\';\n\nReactDOM.render(\n <div>\n <Badge count={99}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Badge count={120}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Badge count={120} maxCount={10}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n </div>\n , mountNode\n);'},p.createElement(m)),p.createElement(j,{title:"Set whether to display zero",id:"Demoshowzero",src:'import { Badge,Icon,Switch } from \'zent\';\n\nclass Demo extends React.Component {\n state = {showZero: true}\n\n handleChange = (showZero) => {\n this.setState({ showZero });\n }\n\n render() {\n const { showZero } = this.state;\n return (\n <div>\n <Badge count={0} showZero={showZero}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Switch size="small" checked={showZero} onChange={this.handleChange} />\n </div>\n )\n }\n}\nReactDOM.render(\n <Demo />, mountNode\n);'},p.createElement(h)),p.createElement(j,{title:"Red dot without specific number",id:"Demodot",src:'import { Badge,Icon,Switch } from \'zent\';\n\nclass Demo extends React.Component {\n state = {showDot: true}\n\n handleChange = (showDot) => {\n this.setState({ showDot });\n }\n\n render() {\n const { showDot } = this.state;\n return (\n <div>\n <Badge dot={showDot}>\n <Icon type="bell-o" className="demo-cont"/>\n </Badge>\n <Badge dot={showDot} offset={[-4, -2]}>shop messages</Badge>\n <Switch size="small" checked={showDot} onChange={this.handleChange} />\n </div>\n )\n }\n}\nReactDOM.render(\n <Demo />, mountNode\n);'},p.createElement(g)),p.createElement(j,{title:"Custom offset",id:"Demooffset",src:'import { Badge } from \'zent\';\n\nReactDOM.render(\n <div>\n <Badge count={5} offset={[-8, -8]}>\n <div className="zent-badge-demo-square" />\n </Badge>\n <Badge dot offset={[-2, -2]}>\n <div className="zent-badge-demo-square" />\n </Badge>\n </div>,\n mountNode\n);'},p.createElement(b)),p.createElement(y,{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
PropertyDescriptionTypeRequiredDefault
countThe number of messages to shownumberNo0
maxCountMax count to shownumberNo99
dotWhether to show red dot without numberboolNofalse
showZeroWhether to show badge when count is zeroboolNofalse
offsetBadge offset, \n[x, y]arrayNo
styleCustom styleobjectNo
classNameThe custom classnamestringNo\'\'
'}))}}},32925:(n,s,a)=>{"use strict";a.d(s,{C:()=>u});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l={},u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.renderCount=function(){var n=this.props,s=n.count,a=n.maxCount,e=n.dot,o=n.showZero,c=n.offset,u=n.style,i=Array.isArray(c)&&2===c.length?{right:c[0],top:c[1]}:l,k=u?(0,t.pi)((0,t.pi)({},u),i):i;return e?(0,p.jsx)("span",{className:"zent-badge-dot",style:k,"data-zv":"10.0.10"},void 0):s>0||0===s&&o?(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count",style:k,"data-zv":"10.0.10"},{children:(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count-num","data-zv":"10.0.10"},{children:s>a?a+"+":s}),void 0)}),void 0):null},s.prototype.render=function(){var n,s=this.props,a=s.className,e=s.children,o=c()(((n={"zent-badge":!0,"zent-badge--has-content":e,"zent-badge--no-content":!e})[a]=!!a,n["zent-badge-none-cont"]=!e,n));return(0,p.jsxs)("div",(0,t.pi)({className:o,"data-zv":"10.0.10"},{children:[e?(0,p.jsx)("div",(0,t.pi)({className:"zent-badge-content","data-zv":"10.0.10"},{children:e}),void 0):null,this.renderCount()]}),void 0)},s.defaultProps={count:0,maxCount:99,dot:!1,showZero:!1,className:""},s}(e.PureComponent)},56377:(n,s,a)=>{"use strict";a.d(s,{r:()=>u});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),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,e=s.disabled,o=void 0===e?this.context.value:e,l=s.loading,u=s.checked,i=o||l,k=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=i,n["zent-switch-loading"]=l,n["zent-switch-checked"]=u,n),"zent-switch",a);return(0,p.jsx)("div",{className:k,onClick:i?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},s.defaultProps={size:"default"},s.contextType=l.d,s}(e.Component);s.Z=u}}]); \ No newline at end of file diff --git a/5099-ec2f00a2f194e388964d.js b/5099-5a25a45f70fd4fb57ee8.js similarity index 87% rename from 5099-ec2f00a2f194e388964d.js rename to 5099-5a25a45f70fd4fb57ee8.js index 13c335284..c11ece1e8 100644 --- a/5099-ec2f00a2f194e388964d.js +++ b/5099-5a25a45f70fd4fb57ee8.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5099],{45099:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>b});var t=s(73450),p=s(27378),e=s(57318),o=s(87230),c=s(39215),l=s(80964),u=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({value:n})}))}render(){return(0,u.jsx)(o.j,{value:this.state.value,onChange:this.onChange})}}return(0,u.jsx)(n,{})},d=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:2.5}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsx)(o.j,{allowHalf:!0,value:this.state.value,onChange:this.onChange})}}return(0,u.jsx)(n,{})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:2.5}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsx)(o.j,{disabled:!0,allowHalf:!0,value:this.state.value,onChange:this.onChange})}}return(0,u.jsx)(n,{})},h=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:2.5}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsxs)("ul",{children:[(0,u.jsx)("li",{children:(0,u.jsx)(o.j,{character:(0,u.jsx)(c.J,{type:"youzan"}),allowHalf:!0,value:this.state.value,onChange:this.onChange})}),(0,u.jsx)("li",{children:(0,u.jsx)(o.j,{character:"赞",allowHalf:!0,value:this.state.value,onChange:this.onChange})})]})}}return(0,u.jsx)(n,{})},g=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:"3.7"}),(0,t.Z)(this,"onNumberChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsxs)("div",{children:[(0,u.jsx)(l.Y,{className:"zent-doc-rate-readonly-number",value:this.state.value,onChange:this.onNumberChange,max:5,min:0,decimal:1,showCounter:!0}),(0,u.jsx)(o.j,{value:+this.state.value,readOnly:!0})]})}}return(0,u.jsx)(n,{})};function v(n){return(0,u.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,u.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,u.jsx)(v,{tag:"style",html:n.style})}function w(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),w(n.parentNode,a);return a}class C extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:s||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,w(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:".zent-doc-rate-readonly-number {\n\t\twidth: 120px;\n\t\tmargin-bottom: 8px;\n\t}\n\t\t.zent-doc-rate-readonly-number .zent-input {\n\t\t\tmin-width: 62px;\n\t\t}"}),p.createElement(y,{html:'

Rate 评分

\n

评分组件。

\n

代码演示

'}),p.createElement(C,{title:"基础用法",id:"Demobasic",src:'import { Rate } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <Rate value={this.state.value} onChange={this.onChange} />\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(k)),p.createElement(C,{title:"允许半心",id:"Demoallowhalf",src:'import { Rate } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2.5\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <Rate allowHalf value={this.state.value} onChange={this.onChange} />\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(d)),p.createElement(C,{title:"禁用",id:"Demodisabled",src:'import { Rate } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2.5\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <Rate disabled allowHalf value={this.state.value} onChange={this.onChange} />\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(m)),p.createElement(C,{title:"自定义字符",id:"Democharacter",src:'import { Rate, Icon } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2.5\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <ul>\n <li><Rate character={<Icon type="youzan" />} allowHalf value={this.state.value} onChange={this.onChange} /></li>\n <li><Rate character="赞" allowHalf value={this.state.value} onChange={this.onChange} /></li>\n </ul>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(h)),p.createElement(C,{title:"仅展示结果（无交互效果）",id:"Demoreadonly",src:'import { Rate, NumberInput } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: \'3.7\',\n }\n\n onNumberChange = value => {\n this.setState({ value })\n }\n\n render() {\n return (\n <div>\n <NumberInput\n className="zent-doc-rate-readonly-number"\n value={this.state.value}\n onChange={this.onNumberChange}\n max={5.0}\n min={0}\n decimal={1}\n showCounter\n />\n <Rate value={+this.state.value} readOnly />\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(g)),p.createElement(y,{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
属性说明类型是否必须默认值备选值
onChange选择时的回调Function(value: number)是-
value当前数，受控值number否0
allowClear是否允许再次点击后清除boolean否true
allowHalf是否允许半选boolean否false
character自定义字符ReactNode否<Icon type="star" />
className自定义样式类名string否-
countstar\n 总数number否5
disabled禁用，无法进行交互boolean否false
readOnly只读，仅用于展示，与 \ndisabled\n 除语义差别外，主要区别是 cursor 不同，为真时可精确到 0.1 分显示boolean否false
style自定义样式对象object否-
'}))}}},87230:(n,a,s)=>{"use strict";s.d(a,{j:()=>k});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=function(n){var a=n.className;return(0,p.jsx)("svg",(0,t.pi)({className:a,width:"1em",height:"1em",viewBox:"0 0 12 12",version:"1.1","data-zv":"10.0.9"},{children:(0,p.jsx)("path",{fill:"currentColor",d:"M5.99995351,10.2785052 L3.0526252,11.9161235 C2.73134341,12.0946367 2.3262008,11.9788615 2.14771388,11.6575325 C2.07507647,11.5267638 2.048604,11.3753341 2.07256714,11.227673 L2.644706,7.70214784 L0.18800271,5.17127401 C-0.0680077998,4.90753426 -0.0617734594,4.4861629 0.201927499,4.23011474 C0.30111659,4.13380419 0.42783327,4.07077947 0.564476058,4.04979499 L3.92629651,3.5335141 L5.39699811,0.384084246 C5.55252473,0.0510321934 5.9485563,-0.0928620579 6.28155937,0.0626874406 C6.42306565,0.128786625 6.53681945,0.242557148 6.60290891,0.384084246 L8.07361051,3.5335141 L11.435431,4.04979499 C11.7987051,4.10558366 12.047978,4.44534453 11.9921975,4.80867212 C11.9712161,4.94533501 11.9082007,5.07207032 11.8119043,5.17127401 L9.35520102,7.70214784 L9.92733988,11.227673 C9.98622287,11.5905106 9.73986227,11.9323896 9.37707808,11.9912813 C9.22943868,12.015248 9.07803132,11.9887716 8.94728182,11.9161235 L5.99995351,10.2785052 Z","data-zv":"10.0.9"},void 0)}),void 0)},u=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.elRef=(0,e.createRef)(),a.onHover=function(n){var s=a.props;(0,s.onHover)(n,s.index)},a.onClick=function(n){var s=a.props;(0,s.onClick)(n,s.index)},a.getFloatValue=function(){return 100*a.props.value%100+"%"},a}return(0,t.ZT)(a,n),a.prototype.getClassName=function(){var n=this.props,a=n.index,s=n.value,t=n.allowHalf,p=n.readOnly,e=a+1,o=e<=s,l=e>Math.ceil(s),u=t&&s+.5===e,r=p&&e>s&&e===Math.ceil(s);return c()("zent-rate-star",{"zent-rate-star-full":o,"zent-rate-star-zero":l,"zent-rate-star-half":u,"zent-rate-star-part":r})},a.prototype.render=function(){var n=this.onHover,a=this.onClick,s=this.props,e=s.disabled,o=s.character,c=s.readOnly,l=e||c;return(0,p.jsxs)("li",(0,t.pi)({ref:this.elRef,className:this.getClassName(),onClick:l?void 0:a,onMouseMove:l?void 0:n,"data-zv":"10.0.9"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-rate-star-first",style:c?{width:this.getFloatValue()}:void 0,"data-zv":"10.0.9"},{children:o}),void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-rate-star-second","data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)},a}(e.Component),r=s(1348);function i(n){for(var a=[],s=0;s{"use strict";s.r(a),s.d(a,{default:()=>b});var t=s(73450),p=s(27378),e=s(57318),o=s(87230),c=s(39215),l=s(80964),u=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({value:n})}))}render(){return(0,u.jsx)(o.j,{value:this.state.value,onChange:this.onChange})}}return(0,u.jsx)(n,{})},d=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:2.5}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsx)(o.j,{allowHalf:!0,value:this.state.value,onChange:this.onChange})}}return(0,u.jsx)(n,{})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:2.5}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsx)(o.j,{disabled:!0,allowHalf:!0,value:this.state.value,onChange:this.onChange})}}return(0,u.jsx)(n,{})},h=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:2.5}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsxs)("ul",{children:[(0,u.jsx)("li",{children:(0,u.jsx)(o.j,{character:(0,u.jsx)(c.J,{type:"youzan"}),allowHalf:!0,value:this.state.value,onChange:this.onChange})}),(0,u.jsx)("li",{children:(0,u.jsx)(o.j,{character:"赞",allowHalf:!0,value:this.state.value,onChange:this.onChange})})]})}}return(0,u.jsx)(n,{})},g=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:"3.7"}),(0,t.Z)(this,"onNumberChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsxs)("div",{children:[(0,u.jsx)(l.Y,{className:"zent-doc-rate-readonly-number",value:this.state.value,onChange:this.onNumberChange,max:5,min:0,decimal:1,showCounter:!0}),(0,u.jsx)(o.j,{value:+this.state.value,readOnly:!0})]})}}return(0,u.jsx)(n,{})};function v(n){return(0,u.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,u.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,u.jsx)(v,{tag:"style",html:n.style})}function w(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),w(n.parentNode,a);return a}class C extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:s||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,w(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:".zent-doc-rate-readonly-number {\n\t\twidth: 120px;\n\t\tmargin-bottom: 8px;\n\t}\n\t\t.zent-doc-rate-readonly-number .zent-input {\n\t\t\tmin-width: 62px;\n\t\t}"}),p.createElement(y,{html:'

Rate 评分

\n

评分组件。

\n

代码演示

'}),p.createElement(C,{title:"基础用法",id:"Demobasic",src:'import { Rate } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <Rate value={this.state.value} onChange={this.onChange} />\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(k)),p.createElement(C,{title:"允许半心",id:"Demoallowhalf",src:'import { Rate } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2.5\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <Rate allowHalf value={this.state.value} onChange={this.onChange} />\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(d)),p.createElement(C,{title:"禁用",id:"Demodisabled",src:'import { Rate } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2.5\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <Rate disabled allowHalf value={this.state.value} onChange={this.onChange} />\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(m)),p.createElement(C,{title:"自定义字符",id:"Democharacter",src:'import { Rate, Icon } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2.5\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <ul>\n <li><Rate character={<Icon type="youzan" />} allowHalf value={this.state.value} onChange={this.onChange} /></li>\n <li><Rate character="赞" allowHalf value={this.state.value} onChange={this.onChange} /></li>\n </ul>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(h)),p.createElement(C,{title:"仅展示结果（无交互效果）",id:"Demoreadonly",src:'import { Rate, NumberInput } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: \'3.7\',\n }\n\n onNumberChange = value => {\n this.setState({ value })\n }\n\n render() {\n return (\n <div>\n <NumberInput\n className="zent-doc-rate-readonly-number"\n value={this.state.value}\n onChange={this.onNumberChange}\n max={5.0}\n min={0}\n decimal={1}\n showCounter\n />\n <Rate value={+this.state.value} readOnly />\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(g)),p.createElement(y,{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
属性说明类型是否必须默认值备选值
onChange选择时的回调Function(value: number)是-
value当前数，受控值number否0
allowClear是否允许再次点击后清除boolean否true
allowHalf是否允许半选boolean否false
character自定义字符ReactNode否<Icon type="star" />
className自定义样式类名string否-
countstar\n 总数number否5
disabled禁用，无法进行交互boolean否false
readOnly只读，仅用于展示，与 \ndisabled\n 除语义差别外，主要区别是 cursor 不同，为真时可精确到 0.1 分显示boolean否false
style自定义样式对象object否-
'}))}}},87230:(n,a,s)=>{"use strict";s.d(a,{j:()=>k});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=function(n){var a=n.className;return(0,p.jsx)("svg",(0,t.pi)({className:a,width:"1em",height:"1em",viewBox:"0 0 12 12",version:"1.1","data-zv":"10.0.10"},{children:(0,p.jsx)("path",{fill:"currentColor",d:"M5.99995351,10.2785052 L3.0526252,11.9161235 C2.73134341,12.0946367 2.3262008,11.9788615 2.14771388,11.6575325 C2.07507647,11.5267638 2.048604,11.3753341 2.07256714,11.227673 L2.644706,7.70214784 L0.18800271,5.17127401 C-0.0680077998,4.90753426 -0.0617734594,4.4861629 0.201927499,4.23011474 C0.30111659,4.13380419 0.42783327,4.07077947 0.564476058,4.04979499 L3.92629651,3.5335141 L5.39699811,0.384084246 C5.55252473,0.0510321934 5.9485563,-0.0928620579 6.28155937,0.0626874406 C6.42306565,0.128786625 6.53681945,0.242557148 6.60290891,0.384084246 L8.07361051,3.5335141 L11.435431,4.04979499 C11.7987051,4.10558366 12.047978,4.44534453 11.9921975,4.80867212 C11.9712161,4.94533501 11.9082007,5.07207032 11.8119043,5.17127401 L9.35520102,7.70214784 L9.92733988,11.227673 C9.98622287,11.5905106 9.73986227,11.9323896 9.37707808,11.9912813 C9.22943868,12.015248 9.07803132,11.9887716 8.94728182,11.9161235 L5.99995351,10.2785052 Z","data-zv":"10.0.10"},void 0)}),void 0)},u=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.elRef=(0,e.createRef)(),a.onHover=function(n){var s=a.props;(0,s.onHover)(n,s.index)},a.onClick=function(n){var s=a.props;(0,s.onClick)(n,s.index)},a.getFloatValue=function(){return 100*a.props.value%100+"%"},a}return(0,t.ZT)(a,n),a.prototype.getClassName=function(){var n=this.props,a=n.index,s=n.value,t=n.allowHalf,p=n.readOnly,e=a+1,o=e<=s,l=e>Math.ceil(s),u=t&&s+.5===e,r=p&&e>s&&e===Math.ceil(s);return c()("zent-rate-star",{"zent-rate-star-full":o,"zent-rate-star-zero":l,"zent-rate-star-half":u,"zent-rate-star-part":r})},a.prototype.render=function(){var n=this.onHover,a=this.onClick,s=this.props,e=s.disabled,o=s.character,c=s.readOnly,l=e||c;return(0,p.jsxs)("li",(0,t.pi)({ref:this.elRef,className:this.getClassName(),onClick:l?void 0:a,onMouseMove:l?void 0:n,"data-zv":"10.0.10"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-rate-star-first",style:c?{width:this.getFloatValue()}:void 0,"data-zv":"10.0.10"},{children:o}),void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-rate-star-second","data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)},a}(e.Component),r=s(1348);function i(n){for(var a=[],s=0;s{"use strict";n.d(t,{I:()=>U});var r=n(59312),o=n(24246),i=n(60042),a=n.n(i),l=n(27378),s=n(33806),c=n(52074),u=n(27036),p=n(68150),d=n(62593),v=n(82049).Z,h=n(20840);function f(e){return(0,o.jsx)("span",(0,r.pi)({className:"zent-cascader-v2__menu-item-label","data-zv":"10.0.10"},{children:e.label}),void 0)}function g(e){return e.label}var m=(0,s.ZP.withPopover)(function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.closePopup=function(){var e;return null===(e=t.props.popover)||void 0===e?void 0:e.close()},t}return(0,r.ZT)(t,e),t.prototype.render=function(){return(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2__popup-inner zent-cascader-v2__popup-inner-menu","data-zv":"10.0.10"},{children:this.renderPanels()}),void 0)},t.prototype.getMenuItemIcon=function(e,t,n){var r=this.props.loading;if(e.loadChildrenOnExpand){var i=(0,d.Fd)(e);if(-1!==r.indexOf(i)&&t)return(0,o.jsx)("i",{className:"zent-cascader-v2__menu-item-loading zenticon","data-zv":"10.0.10"},void 0)}var a=e.children&&e.children.length>0;return a||e.loadChildrenOnExpand?(0,o.jsx)(u.Z,{className:"zent-cascader-v2__menu-item-icon",type:"right"},void 0):!a&&t&&n?(0,o.jsx)(u.Z,{className:"zent-cascader-v2__menu-item-icon",type:"check"},void 0):null},t.prototype.handleClickOption=function(e,t,n){var r=this.props,o=r.onOptionClick,i=r.multiple,a=r.multipleType,l=r.onOptionToggle;o(e,t),i&&"normal"===a&&e.children&&0===e.children.length&&l(e,!("on"===n))},t.prototype.renderCascaderItems=function(e,t,n){var i=this,l=this.props.i18n;if(!e||0===(null==e?void 0:e.length))return(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2__menu-empty","data-zv":"10.0.10"},{children:l.empty}),"menu-empty");var s=this.props,c=s.value,u=s.onOptionHover,f=s.expandTrigger,g=s.scrollLoad,m=s.loadChildrenOnScroll,y=s.scrollable,b=s.multiple,C=s.multipleType,x=s.selectionMap,w=s.renderItemContent,z=s.getItemTooltip,P=s.renderList,k=function(e,n){var l;b&&(l=x.get((0,d.Fd)(e)));var s=b?"on"===l||"partial"===l:e.value===c[t-1],v=a()("zent-cascader-v2__menu-item",{"zent-cascader-v2__menu-item--active":s,"zent-cascader-v2__menu-item--disabled":e.disabled,"zent-cascader-v2__menu-item--multiple":b,"zent-cascader-v2__menu-item--multiple--checkbox":b&&"checkbox"===C,"zent-cascader-v2__menu-item--multiple--normal":b&&"normal"===C,"zent-cascader-v2__menu-item--leaf":0===e.children.length&&!e.loadChildrenOnExpand}),h=b&&"checkbox"!==C;return(0,o.jsxs)("div",(0,r.pi)({className:v,title:z(e),onClick:e.disabled?void 0:function(){return i.handleClickOption(e,i.closePopup,l)},onMouseEnter:e.disabled||"hover"!==f?void 0:function(){return u(e)},style:n,"data-zv":"10.0.10"},{children:[b&&"checkbox"===C&&(0,o.jsx)(p.ZP,{value:e.value,onChange:function(t){return i.props.onOptionToggle(e,t.target.checked)},checked:"on"===l,indeterminate:"partial"===l,disabled:e.disabled},void 0),w(e),i.getMenuItemIcon(e,s,h)]}),e.value)},T="menu-"+c.slice(0,t-1).join("-");if("function"==typeof P)return(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2__menu","data-zv":"10.0.10"},{children:P(e,k)}),T);var S=e.map((function(e){return k(e)})),j=null===n?m:n.loadChildrenOnScroll;return(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2__menu","data-zv":"10.0.10"},{children:y&&j?(0,o.jsx)(v,(0,r.pi)({className:"zent-cascader-v2__menu-scroller",hasMore:j,loader:(0,o.jsx)(h.Z,{iconSize:18,loading:!0,colorPreset:"grey",icon:"circle",iconText:l.loading,textPosition:"right",className:"zent-cascader-v2__menu-scroller-loading"},void 0),loadMore:function(){return g(n)},skipLoadOnMount:!0},{children:S}),void 0):S}),T)},t.prototype.renderPanels=function(){var e=[],t=this.props.value,n=this.props.options,r=1;if(e.push(this.renderCascaderItems(n,r,null)),(null==t?void 0:t.length)>0&&(null==n?void 0:n.length)>0)for(var o=function(o){r++;var a=n.find((function(e){return e.value===t[o]}));(n=(0,d.El)(n,t[o])).length>0&&e.push(i.renderCascaderItems(n,r,a))},i=this,a=0;a0&&(0,o.jsx)(N.Z,(0,r.pi)({trigger:"hover",position:"auto-top-center",cushion:15,content:(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2-tag-collapsed-content","data-zv":"10.0.10"},{children:(0,o.jsx)("div",(0,r.pi)({"data-zv":"10.0.10"},{children:(0,o.jsx)("span",(0,r.pi)({"data-zv":"10.0.10"},{children:d.map((function(e){return(0,y.kz)(e)})).join("、")}),void 0)}),void 0)}),void 0)},{children:(t=d.length,(0,o.jsxs)("span",(0,r.pi)({className:"zent-cascader-v2-tag-collapsed-trigger","data-zv":"10.0.10"},{children:["+",t]}),void 0))}),void 0)]},void 0)},M=n(35061),L=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.searchInputRef=(0,l.createRef)(),t.onKeywordChange=function(e){t.props.onKeywordChange(e.target.value)},t}return(0,r.ZT)(t,e),t.prototype.focus=function(){var e;null===(e=this.searchInputRef.current)||void 0===e||e.focus()},t.prototype.renderTagsContent=function(){var e=this.props,t=e.selectedPaths,n=e.renderValue,i=e.onRemove,a=e.selectionMap,l=e.simplifyPaths,s=e.maxLine,c=e.lineHeight,u=(0,o.jsx)(V,{list:t,selectionMap:a,simplifyPaths:l,renderValue:n,collapse:1===s,onRemove:i},void 0),p={};return s>1?(p.maxHeight=s*c+"px",p.overflowY="auto",(0,o.jsx)("div",(0,r.pi)({style:p,className:"zent-cascader-v2-tag__list","data-zv":"10.0.10"},{children:u}),void 0)):u},t.prototype.render=function(){var e=this.props,t=e.className,n=e.visible,i=e.clearable,l=e.selectedPaths,s=e.keyword,c=e.disabled,u=e.i18n,p=e.searchable,d=e.placeholder,v=e.onClick,h=e.onClear,f=e.onKeywordChange,g=e.renderValue,m=e.renderTags,y=e.onRemove,b=e.maxLine,C=l.length>0,x=n&&p;return(0,o.jsxs)(M.m,(0,r.pi)({placeholder:d,disabled:c,className:a()(t,"zent-cascader-v2--multiple",{"zent-cascader-v2--multiple--collapsed":1===b}),clearable:i,visible:n,onClear:h,selectedPaths:l,keyword:s,onKeywordChange:f,onClick:v,i18n:u,renderValue:g,searchable:p,showLabels:!C&&!x},{children:[C&&("function"==typeof m?m({list:l,renderValue:g,onRemove:y}):this.renderTagsContent()),x&&(0,o.jsx)(j.M,{placeholder:u.searchPlaceholder,value:s,onChange:this.onKeywordChange,ref:this.searchInputRef},void 0)]}),void 0)},t.defaultProps={selectedPaths:[]},t}(l.Component),E=n(31092),I=n(42690),R=n(41925);function B(e){return e.multiple}function A(e){return!e.multiple}var F=function(e,t){return t.some((function(t){return t.label.toLowerCase().includes(e.toLowerCase())}))},D=function(e,t){return t.map((function(n,i){return(0,o.jsxs)("span",(0,r.pi)({"data-zv":"10.0.10"},{children:[(0,o.jsx)(P,{searchWords:[e],textToHighlight:n.label,highlightClassName:"zent-cascader-v2--highlight",autoEscape:!0},void 0),i!==t.length-1&&" / "]}),(0,y.aM)(t.slice(0,i+1)))}))};function K(e){var t=[];return B(e)&&e.value.length>0&&(t=e.value[0]),A(e)&&(t=e.value),t}function H(e,t){return(B(e)?e.value.map((function(e){return t.getPathByValue(e)})):[t.getPathByValue(e.value)]).filter((function(e){return 0!==e.length}))}function Y(e,t,n){var r=-1!==e.indexOf(t);return n&&!r?e.concat(t):!n&&r?e.filter((function(e){return e!==t})):e}function W(e){return"visible"in e&&"onVisibleChange"in e&&"function"==typeof e.onVisibleChange}function $(e,t){return W(e)?!!e.visible:t.visible}var U=function(e){function t(t){var n=e.call(this,t)||this;n.tagsTriggerRef=(0,l.createRef)(),n.getSelectionMap=(0,R.Z)((function(e){return n.getSelectionMapImpl(e)})),n.getSimplifySelectionMap=(0,R.Z)((function(e,t){return void 0===t&&(t="excludeDisabled"),n.getSelectionMapImpl(e,t)})),n.simplify=function(e,t){return void 0===t&&(t="excludeDisabled"),_(e,n.getSelectionMapImpl(e,t))},n.getSearchResultList=(0,R.Z)((function(e,t){return t.map((function(t){var n=t.map((function(e){return e.value}));return e.getPathByValue(n)}))})),n.onVisibleChange=function(e){var t=n.state.keyword;n.disabled||(n.setVisible(e),n.setState({keyword:!1===e?"":t}))},n.onKeywordChange=function(e){n.setState({keyword:e},n.filterOptions)},n.filterOptions=(0,z.Z)((function(){var e=n.state,t=e.keyword,r=e.options;if(t){var o=n.props,i=o.async,a=o.asyncFilter,l=o.filter,s=o.limit;if(i)n.setState({isSearching:!0}),a(t,s).then((function(e){n.setSearchState(e)})).finally((function(){n.setState({isSearching:!1})}));else{var c=r.reducePath((function(e,t){return e.push(t),e}),[]).filter((function(e){return l(t,e)}));n.setSearchState(c)}}}),200),n.setSearchState=function(e){var t=n.props.limit,r=e.length;n.setState({searchResultList:t<=r?e:e.slice(0,t)})},n.onMenuOptionHover=function(e){n.onMenuOptionSelect(e,I.Z,"hover")},n.onMenuOptionClick=function(e,t){n.onMenuOptionSelect(e,t,"click")},n.onMenuOptionSelect=function(e,t,r){var o=n.props,i=o.loadOptions,a=o.multiple,l=n.state.loading,s=e.loadChildrenOnExpand&&i,c=(0,y.$4)(e),u={activeValue:c.map((function(e){return e.value})),keyword:""},p=e.children&&e.children.length>0,v=!e.loadChildrenOnExpand&&!p&&!a&&"click"===r,h=(0,d.Fd)(e);s&&(u.loading=Y(l,h,!0)),n.setState(u,(function(){if(s&&i(c,{action:b.N.LoadChildren}).finally((function(){n.setState((function(e){return{loading:Y(e.loading,h,!1)}}))})),A(n.props)){var e=n.props.changeOnSelect;(v||void 0!==e&&e&&"click"===r)&&n.props.onChange(c.map((function(e){return e.value})),c,{action:b.f.Change})}v&&t()}))},n.toggleMenuOption=function(e,t){if(B(n.props)){var r=n.props.onChange,o=n.state,i=o.options,a=o.selectedPaths,l=i.getPaths(e,(function(e){return e.every((function(e){return!e.disabled}))})),s=t?(0,y.G0)(a,l):(0,y.e5)(a,l),c=(s=i.sort(s)).map((function(e){return e.map((function(e){return e.value}))}));n.setState({selectedPaths:s},(function(){var e;r(c,s,{action:b.f.Change,simplify:n.simplify}),n.props.searchable&&(null===(e=n.tagsTriggerRef.current)||void 0===e||e.focus())}))}},n.onSearchOptionClick=function(e,t){var r=e.map((function(e){return e.value}));n.setState({activeValue:r},(function(){n.onMenuOptionClick(e[e.length-1],t)}))},n.toggleSearchOption=function(e,t){n.toggleMenuOption(e[e.length-1],t)},n.onClear=function(){n.setVisible(!1),n.setState({activeValue:[],selectedPaths:[]},(function(){A(n.props)?n.props.onChange([],[],{action:b.f.Clear}):n.props.onChange([],[],{action:b.f.Clear,simplify:n.simplify})}))},n.scrollLoad=function(e){var t=n.props.loadOptions;return!1===(e?e.loadChildrenOnScroll:n.props.loadChildrenOnScroll)?Promise.resolve():t((0,y.$4)(e),{action:b.N.Scroll})},n.onRemove=function(e){n.disabled||n.toggleMenuOption(e,!1)},n.renderPopoverContent=function(e){var t=n.props,r=t.expandTrigger,i=t.scrollable,a=t.multiple,l=t.searchable,s=t.highlight,c=t.loadChildrenOnScroll,u=t.renderItemContent,p=t.getItemTooltip,d=t.renderList,v=t.multipleType,h=n.state,f=h.options,g=h.activeValue,y=h.keyword,b=h.isSearching,C=h.searchResultList,x=h.loading,z=h.selectedPaths,P=n.getVisible(),k=n.getSelectionMap(z);return l&&P&&y?(0,o.jsx)(w,{i18n:e,multiple:a,isSearching:b,searchList:n.getSearchResultList(f,C),keyword:y,highlight:s,onOptionToggle:n.toggleSearchOption,onOptionClick:n.onSearchOptionClick,selectionMap:k},void 0):(0,o.jsx)(m,{value:g,options:f.getTrees(),expandTrigger:r,i18n:e,scrollable:i,loadChildrenOnScroll:c,multiple:a,multipleType:v,onOptionClick:n.onMenuOptionClick,onOptionHover:n.onMenuOptionHover,scrollLoad:n.scrollLoad,onOptionToggle:n.toggleMenuOption,loading:x,selectionMap:k,renderItemContent:u,getItemTooltip:p,renderList:d},void 0)};var r=new Z.cp(t.options);return n.state={options:r,activeValue:K(t),visible:!1,prevProps:t,selectedPaths:H(t,r),keyword:"",isSearching:!1,searchResultList:[],loading:[]},n}return(0,r.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){var n=t.prevProps,r={prevProps:e},o=t.options,i=!1;return n.options!==e.options&&(o=new Z.cp(e.options),r.options=o,i=!0),!i&&n.multiple===e.multiple&&function(e,t){if(S(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(var o=0;o0?n.set(o,"on"):s.off===c?n.set(o,"off"):n.set(o,"partial")}return n}),new Map)},t.prototype.render=function(){var e=this,t=this.props,n=t.className,i=t.popupClassName,l=t.placeholder,u=t.searchable,p=t.clearable,d=t.renderValue,v=t.maxLine,h=t.lineHeight,f=this.state,g=f.selectedPaths,m=f.keyword,y=this.getVisible(),b=g.length>0;return(0,o.jsx)(c.Z,(0,r.pi)({componentName:"Cascader"},{children:function(t){var c,f={placeholder:l,disabled:e.disabled,className:n,clearable:p,visible:y,keyword:m,searchable:u,i18n:t,renderValue:d,maxLine:v,lineHeight:h,onClear:e.onClear,onKeywordChange:e.onKeywordChange};return(0,o.jsxs)(s.ZP,(0,r.pi)({className:a()("zent-cascader-v2__popup",i),position:s.ZP.Position.CascaderAutoBottomLeft,visible:y,onVisibleChange:e.onVisibleChange,cushion:4},{children:[(0,o.jsx)(s.ZP.Trigger.Click,(0,r.pi)({toggle:!u},{children:B(e.props)?(0,o.jsx)(L,(0,r.pi)({},f,{simplifyPaths:null!==(c=e.props.simplifySelection)&&void 0!==c&&c,selectedPaths:g,selectionMap:e.getSimplifySelectionMap(g,e.props.simplifySelectionMode),onRemove:e.onRemove,renderTags:e.props.renderTags,ref:e.tagsTriggerRef}),void 0):(0,o.jsx)(E.B,(0,r.pi)({},f,{selectedPath:b?g[0]:[]}),void 0)}),void 0),(0,o.jsx)(s.ZP.Content,{children:e.renderPopoverContent(t)},void 0)]}),void 0)}}),void 0)},t.defaultProps={value:[],options:[],clearable:!1,multiple:!1,multipleType:"checkbox",maxLine:null,lineHeight:22,expandTrigger:"click",scrollable:!1,loadChildrenOnScroll:!1,searchable:!1,async:!1,limit:50,renderValue:y.kz,filter:F,highlight:D,simplifySelectionMode:"excludeDisabled"},t.contextType=k.d,t}(l.Component)},34365:(e,t,n)=>{"use strict";n.d(t,{c:()=>z});var r=n(59312),o=n(24246),i=n(27378),a=n(60042),l=n.n(a),s=n(33806),c=n(52074),u=n(1348),p=n(33420).Z,d=n(62593),v=p.TabPanel;function h(e){return e.label}function f(e){return e.label}var g=(0,s.ZP.withPopover)(function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.closePopup=function(){var e;return null===(e=t.props.popover)||void 0===e?void 0:e.close()},t}return(0,r.ZT)(t,e),t.prototype.renderCascaderItems=function(e,t){var n=this,i=this.props.value[t-1],a=function(e,t){var a=e.value,s=l()("zent-cascader-v2__list-link",{"zent-cascader-v2__list-link--active":a===i});return(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2__list-item",style:t,"data-zv":"10.0.10"},{children:(0,o.jsx)("span",(0,r.pi)({className:s,title:n.props.getItemTooltip(e),onClick:function(){return n.props.onClick(e,n.closePopup)},"data-zv":"10.0.10"},{children:n.props.renderItemContent(e)}),void 0)}),a)},s=this.props.renderList;return(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2__list","data-zv":"10.0.10"},{children:"function"==typeof s?s(e,a):e.map((function(e){return a(e)}))}),void 0)},t.prototype.renderTabTitle=function(e,t){return t===this.props.loadingLevel?(0,o.jsxs)("div",(0,r.pi)({className:"zent-cascader-v2__loading","data-zv":"10.0.10"},{children:[(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2__loading-label","data-zv":"10.0.10"},{children:e}),void 0),(0,o.jsx)("div",{className:"zent-cascader-v2__loading-icon","data-zv":"10.0.10"},void 0)]}),void 0):e},t.prototype.renderPanels=function(e){for(var t,n,i=[],a=this.props,l=a.title,s=a.value,c=s.length+1,u=function(a,c){if(c&&c.length>0){var u=s[a],d=c.find((function(e){return e.value===u})),h=null!==(n=null!==(t=null==d?void 0:d.label)&&void 0!==t?t:l[a])&&void 0!==n?n:e.title,f=a+1;i.push((0,o.jsx)(v,(0,r.pi)({tab:p.renderTabTitle(h,f),id:f},{children:p.renderCascaderItems(c,f)}),"tab-"+s.slice(0,a).join("-")))}},p=this,h=0,f=this.props.options;h0,u=!e.loadChildrenOnExpand&&!c,p=u||i,v=(0,d.YY)(e),h=v+1;a||u||(s.activeTab=h),n.setState(s,(function(){a&&(n.setState({loadingLevel:v}),o(l).then((function(){n.setState({activeTab:h,loadingLevel:null})}),(function(){n.setState({loadingLevel:null})}))),p&&n.props.onChange(l.map((function(e){return e.value})),l,{action:m.f.Change}),u&&t()}))},n.onClear=function(){n.setVisible(!1),n.setState({activeValue:[]},(function(){n.props.onChange([],[],{action:m.f.Clear})}))};var r=t.value;return n.state={options:new C.cp(t.options),activeValue:r,activeTab:r.length||1,visible:!1,prevProps:t,loadingLevel:null},n}return(0,r.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){var n={prevProps:e},r=t.prevProps;if(!w(e,t)){var o=e.value;n.activeValue=o,n.activeTab=o.length||1}return e.options!==r.options&&(n.options=new C.cp(e.options)),n},Object.defineProperty(t.prototype,"disabled",{get:function(){var e;return null!==(e=this.props.disabled)&&void 0!==e?e:this.context.value},enumerable:!1,configurable:!0}),t.prototype.isControlled=function(){return x(this.props)},t.prototype.getVisible=function(){return w(this.props,this.state)},t.prototype.setVisible=function(e){this.isControlled()?this.props.onVisibleChange(e):this.setState({visible:e})},t.prototype.render=function(){var e=this,t=this.props,n=t.className,i=t.popupClassName,a=t.placeholder,u=t.renderValue,p=t.clearable,d=t.value,v=t.title,h=t.renderItemContent,f=t.getItemTooltip,m=t.renderList,y=this.state,C=y.activeValue,x=y.loadingLevel,w=y.activeTab,z=y.options,P=this.getVisible(),k=z.getPathByValue(d);return(0,o.jsx)(c.Z,(0,r.pi)({componentName:"Cascader"},{children:function(t){return(0,o.jsxs)(s.ZP,(0,r.pi)({className:l()("zent-cascader-v2__popup",i),position:s.ZP.Position.CascaderAutoBottomLeft,visible:P,onVisibleChange:e.onVisibleChange,cushion:4},{children:[(0,o.jsx)(s.ZP.Trigger.Click,(0,r.pi)({toggle:!0},{children:(0,o.jsx)(b.B,{className:n,placeholder:a,renderValue:u,disabled:e.disabled,selectedPath:k,visible:P,clearable:p,i18n:t,onClear:e.onClear},void 0)}),void 0),(0,o.jsx)(s.ZP.Content,{children:(0,o.jsx)(g,{i18n:t,value:C,loadingLevel:x,onClick:e.onClick,activeId:w,onTabsChange:e.onTabsChange,title:v,options:z.getTrees(),renderItemContent:h,getItemTooltip:f,renderList:m},void 0)},void 0)]}),void 0)}}),void 0)},t.defaultProps={value:[],options:[],changeOnSelect:!1,renderValue:y.kz,clearable:!1,title:[]},t.contextType=u.d,t}(i.Component)},76187:(e,t,n)=>{"use strict";n.d(t,{d9:()=>a,fv:()=>l,cp:()=>s});var r=n(59312),o=n(74194),i=n(62593);function a(e,t){for(var n=e.map((function(e){return{node:t(e,null),children:e.children}})),r=n.map((function(e){return e.node})),o=function(){var e=n.pop();if(!e)return"continue";var r=e.node,o=e.children;null==o||o.forEach((function(e){var o=t(e,r);n.push({node:o,children:e.children}),r.children.push(o)}))};n.length>0;)o();return r}function l(e,t,n){for(var r=[{parent:null,children:e,node:(t=t.slice()).shift()}],o=function(){var e=r.pop();if(!e)return"continue";var o=e.children,i=e.node;if(!i)return"break";var a=i.value,l=o.find((function(e){return e.value===a}));l||(l=n(i,e.parent),o.push(l)),r.push({parent:l,children:l.children,node:t.shift()})};r.length>0&&"break"!==o(););return e}var s=function(){function e(e){this.trees=this.build(e)}return e.prototype.build=function(e){return a(e,p)},e.prototype.reducePath=function(e,t){for(var n=c(this.trees),r=[],o=t,a=!1,l=function(){a=!0};n.length>0;){var s=n.pop();if(s){for(var p=(0,i.YY)(s);p<=r.length;)r.pop();if(r.push(s),s.children.length>0)u(n,s.children);else if(o=e(o,r.slice(),l),a)break}}return o},e.prototype.reduceNode=function(e,t){for(var n=c(this.trees),r=t,o=!1,i=function(){o=!0};n.length>0;){var a=n.pop();if(a){if(r=e(r,a,i),o)break;a.children.length>0&&u(n,a.children)}}return r},e.prototype.reduceNodeDfs=function(e,t){for(var n=this.trees.map((function(e){return{node:e,phase:"recurse"}})),r=t,o=!1,i=function(){o=!0};n.length>0;){var a=n.pop();if(a){var l=a.node,s=a.phase;if("recurse"===s)n.push({node:l,phase:"visit"}),l.children.forEach((function(e){n.push({node:e,phase:"recurse"})}));else if("visit"===s&&(r=e(r,l,i),o))break}}return r},e.prototype.sort=function(e){return this.reducePath((function(t,n){return e.some((function(e){return(0,o.h0)(e,n)}))&&t.push(n),t}),[])},e.prototype.clone=function(){return new e(this.trees)},e.prototype.insertPath=function(e){return l(this.trees,e,p),this},e.prototype.getTrees=function(){return this.trees},e.prototype.getPathByValue=function(e){return this.reducePath((function(t,n,r){if(e.length>n.length||0===e.length)return t;var o,i=e.length;for(o=0;on&&o[n].value===r&&(!t||t(o))&&e.push(o),e}),[])},e}();function c(e){var t=e.slice();return t.reverse(),t}function u(e,t){for(var n=t.length-1;n>=0;n--)e.push(t[n]);return e}function p(e,t){return(0,r.pi)((0,r.pi)({},e),{parent:t,children:[]})}},62593:(e,t,n)=>{"use strict";function r(e,t){if(e&&e.length>0){var n=e.find((function(e){return e.value===t}));if(n&&Array.isArray(n.children))return n.children}return null}function o(e){for(var t=e,n=[];t;)n.unshift(t.value),t=t.parent;return n.map((function(e,t){return t+"$"+e})).join("@")}function i(e){for(var t=1,n=e.parent;n;)n=n.parent,t++;return t}n.d(t,{El:()=>r,Fd:()=>o,YY:()=>i})},74194:(e,t,n)=>{"use strict";n.d(t,{h0:()=>o,G0:()=>i,e5:()=>a,$4:()=>l,kz:()=>s,aM:()=>c});var r=n(59312);function o(e,t){if(e.length!==t.length)return!1;for(var n=0;n{"use strict";n.d(t,{m:()=>s});var r=n(59312),o=n(24246),i=n(60042),a=n.n(i),l=n(27036),s=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={active:!1},t.onClearClick=function(e){e.preventDefault(),e.stopPropagation(),t.props.keyword?t.props.onKeywordChange(""):(t.setState({active:!1}),t.props.onClear())},t.onMouseEnter=function(){t.setState({active:!0})},t.onMouseLeave=function(){t.setState({active:!1})},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e,t=this.props,n=t.className,i=t.visible,s=t.clearable,c=t.selectedPaths,u=t.keyword,p=t.disabled,d=t.children,v=t.onClick,h=t.renderValue,f=t.searchable,g=t.i18n,m=t.placeholder,y=t.showLabels,b=this.state.active,C=c.length>0,x=a()("zent-cascader-v2",n,{"zent-cascader-v2--disabled":p,"zent-cascader-v2--active":i||b,"zent-cascader-v2--visible":i}),w=a()("zent-cascader-v2--text",{"zent-cascader-v2--placeholder":!C});e=C?h(c[0]):f?m||g.searchPlaceholder:m||g.placeholder;var z=s&&(i||b)&&(C||u)&&!p;return(0,o.jsxs)("div",(0,r.pi)({className:x,onClick:v,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,"data-zv":"10.0.10"},{children:[d,y&&(0,o.jsx)("span",(0,r.pi)({className:w,"data-zv":"10.0.10"},{children:e}),void 0),z?(0,o.jsx)(l.Z,{type:"close-circle",onClick:this.onClearClick},void 0):(0,o.jsx)(l.Z,{type:"down"},void 0)]}),void 0)},t}(n(27378).Component)},64073:(e,t,n)=>{"use strict";n.d(t,{M:()=>l});var r=n(24246),o=n(27378),i=n(79264),a=n(17127),l=(0,o.forwardRef)((function(e,t){var n=(0,o.useRef)(null),l=e.placeholder,s=e.value,c=e.onChange;return(0,o.useImperativeHandle)(t,(function(){return{focus:function(){(0,a.tA)((function(){var e;null===(e=n.current)||void 0===e||e.focus({preventScroll:!0})}))}}}),[n]),(0,i.L)((function(){n.current.focus({preventScroll:!0})}),[]),(0,r.jsx)("input",{ref:n,placeholder:l,className:"zent-cascader-v2--search",value:s,onChange:c,"data-zv":"10.0.10"},void 0)}));l.displayName="SearchInput"},31092:(e,t,n)=>{"use strict";n.d(t,{B:()=>c});var r=n(59312),o=n(24246),i=n(27378),a=n(35061),l=n(74194),s=n(64073),c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onKeywordChange=function(e){t.props.onKeywordChange(e.target.value)},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.visible,i=e.clearable,c=e.selectedPath,u=e.keyword,p=e.disabled,d=e.i18n,v=e.searchable,h=e.placeholder,f=e.onClick,g=e.onClear,m=e.onKeywordChange,y=e.renderValue,b=n&&v,C=c.length>0,x=C?(0,l.kz)(c):d.searchPlaceholder,w=C?[c]:[];return(0,o.jsx)(a.m,(0,r.pi)({disabled:p,className:t,clearable:i,visible:n,onClear:g,selectedPaths:w,keyword:u,onKeywordChange:m,onClick:f,i18n:d,renderValue:y,showLabels:!b,placeholder:h,searchable:v},{children:b&&(0,o.jsx)(s.M,{placeholder:x,value:u,onChange:this.onKeywordChange},void 0)}),void 0)},t.defaultProps={selectedPath:[]},t}(i.Component)},56717:(e,t,n)=>{"use strict";var r,o;n.d(t,{f:()=>r,N:()=>o}),function(e){e.Clear="clear",e.Change="change"}(r||(r={})),function(e){e.LoadChildren="loadChildren",e.Scroll="scroll"}(o||(o={}))},33938:(e,t,n)=>{"use strict";n.d(t,{X:()=>d});var r=n(59312),o=n(24246),i=n(60042),a=n.n(i),l=n(27378),s=n(1535),c=n(23130),u=n(1348),p=n(4008);function d(e){var t=(0,l.useContext)(u.d),n=(0,l.useContext)(c.Z),i=(0,l.useRef)(e);i.current=e;var p,d=n&&n.onChange,v=(0,l.useCallback)((function(e){var t=i.current,n=t.value,o=t.onChange;if(d)d(n);else if(o){var a=Object.create(e);a.target=(0,r.pi)((0,r.pi)({},i.current),{type:"checkbox",checked:e.target.checked}),o(a)}}),[d]),h=(e.checked,e.className),f=e.style,g=(e.disabled,e.readOnly,e.children),m=e.indeterminate,y=e.width,b=(e.value,e.labelStyle),C=e.onMouseEnter,x=e.onMouseLeave,w=(0,r._T)(e,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),z=function(e,t){return"boolean"==typeof t.readOnly?t.readOnly:!!e&&e.readOnly}(n,e),P=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,T=n.isValueEqual;p=-1!==k.findIndex((function(t){return T(t,e.value)}))}else p=!!e.checked;return(0,o.jsxs)("label",(0,r.pi)({className:a()("zent-checkbox-wrap",h,{"zent-checkbox-checked":!!p,"zent-checkbox-disabled":P||z,"zent-checkbox-indeterminate":m}),style:(0,r.pi)((0,r.pi)({},f),(0,s.Z)(y)),onMouseEnter:C,onMouseLeave:x,"data-zv":"10.0.10"},{children:[(0,o.jsxs)("span",(0,r.pi)({className:"zent-checkbox","data-zv":"10.0.10"},{children:[(0,o.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.10"},void 0),(0,o.jsx)("input",(0,r.pi)({},w,{type:"checkbox",checked:p&&!m,disabled:P,readOnly:z,onChange:v,"data-zv":"10.0.10"}),void 0)]}),void 0),null!=g&&!0!==g&&!1!==g?(0,o.jsx)("div",(0,r.pi)({className:"zent-checkbox-label",style:b,"data-zv":"10.0.10"},{children:g}),void 0):null]}),void 0)}d.Group=p.Z,t.Z=d},4008:(e,t,n)=>{"use strict";n.d(t,{c:()=>d});var r=n(59312),o=n(24246),i=n(27378),a=n(60042),l=n.n(a),s=n(41925),c=n(23130),u=n(1348),p=c.Z.Provider,d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getGroupContext=(0,s.Z)((function(e,n,r,o){return{value:Array.isArray(e)?e:[],disabled:n,readOnly:r,isValueEqual:o,onChange:t.onCheckboxChange}})),t.onCheckboxChange=function(e){var n=t.props,r=n.isValueEqual,o=n.onChange,i=n.value;if(o){var a=i?i.slice():[],l=a.findIndex((function(t){return r(t,e)}));-1!==l?a.splice(l,1):a.push(e),o(a)}},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.style,i=e.children,a=e.value,s=e.disabled,c=void 0===s?this.context.value:s,u=e.readOnly,d=void 0!==u&&u,v=e.isValueEqual,h=l()("zent-checkbox-group",t);return(0,o.jsx)(p,(0,r.pi)({value:this.getGroupContext(a,c,d,v)},{children:(0,o.jsx)("div",(0,r.pi)({className:h,style:n,"data-zv":"10.0.10"},{children:i}),void 0)}),void 0)},t.defaultProps={isValueEqual:Object.is,value:[]},t.contextType=u.d,t}(i.Component);t.Z=d},23130:(e,t,n)=>{"use strict";var r=n(27378);t.Z=(0,r.createContext)(null)},68150:(e,t,n)=>{"use strict";var r=n(33938);t.ZP=r.Z},82049:(e,t,n)=>{"use strict";n.d(t,{S:()=>v});var r=n(59312),o=n(24246),i=n(60042),a=n.n(i),l=n(27378),s=n(50993),c=n(86446),u=n(79352),p=n(43239),d=(0,o.jsx)(s.Z,{height:60,loading:!0,icon:"circle"},void 0),v=(0,l.forwardRef)((function(e,t){var n,i=e.hasMore,s=void 0!==i&&i,v=e.loadMore,h=e.skipLoadOnMount,f=void 0!==h&&h,g=e.useWindow,m=void 0!==g&&g,y=e.loader,b=void 0===y?d:y,C=e.threshold,x=void 0===C?1:C,w=e.className,z=e.children,P=(0,l.useState)(!1),k=P[0],T=P[1],S=(0,p.s)(),j=(0,l.useCallback)((function(){S.current&&T(!1)}),[S]),O=(0,l.useCallback)((function(){"function"==typeof v&&(T(!0),v.length>0?v(j):v().then(j,j))}),[v,j]),N=(0,l.useCallback)((function(e){k||2===e.previousPosition&&O()}),[O,k]);return(0,l.useEffect)((function(){f||O()}),[]),(0,o.jsxs)("div",(0,r.pi)({className:a()("zent-infinite-scroller",w,(n={},n["zent-infinite-scroller-y"]=!m,n)),ref:t,"data-zv":"10.0.10"},{children:[z,s&&u.Z&&(0,o.jsx)(c.h,{scrollableAncestor:m?window:void 0,onEnter:N,bottomOffset:-x},void 0),k&&b]}),void 0)}));v.displayName="InfiniteScroller",t.Z=v},50993:(e,t,n)=>{"use strict";n.d(t,{c:()=>u});var r=n(59312),o=n(24246),i=n(60042),a=n.n(i),l=n(40695),s=n(73326),c=n(72551);function u(e){var t=function(e){var t=(0,c.n)(e,"height"),n=e.children;return n||t?n&&!t?"initial":e.height:160}(e),n=e.loading,i=void 0!==n&&n,u=e.delay,p=void 0===u?0:u,d=e.className,v=e.children,h=e.icon,f=void 0===h?"circle":h,g=e.iconSize,m=e.iconText,y=e.textPosition,b=void 0===y?"bottom":y,C=e.colorPreset,x=void 0===C?"primary":C,w=!!v,z=!(0,s.Z)({loading:i,delay:p})&&i;return z||w?(0,o.jsxs)("div",(0,r.pi)({className:a()("zent-loading","zent-loading--block",d,{"zent-loading--has-children":w}),style:{height:t},"data-zv":"10.0.10"},{children:[v,z&&(0,o.jsx)(l.Z,{icon:f,size:g,text:m,textPosition:b,colorPreset:x},void 0)]}),void 0):null}t.Z=u},40695:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(59312),o=n(24246),i=n(56975);function a(e){return(0,o.jsx)("div",(0,r.pi)({className:"zent-loading-mask","data-zv":"10.0.10"},{children:(0,o.jsx)(i.Z,(0,r.pi)({},e),void 0)}),void 0)}},14322:(e,t,n)=>{"use strict";n.d(t,{w:()=>c});var r=n(24246),o=n(27378),i=n(27468),a=n(80186),l=n(17127),s={passive:!0},c=function(e){var t=e.disableThrottle,n=void 0!==t&&t,c=e.onResize,u=(0,o.useRef)(null),p=(0,o.useRef)(c);p.current=c;var d=(0,o.useCallback)((function(e){var t=(0,i.ZP)();u.current||(u.current=t);var n=u.current,r={deltaX:t.width-n.width,deltaY:t.height-n.height};0===r.deltaX&&0===r.deltaY||(p.current(e,r),u.current=t)}),[]),v=(0,l.BN)(d,n);return(0,o.useEffect)((function(){return u.current=(0,i.ZP)(),v.cancel}),[v]),(0,r.jsx)(a.ZP,{eventName:"resize",listener:v,options:s},void 0)}},55978:(e,t,n)=>{"use strict";function r(e){for(var t=[],n=1;nr})},1535:(e,t,n)=>{"use strict";function r(e){return"string"==typeof e||"number"==typeof e?{width:e}:{}}n.d(t,{Z:()=>r})},86446:(e,t,n)=>{"use strict";n.d(t,{h:()=>m});var r=n(59312),o=n(24246),i=n(27378),a=n(49744),l=n(19185);function s(e){return(0,l.isElement)(e)&&"string"==typeof e.type}function c(e){return e.viewportBottom-e.viewportTop==0?3:e.viewportTop<=e.waypointTop&&e.waypointTop<=e.viewportBottom||e.viewportTop<=e.waypointBottom&&e.waypointBottom<=e.viewportBottom||e.waypointTop<=e.viewportTop&&e.viewportBottom<=e.waypointBottom?1:e.viewportBottom needs a DOM element to compute boundaries. The child you passed is neither a DOM element (e.g.
) nor does it use the innerRef prop.\n")}(e.props.children,e.refElement.current),e.scrollableAncestor=e.findScrollableAncestor(),e.scrollEventListenerUnsubscribe=(0,a.Oo)(e.scrollableAncestor,"scroll",e.handleScroll,{passive:!0}),e.resizeEventListenerUnsubscribe=(0,a.Oo)(window,"resize",e.handleScroll,{passive:!0}),e.handleScroll(null)})))},t.prototype.componentDidUpdate=function(){var e=this;u.Z&&this.scrollableAncestor&&(this.cancelOnNextTick||(this.cancelOnNextTick=(0,p.Z)((function(){e.cancelOnNextTick=null,e.handleScroll(null)}))))},t.prototype.componentWillUnmount=function(){var e,t,n;u.Z&&(null===(e=this.scrollEventListenerUnsubscribe)||void 0===e||e.call(this),null===(t=this.resizeEventListenerUnsubscribe)||void 0===t||t.call(this),null===(n=this.cancelOnNextTick)||void 0===n||n.cancel())},t.prototype.findScrollableAncestor=function(){var e=this.props,t=e.horizontal,n=e.scrollableAncestor;if(n)return n;for(var r=this.refElement.current;r.parentNode;){if((r=r.parentNode)===document.body)return window;var o=getComputedStyle(r),i=(t?o.getPropertyValue("overflow-x"):o.getPropertyValue("overflow-y"))||o.getPropertyValue("overflow");if("auto"===i||"scroll"===i)return r}return window},t.prototype.getBounds=function(){var e,t,n=this.props.horizontal,r=this.refElement.current.getBoundingClientRect(),o=r.left,i=r.top,a=r.right,l=r.bottom,s=n?o:i,c=n?a:l;if(this.scrollableAncestor===window)e=n?window.innerWidth:window.innerHeight,t=0;else{var u=this.scrollableAncestor.getBoundingClientRect();e=n?u.width:u.height,t=n?u.left:u.top}return{waypointTop:s,waypointBottom:c,viewportTop:t+this.getOffset("top",e),viewportBottom:t+e-this.getOffset("bottom",e)}},t.prototype.getOffset=function(e,t){var n,r,o=this.props.horizontal,i=e+"Offset",a="top"===e?"border"+(o?"Left":"Top")+"Width":"border"+(o?"Right":"Bottom")+"Width",l=this.props[i];if("auto"!==l)return function(e,t){var n=function(e){var t;if(t="number"==typeof e?e:parseFloat(e),!Number.isNaN(t)&&Number.isFinite(t))return t}(e);if("number"==typeof n)return n;if("string"==typeof e){var r=function(e){if("%"===e.slice(-1))return parseFloat(e.slice(0,-1))/100}(e);if("number"==typeof r)return r*t}}(l,t);if(this.scrollableAncestor===window){var s=getComputedStyle(document.documentElement),c=function(){return d(s.fontSize)};return null!==(n=v(s[a],c,c))&&void 0!==n?n:0}var u=getComputedStyle(this.scrollableAncestor);return c=function(){return d(u.fontSize)},null!==(r=v(u[a],c,(function(){return d(getComputedStyle(document.documentElement).fontSize)})))&&void 0!==r?r:0},t.prototype.render=function(){var e=this,t=this.props.children;if(!t)return(0,o.jsx)("span",{ref:this.refElement,style:{fontSize:0},className:"zent-waypoint-marker","data-zv":"10.0.10"},void 0);var n=i.Children.only(t);return s(n)||(0,l.isForwardRef)(n)?(0,i.cloneElement)(n,{ref:function(t){e.refElement.current=t;var r=n.ref;r&&("function"==typeof r?r(t):r.current=t)}}):(0,i.cloneElement)(n,{innerRef:this.refElement})},t.defaultProps={topOffset:0,bottomOffset:0,horizontal:!1,fireOnRapidScroll:!0},t}(i.PureComponent)}}]); \ No newline at end of file diff --git a/5166-be7cb4221d5717d0d79b.js b/5166-be7cb4221d5717d0d79b.js deleted file mode 100644 index 270cc9628..000000000 --- a/5166-be7cb4221d5717d0d79b.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5166,6298],{63919:(e,t,n)=>{"use strict";n.d(t,{I:()=>U});var r=n(59312),o=n(24246),i=n(60042),a=n.n(i),l=n(27378),s=n(33806),c=n(52074),u=n(27036),p=n(68150),d=n(62593),v=n(82049).Z,h=n(20840);function f(e){return(0,o.jsx)("span",(0,r.pi)({className:"zent-cascader-v2__menu-item-label","data-zv":"10.0.9"},{children:e.label}),void 0)}function g(e){return e.label}var m=(0,s.ZP.withPopover)(function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.closePopup=function(){var e;return null===(e=t.props.popover)||void 0===e?void 0:e.close()},t}return(0,r.ZT)(t,e),t.prototype.render=function(){return(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2__popup-inner zent-cascader-v2__popup-inner-menu","data-zv":"10.0.9"},{children:this.renderPanels()}),void 0)},t.prototype.getMenuItemIcon=function(e,t,n){var r=this.props.loading;if(e.loadChildrenOnExpand){var i=(0,d.Fd)(e);if(-1!==r.indexOf(i)&&t)return(0,o.jsx)("i",{className:"zent-cascader-v2__menu-item-loading zenticon","data-zv":"10.0.9"},void 0)}var a=e.children&&e.children.length>0;return a||e.loadChildrenOnExpand?(0,o.jsx)(u.Z,{className:"zent-cascader-v2__menu-item-icon",type:"right"},void 0):!a&&t&&n?(0,o.jsx)(u.Z,{className:"zent-cascader-v2__menu-item-icon",type:"check"},void 0):null},t.prototype.handleClickOption=function(e,t,n){var r=this.props,o=r.onOptionClick,i=r.multiple,a=r.multipleType,l=r.onOptionToggle;o(e,t),i&&"normal"===a&&e.children&&0===e.children.length&&l(e,!("on"===n))},t.prototype.renderCascaderItems=function(e,t,n){var i=this,l=this.props.i18n;if(!e||0===(null==e?void 0:e.length))return(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2__menu-empty","data-zv":"10.0.9"},{children:l.empty}),"menu-empty");var s=this.props,c=s.value,u=s.onOptionHover,f=s.expandTrigger,g=s.scrollLoad,m=s.loadChildrenOnScroll,y=s.scrollable,b=s.multiple,C=s.multipleType,x=s.selectionMap,w=s.renderItemContent,z=s.getItemTooltip,P=s.renderList,k=function(e,n){var l;b&&(l=x.get((0,d.Fd)(e)));var s=b?"on"===l||"partial"===l:e.value===c[t-1],v=a()("zent-cascader-v2__menu-item",{"zent-cascader-v2__menu-item--active":s,"zent-cascader-v2__menu-item--disabled":e.disabled,"zent-cascader-v2__menu-item--multiple":b,"zent-cascader-v2__menu-item--multiple--checkbox":b&&"checkbox"===C,"zent-cascader-v2__menu-item--multiple--normal":b&&"normal"===C,"zent-cascader-v2__menu-item--leaf":0===e.children.length&&!e.loadChildrenOnExpand}),h=b&&"checkbox"!==C;return(0,o.jsxs)("div",(0,r.pi)({className:v,title:z(e),onClick:e.disabled?void 0:function(){return i.handleClickOption(e,i.closePopup,l)},onMouseEnter:e.disabled||"hover"!==f?void 0:function(){return u(e)},style:n,"data-zv":"10.0.9"},{children:[b&&"checkbox"===C&&(0,o.jsx)(p.ZP,{value:e.value,onChange:function(t){return i.props.onOptionToggle(e,t.target.checked)},checked:"on"===l,indeterminate:"partial"===l,disabled:e.disabled},void 0),w(e),i.getMenuItemIcon(e,s,h)]}),e.value)},T="menu-"+c.slice(0,t-1).join("-");if("function"==typeof P)return(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2__menu","data-zv":"10.0.9"},{children:P(e,k)}),T);var S=e.map((function(e){return k(e)})),j=null===n?m:n.loadChildrenOnScroll;return(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2__menu","data-zv":"10.0.9"},{children:y&&j?(0,o.jsx)(v,(0,r.pi)({className:"zent-cascader-v2__menu-scroller",hasMore:j,loader:(0,o.jsx)(h.Z,{iconSize:18,loading:!0,colorPreset:"grey",icon:"circle",iconText:l.loading,textPosition:"right",className:"zent-cascader-v2__menu-scroller-loading"},void 0),loadMore:function(){return g(n)},skipLoadOnMount:!0},{children:S}),void 0):S}),T)},t.prototype.renderPanels=function(){var e=[],t=this.props.value,n=this.props.options,r=1;if(e.push(this.renderCascaderItems(n,r,null)),(null==t?void 0:t.length)>0&&(null==n?void 0:n.length)>0)for(var o=function(o){r++;var a=n.find((function(e){return e.value===t[o]}));(n=(0,d.El)(n,t[o])).length>0&&e.push(i.renderCascaderItems(n,r,a))},i=this,a=0;a0&&(0,o.jsx)(N.Z,(0,r.pi)({trigger:"hover",position:"auto-top-center",cushion:15,content:(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2-tag-collapsed-content","data-zv":"10.0.9"},{children:(0,o.jsx)("div",(0,r.pi)({"data-zv":"10.0.9"},{children:(0,o.jsx)("span",(0,r.pi)({"data-zv":"10.0.9"},{children:d.map((function(e){return(0,y.kz)(e)})).join("、")}),void 0)}),void 0)}),void 0)},{children:(t=d.length,(0,o.jsxs)("span",(0,r.pi)({className:"zent-cascader-v2-tag-collapsed-trigger","data-zv":"10.0.9"},{children:["+",t]}),void 0))}),void 0)]},void 0)},M=n(35061),L=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.searchInputRef=(0,l.createRef)(),t.onKeywordChange=function(e){t.props.onKeywordChange(e.target.value)},t}return(0,r.ZT)(t,e),t.prototype.focus=function(){var e;null===(e=this.searchInputRef.current)||void 0===e||e.focus()},t.prototype.renderTagsContent=function(){var e=this.props,t=e.selectedPaths,n=e.renderValue,i=e.onRemove,a=e.selectionMap,l=e.simplifyPaths,s=e.maxLine,c=e.lineHeight,u=(0,o.jsx)(V,{list:t,selectionMap:a,simplifyPaths:l,renderValue:n,collapse:1===s,onRemove:i},void 0),p={};return s>1?(p.maxHeight=s*c+"px",p.overflowY="auto",(0,o.jsx)("div",(0,r.pi)({style:p,className:"zent-cascader-v2-tag__list","data-zv":"10.0.9"},{children:u}),void 0)):u},t.prototype.render=function(){var e=this.props,t=e.className,n=e.visible,i=e.clearable,l=e.selectedPaths,s=e.keyword,c=e.disabled,u=e.i18n,p=e.searchable,d=e.placeholder,v=e.onClick,h=e.onClear,f=e.onKeywordChange,g=e.renderValue,m=e.renderTags,y=e.onRemove,b=e.maxLine,C=l.length>0,x=n&&p;return(0,o.jsxs)(M.m,(0,r.pi)({placeholder:d,disabled:c,className:a()(t,"zent-cascader-v2--multiple",{"zent-cascader-v2--multiple--collapsed":1===b}),clearable:i,visible:n,onClear:h,selectedPaths:l,keyword:s,onKeywordChange:f,onClick:v,i18n:u,renderValue:g,searchable:p,showLabels:!C&&!x},{children:[C&&("function"==typeof m?m({list:l,renderValue:g,onRemove:y}):this.renderTagsContent()),x&&(0,o.jsx)(j.M,{placeholder:u.searchPlaceholder,value:s,onChange:this.onKeywordChange,ref:this.searchInputRef},void 0)]}),void 0)},t.defaultProps={selectedPaths:[]},t}(l.Component),E=n(31092),I=n(42690),R=n(41925);function B(e){return e.multiple}function A(e){return!e.multiple}var F=function(e,t){return t.some((function(t){return t.label.toLowerCase().includes(e.toLowerCase())}))},D=function(e,t){return t.map((function(n,i){return(0,o.jsxs)("span",(0,r.pi)({"data-zv":"10.0.9"},{children:[(0,o.jsx)(P,{searchWords:[e],textToHighlight:n.label,highlightClassName:"zent-cascader-v2--highlight",autoEscape:!0},void 0),i!==t.length-1&&" / "]}),(0,y.aM)(t.slice(0,i+1)))}))};function K(e){var t=[];return B(e)&&e.value.length>0&&(t=e.value[0]),A(e)&&(t=e.value),t}function H(e,t){return(B(e)?e.value.map((function(e){return t.getPathByValue(e)})):[t.getPathByValue(e.value)]).filter((function(e){return 0!==e.length}))}function Y(e,t,n){var r=-1!==e.indexOf(t);return n&&!r?e.concat(t):!n&&r?e.filter((function(e){return e!==t})):e}function W(e){return"visible"in e&&"onVisibleChange"in e&&"function"==typeof e.onVisibleChange}function $(e,t){return W(e)?!!e.visible:t.visible}var U=function(e){function t(t){var n=e.call(this,t)||this;n.tagsTriggerRef=(0,l.createRef)(),n.getSelectionMap=(0,R.Z)((function(e){return n.getSelectionMapImpl(e)})),n.getSimplifySelectionMap=(0,R.Z)((function(e,t){return void 0===t&&(t="excludeDisabled"),n.getSelectionMapImpl(e,t)})),n.simplify=function(e,t){return void 0===t&&(t="excludeDisabled"),_(e,n.getSelectionMapImpl(e,t))},n.getSearchResultList=(0,R.Z)((function(e,t){return t.map((function(t){var n=t.map((function(e){return e.value}));return e.getPathByValue(n)}))})),n.onVisibleChange=function(e){var t=n.state.keyword;n.disabled||(n.setVisible(e),n.setState({keyword:!1===e?"":t}))},n.onKeywordChange=function(e){n.setState({keyword:e},n.filterOptions)},n.filterOptions=(0,z.Z)((function(){var e=n.state,t=e.keyword,r=e.options;if(t){var o=n.props,i=o.async,a=o.asyncFilter,l=o.filter,s=o.limit;if(i)n.setState({isSearching:!0}),a(t,s).then((function(e){n.setSearchState(e)})).finally((function(){n.setState({isSearching:!1})}));else{var c=r.reducePath((function(e,t){return e.push(t),e}),[]).filter((function(e){return l(t,e)}));n.setSearchState(c)}}}),200),n.setSearchState=function(e){var t=n.props.limit,r=e.length;n.setState({searchResultList:t<=r?e:e.slice(0,t)})},n.onMenuOptionHover=function(e){n.onMenuOptionSelect(e,I.Z,"hover")},n.onMenuOptionClick=function(e,t){n.onMenuOptionSelect(e,t,"click")},n.onMenuOptionSelect=function(e,t,r){var o=n.props,i=o.loadOptions,a=o.multiple,l=n.state.loading,s=e.loadChildrenOnExpand&&i,c=(0,y.$4)(e),u={activeValue:c.map((function(e){return e.value})),keyword:""},p=e.children&&e.children.length>0,v=!e.loadChildrenOnExpand&&!p&&!a&&"click"===r,h=(0,d.Fd)(e);s&&(u.loading=Y(l,h,!0)),n.setState(u,(function(){if(s&&i(c,{action:b.N.LoadChildren}).finally((function(){n.setState((function(e){return{loading:Y(e.loading,h,!1)}}))})),A(n.props)){var e=n.props.changeOnSelect;(v||void 0!==e&&e&&"click"===r)&&n.props.onChange(c.map((function(e){return e.value})),c,{action:b.f.Change})}v&&t()}))},n.toggleMenuOption=function(e,t){if(B(n.props)){var r=n.props.onChange,o=n.state,i=o.options,a=o.selectedPaths,l=i.getPaths(e,(function(e){return e.every((function(e){return!e.disabled}))})),s=t?(0,y.G0)(a,l):(0,y.e5)(a,l),c=(s=i.sort(s)).map((function(e){return e.map((function(e){return e.value}))}));n.setState({selectedPaths:s},(function(){var e;r(c,s,{action:b.f.Change,simplify:n.simplify}),n.props.searchable&&(null===(e=n.tagsTriggerRef.current)||void 0===e||e.focus())}))}},n.onSearchOptionClick=function(e,t){var r=e.map((function(e){return e.value}));n.setState({activeValue:r},(function(){n.onMenuOptionClick(e[e.length-1],t)}))},n.toggleSearchOption=function(e,t){n.toggleMenuOption(e[e.length-1],t)},n.onClear=function(){n.setVisible(!1),n.setState({activeValue:[],selectedPaths:[]},(function(){A(n.props)?n.props.onChange([],[],{action:b.f.Clear}):n.props.onChange([],[],{action:b.f.Clear,simplify:n.simplify})}))},n.scrollLoad=function(e){var t=n.props.loadOptions;return!1===(e?e.loadChildrenOnScroll:n.props.loadChildrenOnScroll)?Promise.resolve():t((0,y.$4)(e),{action:b.N.Scroll})},n.onRemove=function(e){n.disabled||n.toggleMenuOption(e,!1)},n.renderPopoverContent=function(e){var t=n.props,r=t.expandTrigger,i=t.scrollable,a=t.multiple,l=t.searchable,s=t.highlight,c=t.loadChildrenOnScroll,u=t.renderItemContent,p=t.getItemTooltip,d=t.renderList,v=t.multipleType,h=n.state,f=h.options,g=h.activeValue,y=h.keyword,b=h.isSearching,C=h.searchResultList,x=h.loading,z=h.selectedPaths,P=n.getVisible(),k=n.getSelectionMap(z);return l&&P&&y?(0,o.jsx)(w,{i18n:e,multiple:a,isSearching:b,searchList:n.getSearchResultList(f,C),keyword:y,highlight:s,onOptionToggle:n.toggleSearchOption,onOptionClick:n.onSearchOptionClick,selectionMap:k},void 0):(0,o.jsx)(m,{value:g,options:f.getTrees(),expandTrigger:r,i18n:e,scrollable:i,loadChildrenOnScroll:c,multiple:a,multipleType:v,onOptionClick:n.onMenuOptionClick,onOptionHover:n.onMenuOptionHover,scrollLoad:n.scrollLoad,onOptionToggle:n.toggleMenuOption,loading:x,selectionMap:k,renderItemContent:u,getItemTooltip:p,renderList:d},void 0)};var r=new Z.cp(t.options);return n.state={options:r,activeValue:K(t),visible:!1,prevProps:t,selectedPaths:H(t,r),keyword:"",isSearching:!1,searchResultList:[],loading:[]},n}return(0,r.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){var n=t.prevProps,r={prevProps:e},o=t.options,i=!1;return n.options!==e.options&&(o=new Z.cp(e.options),r.options=o,i=!0),!i&&n.multiple===e.multiple&&function(e,t){if(S(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(var o=0;o0?n.set(o,"on"):s.off===c?n.set(o,"off"):n.set(o,"partial")}return n}),new Map)},t.prototype.render=function(){var e=this,t=this.props,n=t.className,i=t.popupClassName,l=t.placeholder,u=t.searchable,p=t.clearable,d=t.renderValue,v=t.maxLine,h=t.lineHeight,f=this.state,g=f.selectedPaths,m=f.keyword,y=this.getVisible(),b=g.length>0;return(0,o.jsx)(c.Z,(0,r.pi)({componentName:"Cascader"},{children:function(t){var c,f={placeholder:l,disabled:e.disabled,className:n,clearable:p,visible:y,keyword:m,searchable:u,i18n:t,renderValue:d,maxLine:v,lineHeight:h,onClear:e.onClear,onKeywordChange:e.onKeywordChange};return(0,o.jsxs)(s.ZP,(0,r.pi)({className:a()("zent-cascader-v2__popup",i),position:s.ZP.Position.CascaderAutoBottomLeft,visible:y,onVisibleChange:e.onVisibleChange,cushion:4},{children:[(0,o.jsx)(s.ZP.Trigger.Click,(0,r.pi)({toggle:!u},{children:B(e.props)?(0,o.jsx)(L,(0,r.pi)({},f,{simplifyPaths:null!==(c=e.props.simplifySelection)&&void 0!==c&&c,selectedPaths:g,selectionMap:e.getSimplifySelectionMap(g,e.props.simplifySelectionMode),onRemove:e.onRemove,renderTags:e.props.renderTags,ref:e.tagsTriggerRef}),void 0):(0,o.jsx)(E.B,(0,r.pi)({},f,{selectedPath:b?g[0]:[]}),void 0)}),void 0),(0,o.jsx)(s.ZP.Content,{children:e.renderPopoverContent(t)},void 0)]}),void 0)}}),void 0)},t.defaultProps={value:[],options:[],clearable:!1,multiple:!1,multipleType:"checkbox",maxLine:null,lineHeight:22,expandTrigger:"click",scrollable:!1,loadChildrenOnScroll:!1,searchable:!1,async:!1,limit:50,renderValue:y.kz,filter:F,highlight:D,simplifySelectionMode:"excludeDisabled"},t.contextType=k.d,t}(l.Component)},34365:(e,t,n)=>{"use strict";n.d(t,{c:()=>z});var r=n(59312),o=n(24246),i=n(27378),a=n(60042),l=n.n(a),s=n(33806),c=n(52074),u=n(1348),p=n(33420).Z,d=n(62593),v=p.TabPanel;function h(e){return e.label}function f(e){return e.label}var g=(0,s.ZP.withPopover)(function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.closePopup=function(){var e;return null===(e=t.props.popover)||void 0===e?void 0:e.close()},t}return(0,r.ZT)(t,e),t.prototype.renderCascaderItems=function(e,t){var n=this,i=this.props.value[t-1],a=function(e,t){var a=e.value,s=l()("zent-cascader-v2__list-link",{"zent-cascader-v2__list-link--active":a===i});return(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2__list-item",style:t,"data-zv":"10.0.9"},{children:(0,o.jsx)("span",(0,r.pi)({className:s,title:n.props.getItemTooltip(e),onClick:function(){return n.props.onClick(e,n.closePopup)},"data-zv":"10.0.9"},{children:n.props.renderItemContent(e)}),void 0)}),a)},s=this.props.renderList;return(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2__list","data-zv":"10.0.9"},{children:"function"==typeof s?s(e,a):e.map((function(e){return a(e)}))}),void 0)},t.prototype.renderTabTitle=function(e,t){return t===this.props.loadingLevel?(0,o.jsxs)("div",(0,r.pi)({className:"zent-cascader-v2__loading","data-zv":"10.0.9"},{children:[(0,o.jsx)("div",(0,r.pi)({className:"zent-cascader-v2__loading-label","data-zv":"10.0.9"},{children:e}),void 0),(0,o.jsx)("div",{className:"zent-cascader-v2__loading-icon","data-zv":"10.0.9"},void 0)]}),void 0):e},t.prototype.renderPanels=function(e){for(var t,n,i=[],a=this.props,l=a.title,s=a.value,c=s.length+1,u=function(a,c){if(c&&c.length>0){var u=s[a],d=c.find((function(e){return e.value===u})),h=null!==(n=null!==(t=null==d?void 0:d.label)&&void 0!==t?t:l[a])&&void 0!==n?n:e.title,f=a+1;i.push((0,o.jsx)(v,(0,r.pi)({tab:p.renderTabTitle(h,f),id:f},{children:p.renderCascaderItems(c,f)}),"tab-"+s.slice(0,a).join("-")))}},p=this,h=0,f=this.props.options;h0,u=!e.loadChildrenOnExpand&&!c,p=u||i,v=(0,d.YY)(e),h=v+1;a||u||(s.activeTab=h),n.setState(s,(function(){a&&(n.setState({loadingLevel:v}),o(l).then((function(){n.setState({activeTab:h,loadingLevel:null})}),(function(){n.setState({loadingLevel:null})}))),p&&n.props.onChange(l.map((function(e){return e.value})),l,{action:m.f.Change}),u&&t()}))},n.onClear=function(){n.setVisible(!1),n.setState({activeValue:[]},(function(){n.props.onChange([],[],{action:m.f.Clear})}))};var r=t.value;return n.state={options:new C.cp(t.options),activeValue:r,activeTab:r.length||1,visible:!1,prevProps:t,loadingLevel:null},n}return(0,r.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){var n={prevProps:e},r=t.prevProps;if(!w(e,t)){var o=e.value;n.activeValue=o,n.activeTab=o.length||1}return e.options!==r.options&&(n.options=new C.cp(e.options)),n},Object.defineProperty(t.prototype,"disabled",{get:function(){var e;return null!==(e=this.props.disabled)&&void 0!==e?e:this.context.value},enumerable:!1,configurable:!0}),t.prototype.isControlled=function(){return x(this.props)},t.prototype.getVisible=function(){return w(this.props,this.state)},t.prototype.setVisible=function(e){this.isControlled()?this.props.onVisibleChange(e):this.setState({visible:e})},t.prototype.render=function(){var e=this,t=this.props,n=t.className,i=t.popupClassName,a=t.placeholder,u=t.renderValue,p=t.clearable,d=t.value,v=t.title,h=t.renderItemContent,f=t.getItemTooltip,m=t.renderList,y=this.state,C=y.activeValue,x=y.loadingLevel,w=y.activeTab,z=y.options,P=this.getVisible(),k=z.getPathByValue(d);return(0,o.jsx)(c.Z,(0,r.pi)({componentName:"Cascader"},{children:function(t){return(0,o.jsxs)(s.ZP,(0,r.pi)({className:l()("zent-cascader-v2__popup",i),position:s.ZP.Position.CascaderAutoBottomLeft,visible:P,onVisibleChange:e.onVisibleChange,cushion:4},{children:[(0,o.jsx)(s.ZP.Trigger.Click,(0,r.pi)({toggle:!0},{children:(0,o.jsx)(b.B,{className:n,placeholder:a,renderValue:u,disabled:e.disabled,selectedPath:k,visible:P,clearable:p,i18n:t,onClear:e.onClear},void 0)}),void 0),(0,o.jsx)(s.ZP.Content,{children:(0,o.jsx)(g,{i18n:t,value:C,loadingLevel:x,onClick:e.onClick,activeId:w,onTabsChange:e.onTabsChange,title:v,options:z.getTrees(),renderItemContent:h,getItemTooltip:f,renderList:m},void 0)},void 0)]}),void 0)}}),void 0)},t.defaultProps={value:[],options:[],changeOnSelect:!1,renderValue:y.kz,clearable:!1,title:[]},t.contextType=u.d,t}(i.Component)},76187:(e,t,n)=>{"use strict";n.d(t,{d9:()=>a,fv:()=>l,cp:()=>s});var r=n(59312),o=n(74194),i=n(62593);function a(e,t){for(var n=e.map((function(e){return{node:t(e,null),children:e.children}})),r=n.map((function(e){return e.node})),o=function(){var e=n.pop();if(!e)return"continue";var r=e.node,o=e.children;null==o||o.forEach((function(e){var o=t(e,r);n.push({node:o,children:e.children}),r.children.push(o)}))};n.length>0;)o();return r}function l(e,t,n){for(var r=[{parent:null,children:e,node:(t=t.slice()).shift()}],o=function(){var e=r.pop();if(!e)return"continue";var o=e.children,i=e.node;if(!i)return"break";var a=i.value,l=o.find((function(e){return e.value===a}));l||(l=n(i,e.parent),o.push(l)),r.push({parent:l,children:l.children,node:t.shift()})};r.length>0&&"break"!==o(););return e}var s=function(){function e(e){this.trees=this.build(e)}return e.prototype.build=function(e){return a(e,p)},e.prototype.reducePath=function(e,t){for(var n=c(this.trees),r=[],o=t,a=!1,l=function(){a=!0};n.length>0;){var s=n.pop();if(s){for(var p=(0,i.YY)(s);p<=r.length;)r.pop();if(r.push(s),s.children.length>0)u(n,s.children);else if(o=e(o,r.slice(),l),a)break}}return o},e.prototype.reduceNode=function(e,t){for(var n=c(this.trees),r=t,o=!1,i=function(){o=!0};n.length>0;){var a=n.pop();if(a){if(r=e(r,a,i),o)break;a.children.length>0&&u(n,a.children)}}return r},e.prototype.reduceNodeDfs=function(e,t){for(var n=this.trees.map((function(e){return{node:e,phase:"recurse"}})),r=t,o=!1,i=function(){o=!0};n.length>0;){var a=n.pop();if(a){var l=a.node,s=a.phase;if("recurse"===s)n.push({node:l,phase:"visit"}),l.children.forEach((function(e){n.push({node:e,phase:"recurse"})}));else if("visit"===s&&(r=e(r,l,i),o))break}}return r},e.prototype.sort=function(e){return this.reducePath((function(t,n){return e.some((function(e){return(0,o.h0)(e,n)}))&&t.push(n),t}),[])},e.prototype.clone=function(){return new e(this.trees)},e.prototype.insertPath=function(e){return l(this.trees,e,p),this},e.prototype.getTrees=function(){return this.trees},e.prototype.getPathByValue=function(e){return this.reducePath((function(t,n,r){if(e.length>n.length||0===e.length)return t;var o,i=e.length;for(o=0;on&&o[n].value===r&&(!t||t(o))&&e.push(o),e}),[])},e}();function c(e){var t=e.slice();return t.reverse(),t}function u(e,t){for(var n=t.length-1;n>=0;n--)e.push(t[n]);return e}function p(e,t){return(0,r.pi)((0,r.pi)({},e),{parent:t,children:[]})}},62593:(e,t,n)=>{"use strict";function r(e,t){if(e&&e.length>0){var n=e.find((function(e){return e.value===t}));if(n&&Array.isArray(n.children))return n.children}return null}function o(e){for(var t=e,n=[];t;)n.unshift(t.value),t=t.parent;return n.map((function(e,t){return t+"$"+e})).join("@")}function i(e){for(var t=1,n=e.parent;n;)n=n.parent,t++;return t}n.d(t,{El:()=>r,Fd:()=>o,YY:()=>i})},74194:(e,t,n)=>{"use strict";n.d(t,{h0:()=>o,G0:()=>i,e5:()=>a,$4:()=>l,kz:()=>s,aM:()=>c});var r=n(59312);function o(e,t){if(e.length!==t.length)return!1;for(var n=0;n{"use strict";n.d(t,{m:()=>s});var r=n(59312),o=n(24246),i=n(60042),a=n.n(i),l=n(27036),s=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={active:!1},t.onClearClick=function(e){e.preventDefault(),e.stopPropagation(),t.props.keyword?t.props.onKeywordChange(""):(t.setState({active:!1}),t.props.onClear())},t.onMouseEnter=function(){t.setState({active:!0})},t.onMouseLeave=function(){t.setState({active:!1})},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e,t=this.props,n=t.className,i=t.visible,s=t.clearable,c=t.selectedPaths,u=t.keyword,p=t.disabled,d=t.children,v=t.onClick,h=t.renderValue,f=t.searchable,g=t.i18n,m=t.placeholder,y=t.showLabels,b=this.state.active,C=c.length>0,x=a()("zent-cascader-v2",n,{"zent-cascader-v2--disabled":p,"zent-cascader-v2--active":i||b,"zent-cascader-v2--visible":i}),w=a()("zent-cascader-v2--text",{"zent-cascader-v2--placeholder":!C});e=C?h(c[0]):f?m||g.searchPlaceholder:m||g.placeholder;var z=s&&(i||b)&&(C||u)&&!p;return(0,o.jsxs)("div",(0,r.pi)({className:x,onClick:v,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,"data-zv":"10.0.9"},{children:[d,y&&(0,o.jsx)("span",(0,r.pi)({className:w,"data-zv":"10.0.9"},{children:e}),void 0),z?(0,o.jsx)(l.Z,{type:"close-circle",onClick:this.onClearClick},void 0):(0,o.jsx)(l.Z,{type:"down"},void 0)]}),void 0)},t}(n(27378).Component)},64073:(e,t,n)=>{"use strict";n.d(t,{M:()=>l});var r=n(24246),o=n(27378),i=n(79264),a=n(17127),l=(0,o.forwardRef)((function(e,t){var n=(0,o.useRef)(null),l=e.placeholder,s=e.value,c=e.onChange;return(0,o.useImperativeHandle)(t,(function(){return{focus:function(){(0,a.tA)((function(){var e;null===(e=n.current)||void 0===e||e.focus({preventScroll:!0})}))}}}),[n]),(0,i.L)((function(){n.current.focus({preventScroll:!0})}),[]),(0,r.jsx)("input",{ref:n,placeholder:l,className:"zent-cascader-v2--search",value:s,onChange:c,"data-zv":"10.0.9"},void 0)}));l.displayName="SearchInput"},31092:(e,t,n)=>{"use strict";n.d(t,{B:()=>c});var r=n(59312),o=n(24246),i=n(27378),a=n(35061),l=n(74194),s=n(64073),c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onKeywordChange=function(e){t.props.onKeywordChange(e.target.value)},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.visible,i=e.clearable,c=e.selectedPath,u=e.keyword,p=e.disabled,d=e.i18n,v=e.searchable,h=e.placeholder,f=e.onClick,g=e.onClear,m=e.onKeywordChange,y=e.renderValue,b=n&&v,C=c.length>0,x=C?(0,l.kz)(c):d.searchPlaceholder,w=C?[c]:[];return(0,o.jsx)(a.m,(0,r.pi)({disabled:p,className:t,clearable:i,visible:n,onClear:g,selectedPaths:w,keyword:u,onKeywordChange:m,onClick:f,i18n:d,renderValue:y,showLabels:!b,placeholder:h,searchable:v},{children:b&&(0,o.jsx)(s.M,{placeholder:x,value:u,onChange:this.onKeywordChange},void 0)}),void 0)},t.defaultProps={selectedPath:[]},t}(i.Component)},56717:(e,t,n)=>{"use strict";var r,o;n.d(t,{f:()=>r,N:()=>o}),function(e){e.Clear="clear",e.Change="change"}(r||(r={})),function(e){e.LoadChildren="loadChildren",e.Scroll="scroll"}(o||(o={}))},33938:(e,t,n)=>{"use strict";n.d(t,{X:()=>d});var r=n(59312),o=n(24246),i=n(60042),a=n.n(i),l=n(27378),s=n(1535),c=n(23130),u=n(1348),p=n(4008);function d(e){var t=(0,l.useContext)(u.d),n=(0,l.useContext)(c.Z),i=(0,l.useRef)(e);i.current=e;var p,d=n&&n.onChange,v=(0,l.useCallback)((function(e){var t=i.current,n=t.value,o=t.onChange;if(d)d(n);else if(o){var a=Object.create(e);a.target=(0,r.pi)((0,r.pi)({},i.current),{type:"checkbox",checked:e.target.checked}),o(a)}}),[d]),h=(e.checked,e.className),f=e.style,g=(e.disabled,e.readOnly,e.children),m=e.indeterminate,y=e.width,b=(e.value,e.labelStyle),C=e.onMouseEnter,x=e.onMouseLeave,w=(0,r._T)(e,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),z=function(e,t){return"boolean"==typeof t.readOnly?t.readOnly:!!e&&e.readOnly}(n,e),P=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,T=n.isValueEqual;p=-1!==k.findIndex((function(t){return T(t,e.value)}))}else p=!!e.checked;return(0,o.jsxs)("label",(0,r.pi)({className:a()("zent-checkbox-wrap",h,{"zent-checkbox-checked":!!p,"zent-checkbox-disabled":P||z,"zent-checkbox-indeterminate":m}),style:(0,r.pi)((0,r.pi)({},f),(0,s.Z)(y)),onMouseEnter:C,onMouseLeave:x,"data-zv":"10.0.9"},{children:[(0,o.jsxs)("span",(0,r.pi)({className:"zent-checkbox","data-zv":"10.0.9"},{children:[(0,o.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.9"},void 0),(0,o.jsx)("input",(0,r.pi)({},w,{type:"checkbox",checked:p&&!m,disabled:P,readOnly:z,onChange:v,"data-zv":"10.0.9"}),void 0)]}),void 0),null!=g&&!0!==g&&!1!==g?(0,o.jsx)("div",(0,r.pi)({className:"zent-checkbox-label",style:b,"data-zv":"10.0.9"},{children:g}),void 0):null]}),void 0)}d.Group=p.Z,t.Z=d},4008:(e,t,n)=>{"use strict";n.d(t,{c:()=>d});var r=n(59312),o=n(24246),i=n(27378),a=n(60042),l=n.n(a),s=n(41925),c=n(23130),u=n(1348),p=c.Z.Provider,d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getGroupContext=(0,s.Z)((function(e,n,r,o){return{value:Array.isArray(e)?e:[],disabled:n,readOnly:r,isValueEqual:o,onChange:t.onCheckboxChange}})),t.onCheckboxChange=function(e){var n=t.props,r=n.isValueEqual,o=n.onChange,i=n.value;if(o){var a=i?i.slice():[],l=a.findIndex((function(t){return r(t,e)}));-1!==l?a.splice(l,1):a.push(e),o(a)}},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.style,i=e.children,a=e.value,s=e.disabled,c=void 0===s?this.context.value:s,u=e.readOnly,d=void 0!==u&&u,v=e.isValueEqual,h=l()("zent-checkbox-group",t);return(0,o.jsx)(p,(0,r.pi)({value:this.getGroupContext(a,c,d,v)},{children:(0,o.jsx)("div",(0,r.pi)({className:h,style:n,"data-zv":"10.0.9"},{children:i}),void 0)}),void 0)},t.defaultProps={isValueEqual:Object.is,value:[]},t.contextType=u.d,t}(i.Component);t.Z=d},23130:(e,t,n)=>{"use strict";var r=n(27378);t.Z=(0,r.createContext)(null)},68150:(e,t,n)=>{"use strict";var r=n(33938);t.ZP=r.Z},82049:(e,t,n)=>{"use strict";n.d(t,{S:()=>v});var r=n(59312),o=n(24246),i=n(60042),a=n.n(i),l=n(27378),s=n(50993),c=n(86446),u=n(79352),p=n(43239),d=(0,o.jsx)(s.Z,{height:60,loading:!0,icon:"circle"},void 0),v=(0,l.forwardRef)((function(e,t){var n,i=e.hasMore,s=void 0!==i&&i,v=e.loadMore,h=e.skipLoadOnMount,f=void 0!==h&&h,g=e.useWindow,m=void 0!==g&&g,y=e.loader,b=void 0===y?d:y,C=e.threshold,x=void 0===C?1:C,w=e.className,z=e.children,P=(0,l.useState)(!1),k=P[0],T=P[1],S=(0,p.s)(),j=(0,l.useCallback)((function(){S.current&&T(!1)}),[S]),O=(0,l.useCallback)((function(){"function"==typeof v&&(T(!0),v.length>0?v(j):v().then(j,j))}),[v,j]),N=(0,l.useCallback)((function(e){k||2===e.previousPosition&&O()}),[O,k]);return(0,l.useEffect)((function(){f||O()}),[]),(0,o.jsxs)("div",(0,r.pi)({className:a()("zent-infinite-scroller",w,(n={},n["zent-infinite-scroller-y"]=!m,n)),ref:t,"data-zv":"10.0.9"},{children:[z,s&&u.Z&&(0,o.jsx)(c.h,{scrollableAncestor:m?window:void 0,onEnter:N,bottomOffset:-x},void 0),k&&b]}),void 0)}));v.displayName="InfiniteScroller",t.Z=v},50993:(e,t,n)=>{"use strict";n.d(t,{c:()=>u});var r=n(59312),o=n(24246),i=n(60042),a=n.n(i),l=n(40695),s=n(73326),c=n(72551);function u(e){var t=function(e){var t=(0,c.n)(e,"height"),n=e.children;return n||t?n&&!t?"initial":e.height:160}(e),n=e.loading,i=void 0!==n&&n,u=e.delay,p=void 0===u?0:u,d=e.className,v=e.children,h=e.icon,f=void 0===h?"circle":h,g=e.iconSize,m=e.iconText,y=e.textPosition,b=void 0===y?"bottom":y,C=e.colorPreset,x=void 0===C?"primary":C,w=!!v,z=!(0,s.Z)({loading:i,delay:p})&&i;return z||w?(0,o.jsxs)("div",(0,r.pi)({className:a()("zent-loading","zent-loading--block",d,{"zent-loading--has-children":w}),style:{height:t},"data-zv":"10.0.9"},{children:[v,z&&(0,o.jsx)(l.Z,{icon:f,size:g,text:m,textPosition:b,colorPreset:x},void 0)]}),void 0):null}t.Z=u},40695:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(59312),o=n(24246),i=n(56975);function a(e){return(0,o.jsx)("div",(0,r.pi)({className:"zent-loading-mask","data-zv":"10.0.9"},{children:(0,o.jsx)(i.Z,(0,r.pi)({},e),void 0)}),void 0)}},14322:(e,t,n)=>{"use strict";n.d(t,{w:()=>c});var r=n(24246),o=n(27378),i=n(27468),a=n(80186),l=n(17127),s={passive:!0},c=function(e){var t=e.disableThrottle,n=void 0!==t&&t,c=e.onResize,u=(0,o.useRef)(null),p=(0,o.useRef)(c);p.current=c;var d=(0,o.useCallback)((function(e){var t=(0,i.ZP)();u.current||(u.current=t);var n=u.current,r={deltaX:t.width-n.width,deltaY:t.height-n.height};0===r.deltaX&&0===r.deltaY||(p.current(e,r),u.current=t)}),[]),v=(0,l.BN)(d,n);return(0,o.useEffect)((function(){return u.current=(0,i.ZP)(),v.cancel}),[v]),(0,r.jsx)(a.ZP,{eventName:"resize",listener:v,options:s},void 0)}},55978:(e,t,n)=>{"use strict";function r(e){for(var t=[],n=1;nr})},1535:(e,t,n)=>{"use strict";function r(e){return"string"==typeof e||"number"==typeof e?{width:e}:{}}n.d(t,{Z:()=>r})},86446:(e,t,n)=>{"use strict";n.d(t,{h:()=>m});var r=n(59312),o=n(24246),i=n(27378),a=n(49744),l=n(19185);function s(e){return(0,l.isElement)(e)&&"string"==typeof e.type}function c(e){return e.viewportBottom-e.viewportTop==0?3:e.viewportTop<=e.waypointTop&&e.waypointTop<=e.viewportBottom||e.viewportTop<=e.waypointBottom&&e.waypointBottom<=e.viewportBottom||e.waypointTop<=e.viewportTop&&e.viewportBottom<=e.waypointBottom?1:e.viewportBottom needs a DOM element to compute boundaries. The child you passed is neither a DOM element (e.g.
) nor does it use the innerRef prop.\n")}(e.props.children,e.refElement.current),e.scrollableAncestor=e.findScrollableAncestor(),e.scrollEventListenerUnsubscribe=(0,a.Oo)(e.scrollableAncestor,"scroll",e.handleScroll,{passive:!0}),e.resizeEventListenerUnsubscribe=(0,a.Oo)(window,"resize",e.handleScroll,{passive:!0}),e.handleScroll(null)})))},t.prototype.componentDidUpdate=function(){var e=this;u.Z&&this.scrollableAncestor&&(this.cancelOnNextTick||(this.cancelOnNextTick=(0,p.Z)((function(){e.cancelOnNextTick=null,e.handleScroll(null)}))))},t.prototype.componentWillUnmount=function(){var e,t,n;u.Z&&(null===(e=this.scrollEventListenerUnsubscribe)||void 0===e||e.call(this),null===(t=this.resizeEventListenerUnsubscribe)||void 0===t||t.call(this),null===(n=this.cancelOnNextTick)||void 0===n||n.cancel())},t.prototype.findScrollableAncestor=function(){var e=this.props,t=e.horizontal,n=e.scrollableAncestor;if(n)return n;for(var r=this.refElement.current;r.parentNode;){if((r=r.parentNode)===document.body)return window;var o=getComputedStyle(r),i=(t?o.getPropertyValue("overflow-x"):o.getPropertyValue("overflow-y"))||o.getPropertyValue("overflow");if("auto"===i||"scroll"===i)return r}return window},t.prototype.getBounds=function(){var e,t,n=this.props.horizontal,r=this.refElement.current.getBoundingClientRect(),o=r.left,i=r.top,a=r.right,l=r.bottom,s=n?o:i,c=n?a:l;if(this.scrollableAncestor===window)e=n?window.innerWidth:window.innerHeight,t=0;else{var u=this.scrollableAncestor.getBoundingClientRect();e=n?u.width:u.height,t=n?u.left:u.top}return{waypointTop:s,waypointBottom:c,viewportTop:t+this.getOffset("top",e),viewportBottom:t+e-this.getOffset("bottom",e)}},t.prototype.getOffset=function(e,t){var n,r,o=this.props.horizontal,i=e+"Offset",a="top"===e?"border"+(o?"Left":"Top")+"Width":"border"+(o?"Right":"Bottom")+"Width",l=this.props[i];if("auto"!==l)return function(e,t){var n=function(e){var t;if(t="number"==typeof e?e:parseFloat(e),!Number.isNaN(t)&&Number.isFinite(t))return t}(e);if("number"==typeof n)return n;if("string"==typeof e){var r=function(e){if("%"===e.slice(-1))return parseFloat(e.slice(0,-1))/100}(e);if("number"==typeof r)return r*t}}(l,t);if(this.scrollableAncestor===window){var s=getComputedStyle(document.documentElement),c=function(){return d(s.fontSize)};return null!==(n=v(s[a],c,c))&&void 0!==n?n:0}var u=getComputedStyle(this.scrollableAncestor);return c=function(){return d(u.fontSize)},null!==(r=v(u[a],c,(function(){return d(getComputedStyle(document.documentElement).fontSize)})))&&void 0!==r?r:0},t.prototype.render=function(){var e=this,t=this.props.children;if(!t)return(0,o.jsx)("span",{ref:this.refElement,style:{fontSize:0},className:"zent-waypoint-marker","data-zv":"10.0.9"},void 0);var n=i.Children.only(t);return s(n)||(0,l.isForwardRef)(n)?(0,i.cloneElement)(n,{ref:function(t){e.refElement.current=t;var r=n.ref;r&&("function"==typeof r?r(t):r.current=t)}}):(0,i.cloneElement)(n,{innerRef:this.refElement})},t.defaultProps={topOffset:0,bottomOffset:0,horizontal:!1,fireOnRapidScroll:!0},t}(i.PureComponent)}}]); \ No newline at end of file diff --git a/5217-ad9e7ce9dbf42b38cb49.js b/5217-1343b37f9b50bc649651.js similarity index 87% rename from 5217-ad9e7ce9dbf42b38cb49.js rename to 5217-1343b37f9b50bc649651.js index 01c12913c..3efefed16 100644 --- a/5217-ad9e7ce9dbf42b38cb49.js +++ b/5217-1343b37f9b50bc649651.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5217],{25217:(n,a,t)=>{"use strict";t.r(a),t.d(a,{default:()=>h});var s=t(73450),e=t(27378),o=t(57318),p=t(54630),c=t(24246);function i(n,a){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(n);a&&(s=s.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),t.push.apply(t,s)}return t}function r(n){for(var a=1;a{(0,p.E)({images:n,index:n.indexOf(a.target.src),parentComponent:this,scaleRatio:3})}))}render(){return(0,c.jsx)("div",{className:"image-preview-demo",children:n.map(((n,a)=>(0,c.jsx)("img",{src:n,onClick:this.handlePreview,alt:"",width:"160"},a)))})}}return(0,c.jsx)(a,{})};function u(n){return(0,c.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function d(n){return(0,c.jsx)(u,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,c.jsx)(u,{tag:"style",html:n.style})}function k(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),k(n.parentNode,a);return a}class g extends e.Component{constructor(...n){super(...n),(0,s.Z)(this,"state",{showCode:!1}),(0,s.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,t=a.title,s=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:t||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(u,{tag:"code",html:s,attributes:{className:"language-jsx"}})})]})}}class h extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,k(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:""}),e.createElement(d,{html:'

previewImage

\n

This component is used to preview images.

\n

Guide

\n
    \n
  • It\'s used to zoom thumbnail.
    • \n
  • Next image and previous image can be selected.
    • \n
  • Images can be rotated.
    • \n
\n

Demos

'}),e.createElement(g,{title:"Basic Usage",id:"Demobasic",src:'import { previewImage } from \'zent\';\n\nconst imgArr = [\n \'http://img.yzcdn.cn/public_files/2017/6/30/b0717bad7ad3ebd025e175d624ade39f.png\',\n \'http://img.yzcdn.cn/public_files/2017/6/30/8a0536db89fafaa1269afeaa807a579b.png\',\n \'http://img.yzcdn.cn/public_files/2017/6/30/7fe46674b697a514d9b6e2e155e88f1c.png\',\n \'http://img.yzcdn.cn/public_files/2017/6/30/b7a98d721698fe8dc93689683706db45.png\'\n];\n\nclass Simple extends React.Component {\n handlePreview = (e) => {\n previewImage({\n images: imgArr,\n index: imgArr.indexOf(e.target.src),\n parentComponent: this,\n scaleRatio: 3\n });\n }\n\n render() {\n return (\n <div className="image-preview-demo">\n {\n imgArr.map((image, index) => {\n return (<img src={image} key={index} onClick={this.handlePreview} alt="" width="160" />);\n })\n }\n </div>\n )\n }\n}\n\nReactDOM.render(\n <Simple />\n , mountNode\n);'},e.createElement(l)),e.createElement(d,{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
PropertyDescriptionTypeDefaultAlternative
imagesUrls for imagesarray
indexStart indexnumber0
showRotateBtnShow rotate buttonbooltruetrue,false
scaleRatioCustom scale Rationumber1.5
parentComponentParent component instance，i18n needs this to pass context throughReactInstance
classNameOptional. Custom class namestring\'\'
'}))}}},54630:(n,a,t)=>{"use strict";t.d(a,{Z:()=>v,E:()=>h});var s=t(59312),e=t(24246),o=t(31542),p=t.t(o,2),c=t(14805),i=t(27378),r=t(60042),l=t.n(r),u=t(49566),d=t(52074),m=t(53552),k=t(27036),g=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={imageIndex:a.props.index||0,imageStyle:{},rotateIndex:0,scaleTag:!1},a.onMaskClick=function(n){n.target===n.currentTarget&&a.props.onClose()},a.onClose=function(){a.props.onClose()},a.handlePreviousAction=function(){var n=a.props.images.length,t=a.state.imageIndex;t=(t-1+n)%n,a.setState({imageIndex:t,imageStyle:{transform:"rotate(0deg)"},rotateIndex:0,scaleTag:!1})},a.handleNextAction=function(){var n=a.props.images.length,t=a.state.imageIndex;t=(t+1)%n,a.setState({imageIndex:t,imageStyle:{transform:"rotate(0deg)"},rotateIndex:0,scaleTag:!1})},a.handleRotate=function(){var n=a.state.scaleTag,t=a.props.scaleRatio;if(t<1)throw new Error("Invalid prop `scaleRatio` in previewImage, it should be greater than 1.");var s=a.state.rotateIndex,e=90+90*s;s++;var o=n?"rotate("+e+"deg) scale("+t+")":"rotate("+e+"deg) scale(1)";a.setState({imageStyle:{transform:o,transitionDuration:"500ms"},rotateIndex:s})},a.handleScale=function(){var n=a.state,t=n.rotateIndex,s=n.scaleTag,e=a.props.scaleRatio;if(e<1)throw new Error("Invalid prop `scaleRatio` in previewImage, it should be greater than 1.");var o=90*t,p=s?"rotate("+o+"deg) scale(1)":"rotate("+o+"deg) scale("+e+")";a.setState({imageStyle:{transform:p,transitionDuration:"500ms"},scaleTag:!s})},a}return(0,s.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,t=a.images,o=a.showRotateBtn,p=a.className,c=this.state,i=c.scaleTag,r=c.imageIndex,g=c.imageStyle,h=l()("zent-image-p-show-image",{"zent-image-p-is-zooming":i});return(0,e.jsx)(m.ZP,(0,s.pi)({visible:!0,onClose:this.onClose,className:l()("zent-image-p-anchor",p),closeOnESC:!0,blockPageScroll:!0},{children:(0,e.jsx)("div",(0,s.pi)({className:"zent-image-p-backdrop","data-zv":"10.0.9"},{children:(0,e.jsxs)("div",(0,s.pi)({className:"zent-image-p-wrap","data-zv":"10.0.9"},{children:[(0,e.jsx)("div",(0,s.pi)({className:"zent-image-p-close",onClick:this.onClose,"data-zv":"10.0.9"},{children:(0,e.jsx)(k.Z,{type:"close"},void 0)}),void 0),(0,e.jsx)(d.Z,(0,s.pi)({componentName:"PreviewImage"},{children:function(a){return(0,e.jsx)("div",(0,s.pi)({className:"zent-image-p-body",onClick:n.onMaskClick,"data-zv":"10.0.9"},{children:t.map((function(t,s){return s===r?(0,e.jsx)("img",{className:h,onClick:n.handleScale,style:g,src:t,alt:a.alt,"data-zv":"10.0.9"},s):null}))}),void 0)}}),void 0),(0,e.jsx)(d.Z,(0,s.pi)({componentName:"PreviewImage"},{children:function(a){var p=t.length>1,c=l()("zent-image-p-footer",{"zent-image-p-show-rotate-btn":o,"zent-image-p-footer-paging":p}),i=l()("zent-image-p-action",{"zent-image-p-rotate-action":!p});return(0,e.jsxs)("div",(0,s.pi)({className:c,"data-zv":"10.0.9"},{children:[p&&(0,e.jsx)("span",(0,s.pi)({className:"zent-image-p-action",onClick:n.handlePreviousAction,"data-zv":"10.0.9"},{children:a.prev}),void 0),o&&(0,e.jsx)("span",(0,s.pi)({className:i,onClick:(0,u.Z)(n.handleRotate,500,{immediate:!0}),"data-zv":"10.0.9"},{children:a.rotate}),void 0),p&&(0,e.jsx)("span",(0,s.pi)({className:"zent-image-p-action",onClick:n.handleNextAction,"data-zv":"10.0.9"},{children:a.next}),void 0)]}),void 0)}}),void 0)]}),void 0)}),void 0)}),void 0)},a.defaultProps={className:"",showRotateBtn:!0,images:[],index:0,scaleRatio:1.5},a}(i.Component);function h(n){void 0===n&&(n={});var a=n.parentComponent,t=(0,s._T)(n,["parentComponent"]),i=(0,c.Z)("div"),r=(0,s.pi)((0,s.pi)({},t),{onClose:function(){i&&(o.unmountComponentAtNode(i),i=null)}});(a?o.unstable_renderSubtreeIntoContainer.bind(p,a):o.render)((0,e.jsx)(g,(0,s.pi)({},r),void 0),i)}var v=h}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5217],{25217:(n,a,t)=>{"use strict";t.r(a),t.d(a,{default:()=>h});var s=t(73450),e=t(27378),o=t(57318),p=t(54630),c=t(24246);function i(n,a){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(n);a&&(s=s.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),t.push.apply(t,s)}return t}function r(n){for(var a=1;a{(0,p.E)({images:n,index:n.indexOf(a.target.src),parentComponent:this,scaleRatio:3})}))}render(){return(0,c.jsx)("div",{className:"image-preview-demo",children:n.map(((n,a)=>(0,c.jsx)("img",{src:n,onClick:this.handlePreview,alt:"",width:"160"},a)))})}}return(0,c.jsx)(a,{})};function u(n){return(0,c.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function d(n){return(0,c.jsx)(u,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,c.jsx)(u,{tag:"style",html:n.style})}function k(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),k(n.parentNode,a);return a}class g extends e.Component{constructor(...n){super(...n),(0,s.Z)(this,"state",{showCode:!1}),(0,s.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,t=a.title,s=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:t||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(u,{tag:"code",html:s,attributes:{className:"language-jsx"}})})]})}}class h extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,k(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:""}),e.createElement(d,{html:'

previewImage

\n

This component is used to preview images.

\n

Guide

\n
    \n
  • It\'s used to zoom thumbnail.
    • \n
  • Next image and previous image can be selected.
    • \n
  • Images can be rotated.
    • \n
\n

Demos

'}),e.createElement(g,{title:"Basic Usage",id:"Demobasic",src:'import { previewImage } from \'zent\';\n\nconst imgArr = [\n \'http://img.yzcdn.cn/public_files/2017/6/30/b0717bad7ad3ebd025e175d624ade39f.png\',\n \'http://img.yzcdn.cn/public_files/2017/6/30/8a0536db89fafaa1269afeaa807a579b.png\',\n \'http://img.yzcdn.cn/public_files/2017/6/30/7fe46674b697a514d9b6e2e155e88f1c.png\',\n \'http://img.yzcdn.cn/public_files/2017/6/30/b7a98d721698fe8dc93689683706db45.png\'\n];\n\nclass Simple extends React.Component {\n handlePreview = (e) => {\n previewImage({\n images: imgArr,\n index: imgArr.indexOf(e.target.src),\n parentComponent: this,\n scaleRatio: 3\n });\n }\n\n render() {\n return (\n <div className="image-preview-demo">\n {\n imgArr.map((image, index) => {\n return (<img src={image} key={index} onClick={this.handlePreview} alt="" width="160" />);\n })\n }\n </div>\n )\n }\n}\n\nReactDOM.render(\n <Simple />\n , mountNode\n);'},e.createElement(l)),e.createElement(d,{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
PropertyDescriptionTypeDefaultAlternative
imagesUrls for imagesarray
indexStart indexnumber0
showRotateBtnShow rotate buttonbooltruetrue,false
scaleRatioCustom scale Rationumber1.5
parentComponentParent component instance，i18n needs this to pass context throughReactInstance
classNameOptional. Custom class namestring\'\'
'}))}}},54630:(n,a,t)=>{"use strict";t.d(a,{Z:()=>v,E:()=>h});var s=t(59312),e=t(24246),o=t(31542),p=t.t(o,2),c=t(14805),i=t(27378),r=t(60042),l=t.n(r),u=t(49566),d=t(52074),m=t(53552),k=t(27036),g=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={imageIndex:a.props.index||0,imageStyle:{},rotateIndex:0,scaleTag:!1},a.onMaskClick=function(n){n.target===n.currentTarget&&a.props.onClose()},a.onClose=function(){a.props.onClose()},a.handlePreviousAction=function(){var n=a.props.images.length,t=a.state.imageIndex;t=(t-1+n)%n,a.setState({imageIndex:t,imageStyle:{transform:"rotate(0deg)"},rotateIndex:0,scaleTag:!1})},a.handleNextAction=function(){var n=a.props.images.length,t=a.state.imageIndex;t=(t+1)%n,a.setState({imageIndex:t,imageStyle:{transform:"rotate(0deg)"},rotateIndex:0,scaleTag:!1})},a.handleRotate=function(){var n=a.state.scaleTag,t=a.props.scaleRatio;if(t<1)throw new Error("Invalid prop `scaleRatio` in previewImage, it should be greater than 1.");var s=a.state.rotateIndex,e=90+90*s;s++;var o=n?"rotate("+e+"deg) scale("+t+")":"rotate("+e+"deg) scale(1)";a.setState({imageStyle:{transform:o,transitionDuration:"500ms"},rotateIndex:s})},a.handleScale=function(){var n=a.state,t=n.rotateIndex,s=n.scaleTag,e=a.props.scaleRatio;if(e<1)throw new Error("Invalid prop `scaleRatio` in previewImage, it should be greater than 1.");var o=90*t,p=s?"rotate("+o+"deg) scale(1)":"rotate("+o+"deg) scale("+e+")";a.setState({imageStyle:{transform:p,transitionDuration:"500ms"},scaleTag:!s})},a}return(0,s.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,t=a.images,o=a.showRotateBtn,p=a.className,c=this.state,i=c.scaleTag,r=c.imageIndex,g=c.imageStyle,h=l()("zent-image-p-show-image",{"zent-image-p-is-zooming":i});return(0,e.jsx)(m.ZP,(0,s.pi)({visible:!0,onClose:this.onClose,className:l()("zent-image-p-anchor",p),closeOnESC:!0,blockPageScroll:!0},{children:(0,e.jsx)("div",(0,s.pi)({className:"zent-image-p-backdrop","data-zv":"10.0.10"},{children:(0,e.jsxs)("div",(0,s.pi)({className:"zent-image-p-wrap","data-zv":"10.0.10"},{children:[(0,e.jsx)("div",(0,s.pi)({className:"zent-image-p-close",onClick:this.onClose,"data-zv":"10.0.10"},{children:(0,e.jsx)(k.Z,{type:"close"},void 0)}),void 0),(0,e.jsx)(d.Z,(0,s.pi)({componentName:"PreviewImage"},{children:function(a){return(0,e.jsx)("div",(0,s.pi)({className:"zent-image-p-body",onClick:n.onMaskClick,"data-zv":"10.0.10"},{children:t.map((function(t,s){return s===r?(0,e.jsx)("img",{className:h,onClick:n.handleScale,style:g,src:t,alt:a.alt,"data-zv":"10.0.10"},s):null}))}),void 0)}}),void 0),(0,e.jsx)(d.Z,(0,s.pi)({componentName:"PreviewImage"},{children:function(a){var p=t.length>1,c=l()("zent-image-p-footer",{"zent-image-p-show-rotate-btn":o,"zent-image-p-footer-paging":p}),i=l()("zent-image-p-action",{"zent-image-p-rotate-action":!p});return(0,e.jsxs)("div",(0,s.pi)({className:c,"data-zv":"10.0.10"},{children:[p&&(0,e.jsx)("span",(0,s.pi)({className:"zent-image-p-action",onClick:n.handlePreviousAction,"data-zv":"10.0.10"},{children:a.prev}),void 0),o&&(0,e.jsx)("span",(0,s.pi)({className:i,onClick:(0,u.Z)(n.handleRotate,500,{immediate:!0}),"data-zv":"10.0.10"},{children:a.rotate}),void 0),p&&(0,e.jsx)("span",(0,s.pi)({className:"zent-image-p-action",onClick:n.handleNextAction,"data-zv":"10.0.10"},{children:a.next}),void 0)]}),void 0)}}),void 0)]}),void 0)}),void 0)}),void 0)},a.defaultProps={className:"",showRotateBtn:!0,images:[],index:0,scaleRatio:1.5},a}(i.Component);function h(n){void 0===n&&(n={});var a=n.parentComponent,t=(0,s._T)(n,["parentComponent"]),i=(0,c.Z)("div"),r=(0,s.pi)((0,s.pi)({},t),{onClose:function(){i&&(o.unmountComponentAtNode(i),i=null)}});(a?o.unstable_renderSubtreeIntoContainer.bind(p,a):o.render)((0,e.jsx)(g,(0,s.pi)({},r),void 0),i)}var v=h}}]); \ No newline at end of file diff --git a/5265-c2e97a1e5633433ac2ed.js b/5265-1162927dd03ff47aa8d3.js similarity index 96% rename from 5265-c2e97a1e5633433ac2ed.js rename to 5265-1162927dd03ff47aa8d3.js index b73d47561..cc4a4c100 100644 --- a/5265-c2e97a1e5633433ac2ed.js +++ b/5265-1162927dd03ff47aa8d3.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5265],{55265:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>C});var t=s(73450),p=s(27378),o=s(57318),e=s(50993),c=s(56377),l=s(3454),i=s(34446),u=s(20840),r=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{this.setState({loading:n})}))}render(){var n=this.state.loading;return(0,r.jsxs)("div",{children:[(0,r.jsx)(e.c,{loading:n,children:(0,r.jsx)("div",{className:"zent-loading-example-hello-world",children:"Hello World"})}),(0,r.jsx)(c.r,{className:"zent-loading-example-switch",checked:n,onChange:this.onChange,size:"small"})]})}}return(0,r.jsx)(n,{})},h=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{noBgOpen:!1,showBgOpen:!1}),(0,t.Z)(this,"close",(()=>{this.setState({noBgOpen:!1,showBgOpen:!1})}))}render(){return(0,r.jsxs)("div",{children:[(0,r.jsx)(l.z,{onClick:()=>{this.setState({noBgOpen:!0})},children:"Open"}),(0,r.jsx)(l.z,{onClick:()=>{this.setState({showBgOpen:!0})},children:"Open With Background"}),(0,r.jsx)(l.z,{onClick:()=>this.close(),style:{zIndex:9999,position:"relative"},children:"Close"}),(0,r.jsx)(i.S,{loading:this.state.noBgOpen}),(0,r.jsx)(i.S,{loading:this.state.showBgOpen,iconText:"Goods uploaded, please hold on",showBackground:!0})]})}}return(0,r.jsx)(n,{})},y=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{loading:!1}),(0,t.Z)(this,"onChange",(n=>{this.setState({loading:n})}))}render(){var n=this.state.loading;return(0,r.jsxs)("div",{children:[(0,r.jsx)(e.c,{loading:n,delay:1e3}),(0,r.jsx)(c.r,{className:"zent-loading-example-switch",checked:n,onChange:this.onChange,size:"small"})]})}}return(0,r.jsx)(n,{})},v=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{on:!1})}render(){return(0,r.jsxs)("div",{children:[(0,r.jsx)(l.z,{onClick:()=>{this.setState({on:!0})},children:"Open"}),(0,r.jsx)(l.z,{onClick:()=>{this.setState({on:!1})},style:{zIndex:9999,position:"relative"},children:"Close"}),(0,r.jsx)(i.S,{loading:this.state.on,text:"Goods uploaded, please hold on",showBackground:!0})]})}}return(0,r.jsx)(n,{})},f=function(){return(0,r.jsxs)("div",{className:"zent-loading-demo-text-wrapper",children:[(0,r.jsx)(u.l,{loading:!0,iconSize:16,textSize:12,iconText:"Loading"}),(0,r.jsx)(u.l,{loading:!0,iconText:"Loading"}),(0,r.jsx)(u.l,{loading:!0,iconSize:24,textSize:16,iconText:"Loading"})]})},x=function(){return(0,r.jsxs)("div",{className:"zent-loading-demo-inline-container",children:[(0,r.jsx)(u.l,{loading:!0}),(0,r.jsx)(u.l,{loading:!0,icon:"circle",iconText:"Loading",textPosition:"right"}),(0,r.jsx)(u.l,{loading:!0,iconText:"Loading"})]})},w=function(){return(0,r.jsxs)("div",{className:"zent-loading-demo-inline-container",children:[(0,r.jsx)(u.l,{loading:!0,icon:"circle",iconText:"Loading",colorPreset:"grey"}),(0,r.jsx)(u.l,{loading:!0,icon:"circle",colorPreset:"grey"})]})};function b(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function z(n){return(0,r.jsx)(b,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function j(n){return(0,r.jsx)(b,{tag:"style",html:n.style})}function S(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),S(n.parentNode,a);return a}class N extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:s||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(b,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,S(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(j,{style:".zent-loading-example-switch {\n\tmargin-top: 10px;\n}\n.zent-loading-example-hello-world {\n\tbackground: #f8f8f8;\n\ttext-align: center;\n\theight: 260px;\n\tline-height: 260px;\n}\n\n.zent-loading-demo-switch-background {\n\t\tdisplay: flex;\n\t\tmargin-bottom: 12px;\n\t}\n\n\t.zent-loading-demo-switch-background > .zent-switch {\n\t\tmargin-left: 8px;\n\t}\n\n.zent-loading-demo-switch-background {\n\t\tdisplay: flex;\n\t\tmargin-bottom: 12px;\n\t}\n\n\t.zent-loading-demo-switch-background > .zent-switch {\n\t\tmargin-left: 8px;\n\t}\n\n.zent-loading-demo-text-wrapper {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: space-around;\n\t}\n\n.zent-loading-demo-inline-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-around;\n\t}"}),p.createElement(z,{html:'

Loading

\n

Shows the loading state of data without a specific duration.

\n

Suggestion

\n
    \n
  • Used for operations that cannot be performed immediately and require only a short period of time;
    • \n
  • Used when retrieving or refreshing small amounts of data, such as status.
    • \n
\n

Note

\n
    \n
  • It is not allowed to trigger the loading of multiple items or operations at once, except during the initial page load or refresh.
    • \n
\n

Demos

'}),p.createElement(N,{title:"Basic Usage",id:"Demobasic",src:'import { BlockLoading } from \'zent\';\n\nReactDOM.render(<BlockLoading loading />, mountNode);'},p.createElement(g)),p.createElement(N,{title:"Wrapper Mode",id:"Demowrappermode",src:'import { BlockLoading, Switch } from \'zent\';\n\nclass Wrapper extends React.Component {\n state = { loading: false };\n\n onChange = value => {\n this.setState({ loading: value });\n };\n\n render() {\n const { loading } = this.state;\n\n return (\n <div>\n <BlockLoading loading={loading}>\n <div className="zent-loading-example-hello-world">Hello World</div>\n </BlockLoading>\n <Switch\n className="zent-loading-example-switch"\n checked={loading}\n onChange={this.onChange}\n size="small"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Wrapper />, mountNode);'},p.createElement(m)),p.createElement(N,{title:"Global Mode",id:"Demoglobalmode",src:'import { FullScreenLoading, Button, Switch } from \'zent\';\n\nclass Example extends React.Component {\n state = {\n noBgOpen: false,\n showBgOpen: false,\n };\n\n close = () => {\n this.setState({\n noBgOpen: false,\n showBgOpen: false,\n });\n };\n\n render() {\n return (\n <div>\n <Button\n onClick={() => {\n this.setState({ noBgOpen: true });\n }}\n >\n Open\n </Button>\n <Button\n onClick={() => {\n this.setState({ showBgOpen: true });\n }}\n >\n Open With Background\n </Button>\n <Button\n onClick={() => this.close()}\n style={{ zIndex: 9999, position: \'relative\' }}\n >\n Close\n </Button>\n <FullScreenLoading loading={this.state.noBgOpen} />\n <FullScreenLoading\n loading={this.state.showBgOpen}\n iconText="Goods uploaded, please hold on"\n showBackground\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(h)),p.createElement(N,{title:"Delay 1 seconds",id:"Demodelay",src:'import { BlockLoading, Switch } from \'zent\';\n\nclass Wrapper extends React.Component {\n state = { loading: false };\n\n onChange = value => {\n this.setState({ loading: value });\n };\n\n render() {\n const { loading } = this.state;\n\n return (\n <div>\n <BlockLoading loading={loading} delay={1000} />\n <Switch\n className="zent-loading-example-switch"\n checked={loading}\n onChange={this.onChange}\n size="small"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Wrapper />, mountNode);'},p.createElement(y)),p.createElement(N,{title:"Display background color in global mode",id:"Demoglobalmodewithbackground",src:'import { FullScreenLoading, Button, Switch } from \'zent\';\n\nclass Example extends React.Component {\n state = {\n on: false,\n };\n\n render() {\n return (\n <div>\n <Button\n onClick={() => {\n this.setState({ on: true });\n }}\n >\n Open\n </Button>\n <Button\n onClick={() => {\n this.setState({ on: false });\n }}\n style={{ zIndex: 9999, position: \'relative\' }}\n >\n Close\n </Button>\n <FullScreenLoading\n loading={this.state.on}\n text="Goods uploaded, please hold on"\n showBackground\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(v)),p.createElement(N,{title:"Custom icon size and text",id:"Demotext",src:'import { InlineLoading } from \'zent\';\n\nReactDOM.render(\n <div className="zent-loading-demo-text-wrapper">\n <InlineLoading loading iconSize={16} textSize={12} iconText="Loading" />\n <InlineLoading loading iconText="Loading" />\n <InlineLoading loading iconSize={24} textSize={16} iconText="Loading" />\n </div>,\n mountNode\n);'},p.createElement(f)),p.createElement(N,{title:"Inline style",id:"Demoinline",src:'import { InlineLoading } from \'zent\';\n\nReactDOM.render(\n <div className="zent-loading-demo-inline-container">\n <InlineLoading loading />\n <InlineLoading\n loading\n icon="circle"\n iconText="Loading"\n textPosition="right"\n />\n <InlineLoading loading iconText="Loading" />\n </div>,\n mountNode\n);'},p.createElement(x)),p.createElement(N,{title:"Color preset",id:"Demopreset",src:'import { InlineLoading } from \'zent\';\n\nReactDOM.render(\n <div className="zent-loading-demo-inline-container">\n <InlineLoading\n loading\n icon="circle"\n iconText="Loading"\n colorPreset="grey"\n />\n <InlineLoading loading icon="circle" colorPreset="grey" />\n </div>,\n mountNode\n);'},p.createElement(w)),p.createElement(z,{html:'

API

\n

Loading has 3 different types: BlockLoading, InlineLoading and FullScreenLoading. Most of the props are shared between these types, but each type may have its own set of props.

\n

Common 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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
loadingLoading statebooleanNofalsetrue
delayMilliseconds to delay before loadingnumberNo0
iconIcon typestringNo\'circle\'\'youzan\'
iconSizeIcon sizenumberNo
iconTextIcon textstringNo
colorPresetColor presetstringNo\'primary\'\'grey\'
textPositionText position relative to iconstringNo\'bottom\'\'top\'\n \n|\n \n\'left\'\n \n|\n \n\'right\'
textSizeText Font SizenumberNo
classNameCustom classstringNo
\n

BlockLoading

\n

Block level Loading, content can be wrapped or a default height will be used. Used for loading a page section.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
heightUses content height if wrapping content, or uses a default heightnumberNo160
childrenWrapped contentReactNodeNo
\n

InlineLoading

\n

Inline Loading, can\'t wrap content.

\n

LoadingFullScreen

\n

Full screen Loading, can\'t wrap content. Used for page loading.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
zIndexMask z-indexnumberNo
showBackgroundShow loading BackgroundboolNo
'}))}}},50993:(n,a,s)=>{"use strict";s.d(a,{c:()=>u});var t=s(59312),p=s(24246),o=s(60042),e=s.n(o),c=s(40695),l=s(73326),i=s(72551);function u(n){var a=function(n){var a=(0,i.n)(n,"height"),s=n.children;return s||a?s&&!a?"initial":n.height:160}(n),s=n.loading,o=void 0!==s&&s,u=n.delay,r=void 0===u?0:u,k=n.className,d=n.children,g=n.icon,m=void 0===g?"circle":g,h=n.iconSize,y=n.iconText,v=n.textPosition,f=void 0===v?"bottom":v,x=n.colorPreset,w=void 0===x?"primary":x,b=!!d,z=!(0,l.Z)({loading:o,delay:r})&&o;return z||b?(0,p.jsxs)("div",(0,t.pi)({className:e()("zent-loading","zent-loading--block",k,{"zent-loading--has-children":b}),style:{height:a},"data-zv":"10.0.9"},{children:[d,z&&(0,p.jsx)(c.Z,{icon:m,size:h,text:y,textPosition:f,colorPreset:w},void 0)]}),void 0):null}a.Z=u},34446:(n,a,s)=>{"use strict";s.d(a,{S:()=>r});var t=s(59312),p=s(24246),o=s(60042),e=s.n(o),c=s(73326),l=s(40695),i=s(23860),u={};function r(n){var a=n.loading,s=void 0!==a&&a,o=n.delay,r=void 0===o?0:o,k=n.className,d=n.icon,g=void 0===d?"circle":d,m=n.iconSize,h=n.iconText,y=n.textPosition,v=void 0===y?"bottom":y,f=n.zIndex,x=n.colorPreset,w=void 0===x?"primary":x,b=n.showBackground,z=m||b?24:32,j=n.textSize||b?14:20;if((0,c.Z)({loading:s,delay:r})||!s)return null;var S="number"==typeof f?{zIndex:f}:u;return(0,p.jsx)(i.h,(0,t.pi)({className:e()("zent-loading","zent-loading--fullscreen",k,{"zent-loading--show-background":b}),style:S,blockPageScroll:!0},{children:(0,p.jsx)(l.Z,{icon:g,size:z,text:h,textPosition:v,colorPreset:w,textSize:j},void 0)}),void 0)}},40695:(n,a,s)=>{"use strict";s.d(a,{Z:()=>e});var t=s(59312),p=s(24246),o=s(56975);function e(n){return(0,p.jsx)("div",(0,t.pi)({className:"zent-loading-mask","data-zv":"10.0.9"},{children:(0,p.jsx)(o.Z,(0,t.pi)({},n),void 0)}),void 0)}},56377:(n,a,s)=>{"use strict";s.d(a,{r:()=>i});var t=s(59312),p=s(24246),o=s(27378),e=s(60042),c=s.n(e),l=s(1348),i=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.toggle=function(){var n=a.props,s=n.onChange,t=n.checked;s&&s(!t)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n,a=this.props,s=a.className,t=a.size,o=a.disabled,e=void 0===o?this.context.value:o,l=a.loading,i=a.checked,u=e||l,r=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=u,n["zent-switch-loading"]=l,n["zent-switch-checked"]=i,n),"zent-switch",s);return(0,p.jsx)("div",{className:r,onClick:u?void 0:this.toggle,"data-zv":"10.0.9"},void 0)},a.defaultProps={size:"default"},a.contextType=l.d,a}(o.Component);a.Z=i}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5265],{55265:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>C});var t=s(73450),p=s(27378),o=s(57318),e=s(50993),c=s(56377),l=s(3454),i=s(34446),u=s(20840),r=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{this.setState({loading:n})}))}render(){var n=this.state.loading;return(0,r.jsxs)("div",{children:[(0,r.jsx)(e.c,{loading:n,children:(0,r.jsx)("div",{className:"zent-loading-example-hello-world",children:"Hello World"})}),(0,r.jsx)(c.r,{className:"zent-loading-example-switch",checked:n,onChange:this.onChange,size:"small"})]})}}return(0,r.jsx)(n,{})},h=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{noBgOpen:!1,showBgOpen:!1}),(0,t.Z)(this,"close",(()=>{this.setState({noBgOpen:!1,showBgOpen:!1})}))}render(){return(0,r.jsxs)("div",{children:[(0,r.jsx)(l.z,{onClick:()=>{this.setState({noBgOpen:!0})},children:"Open"}),(0,r.jsx)(l.z,{onClick:()=>{this.setState({showBgOpen:!0})},children:"Open With Background"}),(0,r.jsx)(l.z,{onClick:()=>this.close(),style:{zIndex:9999,position:"relative"},children:"Close"}),(0,r.jsx)(i.S,{loading:this.state.noBgOpen}),(0,r.jsx)(i.S,{loading:this.state.showBgOpen,iconText:"Goods uploaded, please hold on",showBackground:!0})]})}}return(0,r.jsx)(n,{})},y=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{loading:!1}),(0,t.Z)(this,"onChange",(n=>{this.setState({loading:n})}))}render(){var n=this.state.loading;return(0,r.jsxs)("div",{children:[(0,r.jsx)(e.c,{loading:n,delay:1e3}),(0,r.jsx)(c.r,{className:"zent-loading-example-switch",checked:n,onChange:this.onChange,size:"small"})]})}}return(0,r.jsx)(n,{})},v=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{on:!1})}render(){return(0,r.jsxs)("div",{children:[(0,r.jsx)(l.z,{onClick:()=>{this.setState({on:!0})},children:"Open"}),(0,r.jsx)(l.z,{onClick:()=>{this.setState({on:!1})},style:{zIndex:9999,position:"relative"},children:"Close"}),(0,r.jsx)(i.S,{loading:this.state.on,text:"Goods uploaded, please hold on",showBackground:!0})]})}}return(0,r.jsx)(n,{})},f=function(){return(0,r.jsxs)("div",{className:"zent-loading-demo-text-wrapper",children:[(0,r.jsx)(u.l,{loading:!0,iconSize:16,textSize:12,iconText:"Loading"}),(0,r.jsx)(u.l,{loading:!0,iconText:"Loading"}),(0,r.jsx)(u.l,{loading:!0,iconSize:24,textSize:16,iconText:"Loading"})]})},x=function(){return(0,r.jsxs)("div",{className:"zent-loading-demo-inline-container",children:[(0,r.jsx)(u.l,{loading:!0}),(0,r.jsx)(u.l,{loading:!0,icon:"circle",iconText:"Loading",textPosition:"right"}),(0,r.jsx)(u.l,{loading:!0,iconText:"Loading"})]})},w=function(){return(0,r.jsxs)("div",{className:"zent-loading-demo-inline-container",children:[(0,r.jsx)(u.l,{loading:!0,icon:"circle",iconText:"Loading",colorPreset:"grey"}),(0,r.jsx)(u.l,{loading:!0,icon:"circle",colorPreset:"grey"})]})};function b(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function z(n){return(0,r.jsx)(b,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function j(n){return(0,r.jsx)(b,{tag:"style",html:n.style})}function S(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),S(n.parentNode,a);return a}class N extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:s||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(b,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,S(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(j,{style:".zent-loading-example-switch {\n\tmargin-top: 10px;\n}\n.zent-loading-example-hello-world {\n\tbackground: #f8f8f8;\n\ttext-align: center;\n\theight: 260px;\n\tline-height: 260px;\n}\n\n.zent-loading-demo-switch-background {\n\t\tdisplay: flex;\n\t\tmargin-bottom: 12px;\n\t}\n\n\t.zent-loading-demo-switch-background > .zent-switch {\n\t\tmargin-left: 8px;\n\t}\n\n.zent-loading-demo-switch-background {\n\t\tdisplay: flex;\n\t\tmargin-bottom: 12px;\n\t}\n\n\t.zent-loading-demo-switch-background > .zent-switch {\n\t\tmargin-left: 8px;\n\t}\n\n.zent-loading-demo-text-wrapper {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: space-around;\n\t}\n\n.zent-loading-demo-inline-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-around;\n\t}"}),p.createElement(z,{html:'

Loading

\n

Shows the loading state of data without a specific duration.

\n

Suggestion

\n
    \n
  • Used for operations that cannot be performed immediately and require only a short period of time;
    • \n
  • Used when retrieving or refreshing small amounts of data, such as status.
    • \n
\n

Note

\n
    \n
  • It is not allowed to trigger the loading of multiple items or operations at once, except during the initial page load or refresh.
    • \n
\n

Demos

'}),p.createElement(N,{title:"Basic Usage",id:"Demobasic",src:'import { BlockLoading } from \'zent\';\n\nReactDOM.render(<BlockLoading loading />, mountNode);'},p.createElement(g)),p.createElement(N,{title:"Wrapper Mode",id:"Demowrappermode",src:'import { BlockLoading, Switch } from \'zent\';\n\nclass Wrapper extends React.Component {\n state = { loading: false };\n\n onChange = value => {\n this.setState({ loading: value });\n };\n\n render() {\n const { loading } = this.state;\n\n return (\n <div>\n <BlockLoading loading={loading}>\n <div className="zent-loading-example-hello-world">Hello World</div>\n </BlockLoading>\n <Switch\n className="zent-loading-example-switch"\n checked={loading}\n onChange={this.onChange}\n size="small"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Wrapper />, mountNode);'},p.createElement(m)),p.createElement(N,{title:"Global Mode",id:"Demoglobalmode",src:'import { FullScreenLoading, Button, Switch } from \'zent\';\n\nclass Example extends React.Component {\n state = {\n noBgOpen: false,\n showBgOpen: false,\n };\n\n close = () => {\n this.setState({\n noBgOpen: false,\n showBgOpen: false,\n });\n };\n\n render() {\n return (\n <div>\n <Button\n onClick={() => {\n this.setState({ noBgOpen: true });\n }}\n >\n Open\n </Button>\n <Button\n onClick={() => {\n this.setState({ showBgOpen: true });\n }}\n >\n Open With Background\n </Button>\n <Button\n onClick={() => this.close()}\n style={{ zIndex: 9999, position: \'relative\' }}\n >\n Close\n </Button>\n <FullScreenLoading loading={this.state.noBgOpen} />\n <FullScreenLoading\n loading={this.state.showBgOpen}\n iconText="Goods uploaded, please hold on"\n showBackground\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(h)),p.createElement(N,{title:"Delay 1 seconds",id:"Demodelay",src:'import { BlockLoading, Switch } from \'zent\';\n\nclass Wrapper extends React.Component {\n state = { loading: false };\n\n onChange = value => {\n this.setState({ loading: value });\n };\n\n render() {\n const { loading } = this.state;\n\n return (\n <div>\n <BlockLoading loading={loading} delay={1000} />\n <Switch\n className="zent-loading-example-switch"\n checked={loading}\n onChange={this.onChange}\n size="small"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Wrapper />, mountNode);'},p.createElement(y)),p.createElement(N,{title:"Display background color in global mode",id:"Demoglobalmodewithbackground",src:'import { FullScreenLoading, Button, Switch } from \'zent\';\n\nclass Example extends React.Component {\n state = {\n on: false,\n };\n\n render() {\n return (\n <div>\n <Button\n onClick={() => {\n this.setState({ on: true });\n }}\n >\n Open\n </Button>\n <Button\n onClick={() => {\n this.setState({ on: false });\n }}\n style={{ zIndex: 9999, position: \'relative\' }}\n >\n Close\n </Button>\n <FullScreenLoading\n loading={this.state.on}\n text="Goods uploaded, please hold on"\n showBackground\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(v)),p.createElement(N,{title:"Custom icon size and text",id:"Demotext",src:'import { InlineLoading } from \'zent\';\n\nReactDOM.render(\n <div className="zent-loading-demo-text-wrapper">\n <InlineLoading loading iconSize={16} textSize={12} iconText="Loading" />\n <InlineLoading loading iconText="Loading" />\n <InlineLoading loading iconSize={24} textSize={16} iconText="Loading" />\n </div>,\n mountNode\n);'},p.createElement(f)),p.createElement(N,{title:"Inline style",id:"Demoinline",src:'import { InlineLoading } from \'zent\';\n\nReactDOM.render(\n <div className="zent-loading-demo-inline-container">\n <InlineLoading loading />\n <InlineLoading\n loading\n icon="circle"\n iconText="Loading"\n textPosition="right"\n />\n <InlineLoading loading iconText="Loading" />\n </div>,\n mountNode\n);'},p.createElement(x)),p.createElement(N,{title:"Color preset",id:"Demopreset",src:'import { InlineLoading } from \'zent\';\n\nReactDOM.render(\n <div className="zent-loading-demo-inline-container">\n <InlineLoading\n loading\n icon="circle"\n iconText="Loading"\n colorPreset="grey"\n />\n <InlineLoading loading icon="circle" colorPreset="grey" />\n </div>,\n mountNode\n);'},p.createElement(w)),p.createElement(z,{html:'

API

\n

Loading has 3 different types: BlockLoading, InlineLoading and FullScreenLoading. Most of the props are shared between these types, but each type may have its own set of props.

\n

Common 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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
loadingLoading statebooleanNofalsetrue
delayMilliseconds to delay before loadingnumberNo0
iconIcon typestringNo\'circle\'\'youzan\'
iconSizeIcon sizenumberNo
iconTextIcon textstringNo
colorPresetColor presetstringNo\'primary\'\'grey\'
textPositionText position relative to iconstringNo\'bottom\'\'top\'\n \n|\n \n\'left\'\n \n|\n \n\'right\'
textSizeText Font SizenumberNo
classNameCustom classstringNo
\n

BlockLoading

\n

Block level Loading, content can be wrapped or a default height will be used. Used for loading a page section.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
heightUses content height if wrapping content, or uses a default heightnumberNo160
childrenWrapped contentReactNodeNo
\n

InlineLoading

\n

Inline Loading, can\'t wrap content.

\n

LoadingFullScreen

\n

Full screen Loading, can\'t wrap content. Used for page loading.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
zIndexMask z-indexnumberNo
showBackgroundShow loading BackgroundboolNo
'}))}}},50993:(n,a,s)=>{"use strict";s.d(a,{c:()=>u});var t=s(59312),p=s(24246),o=s(60042),e=s.n(o),c=s(40695),l=s(73326),i=s(72551);function u(n){var a=function(n){var a=(0,i.n)(n,"height"),s=n.children;return s||a?s&&!a?"initial":n.height:160}(n),s=n.loading,o=void 0!==s&&s,u=n.delay,r=void 0===u?0:u,k=n.className,d=n.children,g=n.icon,m=void 0===g?"circle":g,h=n.iconSize,y=n.iconText,v=n.textPosition,f=void 0===v?"bottom":v,x=n.colorPreset,w=void 0===x?"primary":x,b=!!d,z=!(0,l.Z)({loading:o,delay:r})&&o;return z||b?(0,p.jsxs)("div",(0,t.pi)({className:e()("zent-loading","zent-loading--block",k,{"zent-loading--has-children":b}),style:{height:a},"data-zv":"10.0.10"},{children:[d,z&&(0,p.jsx)(c.Z,{icon:m,size:h,text:y,textPosition:f,colorPreset:w},void 0)]}),void 0):null}a.Z=u},34446:(n,a,s)=>{"use strict";s.d(a,{S:()=>r});var t=s(59312),p=s(24246),o=s(60042),e=s.n(o),c=s(73326),l=s(40695),i=s(23860),u={};function r(n){var a=n.loading,s=void 0!==a&&a,o=n.delay,r=void 0===o?0:o,k=n.className,d=n.icon,g=void 0===d?"circle":d,m=n.iconSize,h=n.iconText,y=n.textPosition,v=void 0===y?"bottom":y,f=n.zIndex,x=n.colorPreset,w=void 0===x?"primary":x,b=n.showBackground,z=m||b?24:32,j=n.textSize||b?14:20;if((0,c.Z)({loading:s,delay:r})||!s)return null;var S="number"==typeof f?{zIndex:f}:u;return(0,p.jsx)(i.h,(0,t.pi)({className:e()("zent-loading","zent-loading--fullscreen",k,{"zent-loading--show-background":b}),style:S,blockPageScroll:!0},{children:(0,p.jsx)(l.Z,{icon:g,size:z,text:h,textPosition:v,colorPreset:w,textSize:j},void 0)}),void 0)}},40695:(n,a,s)=>{"use strict";s.d(a,{Z:()=>e});var t=s(59312),p=s(24246),o=s(56975);function e(n){return(0,p.jsx)("div",(0,t.pi)({className:"zent-loading-mask","data-zv":"10.0.10"},{children:(0,p.jsx)(o.Z,(0,t.pi)({},n),void 0)}),void 0)}},56377:(n,a,s)=>{"use strict";s.d(a,{r:()=>i});var t=s(59312),p=s(24246),o=s(27378),e=s(60042),c=s.n(e),l=s(1348),i=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.toggle=function(){var n=a.props,s=n.onChange,t=n.checked;s&&s(!t)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n,a=this.props,s=a.className,t=a.size,o=a.disabled,e=void 0===o?this.context.value:o,l=a.loading,i=a.checked,u=e||l,r=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=u,n["zent-switch-loading"]=l,n["zent-switch-checked"]=i,n),"zent-switch",s);return(0,p.jsx)("div",{className:r,onClick:u?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},a.defaultProps={size:"default"},a.contextType=l.d,a}(o.Component);a.Z=i}}]); \ No newline at end of file diff --git a/5353-21e2a039b9717bcee02d.js b/5353-602ecd81659283594bc2.js similarity index 89% rename from 5353-21e2a039b9717bcee02d.js rename to 5353-602ecd81659283594bc2.js index 7385ca282..b39d0aa65 100644 --- a/5353-21e2a039b9717bcee02d.js +++ b/5353-602ecd81659283594bc2.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5353],{35353:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>b});var t=a(73450),e=a(27378),p=a(57318),o=a(61773),c=a(80964),l=a(24246);function i(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 r(n){for(var s=1;s{this.setState({size:n})}))}render(){var s=this.state.size;return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.Y,{value:s,onChange:this.onChange,showStepper:!0}),(0,l.jsx)(o.T,{size:s,timeline:n})]})}}return(0,l.jsx)(s,{})};function m(n){return(0,l.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,l.jsx)(m,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function g(n){return(0,l.jsx)(m,{tag:"style",html:n.style})}function y(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),y(n.parentNode,s);return s}class v 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,e=s.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(m,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends e.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,p.l)(document.documentElement,0,y(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(g,{style:""}),e.createElement(h,{html:'

Timeline

\n

代码演示

'}),e.createElement(v,{title:"基础用法",id:"Demobasic",src:'import { Timeline } from \'zent\';\n\nReactDOM.render(\n <div>\n <h3>横向</h3>\n <Timeline.Legend>样例</Timeline.Legend>\n <Timeline type="horizontal">\n <Timeline.Item label="Time 1" />\n <Timeline.Item label="Time 2" tip="hello" />\n <Timeline.Item label="Time 3" />\n <Timeline.Item size={0} label="自定义长度" />\n </Timeline>\n <h3>纵向</h3>\n <Timeline.Legend>样例</Timeline.Legend>\n <Timeline type="vertical">\n <Timeline.Item label="Time 1" />\n <Timeline.Item label="Time 2" tip="hello" />\n <Timeline.Item label="Time 3" />\n <Timeline.Item label="不显示圆点，自定义颜色" showDot={false} lineColor="red" />\n <Timeline.Item label="不显示标签" showLabel={false} />\n <Timeline.Item label="自定义圆点颜色" dotColor="#5197FF" />\n <Timeline.Item size={0} label="自定义长度" />\n </Timeline>\n </div>,\n mountNode\n);'},e.createElement(u)),e.createElement(v,{title:"数组",id:"Demoarray",src:'import { Timeline } from \'zent\';\n\nconst timeline = [\n \'hello\',\n \'world\',\n {\n label: \'blue\',\n dotColor: \'#5197FF\',\n },\n {\n label: \'red\',\n lineColor: \'#E70000\',\n },\n {\n label: \'color\',\n color: \'#E70000\',\n },\n];\n\nReactDOM.render(\n <div>\n <Timeline type="horizontal" timeline={timeline} />\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(v,{title:"动态大小",id:"Demodynamic",src:'import { Timeline, NumberInput } from \'zent\';\n\nconst timeline = [\n {\n label: \'online\',\n color: \'#00b90e\',\n percent: 0.3\n },\n {\n label: \'unknown\',\n percent: 0.2,\n showDot: false,\n showLabel: false\n },\n {\n label: \'offline\',\n color: \'#E70000\',\n percent: 0.5\n }\n];\n\nclass App extends React.Component {\n state = {\n size: 500\n }\n\n onChange = (size) => {\n this.setState({\n size,\n });\n }\n\n render() {\n const { size } = this.state;\n\n return (\n <div>\n <NumberInput value={size} onChange={this.onChange} showStepper />\n <Timeline size={size} timeline={timeline} />\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />,\n mountNode\n);'},e.createElement(d)),e.createElement(h,{html:'

API

\n

Timeline

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值可选
type水平或垂直string\'horizontal\'\'horizontal\' | \'vertical\'是
size大小number是
timeline时间轴数组Array是是
className自定义额外类名string\'\'是
style自定义样式object是
\n

Timeline Item

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值可选
label标签node是
tiphover 时的弹层提示node是
color颜色，优先于\nlineColor\n和\ndotColorstring是
lineColor线颜色string#999是
dotColor圆点颜色string#00B90E是
type水平或垂直string\'horizontal\'\'horizontal\' | \'vertical\'是
showLabel是否显示标签booleantruetrue | false是
showDot是否显示圆点booleantruetrue | false是
size大小number是
className自定义额外类名string\'\'是
style自定义样式object是
\n

Timeline 数组

\n

支持Timeline Item的全部字段

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
额外字段说明类型可选
id默认的\nkey\n，若没有会采用数组下标为\nkeystring是
percent动态大小时占用的比例(0 <= percent <= 1)number是
'}))}}},61773:(n,s,a)=>{"use strict";a.d(s,{T:()=>m});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(19185),i=a(33806),r=function(n){var s=n.color,a=void 0===s?"":s,p=(0,t._T)(n,["color"]);return(0,e.jsx)("div",(0,t.pi)({},p,{className:"zent-timeline-dot",style:{borderColor:a},"data-zv":"10.0.9"}),void 0)},u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.color,a=n.children,p=n.style,o=n.className;return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-timeline-legend",o),style:p,"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-timeline-legend-line",style:{backgroundColor:s},"data-zv":"10.0.9"},{children:(0,e.jsx)(r,{color:s},void 0)}),void 0),(0,e.jsx)("label",(0,t.pi)({className:"zent-timeline-legend-label","data-zv":"10.0.9"},{children:a}),void 0)]}),void 0)},s.defaultProps={className:""},s}(p.Component),k=function(n){var s=n.children,a=n.tip,p=n.position,o=n.popoverRef;return a?(0,e.jsxs)(i.ZP,(0,t.pi)({ref:o,className:"zent-timeline-tip",position:p,cushion:20},{children:[(0,e.jsx)(i.ZP.Trigger.Hover,{children:s},void 0),(0,e.jsx)(i.ZP.Content,{children:a},void 0)]}),void 0):s},d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.popover=null,s.mousePosition={x:0,y:0},s.onMouseMove=function(n){s.mousePosition.x=n.clientX,s.mousePosition.y=n.clientY,s.popover&&s.popover.adjustPosition()},s.position=function(n){var a=n.anchorRect,t=n.contentRect,e=n.containerRect,p=s.props.type,o=a.left,c=(a.top+a.bottom)/2-t.height/2;return{style:"horizontal"===p?{position:"absolute",left:Math.round(s.mousePosition.x-e.left)+"px",top:Math.round(c-40)+"px"}:{position:"absolute",left:Math.round(o+20)+"px",top:Math.round(s.mousePosition.y-e.top)+"px"}}},s.popoverRef=function(n){return s.popover=n},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n,s=this.props,a=s.size,p=s.showLabel,o=void 0===p||p,l=s.showDot,i=void 0===l||l,u=s.color,d=s.label,m=s.tip,h=s.className,g=s.style,y=s.type,v=s.lineColor,b=s.dotColor,f="vertical"===y?"height":"width";return(0,e.jsxs)("li",(0,t.pi)({className:c()("zent-timeline-item",h),style:g,onMouseMove:this.onMouseMove,"data-zv":"10.0.9"},{children:[(0,e.jsx)(k,(0,t.pi)({tip:m,position:this.position,popoverRef:this.popoverRef},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-timeline-item-hover","data-zv":"10.0.9"},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-timeline-item-line",style:(n={},n[f]=a,n.backgroundColor=u||v,n),"data-zv":"10.0.9"},{children:i&&(0,e.jsx)(r,{color:u||b},void 0)}),void 0)}),void 0)}),void 0),o&&(0,e.jsx)("label",(0,t.pi)({className:"zent-timeline-item-label","data-zv":"10.0.9"},{children:d}),void 0)]}),void 0)},s.defaultProps={showLabel:!0,showDot:!0,lineColor:"#f2f3f5",dotColor:"#155BD4"},s}(p.PureComponent),m=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.renderChildren=function(){var n=this.props,s=n.children,a=n.timeline,o=n.type,c=n.size;return a&&a.length?function(n,s){return n.map((function(n,a){if("string"==typeof n)return{key:n,label:n};var e=n.id,p=n.percent,o=(0,t._T)(n,["id","percent"]);return(0,t.pi)({key:e||a,size:p&&p*s},o)}))}(a,c).reduce((function(n,s){return n.push((0,e.jsx)(d,(0,t.pi)({},s,{type:o}),void 0)),n}),[]):p.Children.map(s,(function(n){return(0,l.isElement)(n)?(0,p.cloneElement)(n,{type:o}):null}))},s.prototype.render=function(){var n,s=this.props,a=s.size,p=s.type,o=s.className,l="horizontal"===p?"width":"height",i=(0,t.pi)((0,t.pi)({},this.props.style),((n={})[l]=a,n));return(0,e.jsx)("ul",(0,t.pi)({className:c()("zent-timeline","zent-timeline-"+p,{"zent-timeline-dynamic":Boolean(a)},o),style:i,"data-zv":"10.0.9"},{children:this.renderChildren()}),void 0)},s.defaultProps={type:"horizontal",size:"100%",style:{}},s.Item=d,s.Legend=u,s}(p.PureComponent)}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5353],{35353:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>b});var t=a(73450),e=a(27378),p=a(57318),o=a(61773),c=a(80964),l=a(24246);function i(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 r(n){for(var s=1;s{this.setState({size:n})}))}render(){var s=this.state.size;return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.Y,{value:s,onChange:this.onChange,showStepper:!0}),(0,l.jsx)(o.T,{size:s,timeline:n})]})}}return(0,l.jsx)(s,{})};function m(n){return(0,l.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,l.jsx)(m,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function g(n){return(0,l.jsx)(m,{tag:"style",html:n.style})}function y(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),y(n.parentNode,s);return s}class v 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,e=s.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(m,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends e.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,p.l)(document.documentElement,0,y(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(g,{style:""}),e.createElement(h,{html:'

Timeline

\n

代码演示

'}),e.createElement(v,{title:"基础用法",id:"Demobasic",src:'import { Timeline } from \'zent\';\n\nReactDOM.render(\n <div>\n <h3>横向</h3>\n <Timeline.Legend>样例</Timeline.Legend>\n <Timeline type="horizontal">\n <Timeline.Item label="Time 1" />\n <Timeline.Item label="Time 2" tip="hello" />\n <Timeline.Item label="Time 3" />\n <Timeline.Item size={0} label="自定义长度" />\n </Timeline>\n <h3>纵向</h3>\n <Timeline.Legend>样例</Timeline.Legend>\n <Timeline type="vertical">\n <Timeline.Item label="Time 1" />\n <Timeline.Item label="Time 2" tip="hello" />\n <Timeline.Item label="Time 3" />\n <Timeline.Item label="不显示圆点，自定义颜色" showDot={false} lineColor="red" />\n <Timeline.Item label="不显示标签" showLabel={false} />\n <Timeline.Item label="自定义圆点颜色" dotColor="#5197FF" />\n <Timeline.Item size={0} label="自定义长度" />\n </Timeline>\n </div>,\n mountNode\n);'},e.createElement(u)),e.createElement(v,{title:"数组",id:"Demoarray",src:'import { Timeline } from \'zent\';\n\nconst timeline = [\n \'hello\',\n \'world\',\n {\n label: \'blue\',\n dotColor: \'#5197FF\',\n },\n {\n label: \'red\',\n lineColor: \'#E70000\',\n },\n {\n label: \'color\',\n color: \'#E70000\',\n },\n];\n\nReactDOM.render(\n <div>\n <Timeline type="horizontal" timeline={timeline} />\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(v,{title:"动态大小",id:"Demodynamic",src:'import { Timeline, NumberInput } from \'zent\';\n\nconst timeline = [\n {\n label: \'online\',\n color: \'#00b90e\',\n percent: 0.3\n },\n {\n label: \'unknown\',\n percent: 0.2,\n showDot: false,\n showLabel: false\n },\n {\n label: \'offline\',\n color: \'#E70000\',\n percent: 0.5\n }\n];\n\nclass App extends React.Component {\n state = {\n size: 500\n }\n\n onChange = (size) => {\n this.setState({\n size,\n });\n }\n\n render() {\n const { size } = this.state;\n\n return (\n <div>\n <NumberInput value={size} onChange={this.onChange} showStepper />\n <Timeline size={size} timeline={timeline} />\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />,\n mountNode\n);'},e.createElement(d)),e.createElement(h,{html:'

API

\n

Timeline

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值可选
type水平或垂直string\'horizontal\'\'horizontal\' | \'vertical\'是
size大小number是
timeline时间轴数组Array是是
className自定义额外类名string\'\'是
style自定义样式object是
\n

Timeline Item

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值可选
label标签node是
tiphover 时的弹层提示node是
color颜色，优先于\nlineColor\n和\ndotColorstring是
lineColor线颜色string#999是
dotColor圆点颜色string#00B90E是
type水平或垂直string\'horizontal\'\'horizontal\' | \'vertical\'是
showLabel是否显示标签booleantruetrue | false是
showDot是否显示圆点booleantruetrue | false是
size大小number是
className自定义额外类名string\'\'是
style自定义样式object是
\n

Timeline 数组

\n

支持Timeline Item的全部字段

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
额外字段说明类型可选
id默认的\nkey\n，若没有会采用数组下标为\nkeystring是
percent动态大小时占用的比例(0 <= percent <= 1)number是
'}))}}},61773:(n,s,a)=>{"use strict";a.d(s,{T:()=>m});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(19185),i=a(33806),r=function(n){var s=n.color,a=void 0===s?"":s,p=(0,t._T)(n,["color"]);return(0,e.jsx)("div",(0,t.pi)({},p,{className:"zent-timeline-dot",style:{borderColor:a},"data-zv":"10.0.10"}),void 0)},u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.color,a=n.children,p=n.style,o=n.className;return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-timeline-legend",o),style:p,"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-timeline-legend-line",style:{backgroundColor:s},"data-zv":"10.0.10"},{children:(0,e.jsx)(r,{color:s},void 0)}),void 0),(0,e.jsx)("label",(0,t.pi)({className:"zent-timeline-legend-label","data-zv":"10.0.10"},{children:a}),void 0)]}),void 0)},s.defaultProps={className:""},s}(p.Component),k=function(n){var s=n.children,a=n.tip,p=n.position,o=n.popoverRef;return a?(0,e.jsxs)(i.ZP,(0,t.pi)({ref:o,className:"zent-timeline-tip",position:p,cushion:20},{children:[(0,e.jsx)(i.ZP.Trigger.Hover,{children:s},void 0),(0,e.jsx)(i.ZP.Content,{children:a},void 0)]}),void 0):s},d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.popover=null,s.mousePosition={x:0,y:0},s.onMouseMove=function(n){s.mousePosition.x=n.clientX,s.mousePosition.y=n.clientY,s.popover&&s.popover.adjustPosition()},s.position=function(n){var a=n.anchorRect,t=n.contentRect,e=n.containerRect,p=s.props.type,o=a.left,c=(a.top+a.bottom)/2-t.height/2;return{style:"horizontal"===p?{position:"absolute",left:Math.round(s.mousePosition.x-e.left)+"px",top:Math.round(c-40)+"px"}:{position:"absolute",left:Math.round(o+20)+"px",top:Math.round(s.mousePosition.y-e.top)+"px"}}},s.popoverRef=function(n){return s.popover=n},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n,s=this.props,a=s.size,p=s.showLabel,o=void 0===p||p,l=s.showDot,i=void 0===l||l,u=s.color,d=s.label,m=s.tip,h=s.className,g=s.style,y=s.type,v=s.lineColor,b=s.dotColor,f="vertical"===y?"height":"width";return(0,e.jsxs)("li",(0,t.pi)({className:c()("zent-timeline-item",h),style:g,onMouseMove:this.onMouseMove,"data-zv":"10.0.10"},{children:[(0,e.jsx)(k,(0,t.pi)({tip:m,position:this.position,popoverRef:this.popoverRef},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-timeline-item-hover","data-zv":"10.0.10"},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-timeline-item-line",style:(n={},n[f]=a,n.backgroundColor=u||v,n),"data-zv":"10.0.10"},{children:i&&(0,e.jsx)(r,{color:u||b},void 0)}),void 0)}),void 0)}),void 0),o&&(0,e.jsx)("label",(0,t.pi)({className:"zent-timeline-item-label","data-zv":"10.0.10"},{children:d}),void 0)]}),void 0)},s.defaultProps={showLabel:!0,showDot:!0,lineColor:"#f2f3f5",dotColor:"#155BD4"},s}(p.PureComponent),m=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.renderChildren=function(){var n=this.props,s=n.children,a=n.timeline,o=n.type,c=n.size;return a&&a.length?function(n,s){return n.map((function(n,a){if("string"==typeof n)return{key:n,label:n};var e=n.id,p=n.percent,o=(0,t._T)(n,["id","percent"]);return(0,t.pi)({key:e||a,size:p&&p*s},o)}))}(a,c).reduce((function(n,s){return n.push((0,e.jsx)(d,(0,t.pi)({},s,{type:o}),void 0)),n}),[]):p.Children.map(s,(function(n){return(0,l.isElement)(n)?(0,p.cloneElement)(n,{type:o}):null}))},s.prototype.render=function(){var n,s=this.props,a=s.size,p=s.type,o=s.className,l="horizontal"===p?"width":"height",i=(0,t.pi)((0,t.pi)({},this.props.style),((n={})[l]=a,n));return(0,e.jsx)("ul",(0,t.pi)({className:c()("zent-timeline","zent-timeline-"+p,{"zent-timeline-dynamic":Boolean(a)},o),style:i,"data-zv":"10.0.10"},{children:this.renderChildren()}),void 0)},s.defaultProps={type:"horizontal",size:"100%",style:{}},s.Item=d,s.Legend=u,s}(p.PureComponent)}}]); \ No newline at end of file diff --git a/541-7aa2a7cb4d68b4cbea4a.js b/541-cf326336c37ed7081141.js similarity index 99% rename from 541-7aa2a7cb4d68b4cbea4a.js rename to 541-cf326336c37ed7081141.js index 2a74831e4..4fac6de82 100644 --- a/541-7aa2a7cb4d68b4cbea4a.js +++ b/541-cf326336c37ed7081141.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[541],{20541:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>b});var t=a(73450),e=a(27378),p=a(57318),c=a(56377),o=a(24246);function l(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 i(n){for(var s=1;s{this.setState({checkedLarge:n})})),(0,t.Z)(this,"handleChangeSmall",(n=>{this.setState({checkedSmall:n})}))}render(){return(0,o.jsxs)("div",{children:[(0,o.jsx)(c.r,{checked:this.state.checkedLarge,onChange:this.handleChangeLarge}),"  ",(0,o.jsx)(c.r,{size:"small",checked:this.state.checkedSmall,onChange:this.handleChangeSmall})]})}}return(0,o.jsx)(n,{})},u=function(){return(0,o.jsxs)("div",{children:[(0,o.jsx)(c.r,{checked:!0,disabled:!0}),"  ",(0,o.jsx)(c.r,{checked:!1,disabled:!0})]})},k=function(){return(0,o.jsxs)("div",{children:[(0,o.jsx)(c.r,{checked:!0,loading:!0}),"  ",(0,o.jsx)(c.r,{loading:!0}),"  ",(0,o.jsx)(c.r,{checked:!0,size:"small",loading:!0}),"  ",(0,o.jsx)(c.r,{size:"small",loading:!0})]})};function d(n){return(0,o.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,o.jsx)(d,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,o.jsx)(d,{tag:"style",html:n.style})}function g(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),g(n.parentNode,s);return s}class y 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,e=s.children;return(0,o.jsxs)("div",{className:"zandoc-react-demo",children:[(0,o.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,o.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,o.jsx)("div",{className:"zandoc-react-demo__title",children:(0,o.jsx)("p",{children:a||""})}),(0,o.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,o.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,o.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends e.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,p.l)(document.documentElement,0,g(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:""}),e.createElement(h,{html:'

Switch

\n

Switch is a switching selector。

\n

Guides

\n

Switch is recommended to be used when you need to indicate the switch between two status.

\n

Demos

'}),e.createElement(y,{title:"Basic usage",id:"Demobasic",src:'import { Switch } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n checkedLarge: true,\n checkedSmall: true,\n };\n\n handleChangeLarge = checked => {\n this.setState({ checkedLarge: checked });\n };\n\n handleChangeSmall = checked => {\n this.setState({ checkedSmall: checked });\n };\n\n render() {\n return (\n <div>\n <Switch\n checked={this.state.checkedLarge}\n onChange={this.handleChangeLarge}\n />\n &nbsp;&nbsp;\n <Switch\n size="small"\n checked={this.state.checkedSmall}\n onChange={this.handleChangeSmall}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(r)),e.createElement(y,{title:"disabled",id:"Demodisable",src:'import { Switch } from \'zent\';\n\nReactDOM.render(\n <div>\n <Switch checked disabled />\n &nbsp;&nbsp;\n <Switch checked={false} disabled />\n </div>\n , mountNode\n);'},e.createElement(u)),e.createElement(y,{title:"Switch with loading",id:"Demoloading",src:'import { Switch } from \'zent\';\n\nReactDOM.render(\n <div>\n <Switch checked loading />\n &nbsp;&nbsp;\n <Switch loading />\n &nbsp;&nbsp;\n <Switch checked size="small" loading />\n &nbsp;&nbsp;\n <Switch size="small" loading />\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(h,{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
PropertyDescriptionTypeDefaultAlternative
checkedThe current statusbool
onChangeThe callback function that is triggered when the value of \nchecked\n is changed.func(checked: bool)noop
disabledDisable the switchboolfalsetrue
sizeThe size of the switchstring\'default\'\'small\'
classNameThe custom classnamestring\'\'
loadingThe status of loadingboolfalsetrue
'}))}}},56377:(n,s,a)=>{"use strict";a.d(s,{r:()=>i});var t=a(59312),e=a(24246),p=a(27378),c=a(60042),o=a.n(c),l=a(1348),i=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,p=s.disabled,c=void 0===p?this.context.value:p,l=s.loading,i=s.checked,r=c||l,u=o()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=r,n["zent-switch-loading"]=l,n["zent-switch-checked"]=i,n),"zent-switch",a);return(0,e.jsx)("div",{className:u,onClick:r?void 0:this.toggle,"data-zv":"10.0.9"},void 0)},s.defaultProps={size:"default"},s.contextType=l.d,s}(p.Component);s.Z=i}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[541],{20541:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>b});var t=a(73450),e=a(27378),p=a(57318),c=a(56377),o=a(24246);function l(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 i(n){for(var s=1;s{this.setState({checkedLarge:n})})),(0,t.Z)(this,"handleChangeSmall",(n=>{this.setState({checkedSmall:n})}))}render(){return(0,o.jsxs)("div",{children:[(0,o.jsx)(c.r,{checked:this.state.checkedLarge,onChange:this.handleChangeLarge}),"  ",(0,o.jsx)(c.r,{size:"small",checked:this.state.checkedSmall,onChange:this.handleChangeSmall})]})}}return(0,o.jsx)(n,{})},u=function(){return(0,o.jsxs)("div",{children:[(0,o.jsx)(c.r,{checked:!0,disabled:!0}),"  ",(0,o.jsx)(c.r,{checked:!1,disabled:!0})]})},k=function(){return(0,o.jsxs)("div",{children:[(0,o.jsx)(c.r,{checked:!0,loading:!0}),"  ",(0,o.jsx)(c.r,{loading:!0}),"  ",(0,o.jsx)(c.r,{checked:!0,size:"small",loading:!0}),"  ",(0,o.jsx)(c.r,{size:"small",loading:!0})]})};function d(n){return(0,o.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,o.jsx)(d,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,o.jsx)(d,{tag:"style",html:n.style})}function g(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),g(n.parentNode,s);return s}class y 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,e=s.children;return(0,o.jsxs)("div",{className:"zandoc-react-demo",children:[(0,o.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,o.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,o.jsx)("div",{className:"zandoc-react-demo__title",children:(0,o.jsx)("p",{children:a||""})}),(0,o.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,o.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,o.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends e.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,p.l)(document.documentElement,0,g(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:""}),e.createElement(h,{html:'

Switch

\n

Switch is a switching selector。

\n

Guides

\n

Switch is recommended to be used when you need to indicate the switch between two status.

\n

Demos

'}),e.createElement(y,{title:"Basic usage",id:"Demobasic",src:'import { Switch } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n checkedLarge: true,\n checkedSmall: true,\n };\n\n handleChangeLarge = checked => {\n this.setState({ checkedLarge: checked });\n };\n\n handleChangeSmall = checked => {\n this.setState({ checkedSmall: checked });\n };\n\n render() {\n return (\n <div>\n <Switch\n checked={this.state.checkedLarge}\n onChange={this.handleChangeLarge}\n />\n &nbsp;&nbsp;\n <Switch\n size="small"\n checked={this.state.checkedSmall}\n onChange={this.handleChangeSmall}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(r)),e.createElement(y,{title:"disabled",id:"Demodisable",src:'import { Switch } from \'zent\';\n\nReactDOM.render(\n <div>\n <Switch checked disabled />\n &nbsp;&nbsp;\n <Switch checked={false} disabled />\n </div>\n , mountNode\n);'},e.createElement(u)),e.createElement(y,{title:"Switch with loading",id:"Demoloading",src:'import { Switch } from \'zent\';\n\nReactDOM.render(\n <div>\n <Switch checked loading />\n &nbsp;&nbsp;\n <Switch loading />\n &nbsp;&nbsp;\n <Switch checked size="small" loading />\n &nbsp;&nbsp;\n <Switch size="small" loading />\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(h,{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
PropertyDescriptionTypeDefaultAlternative
checkedThe current statusbool
onChangeThe callback function that is triggered when the value of \nchecked\n is changed.func(checked: bool)noop
disabledDisable the switchboolfalsetrue
sizeThe size of the switchstring\'default\'\'small\'
classNameThe custom classnamestring\'\'
loadingThe status of loadingboolfalsetrue
'}))}}},56377:(n,s,a)=>{"use strict";a.d(s,{r:()=>i});var t=a(59312),e=a(24246),p=a(27378),c=a(60042),o=a.n(c),l=a(1348),i=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,p=s.disabled,c=void 0===p?this.context.value:p,l=s.loading,i=s.checked,r=c||l,u=o()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=r,n["zent-switch-loading"]=l,n["zent-switch-checked"]=i,n),"zent-switch",a);return(0,e.jsx)("div",{className:u,onClick:r?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},s.defaultProps={size:"default"},s.contextType=l.d,s}(p.Component);s.Z=i}}]); \ No newline at end of file diff --git a/5683-e869fb410d2ceefa6fcb.js b/5683-b2c3a654aa6599d07a12.js similarity index 92% rename from 5683-e869fb410d2ceefa6fcb.js rename to 5683-b2c3a654aa6599d07a12.js index 4243bbea8..4b515c988 100644 --- a/5683-e869fb410d2ceefa6fcb.js +++ b/5683-b2c3a654aa6599d07a12.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5683],{55683:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>v});var t=s(73450),p=s(27378),e=s(57318),o=s(45516),c=s(24246);function l(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function u(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,p=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(k,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class v extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,h(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(m,{style:""}),p.createElement(d,{html:'

BlockHeader 标题

\n

这是一个模块标题。

\n

代码演示

'}),p.createElement(g,{title:"基础用法",id:"Demobasic",src:'import { BlockHeader } from \'zent\';\n\nclass Simple extends React.Component {\n render() {\n return (\n <div>\n <BlockHeader\n title="有赞微商城"\n tooltip={<span>test</span>}\n position="top-center"\n />\n <br />\n <BlockHeader\n className="test-class"\n title="有赞微商城"\n position="top-center"\n leftContent={\n <a className="zent-link" href="/">\n left content\n </a>\n }\n />\n <br />\n <BlockHeader\n title="有赞微商城"\n tooltip={<span>test</span>}\n position="top-center"\n rightContent={\n <a className="zent-link" href="/">\n right content\n </a>\n }\n />\n <br />\n <BlockHeader\n className="test-class"\n title="有赞微商城"\n tooltip={<span>test</span>}\n position="top-center"\n leftContent={\n <a className="zent-link" href="/">\n left content\n </a>\n }\n rightContent={\n <a className="zent-link" href="/">\n right content\n </a>\n }\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(i)),p.createElement(g,{title:"风格",id:"Demotype",src:'import { BlockHeader } from \'zent\';\n\nclass Type extends React.Component {\n render() {\n return (\n <div>\n <BlockHeader title="ribbon (默认)" />\n <br />\n <BlockHeader\n type="minimum"\n title="minimum"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Type />, mountNode);'},p.createElement(r)),p.createElement(d,{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
参数说明类型默认值备选值
className自定义类名string''
type风格'ribbon' \n|\n 'minimum''ribbon''minimum'
title标题ReactNode
tooltippop 显示内容ReactNode
positionpop 显示位置string'top-right'
leftContent左侧自定义内容ReactNode
rightContent右侧自定义内容ReactNode
"}))}}},45516:(n,a,s)=>{"use strict";s.d(a,{t:()=>i});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(85883),u=s(27036),i=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.renderTitle=function(){var n=this.props,a=n.title,s=n.type;return(0,p.jsx)("div",(0,t.pi)({className:c()("zent-block-header__title",{"zent-block-header__title-ribbon":"ribbon"===s}),"data-zv":"10.0.9"},{children:(0,p.jsx)("h3",(0,t.pi)({"data-zv":"10.0.9"},{children:a}),void 0)}),void 0)},a.prototype.renderTooltip=function(){var n=this.props,a=n.tooltip,s=n.position;return(0,p.jsx)("div",(0,t.pi)({className:"zent-block-header__pop","data-zv":"10.0.9"},{children:(0,p.jsx)(l.Z,(0,t.pi)({trigger:"hover",centerArrow:!0,position:s,content:(0,p.jsx)("div",(0,t.pi)({className:"zent-block-header__tooltip","data-zv":"10.0.9"},{children:a}),void 0)},{children:(0,p.jsx)(u.Z,{className:"zent-block-header__pop-help-icon",type:"help-circle"},void 0)}),void 0)}),void 0)},a.prototype.renderLeftContent=function(){var n=this.props.leftContent;return(0,p.jsx)("div",(0,t.pi)({className:c()("zent-block-header__content","zent-block-header__content-left"),"data-zv":"10.0.9"},{children:n}),void 0)},a.prototype.renderRightContent=function(){var n=this.props.rightContent;return(0,p.jsx)("div",(0,t.pi)({className:c()("zent-block-header__content","zent-block-header__content-right"),"data-zv":"10.0.9"},{children:n}),void 0)},a.prototype.render=function(){var n=this.props,a=n.leftContent,s=n.rightContent,e=n.tooltip,o=n.className,l=n.type;return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-block-header",o,{"zent-block-header-ribbon":"ribbon"===l,"zent-block-header-minimum":"minimum"===l}),"data-zv":"10.0.9"},{children:[this.renderTitle(),e&&this.renderTooltip(),a&&this.renderLeftContent(),s&&this.renderRightContent()]}),void 0)},a.defaultProps={className:"",position:"top-right",type:"ribbon"},a}(e.Component)},85883:(n,a,s)=>{"use strict";var t=s(92497);a.Z=t.Z}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5683],{55683:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>v});var t=s(73450),p=s(27378),e=s(57318),o=s(45516),c=s(24246);function l(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function u(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,p=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(k,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class v extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,h(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(m,{style:""}),p.createElement(d,{html:'

BlockHeader 标题

\n

这是一个模块标题。

\n

代码演示

'}),p.createElement(g,{title:"基础用法",id:"Demobasic",src:'import { BlockHeader } from \'zent\';\n\nclass Simple extends React.Component {\n render() {\n return (\n <div>\n <BlockHeader\n title="有赞微商城"\n tooltip={<span>test</span>}\n position="top-center"\n />\n <br />\n <BlockHeader\n className="test-class"\n title="有赞微商城"\n position="top-center"\n leftContent={\n <a className="zent-link" href="/">\n left content\n </a>\n }\n />\n <br />\n <BlockHeader\n title="有赞微商城"\n tooltip={<span>test</span>}\n position="top-center"\n rightContent={\n <a className="zent-link" href="/">\n right content\n </a>\n }\n />\n <br />\n <BlockHeader\n className="test-class"\n title="有赞微商城"\n tooltip={<span>test</span>}\n position="top-center"\n leftContent={\n <a className="zent-link" href="/">\n left content\n </a>\n }\n rightContent={\n <a className="zent-link" href="/">\n right content\n </a>\n }\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(i)),p.createElement(g,{title:"风格",id:"Demotype",src:'import { BlockHeader } from \'zent\';\n\nclass Type extends React.Component {\n render() {\n return (\n <div>\n <BlockHeader title="ribbon (默认)" />\n <br />\n <BlockHeader\n type="minimum"\n title="minimum"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Type />, mountNode);'},p.createElement(r)),p.createElement(d,{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
参数说明类型默认值备选值
className自定义类名string''
type风格'ribbon' \n|\n 'minimum''ribbon''minimum'
title标题ReactNode
tooltippop 显示内容ReactNode
positionpop 显示位置string'top-right'
leftContent左侧自定义内容ReactNode
rightContent右侧自定义内容ReactNode
"}))}}},45516:(n,a,s)=>{"use strict";s.d(a,{t:()=>i});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(85883),u=s(27036),i=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.renderTitle=function(){var n=this.props,a=n.title,s=n.type;return(0,p.jsx)("div",(0,t.pi)({className:c()("zent-block-header__title",{"zent-block-header__title-ribbon":"ribbon"===s}),"data-zv":"10.0.10"},{children:(0,p.jsx)("h3",(0,t.pi)({"data-zv":"10.0.10"},{children:a}),void 0)}),void 0)},a.prototype.renderTooltip=function(){var n=this.props,a=n.tooltip,s=n.position;return(0,p.jsx)("div",(0,t.pi)({className:"zent-block-header__pop","data-zv":"10.0.10"},{children:(0,p.jsx)(l.Z,(0,t.pi)({trigger:"hover",centerArrow:!0,position:s,content:(0,p.jsx)("div",(0,t.pi)({className:"zent-block-header__tooltip","data-zv":"10.0.10"},{children:a}),void 0)},{children:(0,p.jsx)(u.Z,{className:"zent-block-header__pop-help-icon",type:"help-circle"},void 0)}),void 0)}),void 0)},a.prototype.renderLeftContent=function(){var n=this.props.leftContent;return(0,p.jsx)("div",(0,t.pi)({className:c()("zent-block-header__content","zent-block-header__content-left"),"data-zv":"10.0.10"},{children:n}),void 0)},a.prototype.renderRightContent=function(){var n=this.props.rightContent;return(0,p.jsx)("div",(0,t.pi)({className:c()("zent-block-header__content","zent-block-header__content-right"),"data-zv":"10.0.10"},{children:n}),void 0)},a.prototype.render=function(){var n=this.props,a=n.leftContent,s=n.rightContent,e=n.tooltip,o=n.className,l=n.type;return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-block-header",o,{"zent-block-header-ribbon":"ribbon"===l,"zent-block-header-minimum":"minimum"===l}),"data-zv":"10.0.10"},{children:[this.renderTitle(),e&&this.renderTooltip(),a&&this.renderLeftContent(),s&&this.renderRightContent()]}),void 0)},a.defaultProps={className:"",position:"top-right",type:"ribbon"},a}(e.Component)},85883:(n,a,s)=>{"use strict";var t=s(92497);a.Z=t.Z}}]); \ No newline at end of file diff --git a/5762-977ba3c5ff84ba3d01c2.js b/5762-977ba3c5ff84ba3d01c2.js deleted file mode 100644 index f69fa0852..000000000 --- a/5762-977ba3c5ff84ba3d01c2.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5762],{65762:(e,t,n)=>{"use strict";n.d(t,{Q:()=>f});var o=n(59312),r=n(24246),s=n(27378),i=n(60042),u=n.n(i),a=n(41925),l=n(82285),c=n(33806),p=n(99292),d=n(1348),v=p.ZP.caselessMatchFilterOption,f=function(e){function t(t){var n=e.call(this,t)||this;return n.blurHandlerPrevented=!1,n.refMenuItemList=(0,s.createRef)(),n.onSearchTextChange=function(e){var t=e.target.value,o=n.props.valueFromOptions?n.getSelectedValueFromSearchText(t):t;n.setState({searchText:t,value:o}),n.state.open||n.open(),n.props.onSearch&&n.props.onSearch(t),n.props.onChange&&n.props.onChange(o)},n.onSearchKeyDown=function(e){switch(e.key){case"Escape":case"Tab":n.close();break;case"ArrowDown":e.preventDefault(),n.state.open&&n.moveFocusIndexDown();break;case"ArrowUp":e.preventDefault(),n.state.open&&n.moveFocusIndexUp();break;case"Enter":n.state.open&&n.selectCurrentFocusIndex(e)}},n.onSearchBlur=function(){n.props.valueFromOptions&&setTimeout((function(){if(!n.blurHandlerPrevented){var e=n.state,t=e.searchText,o=e.value,r=n.getSelectedValueFromSearchText(t);r?r!==o&&(n.props.onSelect&&n.props.onSelect(r),n.props.onChange&&n.props.onChange(r)):(n.props.onSelect&&n.props.onSelect(null),n.props.onChange&&n.props.onChange(null))}n.blurHandlerPrevented=!1}),100)},n.getSelectedValueFromSearchText=function(e){var t=null;return n.getTransformedItemConfigsFromProps().some((function(n){return(n.searchContent===e||n.content===e||n.value===e)&&(t=n.value,!0)})),t},n.onSelect=function(e){n.blurHandlerPrevented=!0,n.setState({value:e}),n.props.onSelect&&n.props.onSelect(e),n.props.onChange&&n.props.onChange(e),n.close()},n.getTransformedItemConfigs=(0,a.Z)((function(e,t,n,r,s){return(r||s||[]).map((function(r){if("string"==typeof r||"number"==typeof r)return{value:r,content:r};if("object"==typeof r)return(0,o.pi)((0,o.pi)({},r),{value:r[e],content:r[n]||r[t]||r[e]});throw new Error("AutoComplete unresolvable option!")}))})),n.getDisplayText=function(){var e=n.state.value,t=e||"",o=n.getItemByValue(e);return o&&("string"==typeof o.searchContent?t=o.searchContent:"string"==typeof o.content&&(t=o.content)),t},n.open=function(){var e={open:!0,searchText:n.getDisplayText()||""};n.setState(e)},n.close=function(){n.setState({open:!1})},n.togglePopoverOpen=function(){n.state.open?n.close():n.open()},n.iterateItems=function(e,t){var n=null;return(e||[]).some((function(e){return!(!e||e.value!==t||(n=e,0))})),n},n.getItemByValue=function(e){return n.iterateItems(n.getTransformedItemConfigsFromProps(),e)},n.moveFocusIndexDown=function(){var e=n.refMenuItemList.current;if(e)return e.moveFocusIndexDown()},n.moveFocusIndexUp=function(){var e=n.refMenuItemList.current;if(e)return e.moveFocusIndexUp()},n.selectCurrentFocusIndex=function(e){var t=n.refMenuItemList.current;if(t)return t.selectCurrentFocusIndex(e)},n.state={open:!1,value:t.initialValue||t.value||null,searchText:""},n}return(0,o.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){var n=e.value;return void 0===n||t.value===n?null:{value:e.value}},t.prototype.getTransformedItemConfigsFromProps=function(){var e=this.props,t=e.items,n=e.data,o=e.textField,r=e.valueField,s=e.contentField;return this.getTransformedItemConfigs(r,o,s,t,n)},t.prototype.render=function(){var e=this.props,t=e.width,n=e.placeholder,s=e.className,i=e.popupClassName,a=e.disabled,d=void 0===a?this.context.value:a,v=e.inline,f=this.state,m=f.open,h=f.searchText,I=this.getTransformedItemConfigsFromProps(),x=this.getDisplayText();return(0,r.jsxs)(c.ZP,(0,o.pi)({position:c.ZP.Position.AutoBottomLeft,visible:m,className:u()("zent-auto-complete",i),onVisibleChange:this.togglePopoverOpen,cushion:4},{children:[(0,r.jsx)(c.ZP.Trigger.Click,{children:(0,r.jsx)(l.I,{className:u()("zent-auto-complete",s,{active:m}),value:(m?h:x)||"",placeholder:n,onChange:this.onSearchTextChange,onKeyDown:this.onSearchKeyDown,onBlur:this.onSearchBlur,disabled:d,width:t,inline:v},void 0)},void 0),(0,r.jsx)(c.ZP.Content,{children:(0,r.jsx)(p.ZP,{ref:this.refMenuItemList,items:I,value:this.state.value,searchText:this.state.searchText,onSelect:this.onSelect,filterOption:this.props.filterOption,onRequestClose:this.close},void 0)},void 0)]}),void 0)},t.defaultProps={filterOption:v,valueFromOptions:!1,valueField:"value",contentField:"content",textField:"text",width:160},t.contextType=d.d,t}(s.Component)},99292:(e,t,n)=>{"use strict";n.d(t,{ZP:()=>f});var o=n(59312),r=n(24246),s=n(27378),i=n(41925),u=n(60042),a=n.n(u),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onClick=function(e){var n=t.props;return c({item:n.item,onRequestClose:n.onRequestClose,event:e})},t.onMouseEnter=function(){var e=t.props;(0,e.focusTo)(e.index,!1)},t.onMouseLeave=function(){t.props.focusTo(null)},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.item,n=e.hover;if(!t)return null;var s=t.className,i=t.isDivider,u=t.isGroup,l=t.content;if(i)return(0,r.jsx)("div",{className:a()("zent-divider-line",s),"data-zv":"10.0.9"},void 0);if(u)return(0,r.jsx)("li",(0,o.pi)({className:a()("zent-menu-item-group-header",s),"data-zv":"10.0.9"},{children:(0,r.jsx)("span",(0,o.pi)({"data-zv":"10.0.9"},{children:l}),void 0)}),void 0);var c="number"==typeof l||"string"==typeof l?""+l:void 0,p="function"==typeof t.active?t.active(t.value):!!t.active,d=void 0===t.hoverable||!!t.hoverable;return(0,r.jsxs)("li",(0,o.pi)({className:a()("zent-popup-menu-item",{hoverable:d,disabled:t.disabled,active:p,hover:n},s),onClick:this.onClick,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,"data-zv":"10.0.9"},{children:[t.icon?(0,r.jsx)("i",{className:a()("zent-popup-menu-item-icon"),"data-zv":"10.0.9"},void 0):null,(0,r.jsx)("span",(0,o.pi)({title:c,"data-zv":"10.0.9"},{children:l}),void 0)]}),void 0)},t}(s.Component);function c(e){var t=e.event,n=e.item,o=e.onRequestClose,r=n.disabled,s=n.onClick;r||s&&(s(t),t.defaultPrevented||(t.preventDefault(),t.stopPropagation(),o&&o()))}var p=function(e){function t(t){var n=e.call(this,t)||this;return n.refMenuScrollContainer=(0,s.createRef)(),n.refMenuItemList=(0,s.createRef)(),n.onKeyDown=function(e){switch(e.key){case"Escape":n.close();break;case"ArrowDown":e.preventDefault(),n.state.open&&n.moveFocusIndexDown();break;case"ArrowUp":e.preventDefault(),n.state.open&&n.moveFocusIndexUp();break;case"Enter":n.state.open&&n.selectCurrentFocusIndex(e)}},n.setFocusIndex=function(e,t){void 0===t&&(t=!0),n.setState({focusIdx:null==e?null:n.getItemIdxInItems(e),autoScrollFocusIdx:t?e:null})},n.getItemIdxInItems=function(e){var t=n.props.items,o=e%t.length;return o<0&&(o+=t.length),o},n.getValidItemIdx=function(e,t){void 0===t&&(t=!0);var o=n.props.items;if(!o||!o.length||o.every((function(e){return e.isDivider&&e.isGroup}))||"number"!=typeof e||Number.isNaN(e))return null;var r=n.getItemIdxInItems(e),s=o[r];if(!s||s.isDivider||s.isGroup||s.disabled){var i=r;for(s=o[r=n.getItemIdxInItems(t?r+1:r-1)];!s||(s.isDivider||s.isGroup||s.disabled)&&r!==i;)s=o[r=n.getItemIdxInItems(t?r+1:r-1)]}return r},n.getTopMenu=function(){return n},n.moveFocusIndex=function(e){var t=n.state.focusIdx;null!==t?n.setFocusIndex(n.getValidItemIdx(t+e,e>0)):n.setFocusIndex(n.getValidItemIdx(0))},n.moveFocusIndexDown=function(){n.getTopMenu().moveFocusIndex(1)},n.moveFocusIndexUp=function(){n.getTopMenu().moveFocusIndex(-1)},n.selectCurrentFocusIndex=function(e){var t=n.getTopMenu().state.focusIdx;if(null!==t){var o=n.props,r=o.items,s=o.onRequestClose;c({item:r[t],event:e,onRequestClose:s})}},n.close=function(){n.setState({open:!1})},n.renderItems=function(e){void 0===e&&(e=[]);var t=n.props.onRequestClose,o=n.state.focusIdx;return e.map((function(e,s){return(0,r.jsx)(l,{index:s,item:e,onRequestClose:t,focusTo:n.setFocusIndex,hover:o===s},void 0===e.value?s:e.value)}))},n.state={focusIdx:null},n}return(0,o.ZT)(t,e),t.prototype.componentDidUpdate=function(){this.autoScroll()},t.prototype.autoScroll=function(){var e=(this.props.items||[]).length,t=this.state,n=t.focusIdx,o=t.autoScrollFocusIdx,r=this.refMenuItemList.current,s=this.refMenuScrollContainer.current;if(e&&null!==n&&n===o&&r&&s){var i=r.childNodes[this.state.focusIdx];if(!i)return;var u=i.offsetTop,a=i.offsetHeight,l=s.offsetHeight,c=s.scrollTop;l+cu&&(s.scrollTop=u-0)}},t.prototype.render=function(){var e=this.props.items;return(0,r.jsx)("div",(0,o.pi)({ref:this.refMenuScrollContainer,className:"zent-popup-menu",tabIndex:0,onKeyDown:this.onKeyDown,"data-zv":"10.0.9"},{children:e&&e.length?(0,r.jsx)("ul",(0,o.pi)({ref:this.refMenuItemList,"data-zv":"10.0.9"},{children:this.renderItems(e)}),void 0):null}),void 0)},t}(s.Component),d=function(e){return"string"==typeof e||"number"==typeof e};function v(e,t){return!e||(d(t.searchContent)?(""+t.searchContent).toUpperCase().includes(e.toUpperCase()):d(t.content)?(""+t.content).toUpperCase().includes(e.toUpperCase()):!!d(t.value)&&(""+t.value).toUpperCase().includes(e.toUpperCase()))}var f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.refMenuItemList=(0,s.createRef)(),t.wrapWithIdx=function(e,n){return void 0===e&&(e=[]),void 0===n&&(n=[]),e.map((function(e,r){return(0,o.pi)((0,o.pi)({},e),{idx:r,parentIndexes:n,items:e.items?t.wrapWithIdx(e.items,n.concat([r])):void 0})}))},t.wrapWithNullOption=function(e,t){return void 0===e&&(e=[]),[{content:t,value:null,idx:-1,parentIndexes:[]}].concat(e)},t.wrapWithValueCallback=function(e){return void 0===e&&(e=[]),e.map((function(e){return(0,o.pi)((0,o.pi)((0,o.pi)({active:function(e){return e===t.props.value}},e),void 0!==e.value?{onClick:function(n){t.props.onSelect&&t.props.onSelect(e.value,e),e.onClick&&e.onClick(n)}}:{}),{items:t.wrapWithValueCallback(e.items)})}))},t.transformItems=(0,i.Z)((function(e,n,o){var r=t.wrapWithIdx(e);return n&&(r=t.wrapWithNullOption(r,o)),t.wrapWithValueCallback(r)})),t.moveFocusIndexDown=function(){var e=t.refMenuItemList.current;if(e)return e.moveFocusIndexDown()},t.moveFocusIndexUp=function(){var e=t.refMenuItemList.current;if(e)return e.moveFocusIndexUp()},t.selectCurrentFocusIndex=function(e){var n=t.refMenuItemList.current;if(n)return n.selectCurrentFocusIndex(e)},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.filterOption,n=e.searchText,o=e.items,s=e.nullOption,i=e.nullOptionContent,u=this.transformItems(o,s,i),a=u||[];return"function"==typeof t&&(a=(u||[]).filter((function(e){return t(n,e)}))),(0,r.jsx)(p,{ref:this.refMenuItemList,items:a,onRequestClose:this.props.onRequestClose},void 0)},t.defaultProps={filterOption:v,nullOption:!1},t.caselessMatchFilterOption=v,t}(s.Component)}}]); \ No newline at end of file diff --git a/5762-b8f9624db20163655019.js b/5762-b8f9624db20163655019.js new file mode 100644 index 000000000..7a3e6ccc4 --- /dev/null +++ b/5762-b8f9624db20163655019.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5762],{65762:(e,t,n)=>{"use strict";n.d(t,{Q:()=>f});var o=n(59312),r=n(24246),s=n(27378),i=n(60042),u=n.n(i),a=n(41925),l=n(82285),c=n(33806),p=n(99292),d=n(1348),v=p.ZP.caselessMatchFilterOption,f=function(e){function t(t){var n=e.call(this,t)||this;return n.blurHandlerPrevented=!1,n.refMenuItemList=(0,s.createRef)(),n.onSearchTextChange=function(e){var t=e.target.value,o=n.props.valueFromOptions?n.getSelectedValueFromSearchText(t):t;n.setState({searchText:t,value:o}),n.state.open||n.open(),n.props.onSearch&&n.props.onSearch(t),n.props.onChange&&n.props.onChange(o)},n.onSearchKeyDown=function(e){switch(e.key){case"Escape":case"Tab":n.close();break;case"ArrowDown":e.preventDefault(),n.state.open&&n.moveFocusIndexDown();break;case"ArrowUp":e.preventDefault(),n.state.open&&n.moveFocusIndexUp();break;case"Enter":n.state.open&&n.selectCurrentFocusIndex(e)}},n.onSearchBlur=function(){n.props.valueFromOptions&&setTimeout((function(){if(!n.blurHandlerPrevented){var e=n.state,t=e.searchText,o=e.value,r=n.getSelectedValueFromSearchText(t);r?r!==o&&(n.props.onSelect&&n.props.onSelect(r),n.props.onChange&&n.props.onChange(r)):(n.props.onSelect&&n.props.onSelect(null),n.props.onChange&&n.props.onChange(null))}n.blurHandlerPrevented=!1}),100)},n.getSelectedValueFromSearchText=function(e){var t=null;return n.getTransformedItemConfigsFromProps().some((function(n){return(n.searchContent===e||n.content===e||n.value===e)&&(t=n.value,!0)})),t},n.onSelect=function(e){n.blurHandlerPrevented=!0,n.setState({value:e}),n.props.onSelect&&n.props.onSelect(e),n.props.onChange&&n.props.onChange(e),n.close()},n.getTransformedItemConfigs=(0,a.Z)((function(e,t,n,r,s){return(r||s||[]).map((function(r){if("string"==typeof r||"number"==typeof r)return{value:r,content:r};if("object"==typeof r)return(0,o.pi)((0,o.pi)({},r),{value:r[e],content:r[n]||r[t]||r[e]});throw new Error("AutoComplete unresolvable option!")}))})),n.getDisplayText=function(){var e=n.state.value,t=e||"",o=n.getItemByValue(e);return o&&("string"==typeof o.searchContent?t=o.searchContent:"string"==typeof o.content&&(t=o.content)),t},n.open=function(){var e={open:!0,searchText:n.getDisplayText()||""};n.setState(e)},n.close=function(){n.setState({open:!1})},n.togglePopoverOpen=function(){n.state.open?n.close():n.open()},n.iterateItems=function(e,t){var n=null;return(e||[]).some((function(e){return!(!e||e.value!==t||(n=e,0))})),n},n.getItemByValue=function(e){return n.iterateItems(n.getTransformedItemConfigsFromProps(),e)},n.moveFocusIndexDown=function(){var e=n.refMenuItemList.current;if(e)return e.moveFocusIndexDown()},n.moveFocusIndexUp=function(){var e=n.refMenuItemList.current;if(e)return e.moveFocusIndexUp()},n.selectCurrentFocusIndex=function(e){var t=n.refMenuItemList.current;if(t)return t.selectCurrentFocusIndex(e)},n.state={open:!1,value:t.initialValue||t.value||null,searchText:""},n}return(0,o.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){var n=e.value;return void 0===n||t.value===n?null:{value:e.value}},t.prototype.getTransformedItemConfigsFromProps=function(){var e=this.props,t=e.items,n=e.data,o=e.textField,r=e.valueField,s=e.contentField;return this.getTransformedItemConfigs(r,o,s,t,n)},t.prototype.render=function(){var e=this.props,t=e.width,n=e.placeholder,s=e.className,i=e.popupClassName,a=e.disabled,d=void 0===a?this.context.value:a,v=e.inline,f=this.state,m=f.open,h=f.searchText,I=this.getTransformedItemConfigsFromProps(),x=this.getDisplayText();return(0,r.jsxs)(c.ZP,(0,o.pi)({position:c.ZP.Position.AutoBottomLeft,visible:m,className:u()("zent-auto-complete",i),onVisibleChange:this.togglePopoverOpen,cushion:4},{children:[(0,r.jsx)(c.ZP.Trigger.Click,{children:(0,r.jsx)(l.I,{className:u()("zent-auto-complete",s,{active:m}),value:(m?h:x)||"",placeholder:n,onChange:this.onSearchTextChange,onKeyDown:this.onSearchKeyDown,onBlur:this.onSearchBlur,disabled:d,width:t,inline:v},void 0)},void 0),(0,r.jsx)(c.ZP.Content,{children:(0,r.jsx)(p.ZP,{ref:this.refMenuItemList,items:I,value:this.state.value,searchText:this.state.searchText,onSelect:this.onSelect,filterOption:this.props.filterOption,onRequestClose:this.close},void 0)},void 0)]}),void 0)},t.defaultProps={filterOption:v,valueFromOptions:!1,valueField:"value",contentField:"content",textField:"text",width:160},t.contextType=d.d,t}(s.Component)},99292:(e,t,n)=>{"use strict";n.d(t,{ZP:()=>f});var o=n(59312),r=n(24246),s=n(27378),i=n(41925),u=n(60042),a=n.n(u),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onClick=function(e){var n=t.props;return c({item:n.item,onRequestClose:n.onRequestClose,event:e})},t.onMouseEnter=function(){var e=t.props;(0,e.focusTo)(e.index,!1)},t.onMouseLeave=function(){t.props.focusTo(null)},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.item,n=e.hover;if(!t)return null;var s=t.className,i=t.isDivider,u=t.isGroup,l=t.content;if(i)return(0,r.jsx)("div",{className:a()("zent-divider-line",s),"data-zv":"10.0.10"},void 0);if(u)return(0,r.jsx)("li",(0,o.pi)({className:a()("zent-menu-item-group-header",s),"data-zv":"10.0.10"},{children:(0,r.jsx)("span",(0,o.pi)({"data-zv":"10.0.10"},{children:l}),void 0)}),void 0);var c="number"==typeof l||"string"==typeof l?""+l:void 0,p="function"==typeof t.active?t.active(t.value):!!t.active,d=void 0===t.hoverable||!!t.hoverable;return(0,r.jsxs)("li",(0,o.pi)({className:a()("zent-popup-menu-item",{hoverable:d,disabled:t.disabled,active:p,hover:n},s),onClick:this.onClick,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,"data-zv":"10.0.10"},{children:[t.icon?(0,r.jsx)("i",{className:a()("zent-popup-menu-item-icon"),"data-zv":"10.0.10"},void 0):null,(0,r.jsx)("span",(0,o.pi)({title:c,"data-zv":"10.0.10"},{children:l}),void 0)]}),void 0)},t}(s.Component);function c(e){var t=e.event,n=e.item,o=e.onRequestClose,r=n.disabled,s=n.onClick;r||s&&(s(t),t.defaultPrevented||(t.preventDefault(),t.stopPropagation(),o&&o()))}var p=function(e){function t(t){var n=e.call(this,t)||this;return n.refMenuScrollContainer=(0,s.createRef)(),n.refMenuItemList=(0,s.createRef)(),n.onKeyDown=function(e){switch(e.key){case"Escape":n.close();break;case"ArrowDown":e.preventDefault(),n.state.open&&n.moveFocusIndexDown();break;case"ArrowUp":e.preventDefault(),n.state.open&&n.moveFocusIndexUp();break;case"Enter":n.state.open&&n.selectCurrentFocusIndex(e)}},n.setFocusIndex=function(e,t){void 0===t&&(t=!0),n.setState({focusIdx:null==e?null:n.getItemIdxInItems(e),autoScrollFocusIdx:t?e:null})},n.getItemIdxInItems=function(e){var t=n.props.items,o=e%t.length;return o<0&&(o+=t.length),o},n.getValidItemIdx=function(e,t){void 0===t&&(t=!0);var o=n.props.items;if(!o||!o.length||o.every((function(e){return e.isDivider&&e.isGroup}))||"number"!=typeof e||Number.isNaN(e))return null;var r=n.getItemIdxInItems(e),s=o[r];if(!s||s.isDivider||s.isGroup||s.disabled){var i=r;for(s=o[r=n.getItemIdxInItems(t?r+1:r-1)];!s||(s.isDivider||s.isGroup||s.disabled)&&r!==i;)s=o[r=n.getItemIdxInItems(t?r+1:r-1)]}return r},n.getTopMenu=function(){return n},n.moveFocusIndex=function(e){var t=n.state.focusIdx;null!==t?n.setFocusIndex(n.getValidItemIdx(t+e,e>0)):n.setFocusIndex(n.getValidItemIdx(0))},n.moveFocusIndexDown=function(){n.getTopMenu().moveFocusIndex(1)},n.moveFocusIndexUp=function(){n.getTopMenu().moveFocusIndex(-1)},n.selectCurrentFocusIndex=function(e){var t=n.getTopMenu().state.focusIdx;if(null!==t){var o=n.props,r=o.items,s=o.onRequestClose;c({item:r[t],event:e,onRequestClose:s})}},n.close=function(){n.setState({open:!1})},n.renderItems=function(e){void 0===e&&(e=[]);var t=n.props.onRequestClose,o=n.state.focusIdx;return e.map((function(e,s){return(0,r.jsx)(l,{index:s,item:e,onRequestClose:t,focusTo:n.setFocusIndex,hover:o===s},void 0===e.value?s:e.value)}))},n.state={focusIdx:null},n}return(0,o.ZT)(t,e),t.prototype.componentDidUpdate=function(){this.autoScroll()},t.prototype.autoScroll=function(){var e=(this.props.items||[]).length,t=this.state,n=t.focusIdx,o=t.autoScrollFocusIdx,r=this.refMenuItemList.current,s=this.refMenuScrollContainer.current;if(e&&null!==n&&n===o&&r&&s){var i=r.childNodes[this.state.focusIdx];if(!i)return;var u=i.offsetTop,a=i.offsetHeight,l=s.offsetHeight,c=s.scrollTop;l+cu&&(s.scrollTop=u-0)}},t.prototype.render=function(){var e=this.props.items;return(0,r.jsx)("div",(0,o.pi)({ref:this.refMenuScrollContainer,className:"zent-popup-menu",tabIndex:0,onKeyDown:this.onKeyDown,"data-zv":"10.0.10"},{children:e&&e.length?(0,r.jsx)("ul",(0,o.pi)({ref:this.refMenuItemList,"data-zv":"10.0.10"},{children:this.renderItems(e)}),void 0):null}),void 0)},t}(s.Component),d=function(e){return"string"==typeof e||"number"==typeof e};function v(e,t){return!e||(d(t.searchContent)?(""+t.searchContent).toUpperCase().includes(e.toUpperCase()):d(t.content)?(""+t.content).toUpperCase().includes(e.toUpperCase()):!!d(t.value)&&(""+t.value).toUpperCase().includes(e.toUpperCase()))}var f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.refMenuItemList=(0,s.createRef)(),t.wrapWithIdx=function(e,n){return void 0===e&&(e=[]),void 0===n&&(n=[]),e.map((function(e,r){return(0,o.pi)((0,o.pi)({},e),{idx:r,parentIndexes:n,items:e.items?t.wrapWithIdx(e.items,n.concat([r])):void 0})}))},t.wrapWithNullOption=function(e,t){return void 0===e&&(e=[]),[{content:t,value:null,idx:-1,parentIndexes:[]}].concat(e)},t.wrapWithValueCallback=function(e){return void 0===e&&(e=[]),e.map((function(e){return(0,o.pi)((0,o.pi)((0,o.pi)({active:function(e){return e===t.props.value}},e),void 0!==e.value?{onClick:function(n){t.props.onSelect&&t.props.onSelect(e.value,e),e.onClick&&e.onClick(n)}}:{}),{items:t.wrapWithValueCallback(e.items)})}))},t.transformItems=(0,i.Z)((function(e,n,o){var r=t.wrapWithIdx(e);return n&&(r=t.wrapWithNullOption(r,o)),t.wrapWithValueCallback(r)})),t.moveFocusIndexDown=function(){var e=t.refMenuItemList.current;if(e)return e.moveFocusIndexDown()},t.moveFocusIndexUp=function(){var e=t.refMenuItemList.current;if(e)return e.moveFocusIndexUp()},t.selectCurrentFocusIndex=function(e){var n=t.refMenuItemList.current;if(n)return n.selectCurrentFocusIndex(e)},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.filterOption,n=e.searchText,o=e.items,s=e.nullOption,i=e.nullOptionContent,u=this.transformItems(o,s,i),a=u||[];return"function"==typeof t&&(a=(u||[]).filter((function(e){return t(n,e)}))),(0,r.jsx)(p,{ref:this.refMenuItemList,items:a,onRequestClose:this.props.onRequestClose},void 0)},t.defaultProps={filterOption:v,nullOption:!1},t.caselessMatchFilterOption=v,t}(s.Component)}}]); \ No newline at end of file diff --git a/5807-d54a813f1694e3172c14.js b/5807-7d50a75f1ffac0a5dbff.js similarity index 52% rename from 5807-d54a813f1694e3172c14.js rename to 5807-7d50a75f1ffac0a5dbff.js index fa5f6909d..a8328610d 100644 --- a/5807-d54a813f1694e3172c14.js +++ b/5807-7d50a75f1ffac0a5dbff.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5807],{25807:(n,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>v});var a=s(73450),e=s(27378),o=s(57318),p=s(82049),r=s(20713),i=s(24246);function c(n,t){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),s.push.apply(s,a)}return s}function l(n){for(var t=1;tn+10));setTimeout((()=>{this.setState({list:[...t,...s]}),n&&n()}),500)}render(){var n=this.state.list;return(0,i.jsx)(p.S,{className:"infinite-scroller-demo",hasMore:!0,loadMore:this.loadMore.bind(this),children:n.map((n=>(0,i.jsx)(r.Z,{children:n},n)))})}}return(0,i.jsx)(n,{})};function d(n){return(0,i.jsx)(n.tag,l(l({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,i.jsx)(d,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,i.jsx)(d,{tag:"style",html:n.style})}function k(n,t){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(t+=n.offsetTop),k(n.parentNode,t);return t}class f extends e.Component{constructor(...n){super(...n),(0,a.Z)(this,"state",{showCode:!1}),(0,a.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,t=this.props,s=t.title,a=t.src,e=t.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:s||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(d,{tag:"code",html:a,attributes:{className:"language-jsx"}})})]})}}class v extends e.Component{componentDidMount(){var n=location.hash;if(n){var t=document.querySelector('a[href="'.concat(n,'"]'));t&&(0,o.l)(document.documentElement,0,k(t,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:".infinite-scroller-demo {\n\theight: 300px;\n}"}),e.createElement(h,{html:'

InfiniteScroller

\n

Infinite scrolling widget

\n

Guides

\n
    \n
  • Lazy load long list
    • \n
\n

Demos

'}),e.createElement(f,{title:"Basic usage",id:"Demobasic",src:'import { InfiniteScroller, Card } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n list: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],\n };\n\n loadMore(closeLoading) {\n const { list } = this.state;\n const latestList = list.slice(list.length - 10);\n const newList = latestList.map(item => item + 10);\n\n setTimeout(() => {\n this.setState({\n list: [...list, ...newList],\n });\n closeLoading && closeLoading();\n }, 500);\n }\n\n render() {\n const { list } = this.state;\n return (\n <InfiniteScroller\n className="infinite-scroller-demo"\n hasMore\n loadMore={this.loadMore.bind(this)}\n >\n {list.map(item => (\n <Card key={item}>{item}</Card>\n ))}\n </InfiniteScroller>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(u)),e.createElement(h,{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
PropertyDescriptionTypeDefaultAlternative
hasMoreMore data to loadbooleanfalsetrue
loadMoreCallback to load more data(() => Promise<unknown>) \\| ((stopLoading?: () => void) => void)
skipLoadOnMountDon\'t trigger a loading on mountbooleanfalsetrue
useWindowUse \nwindow\n as scrolling containerbooleanfalsetrue
loaderLoading contentReactNodeBlockLoading
thresholdThe distance in pixels before the end of the items that will trigger a call to loadMorenumber1
classNameCustom class namestring
\n

loadMore

\n
    \n
  • Return a Promise to stop loading when request is done
    • \n
  • Or you can call stopLoading passed as the first argument to loadMore
    • \n
'}))}}},20713:(n,t,s)=>{"use strict";s.d(t,{Z:()=>l});var a=s(59312),e=s(24246),o=s(27378),p=s(60042),r=s.n(p),i=s(40937),c=s(31256),l=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.title,s=n.action,o=n.type,p=n.loading,l=n.style,u=n.children,d=n.className,h=n.bodyStyle,m=!(0,c.Z)(t),k=!(0,c.Z)(s);return(0,e.jsxs)("div",(0,a.pi)({className:r()("zent-card",d,{"zent-card--normal":"normal"===o,"zent-card--nested":"nested"===o}),style:l,"data-zv":"10.0.9"},{children:[(m||k)&&(0,e.jsxs)("div",(0,a.pi)({className:"zent-card-header","data-zv":"10.0.9"},{children:[m&&(0,e.jsx)("h3",(0,a.pi)({className:"zent-card-header__title","data-zv":"10.0.9"},{children:t}),void 0),k&&(0,e.jsx)("div",(0,a.pi)({className:"zent-card-header__action","data-zv":"10.0.9"},{children:s}),void 0)]}),void 0),(0,e.jsx)("div",(0,a.pi)({className:"zent-card-body",style:h,"data-zv":"10.0.9"},{children:p?(0,e.jsx)(i.Z.TextBlock,{rows:5},void 0):u}),void 0)]}),void 0)},t.defaultProps={type:"normal",style:{},bodyStyle:{},loading:!1,className:""},t}(o.Component)},82049:(n,t,s)=>{"use strict";s.d(t,{S:()=>h});var a=s(59312),e=s(24246),o=s(60042),p=s.n(o),r=s(27378),i=s(50993),c=s(86446),l=s(79352),u=s(43239),d=(0,e.jsx)(i.Z,{height:60,loading:!0,icon:"circle"},void 0),h=(0,r.forwardRef)((function(n,t){var s,o=n.hasMore,i=void 0!==o&&o,h=n.loadMore,m=n.skipLoadOnMount,k=void 0!==m&&m,f=n.useWindow,v=void 0!==f&&f,y=n.loader,g=void 0===y?d:y,w=n.threshold,b=void 0===w?1:w,x=n.className,z=n.children,j=(0,r.useState)(!1),N=j[0],T=j[1],S=(0,u.s)(),P=(0,r.useCallback)((function(){S.current&&T(!1)}),[S]),C=(0,r.useCallback)((function(){"function"==typeof h&&(T(!0),h.length>0?h(P):h().then(P,P))}),[h,P]),O=(0,r.useCallback)((function(n){N||2===n.previousPosition&&C()}),[C,N]);return(0,r.useEffect)((function(){k||C()}),[]),(0,e.jsxs)("div",(0,a.pi)({className:p()("zent-infinite-scroller",x,(s={},s["zent-infinite-scroller-y"]=!v,s)),ref:t,"data-zv":"10.0.9"},{children:[z,i&&l.Z&&(0,e.jsx)(c.h,{scrollableAncestor:v?window:void 0,onEnter:O,bottomOffset:-b},void 0),N&&g]}),void 0)}));h.displayName="InfiniteScroller",t.Z=h},50993:(n,t,s)=>{"use strict";s.d(t,{c:()=>l});var a=s(59312),e=s(24246),o=s(60042),p=s.n(o),r=s(40695),i=s(73326),c=s(72551);function l(n){var t=function(n){var t=(0,c.n)(n,"height"),s=n.children;return s||t?s&&!t?"initial":n.height:160}(n),s=n.loading,o=void 0!==s&&s,l=n.delay,u=void 0===l?0:l,d=n.className,h=n.children,m=n.icon,k=void 0===m?"circle":m,f=n.iconSize,v=n.iconText,y=n.textPosition,g=void 0===y?"bottom":y,w=n.colorPreset,b=void 0===w?"primary":w,x=!!h,z=!(0,i.Z)({loading:o,delay:u})&&o;return z||x?(0,e.jsxs)("div",(0,a.pi)({className:p()("zent-loading","zent-loading--block",d,{"zent-loading--has-children":x}),style:{height:t},"data-zv":"10.0.9"},{children:[h,z&&(0,e.jsx)(r.Z,{icon:k,size:f,text:v,textPosition:g,colorPreset:b},void 0)]}),void 0):null}t.Z=l},40695:(n,t,s)=>{"use strict";s.d(t,{Z:()=>p});var a=s(59312),e=s(24246),o=s(56975);function p(n){return(0,e.jsx)("div",(0,a.pi)({className:"zent-loading-mask","data-zv":"10.0.9"},{children:(0,e.jsx)(o.Z,(0,a.pi)({},n),void 0)}),void 0)}},40937:(n,t,s)=>{"use strict";s.d(t,{V:()=>f,Z:()=>v});var a=s(59312),e=s(24246),o=s(27378),p=s(60042),r=s.n(p),i=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.lineSpacing,o=n.animate,p=n.style,i={marginTop:s},c=r()("zent-placeholder-text-row","zent-placeholder-shape",{"zent-placeholder-shape--animate":o},t);return(0,e.jsx)("div",{className:c,style:(0,a.pi)((0,a.pi)({},i),p),"data-zv":"10.0.9"},void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),c=[[61.8,38],[30,25,44],[20,75],[33,16,20,27],[12,32,53],[45,12,42],[20,10,47,18],[14,47,37]],l=function(n){function t(t){var s,a=n.call(this,t)||this;return a.state={segments:(s=c,s[Math.floor(Math.random()*s.length)])},a}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.lineSpacing,o=n.animate,p=n.segments,i=n.style,c={marginTop:s},l=r()("zent-placeholder-text-row-dashed",t),u=r()("zent-placeholder-shape",{"zent-placeholder-shape--animate":o}),d=Array.isArray(p)?p:this.state.segments;return(0,e.jsx)("div",(0,a.pi)({className:l,style:(0,a.pi)((0,a.pi)({},c),i),"data-zv":"10.0.9"},{children:d.map((function(n,t){return(0,e.jsx)("div",(0,a.pi)({className:"zent-placeholder-text-row-dashed-segment",style:{width:n+"%",paddingLeft:0===t?0:"0.3em"},"data-zv":"10.0.9"},{children:(0,e.jsx)("div",{className:u,"data-zv":"10.0.9"},void 0)}),t)}))}),void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),u=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.style,a=n.animate,o=r()("zent-placeholder-shape",{"zent-placeholder-shape--animate":a},t);return(0,e.jsx)("div",{className:o,style:s,"data-zv":"10.0.9"},void 0)},t.defaultProps={style:{},animate:!0},t}(o.PureComponent),d=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.diameter,o=n.style,p=(0,a._T)(n,["className","diameter","style"]),i=r()("zent-placeholder-circle",t),c=(0,a.pi)({height:s,minWidth:s},o);return(0,e.jsx)(u,(0,a.pi)({className:i,style:c},p),void 0)},t.defaultProps={style:{},animate:!0,diameter:80},t}(o.PureComponent),h=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.width,o=n.height,p=n.style,i=(0,a._T)(n,["className","width","height","style"]),c=r()("zent-placeholder-rectangle",t),l=(0,a.pi)({minWidth:s,height:o},p);return(0,e.jsx)(u,(0,a.pi)({className:c,style:l},i),void 0)},t.defaultProps={style:{},animate:!0,width:80,height:80},t}(o.PureComponent),m=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.getRowStyle=function(n){var s=t.props.widths;return{width:s[n%s.length]+"%"}},t.getRows=function(){for(var n=t.props,s=n.rows,o=n.lineSpacing,p=n.animate,r=n.dashed,c=n.dashSegments,u=[],d=0;d{"use strict";function a(n){for(var t=[],s=1;sa})},31256:(n,t,s)=>{"use strict";function a(n){return null==n}s.d(t,{Z:()=>a})},86446:(n,t,s)=>{"use strict";s.d(t,{h:()=>v});var a=s(59312),e=s(24246),o=s(27378),p=s(49744),r=s(19185);function i(n){return(0,r.isElement)(n)&&"string"==typeof n.type}function c(n){return n.viewportBottom-n.viewportTop==0?3:n.viewportTop<=n.waypointTop&&n.waypointTop<=n.viewportBottom||n.viewportTop<=n.waypointBottom&&n.waypointBottom<=n.viewportBottom||n.waypointTop<=n.viewportTop&&n.viewportBottom<=n.waypointBottom?1:n.viewportBottom needs a DOM element to compute boundaries. The child you passed is neither a DOM element (e.g.
) nor does it use the innerRef prop.\n")}(n.props.children,n.refElement.current),n.scrollableAncestor=n.findScrollableAncestor(),n.scrollEventListenerUnsubscribe=(0,p.Oo)(n.scrollableAncestor,"scroll",n.handleScroll,{passive:!0}),n.resizeEventListenerUnsubscribe=(0,p.Oo)(window,"resize",n.handleScroll,{passive:!0}),n.handleScroll(null)})))},t.prototype.componentDidUpdate=function(){var n=this;l.Z&&this.scrollableAncestor&&(this.cancelOnNextTick||(this.cancelOnNextTick=(0,u.Z)((function(){n.cancelOnNextTick=null,n.handleScroll(null)}))))},t.prototype.componentWillUnmount=function(){var n,t,s;l.Z&&(null===(n=this.scrollEventListenerUnsubscribe)||void 0===n||n.call(this),null===(t=this.resizeEventListenerUnsubscribe)||void 0===t||t.call(this),null===(s=this.cancelOnNextTick)||void 0===s||s.cancel())},t.prototype.findScrollableAncestor=function(){var n=this.props,t=n.horizontal,s=n.scrollableAncestor;if(s)return s;for(var a=this.refElement.current;a.parentNode;){if((a=a.parentNode)===document.body)return window;var e=getComputedStyle(a),o=(t?e.getPropertyValue("overflow-x"):e.getPropertyValue("overflow-y"))||e.getPropertyValue("overflow");if("auto"===o||"scroll"===o)return a}return window},t.prototype.getBounds=function(){var n,t,s=this.props.horizontal,a=this.refElement.current.getBoundingClientRect(),e=a.left,o=a.top,p=a.right,r=a.bottom,i=s?e:o,c=s?p:r;if(this.scrollableAncestor===window)n=s?window.innerWidth:window.innerHeight,t=0;else{var l=this.scrollableAncestor.getBoundingClientRect();n=s?l.width:l.height,t=s?l.left:l.top}return{waypointTop:i,waypointBottom:c,viewportTop:t+this.getOffset("top",n),viewportBottom:t+n-this.getOffset("bottom",n)}},t.prototype.getOffset=function(n,t){var s,a,e=this.props.horizontal,o=n+"Offset",p="top"===n?"border"+(e?"Left":"Top")+"Width":"border"+(e?"Right":"Bottom")+"Width",r=this.props[o];if("auto"!==r)return function(n,t){var s=function(n){var t;if(t="number"==typeof n?n:parseFloat(n),!Number.isNaN(t)&&Number.isFinite(t))return t}(n);if("number"==typeof s)return s;if("string"==typeof n){var a=function(n){if("%"===n.slice(-1))return parseFloat(n.slice(0,-1))/100}(n);if("number"==typeof a)return a*t}}(r,t);if(this.scrollableAncestor===window){var i=getComputedStyle(document.documentElement),c=function(){return d(i.fontSize)};return null!==(s=h(i[p],c,c))&&void 0!==s?s:0}var l=getComputedStyle(this.scrollableAncestor);return c=function(){return d(l.fontSize)},null!==(a=h(l[p],c,(function(){return d(getComputedStyle(document.documentElement).fontSize)})))&&void 0!==a?a:0},t.prototype.render=function(){var n=this,t=this.props.children;if(!t)return(0,e.jsx)("span",{ref:this.refElement,style:{fontSize:0},className:"zent-waypoint-marker","data-zv":"10.0.9"},void 0);var s=o.Children.only(t);return i(s)||(0,r.isForwardRef)(s)?(0,o.cloneElement)(s,{ref:function(t){n.refElement.current=t;var a=s.ref;a&&("function"==typeof a?a(t):a.current=t)}}):(0,o.cloneElement)(s,{innerRef:this.refElement})},t.defaultProps={topOffset:0,bottomOffset:0,horizontal:!1,fireOnRapidScroll:!0},t}(o.PureComponent)}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5807],{25807:(n,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>v});var a=s(73450),e=s(27378),o=s(57318),p=s(82049),r=s(20713),i=s(24246);function c(n,t){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),s.push.apply(s,a)}return s}function l(n){for(var t=1;tn+10));setTimeout((()=>{this.setState({list:[...t,...s]}),n&&n()}),500)}render(){var n=this.state.list;return(0,i.jsx)(p.S,{className:"infinite-scroller-demo",hasMore:!0,loadMore:this.loadMore.bind(this),children:n.map((n=>(0,i.jsx)(r.Z,{children:n},n)))})}}return(0,i.jsx)(n,{})};function d(n){return(0,i.jsx)(n.tag,l(l({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,i.jsx)(d,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,i.jsx)(d,{tag:"style",html:n.style})}function k(n,t){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(t+=n.offsetTop),k(n.parentNode,t);return t}class f extends e.Component{constructor(...n){super(...n),(0,a.Z)(this,"state",{showCode:!1}),(0,a.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,t=this.props,s=t.title,a=t.src,e=t.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:s||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(d,{tag:"code",html:a,attributes:{className:"language-jsx"}})})]})}}class v extends e.Component{componentDidMount(){var n=location.hash;if(n){var t=document.querySelector('a[href="'.concat(n,'"]'));t&&(0,o.l)(document.documentElement,0,k(t,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:".infinite-scroller-demo {\n\theight: 300px;\n}"}),e.createElement(h,{html:'

InfiniteScroller

\n

Infinite scrolling widget

\n

Guides

\n
    \n
  • Lazy load long list
    • \n
\n

Demos

'}),e.createElement(f,{title:"Basic usage",id:"Demobasic",src:'import { InfiniteScroller, Card } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n list: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],\n };\n\n loadMore(closeLoading) {\n const { list } = this.state;\n const latestList = list.slice(list.length - 10);\n const newList = latestList.map(item => item + 10);\n\n setTimeout(() => {\n this.setState({\n list: [...list, ...newList],\n });\n closeLoading && closeLoading();\n }, 500);\n }\n\n render() {\n const { list } = this.state;\n return (\n <InfiniteScroller\n className="infinite-scroller-demo"\n hasMore\n loadMore={this.loadMore.bind(this)}\n >\n {list.map(item => (\n <Card key={item}>{item}</Card>\n ))}\n </InfiniteScroller>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(u)),e.createElement(h,{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
PropertyDescriptionTypeDefaultAlternative
hasMoreMore data to loadbooleanfalsetrue
loadMoreCallback to load more data(() => Promise<unknown>) \\| ((stopLoading?: () => void) => void)
skipLoadOnMountDon\'t trigger a loading on mountbooleanfalsetrue
useWindowUse \nwindow\n as scrolling containerbooleanfalsetrue
loaderLoading contentReactNodeBlockLoading
thresholdThe distance in pixels before the end of the items that will trigger a call to loadMorenumber1
classNameCustom class namestring
\n

loadMore

\n
    \n
  • Return a Promise to stop loading when request is done
    • \n
  • Or you can call stopLoading passed as the first argument to loadMore
    • \n
'}))}}},20713:(n,t,s)=>{"use strict";s.d(t,{Z:()=>l});var a=s(59312),e=s(24246),o=s(27378),p=s(60042),r=s.n(p),i=s(40937),c=s(31256),l=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.title,s=n.action,o=n.type,p=n.loading,l=n.style,u=n.children,d=n.className,h=n.bodyStyle,m=!(0,c.Z)(t),k=!(0,c.Z)(s);return(0,e.jsxs)("div",(0,a.pi)({className:r()("zent-card",d,{"zent-card--normal":"normal"===o,"zent-card--nested":"nested"===o}),style:l,"data-zv":"10.0.10"},{children:[(m||k)&&(0,e.jsxs)("div",(0,a.pi)({className:"zent-card-header","data-zv":"10.0.10"},{children:[m&&(0,e.jsx)("h3",(0,a.pi)({className:"zent-card-header__title","data-zv":"10.0.10"},{children:t}),void 0),k&&(0,e.jsx)("div",(0,a.pi)({className:"zent-card-header__action","data-zv":"10.0.10"},{children:s}),void 0)]}),void 0),(0,e.jsx)("div",(0,a.pi)({className:"zent-card-body",style:h,"data-zv":"10.0.10"},{children:p?(0,e.jsx)(i.Z.TextBlock,{rows:5},void 0):u}),void 0)]}),void 0)},t.defaultProps={type:"normal",style:{},bodyStyle:{},loading:!1,className:""},t}(o.Component)},82049:(n,t,s)=>{"use strict";s.d(t,{S:()=>h});var a=s(59312),e=s(24246),o=s(60042),p=s.n(o),r=s(27378),i=s(50993),c=s(86446),l=s(79352),u=s(43239),d=(0,e.jsx)(i.Z,{height:60,loading:!0,icon:"circle"},void 0),h=(0,r.forwardRef)((function(n,t){var s,o=n.hasMore,i=void 0!==o&&o,h=n.loadMore,m=n.skipLoadOnMount,k=void 0!==m&&m,f=n.useWindow,v=void 0!==f&&f,y=n.loader,g=void 0===y?d:y,w=n.threshold,b=void 0===w?1:w,x=n.className,z=n.children,j=(0,r.useState)(!1),N=j[0],T=j[1],S=(0,u.s)(),P=(0,r.useCallback)((function(){S.current&&T(!1)}),[S]),C=(0,r.useCallback)((function(){"function"==typeof h&&(T(!0),h.length>0?h(P):h().then(P,P))}),[h,P]),O=(0,r.useCallback)((function(n){N||2===n.previousPosition&&C()}),[C,N]);return(0,r.useEffect)((function(){k||C()}),[]),(0,e.jsxs)("div",(0,a.pi)({className:p()("zent-infinite-scroller",x,(s={},s["zent-infinite-scroller-y"]=!v,s)),ref:t,"data-zv":"10.0.10"},{children:[z,i&&l.Z&&(0,e.jsx)(c.h,{scrollableAncestor:v?window:void 0,onEnter:O,bottomOffset:-b},void 0),N&&g]}),void 0)}));h.displayName="InfiniteScroller",t.Z=h},50993:(n,t,s)=>{"use strict";s.d(t,{c:()=>l});var a=s(59312),e=s(24246),o=s(60042),p=s.n(o),r=s(40695),i=s(73326),c=s(72551);function l(n){var t=function(n){var t=(0,c.n)(n,"height"),s=n.children;return s||t?s&&!t?"initial":n.height:160}(n),s=n.loading,o=void 0!==s&&s,l=n.delay,u=void 0===l?0:l,d=n.className,h=n.children,m=n.icon,k=void 0===m?"circle":m,f=n.iconSize,v=n.iconText,y=n.textPosition,g=void 0===y?"bottom":y,w=n.colorPreset,b=void 0===w?"primary":w,x=!!h,z=!(0,i.Z)({loading:o,delay:u})&&o;return z||x?(0,e.jsxs)("div",(0,a.pi)({className:p()("zent-loading","zent-loading--block",d,{"zent-loading--has-children":x}),style:{height:t},"data-zv":"10.0.10"},{children:[h,z&&(0,e.jsx)(r.Z,{icon:k,size:f,text:v,textPosition:g,colorPreset:b},void 0)]}),void 0):null}t.Z=l},40695:(n,t,s)=>{"use strict";s.d(t,{Z:()=>p});var a=s(59312),e=s(24246),o=s(56975);function p(n){return(0,e.jsx)("div",(0,a.pi)({className:"zent-loading-mask","data-zv":"10.0.10"},{children:(0,e.jsx)(o.Z,(0,a.pi)({},n),void 0)}),void 0)}},40937:(n,t,s)=>{"use strict";s.d(t,{V:()=>f,Z:()=>v});var a=s(59312),e=s(24246),o=s(27378),p=s(60042),r=s.n(p),i=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.lineSpacing,o=n.animate,p=n.style,i={marginTop:s},c=r()("zent-placeholder-text-row","zent-placeholder-shape",{"zent-placeholder-shape--animate":o},t);return(0,e.jsx)("div",{className:c,style:(0,a.pi)((0,a.pi)({},i),p),"data-zv":"10.0.10"},void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),c=[[61.8,38],[30,25,44],[20,75],[33,16,20,27],[12,32,53],[45,12,42],[20,10,47,18],[14,47,37]],l=function(n){function t(t){var s,a=n.call(this,t)||this;return a.state={segments:(s=c,s[Math.floor(Math.random()*s.length)])},a}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.lineSpacing,o=n.animate,p=n.segments,i=n.style,c={marginTop:s},l=r()("zent-placeholder-text-row-dashed",t),u=r()("zent-placeholder-shape",{"zent-placeholder-shape--animate":o}),d=Array.isArray(p)?p:this.state.segments;return(0,e.jsx)("div",(0,a.pi)({className:l,style:(0,a.pi)((0,a.pi)({},c),i),"data-zv":"10.0.10"},{children:d.map((function(n,t){return(0,e.jsx)("div",(0,a.pi)({className:"zent-placeholder-text-row-dashed-segment",style:{width:n+"%",paddingLeft:0===t?0:"0.3em"},"data-zv":"10.0.10"},{children:(0,e.jsx)("div",{className:u,"data-zv":"10.0.10"},void 0)}),t)}))}),void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),u=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.style,a=n.animate,o=r()("zent-placeholder-shape",{"zent-placeholder-shape--animate":a},t);return(0,e.jsx)("div",{className:o,style:s,"data-zv":"10.0.10"},void 0)},t.defaultProps={style:{},animate:!0},t}(o.PureComponent),d=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.diameter,o=n.style,p=(0,a._T)(n,["className","diameter","style"]),i=r()("zent-placeholder-circle",t),c=(0,a.pi)({height:s,minWidth:s},o);return(0,e.jsx)(u,(0,a.pi)({className:i,style:c},p),void 0)},t.defaultProps={style:{},animate:!0,diameter:80},t}(o.PureComponent),h=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,a.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,s=n.width,o=n.height,p=n.style,i=(0,a._T)(n,["className","width","height","style"]),c=r()("zent-placeholder-rectangle",t),l=(0,a.pi)({minWidth:s,height:o},p);return(0,e.jsx)(u,(0,a.pi)({className:c,style:l},i),void 0)},t.defaultProps={style:{},animate:!0,width:80,height:80},t}(o.PureComponent),m=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.getRowStyle=function(n){var s=t.props.widths;return{width:s[n%s.length]+"%"}},t.getRows=function(){for(var n=t.props,s=n.rows,o=n.lineSpacing,p=n.animate,r=n.dashed,c=n.dashSegments,u=[],d=0;d{"use strict";function a(n){for(var t=[],s=1;sa})},31256:(n,t,s)=>{"use strict";function a(n){return null==n}s.d(t,{Z:()=>a})},86446:(n,t,s)=>{"use strict";s.d(t,{h:()=>v});var a=s(59312),e=s(24246),o=s(27378),p=s(49744),r=s(19185);function i(n){return(0,r.isElement)(n)&&"string"==typeof n.type}function c(n){return n.viewportBottom-n.viewportTop==0?3:n.viewportTop<=n.waypointTop&&n.waypointTop<=n.viewportBottom||n.viewportTop<=n.waypointBottom&&n.waypointBottom<=n.viewportBottom||n.waypointTop<=n.viewportTop&&n.viewportBottom<=n.waypointBottom?1:n.viewportBottom needs a DOM element to compute boundaries. The child you passed is neither a DOM element (e.g.
) nor does it use the innerRef prop.\n")}(n.props.children,n.refElement.current),n.scrollableAncestor=n.findScrollableAncestor(),n.scrollEventListenerUnsubscribe=(0,p.Oo)(n.scrollableAncestor,"scroll",n.handleScroll,{passive:!0}),n.resizeEventListenerUnsubscribe=(0,p.Oo)(window,"resize",n.handleScroll,{passive:!0}),n.handleScroll(null)})))},t.prototype.componentDidUpdate=function(){var n=this;l.Z&&this.scrollableAncestor&&(this.cancelOnNextTick||(this.cancelOnNextTick=(0,u.Z)((function(){n.cancelOnNextTick=null,n.handleScroll(null)}))))},t.prototype.componentWillUnmount=function(){var n,t,s;l.Z&&(null===(n=this.scrollEventListenerUnsubscribe)||void 0===n||n.call(this),null===(t=this.resizeEventListenerUnsubscribe)||void 0===t||t.call(this),null===(s=this.cancelOnNextTick)||void 0===s||s.cancel())},t.prototype.findScrollableAncestor=function(){var n=this.props,t=n.horizontal,s=n.scrollableAncestor;if(s)return s;for(var a=this.refElement.current;a.parentNode;){if((a=a.parentNode)===document.body)return window;var e=getComputedStyle(a),o=(t?e.getPropertyValue("overflow-x"):e.getPropertyValue("overflow-y"))||e.getPropertyValue("overflow");if("auto"===o||"scroll"===o)return a}return window},t.prototype.getBounds=function(){var n,t,s=this.props.horizontal,a=this.refElement.current.getBoundingClientRect(),e=a.left,o=a.top,p=a.right,r=a.bottom,i=s?e:o,c=s?p:r;if(this.scrollableAncestor===window)n=s?window.innerWidth:window.innerHeight,t=0;else{var l=this.scrollableAncestor.getBoundingClientRect();n=s?l.width:l.height,t=s?l.left:l.top}return{waypointTop:i,waypointBottom:c,viewportTop:t+this.getOffset("top",n),viewportBottom:t+n-this.getOffset("bottom",n)}},t.prototype.getOffset=function(n,t){var s,a,e=this.props.horizontal,o=n+"Offset",p="top"===n?"border"+(e?"Left":"Top")+"Width":"border"+(e?"Right":"Bottom")+"Width",r=this.props[o];if("auto"!==r)return function(n,t){var s=function(n){var t;if(t="number"==typeof n?n:parseFloat(n),!Number.isNaN(t)&&Number.isFinite(t))return t}(n);if("number"==typeof s)return s;if("string"==typeof n){var a=function(n){if("%"===n.slice(-1))return parseFloat(n.slice(0,-1))/100}(n);if("number"==typeof a)return a*t}}(r,t);if(this.scrollableAncestor===window){var i=getComputedStyle(document.documentElement),c=function(){return d(i.fontSize)};return null!==(s=h(i[p],c,c))&&void 0!==s?s:0}var l=getComputedStyle(this.scrollableAncestor);return c=function(){return d(l.fontSize)},null!==(a=h(l[p],c,(function(){return d(getComputedStyle(document.documentElement).fontSize)})))&&void 0!==a?a:0},t.prototype.render=function(){var n=this,t=this.props.children;if(!t)return(0,e.jsx)("span",{ref:this.refElement,style:{fontSize:0},className:"zent-waypoint-marker","data-zv":"10.0.10"},void 0);var s=o.Children.only(t);return i(s)||(0,r.isForwardRef)(s)?(0,o.cloneElement)(s,{ref:function(t){n.refElement.current=t;var a=s.ref;a&&("function"==typeof a?a(t):a.current=t)}}):(0,o.cloneElement)(s,{innerRef:this.refElement})},t.defaultProps={topOffset:0,bottomOffset:0,horizontal:!1,fireOnRapidScroll:!0},t}(o.PureComponent)}}]); \ No newline at end of file diff --git a/5876-fae54d18fc60a80b85db.js b/5876-3c7529a969356146cb9a.js similarity index 95% rename from 5876-fae54d18fc60a80b85db.js rename to 5876-3c7529a969356146cb9a.js index e08e82d2e..272f0145f 100644 --- a/5876-fae54d18fc60a80b85db.js +++ b/5876-3c7529a969356146cb9a.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5876],{55876:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>D});var t=a(73450),p=a(73118),o=a(27378),e=a(57318),c=a(5905),l=a(39550),u=a(74473),i=a(3454),r=a(24246);function k(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 d(n){for(var s=1;s{var s=(0,o.useRef)(null);return(0,r.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,r.jsx)(c.q,{getContainer:()=>s.current,children:(0,r.jsxs)(l.W,{children:[(0,r.jsx)(u.r,{span:14,children:(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,r.jsxs)("div",{children:[(0,r.jsx)(c.q.Anchor,{link:n.link,children:(0,r.jsx)("h3",{children:n.title})}),(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,r.jsx)(u.r,{span:8,offset:14,children:(0,r.jsx)(c.q.Links,{offsetTop:24,offsetBottom:24,links:n})})]})})})};return(0,r.jsx)(s,{})},m=function(){var n=[{link:"Page Directory One",title:"Page Directory One"},{link:"Page Directory Two",title:"Page Directory Two"},{link:"Page Directory Three",title:"Page Directory Three"},{link:"Page Directory Four",title:"Page Directory Four"}],s=()=>{var s=(0,o.useRef)(null);return(0,r.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,r.jsx)(c.q,{getContainer:()=>s.current,offsetTop:50,children:(0,r.jsxs)(l.W,{children:[(0,r.jsx)(u.r,{span:14,children:(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,r.jsxs)("div",{children:[(0,r.jsx)(c.q.Anchor,{link:n.link,children:(0,r.jsx)("h3",{children:n.title})}),(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,r.jsx)(u.r,{span:8,offset:14,children:(0,r.jsx)(c.q.Links,{offsetTop:24,links:n,style:{float:"right"}})})]})})})};return(0,r.jsx)(s,{})},f=function(){var n=[{link:"Page Directory One",title:"Page Directory One"},{link:"Page Directory Two",title:"Page Directory Two"},{link:"Page Directory Three",title:"Page Directory Three"},{link:"Page Directory Four",title:"Page Directory Four"}],s=()=>{var s=(0,o.useRef)(null),a=(0,o.useState)(void 0),t=(0,p.Z)(a,2),e=t[0],i=t[1];return(0,o.useEffect)((()=>{if(s.current){var n=s.current.getBoundingClientRect().height/2;i(n)}}),[s]),(0,r.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,r.jsx)(c.q,{getContainer:()=>s.current,targetOffset:e,children:(0,r.jsxs)(l.W,{children:[(0,r.jsx)(u.r,{span:14,children:(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,r.jsxs)("div",{children:[(0,r.jsx)(c.q.Anchor,{link:n.link,children:(0,r.jsx)("h3",{children:n.title})}),(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,r.jsx)(u.r,{span:8,offset:14,children:(0,r.jsx)(c.q.Links,{offsetTop:24,links:n,style:{float:"right"}})})]})})})};return(0,r.jsx)(s,{})},y=function(){var n=[{link:"Page Directory One",title:"Page Directory One"},{link:"Page Directory Two",title:"Page Directory Two"},{link:"Page Directory Three",title:"Page Directory Three"},{link:"Page Directory Four",title:"Page Directory Four"}],s=()=>(0,r.jsx)("div",{className:"zent-demo-elevator-container-window",children:(0,r.jsx)(c.q,{offsetTop:0,children:(0,r.jsxs)(l.W,{children:[(0,r.jsx)(u.r,{span:14,children:(0,r.jsx)("div",{children:n.map((n=>(0,r.jsxs)("div",{children:[(0,r.jsx)(c.q.Anchor,{link:n.link,children:(0,r.jsx)("h3",{children:n.title})}),(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,r.jsx)(u.r,{span:8,offset:14,children:(0,r.jsx)(c.q.Links,{offsetTop:24,offsetBottom:24,links:n,style:{float:"right"}})})]})})});return(0,r.jsx)(s,{})},v=function(){var n=[{link:"Page Directory One",title:"Page Directory One"},{link:"Page Directory Two",title:"Page Directory Two"},{link:"Page Directory Three",title:"Page Directory Three"},{link:"Page Directory Four",title:"Page Directory Four"}],s=()=>{var s=(0,o.useRef)(null),a=(0,o.useState)("Page Directory One"),t=(0,p.Z)(a,2),e=t[0],k=t[1];return(0,r.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,r.jsxs)(c.q,{getContainer:()=>s.current,activeLink:e,onChange:(n,s)=>k(n),targetOffset:40,children:[n.map((n=>(0,r.jsx)(i.z,{onClick:()=>k(n.link),children:n.title}))),(0,r.jsxs)(l.W,{children:[(0,r.jsx)(u.r,{span:14,children:(0,r.jsx)("div",{children:(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,r.jsxs)("div",{children:[(0,r.jsx)(c.q.Anchor,{link:n.link,children:(0,r.jsx)("h3",{children:n.title})}),(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})})}),(0,r.jsx)(u.r,{span:8,offset:14,children:(0,r.jsx)(c.q.Links,{offsetTop:24,offsetBottom:24,links:n})})]})]})})};return(0,r.jsx)(s,{})};function h(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function w(n){return(0,r.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function b(n){return(0,r.jsx)(h,{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 x 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,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:a||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class D 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(b,{style:".zent-demo-elevator-basic {\n\t\tbackground: #f7f7f7;\n\t\tpadding: 24px;\n\t\theight: 200px;\n\t\toverflow-y: auto;\n\t}\n\n\t.zent-demo-elevator-basic__block__content {\n\t\theight: 180px;\n\t}\n\n.zent-demo-elevator-container-window {\n\t\tbackground: #f7f7f7;\n\t\tpadding: 24px;\n\t\theight: auto;\n\t\toverflow-y: auto;\n\t}\n\t.zent-demo-elevator-container-window__block__content {\n\t\theight: 350px;\n\t}\n\n.zent-demo-elevator-basic {\n\t\tbackground: #f7f7f7;\n\t\tpadding: 24px;\n\t\theight: 200px;\n\t\toverflow-y: auto;\n\t}\n\n\t.zent-demo-elevator-basic__block__content {\n\t\theight: 180px;\n\t}"}),o.createElement(w,{html:'

Elevator

\n

The content navigation tool enables you to quickly locate a specified location on a page based on the page catalog, improving information reading and operation efficiency.

\n

Demos

'}),o.createElement(x,{title:"Basic Usage",id:"Demobasic",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef } from \'react\';\n\nconst LINKS = [\n {\n link: \'Page Directory One\',\n title: \'Page Directory OnePage Directory OnePage Directory One\',\n },\n {\n link: \'Page Directory Two\',\n title: \'Page Directory Two\',\n },\n {\n link: \'Page Directory Three\',\n title: \'Page Directory Three\',\n },\n {\n link: \'Page Directory Four\',\n title: \'Page Directory Four\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator getContainer={() => ref.current}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links offsetTop={24} offsetBottom={24} links={LINKS} />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(g)),o.createElement(x,{title:"Sets the offset to trigger a switch when the anchor point reaches the specified offset from the top of the window. The default is half the height of the container",id:"Democustomoffset",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef } from \'react\';\n\nconst LINKS = [\n {\n link: \'Page Directory One\',\n title: \'Page Directory One\',\n },\n {\n link: \'Page Directory Two\',\n title: \'Page Directory Two\',\n },\n {\n link: \'Page Directory Three\',\n title: \'Page Directory Three\',\n },\n {\n link: \'Page Directory Four\',\n title: \'Page Directory Four\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator getContainer={() => ref.current} offsetTop={50}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links\n offsetTop={24}\n links={LINKS}\n style={{ float: \'right\' }}\n />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(m)),o.createElement(x,{title:"Sets the anchor point roll offset",id:"DemocustomtargetOffset",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef, useState, useEffect } from \'react\';\n\nconst LINKS = [\n {\n link: \'Page Directory One\',\n title: \'Page Directory One\',\n },\n {\n link: \'Page Directory Two\',\n title: \'Page Directory Two\',\n },\n {\n link: \'Page Directory Three\',\n title: \'Page Directory Three\',\n },\n {\n link: \'Page Directory Four\',\n title: \'Page Directory Four\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n const [targetOffset, setTargetOffset] = useState(undefined);\n\n useEffect(() => {\n if (ref.current) {\n const offset = ref.current.getBoundingClientRect().height / 2;\n setTargetOffset(offset);\n }\n }, [ref]);\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator getContainer={() => ref.current} targetOffset={targetOffset}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links\n offsetTop={24}\n links={LINKS}\n style={{ float: \'right\' }}\n />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(f)),o.createElement(x,{title:"No container is specified. The default container is Window",id:"Democontainerwindow",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef } from \'react\';\n\nconst LINKS = [\n {\n link: \'Page Directory One\',\n title: \'Page Directory One\',\n },\n {\n link: \'Page Directory Two\',\n title: \'Page Directory Two\',\n },\n {\n link: \'Page Directory Three\',\n title: \'Page Directory Three\',\n },\n {\n link: \'Page Directory Four\',\n title: \'Page Directory Four\',\n },\n];\n\nconst Demo = () => {\n const renderBlock = () => (\n <div>\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-container-window">\n <Elevator offsetTop={0}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links\n offsetTop={24}\n offsetBottom={24}\n links={LINKS}\n style={{ float: \'right\' }}\n />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(y)),o.createElement(x,{title:"Controlled",id:"Democontrolled",src:'import { Elevator, LayoutRow, LayoutCol, Button } from \'zent\';\nimport { useRef, useState } from \'react\';\n\nconst LINKS = [\n {\n link: \'Page Directory One\',\n title: \'Page Directory One\',\n },\n {\n link: \'Page Directory Two\',\n title: \'Page Directory Two\',\n },\n {\n link: \'Page Directory Three\',\n title: \'Page Directory Three\',\n },\n {\n link: \'Page Directory Four\',\n title: \'Page Directory Four\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n const [activeLink, setActiveLink] = useState(\'Page Directory One\');\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator\n getContainer={() => ref.current}\n activeLink={activeLink}\n onChange={(link, pre) => setActiveLink(link)}\n targetOffset={40}\n >\n {LINKS.map(link => (\n <Button onClick={() => setActiveLink(link.link)}>{link.title}</Button>\n ))}\n <LayoutRow>\n <LayoutCol span={14}>\n <div>{renderBlock()}</div>\n </LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links offsetTop={24} offsetBottom={24} links={LINKS} />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(v)),o.createElement(w,{html:'

API

\n

Elevator

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
getContainerScrolling container() => HTMLElementfalse() => window
defaultActiveLinkDefault anchor highlightstringfalse
activeLinkCurrent anchor highlightstringfalse
offsetTopPixels to offset from top when calculating position of scrollnumberfalse
targetOffsetAnchor scroll offset, default as offsetTopnumberfalse
onChangeListening for anchor link change(currentLink: string, previousLink: string) => voidfalse
\n

Elevator.Links

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
linksElevator target link list{ link: string, title: ReactNode }[]true
classNameExtra class namestringfalse
styleStyle objectReact.CSSPropertiesfalse
onClickClick event(event: MouseEvent, currentLink: string) => voidfalse
\n

Consult Affix to find more APIs.

\n

Elevator.Anchor

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
linkElevator targetstringtrue
'}))}}},5905:(n,s,a)=>{"use strict";a.d(s,{q:()=>m});var t=a(59312),p=a(24246),o=a(27378),e=a(31256),c=a(57318),l=(0,o.createContext)({}),u=a(86446),i=a(60042),r=a.n(i),k=a(31846),d=a(25120),g=function(){return window},m=function(n){var s=n.children,a=n.onChange,u=n.targetOffset,i=n.getContainer,r=n.defaultActiveLink,k=n.offsetTop,d=n.activeLink,m=null==i?void 0:i(),f=(0,o.useState)(new Map),y=f[0],v=f[1],h=(0,o.useState)(""),w=h[0],b=h[1],j=(0,o.useMemo)((function(){return(0,e.Z)(d)?w:d}),[d,w]),x=(0,o.useRef)(!1),D=(0,o.useMemo)((function(){var n=g().innerHeight;m&&(n=m.getBoundingClientRect().height);var s=n/2;return(0,e.Z)(k)?s:n-(k||1)}),[k,m]),P=(0,o.useCallback)((function(n,s){v((function(a){var t=new Map(a);return t.set(n,s),t}))}),[]),_=(0,o.useCallback)((function(n){v((function(s){var a=new Map(s);return a.delete(n),a}))}),[]),L=function(n,s){void 0===s&&(s=!1);var t=y.get(n);if(t){var p=t.getBoundingClientRect(),o=g(),e=0,l=o.scrollY,i=o.scrollX;m&&(e=(o=m).getBoundingClientRect().top,l=o.scrollTop,i=o.scrollLeft);var r=p.top-e+l-(u||0);x.current=!0,(0,c.l)(o,i,r,200).then((function(){x.current=!1,!s&&(null==a||a(n,j))}))}};return(0,o.useEffect)((function(){(0,e.Z)(d)||d===w||L(d,!0),(0,e.Z)(d)&&r&&L(r)}),[d,y,r]),(0,p.jsx)(l.Provider,(0,t.pi)({value:{activeLink:j,offsetTop:D,getContainer:i,onLinkClick:function(n){(0,e.Z)(d)?L(n):n!==j&&(null==a||a(n,j))},onAnchorEnter:function(n){b(n),x.current||n===j||null==a||a(n,j)},registerAnchor:P,unRegisterAnchor:_}},{children:s}),void 0)};m.Links=function(n){var s=n.style,a=n.links,e=n.className,c=n.offsetTop,u=n.offsetBottom,i=n.onClick,g=(0,t._T)(n,["style","links","className","offsetTop","offsetBottom","onClick"]),m=(0,o.useContext)(l),f=m.activeLink,y=m.getContainer,v=m.onLinkClick,h=(0,o.useRef)(null);return(0,o.useEffect)((function(){var n=a.map((function(n){return n.link}));Array.from(new Set(n)).length!==n.length&&console.warn("Warning: In the links property of Elevator, the link value must be unique.")}),[a]),(0,p.jsxs)(k.D,(0,t.pi)({offsetTop:c,offsetBottom:u,getAffixContainer:y,ref:h},g,{children:[(0,p.jsx)("div",(0,t.pi)({className:r()("zent-elevator__links-wrapper",e),style:s,"data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-elevator__links-content","data-zv":"10.0.9"},{children:a.map((function(n){return(0,p.jsx)("div",(0,t.pi)({onClick:function(s){return function(n,s){v(s),null==i||i(n,s)}(s,n.link)},className:r()("zent-elevator__link",{"zent-elevator__link--active":f===n.link}),"data-zv":"10.0.9"},{children:n.title}),n.link)}))}),void 0)}),void 0),y&&(0,p.jsx)(d.f,{onScroll:function(){var n;null===(n=null==h?void 0:h.current)||void 0===n||n.updatePosition()}},void 0)]}),void 0)},m.Anchor=function(n){var s=n.link,a=n.children,e=(0,o.useContext)(l),c=e.offsetTop,i=e.getContainer,r=e.onAnchorEnter,k=e.registerAnchor,d=e.unRegisterAnchor,g=(0,o.useRef)(null);return(0,o.useEffect)((function(){return k(s,g.current),function(){d(s)}}),[s,k,d]),(0,p.jsx)(u.h,(0,t.pi)({bottomOffset:c,onEnter:function(){r(s)},scrollableAncestor:(null==i?void 0:i())||window},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-elevator-anchor",ref:g,"data-zv":"10.0.9"},{children:a}),void 0)}),void 0)}},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>r});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var o,e=n.props,l=e.span,u=e.offset,r=e.order,k=e.className,d=e.style,g=(0,t._T)(e,["span","offset","order","className","style"]),m=d,f=(0,i.r)(s,a.colGutter);if(f>0){var y=f/2;m=(0,t.pi)((0,t.pi)({},m),{paddingLeft:y,paddingRight:y})}var v=(0,i.r)(s,l),h=(0,i.r)(s,u),w=(0,i.r)(s,r),b=c()("zent-col",((o={})["zent-col-offset-"+u]=h,o["zent-col-order-"+r]=w,o),"zent-col-"+v,k);return(0,p.jsx)("div",(0,t.pi)({},g,{className:b,style:m,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(o.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>r});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,o=s.style,e=s.justify,r=s.align,k=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+e,"zent-row-align-"+r,a);return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var e=(0,i.r)(s,a.colGutter),c=(0,i.r)(s,a.rowGutter),l=o;if(e>0){var u=-e/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var r=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:r,paddingBottom:r})}return(0,p.jsx)("div",(0,t.pi)({},k,{className:d,style:l,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(o.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>e,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=a(72551),o=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),e=Object.keys(o);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";a.d(s,{f:()=>u});var t=a(59312),p=a(24246),o=a(27378),e=a(80186),c=a(17127),l={passive:!0},u=function(n){var s=n.disableThrottle,a=void 0!==s&&s,u=n.options,i=n.onScroll,r=(0,o.useRef)(i);r.current=i;var k=(0,o.useCallback)((function(n){r.current(n)}),[]),d=(0,c.BN)(k,a);return(0,o.useEffect)((function(){return d.cancel}),[d]),(0,p.jsx)(e.ZM,{eventName:"scroll",listener:d,options:(0,t.pi)((0,t.pi)({},l),u)},void 0)}},31256:(n,s,a)=>{"use strict";function t(n){return null==n}a.d(s,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5876],{55876:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>D});var t=a(73450),p=a(73118),o=a(27378),e=a(57318),c=a(5905),l=a(39550),u=a(74473),i=a(3454),r=a(24246);function k(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 d(n){for(var s=1;s{var s=(0,o.useRef)(null);return(0,r.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,r.jsx)(c.q,{getContainer:()=>s.current,children:(0,r.jsxs)(l.W,{children:[(0,r.jsx)(u.r,{span:14,children:(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,r.jsxs)("div",{children:[(0,r.jsx)(c.q.Anchor,{link:n.link,children:(0,r.jsx)("h3",{children:n.title})}),(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,r.jsx)(u.r,{span:8,offset:14,children:(0,r.jsx)(c.q.Links,{offsetTop:24,offsetBottom:24,links:n})})]})})})};return(0,r.jsx)(s,{})},m=function(){var n=[{link:"Page Directory One",title:"Page Directory One"},{link:"Page Directory Two",title:"Page Directory Two"},{link:"Page Directory Three",title:"Page Directory Three"},{link:"Page Directory Four",title:"Page Directory Four"}],s=()=>{var s=(0,o.useRef)(null);return(0,r.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,r.jsx)(c.q,{getContainer:()=>s.current,offsetTop:50,children:(0,r.jsxs)(l.W,{children:[(0,r.jsx)(u.r,{span:14,children:(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,r.jsxs)("div",{children:[(0,r.jsx)(c.q.Anchor,{link:n.link,children:(0,r.jsx)("h3",{children:n.title})}),(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,r.jsx)(u.r,{span:8,offset:14,children:(0,r.jsx)(c.q.Links,{offsetTop:24,links:n,style:{float:"right"}})})]})})})};return(0,r.jsx)(s,{})},f=function(){var n=[{link:"Page Directory One",title:"Page Directory One"},{link:"Page Directory Two",title:"Page Directory Two"},{link:"Page Directory Three",title:"Page Directory Three"},{link:"Page Directory Four",title:"Page Directory Four"}],s=()=>{var s=(0,o.useRef)(null),a=(0,o.useState)(void 0),t=(0,p.Z)(a,2),e=t[0],i=t[1];return(0,o.useEffect)((()=>{if(s.current){var n=s.current.getBoundingClientRect().height/2;i(n)}}),[s]),(0,r.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,r.jsx)(c.q,{getContainer:()=>s.current,targetOffset:e,children:(0,r.jsxs)(l.W,{children:[(0,r.jsx)(u.r,{span:14,children:(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,r.jsxs)("div",{children:[(0,r.jsx)(c.q.Anchor,{link:n.link,children:(0,r.jsx)("h3",{children:n.title})}),(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,r.jsx)(u.r,{span:8,offset:14,children:(0,r.jsx)(c.q.Links,{offsetTop:24,links:n,style:{float:"right"}})})]})})})};return(0,r.jsx)(s,{})},y=function(){var n=[{link:"Page Directory One",title:"Page Directory One"},{link:"Page Directory Two",title:"Page Directory Two"},{link:"Page Directory Three",title:"Page Directory Three"},{link:"Page Directory Four",title:"Page Directory Four"}],s=()=>(0,r.jsx)("div",{className:"zent-demo-elevator-container-window",children:(0,r.jsx)(c.q,{offsetTop:0,children:(0,r.jsxs)(l.W,{children:[(0,r.jsx)(u.r,{span:14,children:(0,r.jsx)("div",{children:n.map((n=>(0,r.jsxs)("div",{children:[(0,r.jsx)(c.q.Anchor,{link:n.link,children:(0,r.jsx)("h3",{children:n.title})}),(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})}),(0,r.jsx)(u.r,{span:8,offset:14,children:(0,r.jsx)(c.q.Links,{offsetTop:24,offsetBottom:24,links:n,style:{float:"right"}})})]})})});return(0,r.jsx)(s,{})},v=function(){var n=[{link:"Page Directory One",title:"Page Directory One"},{link:"Page Directory Two",title:"Page Directory Two"},{link:"Page Directory Three",title:"Page Directory Three"},{link:"Page Directory Four",title:"Page Directory Four"}],s=()=>{var s=(0,o.useRef)(null),a=(0,o.useState)("Page Directory One"),t=(0,p.Z)(a,2),e=t[0],k=t[1];return(0,r.jsx)("div",{className:"zent-demo-elevator-basic",ref:s,children:(0,r.jsxs)(c.q,{getContainer:()=>s.current,activeLink:e,onChange:(n,s)=>k(n),targetOffset:40,children:[n.map((n=>(0,r.jsx)(i.z,{onClick:()=>k(n.link),children:n.title}))),(0,r.jsxs)(l.W,{children:[(0,r.jsx)(u.r,{span:14,children:(0,r.jsx)("div",{children:(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block",children:n.map((n=>(0,r.jsxs)("div",{children:[(0,r.jsx)(c.q.Anchor,{link:n.link,children:(0,r.jsx)("h3",{children:n.title})}),(0,r.jsx)("div",{className:"zent-demo-elevator-basic__block__content"})]},n.link)))})})}),(0,r.jsx)(u.r,{span:8,offset:14,children:(0,r.jsx)(c.q.Links,{offsetTop:24,offsetBottom:24,links:n})})]})]})})};return(0,r.jsx)(s,{})};function h(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function w(n){return(0,r.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function b(n){return(0,r.jsx)(h,{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 x 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,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:a||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class D 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(b,{style:".zent-demo-elevator-basic {\n\t\tbackground: #f7f7f7;\n\t\tpadding: 24px;\n\t\theight: 200px;\n\t\toverflow-y: auto;\n\t}\n\n\t.zent-demo-elevator-basic__block__content {\n\t\theight: 180px;\n\t}\n\n.zent-demo-elevator-container-window {\n\t\tbackground: #f7f7f7;\n\t\tpadding: 24px;\n\t\theight: auto;\n\t\toverflow-y: auto;\n\t}\n\t.zent-demo-elevator-container-window__block__content {\n\t\theight: 350px;\n\t}\n\n.zent-demo-elevator-basic {\n\t\tbackground: #f7f7f7;\n\t\tpadding: 24px;\n\t\theight: 200px;\n\t\toverflow-y: auto;\n\t}\n\n\t.zent-demo-elevator-basic__block__content {\n\t\theight: 180px;\n\t}"}),o.createElement(w,{html:'

Elevator

\n

The content navigation tool enables you to quickly locate a specified location on a page based on the page catalog, improving information reading and operation efficiency.

\n

Demos

'}),o.createElement(x,{title:"Basic Usage",id:"Demobasic",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef } from \'react\';\n\nconst LINKS = [\n {\n link: \'Page Directory One\',\n title: \'Page Directory OnePage Directory OnePage Directory One\',\n },\n {\n link: \'Page Directory Two\',\n title: \'Page Directory Two\',\n },\n {\n link: \'Page Directory Three\',\n title: \'Page Directory Three\',\n },\n {\n link: \'Page Directory Four\',\n title: \'Page Directory Four\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator getContainer={() => ref.current}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links offsetTop={24} offsetBottom={24} links={LINKS} />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(g)),o.createElement(x,{title:"Sets the offset to trigger a switch when the anchor point reaches the specified offset from the top of the window. The default is half the height of the container",id:"Democustomoffset",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef } from \'react\';\n\nconst LINKS = [\n {\n link: \'Page Directory One\',\n title: \'Page Directory One\',\n },\n {\n link: \'Page Directory Two\',\n title: \'Page Directory Two\',\n },\n {\n link: \'Page Directory Three\',\n title: \'Page Directory Three\',\n },\n {\n link: \'Page Directory Four\',\n title: \'Page Directory Four\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator getContainer={() => ref.current} offsetTop={50}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links\n offsetTop={24}\n links={LINKS}\n style={{ float: \'right\' }}\n />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(m)),o.createElement(x,{title:"Sets the anchor point roll offset",id:"DemocustomtargetOffset",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef, useState, useEffect } from \'react\';\n\nconst LINKS = [\n {\n link: \'Page Directory One\',\n title: \'Page Directory One\',\n },\n {\n link: \'Page Directory Two\',\n title: \'Page Directory Two\',\n },\n {\n link: \'Page Directory Three\',\n title: \'Page Directory Three\',\n },\n {\n link: \'Page Directory Four\',\n title: \'Page Directory Four\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n const [targetOffset, setTargetOffset] = useState(undefined);\n\n useEffect(() => {\n if (ref.current) {\n const offset = ref.current.getBoundingClientRect().height / 2;\n setTargetOffset(offset);\n }\n }, [ref]);\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator getContainer={() => ref.current} targetOffset={targetOffset}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links\n offsetTop={24}\n links={LINKS}\n style={{ float: \'right\' }}\n />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(f)),o.createElement(x,{title:"No container is specified. The default container is Window",id:"Democontainerwindow",src:'import { Elevator, LayoutRow, LayoutCol } from \'zent\';\nimport { useRef } from \'react\';\n\nconst LINKS = [\n {\n link: \'Page Directory One\',\n title: \'Page Directory One\',\n },\n {\n link: \'Page Directory Two\',\n title: \'Page Directory Two\',\n },\n {\n link: \'Page Directory Three\',\n title: \'Page Directory Three\',\n },\n {\n link: \'Page Directory Four\',\n title: \'Page Directory Four\',\n },\n];\n\nconst Demo = () => {\n const renderBlock = () => (\n <div>\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-container-window">\n <Elevator offsetTop={0}>\n <LayoutRow>\n <LayoutCol span={14}>{renderBlock()}</LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links\n offsetTop={24}\n offsetBottom={24}\n links={LINKS}\n style={{ float: \'right\' }}\n />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(y)),o.createElement(x,{title:"Controlled",id:"Democontrolled",src:'import { Elevator, LayoutRow, LayoutCol, Button } from \'zent\';\nimport { useRef, useState } from \'react\';\n\nconst LINKS = [\n {\n link: \'Page Directory One\',\n title: \'Page Directory One\',\n },\n {\n link: \'Page Directory Two\',\n title: \'Page Directory Two\',\n },\n {\n link: \'Page Directory Three\',\n title: \'Page Directory Three\',\n },\n {\n link: \'Page Directory Four\',\n title: \'Page Directory Four\',\n },\n];\n\nconst Demo = () => {\n const ref = useRef(null);\n const [activeLink, setActiveLink] = useState(\'Page Directory One\');\n\n const renderBlock = () => (\n <div className="zent-demo-elevator-basic__block">\n {LINKS.map(link => (\n <div key={link.link}>\n <Elevator.Anchor link={link.link}>\n <h3>{link.title}</h3>\n </Elevator.Anchor>\n <div className="zent-demo-elevator-basic__block__content" />\n </div>\n ))}\n </div>\n );\n\n return (\n <div className="zent-demo-elevator-basic" ref={ref}>\n <Elevator\n getContainer={() => ref.current}\n activeLink={activeLink}\n onChange={(link, pre) => setActiveLink(link)}\n targetOffset={40}\n >\n {LINKS.map(link => (\n <Button onClick={() => setActiveLink(link.link)}>{link.title}</Button>\n ))}\n <LayoutRow>\n <LayoutCol span={14}>\n <div>{renderBlock()}</div>\n </LayoutCol>\n <LayoutCol span={8} offset={14}>\n <Elevator.Links offsetTop={24} offsetBottom={24} links={LINKS} />\n </LayoutCol>\n </LayoutRow>\n </Elevator>\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},o.createElement(v)),o.createElement(w,{html:'

API

\n

Elevator

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
getContainerScrolling container() => HTMLElementfalse() => window
defaultActiveLinkDefault anchor highlightstringfalse
activeLinkCurrent anchor highlightstringfalse
offsetTopPixels to offset from top when calculating position of scrollnumberfalse
targetOffsetAnchor scroll offset, default as offsetTopnumberfalse
onChangeListening for anchor link change(currentLink: string, previousLink: string) => voidfalse
\n

Elevator.Links

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
linksElevator target link list{ link: string, title: ReactNode }[]true
classNameExtra class namestringfalse
styleStyle objectReact.CSSPropertiesfalse
onClickClick event(event: MouseEvent, currentLink: string) => voidfalse
\n

Consult Affix to find more APIs.

\n

Elevator.Anchor

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
linkElevator targetstringtrue
'}))}}},5905:(n,s,a)=>{"use strict";a.d(s,{q:()=>m});var t=a(59312),p=a(24246),o=a(27378),e=a(31256),c=a(57318),l=(0,o.createContext)({}),u=a(86446),i=a(60042),r=a.n(i),k=a(31846),d=a(25120),g=function(){return window},m=function(n){var s=n.children,a=n.onChange,u=n.targetOffset,i=n.getContainer,r=n.defaultActiveLink,k=n.offsetTop,d=n.activeLink,m=null==i?void 0:i(),f=(0,o.useState)(new Map),y=f[0],v=f[1],h=(0,o.useState)(""),w=h[0],b=h[1],j=(0,o.useMemo)((function(){return(0,e.Z)(d)?w:d}),[d,w]),x=(0,o.useRef)(!1),D=(0,o.useMemo)((function(){var n=g().innerHeight;m&&(n=m.getBoundingClientRect().height);var s=n/2;return(0,e.Z)(k)?s:n-(k||1)}),[k,m]),P=(0,o.useCallback)((function(n,s){v((function(a){var t=new Map(a);return t.set(n,s),t}))}),[]),_=(0,o.useCallback)((function(n){v((function(s){var a=new Map(s);return a.delete(n),a}))}),[]),L=function(n,s){void 0===s&&(s=!1);var t=y.get(n);if(t){var p=t.getBoundingClientRect(),o=g(),e=0,l=o.scrollY,i=o.scrollX;m&&(e=(o=m).getBoundingClientRect().top,l=o.scrollTop,i=o.scrollLeft);var r=p.top-e+l-(u||0);x.current=!0,(0,c.l)(o,i,r,200).then((function(){x.current=!1,!s&&(null==a||a(n,j))}))}};return(0,o.useEffect)((function(){(0,e.Z)(d)||d===w||L(d,!0),(0,e.Z)(d)&&r&&L(r)}),[d,y,r]),(0,p.jsx)(l.Provider,(0,t.pi)({value:{activeLink:j,offsetTop:D,getContainer:i,onLinkClick:function(n){(0,e.Z)(d)?L(n):n!==j&&(null==a||a(n,j))},onAnchorEnter:function(n){b(n),x.current||n===j||null==a||a(n,j)},registerAnchor:P,unRegisterAnchor:_}},{children:s}),void 0)};m.Links=function(n){var s=n.style,a=n.links,e=n.className,c=n.offsetTop,u=n.offsetBottom,i=n.onClick,g=(0,t._T)(n,["style","links","className","offsetTop","offsetBottom","onClick"]),m=(0,o.useContext)(l),f=m.activeLink,y=m.getContainer,v=m.onLinkClick,h=(0,o.useRef)(null);return(0,o.useEffect)((function(){var n=a.map((function(n){return n.link}));Array.from(new Set(n)).length!==n.length&&console.warn("Warning: In the links property of Elevator, the link value must be unique.")}),[a]),(0,p.jsxs)(k.D,(0,t.pi)({offsetTop:c,offsetBottom:u,getAffixContainer:y,ref:h},g,{children:[(0,p.jsx)("div",(0,t.pi)({className:r()("zent-elevator__links-wrapper",e),style:s,"data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-elevator__links-content","data-zv":"10.0.10"},{children:a.map((function(n){return(0,p.jsx)("div",(0,t.pi)({onClick:function(s){return function(n,s){v(s),null==i||i(n,s)}(s,n.link)},className:r()("zent-elevator__link",{"zent-elevator__link--active":f===n.link}),"data-zv":"10.0.10"},{children:n.title}),n.link)}))}),void 0)}),void 0),y&&(0,p.jsx)(d.f,{onScroll:function(){var n;null===(n=null==h?void 0:h.current)||void 0===n||n.updatePosition()}},void 0)]}),void 0)},m.Anchor=function(n){var s=n.link,a=n.children,e=(0,o.useContext)(l),c=e.offsetTop,i=e.getContainer,r=e.onAnchorEnter,k=e.registerAnchor,d=e.unRegisterAnchor,g=(0,o.useRef)(null);return(0,o.useEffect)((function(){return k(s,g.current),function(){d(s)}}),[s,k,d]),(0,p.jsx)(u.h,(0,t.pi)({bottomOffset:c,onEnter:function(){r(s)},scrollableAncestor:(null==i?void 0:i())||window},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-elevator-anchor",ref:g,"data-zv":"10.0.10"},{children:a}),void 0)}),void 0)}},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>r});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var o,e=n.props,l=e.span,u=e.offset,r=e.order,k=e.className,d=e.style,g=(0,t._T)(e,["span","offset","order","className","style"]),m=d,f=(0,i.r)(s,a.colGutter);if(f>0){var y=f/2;m=(0,t.pi)((0,t.pi)({},m),{paddingLeft:y,paddingRight:y})}var v=(0,i.r)(s,l),h=(0,i.r)(s,u),w=(0,i.r)(s,r),b=c()("zent-col",((o={})["zent-col-offset-"+u]=h,o["zent-col-order-"+r]=w,o),"zent-col-"+v,k);return(0,p.jsx)("div",(0,t.pi)({},g,{className:b,style:m,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(o.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>r});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,o=s.style,e=s.justify,r=s.align,k=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+e,"zent-row-align-"+r,a);return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var e=(0,i.r)(s,a.colGutter),c=(0,i.r)(s,a.rowGutter),l=o;if(e>0){var u=-e/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var r=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:r,paddingBottom:r})}return(0,p.jsx)("div",(0,t.pi)({},k,{className:d,style:l,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(o.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>e,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=a(72551),o=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),e=Object.keys(o);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";a.d(s,{f:()=>u});var t=a(59312),p=a(24246),o=a(27378),e=a(80186),c=a(17127),l={passive:!0},u=function(n){var s=n.disableThrottle,a=void 0!==s&&s,u=n.options,i=n.onScroll,r=(0,o.useRef)(i);r.current=i;var k=(0,o.useCallback)((function(n){r.current(n)}),[]),d=(0,c.BN)(k,a);return(0,o.useEffect)((function(){return d.cancel}),[d]),(0,p.jsx)(e.ZM,{eventName:"scroll",listener:d,options:(0,t.pi)((0,t.pi)({},l),u)},void 0)}},31256:(n,s,a)=>{"use strict";function t(n){return null==n}a.d(s,{Z:()=>t})}}]); \ No newline at end of file diff --git a/5892-badb80b6581d6afc8d1e.js b/5892-3e8274f85a4280b2164a.js similarity index 84% rename from 5892-badb80b6581d6afc8d1e.js rename to 5892-3e8274f85a4280b2164a.js index b57b495e8..78a07320f 100644 --- a/5892-badb80b6581d6afc8d1e.js +++ b/5892-3e8274f85a4280b2164a.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5892],{5892:(n,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>v});var s=a(73450),e=a(27378),o=a(57318),c=a(40937),p=a(24246);function d(n,t){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(n);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),a.push.apply(a,s)}return a}function l(n){for(var t=1;t{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,t=this.props,a=t.title,s=t.src,e=t.children;return(0,p.jsxs)("div",{className:"zandoc-react-demo",children:[(0,p.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,p.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,p.jsx)("div",{className:"zandoc-react-demo__title",children:(0,p.jsx)("p",{children:a||""})}),(0,p.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,p.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,p.jsx)(m,{tag:"code",html:s,attributes:{className:"language-jsx"}})})]})}}class v extends e.Component{componentDidMount(){var n=location.hash;if(n){var t=document.querySelector('a[href="'.concat(n,'"]'));t&&(0,o.l)(document.documentElement,0,f(t,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(y,{style:""}),e.createElement(g,{html:'

Placeholder 占位块

\n

占位块，用于区块等待状态时的占位展示。

\n

使用指南

\n
    \n
  • 当区块处于渲染中或者加载异步数据时，可以使用此组件减少用户等待时的焦虑感。
    • \n
  • 提供了可以组合的基础组件，以及常用预设组合。
    • \n
  • 预设组合不满足需求时可以使用提供的基础组件自定义。
    • \n
\n

代码演示

'}),e.createElement(b,{title:"文本块",id:"Demotext",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.TextBlock rows={8} />\n , mountNode\n);'},e.createElement(r)),e.createElement(b,{title:"实线文本块",id:"Demotextnodashed",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.TextBlock rows={5} dashed={false} />\n , mountNode\n);'},e.createElement(i)),e.createElement(b,{title:"富文本块",id:"Demorichtext",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.RichTextBlock rows={4} />\n , mountNode\n);'},e.createElement(u)),e.createElement(b,{title:"富文本块(矩形)",id:"Demorichtextrect",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.RichTextBlock rows={7} shape="rect" size={160} dashed={false} />\n , mountNode\n);'},e.createElement(h)),e.createElement(b,{title:"自定义占位块",id:"Democustom",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <div style={{ display: \'flex\', alignItems: \'center\' }}>\n <Placeholder.Circle diameter={160} />\n <Placeholder.TextBlock rows={6} style={{ margin: \'0 10px\' }} />\n <Placeholder.Rectangle width={160} height={160} />\n </div>\n , mountNode\n);'},e.createElement(k)),e.createElement(g,{html:'

API

\n

预设组合组件包括：TextBlock 文本块，以及 RichTextBlock 富文本块。

\n

基础组件包括：TextRow, TextRowDashed, Circle 以及 Rectangle，当预设组合组件不满足需求时可以使用这些基础组件自定义新的占位块。

\n

TextBlock

\n

文本块，可以控制行内是否分段。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
rows文本块行数number是
widths文本块宽度池，文本行宽度是从这个数组里循环取的。每个宽度都是百分比number[]否略
dashed文本行是否分段bool否truefalse
dashSegments文本行分段配置池，每段都是百分比或者固定宽度(number | string)[][]否略
lineSpacing顶部间距string\n \n|\n \nnumber否\'0.7em\'
style额外样式object否{}
animate是否开启动画bool否truefalse
className额外类名string否\'\'
\n

RichTextBlock

\n

支持所有 TextBlock 的参数，以及如下额外参数。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
shape图形形状，支持圆形和正方形string否\'circle\'\'rect\'
size图形大小number\n \n|\n \nstring否80
\n

TextRow

\n

文本行，整行显示，无分段。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
lineSpacing顶部间距string\n \n|\n \nnumber否\'0.7em\'
style额外样式object否{}
animate是否开启动画bool否truefalse
className额外类名string否\'\'
\n

TextRowDashed

\n

分段文本行。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
segments分段配置(number | string)[]否随机生成
lineSpacing顶部间距string\n \n|\n \nnumber否\'0.7em\'
style额外样式object否{}
animate是否开启动画bool否truefalse
className额外类名string否\'\'
\n

Circle

\n

圆形，可以指定半径。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
diameter圆直径number\n \n|\n \nstring否80
style额外样式object否{}
animate是否开启动画bool否truefalse
className额外类名string否\'\'
\n

Rectangle

\n

矩形，可以指定长宽。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
width宽度number\n \n|\n \nstring否80
height高度number\n \n|\n \nstring否80
style额外样式object否{}
animate是否开启动画bool否truefalse
className额外类名string否\'\'
'}))}}},40937:(n,t,a)=>{"use strict";a.d(t,{V:()=>g,Z:()=>y});var s=a(59312),e=a(24246),o=a(27378),c=a(60042),p=a.n(c),d=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.lineSpacing,o=n.animate,c=n.style,d={marginTop:a},l=p()("zent-placeholder-text-row","zent-placeholder-shape",{"zent-placeholder-shape--animate":o},t);return(0,e.jsx)("div",{className:l,style:(0,s.pi)((0,s.pi)({},d),c),"data-zv":"10.0.9"},void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),l=[[61.8,38],[30,25,44],[20,75],[33,16,20,27],[12,32,53],[45,12,42],[20,10,47,18],[14,47,37]],r=function(n){function t(t){var a,s=n.call(this,t)||this;return s.state={segments:(a=l,a[Math.floor(Math.random()*a.length)])},s}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.lineSpacing,o=n.animate,c=n.segments,d=n.style,l={marginTop:a},r=p()("zent-placeholder-text-row-dashed",t),i=p()("zent-placeholder-shape",{"zent-placeholder-shape--animate":o}),u=Array.isArray(c)?c:this.state.segments;return(0,e.jsx)("div",(0,s.pi)({className:r,style:(0,s.pi)((0,s.pi)({},l),d),"data-zv":"10.0.9"},{children:u.map((function(n,t){return(0,e.jsx)("div",(0,s.pi)({className:"zent-placeholder-text-row-dashed-segment",style:{width:n+"%",paddingLeft:0===t?0:"0.3em"},"data-zv":"10.0.9"},{children:(0,e.jsx)("div",{className:i,"data-zv":"10.0.9"},void 0)}),t)}))}),void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),i=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.style,s=n.animate,o=p()("zent-placeholder-shape",{"zent-placeholder-shape--animate":s},t);return(0,e.jsx)("div",{className:o,style:a,"data-zv":"10.0.9"},void 0)},t.defaultProps={style:{},animate:!0},t}(o.PureComponent),u=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.diameter,o=n.style,c=(0,s._T)(n,["className","diameter","style"]),d=p()("zent-placeholder-circle",t),l=(0,s.pi)({height:a,minWidth:a},o);return(0,e.jsx)(i,(0,s.pi)({className:d,style:l},c),void 0)},t.defaultProps={style:{},animate:!0,diameter:80},t}(o.PureComponent),h=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.width,o=n.height,c=n.style,d=(0,s._T)(n,["className","width","height","style"]),l=p()("zent-placeholder-rectangle",t),r=(0,s.pi)({minWidth:a,height:o},c);return(0,e.jsx)(i,(0,s.pi)({className:l,style:r},d),void 0)},t.defaultProps={style:{},animate:!0,width:80,height:80},t}(o.PureComponent),k=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.getRowStyle=function(n){var a=t.props.widths;return{width:a[n%a.length]+"%"}},t.getRows=function(){for(var n=t.props,a=n.rows,o=n.lineSpacing,c=n.animate,p=n.dashed,l=n.dashSegments,i=[],u=0;u{"use strict";a.r(t),a.d(t,{default:()=>v});var s=a(73450),e=a(27378),o=a(57318),c=a(40937),p=a(24246);function d(n,t){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(n);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),a.push.apply(a,s)}return a}function l(n){for(var t=1;t{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,t=this.props,a=t.title,s=t.src,e=t.children;return(0,p.jsxs)("div",{className:"zandoc-react-demo",children:[(0,p.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,p.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,p.jsx)("div",{className:"zandoc-react-demo__title",children:(0,p.jsx)("p",{children:a||""})}),(0,p.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,p.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,p.jsx)(m,{tag:"code",html:s,attributes:{className:"language-jsx"}})})]})}}class v extends e.Component{componentDidMount(){var n=location.hash;if(n){var t=document.querySelector('a[href="'.concat(n,'"]'));t&&(0,o.l)(document.documentElement,0,f(t,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(y,{style:""}),e.createElement(g,{html:'

Placeholder 占位块

\n

占位块，用于区块等待状态时的占位展示。

\n

使用指南

\n
    \n
  • 当区块处于渲染中或者加载异步数据时，可以使用此组件减少用户等待时的焦虑感。
    • \n
  • 提供了可以组合的基础组件，以及常用预设组合。
    • \n
  • 预设组合不满足需求时可以使用提供的基础组件自定义。
    • \n
\n

代码演示

'}),e.createElement(b,{title:"文本块",id:"Demotext",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.TextBlock rows={8} />\n , mountNode\n);'},e.createElement(r)),e.createElement(b,{title:"实线文本块",id:"Demotextnodashed",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.TextBlock rows={5} dashed={false} />\n , mountNode\n);'},e.createElement(i)),e.createElement(b,{title:"富文本块",id:"Demorichtext",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.RichTextBlock rows={4} />\n , mountNode\n);'},e.createElement(u)),e.createElement(b,{title:"富文本块(矩形)",id:"Demorichtextrect",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.RichTextBlock rows={7} shape="rect" size={160} dashed={false} />\n , mountNode\n);'},e.createElement(h)),e.createElement(b,{title:"自定义占位块",id:"Democustom",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <div style={{ display: \'flex\', alignItems: \'center\' }}>\n <Placeholder.Circle diameter={160} />\n <Placeholder.TextBlock rows={6} style={{ margin: \'0 10px\' }} />\n <Placeholder.Rectangle width={160} height={160} />\n </div>\n , mountNode\n);'},e.createElement(k)),e.createElement(g,{html:'

API

\n

预设组合组件包括：TextBlock 文本块，以及 RichTextBlock 富文本块。

\n

基础组件包括：TextRow, TextRowDashed, Circle 以及 Rectangle，当预设组合组件不满足需求时可以使用这些基础组件自定义新的占位块。

\n

TextBlock

\n

文本块，可以控制行内是否分段。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
rows文本块行数number是
widths文本块宽度池，文本行宽度是从这个数组里循环取的。每个宽度都是百分比number[]否略
dashed文本行是否分段bool否truefalse
dashSegments文本行分段配置池，每段都是百分比或者固定宽度(number | string)[][]否略
lineSpacing顶部间距string\n \n|\n \nnumber否\'0.7em\'
style额外样式object否{}
animate是否开启动画bool否truefalse
className额外类名string否\'\'
\n

RichTextBlock

\n

支持所有 TextBlock 的参数，以及如下额外参数。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
shape图形形状，支持圆形和正方形string否\'circle\'\'rect\'
size图形大小number\n \n|\n \nstring否80
\n

TextRow

\n

文本行，整行显示，无分段。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
lineSpacing顶部间距string\n \n|\n \nnumber否\'0.7em\'
style额外样式object否{}
animate是否开启动画bool否truefalse
className额外类名string否\'\'
\n

TextRowDashed

\n

分段文本行。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
segments分段配置(number | string)[]否随机生成
lineSpacing顶部间距string\n \n|\n \nnumber否\'0.7em\'
style额外样式object否{}
animate是否开启动画bool否truefalse
className额外类名string否\'\'
\n

Circle

\n

圆形，可以指定半径。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
diameter圆直径number\n \n|\n \nstring否80
style额外样式object否{}
animate是否开启动画bool否truefalse
className额外类名string否\'\'
\n

Rectangle

\n

矩形，可以指定长宽。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须默认值备选值
width宽度number\n \n|\n \nstring否80
height高度number\n \n|\n \nstring否80
style额外样式object否{}
animate是否开启动画bool否truefalse
className额外类名string否\'\'
'}))}}},40937:(n,t,a)=>{"use strict";a.d(t,{V:()=>g,Z:()=>y});var s=a(59312),e=a(24246),o=a(27378),c=a(60042),p=a.n(c),d=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.lineSpacing,o=n.animate,c=n.style,d={marginTop:a},l=p()("zent-placeholder-text-row","zent-placeholder-shape",{"zent-placeholder-shape--animate":o},t);return(0,e.jsx)("div",{className:l,style:(0,s.pi)((0,s.pi)({},d),c),"data-zv":"10.0.10"},void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),l=[[61.8,38],[30,25,44],[20,75],[33,16,20,27],[12,32,53],[45,12,42],[20,10,47,18],[14,47,37]],r=function(n){function t(t){var a,s=n.call(this,t)||this;return s.state={segments:(a=l,a[Math.floor(Math.random()*a.length)])},s}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.lineSpacing,o=n.animate,c=n.segments,d=n.style,l={marginTop:a},r=p()("zent-placeholder-text-row-dashed",t),i=p()("zent-placeholder-shape",{"zent-placeholder-shape--animate":o}),u=Array.isArray(c)?c:this.state.segments;return(0,e.jsx)("div",(0,s.pi)({className:r,style:(0,s.pi)((0,s.pi)({},l),d),"data-zv":"10.0.10"},{children:u.map((function(n,t){return(0,e.jsx)("div",(0,s.pi)({className:"zent-placeholder-text-row-dashed-segment",style:{width:n+"%",paddingLeft:0===t?0:"0.3em"},"data-zv":"10.0.10"},{children:(0,e.jsx)("div",{className:i,"data-zv":"10.0.10"},void 0)}),t)}))}),void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),i=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.style,s=n.animate,o=p()("zent-placeholder-shape",{"zent-placeholder-shape--animate":s},t);return(0,e.jsx)("div",{className:o,style:a,"data-zv":"10.0.10"},void 0)},t.defaultProps={style:{},animate:!0},t}(o.PureComponent),u=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.diameter,o=n.style,c=(0,s._T)(n,["className","diameter","style"]),d=p()("zent-placeholder-circle",t),l=(0,s.pi)({height:a,minWidth:a},o);return(0,e.jsx)(i,(0,s.pi)({className:d,style:l},c),void 0)},t.defaultProps={style:{},animate:!0,diameter:80},t}(o.PureComponent),h=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.width,o=n.height,c=n.style,d=(0,s._T)(n,["className","width","height","style"]),l=p()("zent-placeholder-rectangle",t),r=(0,s.pi)({minWidth:a,height:o},c);return(0,e.jsx)(i,(0,s.pi)({className:l,style:r},d),void 0)},t.defaultProps={style:{},animate:!0,width:80,height:80},t}(o.PureComponent),k=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.getRowStyle=function(n){var a=t.props.widths;return{width:a[n%a.length]+"%"}},t.getRows=function(){for(var n=t.props,a=n.rows,o=n.lineSpacing,c=n.animate,p=n.dashed,l=n.dashSegments,i=[],u=0;u{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),e=a(27378),p=a(57318),o=a(39550),c=a(74473),l=a(3454),i=a(31846),r=a(82010),u=a(25120),k=a(24246);function d(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 m(n){for(var s=1;s{this.setState({text:"已经固定啦"})})),(0,t.Z)(this,"onUnpin",(()=>{this.setState({text:"取消固定啦"})}))}render(){return(0,k.jsx)(i.D,{offsetTop:200,onPin:this.onPin,onUnpin:this.onUnpin,children:(0,k.jsx)(r.b,{type:"warning",children:this.state.text})})}}return(0,k.jsx)(n,{})},g=function(){return(0,k.jsx)("div",{className:"affix-demo-bottom",children:(0,k.jsx)(i.D,{offsetBottom:60,children:(0,k.jsx)(r.b,{type:"warning",children:(0,k.jsx)("p",{children:"设置距离底部值"})})})})},v=function(){return(0,k.jsx)("div",{className:"affix-demo-both",children:(0,k.jsx)(i.D,{offsetBottom:150,offsetTop:50,children:(0,k.jsx)(r.b,{type:"warning",children:(0,k.jsx)("p",{children:"同时设置 offsetTop 和 offsetBottom"})})})})},y=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"containerRef",null),(0,t.Z)(this,"affixRef",e.createRef()),(0,t.Z)(this,"onSrcoll",(()=>{var n,s;null===(n=this.affixRef)||void 0===n||null===(s=n.current)||void 0===s||s.updatePosition()}))}render(){return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:"affix-target__container",ref:n=>this.containerRef=n,children:(0,k.jsx)("div",{className:"affix-target__content",children:(0,k.jsx)(i.D,{ref:this.affixRef,offsetBottom:20,offsetTop:20,getAffixContainer:()=>this.containerRef,children:(0,k.jsx)(l.z,{children:"相对目标节点定位的固钉"})})})}),(0,k.jsx)(u.f,{onScroll:this.onSrcoll})]})}}return(0,k.jsx)(n,{})};function x(n){return(0,k.jsx)(n.tag,m(m({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function j(n){return(0,k.jsx)(x,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function b(n){return(0,k.jsx)(x,{tag:"style",html:n.style})}function w(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),w(n.parentNode,s);return s}class z 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,e=s.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:a||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(x,{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,p.l)(document.documentElement,0,w(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(b,{style:".affix-target__container{\n height: 150px;\n overflow-y: auto;\n }\n\n .affix-target__content {\n background: rgba(0, 0, 0, 0.1);\n padding-top: 150px;\n height: 200px;\n }"}),e.createElement(j,{html:'

Affix 固钉

\n

将元素固定在特定区域，一般用于导航栏固钉。

\n

代码演示

'}),e.createElement(z,{title:"通过 offsetTop 设置到顶部距离",id:"Demooffsettop",src:'import { Affix, LayoutRow as Row, LayoutCol as Col, Button } from \'zent\';\n\nReactDOM.render(\n <Row style={{ margin: \'10px 0\' }}>\n <Col span={8}>\n <Button type="primary" size="large">\n 首页\n </Button>\n </Col>\n <Col span={8} offset={8}>\n <Affix offsetTop={135}>\n <Button type="primary" size="large">\n 固钉\n </Button>\n </Affix>\n </Col>\n </Row>,\n mountNode\n);'},e.createElement(f)),e.createElement(z,{title:"设置回调函数",id:"Democallback",src:'import { Affix, Alert } from \'zent\';\n\nclass App extends React.Component {\n state = {\n text: \'固钉\',\n };\n\n onPin = () => {\n this.setState({ text: \'已经固定啦\' });\n };\n onUnpin = () => {\n this.setState({ text: \'取消固定啦\' });\n };\n\n render() {\n return (\n <Affix offsetTop={200} onPin={this.onPin} onUnpin={this.onUnpin}>\n <Alert type="warning">{this.state.text}</Alert>\n </Affix>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},e.createElement(h)),e.createElement(z,{title:"设置距离底部值：`offsetBottom`",id:"Demooffsetbottom",src:'import { Affix, Alert } from \'zent\';\n\nReactDOM.render(\n <div className="affix-demo-bottom">\n <Affix offsetBottom={60}>\n <Alert type="warning">\n <p>设置距离底部值</p>\n </Alert>\n </Affix>\n </div>,\n mountNode\n);'},e.createElement(g)),e.createElement(z,{title:"同时设置 offsetTop 和 offsetBottom",id:"Demoboth",src:'import { Affix, Alert } from \'zent\';\n\nReactDOM.render(\n <div className="affix-demo-both">\n <Affix offsetBottom={150} offsetTop={50}>\n <Alert type="warning">\n <p>同时设置 offsetTop 和 offsetBottom</p>\n </Alert>\n </Affix>\n </div>,\n mountNode\n);'},e.createElement(v)),e.createElement(z,{title:"自定义相对定位节点",id:"Democontainer",src:'import { Affix, Button, WindowScrollHandler } from \'zent\';\n\nclass Demo extends Component {\n containerRef = null;\n affixRef = React.createRef();\n\n onSrcoll = () => {\n this.affixRef?.current?.updatePosition();\n };\n\n render() {\n return (\n <>\n <div\n className="affix-target__container"\n ref={ref => (this.containerRef = ref)}\n >\n <div className="affix-target__content">\n <Affix\n ref={this.affixRef}\n offsetBottom={20}\n offsetTop={20}\n getAffixContainer={() => this.containerRef}\n >\n <Button>相对目标节点定位的固钉</Button>\n </Affix>\n </div>\n </div>\n <WindowScrollHandler onScroll={this.onSrcoll} />\n </>\n );\n }\n}\n\nReactDOM.render(<Demo />, mountNode);'},e.createElement(y)),e.createElement(j,{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
参数说明类型默认值备选值
offsetTop距离窗口顶部指定偏移量后触发number
offsetBottom距离窗口底部指定偏移量后触发number
getAffixContainer自定义相对定位的节点() => HTMLElement | nullwindow
children子节点React.ReactNode
onPin触发固定后执行的回调函数() => void
onUnpin固定消失后执行的回调函数() => void
zIndex固定时的 \nz-indexnumber10
className自定义额外类名string
placeholderClassName占位容器的类名string
\n

注意

\n
    \n
  • offsetTop 和 offsetBottom 至少传一个，也可以同时设置，同时设置的时候注意窗口高度很小的时候可能会出现两个参数行为冲突的情况，请谨慎使用。
    • \n
  • 在页面有两层滚动时，需要同时使用 ref 和 getAffixContainer 实现固钉相对定位自定义节点定位，需要监听外层滚动事件。
    • \n
'}))}}},82010:(n,s,a)=>{"use strict";a.d(s,{b:()=>d});var t=a(59312),e=a(24246),p=a(60042),o=a.n(p),c=a(27378),l=a(8434),i=a(78486),r=a(78513),u=["outline","closed","onClose"],k=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={closed:!1},s.onCloseHandler=function(){s.isControlled||s.setState({closed:!0}),s.props.onClose&&s.props.onClose()},s}return(0,t.ZT)(s,n),Object.defineProperty(s.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),s.prototype.render=function(){var n;if(this.closed)return null;var s=(0,r.Z)(this.props,k),a=s.className,p=s.type,c=s.outline,d=s.bordered,m=s.progress,f=(0,t._T)(s,["className","type","outline","bordered","progress"]),h=(0,r.Z)(this.props,u),g=o()("zent-alert","zent-alert-style-"+p,a,((n={})["zent-alert-outline"]=c,n["zent-alert--borderless"]=!d,n));return(0,e.jsxs)("div",(0,t.pi)({className:g},f,{"data-zv":"10.0.9"},{children:[!!m&&(0,e.jsx)(l.E,{className:"zent-alert__progress",percent:m,showInfo:!1,strokeWidth:2},void 0),(0,e.jsx)(i.Z,(0,t.pi)({},h,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},s.highlightClassName="zent-alert-item-content__highlight",s.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},s}(c.PureComponent)},78486:(n,s,a)=>{"use strict";var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(27036),i=a(20840),r={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},u=(0,p.forwardRef)((function(n,s){var a=n.extraContent,o=n.classItemName,u=n.title,k=n.description,d=n.children,m=n.loading,f=n.type,h=n.closable,g=n.icon,v=n.closeIconColor,y=n.closeContent,x=n.onAlertItemClose,j=(0,p.useRef)(n);j.current=n;var b=(0,p.useMemo)((function(){return d||(0,e.jsxs)(e.Fragment,{children:[u&&(0,e.jsx)("h3",(0,t.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.9"},{children:u}),void 0),k&&(0,e.jsx)("p",(0,t.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.9"},{children:k}),void 0)]},void 0)}),[d,k,u]),w=(0,p.useMemo)((function(){var n=j.current.onClose,s=v?{color:v}:{};return h?(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-close-wrapper",onClick:function(s){null==n||n(),x&&x(),s.stopPropagation()},"data-zv":"10.0.9"},{children:null!=y?y:(0,e.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:s},void 0)}),void 0):null}),[h,y,v,x]),z=(0,p.useMemo)((function(){return m?(0,e.jsx)(i.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===g||!1===g?null:g?(0,e.jsx)("span",(0,t.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.9"},{children:g}),void 0):f in r?(0,e.jsx)(l.Z,{className:"zent-alert-item-icon",type:r[f]},void 0):null}),[m,f,g]);return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-alert-item",o),ref:s,"data-zv":"10.0.9"},{children:[z,(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-content","data-zv":"10.0.9"},{children:b}),void 0),a&&(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.9"},{children:a}),void 0),w]}),void 0)}));u.displayName="AlertItem",s.Z=u},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>u});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(65225),i=a(48591),r=a(81093),u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,e.jsx)(i.Z.Consumer,{children:function(s){return(0,e.jsx)(l.Z.Consumer,{children:function(a){var p,o=n.props,l=o.span,i=o.offset,u=o.order,k=o.className,d=o.style,m=(0,t._T)(o,["span","offset","order","className","style"]),f=d,h=(0,r.r)(s,a.colGutter);if(h>0){var g=h/2;f=(0,t.pi)((0,t.pi)({},f),{paddingLeft:g,paddingRight:g})}var v=(0,r.r)(s,l),y=(0,r.r)(s,i),x=(0,r.r)(s,u),j=c()("zent-col",((p={})["zent-col-offset-"+i]=y,p["zent-col-order-"+u]=x,p),"zent-col-"+v,k);return(0,e.jsx)("div",(0,t.pi)({},m,{className:j,style:f,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(p.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>u});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(65225),i=a(48591),r=a(81093),u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,p=s.style,o=s.justify,u=s.align,k=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+o,"zent-row-align-"+u,a);return(0,e.jsx)(i.Z.Consumer,{children:function(s){return(0,e.jsx)(l.Z.Consumer,{children:function(a){var o=(0,r.r)(s,a.colGutter),c=(0,r.r)(s,a.rowGutter),l=p;if(o>0){var i=-o/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:i,marginRight:i})}if(c&&c>0){var u=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:u,paddingBottom:u})}return(0,e.jsx)("div",(0,t.pi)({},k,{className:d,style:l,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(p.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>o,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var e=a(72551),p=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),o=Object.keys(p);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";a.d(s,{E:()=>g});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=["normal","success","exception"],i=(0,a(70453).Z)("zentAnimatedArcStrokeGradient"),r={},u={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={opacity:0,rotate:0,transition:r},s.startAnimation=function(){s.animationDelayTimerId&&clearTimeout(s.animationDelayTimerId);var n=s.props,a=n.arcLength,t=n.radius,e=(a-s.getMaskArcLength())/t;s.setState({rotate:e,transition:r,opacity:.2},s.queueAnimationEnd)},s.finishAnimation=function(){s.transitionEndTimerId&&clearTimeout(s.transitionEndTimerId),s.setState({rotate:0,transition:u,opacity:0}),s.animationDelayTimerId=setTimeout(s.startAnimation,1e3)},s.queueAnimationEnd=function(){s.transitionEndTimerId=setTimeout(s.finishAnimation,400)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.getPath(),s=this.props,a=s.className,p=s.strokeWidth,o=this.state,c=o.rotate,l=o.transition,r=o.opacity;return(0,e.jsxs)("g",(0,t.pi)({"data-zv":"10.0.9"},{children:[(0,e.jsx)("defs",(0,t.pi)({"data-zv":"10.0.9"},{children:(0,e.jsxs)("linearGradient",(0,t.pi)({id:i},{children:[(0,e.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.9"},void 0),(0,e.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.9"},void 0)]}),void 0)}),void 0),(0,e.jsx)("path",{className:a,d:n,stroke:"url(#"+i+")",strokeOpacity:r,strokeWidth:p,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.9"},void 0)]}),void 0)},s.prototype.componentDidMount=function(){this.startAnimation()},s.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},s.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},s.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},s.prototype.getArcStartPoint=function(){var n=this.props,s=n.radius,a=n.strokeWidth/2;return[s+a,a]},s.prototype.getArcEndPoint=function(){var n=this.props,s=n.radius,a=s+n.strokeWidth/2,t=this.getMaskTheta();return[a+Math.sin(t)*s,a-Math.cos(t)*s]},s.prototype.getPath=function(){var n=this.getArcStartPoint(),s=this.getArcEndPoint(),a=this.props.radius;return"M"+n.join(",")+" A"+a+","+a+" 0 0 1 "+s.join(",")},s}(p.PureComponent),d=a(39215),m=function(n){var s=n.type,a=n.percent,t=n.format,p=n.state,o=n.color;return"success"===p?(0,e.jsx)(d.J,{type:"circle"===s?"check":"check-circle",style:{color:o}},void 0):"exception"===p?(0,e.jsx)(d.J,{type:"circle"===s?"close":"close-circle",style:{color:o}},void 0):(0,e.jsx)(e.Fragment,{children:t(a)},void 0)},f=function(n){var s=n.percent,a=n.showInfo,p=n.format,o=n.strokeWidth,l=n.width,i=n.bgColor,r=n.color,u=n.state,d=n.strokeLinecap,f=l||132,h=f/2,g=f-o,v=g/2,y=g*Math.PI,x=y*(100-s)/100;return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:f,height:f},"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:i,width:f,height:f},"data-zv":"10.0.9"},void 0),(0,e.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+f+" "+f,width:f,height:f,"data-zv":"10.0.9"},{children:[(0,e.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+h+" "+h+")","data-zv":"10.0.9"},{children:(0,e.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+d),cx:h,cy:h,r:v,style:{stroke:r,strokeWidth:o},strokeDasharray:y,strokeDashoffset:x,"data-zv":"10.0.9"},void 0)}),void 0),"normal"===u&&(0,e.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+d),radius:v,arcLength:y-x,strokeWidth:o},void 0)]}),void 0),a&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,e.jsx)(m,{type:"circle",percent:s,format:p,state:u,color:r},void 0)}),void 0)]}),void 0)},h=function(n){var s=n.format,a=n.width,p=n.percent,o=n.showInfo,l=n.strokeWidth,i=n.bgColor,r=n.color,u=n.state,k=n.strokeLinecap,d=a||"100%",f=o&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,e.jsx)(m,{type:"line",percent:p,format:s,state:u,color:r},void 0)}),void 0);return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.9"},{children:[(0,e.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===p}),style:{background:i,width:d,height:l},"data-zv":"10.0.9"},{children:(0,e.jsx)("div",{className:"zent-progress-inner",style:{background:r,width:p+"%",height:l},"data-zv":"10.0.9"},void 0)}),void 0),f]}),void 0)},g=function(n){var s,a=n,o=a.type,i=a.status,r=a.percent,u=a.className,k=a.normalColor,d=a.successColor,m=a.exceptionColor,g=a.bgColor,v=a.format,y=a.showInfo,x=a.strokeWidth,j=a.width,b=a.strokeLinecap,w=(0,t._T)(a,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),z=(0,p.useMemo)((function(){return-1!==l.indexOf(i)?i:r>=100?"success":"normal"}),[i,r]),C={exception:m,success:d,normal:k}[z],N=(0,p.useMemo)((function(){return r<0?0:r>100?100:r}),[r]);switch(o){case"circle":s=f;break;case"line":default:s=h}var A=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+z,u);return(0,e.jsx)("div",(0,t.pi)({className:A},w,{"data-zv":"10.0.9"},{children:(0,e.jsx)(s,{percent:N,showInfo:y,strokeWidth:x,width:j,bgColor:g,format:v,color:C,state:z,strokeLinecap:b},void 0)}),void 0)};g.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}},25120:(n,s,a)=>{"use strict";a.d(s,{f:()=>i});var t=a(59312),e=a(24246),p=a(27378),o=a(80186),c=a(17127),l={passive:!0},i=function(n){var s=n.disableThrottle,a=void 0!==s&&s,i=n.options,r=n.onScroll,u=(0,p.useRef)(r);u.current=r;var k=(0,p.useCallback)((function(n){u.current(n)}),[]),d=(0,c.BN)(k,a);return(0,p.useEffect)((function(){return d.cancel}),[d]),(0,e.jsx)(o.ZM,{eventName:"scroll",listener:d,options:(0,t.pi)((0,t.pi)({},l),i)},void 0)}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[5956],{45956:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),e=a(27378),p=a(57318),o=a(39550),c=a(74473),l=a(3454),i=a(31846),r=a(82010),u=a(25120),k=a(24246);function d(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 m(n){for(var s=1;s{this.setState({text:"已经固定啦"})})),(0,t.Z)(this,"onUnpin",(()=>{this.setState({text:"取消固定啦"})}))}render(){return(0,k.jsx)(i.D,{offsetTop:200,onPin:this.onPin,onUnpin:this.onUnpin,children:(0,k.jsx)(r.b,{type:"warning",children:this.state.text})})}}return(0,k.jsx)(n,{})},g=function(){return(0,k.jsx)("div",{className:"affix-demo-bottom",children:(0,k.jsx)(i.D,{offsetBottom:60,children:(0,k.jsx)(r.b,{type:"warning",children:(0,k.jsx)("p",{children:"设置距离底部值"})})})})},v=function(){return(0,k.jsx)("div",{className:"affix-demo-both",children:(0,k.jsx)(i.D,{offsetBottom:150,offsetTop:50,children:(0,k.jsx)(r.b,{type:"warning",children:(0,k.jsx)("p",{children:"同时设置 offsetTop 和 offsetBottom"})})})})},y=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"containerRef",null),(0,t.Z)(this,"affixRef",e.createRef()),(0,t.Z)(this,"onSrcoll",(()=>{var n,s;null===(n=this.affixRef)||void 0===n||null===(s=n.current)||void 0===s||s.updatePosition()}))}render(){return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)("div",{className:"affix-target__container",ref:n=>this.containerRef=n,children:(0,k.jsx)("div",{className:"affix-target__content",children:(0,k.jsx)(i.D,{ref:this.affixRef,offsetBottom:20,offsetTop:20,getAffixContainer:()=>this.containerRef,children:(0,k.jsx)(l.z,{children:"相对目标节点定位的固钉"})})})}),(0,k.jsx)(u.f,{onScroll:this.onSrcoll})]})}}return(0,k.jsx)(n,{})};function x(n){return(0,k.jsx)(n.tag,m(m({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function j(n){return(0,k.jsx)(x,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function b(n){return(0,k.jsx)(x,{tag:"style",html:n.style})}function w(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),w(n.parentNode,s);return s}class z 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,e=s.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:a||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(x,{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,p.l)(document.documentElement,0,w(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(b,{style:".affix-target__container{\n height: 150px;\n overflow-y: auto;\n }\n\n .affix-target__content {\n background: rgba(0, 0, 0, 0.1);\n padding-top: 150px;\n height: 200px;\n }"}),e.createElement(j,{html:'

Affix 固钉

\n

将元素固定在特定区域，一般用于导航栏固钉。

\n

代码演示

'}),e.createElement(z,{title:"通过 offsetTop 设置到顶部距离",id:"Demooffsettop",src:'import { Affix, LayoutRow as Row, LayoutCol as Col, Button } from \'zent\';\n\nReactDOM.render(\n <Row style={{ margin: \'10px 0\' }}>\n <Col span={8}>\n <Button type="primary" size="large">\n 首页\n </Button>\n </Col>\n <Col span={8} offset={8}>\n <Affix offsetTop={135}>\n <Button type="primary" size="large">\n 固钉\n </Button>\n </Affix>\n </Col>\n </Row>,\n mountNode\n);'},e.createElement(f)),e.createElement(z,{title:"设置回调函数",id:"Democallback",src:'import { Affix, Alert } from \'zent\';\n\nclass App extends React.Component {\n state = {\n text: \'固钉\',\n };\n\n onPin = () => {\n this.setState({ text: \'已经固定啦\' });\n };\n onUnpin = () => {\n this.setState({ text: \'取消固定啦\' });\n };\n\n render() {\n return (\n <Affix offsetTop={200} onPin={this.onPin} onUnpin={this.onUnpin}>\n <Alert type="warning">{this.state.text}</Alert>\n </Affix>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},e.createElement(h)),e.createElement(z,{title:"设置距离底部值：`offsetBottom`",id:"Demooffsetbottom",src:'import { Affix, Alert } from \'zent\';\n\nReactDOM.render(\n <div className="affix-demo-bottom">\n <Affix offsetBottom={60}>\n <Alert type="warning">\n <p>设置距离底部值</p>\n </Alert>\n </Affix>\n </div>,\n mountNode\n);'},e.createElement(g)),e.createElement(z,{title:"同时设置 offsetTop 和 offsetBottom",id:"Demoboth",src:'import { Affix, Alert } from \'zent\';\n\nReactDOM.render(\n <div className="affix-demo-both">\n <Affix offsetBottom={150} offsetTop={50}>\n <Alert type="warning">\n <p>同时设置 offsetTop 和 offsetBottom</p>\n </Alert>\n </Affix>\n </div>,\n mountNode\n);'},e.createElement(v)),e.createElement(z,{title:"自定义相对定位节点",id:"Democontainer",src:'import { Affix, Button, WindowScrollHandler } from \'zent\';\n\nclass Demo extends Component {\n containerRef = null;\n affixRef = React.createRef();\n\n onSrcoll = () => {\n this.affixRef?.current?.updatePosition();\n };\n\n render() {\n return (\n <>\n <div\n className="affix-target__container"\n ref={ref => (this.containerRef = ref)}\n >\n <div className="affix-target__content">\n <Affix\n ref={this.affixRef}\n offsetBottom={20}\n offsetTop={20}\n getAffixContainer={() => this.containerRef}\n >\n <Button>相对目标节点定位的固钉</Button>\n </Affix>\n </div>\n </div>\n <WindowScrollHandler onScroll={this.onSrcoll} />\n </>\n );\n }\n}\n\nReactDOM.render(<Demo />, mountNode);'},e.createElement(y)),e.createElement(j,{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
参数说明类型默认值备选值
offsetTop距离窗口顶部指定偏移量后触发number
offsetBottom距离窗口底部指定偏移量后触发number
getAffixContainer自定义相对定位的节点() => HTMLElement | nullwindow
children子节点React.ReactNode
onPin触发固定后执行的回调函数() => void
onUnpin固定消失后执行的回调函数() => void
zIndex固定时的 \nz-indexnumber10
className自定义额外类名string
placeholderClassName占位容器的类名string
\n

注意

\n
    \n
  • offsetTop 和 offsetBottom 至少传一个，也可以同时设置，同时设置的时候注意窗口高度很小的时候可能会出现两个参数行为冲突的情况，请谨慎使用。
    • \n
  • 在页面有两层滚动时，需要同时使用 ref 和 getAffixContainer 实现固钉相对定位自定义节点定位，需要监听外层滚动事件。
    • \n
'}))}}},82010:(n,s,a)=>{"use strict";a.d(s,{b:()=>d});var t=a(59312),e=a(24246),p=a(60042),o=a.n(p),c=a(27378),l=a(8434),i=a(78486),r=a(78513),u=["outline","closed","onClose"],k=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={closed:!1},s.onCloseHandler=function(){s.isControlled||s.setState({closed:!0}),s.props.onClose&&s.props.onClose()},s}return(0,t.ZT)(s,n),Object.defineProperty(s.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),s.prototype.render=function(){var n;if(this.closed)return null;var s=(0,r.Z)(this.props,k),a=s.className,p=s.type,c=s.outline,d=s.bordered,m=s.progress,f=(0,t._T)(s,["className","type","outline","bordered","progress"]),h=(0,r.Z)(this.props,u),g=o()("zent-alert","zent-alert-style-"+p,a,((n={})["zent-alert-outline"]=c,n["zent-alert--borderless"]=!d,n));return(0,e.jsxs)("div",(0,t.pi)({className:g},f,{"data-zv":"10.0.10"},{children:[!!m&&(0,e.jsx)(l.E,{className:"zent-alert__progress",percent:m,showInfo:!1,strokeWidth:2},void 0),(0,e.jsx)(i.Z,(0,t.pi)({},h,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},s.highlightClassName="zent-alert-item-content__highlight",s.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},s}(c.PureComponent)},78486:(n,s,a)=>{"use strict";var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(27036),i=a(20840),r={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},u=(0,p.forwardRef)((function(n,s){var a=n.extraContent,o=n.classItemName,u=n.title,k=n.description,d=n.children,m=n.loading,f=n.type,h=n.closable,g=n.icon,v=n.closeIconColor,y=n.closeContent,x=n.onAlertItemClose,j=(0,p.useRef)(n);j.current=n;var b=(0,p.useMemo)((function(){return d||(0,e.jsxs)(e.Fragment,{children:[u&&(0,e.jsx)("h3",(0,t.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.10"},{children:u}),void 0),k&&(0,e.jsx)("p",(0,t.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.10"},{children:k}),void 0)]},void 0)}),[d,k,u]),w=(0,p.useMemo)((function(){var n=j.current.onClose,s=v?{color:v}:{};return h?(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-close-wrapper",onClick:function(s){null==n||n(),x&&x(),s.stopPropagation()},"data-zv":"10.0.10"},{children:null!=y?y:(0,e.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:s},void 0)}),void 0):null}),[h,y,v,x]),z=(0,p.useMemo)((function(){return m?(0,e.jsx)(i.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===g||!1===g?null:g?(0,e.jsx)("span",(0,t.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.10"},{children:g}),void 0):f in r?(0,e.jsx)(l.Z,{className:"zent-alert-item-icon",type:r[f]},void 0):null}),[m,f,g]);return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-alert-item",o),ref:s,"data-zv":"10.0.10"},{children:[z,(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-content","data-zv":"10.0.10"},{children:b}),void 0),a&&(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.10"},{children:a}),void 0),w]}),void 0)}));u.displayName="AlertItem",s.Z=u},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>u});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(65225),i=a(48591),r=a(81093),u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,e.jsx)(i.Z.Consumer,{children:function(s){return(0,e.jsx)(l.Z.Consumer,{children:function(a){var p,o=n.props,l=o.span,i=o.offset,u=o.order,k=o.className,d=o.style,m=(0,t._T)(o,["span","offset","order","className","style"]),f=d,h=(0,r.r)(s,a.colGutter);if(h>0){var g=h/2;f=(0,t.pi)((0,t.pi)({},f),{paddingLeft:g,paddingRight:g})}var v=(0,r.r)(s,l),y=(0,r.r)(s,i),x=(0,r.r)(s,u),j=c()("zent-col",((p={})["zent-col-offset-"+i]=y,p["zent-col-order-"+u]=x,p),"zent-col-"+v,k);return(0,e.jsx)("div",(0,t.pi)({},m,{className:j,style:f,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(p.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>u});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(65225),i=a(48591),r=a(81093),u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,p=s.style,o=s.justify,u=s.align,k=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+o,"zent-row-align-"+u,a);return(0,e.jsx)(i.Z.Consumer,{children:function(s){return(0,e.jsx)(l.Z.Consumer,{children:function(a){var o=(0,r.r)(s,a.colGutter),c=(0,r.r)(s,a.rowGutter),l=p;if(o>0){var i=-o/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:i,marginRight:i})}if(c&&c>0){var u=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:u,paddingBottom:u})}return(0,e.jsx)("div",(0,t.pi)({},k,{className:d,style:l,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(p.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>o,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var e=a(72551),p=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),o=Object.keys(p);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";a.d(s,{E:()=>g});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=["normal","success","exception"],i=(0,a(70453).Z)("zentAnimatedArcStrokeGradient"),r={},u={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={opacity:0,rotate:0,transition:r},s.startAnimation=function(){s.animationDelayTimerId&&clearTimeout(s.animationDelayTimerId);var n=s.props,a=n.arcLength,t=n.radius,e=(a-s.getMaskArcLength())/t;s.setState({rotate:e,transition:r,opacity:.2},s.queueAnimationEnd)},s.finishAnimation=function(){s.transitionEndTimerId&&clearTimeout(s.transitionEndTimerId),s.setState({rotate:0,transition:u,opacity:0}),s.animationDelayTimerId=setTimeout(s.startAnimation,1e3)},s.queueAnimationEnd=function(){s.transitionEndTimerId=setTimeout(s.finishAnimation,400)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.getPath(),s=this.props,a=s.className,p=s.strokeWidth,o=this.state,c=o.rotate,l=o.transition,r=o.opacity;return(0,e.jsxs)("g",(0,t.pi)({"data-zv":"10.0.10"},{children:[(0,e.jsx)("defs",(0,t.pi)({"data-zv":"10.0.10"},{children:(0,e.jsxs)("linearGradient",(0,t.pi)({id:i},{children:[(0,e.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.10"},void 0),(0,e.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.10"},void 0)]}),void 0)}),void 0),(0,e.jsx)("path",{className:a,d:n,stroke:"url(#"+i+")",strokeOpacity:r,strokeWidth:p,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.10"},void 0)]}),void 0)},s.prototype.componentDidMount=function(){this.startAnimation()},s.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},s.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},s.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},s.prototype.getArcStartPoint=function(){var n=this.props,s=n.radius,a=n.strokeWidth/2;return[s+a,a]},s.prototype.getArcEndPoint=function(){var n=this.props,s=n.radius,a=s+n.strokeWidth/2,t=this.getMaskTheta();return[a+Math.sin(t)*s,a-Math.cos(t)*s]},s.prototype.getPath=function(){var n=this.getArcStartPoint(),s=this.getArcEndPoint(),a=this.props.radius;return"M"+n.join(",")+" A"+a+","+a+" 0 0 1 "+s.join(",")},s}(p.PureComponent),d=a(39215),m=function(n){var s=n.type,a=n.percent,t=n.format,p=n.state,o=n.color;return"success"===p?(0,e.jsx)(d.J,{type:"circle"===s?"check":"check-circle",style:{color:o}},void 0):"exception"===p?(0,e.jsx)(d.J,{type:"circle"===s?"close":"close-circle",style:{color:o}},void 0):(0,e.jsx)(e.Fragment,{children:t(a)},void 0)},f=function(n){var s=n.percent,a=n.showInfo,p=n.format,o=n.strokeWidth,l=n.width,i=n.bgColor,r=n.color,u=n.state,d=n.strokeLinecap,f=l||132,h=f/2,g=f-o,v=g/2,y=g*Math.PI,x=y*(100-s)/100;return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:f,height:f},"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:i,width:f,height:f},"data-zv":"10.0.10"},void 0),(0,e.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+f+" "+f,width:f,height:f,"data-zv":"10.0.10"},{children:[(0,e.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+h+" "+h+")","data-zv":"10.0.10"},{children:(0,e.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+d),cx:h,cy:h,r:v,style:{stroke:r,strokeWidth:o},strokeDasharray:y,strokeDashoffset:x,"data-zv":"10.0.10"},void 0)}),void 0),"normal"===u&&(0,e.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+d),radius:v,arcLength:y-x,strokeWidth:o},void 0)]}),void 0),a&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,e.jsx)(m,{type:"circle",percent:s,format:p,state:u,color:r},void 0)}),void 0)]}),void 0)},h=function(n){var s=n.format,a=n.width,p=n.percent,o=n.showInfo,l=n.strokeWidth,i=n.bgColor,r=n.color,u=n.state,k=n.strokeLinecap,d=a||"100%",f=o&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,e.jsx)(m,{type:"line",percent:p,format:s,state:u,color:r},void 0)}),void 0);return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.10"},{children:[(0,e.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===p}),style:{background:i,width:d,height:l},"data-zv":"10.0.10"},{children:(0,e.jsx)("div",{className:"zent-progress-inner",style:{background:r,width:p+"%",height:l},"data-zv":"10.0.10"},void 0)}),void 0),f]}),void 0)},g=function(n){var s,a=n,o=a.type,i=a.status,r=a.percent,u=a.className,k=a.normalColor,d=a.successColor,m=a.exceptionColor,g=a.bgColor,v=a.format,y=a.showInfo,x=a.strokeWidth,j=a.width,b=a.strokeLinecap,w=(0,t._T)(a,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),z=(0,p.useMemo)((function(){return-1!==l.indexOf(i)?i:r>=100?"success":"normal"}),[i,r]),C={exception:m,success:d,normal:k}[z],N=(0,p.useMemo)((function(){return r<0?0:r>100?100:r}),[r]);switch(o){case"circle":s=f;break;case"line":default:s=h}var A=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+z,u);return(0,e.jsx)("div",(0,t.pi)({className:A},w,{"data-zv":"10.0.10"},{children:(0,e.jsx)(s,{percent:N,showInfo:y,strokeWidth:x,width:j,bgColor:g,format:v,color:C,state:z,strokeLinecap:b},void 0)}),void 0)};g.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}},25120:(n,s,a)=>{"use strict";a.d(s,{f:()=>i});var t=a(59312),e=a(24246),p=a(27378),o=a(80186),c=a(17127),l={passive:!0},i=function(n){var s=n.disableThrottle,a=void 0!==s&&s,i=n.options,r=n.onScroll,u=(0,p.useRef)(r);u.current=r;var k=(0,p.useCallback)((function(n){u.current(n)}),[]),d=(0,c.BN)(k,a);return(0,p.useEffect)((function(){return d.cancel}),[d]),(0,e.jsx)(o.ZM,{eventName:"scroll",listener:d,options:(0,t.pi)((0,t.pi)({},l),i)},void 0)}}}]); \ No newline at end of file diff --git a/610-f59e2b5944470931e4ac.js b/610-364f675f2d4041c60cbb.js similarity index 87% rename from 610-f59e2b5944470931e4ac.js rename to 610-364f675f2d4041c60cbb.js index bdd8c8123..52a9fa350 100644 --- a/610-f59e2b5944470931e4ac.js +++ b/610-364f675f2d4041c60cbb.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[610],{40610:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>C});var t=s(73450),e=s(27378),p=s(57318),o=s(87230),c=s(39215),l=s(80964),u=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({value:n})}))}render(){return(0,u.jsx)(o.j,{value:this.state.value,onChange:this.onChange})}}return(0,u.jsx)(n,{})},d=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:2.5}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsx)(o.j,{allowHalf:!0,value:this.state.value,onChange:this.onChange})}}return(0,u.jsx)(n,{})},m=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:2.5}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsx)(o.j,{disabled:!0,allowHalf:!0,value:this.state.value,onChange:this.onChange})}}return(0,u.jsx)(n,{})},h=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:2.5}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsxs)("ul",{children:[(0,u.jsx)("li",{children:(0,u.jsx)(o.j,{character:(0,u.jsx)(c.J,{type:"youzan"}),allowHalf:!0,value:this.state.value,onChange:this.onChange})}),(0,u.jsx)("li",{children:(0,u.jsx)(o.j,{character:"赞",allowHalf:!0,value:this.state.value,onChange:this.onChange})})]})}}return(0,u.jsx)(n,{})},g=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:"3.7"}),(0,t.Z)(this,"onNumberChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsxs)("div",{children:[(0,u.jsx)(l.Y,{className:"zent-doc-rate-readonly-number",value:this.state.value,onChange:this.onNumberChange,max:5,min:0,decimal:1,showCounter:!0}),(0,u.jsx)(o.j,{value:+this.state.value,readOnly:!0})]})}}return(0,u.jsx)(n,{})};function v(n){return(0,u.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,u.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,u.jsx)(v,{tag:"style",html:n.style})}function w(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),w(n.parentNode,a);return a}class b 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,a=this.props,s=a.title,t=a.src,e=a.children;return(0,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:s||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,w(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(f,{style:".zent-doc-rate-readonly-number {\n\t\twidth: 120px;\n\t\tmargin-bottom: 8px;\n\t}\n\t\t.zent-doc-rate-readonly-number .zent-input {\n\t\t\tmin-width: 62px;\n\t\t}"}),e.createElement(y,{html:'

Rate

\n

Rate component.

\n

Demos

'}),e.createElement(b,{title:"Basic Usage",id:"Demobasic",src:'import { Rate } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <Rate value={this.state.value} onChange={this.onChange} />\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},e.createElement(k)),e.createElement(b,{title:"allow half",id:"Demoallowhalf",src:'import { Rate } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2.5\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <Rate allowHalf value={this.state.value} onChange={this.onChange} />\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},e.createElement(d)),e.createElement(b,{title:"disabled",id:"Demodisabled",src:'import { Rate } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2.5\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <Rate disabled allowHalf value={this.state.value} onChange={this.onChange} />\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},e.createElement(m)),e.createElement(b,{title:"custom character",id:"Democharacter",src:'import { Rate, Icon } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2.5\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <ul>\n <li><Rate character={<Icon type="youzan" />} allowHalf value={this.state.value} onChange={this.onChange} /></li>\n <li><Rate character="赞" allowHalf value={this.state.value} onChange={this.onChange} /></li>\n </ul>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},e.createElement(h)),e.createElement(b,{title:"read only (no-interaction)",id:"Demoreadonly",src:'import { Rate, NumberInput } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: \'3.7\',\n }\n\n onNumberChange = value => {\n this.setState({ value })\n }\n\n render() {\n return (\n <div>\n <NumberInput\n className="zent-doc-rate-readonly-number"\n value={this.state.value}\n onChange={this.onNumberChange}\n max={5.0}\n min={0}\n decimal={1}\n showCounter\n />\n <Rate value={+this.state.value} readOnly />\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},e.createElement(g)),e.createElement(y,{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
PropertyDescriptiontypeRequiredDefaultAlternative
onChangeallback when select valueFunction(value: number)Yes-
valuecurrent valuenumberNo0
allowClearwhether to allow clear when click againbooleanNotrue
allowHalfwhether to allow semi selectionbooleanNofalse
charactercustom character of rateReactNodeNo<Icon type="star" />
classNamecustom class name of ratestringNo-
countstar countnumberNo5
disableddisable the interactionbooleanNofalse
readOnlyread only, unlike \ndisabled\n, the cursor will be \'auto\' and the value can be accurate to 0.1.booleanNofalse
stylecustom style object of rateobjectNo-
'}))}}},87230:(n,a,s)=>{"use strict";s.d(a,{j:()=>k});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=function(n){var a=n.className;return(0,e.jsx)("svg",(0,t.pi)({className:a,width:"1em",height:"1em",viewBox:"0 0 12 12",version:"1.1","data-zv":"10.0.9"},{children:(0,e.jsx)("path",{fill:"currentColor",d:"M5.99995351,10.2785052 L3.0526252,11.9161235 C2.73134341,12.0946367 2.3262008,11.9788615 2.14771388,11.6575325 C2.07507647,11.5267638 2.048604,11.3753341 2.07256714,11.227673 L2.644706,7.70214784 L0.18800271,5.17127401 C-0.0680077998,4.90753426 -0.0617734594,4.4861629 0.201927499,4.23011474 C0.30111659,4.13380419 0.42783327,4.07077947 0.564476058,4.04979499 L3.92629651,3.5335141 L5.39699811,0.384084246 C5.55252473,0.0510321934 5.9485563,-0.0928620579 6.28155937,0.0626874406 C6.42306565,0.128786625 6.53681945,0.242557148 6.60290891,0.384084246 L8.07361051,3.5335141 L11.435431,4.04979499 C11.7987051,4.10558366 12.047978,4.44534453 11.9921975,4.80867212 C11.9712161,4.94533501 11.9082007,5.07207032 11.8119043,5.17127401 L9.35520102,7.70214784 L9.92733988,11.227673 C9.98622287,11.5905106 9.73986227,11.9323896 9.37707808,11.9912813 C9.22943868,12.015248 9.07803132,11.9887716 8.94728182,11.9161235 L5.99995351,10.2785052 Z","data-zv":"10.0.9"},void 0)}),void 0)},u=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.elRef=(0,p.createRef)(),a.onHover=function(n){var s=a.props;(0,s.onHover)(n,s.index)},a.onClick=function(n){var s=a.props;(0,s.onClick)(n,s.index)},a.getFloatValue=function(){return 100*a.props.value%100+"%"},a}return(0,t.ZT)(a,n),a.prototype.getClassName=function(){var n=this.props,a=n.index,s=n.value,t=n.allowHalf,e=n.readOnly,p=a+1,o=p<=s,l=p>Math.ceil(s),u=t&&s+.5===p,r=e&&p>s&&p===Math.ceil(s);return c()("zent-rate-star",{"zent-rate-star-full":o,"zent-rate-star-zero":l,"zent-rate-star-half":u,"zent-rate-star-part":r})},a.prototype.render=function(){var n=this.onHover,a=this.onClick,s=this.props,p=s.disabled,o=s.character,c=s.readOnly,l=p||c;return(0,e.jsxs)("li",(0,t.pi)({ref:this.elRef,className:this.getClassName(),onClick:l?void 0:a,onMouseMove:l?void 0:n,"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-rate-star-first",style:c?{width:this.getFloatValue()}:void 0,"data-zv":"10.0.9"},{children:o}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-rate-star-second","data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)},a}(p.Component),r=s(1348);function i(n){for(var a=[],s=0;s{"use strict";s.r(a),s.d(a,{default:()=>C});var t=s(73450),e=s(27378),p=s(57318),o=s(87230),c=s(39215),l=s(80964),u=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({value:n})}))}render(){return(0,u.jsx)(o.j,{value:this.state.value,onChange:this.onChange})}}return(0,u.jsx)(n,{})},d=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:2.5}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsx)(o.j,{allowHalf:!0,value:this.state.value,onChange:this.onChange})}}return(0,u.jsx)(n,{})},m=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:2.5}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsx)(o.j,{disabled:!0,allowHalf:!0,value:this.state.value,onChange:this.onChange})}}return(0,u.jsx)(n,{})},h=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:2.5}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsxs)("ul",{children:[(0,u.jsx)("li",{children:(0,u.jsx)(o.j,{character:(0,u.jsx)(c.J,{type:"youzan"}),allowHalf:!0,value:this.state.value,onChange:this.onChange})}),(0,u.jsx)("li",{children:(0,u.jsx)(o.j,{character:"赞",allowHalf:!0,value:this.state.value,onChange:this.onChange})})]})}}return(0,u.jsx)(n,{})},g=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:"3.7"}),(0,t.Z)(this,"onNumberChange",(n=>{this.setState({value:n})}))}render(){return(0,u.jsxs)("div",{children:[(0,u.jsx)(l.Y,{className:"zent-doc-rate-readonly-number",value:this.state.value,onChange:this.onNumberChange,max:5,min:0,decimal:1,showCounter:!0}),(0,u.jsx)(o.j,{value:+this.state.value,readOnly:!0})]})}}return(0,u.jsx)(n,{})};function v(n){return(0,u.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,u.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,u.jsx)(v,{tag:"style",html:n.style})}function w(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),w(n.parentNode,a);return a}class b 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,a=this.props,s=a.title,t=a.src,e=a.children;return(0,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:s||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,w(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(f,{style:".zent-doc-rate-readonly-number {\n\t\twidth: 120px;\n\t\tmargin-bottom: 8px;\n\t}\n\t\t.zent-doc-rate-readonly-number .zent-input {\n\t\t\tmin-width: 62px;\n\t\t}"}),e.createElement(y,{html:'

Rate

\n

Rate component.

\n

Demos

'}),e.createElement(b,{title:"Basic Usage",id:"Demobasic",src:'import { Rate } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <Rate value={this.state.value} onChange={this.onChange} />\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},e.createElement(k)),e.createElement(b,{title:"allow half",id:"Demoallowhalf",src:'import { Rate } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2.5\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <Rate allowHalf value={this.state.value} onChange={this.onChange} />\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},e.createElement(d)),e.createElement(b,{title:"disabled",id:"Demodisabled",src:'import { Rate } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2.5\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <Rate disabled allowHalf value={this.state.value} onChange={this.onChange} />\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},e.createElement(m)),e.createElement(b,{title:"custom character",id:"Democharacter",src:'import { Rate, Icon } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: 2.5\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n return (\n <ul>\n <li><Rate character={<Icon type="youzan" />} allowHalf value={this.state.value} onChange={this.onChange} /></li>\n <li><Rate character="赞" allowHalf value={this.state.value} onChange={this.onChange} /></li>\n </ul>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},e.createElement(h)),e.createElement(b,{title:"read only (no-interaction)",id:"Demoreadonly",src:'import { Rate, NumberInput } from \'zent\';\n\nclass App extends Component {\n\n state = {\n value: \'3.7\',\n }\n\n onNumberChange = value => {\n this.setState({ value })\n }\n\n render() {\n return (\n <div>\n <NumberInput\n className="zent-doc-rate-readonly-number"\n value={this.state.value}\n onChange={this.onNumberChange}\n max={5.0}\n min={0}\n decimal={1}\n showCounter\n />\n <Rate value={+this.state.value} readOnly />\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},e.createElement(g)),e.createElement(y,{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
PropertyDescriptiontypeRequiredDefaultAlternative
onChangeallback when select valueFunction(value: number)Yes-
valuecurrent valuenumberNo0
allowClearwhether to allow clear when click againbooleanNotrue
allowHalfwhether to allow semi selectionbooleanNofalse
charactercustom character of rateReactNodeNo<Icon type="star" />
classNamecustom class name of ratestringNo-
countstar countnumberNo5
disableddisable the interactionbooleanNofalse
readOnlyread only, unlike \ndisabled\n, the cursor will be \'auto\' and the value can be accurate to 0.1.booleanNofalse
stylecustom style object of rateobjectNo-
'}))}}},87230:(n,a,s)=>{"use strict";s.d(a,{j:()=>k});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=function(n){var a=n.className;return(0,e.jsx)("svg",(0,t.pi)({className:a,width:"1em",height:"1em",viewBox:"0 0 12 12",version:"1.1","data-zv":"10.0.10"},{children:(0,e.jsx)("path",{fill:"currentColor",d:"M5.99995351,10.2785052 L3.0526252,11.9161235 C2.73134341,12.0946367 2.3262008,11.9788615 2.14771388,11.6575325 C2.07507647,11.5267638 2.048604,11.3753341 2.07256714,11.227673 L2.644706,7.70214784 L0.18800271,5.17127401 C-0.0680077998,4.90753426 -0.0617734594,4.4861629 0.201927499,4.23011474 C0.30111659,4.13380419 0.42783327,4.07077947 0.564476058,4.04979499 L3.92629651,3.5335141 L5.39699811,0.384084246 C5.55252473,0.0510321934 5.9485563,-0.0928620579 6.28155937,0.0626874406 C6.42306565,0.128786625 6.53681945,0.242557148 6.60290891,0.384084246 L8.07361051,3.5335141 L11.435431,4.04979499 C11.7987051,4.10558366 12.047978,4.44534453 11.9921975,4.80867212 C11.9712161,4.94533501 11.9082007,5.07207032 11.8119043,5.17127401 L9.35520102,7.70214784 L9.92733988,11.227673 C9.98622287,11.5905106 9.73986227,11.9323896 9.37707808,11.9912813 C9.22943868,12.015248 9.07803132,11.9887716 8.94728182,11.9161235 L5.99995351,10.2785052 Z","data-zv":"10.0.10"},void 0)}),void 0)},u=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.elRef=(0,p.createRef)(),a.onHover=function(n){var s=a.props;(0,s.onHover)(n,s.index)},a.onClick=function(n){var s=a.props;(0,s.onClick)(n,s.index)},a.getFloatValue=function(){return 100*a.props.value%100+"%"},a}return(0,t.ZT)(a,n),a.prototype.getClassName=function(){var n=this.props,a=n.index,s=n.value,t=n.allowHalf,e=n.readOnly,p=a+1,o=p<=s,l=p>Math.ceil(s),u=t&&s+.5===p,r=e&&p>s&&p===Math.ceil(s);return c()("zent-rate-star",{"zent-rate-star-full":o,"zent-rate-star-zero":l,"zent-rate-star-half":u,"zent-rate-star-part":r})},a.prototype.render=function(){var n=this.onHover,a=this.onClick,s=this.props,p=s.disabled,o=s.character,c=s.readOnly,l=p||c;return(0,e.jsxs)("li",(0,t.pi)({ref:this.elRef,className:this.getClassName(),onClick:l?void 0:a,onMouseMove:l?void 0:n,"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-rate-star-first",style:c?{width:this.getFloatValue()}:void 0,"data-zv":"10.0.10"},{children:o}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-rate-star-second","data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)},a}(p.Component),r=s(1348);function i(n){for(var a=[],s=0;s{"use strict";s.r(a),s.d(a,{default:()=>y});var t=s(73450),p=s(27378),e=s(57318),o=s(17249),c=s(3454),l=s(24246);function i(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function r(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,p=a.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(m,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class y extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,g(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(h,{style:".zent-prompt-example > div {\n\tmargin-bottom: 16px;\n}\n.zent-prompt-demo-text {\n\tmargin-left: 8px;\n\tmargin-right: 10px;\n}"}),p.createElement(d,{html:'

Prompt

\n

Deliver behavioral feedback and confirmation push messages to users related to the current page.

\n

Suggestion

\n
    \n
  • Use: Used to deliver product or system prompts to users. It has nothing to do with the user\'s task or state and will exist until processed or closed by the user.
    • \n
  • Location: Tips for the global page are usually located at the top of the content area container and are adaptive to the container width; The prompt for a form item is usually located above or below the form item, and the width can be customized by the business.
    • \n
\n

Note

\n
    \n
  • Use hints only when necessary and limit them to the task interface related to their content. Frequent use may cause users to pay less attention to the prompt;
    • \n
  • Do not stack multiple prompts in the same position.
    • \n
  • If a message is generated by a task rather than the system, use the StatusBar.
    • \n
  • For more lightweight interactions, use [?] Folding help information;
    • \n
\n

Demos

'}),p.createElement(v,{title:"Three default prompt types are provided",id:"Demo1",src:'import { Prompt, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-prompt-example">\n <Prompt\n type="warning"\n extraContent={<Button type="primary">Button</Button>}\n >\n <span>Prompt copy, warning prompt.</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link2\n </a>\n </Prompt>\n <Prompt\n type="strongHint"\n extraContent={<Button type="primary">Button</Button>}\n >\n <span>Prompt copy, strong help prompt.</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link2\n </a>\n </Prompt>\n <Prompt\n type="weakHint"\n extraContent={<Button type="primary">Button</Button>}\n >\n <span>Prompt copy, weak help prompt.</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link2\n </a>\n </Prompt>\n </div>,\n mountNode\n);'},p.createElement(u)),p.createElement(v,{title:"Custom close button",id:"Demo2",src:'import { Prompt, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-prompt-example">\n <Prompt\n type="warning"\n extraContent={<Button type="primary">Button</Button>}\n closeContent={<a>I Know</a>}\n >\n <span>Prompt copy, warning prompt.</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link2\n </a>\n </Prompt>\n <Prompt\n type="strongHint"\n extraContent={<Button type="primary">Button</Button>}\n closeContent={<a>I Know</a>}\n >\n <span>Prompt copy, strong help prompt.</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link2\n </a>\n </Prompt>\n <Prompt\n type="weakHint"\n extraContent={<Button type="primary">Button</Button>}\n closeContent={<a>I Know</a>}\n >\n <span>Prompt copy, weak help prompt.</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link2\n </a>\n </Prompt>\n </div>,\n mountNode\n);'},p.createElement(k)),p.createElement(d,{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
PropertyDescriptionTypeRequiredDefaultAlternative
typeThe type of promptstringfalse\'warning\'\'strongHint\'\n|\n\'weakHint\'
closeContentclose trigger contentReactNodefalse
extraContentextra content on the right of PromptReactNodefalse
closabledetermines whether the Alert can be closed or notbooleanfalsetruefalse
\n

Consult Alert\'s documentation to find more APIs.

'}))}}},82010:(n,a,s)=>{"use strict";s.d(a,{b:()=>m});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(8434),i=s(78486),r=s(78513),u=["outline","closed","onClose"],k=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],m=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={closed:!1},a.onCloseHandler=function(){a.isControlled||a.setState({closed:!0}),a.props.onClose&&a.props.onClose()},a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),a.prototype.render=function(){var n;if(this.closed)return null;var a=(0,r.Z)(this.props,k),s=a.className,e=a.type,c=a.outline,m=a.bordered,d=a.progress,h=(0,t._T)(a,["className","type","outline","bordered","progress"]),g=(0,r.Z)(this.props,u),v=o()("zent-alert","zent-alert-style-"+e,s,((n={})["zent-alert-outline"]=c,n["zent-alert--borderless"]=!m,n));return(0,p.jsxs)("div",(0,t.pi)({className:v},h,{"data-zv":"10.0.9"},{children:[!!d&&(0,p.jsx)(l.E,{className:"zent-alert__progress",percent:d,showInfo:!1,strokeWidth:2},void 0),(0,p.jsx)(i.Z,(0,t.pi)({},g,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},a.highlightClassName="zent-alert-item-content__highlight",a.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},a}(c.PureComponent)},78486:(n,a,s)=>{"use strict";var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(27036),i=s(20840),r={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},u=(0,e.forwardRef)((function(n,a){var s=n.extraContent,o=n.classItemName,u=n.title,k=n.description,m=n.children,d=n.loading,h=n.type,g=n.closable,v=n.icon,y=n.closeIconColor,f=n.closeContent,x=n.onAlertItemClose,j=(0,e.useRef)(n);j.current=n;var z=(0,e.useMemo)((function(){return m||(0,p.jsxs)(p.Fragment,{children:[u&&(0,p.jsx)("h3",(0,t.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.9"},{children:u}),void 0),k&&(0,p.jsx)("p",(0,t.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.9"},{children:k}),void 0)]},void 0)}),[m,k,u]),b=(0,e.useMemo)((function(){var n=j.current.onClose,a=y?{color:y}:{};return g?(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-close-wrapper",onClick:function(a){null==n||n(),x&&x(),a.stopPropagation()},"data-zv":"10.0.9"},{children:null!=f?f:(0,p.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:a},void 0)}),void 0):null}),[g,f,y,x]),N=(0,e.useMemo)((function(){return d?(0,p.jsx)(i.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===v||!1===v?null:v?(0,p.jsx)("span",(0,t.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.9"},{children:v}),void 0):h in r?(0,p.jsx)(l.Z,{className:"zent-alert-item-icon",type:r[h]},void 0):null}),[d,h,v]);return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-alert-item",o),ref:a,"data-zv":"10.0.9"},{children:[N,(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-content","data-zv":"10.0.9"},{children:z}),void 0),s&&(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.9"},{children:s}),void 0),b]}),void 0)}));u.displayName="AlertItem",a.Z=u},8434:(n,a,s)=>{"use strict";s.d(a,{E:()=>v});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=["normal","success","exception"],i=(0,s(70453).Z)("zentAnimatedArcStrokeGradient"),r={},u={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={opacity:0,rotate:0,transition:r},a.startAnimation=function(){a.animationDelayTimerId&&clearTimeout(a.animationDelayTimerId);var n=a.props,s=n.arcLength,t=n.radius,p=(s-a.getMaskArcLength())/t;a.setState({rotate:p,transition:r,opacity:.2},a.queueAnimationEnd)},a.finishAnimation=function(){a.transitionEndTimerId&&clearTimeout(a.transitionEndTimerId),a.setState({rotate:0,transition:u,opacity:0}),a.animationDelayTimerId=setTimeout(a.startAnimation,1e3)},a.queueAnimationEnd=function(){a.transitionEndTimerId=setTimeout(a.finishAnimation,400)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.getPath(),a=this.props,s=a.className,e=a.strokeWidth,o=this.state,c=o.rotate,l=o.transition,r=o.opacity;return(0,p.jsxs)("g",(0,t.pi)({"data-zv":"10.0.9"},{children:[(0,p.jsx)("defs",(0,t.pi)({"data-zv":"10.0.9"},{children:(0,p.jsxs)("linearGradient",(0,t.pi)({id:i},{children:[(0,p.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.9"},void 0),(0,p.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.9"},void 0)]}),void 0)}),void 0),(0,p.jsx)("path",{className:s,d:n,stroke:"url(#"+i+")",strokeOpacity:r,strokeWidth:e,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.9"},void 0)]}),void 0)},a.prototype.componentDidMount=function(){this.startAnimation()},a.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},a.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},a.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},a.prototype.getArcStartPoint=function(){var n=this.props,a=n.radius,s=n.strokeWidth/2;return[a+s,s]},a.prototype.getArcEndPoint=function(){var n=this.props,a=n.radius,s=a+n.strokeWidth/2,t=this.getMaskTheta();return[s+Math.sin(t)*a,s-Math.cos(t)*a]},a.prototype.getPath=function(){var n=this.getArcStartPoint(),a=this.getArcEndPoint(),s=this.props.radius;return"M"+n.join(",")+" A"+s+","+s+" 0 0 1 "+a.join(",")},a}(e.PureComponent),m=s(39215),d=function(n){var a=n.type,s=n.percent,t=n.format,e=n.state,o=n.color;return"success"===e?(0,p.jsx)(m.J,{type:"circle"===a?"check":"check-circle",style:{color:o}},void 0):"exception"===e?(0,p.jsx)(m.J,{type:"circle"===a?"close":"close-circle",style:{color:o}},void 0):(0,p.jsx)(p.Fragment,{children:t(s)},void 0)},h=function(n){var a=n.percent,s=n.showInfo,e=n.format,o=n.strokeWidth,l=n.width,i=n.bgColor,r=n.color,u=n.state,m=n.strokeLinecap,h=l||132,g=h/2,v=h-o,y=v/2,f=v*Math.PI,x=f*(100-a)/100;return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:h,height:h},"data-zv":"10.0.9"},{children:[(0,p.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:i,width:h,height:h},"data-zv":"10.0.9"},void 0),(0,p.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+h+" "+h,width:h,height:h,"data-zv":"10.0.9"},{children:[(0,p.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+g+" "+g+")","data-zv":"10.0.9"},{children:(0,p.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+m),cx:g,cy:g,r:y,style:{stroke:r,strokeWidth:o},strokeDasharray:f,strokeDashoffset:x,"data-zv":"10.0.9"},void 0)}),void 0),"normal"===u&&(0,p.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+m),radius:y,arcLength:f-x,strokeWidth:o},void 0)]}),void 0),s&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,p.jsx)(d,{type:"circle",percent:a,format:e,state:u,color:r},void 0)}),void 0)]}),void 0)},g=function(n){var a=n.format,s=n.width,e=n.percent,o=n.showInfo,l=n.strokeWidth,i=n.bgColor,r=n.color,u=n.state,k=n.strokeLinecap,m=s||"100%",h=o&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,p.jsx)(d,{type:"line",percent:e,format:a,state:u,color:r},void 0)}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.9"},{children:[(0,p.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===e}),style:{background:i,width:m,height:l},"data-zv":"10.0.9"},{children:(0,p.jsx)("div",{className:"zent-progress-inner",style:{background:r,width:e+"%",height:l},"data-zv":"10.0.9"},void 0)}),void 0),h]}),void 0)},v=function(n){var a,s=n,o=s.type,i=s.status,r=s.percent,u=s.className,k=s.normalColor,m=s.successColor,d=s.exceptionColor,v=s.bgColor,y=s.format,f=s.showInfo,x=s.strokeWidth,j=s.width,z=s.strokeLinecap,b=(0,t._T)(s,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),N=(0,e.useMemo)((function(){return-1!==l.indexOf(i)?i:r>=100?"success":"normal"}),[i,r]),w={exception:d,success:m,normal:k}[N],C=(0,e.useMemo)((function(){return r<0?0:r>100?100:r}),[r]);switch(o){case"circle":a=h;break;case"line":default:a=g}var P=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+N,u);return(0,p.jsx)("div",(0,t.pi)({className:P},b,{"data-zv":"10.0.9"},{children:(0,p.jsx)(a,{percent:C,showInfo:f,strokeWidth:x,width:j,bgColor:v,format:y,color:w,state:N,strokeLinecap:z},void 0)}),void 0)};v.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}},17249:(n,a,s)=>{"use strict";s.d(a,{N:()=>u});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(39215),i=s(82010),r={warning:{type:"warning"},strongHint:{type:"warning",style:{background:"#f7f7f7"}},weakHint:{icon:(0,p.jsx)(l.J,{type:"help-circle",style:{color:"#c5c5c5"}},void 0),style:{background:"#f7f7f7"}}},u=function(n){n.title;var a=n.style,s=void 0===a?{}:a,o=n.type,l=void 0===o?"warning":o,u=n.className,k=n.closable,m=void 0===k||k,d=(0,t._T)(n,["title","style","type","className","closable"]),h=(0,e.useMemo)((function(){return r[l]||{}}),[l]),g=h.style,v=void 0===g?{}:g,y=c()("zent-prompt",u);return(0,p.jsx)(i.b,(0,t.pi)({className:y},h,d,{closable:m,style:(0,t.pi)((0,t.pi)({},s),v)}),void 0)}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6110],{86110:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>y});var t=s(73450),p=s(27378),e=s(57318),o=s(17249),c=s(3454),l=s(24246);function i(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function r(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,p=a.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(m,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class y extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,g(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(h,{style:".zent-prompt-example > div {\n\tmargin-bottom: 16px;\n}\n.zent-prompt-demo-text {\n\tmargin-left: 8px;\n\tmargin-right: 10px;\n}"}),p.createElement(d,{html:'

Prompt

\n

Deliver behavioral feedback and confirmation push messages to users related to the current page.

\n

Suggestion

\n
    \n
  • Use: Used to deliver product or system prompts to users. It has nothing to do with the user\'s task or state and will exist until processed or closed by the user.
    • \n
  • Location: Tips for the global page are usually located at the top of the content area container and are adaptive to the container width; The prompt for a form item is usually located above or below the form item, and the width can be customized by the business.
    • \n
\n

Note

\n
    \n
  • Use hints only when necessary and limit them to the task interface related to their content. Frequent use may cause users to pay less attention to the prompt;
    • \n
  • Do not stack multiple prompts in the same position.
    • \n
  • If a message is generated by a task rather than the system, use the StatusBar.
    • \n
  • For more lightweight interactions, use [?] Folding help information;
    • \n
\n

Demos

'}),p.createElement(v,{title:"Three default prompt types are provided",id:"Demo1",src:'import { Prompt, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-prompt-example">\n <Prompt\n type="warning"\n extraContent={<Button type="primary">Button</Button>}\n >\n <span>Prompt copy, warning prompt.</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link2\n </a>\n </Prompt>\n <Prompt\n type="strongHint"\n extraContent={<Button type="primary">Button</Button>}\n >\n <span>Prompt copy, strong help prompt.</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link2\n </a>\n </Prompt>\n <Prompt\n type="weakHint"\n extraContent={<Button type="primary">Button</Button>}\n >\n <span>Prompt copy, weak help prompt.</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link2\n </a>\n </Prompt>\n </div>,\n mountNode\n);'},p.createElement(u)),p.createElement(v,{title:"Custom close button",id:"Demo2",src:'import { Prompt, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-prompt-example">\n <Prompt\n type="warning"\n extraContent={<Button type="primary">Button</Button>}\n closeContent={<a>I Know</a>}\n >\n <span>Prompt copy, warning prompt.</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link2\n </a>\n </Prompt>\n <Prompt\n type="strongHint"\n extraContent={<Button type="primary">Button</Button>}\n closeContent={<a>I Know</a>}\n >\n <span>Prompt copy, strong help prompt.</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link2\n </a>\n </Prompt>\n <Prompt\n type="weakHint"\n extraContent={<Button type="primary">Button</Button>}\n closeContent={<a>I Know</a>}\n >\n <span>Prompt copy, weak help prompt.</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n Link2\n </a>\n </Prompt>\n </div>,\n mountNode\n);'},p.createElement(k)),p.createElement(d,{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
PropertyDescriptionTypeRequiredDefaultAlternative
typeThe type of promptstringfalse\'warning\'\'strongHint\'\n|\n\'weakHint\'
closeContentclose trigger contentReactNodefalse
extraContentextra content on the right of PromptReactNodefalse
closabledetermines whether the Alert can be closed or notbooleanfalsetruefalse
\n

Consult Alert\'s documentation to find more APIs.

'}))}}},82010:(n,a,s)=>{"use strict";s.d(a,{b:()=>m});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(8434),i=s(78486),r=s(78513),u=["outline","closed","onClose"],k=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],m=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={closed:!1},a.onCloseHandler=function(){a.isControlled||a.setState({closed:!0}),a.props.onClose&&a.props.onClose()},a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),a.prototype.render=function(){var n;if(this.closed)return null;var a=(0,r.Z)(this.props,k),s=a.className,e=a.type,c=a.outline,m=a.bordered,d=a.progress,h=(0,t._T)(a,["className","type","outline","bordered","progress"]),g=(0,r.Z)(this.props,u),v=o()("zent-alert","zent-alert-style-"+e,s,((n={})["zent-alert-outline"]=c,n["zent-alert--borderless"]=!m,n));return(0,p.jsxs)("div",(0,t.pi)({className:v},h,{"data-zv":"10.0.10"},{children:[!!d&&(0,p.jsx)(l.E,{className:"zent-alert__progress",percent:d,showInfo:!1,strokeWidth:2},void 0),(0,p.jsx)(i.Z,(0,t.pi)({},g,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},a.highlightClassName="zent-alert-item-content__highlight",a.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},a}(c.PureComponent)},78486:(n,a,s)=>{"use strict";var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(27036),i=s(20840),r={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},u=(0,e.forwardRef)((function(n,a){var s=n.extraContent,o=n.classItemName,u=n.title,k=n.description,m=n.children,d=n.loading,h=n.type,g=n.closable,v=n.icon,y=n.closeIconColor,f=n.closeContent,x=n.onAlertItemClose,j=(0,e.useRef)(n);j.current=n;var z=(0,e.useMemo)((function(){return m||(0,p.jsxs)(p.Fragment,{children:[u&&(0,p.jsx)("h3",(0,t.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.10"},{children:u}),void 0),k&&(0,p.jsx)("p",(0,t.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.10"},{children:k}),void 0)]},void 0)}),[m,k,u]),b=(0,e.useMemo)((function(){var n=j.current.onClose,a=y?{color:y}:{};return g?(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-close-wrapper",onClick:function(a){null==n||n(),x&&x(),a.stopPropagation()},"data-zv":"10.0.10"},{children:null!=f?f:(0,p.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:a},void 0)}),void 0):null}),[g,f,y,x]),N=(0,e.useMemo)((function(){return d?(0,p.jsx)(i.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===v||!1===v?null:v?(0,p.jsx)("span",(0,t.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.10"},{children:v}),void 0):h in r?(0,p.jsx)(l.Z,{className:"zent-alert-item-icon",type:r[h]},void 0):null}),[d,h,v]);return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-alert-item",o),ref:a,"data-zv":"10.0.10"},{children:[N,(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-content","data-zv":"10.0.10"},{children:z}),void 0),s&&(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.10"},{children:s}),void 0),b]}),void 0)}));u.displayName="AlertItem",a.Z=u},8434:(n,a,s)=>{"use strict";s.d(a,{E:()=>v});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=["normal","success","exception"],i=(0,s(70453).Z)("zentAnimatedArcStrokeGradient"),r={},u={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={opacity:0,rotate:0,transition:r},a.startAnimation=function(){a.animationDelayTimerId&&clearTimeout(a.animationDelayTimerId);var n=a.props,s=n.arcLength,t=n.radius,p=(s-a.getMaskArcLength())/t;a.setState({rotate:p,transition:r,opacity:.2},a.queueAnimationEnd)},a.finishAnimation=function(){a.transitionEndTimerId&&clearTimeout(a.transitionEndTimerId),a.setState({rotate:0,transition:u,opacity:0}),a.animationDelayTimerId=setTimeout(a.startAnimation,1e3)},a.queueAnimationEnd=function(){a.transitionEndTimerId=setTimeout(a.finishAnimation,400)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.getPath(),a=this.props,s=a.className,e=a.strokeWidth,o=this.state,c=o.rotate,l=o.transition,r=o.opacity;return(0,p.jsxs)("g",(0,t.pi)({"data-zv":"10.0.10"},{children:[(0,p.jsx)("defs",(0,t.pi)({"data-zv":"10.0.10"},{children:(0,p.jsxs)("linearGradient",(0,t.pi)({id:i},{children:[(0,p.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.10"},void 0),(0,p.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.10"},void 0)]}),void 0)}),void 0),(0,p.jsx)("path",{className:s,d:n,stroke:"url(#"+i+")",strokeOpacity:r,strokeWidth:e,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.10"},void 0)]}),void 0)},a.prototype.componentDidMount=function(){this.startAnimation()},a.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},a.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},a.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},a.prototype.getArcStartPoint=function(){var n=this.props,a=n.radius,s=n.strokeWidth/2;return[a+s,s]},a.prototype.getArcEndPoint=function(){var n=this.props,a=n.radius,s=a+n.strokeWidth/2,t=this.getMaskTheta();return[s+Math.sin(t)*a,s-Math.cos(t)*a]},a.prototype.getPath=function(){var n=this.getArcStartPoint(),a=this.getArcEndPoint(),s=this.props.radius;return"M"+n.join(",")+" A"+s+","+s+" 0 0 1 "+a.join(",")},a}(e.PureComponent),m=s(39215),d=function(n){var a=n.type,s=n.percent,t=n.format,e=n.state,o=n.color;return"success"===e?(0,p.jsx)(m.J,{type:"circle"===a?"check":"check-circle",style:{color:o}},void 0):"exception"===e?(0,p.jsx)(m.J,{type:"circle"===a?"close":"close-circle",style:{color:o}},void 0):(0,p.jsx)(p.Fragment,{children:t(s)},void 0)},h=function(n){var a=n.percent,s=n.showInfo,e=n.format,o=n.strokeWidth,l=n.width,i=n.bgColor,r=n.color,u=n.state,m=n.strokeLinecap,h=l||132,g=h/2,v=h-o,y=v/2,f=v*Math.PI,x=f*(100-a)/100;return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:h,height:h},"data-zv":"10.0.10"},{children:[(0,p.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:i,width:h,height:h},"data-zv":"10.0.10"},void 0),(0,p.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+h+" "+h,width:h,height:h,"data-zv":"10.0.10"},{children:[(0,p.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+g+" "+g+")","data-zv":"10.0.10"},{children:(0,p.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+m),cx:g,cy:g,r:y,style:{stroke:r,strokeWidth:o},strokeDasharray:f,strokeDashoffset:x,"data-zv":"10.0.10"},void 0)}),void 0),"normal"===u&&(0,p.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+m),radius:y,arcLength:f-x,strokeWidth:o},void 0)]}),void 0),s&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,p.jsx)(d,{type:"circle",percent:a,format:e,state:u,color:r},void 0)}),void 0)]}),void 0)},g=function(n){var a=n.format,s=n.width,e=n.percent,o=n.showInfo,l=n.strokeWidth,i=n.bgColor,r=n.color,u=n.state,k=n.strokeLinecap,m=s||"100%",h=o&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,p.jsx)(d,{type:"line",percent:e,format:a,state:u,color:r},void 0)}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.10"},{children:[(0,p.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===e}),style:{background:i,width:m,height:l},"data-zv":"10.0.10"},{children:(0,p.jsx)("div",{className:"zent-progress-inner",style:{background:r,width:e+"%",height:l},"data-zv":"10.0.10"},void 0)}),void 0),h]}),void 0)},v=function(n){var a,s=n,o=s.type,i=s.status,r=s.percent,u=s.className,k=s.normalColor,m=s.successColor,d=s.exceptionColor,v=s.bgColor,y=s.format,f=s.showInfo,x=s.strokeWidth,j=s.width,z=s.strokeLinecap,b=(0,t._T)(s,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),N=(0,e.useMemo)((function(){return-1!==l.indexOf(i)?i:r>=100?"success":"normal"}),[i,r]),w={exception:d,success:m,normal:k}[N],C=(0,e.useMemo)((function(){return r<0?0:r>100?100:r}),[r]);switch(o){case"circle":a=h;break;case"line":default:a=g}var P=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+N,u);return(0,p.jsx)("div",(0,t.pi)({className:P},b,{"data-zv":"10.0.10"},{children:(0,p.jsx)(a,{percent:C,showInfo:f,strokeWidth:x,width:j,bgColor:v,format:y,color:w,state:N,strokeLinecap:z},void 0)}),void 0)};v.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}},17249:(n,a,s)=>{"use strict";s.d(a,{N:()=>u});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(39215),i=s(82010),r={warning:{type:"warning"},strongHint:{type:"warning",style:{background:"#f7f7f7"}},weakHint:{icon:(0,p.jsx)(l.J,{type:"help-circle",style:{color:"#c5c5c5"}},void 0),style:{background:"#f7f7f7"}}},u=function(n){n.title;var a=n.style,s=void 0===a?{}:a,o=n.type,l=void 0===o?"warning":o,u=n.className,k=n.closable,m=void 0===k||k,d=(0,t._T)(n,["title","style","type","className","closable"]),h=(0,e.useMemo)((function(){return r[l]||{}}),[l]),g=h.style,v=void 0===g?{}:g,y=c()("zent-prompt",u);return(0,p.jsx)(i.b,(0,t.pi)({className:y},h,d,{closable:m,style:(0,t.pi)((0,t.pi)({},s),v)}),void 0)}}}]); \ No newline at end of file diff --git a/6286-62b965f2b96c17dc7ac9.js b/6286-b197eb58a9f4b8af9f80.js similarity index 99% rename from 6286-62b965f2b96c17dc7ac9.js rename to 6286-b197eb58a9f4b8af9f80.js index a19a16837..f38d45c20 100644 --- a/6286-62b965f2b96c17dc7ac9.js +++ b/6286-b197eb58a9f4b8af9f80.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.9"},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(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 diff --git a/6298-842bc4066c4606521557.js b/6298-842bc4066c4606521557.js new file mode 100644 index 000000000..6f4e44f7d --- /dev/null +++ b/6298-842bc4066c4606521557.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6298],{33938:(e,t,n)=>{"use strict";n.d(t,{X:()=>d});var o=n(59312),r=n(24246),i=n(60042),l=n.n(i),a=n(27378),s=n(1535),c=n(23130),u=n(1348),p=n(4008);function d(e){var t=(0,a.useContext)(u.d),n=(0,a.useContext)(c.Z),i=(0,a.useRef)(e);i.current=e;var p,d=n&&n.onChange,v=(0,a.useCallback)((function(e){var t=i.current,n=t.value,r=t.onChange;if(d)d(n);else if(r){var l=Object.create(e);l.target=(0,o.pi)((0,o.pi)({},i.current),{type:"checkbox",checked:e.target.checked}),r(l)}}),[d]),f=(e.checked,e.className),h=e.style,m=(e.disabled,e.readOnly,e.children),y=e.indeterminate,w=e.width,b=(e.value,e.labelStyle),x=e.onMouseEnter,g=e.onMouseLeave,z=(0,o._T)(e,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),T=function(e,t){return"boolean"==typeof t.readOnly?t.readOnly:!!e&&e.readOnly}(n,e),k=function(e,t,n){return"boolean"==typeof n.disabled?n.disabled:t?t.disabled:e.value}(t,n,e);if(n){var C=n.value,O=n.isValueEqual;p=-1!==C.findIndex((function(t){return O(t,e.value)}))}else p=!!e.checked;return(0,r.jsxs)("label",(0,o.pi)({className:l()("zent-checkbox-wrap",f,{"zent-checkbox-checked":!!p,"zent-checkbox-disabled":k||T,"zent-checkbox-indeterminate":y}),style:(0,o.pi)((0,o.pi)({},h),(0,s.Z)(w)),onMouseEnter:x,onMouseLeave:g,"data-zv":"10.0.10"},{children:[(0,r.jsxs)("span",(0,o.pi)({className:"zent-checkbox","data-zv":"10.0.10"},{children:[(0,r.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.10"},void 0),(0,r.jsx)("input",(0,o.pi)({},z,{type:"checkbox",checked:p&&!y,disabled:k,readOnly:T,onChange:v,"data-zv":"10.0.10"}),void 0)]}),void 0),null!=m&&!0!==m&&!1!==m?(0,r.jsx)("div",(0,o.pi)({className:"zent-checkbox-label",style:b,"data-zv":"10.0.10"},{children:m}),void 0):null]}),void 0)}d.Group=p.Z,t.Z=d},4008:(e,t,n)=>{"use strict";n.d(t,{c:()=>d});var o=n(59312),r=n(24246),i=n(27378),l=n(60042),a=n.n(l),s=n(41925),c=n(23130),u=n(1348),p=c.Z.Provider,d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getGroupContext=(0,s.Z)((function(e,n,o,r){return{value:Array.isArray(e)?e:[],disabled:n,readOnly:o,isValueEqual:r,onChange:t.onCheckboxChange}})),t.onCheckboxChange=function(e){var n=t.props,o=n.isValueEqual,r=n.onChange,i=n.value;if(r){var l=i?i.slice():[],a=l.findIndex((function(t){return o(t,e)}));-1!==a?l.splice(a,1):l.push(e),r(l)}},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.style,i=e.children,l=e.value,s=e.disabled,c=void 0===s?this.context.value:s,u=e.readOnly,d=void 0!==u&&u,v=e.isValueEqual,f=a()("zent-checkbox-group",t);return(0,r.jsx)(p,(0,o.pi)({value:this.getGroupContext(l,c,d,v)},{children:(0,r.jsx)("div",(0,o.pi)({className:f,style:n,"data-zv":"10.0.10"},{children:i}),void 0)}),void 0)},t.defaultProps={isValueEqual:Object.is,value:[]},t.contextType=u.d,t}(i.Component);t.Z=d},23130:(e,t,n)=>{"use strict";var o=n(27378);t.Z=(0,o.createContext)(null)},82049:(e,t,n)=>{"use strict";n.d(t,{S:()=>v});var o=n(59312),r=n(24246),i=n(60042),l=n.n(i),a=n(27378),s=n(50993),c=n(86446),u=n(79352),p=n(43239),d=(0,r.jsx)(s.Z,{height:60,loading:!0,icon:"circle"},void 0),v=(0,a.forwardRef)((function(e,t){var n,i=e.hasMore,s=void 0!==i&&i,v=e.loadMore,f=e.skipLoadOnMount,h=void 0!==f&&f,m=e.useWindow,y=void 0!==m&&m,w=e.loader,b=void 0===w?d:w,x=e.threshold,g=void 0===x?1:x,z=e.className,T=e.children,k=(0,a.useState)(!1),C=k[0],O=k[1],E=(0,p.s)(),B=(0,a.useCallback)((function(){E.current&&O(!1)}),[E]),N=(0,a.useCallback)((function(){"function"==typeof v&&(O(!0),v.length>0?v(B):v().then(B,B))}),[v,B]),Z=(0,a.useCallback)((function(e){C||2===e.previousPosition&&N()}),[N,C]);return(0,a.useEffect)((function(){h||N()}),[]),(0,r.jsxs)("div",(0,o.pi)({className:l()("zent-infinite-scroller",z,(n={},n["zent-infinite-scroller-y"]=!y,n)),ref:t,"data-zv":"10.0.10"},{children:[T,s&&u.Z&&(0,r.jsx)(c.h,{scrollableAncestor:y?window:void 0,onEnter:Z,bottomOffset:-g},void 0),C&&b]}),void 0)}));v.displayName="InfiniteScroller",t.Z=v},50993:(e,t,n)=>{"use strict";n.d(t,{c:()=>u});var o=n(59312),r=n(24246),i=n(60042),l=n.n(i),a=n(40695),s=n(73326),c=n(72551);function u(e){var t=function(e){var t=(0,c.n)(e,"height"),n=e.children;return n||t?n&&!t?"initial":e.height:160}(e),n=e.loading,i=void 0!==n&&n,u=e.delay,p=void 0===u?0:u,d=e.className,v=e.children,f=e.icon,h=void 0===f?"circle":f,m=e.iconSize,y=e.iconText,w=e.textPosition,b=void 0===w?"bottom":w,x=e.colorPreset,g=void 0===x?"primary":x,z=!!v,T=!(0,s.Z)({loading:i,delay:p})&&i;return T||z?(0,r.jsxs)("div",(0,o.pi)({className:l()("zent-loading","zent-loading--block",d,{"zent-loading--has-children":z}),style:{height:t},"data-zv":"10.0.10"},{children:[v,T&&(0,r.jsx)(a.Z,{icon:h,size:m,text:y,textPosition:b,colorPreset:g},void 0)]}),void 0):null}t.Z=u},40695:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var o=n(59312),r=n(24246),i=n(56975);function l(e){return(0,r.jsx)("div",(0,o.pi)({className:"zent-loading-mask","data-zv":"10.0.10"},{children:(0,r.jsx)(i.Z,(0,o.pi)({},e),void 0)}),void 0)}},55978:(e,t,n)=>{"use strict";function o(e){for(var t=[],n=1;no})},1535:(e,t,n)=>{"use strict";function o(e){return"string"==typeof e||"number"==typeof e?{width:e}:{}}n.d(t,{Z:()=>o})},86446:(e,t,n)=>{"use strict";n.d(t,{h:()=>y});var o=n(59312),r=n(24246),i=n(27378),l=n(49744),a=n(19185);function s(e){return(0,a.isElement)(e)&&"string"==typeof e.type}function c(e){return e.viewportBottom-e.viewportTop==0?3:e.viewportTop<=e.waypointTop&&e.waypointTop<=e.viewportBottom||e.viewportTop<=e.waypointBottom&&e.waypointBottom<=e.viewportBottom||e.waypointTop<=e.viewportTop&&e.viewportBottom<=e.waypointBottom?1:e.viewportBottom needs a DOM element to compute boundaries. The child you passed is neither a DOM element (e.g.
) nor does it use the innerRef prop.\n")}(e.props.children,e.refElement.current),e.scrollableAncestor=e.findScrollableAncestor(),e.scrollEventListenerUnsubscribe=(0,l.Oo)(e.scrollableAncestor,"scroll",e.handleScroll,{passive:!0}),e.resizeEventListenerUnsubscribe=(0,l.Oo)(window,"resize",e.handleScroll,{passive:!0}),e.handleScroll(null)})))},t.prototype.componentDidUpdate=function(){var e=this;u.Z&&this.scrollableAncestor&&(this.cancelOnNextTick||(this.cancelOnNextTick=(0,p.Z)((function(){e.cancelOnNextTick=null,e.handleScroll(null)}))))},t.prototype.componentWillUnmount=function(){var e,t,n;u.Z&&(null===(e=this.scrollEventListenerUnsubscribe)||void 0===e||e.call(this),null===(t=this.resizeEventListenerUnsubscribe)||void 0===t||t.call(this),null===(n=this.cancelOnNextTick)||void 0===n||n.cancel())},t.prototype.findScrollableAncestor=function(){var e=this.props,t=e.horizontal,n=e.scrollableAncestor;if(n)return n;for(var o=this.refElement.current;o.parentNode;){if((o=o.parentNode)===document.body)return window;var r=getComputedStyle(o),i=(t?r.getPropertyValue("overflow-x"):r.getPropertyValue("overflow-y"))||r.getPropertyValue("overflow");if("auto"===i||"scroll"===i)return o}return window},t.prototype.getBounds=function(){var e,t,n=this.props.horizontal,o=this.refElement.current.getBoundingClientRect(),r=o.left,i=o.top,l=o.right,a=o.bottom,s=n?r:i,c=n?l:a;if(this.scrollableAncestor===window)e=n?window.innerWidth:window.innerHeight,t=0;else{var u=this.scrollableAncestor.getBoundingClientRect();e=n?u.width:u.height,t=n?u.left:u.top}return{waypointTop:s,waypointBottom:c,viewportTop:t+this.getOffset("top",e),viewportBottom:t+e-this.getOffset("bottom",e)}},t.prototype.getOffset=function(e,t){var n,o,r=this.props.horizontal,i=e+"Offset",l="top"===e?"border"+(r?"Left":"Top")+"Width":"border"+(r?"Right":"Bottom")+"Width",a=this.props[i];if("auto"!==a)return function(e,t){var n=function(e){var t;if(t="number"==typeof e?e:parseFloat(e),!Number.isNaN(t)&&Number.isFinite(t))return t}(e);if("number"==typeof n)return n;if("string"==typeof e){var o=function(e){if("%"===e.slice(-1))return parseFloat(e.slice(0,-1))/100}(e);if("number"==typeof o)return o*t}}(a,t);if(this.scrollableAncestor===window){var s=getComputedStyle(document.documentElement),c=function(){return d(s.fontSize)};return null!==(n=v(s[l],c,c))&&void 0!==n?n:0}var u=getComputedStyle(this.scrollableAncestor);return c=function(){return d(u.fontSize)},null!==(o=v(u[l],c,(function(){return d(getComputedStyle(document.documentElement).fontSize)})))&&void 0!==o?o:0},t.prototype.render=function(){var e=this,t=this.props.children;if(!t)return(0,r.jsx)("span",{ref:this.refElement,style:{fontSize:0},className:"zent-waypoint-marker","data-zv":"10.0.10"},void 0);var n=i.Children.only(t);return s(n)||(0,a.isForwardRef)(n)?(0,i.cloneElement)(n,{ref:function(t){e.refElement.current=t;var o=n.ref;o&&("function"==typeof o?o(t):o.current=t)}}):(0,i.cloneElement)(n,{innerRef:this.refElement})},t.defaultProps={topOffset:0,bottomOffset:0,horizontal:!1,fireOnRapidScroll:!0},t}(i.PureComponent)}}]); \ No newline at end of file diff --git a/6298-b68c2e0c00fc67075598.js b/6298-b68c2e0c00fc67075598.js deleted file mode 100644 index 9c060207f..000000000 --- a/6298-b68c2e0c00fc67075598.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6298],{33938:(e,t,n)=>{"use strict";n.d(t,{X:()=>d});var o=n(59312),r=n(24246),i=n(60042),l=n.n(i),a=n(27378),s=n(1535),c=n(23130),u=n(1348),p=n(4008);function d(e){var t=(0,a.useContext)(u.d),n=(0,a.useContext)(c.Z),i=(0,a.useRef)(e);i.current=e;var p,d=n&&n.onChange,v=(0,a.useCallback)((function(e){var t=i.current,n=t.value,r=t.onChange;if(d)d(n);else if(r){var l=Object.create(e);l.target=(0,o.pi)((0,o.pi)({},i.current),{type:"checkbox",checked:e.target.checked}),r(l)}}),[d]),f=(e.checked,e.className),h=e.style,m=(e.disabled,e.readOnly,e.children),y=e.indeterminate,w=e.width,b=(e.value,e.labelStyle),x=e.onMouseEnter,g=e.onMouseLeave,z=(0,o._T)(e,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),T=function(e,t){return"boolean"==typeof t.readOnly?t.readOnly:!!e&&e.readOnly}(n,e),k=function(e,t,n){return"boolean"==typeof n.disabled?n.disabled:t?t.disabled:e.value}(t,n,e);if(n){var C=n.value,O=n.isValueEqual;p=-1!==C.findIndex((function(t){return O(t,e.value)}))}else p=!!e.checked;return(0,r.jsxs)("label",(0,o.pi)({className:l()("zent-checkbox-wrap",f,{"zent-checkbox-checked":!!p,"zent-checkbox-disabled":k||T,"zent-checkbox-indeterminate":y}),style:(0,o.pi)((0,o.pi)({},h),(0,s.Z)(w)),onMouseEnter:x,onMouseLeave:g,"data-zv":"10.0.9"},{children:[(0,r.jsxs)("span",(0,o.pi)({className:"zent-checkbox","data-zv":"10.0.9"},{children:[(0,r.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.9"},void 0),(0,r.jsx)("input",(0,o.pi)({},z,{type:"checkbox",checked:p&&!y,disabled:k,readOnly:T,onChange:v,"data-zv":"10.0.9"}),void 0)]}),void 0),null!=m&&!0!==m&&!1!==m?(0,r.jsx)("div",(0,o.pi)({className:"zent-checkbox-label",style:b,"data-zv":"10.0.9"},{children:m}),void 0):null]}),void 0)}d.Group=p.Z,t.Z=d},4008:(e,t,n)=>{"use strict";n.d(t,{c:()=>d});var o=n(59312),r=n(24246),i=n(27378),l=n(60042),a=n.n(l),s=n(41925),c=n(23130),u=n(1348),p=c.Z.Provider,d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getGroupContext=(0,s.Z)((function(e,n,o,r){return{value:Array.isArray(e)?e:[],disabled:n,readOnly:o,isValueEqual:r,onChange:t.onCheckboxChange}})),t.onCheckboxChange=function(e){var n=t.props,o=n.isValueEqual,r=n.onChange,i=n.value;if(r){var l=i?i.slice():[],a=l.findIndex((function(t){return o(t,e)}));-1!==a?l.splice(a,1):l.push(e),r(l)}},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.style,i=e.children,l=e.value,s=e.disabled,c=void 0===s?this.context.value:s,u=e.readOnly,d=void 0!==u&&u,v=e.isValueEqual,f=a()("zent-checkbox-group",t);return(0,r.jsx)(p,(0,o.pi)({value:this.getGroupContext(l,c,d,v)},{children:(0,r.jsx)("div",(0,o.pi)({className:f,style:n,"data-zv":"10.0.9"},{children:i}),void 0)}),void 0)},t.defaultProps={isValueEqual:Object.is,value:[]},t.contextType=u.d,t}(i.Component);t.Z=d},23130:(e,t,n)=>{"use strict";var o=n(27378);t.Z=(0,o.createContext)(null)},82049:(e,t,n)=>{"use strict";n.d(t,{S:()=>v});var o=n(59312),r=n(24246),i=n(60042),l=n.n(i),a=n(27378),s=n(50993),c=n(86446),u=n(79352),p=n(43239),d=(0,r.jsx)(s.Z,{height:60,loading:!0,icon:"circle"},void 0),v=(0,a.forwardRef)((function(e,t){var n,i=e.hasMore,s=void 0!==i&&i,v=e.loadMore,f=e.skipLoadOnMount,h=void 0!==f&&f,m=e.useWindow,y=void 0!==m&&m,w=e.loader,b=void 0===w?d:w,x=e.threshold,g=void 0===x?1:x,z=e.className,T=e.children,k=(0,a.useState)(!1),C=k[0],O=k[1],E=(0,p.s)(),B=(0,a.useCallback)((function(){E.current&&O(!1)}),[E]),N=(0,a.useCallback)((function(){"function"==typeof v&&(O(!0),v.length>0?v(B):v().then(B,B))}),[v,B]),Z=(0,a.useCallback)((function(e){C||2===e.previousPosition&&N()}),[N,C]);return(0,a.useEffect)((function(){h||N()}),[]),(0,r.jsxs)("div",(0,o.pi)({className:l()("zent-infinite-scroller",z,(n={},n["zent-infinite-scroller-y"]=!y,n)),ref:t,"data-zv":"10.0.9"},{children:[T,s&&u.Z&&(0,r.jsx)(c.h,{scrollableAncestor:y?window:void 0,onEnter:Z,bottomOffset:-g},void 0),C&&b]}),void 0)}));v.displayName="InfiniteScroller",t.Z=v},50993:(e,t,n)=>{"use strict";n.d(t,{c:()=>u});var o=n(59312),r=n(24246),i=n(60042),l=n.n(i),a=n(40695),s=n(73326),c=n(72551);function u(e){var t=function(e){var t=(0,c.n)(e,"height"),n=e.children;return n||t?n&&!t?"initial":e.height:160}(e),n=e.loading,i=void 0!==n&&n,u=e.delay,p=void 0===u?0:u,d=e.className,v=e.children,f=e.icon,h=void 0===f?"circle":f,m=e.iconSize,y=e.iconText,w=e.textPosition,b=void 0===w?"bottom":w,x=e.colorPreset,g=void 0===x?"primary":x,z=!!v,T=!(0,s.Z)({loading:i,delay:p})&&i;return T||z?(0,r.jsxs)("div",(0,o.pi)({className:l()("zent-loading","zent-loading--block",d,{"zent-loading--has-children":z}),style:{height:t},"data-zv":"10.0.9"},{children:[v,T&&(0,r.jsx)(a.Z,{icon:h,size:m,text:y,textPosition:b,colorPreset:g},void 0)]}),void 0):null}t.Z=u},40695:(e,t,n)=>{"use strict";n.d(t,{Z:()=>l});var o=n(59312),r=n(24246),i=n(56975);function l(e){return(0,r.jsx)("div",(0,o.pi)({className:"zent-loading-mask","data-zv":"10.0.9"},{children:(0,r.jsx)(i.Z,(0,o.pi)({},e),void 0)}),void 0)}},55978:(e,t,n)=>{"use strict";function o(e){for(var t=[],n=1;no})},1535:(e,t,n)=>{"use strict";function o(e){return"string"==typeof e||"number"==typeof e?{width:e}:{}}n.d(t,{Z:()=>o})},86446:(e,t,n)=>{"use strict";n.d(t,{h:()=>y});var o=n(59312),r=n(24246),i=n(27378),l=n(49744),a=n(19185);function s(e){return(0,a.isElement)(e)&&"string"==typeof e.type}function c(e){return e.viewportBottom-e.viewportTop==0?3:e.viewportTop<=e.waypointTop&&e.waypointTop<=e.viewportBottom||e.viewportTop<=e.waypointBottom&&e.waypointBottom<=e.viewportBottom||e.waypointTop<=e.viewportTop&&e.viewportBottom<=e.waypointBottom?1:e.viewportBottom needs a DOM element to compute boundaries. The child you passed is neither a DOM element (e.g.
) nor does it use the innerRef prop.\n")}(e.props.children,e.refElement.current),e.scrollableAncestor=e.findScrollableAncestor(),e.scrollEventListenerUnsubscribe=(0,l.Oo)(e.scrollableAncestor,"scroll",e.handleScroll,{passive:!0}),e.resizeEventListenerUnsubscribe=(0,l.Oo)(window,"resize",e.handleScroll,{passive:!0}),e.handleScroll(null)})))},t.prototype.componentDidUpdate=function(){var e=this;u.Z&&this.scrollableAncestor&&(this.cancelOnNextTick||(this.cancelOnNextTick=(0,p.Z)((function(){e.cancelOnNextTick=null,e.handleScroll(null)}))))},t.prototype.componentWillUnmount=function(){var e,t,n;u.Z&&(null===(e=this.scrollEventListenerUnsubscribe)||void 0===e||e.call(this),null===(t=this.resizeEventListenerUnsubscribe)||void 0===t||t.call(this),null===(n=this.cancelOnNextTick)||void 0===n||n.cancel())},t.prototype.findScrollableAncestor=function(){var e=this.props,t=e.horizontal,n=e.scrollableAncestor;if(n)return n;for(var o=this.refElement.current;o.parentNode;){if((o=o.parentNode)===document.body)return window;var r=getComputedStyle(o),i=(t?r.getPropertyValue("overflow-x"):r.getPropertyValue("overflow-y"))||r.getPropertyValue("overflow");if("auto"===i||"scroll"===i)return o}return window},t.prototype.getBounds=function(){var e,t,n=this.props.horizontal,o=this.refElement.current.getBoundingClientRect(),r=o.left,i=o.top,l=o.right,a=o.bottom,s=n?r:i,c=n?l:a;if(this.scrollableAncestor===window)e=n?window.innerWidth:window.innerHeight,t=0;else{var u=this.scrollableAncestor.getBoundingClientRect();e=n?u.width:u.height,t=n?u.left:u.top}return{waypointTop:s,waypointBottom:c,viewportTop:t+this.getOffset("top",e),viewportBottom:t+e-this.getOffset("bottom",e)}},t.prototype.getOffset=function(e,t){var n,o,r=this.props.horizontal,i=e+"Offset",l="top"===e?"border"+(r?"Left":"Top")+"Width":"border"+(r?"Right":"Bottom")+"Width",a=this.props[i];if("auto"!==a)return function(e,t){var n=function(e){var t;if(t="number"==typeof e?e:parseFloat(e),!Number.isNaN(t)&&Number.isFinite(t))return t}(e);if("number"==typeof n)return n;if("string"==typeof e){var o=function(e){if("%"===e.slice(-1))return parseFloat(e.slice(0,-1))/100}(e);if("number"==typeof o)return o*t}}(a,t);if(this.scrollableAncestor===window){var s=getComputedStyle(document.documentElement),c=function(){return d(s.fontSize)};return null!==(n=v(s[l],c,c))&&void 0!==n?n:0}var u=getComputedStyle(this.scrollableAncestor);return c=function(){return d(u.fontSize)},null!==(o=v(u[l],c,(function(){return d(getComputedStyle(document.documentElement).fontSize)})))&&void 0!==o?o:0},t.prototype.render=function(){var e=this,t=this.props.children;if(!t)return(0,r.jsx)("span",{ref:this.refElement,style:{fontSize:0},className:"zent-waypoint-marker","data-zv":"10.0.9"},void 0);var n=i.Children.only(t);return s(n)||(0,a.isForwardRef)(n)?(0,i.cloneElement)(n,{ref:function(t){e.refElement.current=t;var o=n.ref;o&&("function"==typeof o?o(t):o.current=t)}}):(0,i.cloneElement)(n,{innerRef:this.refElement})},t.defaultProps={topOffset:0,bottomOffset:0,horizontal:!1,fireOnRapidScroll:!0},t}(i.PureComponent)}}]); \ No newline at end of file diff --git a/646-093053ac7a3c515bfe85.js b/646-5dafc2d552d80a47ad4d.js similarity index 83% rename from 646-093053ac7a3c515bfe85.js rename to 646-5dafc2d552d80a47ad4d.js index 8fb6e028f..ecd164283 100644 --- a/646-093053ac7a3c515bfe85.js +++ b/646-5dafc2d552d80a47ad4d.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[646],{60646:(n,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>v});var s=a(73450),e=a(27378),o=a(57318),c=a(40937),p=a(24246);function d(n,t){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(n);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),a.push.apply(a,s)}return a}function l(n){for(var t=1;t{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,t=this.props,a=t.title,s=t.src,e=t.children;return(0,p.jsxs)("div",{className:"zandoc-react-demo",children:[(0,p.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,p.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,p.jsx)("div",{className:"zandoc-react-demo__title",children:(0,p.jsx)("p",{children:a||""})}),(0,p.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,p.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,p.jsx)(k,{tag:"code",html:s,attributes:{className:"language-jsx"}})})]})}}class v extends e.Component{componentDidMount(){var n=location.hash;if(n){var t=document.querySelector('a[href="'.concat(n,'"]'));t&&(0,o.l)(document.documentElement,0,f(t,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(y,{style:""}),e.createElement(g,{html:'

Placeholder

\n

Placeholder is used as loading state in sections.

\n

Guides

\n
    \n
  • You can use this component to reduce users\' anxiety when the part of page is loading.
    • \n
  • Includes building block components and some presets.
    • \n
  • Build your own placeholder using the building block components when presets does not meet your requirements.
    • \n
\n

Demos

'}),e.createElement(b,{title:"Text blocks",id:"Demotext",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.TextBlock rows={8} />\n , mountNode\n);'},e.createElement(r)),e.createElement(b,{title:"Solid line text rows",id:"Demotextnodashed",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.TextBlock rows={5} dashed={false} />\n , mountNode\n);'},e.createElement(i)),e.createElement(b,{title:"Richtext blocks",id:"Demorichtext",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.RichTextBlock rows={4} />\n , mountNode\n);'},e.createElement(u)),e.createElement(b,{title:"Richtext blocks(Rectangle)",id:"Demorichtextrect",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.RichTextBlock rows={7} shape="rect" size={160} dashed={false} />\n , mountNode\n);'},e.createElement(h)),e.createElement(b,{title:"Custom placeholder",id:"Democustom",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <div style={{ display: \'flex\', alignItems: \'center\' }}>\n <Placeholder.Circle diameter={160} />\n <Placeholder.TextBlock rows={6} style={{ margin: \'0 10px\' }} />\n <Placeholder.Rectangle width={160} height={160} />\n </div>\n , mountNode\n);'},e.createElement(m)),e.createElement(g,{html:'

API

\n

Presets：TextBlock, RichTextBlock。

\n

Components: TextRow, TextRowDashed, Circle and Rectangle. Use these components to build your own placeholder.

\n

TextBlock

\n

Text block, lines can be dashed.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
rowsText rowsnumberYes
widthsTow width pool, each number is a percentagenumber[]NoOmitted
dashedDashedboolNotruefalse
dashSegmentsDashed line segments, each segment can be a percent or fixed width(number | string)[][]NoOmitted
lineSpacingLine spacing on topstring\n \n|\n \nnumberNo\'0.7em\'
styleAdditional stylesobjectNo{}
animateAnimate shapesboolNotruefalse
classNameAdditional classstringNo\'\'
\n

RichTextBlock

\n

Supports all props in TextBlock, with the following extra 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\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
shapeShape name, circle or rectanglestringNo\'circle\'\'rect\'
sizeShape sizenumber\n \n|\n \nstringNo80
\n

TextRow

\n

Solid text row.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
lineSpacingLine spacing on topstring\n \n|\n \nnumberNo\'0.7em\'
styleAdditional stylesobjectNo{}
animateAnimate shapesboolNotruefalse
classNameAdditional classstringNo\'\'
\n

TextRowDashed

\n

Dashed text row.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
segmentsLine segments, each segment can be a percent or fixed width(number | string)[]NoRandom
lineSpacingLine spacing on topstring\n \n|\n \nnumberNo\'0.7em\'
styleAdditional stylesobjectNo{}
animateAnimate shapesboolNotruefalse
classNameAdditional classstringNo\'\'
\n

Circle

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
diameterCircle diameternumber\n \n|\n \nstringNo80
styleAdditional stylesobjectNo{}
animateAnimate shapesboolNotruefalse
classNameAdditional classstringNo\'\'
\n

Rectangle

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
widthRectangle widthnumber\n \n|\n \nstringNo80
heightRectangle heightnumber\n \n|\n \nstringNo80
styleAdditional stylesobjectNo{}
animateAnimate shapesboolNotruefalse
classNameAdditional classstringNo\'\'
'}))}}},40937:(n,t,a)=>{"use strict";a.d(t,{V:()=>g,Z:()=>y});var s=a(59312),e=a(24246),o=a(27378),c=a(60042),p=a.n(c),d=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.lineSpacing,o=n.animate,c=n.style,d={marginTop:a},l=p()("zent-placeholder-text-row","zent-placeholder-shape",{"zent-placeholder-shape--animate":o},t);return(0,e.jsx)("div",{className:l,style:(0,s.pi)((0,s.pi)({},d),c),"data-zv":"10.0.9"},void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),l=[[61.8,38],[30,25,44],[20,75],[33,16,20,27],[12,32,53],[45,12,42],[20,10,47,18],[14,47,37]],r=function(n){function t(t){var a,s=n.call(this,t)||this;return s.state={segments:(a=l,a[Math.floor(Math.random()*a.length)])},s}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.lineSpacing,o=n.animate,c=n.segments,d=n.style,l={marginTop:a},r=p()("zent-placeholder-text-row-dashed",t),i=p()("zent-placeholder-shape",{"zent-placeholder-shape--animate":o}),u=Array.isArray(c)?c:this.state.segments;return(0,e.jsx)("div",(0,s.pi)({className:r,style:(0,s.pi)((0,s.pi)({},l),d),"data-zv":"10.0.9"},{children:u.map((function(n,t){return(0,e.jsx)("div",(0,s.pi)({className:"zent-placeholder-text-row-dashed-segment",style:{width:n+"%",paddingLeft:0===t?0:"0.3em"},"data-zv":"10.0.9"},{children:(0,e.jsx)("div",{className:i,"data-zv":"10.0.9"},void 0)}),t)}))}),void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),i=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.style,s=n.animate,o=p()("zent-placeholder-shape",{"zent-placeholder-shape--animate":s},t);return(0,e.jsx)("div",{className:o,style:a,"data-zv":"10.0.9"},void 0)},t.defaultProps={style:{},animate:!0},t}(o.PureComponent),u=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.diameter,o=n.style,c=(0,s._T)(n,["className","diameter","style"]),d=p()("zent-placeholder-circle",t),l=(0,s.pi)({height:a,minWidth:a},o);return(0,e.jsx)(i,(0,s.pi)({className:d,style:l},c),void 0)},t.defaultProps={style:{},animate:!0,diameter:80},t}(o.PureComponent),h=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.width,o=n.height,c=n.style,d=(0,s._T)(n,["className","width","height","style"]),l=p()("zent-placeholder-rectangle",t),r=(0,s.pi)({minWidth:a,height:o},c);return(0,e.jsx)(i,(0,s.pi)({className:l,style:r},d),void 0)},t.defaultProps={style:{},animate:!0,width:80,height:80},t}(o.PureComponent),m=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.getRowStyle=function(n){var a=t.props.widths;return{width:a[n%a.length]+"%"}},t.getRows=function(){for(var n=t.props,a=n.rows,o=n.lineSpacing,c=n.animate,p=n.dashed,l=n.dashSegments,i=[],u=0;u{"use strict";a.r(t),a.d(t,{default:()=>v});var s=a(73450),e=a(27378),o=a(57318),c=a(40937),p=a(24246);function d(n,t){var a=Object.keys(n);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(n);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),a.push.apply(a,s)}return a}function l(n){for(var t=1;t{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,t=this.props,a=t.title,s=t.src,e=t.children;return(0,p.jsxs)("div",{className:"zandoc-react-demo",children:[(0,p.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,p.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,p.jsx)("div",{className:"zandoc-react-demo__title",children:(0,p.jsx)("p",{children:a||""})}),(0,p.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,p.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,p.jsx)(k,{tag:"code",html:s,attributes:{className:"language-jsx"}})})]})}}class v extends e.Component{componentDidMount(){var n=location.hash;if(n){var t=document.querySelector('a[href="'.concat(n,'"]'));t&&(0,o.l)(document.documentElement,0,f(t,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(y,{style:""}),e.createElement(g,{html:'

Placeholder

\n

Placeholder is used as loading state in sections.

\n

Guides

\n
    \n
  • You can use this component to reduce users\' anxiety when the part of page is loading.
    • \n
  • Includes building block components and some presets.
    • \n
  • Build your own placeholder using the building block components when presets does not meet your requirements.
    • \n
\n

Demos

'}),e.createElement(b,{title:"Text blocks",id:"Demotext",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.TextBlock rows={8} />\n , mountNode\n);'},e.createElement(r)),e.createElement(b,{title:"Solid line text rows",id:"Demotextnodashed",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.TextBlock rows={5} dashed={false} />\n , mountNode\n);'},e.createElement(i)),e.createElement(b,{title:"Richtext blocks",id:"Demorichtext",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.RichTextBlock rows={4} />\n , mountNode\n);'},e.createElement(u)),e.createElement(b,{title:"Richtext blocks(Rectangle)",id:"Demorichtextrect",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <Placeholder.RichTextBlock rows={7} shape="rect" size={160} dashed={false} />\n , mountNode\n);'},e.createElement(h)),e.createElement(b,{title:"Custom placeholder",id:"Democustom",src:'import { Placeholder } from \'zent\';\n\nReactDOM.render(\n <div style={{ display: \'flex\', alignItems: \'center\' }}>\n <Placeholder.Circle diameter={160} />\n <Placeholder.TextBlock rows={6} style={{ margin: \'0 10px\' }} />\n <Placeholder.Rectangle width={160} height={160} />\n </div>\n , mountNode\n);'},e.createElement(m)),e.createElement(g,{html:'

API

\n

Presets：TextBlock, RichTextBlock。

\n

Components: TextRow, TextRowDashed, Circle and Rectangle. Use these components to build your own placeholder.

\n

TextBlock

\n

Text block, lines can be dashed.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
rowsText rowsnumberYes
widthsTow width pool, each number is a percentagenumber[]NoOmitted
dashedDashedboolNotruefalse
dashSegmentsDashed line segments, each segment can be a percent or fixed width(number | string)[][]NoOmitted
lineSpacingLine spacing on topstring\n \n|\n \nnumberNo\'0.7em\'
styleAdditional stylesobjectNo{}
animateAnimate shapesboolNotruefalse
classNameAdditional classstringNo\'\'
\n

RichTextBlock

\n

Supports all props in TextBlock, with the following extra 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\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
shapeShape name, circle or rectanglestringNo\'circle\'\'rect\'
sizeShape sizenumber\n \n|\n \nstringNo80
\n

TextRow

\n

Solid text row.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
lineSpacingLine spacing on topstring\n \n|\n \nnumberNo\'0.7em\'
styleAdditional stylesobjectNo{}
animateAnimate shapesboolNotruefalse
classNameAdditional classstringNo\'\'
\n

TextRowDashed

\n

Dashed text row.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
segmentsLine segments, each segment can be a percent or fixed width(number | string)[]NoRandom
lineSpacingLine spacing on topstring\n \n|\n \nnumberNo\'0.7em\'
styleAdditional stylesobjectNo{}
animateAnimate shapesboolNotruefalse
classNameAdditional classstringNo\'\'
\n

Circle

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
diameterCircle diameternumber\n \n|\n \nstringNo80
styleAdditional stylesobjectNo{}
animateAnimate shapesboolNotruefalse
classNameAdditional classstringNo\'\'
\n

Rectangle

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
widthRectangle widthnumber\n \n|\n \nstringNo80
heightRectangle heightnumber\n \n|\n \nstringNo80
styleAdditional stylesobjectNo{}
animateAnimate shapesboolNotruefalse
classNameAdditional classstringNo\'\'
'}))}}},40937:(n,t,a)=>{"use strict";a.d(t,{V:()=>g,Z:()=>y});var s=a(59312),e=a(24246),o=a(27378),c=a(60042),p=a.n(c),d=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.lineSpacing,o=n.animate,c=n.style,d={marginTop:a},l=p()("zent-placeholder-text-row","zent-placeholder-shape",{"zent-placeholder-shape--animate":o},t);return(0,e.jsx)("div",{className:l,style:(0,s.pi)((0,s.pi)({},d),c),"data-zv":"10.0.10"},void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),l=[[61.8,38],[30,25,44],[20,75],[33,16,20,27],[12,32,53],[45,12,42],[20,10,47,18],[14,47,37]],r=function(n){function t(t){var a,s=n.call(this,t)||this;return s.state={segments:(a=l,a[Math.floor(Math.random()*a.length)])},s}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.lineSpacing,o=n.animate,c=n.segments,d=n.style,l={marginTop:a},r=p()("zent-placeholder-text-row-dashed",t),i=p()("zent-placeholder-shape",{"zent-placeholder-shape--animate":o}),u=Array.isArray(c)?c:this.state.segments;return(0,e.jsx)("div",(0,s.pi)({className:r,style:(0,s.pi)((0,s.pi)({},l),d),"data-zv":"10.0.10"},{children:u.map((function(n,t){return(0,e.jsx)("div",(0,s.pi)({className:"zent-placeholder-text-row-dashed-segment",style:{width:n+"%",paddingLeft:0===t?0:"0.3em"},"data-zv":"10.0.10"},{children:(0,e.jsx)("div",{className:i,"data-zv":"10.0.10"},void 0)}),t)}))}),void 0)},t.defaultProps={lineSpacing:"0.7em",animate:!0},t}(o.PureComponent),i=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.style,s=n.animate,o=p()("zent-placeholder-shape",{"zent-placeholder-shape--animate":s},t);return(0,e.jsx)("div",{className:o,style:a,"data-zv":"10.0.10"},void 0)},t.defaultProps={style:{},animate:!0},t}(o.PureComponent),u=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.diameter,o=n.style,c=(0,s._T)(n,["className","diameter","style"]),d=p()("zent-placeholder-circle",t),l=(0,s.pi)({height:a,minWidth:a},o);return(0,e.jsx)(i,(0,s.pi)({className:d,style:l},c),void 0)},t.defaultProps={style:{},animate:!0,diameter:80},t}(o.PureComponent),h=function(n){function t(){return null!==n&&n.apply(this,arguments)||this}return(0,s.ZT)(t,n),t.prototype.render=function(){var n=this.props,t=n.className,a=n.width,o=n.height,c=n.style,d=(0,s._T)(n,["className","width","height","style"]),l=p()("zent-placeholder-rectangle",t),r=(0,s.pi)({minWidth:a,height:o},c);return(0,e.jsx)(i,(0,s.pi)({className:l,style:r},d),void 0)},t.defaultProps={style:{},animate:!0,width:80,height:80},t}(o.PureComponent),m=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.getRowStyle=function(n){var a=t.props.widths;return{width:a[n%a.length]+"%"}},t.getRows=function(){for(var n=t.props,a=n.rows,o=n.lineSpacing,c=n.animate,p=n.dashed,l=n.dashSegments,i=[],u=0;u{"use strict";s.r(a),s.d(a,{default:()=>j});var t=s(73118),p=s(73450),e=s(27378),o=s(57318),c=s(19087),l=s(39215),u=s(60042),i=s.n(u),r=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{this.setState({list:n})}))}render(){var n=this.state.list;return(0,r.jsx)("div",{className:"demo-sortable-wrapper",children:(0,r.jsx)(c.b,{items:n,onChange:this.handleChange,children:n.map((({name:n})=>(0,r.jsx)("div",{className:"zent-demo-sortable-basic-item",children:n},n)))})})}}return(0,r.jsx)(n,{})},h=function(){var n=Array(9).fill().map(((n,a)=>a));class a extends e.Component{constructor(...a){super(...a),(0,p.Z)(this,"state",{list:n,circleList:n}),(0,p.Z)(this,"handleChange",(n=>{this.setState({list:n})})),(0,p.Z)(this,"handleCircleChange",(n=>{this.setState({list:n})}))}render(){var n=this.state,a=n.list,s=n.circleList;return(0,r.jsxs)("div",{className:"demo-sortable-wrapper",children:[(0,r.jsx)(c.b,{className:"demo-sortable",items:a,onChange:this.handleChange,children:a.map((n=>(0,r.jsx)("div",{className:"demo-sortable-item",children:n+1},n)))}),(0,r.jsx)(c.b,{className:"demo-sortable",items:s,onChange:this.handleCircleChange,children:s.map((n=>(0,r.jsx)("div",{className:"demo-sortable-item--circle",children:n+1},n)))})]})}}return(0,r.jsx)(a,{})},g=function(){class n extends e.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{list:[{name:"Arvin"},{name:"Jack"},{name:"Bob"},{name:"Nick"}]}),(0,p.Z)(this,"handleChange",(n=>{this.setState({list:n})}))}render(){var n=this.state.list;return(0,r.jsx)("div",{className:"demo-sortable-wrapper",children:(0,r.jsx)(c.b,{items:n,handle:".drag-icon",onChange:this.handleChange,children:n.map((({name:n})=>(0,r.jsxs)("div",{className:"zent-demo-sortable-basic-item",children:[(0,r.jsx)(l.J,{type:"drag",className:"drag-icon"})," ",n]},n)))})})}}return(0,r.jsx)(n,{})},b=function(){var n=[{name:"Arvin"},{name:"Jack"},{name:"Bob"},{name:"Nick"}],a=Array(9).fill().map(((n,a)=>a)),s=()=>{var s=(0,e.useState)(n),p=(0,t.Z)(s,2),o=p[0],u=p[1],k=(0,e.useState)(a),d=(0,t.Z)(k,2),m=d[0],h=d[1],g=(0,e.useState)(n),b=(0,t.Z)(g,2),f=b[0],v=b[1];return(0,r.jsxs)("div",{className:"demo-sortable-wrapper-disabled",children:[(0,r.jsx)(c.b,{items:o,onChange:n=>u(n),filterClass:"item-disabled",children:o.map((({name:n},a)=>(0,r.jsx)("div",{className:i()("zent-demo-sortable-basic-item",{"item-disabled":a<2}),children:n},n)))}),(0,r.jsx)(c.b,{className:"demo-sortable",items:m,onChange:n=>h(n),filterClass:"item-disabled",children:m.map((n=>(0,r.jsx)("div",{className:i()("demo-sortable-item",{"item-disabled":n<3}),children:n+1},n)))}),(0,r.jsx)(c.b,{items:f,handle:".drag-icon",onChange:n=>v(f),filterClass:"item-disabled-drag",children:f.map((({name:n},a)=>(0,r.jsxs)("div",{className:i()("zent-demo-sortable-basic-item",{"item-disabled-drag":a<2}),children:[(0,r.jsx)(l.J,{type:"drag",className:"drag-icon"})," ",n]},n)))})]})};return(0,r.jsx)(s,{})};function f(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,r.jsx)(f,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function y(n){return(0,r.jsx)(f,{tag:"style",html:n.style})}function w(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),w(n.parentNode,a);return a}class x extends e.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:s||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(f,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class j extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,w(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(y,{style:".zent-demo-sortable-basic-item {\n\t\tbackground: #FFFFFF;\n\t\tbox-shadow: inset 0 -1px 0 0 #EBEDF0;\n\t\twidth: 280px;\n\t\theight: 56px;\n\t\tline-height: 56px;\n\t\tpadding-left: 16px;\n\t}\n\n.demo-sortable-wrapper {\n\t\tbackground: rgba(247,247,247,0.50);\n\t\tpadding: 24px;\n\t\tdisplay: flex;\n\t}\n\t.demo-sortable {\n\t\twidth: 196px;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: space-between;\n\t\tmargin-right: 48px;\n\t}\n\n\t.demo-sortable-item, .demo-sortable-item--circle {\n\t\twidth: 60px;\n\t\theight: 60px;\n\t\tbackground: #fff;\n\t\tline-height: 60px;\n\t\tborder-radius: 2px;\n\t\tfont-size: 14px;\n\t\tcolor: #323233;\n\t\ttext-align: center;\n\t\tmargin-bottom: 8px;\n\t}\n\t.demo-sortable-item--circle {\n\t\tborder-radius: 50%;\n\t}\n\n.zent-demo-sortable-basic-item {\n\t\tbackground: #FFFFFF;\n\t\tbox-shadow: inset 0 -1px 0 0 #EBEDF0;\n\t\twidth: 280px;\n\t\theight: 56px;\n\t\tline-height: 56px;\n\t\tpadding-left: 16px;\n\t}\n\t.drag-icon {\n\t\tfont-size: 16px;\n\t\tcursor: -webkit-grab;\n\t\tcursor: grab;\n\t}\n\n.demo-sortable-wrapper-disabled {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tbackground: rgba(247,247,247,0.50);\n\t\tpadding: 24px;\n\t}\n\t.demo-sortable-wrapper-disabled .zent-sortable {\n\t\tmargin: 0 48px 24px 0;\n\t}\n\t.item-disabled {\n\t\tcursor: no-drop !important;\n\t}\n\t.item-disabled-drag .drag-icon {\n\t\tcursor: no-drop !important;\n\t}"}),e.createElement(v,{html:'

Sortable

\n

Organize information by dragging page elements.

\n

Suggestion

\n
    \n
  • Suitable for multiple functions, lists, pictures intuitive, high degree of freedom sorting scene;
    • \n
\n

Note

\n
    \n
  • Paging drag and drop is not supported
    • \n
\n

Demos

'}),e.createElement(x,{title:"Basic Usage",id:"Demobasic",src:'import { Sortable } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n list: [\n {\n name: \'Arvin\',\n },\n {\n name: \'Jack\',\n },\n {\n name: \'Bob\',\n },\n {\n name: \'Nick\',\n },\n ],\n };\n\n handleChange = items => {\n this.setState({\n list: items,\n });\n };\n\n render() {\n const { list } = this.state;\n return (\n <div className="demo-sortable-wrapper">\n <Sortable items={list} onChange={this.handleChange}>\n {list.map(({ name }) => (\n <div className="zent-demo-sortable-basic-item" key={name}>\n {name}\n </div>\n ))}\n </Sortable>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(m)),e.createElement(x,{title:"Drag the grid",id:"Demosortablegrid",src:'import { Sortable, Card, Icon } from \'zent\';\n\nconst sortableList = Array(9)\n .fill()\n .map((_, i) => i);\n\nclass Simple extends React.Component {\n state = {\n list: sortableList,\n circleList: sortableList,\n };\n\n handleChange = items => {\n this.setState({\n list: items,\n });\n };\n\n handleCircleChange = items => {\n this.setState({\n list: items,\n });\n };\n\n render() {\n const { list, circleList } = this.state;\n return (\n <div className="demo-sortable-wrapper">\n <Sortable\n className="demo-sortable"\n items={list}\n onChange={this.handleChange}\n >\n {list.map(i => (\n <div className="demo-sortable-item" key={i}>\n {i + 1}\n </div>\n ))}\n </Sortable>\n <Sortable\n className="demo-sortable"\n items={circleList}\n onChange={this.handleCircleChange}\n >\n {circleList.map(i => (\n <div className="demo-sortable-item--circle" key={i}>\n {i + 1}\n </div>\n ))}\n </Sortable>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(h)),e.createElement(x,{title:"Configure the drag handle. You can drag only by holding down the drag handle",id:"Demosortablehandle",src:'import { Sortable, Icon } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n list: [\n {\n name: \'Arvin\'\n },\n {\n name: \'Jack\'\n },\n {\n name: \'Bob\'\n },\n {\n name: \'Nick\'\n }\n ]\n }\n\n handleChange = (items) => {\n this.setState({\n list: items\n });\n }\n\n render() {\n const { list } = this.state;\n return (\n <div className="demo-sortable-wrapper">\n <Sortable\n items={list}\n handle=".drag-icon"\n onChange={this.handleChange}\n >\n {\n list.map(({ name } ) =>\n <div className="zent-demo-sortable-basic-item" key={name}>\n <Icon type="drag" className="drag-icon" /> {name}\n </div>\n )\n }\n </Sortable>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <Simple />\n , mountNode\n);'},e.createElement(g)),e.createElement(x,{title:"Partially disable drag",id:"Demodisabled",src:'import { useState } from \'react\';\nimport { Sortable } from \'zent\';\nimport cx from \'classnames\';\nconst LIST = [\n {\n name: \'Arvin\',\n },\n {\n name: \'Jack\',\n },\n {\n name: \'Bob\',\n },\n {\n name: \'Nick\',\n },\n];\nconst NUMBER_LIST = Array(9)\n .fill()\n .map((_, index) => index);\n\nconst Simple = () => {\n const [list1, setList1] = useState(LIST);\n const [list2, setList2] = useState(NUMBER_LIST);\n const [list3, setList3] = useState(LIST);\n\n return (\n <div className="demo-sortable-wrapper-disabled">\n <Sortable\n items={list1}\n onChange={items => setList1(items)}\n filterClass="item-disabled"\n >\n {list1.map(({ name }, index) => (\n <div\n className={cx(\'zent-demo-sortable-basic-item\', {\n \'item-disabled\': index < 2,\n })}\n key={name}\n >\n {name}\n </div>\n ))}\n </Sortable>\n <Sortable\n className="demo-sortable"\n items={list2}\n onChange={items => setList2(items)}\n filterClass="item-disabled"\n >\n {list2.map(i => (\n <div\n className={cx(\'demo-sortable-item\', {\n \'item-disabled\': i < 3,\n })}\n key={i}\n >\n {i + 1}\n </div>\n ))}\n </Sortable>\n <Sortable\n items={list3}\n handle=".drag-icon"\n onChange={items => setList3(list3)}\n filterClass="item-disabled-drag"\n >\n {list3.map(({ name }, index) => (\n <div\n className={cx(\'zent-demo-sortable-basic-item\', {\n \'item-disabled-drag\': index < 2,\n })}\n key={name}\n >\n <Icon type="drag" className="drag-icon" /> {name}\n </div>\n ))}\n </Sortable>\n </div>\n );\n};\nReactDOM.render(<Simple />, mountNode);'},e.createElement(b)),e.createElement(v,{html:'

API

\n

Basic 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
PropsDescriptionTypeDefaultOptional
tagthe HTML tagName of the container elementstring\'div\'All legal HTML tagNames
itemsan array of sorted elementsarray
onChangecallback function when sorting is completed(newItems: array): voidnoop
filterClassthe className of the elements that can not be sortstring
classNamecustom classnamestring\'\'
\n

⚠️Notice：basic api can fit almost all the demand,items and onChange must appear at the same time，as a controlled component,you need to update the data by yourself from the onChange callback function,if more complex needs,you can Instead of using items and onChange, use the advanced API below for more complex situation.

\n

Advanced 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
PropsDescriptionTypeDefaultOptional
sortis support drag and drop sortbooltruetrue\n, \nfalse
groupgrouping for multi-container dragging(see detail at \nGroup\n)string or object
delaytime to define when the sorting should start(ms)number0
animationanimation speed moving items when sorting(ms)number0
handledrag handle selector within list itemsstring
ghostClassclass name for the drop placeholderstring\'zent-ghost\'
chosenClassclass name for the chosen itemstring\'zent-chosen\'
dragClassclass name for the dragging itemstring\'zent-drag\'
forceFallbackignore the HTML5 DnD behaviour and force the fallback to kick inboolfalsefalse\n, \ntrue
fallbackClassclass name for the cloned DOM Element when using forceFallbackstring\'zent-fallback\'
fallbackOnBodyappends the cloned DOM Element into the Document\'s Bodyboolfalsefalse\n, \ntrue
fallbackToleranceSpecify how far the mouse should move before it\'s considered as a drag(px)number0
scrollwhether to allow the screen to scroll while draggingbooltruetrue\n, \nfalse
scrollFnif you have custom scrollbar scrollFn may be used for autoscrolling(offsetX: number, offsetY: number, originalEvent: Event): void
scrollSensitivityhow near the mouse must be to an edge to start scrolling(px)number30
scrollSpeedthe scroll speed(px/s)number10
\n

Advanced Event 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
PropsDescriptionTypeDefaultOptional
setDataused to call the HTML5 native DataTransfer.setData method(dataTransfer: object, dragEl: HTMLElement): void
onChoosethe callback function when element is chosen(e: Event) (see detail at \nEvent callback\n)
onStartthe callback function when element dragging started(e: Event) (see detail at \nEvent callback\n)
onEndthe callback function when element dragging ended(e: Event) (see detail at \nEvent callback\n)
onAddthe callback function when element is dropped into the list from another list(e: Event) (see detail at \nEvent callback\n)
onUpdatethe callback function when changed sorting within list(e: Event) (see detail at \nEvent callback\n)
onSortthe callback function called by any change to the list (add / update / remove)(e: Event) (see detail at \nEvent callback\n)
onRemovethe callback function when element is removed from the list into another list(e: Event) (see detail at \nEvent callback\n)
onFilterthe callback function when attempt to drag a filtered element(e: Event) (see detail at \nEvent callback\n)
onMovethe callback function when you move an item in the list or between lists(e: Event, originEvent: Event) (see detail at \nEvent callback\n)
onClonethe callback function when creating a clone of element(e: Event) (see detail at \nEvent callback\n)
\n

Group

\n

To drag elements from one list into another, both lists must have the same group value. You can also define whether lists can give away, give and keep a copy (clone), and receive elements.

\n
    \n
  • name: string group name
    • \n
  • pull: true | false | \'clone\' | function ability to move from the list. \'clone\' copy the item, rather than move.
    • \n
  • put: true | false | [\'foo\', \'bar\'] | function whether elements can be added from other lists, or an array of group names from which elements can be taken.
    • \n
  • revertClone: boolean revert cloned element to initial position after moving to a another list.
    • \n
\n

Event callback

\n
    \n
  • onChoose, onStart:
    • \n
\n
function (/**Event*/evt) {\n    evt.oldIndex;  // lement index within parent(number)\n  },
\n
    \n
  • onEnd, onAdd, onUpdate, onSort, onRemove:
    • \n
\n
function (/**Event*/evt) {\n    evt.item;  // dragged HTMLElement(HTMLElement)\n    evt.to;    // target list(HTMLElement)\n    evt.from;  // previous list(HTMLElement)\n    evt.oldIndex;  // element\'s old index within old parent(number)\n    evt.newIndex;  // element\'s new index within new parent(number)\n  },
\n
    \n
  • onFilter:
    • \n
\n
function (/**Event*/evt) {\n    evt.item;  // HTMLElement receiving the `mousedown|tapstart` event.(HTMLElement)\n  },
\n
    \n
  • onMove:
    • \n
\n
function (/**Event*/evt， /**Event*/originalEvent) {\n    evt.dragged; // dragged HTMLElement(HTMLElement)\n    evt.draggedRect; // TextRectangle {left, top, right, bottom}\n    evt.related; // HTMLElement on which have guided(HTMLElement)\n    evt.relatedRect; // TextRectangle {left, top, right, bottom}\n    originalEvent.clientY; // mouse position\n    // return false; — for cancel\n  },
\n
    \n
  • onClose:
    • \n
\n
function (/**Event*/evt) {\n    evt.item;  // the origin HTMLElement(HTMLElement)\n    evt.clone // the cloned HTMLElement(HTMLElement)\n  },
'}))}}},19087:(n,a,s)=>{"use strict";s.d(a,{b:()=>h,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(28172);function u(n,a,s){var t,p=n.length-1,e=new Array(n.length);if(a===s)return n;if(aa&&o=0;o--)o===a?t=n[o]:os?e[o+1]=n[o]:o===s?(e[o]=t,e[o+1]=n[o]):e[o]=n[o];return e}var i=s(98859),r=l.ZP,k="zent-sortable--grabbing",d=function(n,a){(a||document).querySelectorAll(n).forEach((function(n){n.style.cursor="grabbing"}))},m=function(n,a){(a||document).querySelectorAll(n).forEach((function(n){n.style.cursor=""}))},h=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.containerRef=(0,c.createRef)(),a.handleAddDraggingCursor=function(){var n,s=a.props.handle;d("html"),s&&d(s,a.containerRef.current),null===(n=a.containerRef.current)||void 0===n||n.classList.add(k)},a.handleRemoveDraggingCursor=function(){var n,s=a.props.handle;m("html"),s&&m(s,a.containerRef.current),null===(n=a.containerRef.current)||void 0===n||n.classList.remove(k)},a.initSortable=function(){var n=a.props,s=(n.onMove,n.onEnd,n.onChange,n.filterClass),p=(n.children,(0,t._T)(n,["onMove","onEnd","onChange","filterClass","children"])),e=a.containerRef.current;if(e){var o=(0,t.pi)({filter:s?"."+s:"",ghostClass:"zent-sortable__ghost",chosenClass:"zent-sortable__chosen",dragClass:"zent-sortable__drag",fallbackClass:"zent-sortable__fallback",animation:200,easing:i.Kc,forceFallback:!0,onChoose:function(n){var s,t;a.handleAddDraggingCursor(),null===(t=(s=a.props).onChoose)||void 0===t||t.call(s,n)},onMove:function(n,t){var p=a.props.onMove;return p?p(n,t):!s||!n.related.classList.contains(s)},onUnchoose:function(n){var s,t;a.handleRemoveDraggingCursor(),null===(t=(s=a.props).onUnchoose)||void 0===t||t.call(s,n)},onEnd:function(n){var s=a.props,t=s.items,p=s.onEnd,e=s.onChange;if(p&&p(n),t){var o=n.oldIndex,c=n.newIndex,l=u(t,o,Math.max(0,Math.min(c,t.length-1)));e&&e(l)}}},p);a.sortable=r.create(e,o)}},a}return(0,t.ZT)(a,n),a.prototype.destroySortableInstance=function(){this.sortable&&(this.sortable.destroy(),this.sortable=null)},a.prototype.componentDidMount=function(){this.initSortable()},a.prototype.componentWillUnmount=function(){this.destroySortableInstance()},a.prototype.render=function(){var n=this.props,a=n.className,s=n.children,e=n.tag,c=n.handle,l=o()("zent-sortable",a,{"zent-sortable--handle":c}),u=e;return(0,p.jsx)(u,(0,t.pi)({ref:this.containerRef,className:l,"data-zv":"10.0.9"},{children:s}),void 0)},a.defaultProps={tag:"div"},a}(c.Component),g=h},98859:(n,a,s)=>{"use strict";s.d(a,{rc:()=>t,Kc:()=>p,AX:()=>e});var t="cubic-bezier(0.5, 0, 0.5, 0.1)",p="cubic-bezier(0.33, 1, 0.68, 1)",e="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6520],{96520:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>j});var t=s(73118),p=s(73450),e=s(27378),o=s(57318),c=s(19087),l=s(39215),u=s(60042),i=s.n(u),r=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{this.setState({list:n})}))}render(){var n=this.state.list;return(0,r.jsx)("div",{className:"demo-sortable-wrapper",children:(0,r.jsx)(c.b,{items:n,onChange:this.handleChange,children:n.map((({name:n})=>(0,r.jsx)("div",{className:"zent-demo-sortable-basic-item",children:n},n)))})})}}return(0,r.jsx)(n,{})},h=function(){var n=Array(9).fill().map(((n,a)=>a));class a extends e.Component{constructor(...a){super(...a),(0,p.Z)(this,"state",{list:n,circleList:n}),(0,p.Z)(this,"handleChange",(n=>{this.setState({list:n})})),(0,p.Z)(this,"handleCircleChange",(n=>{this.setState({list:n})}))}render(){var n=this.state,a=n.list,s=n.circleList;return(0,r.jsxs)("div",{className:"demo-sortable-wrapper",children:[(0,r.jsx)(c.b,{className:"demo-sortable",items:a,onChange:this.handleChange,children:a.map((n=>(0,r.jsx)("div",{className:"demo-sortable-item",children:n+1},n)))}),(0,r.jsx)(c.b,{className:"demo-sortable",items:s,onChange:this.handleCircleChange,children:s.map((n=>(0,r.jsx)("div",{className:"demo-sortable-item--circle",children:n+1},n)))})]})}}return(0,r.jsx)(a,{})},g=function(){class n extends e.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{list:[{name:"Arvin"},{name:"Jack"},{name:"Bob"},{name:"Nick"}]}),(0,p.Z)(this,"handleChange",(n=>{this.setState({list:n})}))}render(){var n=this.state.list;return(0,r.jsx)("div",{className:"demo-sortable-wrapper",children:(0,r.jsx)(c.b,{items:n,handle:".drag-icon",onChange:this.handleChange,children:n.map((({name:n})=>(0,r.jsxs)("div",{className:"zent-demo-sortable-basic-item",children:[(0,r.jsx)(l.J,{type:"drag",className:"drag-icon"})," ",n]},n)))})})}}return(0,r.jsx)(n,{})},b=function(){var n=[{name:"Arvin"},{name:"Jack"},{name:"Bob"},{name:"Nick"}],a=Array(9).fill().map(((n,a)=>a)),s=()=>{var s=(0,e.useState)(n),p=(0,t.Z)(s,2),o=p[0],u=p[1],k=(0,e.useState)(a),d=(0,t.Z)(k,2),m=d[0],h=d[1],g=(0,e.useState)(n),b=(0,t.Z)(g,2),f=b[0],v=b[1];return(0,r.jsxs)("div",{className:"demo-sortable-wrapper-disabled",children:[(0,r.jsx)(c.b,{items:o,onChange:n=>u(n),filterClass:"item-disabled",children:o.map((({name:n},a)=>(0,r.jsx)("div",{className:i()("zent-demo-sortable-basic-item",{"item-disabled":a<2}),children:n},n)))}),(0,r.jsx)(c.b,{className:"demo-sortable",items:m,onChange:n=>h(n),filterClass:"item-disabled",children:m.map((n=>(0,r.jsx)("div",{className:i()("demo-sortable-item",{"item-disabled":n<3}),children:n+1},n)))}),(0,r.jsx)(c.b,{items:f,handle:".drag-icon",onChange:n=>v(f),filterClass:"item-disabled-drag",children:f.map((({name:n},a)=>(0,r.jsxs)("div",{className:i()("zent-demo-sortable-basic-item",{"item-disabled-drag":a<2}),children:[(0,r.jsx)(l.J,{type:"drag",className:"drag-icon"})," ",n]},n)))})]})};return(0,r.jsx)(s,{})};function f(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,r.jsx)(f,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function y(n){return(0,r.jsx)(f,{tag:"style",html:n.style})}function w(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),w(n.parentNode,a);return a}class x extends e.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:s||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(f,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class j extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,w(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(y,{style:".zent-demo-sortable-basic-item {\n\t\tbackground: #FFFFFF;\n\t\tbox-shadow: inset 0 -1px 0 0 #EBEDF0;\n\t\twidth: 280px;\n\t\theight: 56px;\n\t\tline-height: 56px;\n\t\tpadding-left: 16px;\n\t}\n\n.demo-sortable-wrapper {\n\t\tbackground: rgba(247,247,247,0.50);\n\t\tpadding: 24px;\n\t\tdisplay: flex;\n\t}\n\t.demo-sortable {\n\t\twidth: 196px;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: space-between;\n\t\tmargin-right: 48px;\n\t}\n\n\t.demo-sortable-item, .demo-sortable-item--circle {\n\t\twidth: 60px;\n\t\theight: 60px;\n\t\tbackground: #fff;\n\t\tline-height: 60px;\n\t\tborder-radius: 2px;\n\t\tfont-size: 14px;\n\t\tcolor: #323233;\n\t\ttext-align: center;\n\t\tmargin-bottom: 8px;\n\t}\n\t.demo-sortable-item--circle {\n\t\tborder-radius: 50%;\n\t}\n\n.zent-demo-sortable-basic-item {\n\t\tbackground: #FFFFFF;\n\t\tbox-shadow: inset 0 -1px 0 0 #EBEDF0;\n\t\twidth: 280px;\n\t\theight: 56px;\n\t\tline-height: 56px;\n\t\tpadding-left: 16px;\n\t}\n\t.drag-icon {\n\t\tfont-size: 16px;\n\t\tcursor: -webkit-grab;\n\t\tcursor: grab;\n\t}\n\n.demo-sortable-wrapper-disabled {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tbackground: rgba(247,247,247,0.50);\n\t\tpadding: 24px;\n\t}\n\t.demo-sortable-wrapper-disabled .zent-sortable {\n\t\tmargin: 0 48px 24px 0;\n\t}\n\t.item-disabled {\n\t\tcursor: no-drop !important;\n\t}\n\t.item-disabled-drag .drag-icon {\n\t\tcursor: no-drop !important;\n\t}"}),e.createElement(v,{html:'

Sortable

\n

Organize information by dragging page elements.

\n

Suggestion

\n
    \n
  • Suitable for multiple functions, lists, pictures intuitive, high degree of freedom sorting scene;
    • \n
\n

Note

\n
    \n
  • Paging drag and drop is not supported
    • \n
\n

Demos

'}),e.createElement(x,{title:"Basic Usage",id:"Demobasic",src:'import { Sortable } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n list: [\n {\n name: \'Arvin\',\n },\n {\n name: \'Jack\',\n },\n {\n name: \'Bob\',\n },\n {\n name: \'Nick\',\n },\n ],\n };\n\n handleChange = items => {\n this.setState({\n list: items,\n });\n };\n\n render() {\n const { list } = this.state;\n return (\n <div className="demo-sortable-wrapper">\n <Sortable items={list} onChange={this.handleChange}>\n {list.map(({ name }) => (\n <div className="zent-demo-sortable-basic-item" key={name}>\n {name}\n </div>\n ))}\n </Sortable>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(m)),e.createElement(x,{title:"Drag the grid",id:"Demosortablegrid",src:'import { Sortable, Card, Icon } from \'zent\';\n\nconst sortableList = Array(9)\n .fill()\n .map((_, i) => i);\n\nclass Simple extends React.Component {\n state = {\n list: sortableList,\n circleList: sortableList,\n };\n\n handleChange = items => {\n this.setState({\n list: items,\n });\n };\n\n handleCircleChange = items => {\n this.setState({\n list: items,\n });\n };\n\n render() {\n const { list, circleList } = this.state;\n return (\n <div className="demo-sortable-wrapper">\n <Sortable\n className="demo-sortable"\n items={list}\n onChange={this.handleChange}\n >\n {list.map(i => (\n <div className="demo-sortable-item" key={i}>\n {i + 1}\n </div>\n ))}\n </Sortable>\n <Sortable\n className="demo-sortable"\n items={circleList}\n onChange={this.handleCircleChange}\n >\n {circleList.map(i => (\n <div className="demo-sortable-item--circle" key={i}>\n {i + 1}\n </div>\n ))}\n </Sortable>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(h)),e.createElement(x,{title:"Configure the drag handle. You can drag only by holding down the drag handle",id:"Demosortablehandle",src:'import { Sortable, Icon } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n list: [\n {\n name: \'Arvin\'\n },\n {\n name: \'Jack\'\n },\n {\n name: \'Bob\'\n },\n {\n name: \'Nick\'\n }\n ]\n }\n\n handleChange = (items) => {\n this.setState({\n list: items\n });\n }\n\n render() {\n const { list } = this.state;\n return (\n <div className="demo-sortable-wrapper">\n <Sortable\n items={list}\n handle=".drag-icon"\n onChange={this.handleChange}\n >\n {\n list.map(({ name } ) =>\n <div className="zent-demo-sortable-basic-item" key={name}>\n <Icon type="drag" className="drag-icon" /> {name}\n </div>\n )\n }\n </Sortable>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <Simple />\n , mountNode\n);'},e.createElement(g)),e.createElement(x,{title:"Partially disable drag",id:"Demodisabled",src:'import { useState } from \'react\';\nimport { Sortable } from \'zent\';\nimport cx from \'classnames\';\nconst LIST = [\n {\n name: \'Arvin\',\n },\n {\n name: \'Jack\',\n },\n {\n name: \'Bob\',\n },\n {\n name: \'Nick\',\n },\n];\nconst NUMBER_LIST = Array(9)\n .fill()\n .map((_, index) => index);\n\nconst Simple = () => {\n const [list1, setList1] = useState(LIST);\n const [list2, setList2] = useState(NUMBER_LIST);\n const [list3, setList3] = useState(LIST);\n\n return (\n <div className="demo-sortable-wrapper-disabled">\n <Sortable\n items={list1}\n onChange={items => setList1(items)}\n filterClass="item-disabled"\n >\n {list1.map(({ name }, index) => (\n <div\n className={cx(\'zent-demo-sortable-basic-item\', {\n \'item-disabled\': index < 2,\n })}\n key={name}\n >\n {name}\n </div>\n ))}\n </Sortable>\n <Sortable\n className="demo-sortable"\n items={list2}\n onChange={items => setList2(items)}\n filterClass="item-disabled"\n >\n {list2.map(i => (\n <div\n className={cx(\'demo-sortable-item\', {\n \'item-disabled\': i < 3,\n })}\n key={i}\n >\n {i + 1}\n </div>\n ))}\n </Sortable>\n <Sortable\n items={list3}\n handle=".drag-icon"\n onChange={items => setList3(list3)}\n filterClass="item-disabled-drag"\n >\n {list3.map(({ name }, index) => (\n <div\n className={cx(\'zent-demo-sortable-basic-item\', {\n \'item-disabled-drag\': index < 2,\n })}\n key={name}\n >\n <Icon type="drag" className="drag-icon" /> {name}\n </div>\n ))}\n </Sortable>\n </div>\n );\n};\nReactDOM.render(<Simple />, mountNode);'},e.createElement(b)),e.createElement(v,{html:'

API

\n

Basic 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
PropsDescriptionTypeDefaultOptional
tagthe HTML tagName of the container elementstring\'div\'All legal HTML tagNames
itemsan array of sorted elementsarray
onChangecallback function when sorting is completed(newItems: array): voidnoop
filterClassthe className of the elements that can not be sortstring
classNamecustom classnamestring\'\'
\n

⚠️Notice：basic api can fit almost all the demand,items and onChange must appear at the same time，as a controlled component,you need to update the data by yourself from the onChange callback function,if more complex needs,you can Instead of using items and onChange, use the advanced API below for more complex situation.

\n

Advanced 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
PropsDescriptionTypeDefaultOptional
sortis support drag and drop sortbooltruetrue\n, \nfalse
groupgrouping for multi-container dragging(see detail at \nGroup\n)string or object
delaytime to define when the sorting should start(ms)number0
animationanimation speed moving items when sorting(ms)number0
handledrag handle selector within list itemsstring
ghostClassclass name for the drop placeholderstring\'zent-ghost\'
chosenClassclass name for the chosen itemstring\'zent-chosen\'
dragClassclass name for the dragging itemstring\'zent-drag\'
forceFallbackignore the HTML5 DnD behaviour and force the fallback to kick inboolfalsefalse\n, \ntrue
fallbackClassclass name for the cloned DOM Element when using forceFallbackstring\'zent-fallback\'
fallbackOnBodyappends the cloned DOM Element into the Document\'s Bodyboolfalsefalse\n, \ntrue
fallbackToleranceSpecify how far the mouse should move before it\'s considered as a drag(px)number0
scrollwhether to allow the screen to scroll while draggingbooltruetrue\n, \nfalse
scrollFnif you have custom scrollbar scrollFn may be used for autoscrolling(offsetX: number, offsetY: number, originalEvent: Event): void
scrollSensitivityhow near the mouse must be to an edge to start scrolling(px)number30
scrollSpeedthe scroll speed(px/s)number10
\n

Advanced Event 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
PropsDescriptionTypeDefaultOptional
setDataused to call the HTML5 native DataTransfer.setData method(dataTransfer: object, dragEl: HTMLElement): void
onChoosethe callback function when element is chosen(e: Event) (see detail at \nEvent callback\n)
onStartthe callback function when element dragging started(e: Event) (see detail at \nEvent callback\n)
onEndthe callback function when element dragging ended(e: Event) (see detail at \nEvent callback\n)
onAddthe callback function when element is dropped into the list from another list(e: Event) (see detail at \nEvent callback\n)
onUpdatethe callback function when changed sorting within list(e: Event) (see detail at \nEvent callback\n)
onSortthe callback function called by any change to the list (add / update / remove)(e: Event) (see detail at \nEvent callback\n)
onRemovethe callback function when element is removed from the list into another list(e: Event) (see detail at \nEvent callback\n)
onFilterthe callback function when attempt to drag a filtered element(e: Event) (see detail at \nEvent callback\n)
onMovethe callback function when you move an item in the list or between lists(e: Event, originEvent: Event) (see detail at \nEvent callback\n)
onClonethe callback function when creating a clone of element(e: Event) (see detail at \nEvent callback\n)
\n

Group

\n

To drag elements from one list into another, both lists must have the same group value. You can also define whether lists can give away, give and keep a copy (clone), and receive elements.

\n
    \n
  • name: string group name
    • \n
  • pull: true | false | \'clone\' | function ability to move from the list. \'clone\' copy the item, rather than move.
    • \n
  • put: true | false | [\'foo\', \'bar\'] | function whether elements can be added from other lists, or an array of group names from which elements can be taken.
    • \n
  • revertClone: boolean revert cloned element to initial position after moving to a another list.
    • \n
\n

Event callback

\n
    \n
  • onChoose, onStart:
    • \n
\n
function (/**Event*/evt) {\n    evt.oldIndex;  // lement index within parent(number)\n  },
\n
    \n
  • onEnd, onAdd, onUpdate, onSort, onRemove:
    • \n
\n
function (/**Event*/evt) {\n    evt.item;  // dragged HTMLElement(HTMLElement)\n    evt.to;    // target list(HTMLElement)\n    evt.from;  // previous list(HTMLElement)\n    evt.oldIndex;  // element\'s old index within old parent(number)\n    evt.newIndex;  // element\'s new index within new parent(number)\n  },
\n
    \n
  • onFilter:
    • \n
\n
function (/**Event*/evt) {\n    evt.item;  // HTMLElement receiving the `mousedown|tapstart` event.(HTMLElement)\n  },
\n
    \n
  • onMove:
    • \n
\n
function (/**Event*/evt， /**Event*/originalEvent) {\n    evt.dragged; // dragged HTMLElement(HTMLElement)\n    evt.draggedRect; // TextRectangle {left, top, right, bottom}\n    evt.related; // HTMLElement on which have guided(HTMLElement)\n    evt.relatedRect; // TextRectangle {left, top, right, bottom}\n    originalEvent.clientY; // mouse position\n    // return false; — for cancel\n  },
\n
    \n
  • onClose:
    • \n
\n
function (/**Event*/evt) {\n    evt.item;  // the origin HTMLElement(HTMLElement)\n    evt.clone // the cloned HTMLElement(HTMLElement)\n  },
'}))}}},19087:(n,a,s)=>{"use strict";s.d(a,{b:()=>h,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(28172);function u(n,a,s){var t,p=n.length-1,e=new Array(n.length);if(a===s)return n;if(aa&&o=0;o--)o===a?t=n[o]:os?e[o+1]=n[o]:o===s?(e[o]=t,e[o+1]=n[o]):e[o]=n[o];return e}var i=s(98859),r=l.ZP,k="zent-sortable--grabbing",d=function(n,a){(a||document).querySelectorAll(n).forEach((function(n){n.style.cursor="grabbing"}))},m=function(n,a){(a||document).querySelectorAll(n).forEach((function(n){n.style.cursor=""}))},h=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.containerRef=(0,c.createRef)(),a.handleAddDraggingCursor=function(){var n,s=a.props.handle;d("html"),s&&d(s,a.containerRef.current),null===(n=a.containerRef.current)||void 0===n||n.classList.add(k)},a.handleRemoveDraggingCursor=function(){var n,s=a.props.handle;m("html"),s&&m(s,a.containerRef.current),null===(n=a.containerRef.current)||void 0===n||n.classList.remove(k)},a.initSortable=function(){var n=a.props,s=(n.onMove,n.onEnd,n.onChange,n.filterClass),p=(n.children,(0,t._T)(n,["onMove","onEnd","onChange","filterClass","children"])),e=a.containerRef.current;if(e){var o=(0,t.pi)({filter:s?"."+s:"",ghostClass:"zent-sortable__ghost",chosenClass:"zent-sortable__chosen",dragClass:"zent-sortable__drag",fallbackClass:"zent-sortable__fallback",animation:200,easing:i.Kc,forceFallback:!0,onChoose:function(n){var s,t;a.handleAddDraggingCursor(),null===(t=(s=a.props).onChoose)||void 0===t||t.call(s,n)},onMove:function(n,t){var p=a.props.onMove;return p?p(n,t):!s||!n.related.classList.contains(s)},onUnchoose:function(n){var s,t;a.handleRemoveDraggingCursor(),null===(t=(s=a.props).onUnchoose)||void 0===t||t.call(s,n)},onEnd:function(n){var s=a.props,t=s.items,p=s.onEnd,e=s.onChange;if(p&&p(n),t){var o=n.oldIndex,c=n.newIndex,l=u(t,o,Math.max(0,Math.min(c,t.length-1)));e&&e(l)}}},p);a.sortable=r.create(e,o)}},a}return(0,t.ZT)(a,n),a.prototype.destroySortableInstance=function(){this.sortable&&(this.sortable.destroy(),this.sortable=null)},a.prototype.componentDidMount=function(){this.initSortable()},a.prototype.componentWillUnmount=function(){this.destroySortableInstance()},a.prototype.render=function(){var n=this.props,a=n.className,s=n.children,e=n.tag,c=n.handle,l=o()("zent-sortable",a,{"zent-sortable--handle":c}),u=e;return(0,p.jsx)(u,(0,t.pi)({ref:this.containerRef,className:l,"data-zv":"10.0.10"},{children:s}),void 0)},a.defaultProps={tag:"div"},a}(c.Component),g=h},98859:(n,a,s)=>{"use strict";s.d(a,{rc:()=>t,Kc:()=>p,AX:()=>e});var t="cubic-bezier(0.5, 0, 0.5, 0.1)",p="cubic-bezier(0.33, 1, 0.68, 1)",e="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file diff --git a/6575-323fcfe513a2e1f2fe44.js b/6575-41d99c9ca70797348375.js similarity index 90% rename from 6575-323fcfe513a2e1f2fe44.js rename to 6575-41d99c9ca70797348375.js index c427f7b73..934e853da 100644 --- a/6575-323fcfe513a2e1f2fe44.js +++ b/6575-41d99c9ca70797348375.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6575],{46575:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>w});var t=s(73450),p=s(27378),e=s(57318),o=s(71457),c=s(39550),l=s(74473),u=s(24246);function i(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function r(n){for(var a=1;a{this.setState({value:n.target.value})}))}render(){return(0,u.jsxs)(n,{onChange:this.onChange,value:this.state.value,children:[(0,u.jsx)(o.Y,{value:"male",children:"男"}),(0,u.jsx)(o.Y,{value:"female",children:"女"})]})}}return(0,u.jsx)(a,{})},d=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:"male",valueCopy:"apple"}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n.target.value})})),(0,t.Z)(this,"onChangeCopy",(n=>{this.setState({valueCopy:n.target.value})}))}render(){return(0,u.jsxs)("div",{children:[(0,u.jsxs)(n,{onChange:this.onChange,value:this.state.value,disabled:!0,children:[(0,u.jsx)(o.Y,{value:"male",children:"男"}),(0,u.jsx)(o.Y,{value:"female",children:"女"})]}),(0,u.jsx)("br",{}),(0,u.jsx)("br",{}),(0,u.jsx)("br",{}),(0,u.jsxs)(n,{onChange:this.onChangeCopy,value:this.state.valueCopy,children:[(0,u.jsx)(o.Y,{value:"apple",children:"苹果"}),(0,u.jsx)(o.Y,{value:"pears",children:"梨子"}),(0,u.jsx)(o.Y,{value:"cucumber",disabled:!0,children:"黄瓜"})]})]})}}return(0,u.jsx)(a,{})},m=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:"A"}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n.target.value})}))}render(){return(0,u.jsx)(n,{onChange:this.onChange,value:this.state.value,style:{width:"100%"},children:(0,u.jsxs)(c.W,{children:[(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"A",children:"A"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"B",children:"B"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"C",children:"C"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"D",children:"D"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"E",children:"E"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"F",children:"F"})})]})})}}return(0,u.jsx)(a,{})},g=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:{foo:1}}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n.target.value})}))}isValueEqual(n,a){return n&&a&&n.foo===a.foo}render(){return(0,u.jsxs)(n,{value:this.state.value,isValueEqual:this.isValueEqual,onChange:this.onChange,children:[(0,u.jsx)(o.Y,{value:{foo:1},children:"Foo 1"}),(0,u.jsx)(o.Y,{value:{foo:2},children:"Foo 2"})]})}}return(0,u.jsx)(a,{})},h=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{style:{display:"inline-block"}}),(0,t.Z)(this,"onChange",(n=>{}))}render(){return(0,u.jsx)("div",{className:"demo-multiple-line",children:(0,u.jsx)(n,{onChange:this.onChange,value:"1",children:(0,u.jsxs)(o.Y,{value:"1",labelStyle:this.state.style,children:["我不能创造的东西，我就不了解。",(0,u.jsx)("p",{children:"我很早就明白知道一样事物(Know-how) 和知道一样事物的名字(Know-what)的分别。"})]})})})}}return(0,u.jsx)(a,{})};function y(n){return(0,u.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,u.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,u.jsx)(y,{tag:"style",html:n.style})}function b(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),b(n.parentNode,a);return a}class j extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:s||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,b(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:".demo-multiple-line .zent-radio{\n vertical-align: 10px !important;\n}"}),p.createElement(v,{html:'

Radio 单选

\n

RadioGroup 是一个受控组件, 必须要设置 onChange 回调方法在组件外部处理 value 变化.

\n

代码演示

'}),p.createElement(j,{title:"基础用法",id:"Demobasic",src:'import { Radio } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nclass App extends Component {\n\n state = {\n value: \'male\'\n }\n\n onChange = (e) => {\n this.setState({ value: e.target.value });\n }\n\n render() {\n return (\n <RadioGroup onChange={this.onChange} value={this.state.value}>\n <Radio value="male">男</Radio>\n <Radio value="female">女</Radio>\n </RadioGroup>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(k)),p.createElement(j,{title:"禁用状态",id:"Demodisable",src:'import { Radio } from \'zent\'\n\nconst RadioGroup = Radio.Group;\n\nclass App extends React.Component {\n\n state = {\n value: \'male\',\n valueCopy: \'apple\'\n }\n\n onChange = (e) => {\n this.setState({ value: e.target.value });\n }\n\n onChangeCopy = (e) => {\n this.setState({ valueCopy: e.target.value });\n }\n\n render() {\n return (\n <div>\n <RadioGroup onChange={this.onChange} value={this.state.value} disabled>\n <Radio value="male">男</Radio>\n <Radio value="female">女</Radio>\n </RadioGroup>\n <br />\n <br />\n <br />\n <RadioGroup onChange={this.onChangeCopy} value={this.state.valueCopy}>\n <Radio value="apple">苹果</Radio>\n <Radio value="pears">梨子</Radio>\n <Radio value="cucumber" disabled>黄瓜</Radio>\n </RadioGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(d)),p.createElement(j,{title:"布局",id:"Demolayout",src:'import { Radio, LayoutRow as Row, LayoutCol as Col } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nclass App extends React.Component {\n state = {\n value: \'A\',\n };\n\n onChange = e => {\n this.setState({ value: e.target.value });\n };\n\n render() {\n return (\n <RadioGroup\n onChange={this.onChange}\n value={this.state.value}\n style={{ width: \'100%\' }}\n >\n <Row>\n <Col span={8}>\n <Radio value="A">A</Radio>\n </Col>\n <Col span={8}>\n <Radio value="B">B</Radio>\n </Col>\n <Col span={8}>\n <Radio value="C">C</Radio>\n </Col>\n <Col span={8}>\n <Radio value="D">D</Radio>\n </Col>\n <Col span={8}>\n <Radio value="E">E</Radio>\n </Col>\n <Col span={8}>\n <Radio value="F">F</Radio>\n </Col>\n </Row>\n </RadioGroup>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(m)),p.createElement(j,{title:"支持自定义比较函数",id:"Democompare",src:'import { Radio } from \'zent\'\n\nconst RadioGroup = Radio.Group;\n\nclass App extends React.Component {\n\n state = {\n value: {\n foo: 1\n }\n }\n\n onChange = (e) => {\n this.setState({ value: e.target.value });\n }\n\n isValueEqual(a, b) {\n return a && b && a.foo === b.foo;\n }\n\n render() {\n return (\n <RadioGroup\n value={this.state.value}\n isValueEqual={this.isValueEqual}\n onChange={this.onChange}\n >\n <Radio value={{ foo: 1 }}>Foo 1</Radio>\n <Radio value={{ foo: 2 }}>Foo 2</Radio>\n </RadioGroup>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(g)),p.createElement(j,{title:"多行文本",id:"Demomultiline",src:'import { Radio, Button } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nclass App extends Component {\n state = {\n style: {\n display: \'inline-block\'\n },\n };\n\n onChange = e => {};\n\n render() {\n return (\n <div className="demo-multiple-line">\n <RadioGroup onChange={this.onChange} value="1">\n <Radio value="1" labelStyle={this.state.style}>\n 我不能创造的东西，我就不了解。\n <p>我很早就明白知道一样事物(Know-how) 和知道一样事物的名字(Know-what)的分别。</p>\n </Radio>\n </RadioGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(h)),p.createElement(v,{html:'

API

\n

RadioGroup

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
value用于设置当前选中的值any
disabled使组件不可用boolean
readOnly使组件只读boolean
onChange选项变化时的回调函数(e: Event) => void
isValueEqual可选参数，判断 value 值是否相等(a: any, b: any) => boolean(a, b) => a === b
className自定义额外类名string
\n

Radio

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
value根据 value 进行比较，判断是否选中any
disabled使组件不可用boolean
readOnly使组件只读boolean
labelStylelabel 的内联样式React.CSSProperties
className自定义额外类名string
width宽度string\n \n|\n \nnumber
'}))}}},48591:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)({});a.Z=t},74473:(n,a,s)=>{"use strict";s.d(a,{r:()=>r});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(65225),u=s(48591),i=s(81093),r=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(a){return(0,p.jsx)(l.Z.Consumer,{children:function(s){var e,o=n.props,l=o.span,u=o.offset,r=o.order,k=o.className,d=o.style,m=(0,t._T)(o,["span","offset","order","className","style"]),g=d,h=(0,i.r)(a,s.colGutter);if(h>0){var y=h/2;g=(0,t.pi)((0,t.pi)({},g),{paddingLeft:y,paddingRight:y})}var v=(0,i.r)(a,l),f=(0,i.r)(a,u),b=(0,i.r)(a,r),j=c()("zent-col",((e={})["zent-col-offset-"+u]=f,e["zent-col-order-"+r]=b,e),"zent-col-"+v,k);return(0,p.jsx)("div",(0,t.pi)({},m,{className:j,style:g,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},a.defaultProps={offset:0,order:0},a}(e.Component)},65225:(n,a,s)=>{"use strict";s.d(a,{x:()=>t});var t=(0,s(27378).createContext)({rowGutter:0,colGutter:0});a.Z=t},39550:(n,a,s)=>{"use strict";s.d(a,{W:()=>r});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(65225),u=s(48591),i=s(81093),r=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,s=a.className,e=a.style,o=a.justify,r=a.align,k=(0,t._T)(a,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+o,"zent-row-align-"+r,s);return(0,p.jsx)(u.Z.Consumer,{children:function(a){return(0,p.jsx)(l.Z.Consumer,{children:function(s){var o=(0,i.r)(a,s.colGutter),c=(0,i.r)(a,s.rowGutter),l=e;if(o>0){var u=-o/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var r=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:r,paddingBottom:r})}return(0,p.jsx)("div",(0,t.pi)({},k,{className:d,style:l,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},a.defaultProps={justify:"start",align:"start"},a}(e.Component)},81093:(n,a,s)=>{"use strict";var t;s.d(a,{j:()=>o,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=s(72551),e=Object.keys(t).reduce((function(n,a){return n[t[a]]=a,n}),{}),o=Object.keys(e);function c(n,a){if("number"==typeof a)return a;for(var s=0;s{"use strict";s.d(a,{E:()=>i});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),u=s(1348);function i(n){var a=(0,c.useContext)(u.d),s=n.value,e=n.disabled,i=void 0===e?a.value:e,r=n.readOnly,k=void 0!==r&&r,d=n.isValueEqual,m=void 0===d?Object.is:d,g=n.className,h=n.style,y=n.children,v=n.onChange,f=(0,c.useMemo)((function(){return{value:s,disabled:i,readOnly:k,isValueEqual:m,onRadioChange:v}}),[s,i,k,m,v]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:f},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",g),style:h,"data-zv":"10.0.9"},{children:y}),void 0)}),void 0)}a.Z=i},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function u(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function i(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var r=s(4246),k=s(1348),d=s(57961);function m(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.labelStyle,g=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),y=(0,l.useContext)(d.Z),v=i(h,y,n),f=v.checked,b=v.disabled,j=v.readOnly,w=u(y,n),C=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!f,"zent-radio-disabled":b||j}),x=(0,c.Z)(r),R=(0,t.pi)((0,t.pi)({},s),x);return(0,p.jsxs)("label",(0,t.pi)({className:C,style:R,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},g,{type:"radio",checked:!!f,disabled:b,readOnly:j,onChange:w,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.onMouseEnter,g=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),y=(0,l.useContext)(k.d),v=(0,l.useContext)(d.Z);if(!v)throw new Error("Radio.Button must be nested within Radio.Group");var f=i(y,v,n),b=f.checked,j=f.disabled,w=f.readOnly,C=u(v,n),x=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!b,"zent-radio-button--disabled":j||w}),R=(0,c.Z)(r),z=(0,t.pi)((0,t.pi)({},s),R);return(0,p.jsxs)("label",(0,t.pi)({className:x,style:z,onMouseEnter:m,onMouseLeave:g,"data-zv":"10.0.9"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!b,disabled:j,readOnly:w,onChange:C,"data-zv":"10.0.9"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)},m.Group=r.Z;var g=m},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6575],{46575:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>w});var t=s(73450),p=s(27378),e=s(57318),o=s(71457),c=s(39550),l=s(74473),u=s(24246);function i(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function r(n){for(var a=1;a{this.setState({value:n.target.value})}))}render(){return(0,u.jsxs)(n,{onChange:this.onChange,value:this.state.value,children:[(0,u.jsx)(o.Y,{value:"male",children:"男"}),(0,u.jsx)(o.Y,{value:"female",children:"女"})]})}}return(0,u.jsx)(a,{})},d=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:"male",valueCopy:"apple"}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n.target.value})})),(0,t.Z)(this,"onChangeCopy",(n=>{this.setState({valueCopy:n.target.value})}))}render(){return(0,u.jsxs)("div",{children:[(0,u.jsxs)(n,{onChange:this.onChange,value:this.state.value,disabled:!0,children:[(0,u.jsx)(o.Y,{value:"male",children:"男"}),(0,u.jsx)(o.Y,{value:"female",children:"女"})]}),(0,u.jsx)("br",{}),(0,u.jsx)("br",{}),(0,u.jsx)("br",{}),(0,u.jsxs)(n,{onChange:this.onChangeCopy,value:this.state.valueCopy,children:[(0,u.jsx)(o.Y,{value:"apple",children:"苹果"}),(0,u.jsx)(o.Y,{value:"pears",children:"梨子"}),(0,u.jsx)(o.Y,{value:"cucumber",disabled:!0,children:"黄瓜"})]})]})}}return(0,u.jsx)(a,{})},m=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:"A"}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n.target.value})}))}render(){return(0,u.jsx)(n,{onChange:this.onChange,value:this.state.value,style:{width:"100%"},children:(0,u.jsxs)(c.W,{children:[(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"A",children:"A"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"B",children:"B"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"C",children:"C"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"D",children:"D"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"E",children:"E"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.Y,{value:"F",children:"F"})})]})})}}return(0,u.jsx)(a,{})},g=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:{foo:1}}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n.target.value})}))}isValueEqual(n,a){return n&&a&&n.foo===a.foo}render(){return(0,u.jsxs)(n,{value:this.state.value,isValueEqual:this.isValueEqual,onChange:this.onChange,children:[(0,u.jsx)(o.Y,{value:{foo:1},children:"Foo 1"}),(0,u.jsx)(o.Y,{value:{foo:2},children:"Foo 2"})]})}}return(0,u.jsx)(a,{})},h=function(){var n=o.Y.Group;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{style:{display:"inline-block"}}),(0,t.Z)(this,"onChange",(n=>{}))}render(){return(0,u.jsx)("div",{className:"demo-multiple-line",children:(0,u.jsx)(n,{onChange:this.onChange,value:"1",children:(0,u.jsxs)(o.Y,{value:"1",labelStyle:this.state.style,children:["我不能创造的东西，我就不了解。",(0,u.jsx)("p",{children:"我很早就明白知道一样事物(Know-how) 和知道一样事物的名字(Know-what)的分别。"})]})})})}}return(0,u.jsx)(a,{})};function y(n){return(0,u.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,u.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,u.jsx)(y,{tag:"style",html:n.style})}function b(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),b(n.parentNode,a);return a}class j extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:s||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,b(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:".demo-multiple-line .zent-radio{\n vertical-align: 10px !important;\n}"}),p.createElement(v,{html:'

Radio 单选

\n

RadioGroup 是一个受控组件, 必须要设置 onChange 回调方法在组件外部处理 value 变化.

\n

代码演示

'}),p.createElement(j,{title:"基础用法",id:"Demobasic",src:'import { Radio } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nclass App extends Component {\n\n state = {\n value: \'male\'\n }\n\n onChange = (e) => {\n this.setState({ value: e.target.value });\n }\n\n render() {\n return (\n <RadioGroup onChange={this.onChange} value={this.state.value}>\n <Radio value="male">男</Radio>\n <Radio value="female">女</Radio>\n </RadioGroup>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(k)),p.createElement(j,{title:"禁用状态",id:"Demodisable",src:'import { Radio } from \'zent\'\n\nconst RadioGroup = Radio.Group;\n\nclass App extends React.Component {\n\n state = {\n value: \'male\',\n valueCopy: \'apple\'\n }\n\n onChange = (e) => {\n this.setState({ value: e.target.value });\n }\n\n onChangeCopy = (e) => {\n this.setState({ valueCopy: e.target.value });\n }\n\n render() {\n return (\n <div>\n <RadioGroup onChange={this.onChange} value={this.state.value} disabled>\n <Radio value="male">男</Radio>\n <Radio value="female">女</Radio>\n </RadioGroup>\n <br />\n <br />\n <br />\n <RadioGroup onChange={this.onChangeCopy} value={this.state.valueCopy}>\n <Radio value="apple">苹果</Radio>\n <Radio value="pears">梨子</Radio>\n <Radio value="cucumber" disabled>黄瓜</Radio>\n </RadioGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(d)),p.createElement(j,{title:"布局",id:"Demolayout",src:'import { Radio, LayoutRow as Row, LayoutCol as Col } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nclass App extends React.Component {\n state = {\n value: \'A\',\n };\n\n onChange = e => {\n this.setState({ value: e.target.value });\n };\n\n render() {\n return (\n <RadioGroup\n onChange={this.onChange}\n value={this.state.value}\n style={{ width: \'100%\' }}\n >\n <Row>\n <Col span={8}>\n <Radio value="A">A</Radio>\n </Col>\n <Col span={8}>\n <Radio value="B">B</Radio>\n </Col>\n <Col span={8}>\n <Radio value="C">C</Radio>\n </Col>\n <Col span={8}>\n <Radio value="D">D</Radio>\n </Col>\n <Col span={8}>\n <Radio value="E">E</Radio>\n </Col>\n <Col span={8}>\n <Radio value="F">F</Radio>\n </Col>\n </Row>\n </RadioGroup>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(m)),p.createElement(j,{title:"支持自定义比较函数",id:"Democompare",src:'import { Radio } from \'zent\'\n\nconst RadioGroup = Radio.Group;\n\nclass App extends React.Component {\n\n state = {\n value: {\n foo: 1\n }\n }\n\n onChange = (e) => {\n this.setState({ value: e.target.value });\n }\n\n isValueEqual(a, b) {\n return a && b && a.foo === b.foo;\n }\n\n render() {\n return (\n <RadioGroup\n value={this.state.value}\n isValueEqual={this.isValueEqual}\n onChange={this.onChange}\n >\n <Radio value={{ foo: 1 }}>Foo 1</Radio>\n <Radio value={{ foo: 2 }}>Foo 2</Radio>\n </RadioGroup>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(g)),p.createElement(j,{title:"多行文本",id:"Demomultiline",src:'import { Radio, Button } from \'zent\';\n\nconst RadioGroup = Radio.Group;\n\nclass App extends Component {\n state = {\n style: {\n display: \'inline-block\'\n },\n };\n\n onChange = e => {};\n\n render() {\n return (\n <div className="demo-multiple-line">\n <RadioGroup onChange={this.onChange} value="1">\n <Radio value="1" labelStyle={this.state.style}>\n 我不能创造的东西，我就不了解。\n <p>我很早就明白知道一样事物(Know-how) 和知道一样事物的名字(Know-what)的分别。</p>\n </Radio>\n </RadioGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(h)),p.createElement(v,{html:'

API

\n

RadioGroup

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
value用于设置当前选中的值any
disabled使组件不可用boolean
readOnly使组件只读boolean
onChange选项变化时的回调函数(e: Event) => void
isValueEqual可选参数，判断 value 值是否相等(a: any, b: any) => boolean(a, b) => a === b
className自定义额外类名string
\n

Radio

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
value根据 value 进行比较，判断是否选中any
disabled使组件不可用boolean
readOnly使组件只读boolean
labelStylelabel 的内联样式React.CSSProperties
className自定义额外类名string
width宽度string\n \n|\n \nnumber
'}))}}},48591:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)({});a.Z=t},74473:(n,a,s)=>{"use strict";s.d(a,{r:()=>r});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(65225),u=s(48591),i=s(81093),r=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(a){return(0,p.jsx)(l.Z.Consumer,{children:function(s){var e,o=n.props,l=o.span,u=o.offset,r=o.order,k=o.className,d=o.style,m=(0,t._T)(o,["span","offset","order","className","style"]),g=d,h=(0,i.r)(a,s.colGutter);if(h>0){var y=h/2;g=(0,t.pi)((0,t.pi)({},g),{paddingLeft:y,paddingRight:y})}var v=(0,i.r)(a,l),f=(0,i.r)(a,u),b=(0,i.r)(a,r),j=c()("zent-col",((e={})["zent-col-offset-"+u]=f,e["zent-col-order-"+r]=b,e),"zent-col-"+v,k);return(0,p.jsx)("div",(0,t.pi)({},m,{className:j,style:g,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},a.defaultProps={offset:0,order:0},a}(e.Component)},65225:(n,a,s)=>{"use strict";s.d(a,{x:()=>t});var t=(0,s(27378).createContext)({rowGutter:0,colGutter:0});a.Z=t},39550:(n,a,s)=>{"use strict";s.d(a,{W:()=>r});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(65225),u=s(48591),i=s(81093),r=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,s=a.className,e=a.style,o=a.justify,r=a.align,k=(0,t._T)(a,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+o,"zent-row-align-"+r,s);return(0,p.jsx)(u.Z.Consumer,{children:function(a){return(0,p.jsx)(l.Z.Consumer,{children:function(s){var o=(0,i.r)(a,s.colGutter),c=(0,i.r)(a,s.rowGutter),l=e;if(o>0){var u=-o/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var r=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:r,paddingBottom:r})}return(0,p.jsx)("div",(0,t.pi)({},k,{className:d,style:l,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},a.defaultProps={justify:"start",align:"start"},a}(e.Component)},81093:(n,a,s)=>{"use strict";var t;s.d(a,{j:()=>o,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=s(72551),e=Object.keys(t).reduce((function(n,a){return n[t[a]]=a,n}),{}),o=Object.keys(e);function c(n,a){if("number"==typeof a)return a;for(var s=0;s{"use strict";s.d(a,{E:()=>i});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),u=s(1348);function i(n){var a=(0,c.useContext)(u.d),s=n.value,e=n.disabled,i=void 0===e?a.value:e,r=n.readOnly,k=void 0!==r&&r,d=n.isValueEqual,m=void 0===d?Object.is:d,g=n.className,h=n.style,y=n.children,v=n.onChange,f=(0,c.useMemo)((function(){return{value:s,disabled:i,readOnly:k,isValueEqual:m,onRadioChange:v}}),[s,i,k,m,v]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:f},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",g),style:h,"data-zv":"10.0.10"},{children:y}),void 0)}),void 0)}a.Z=i},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function u(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function i(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var r=s(4246),k=s(1348),d=s(57961);function m(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.labelStyle,g=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),y=(0,l.useContext)(d.Z),v=i(h,y,n),f=v.checked,b=v.disabled,j=v.readOnly,w=u(y,n),C=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!f,"zent-radio-disabled":b||j}),x=(0,c.Z)(r),R=(0,t.pi)((0,t.pi)({},s),x);return(0,p.jsxs)("label",(0,t.pi)({className:C,style:R,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},g,{type:"radio",checked:!!f,disabled:b,readOnly:j,onChange:w,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,e=n.children,r=(n.value,n.width),m=n.onMouseEnter,g=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),y=(0,l.useContext)(k.d),v=(0,l.useContext)(d.Z);if(!v)throw new Error("Radio.Button must be nested within Radio.Group");var f=i(y,v,n),b=f.checked,j=f.disabled,w=f.readOnly,C=u(v,n),x=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!b,"zent-radio-button--disabled":j||w}),R=(0,c.Z)(r),z=(0,t.pi)((0,t.pi)({},s),R);return(0,p.jsxs)("label",(0,t.pi)({className:x,style:z,onMouseEnter:m,onMouseLeave:g,"data-zv":"10.0.10"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!b,disabled:j,readOnly:w,onChange:C,"data-zv":"10.0.10"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)},m.Group=r.Z;var g=m},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file diff --git a/6638-6d8daa4d2a8c4a78e423.js b/6638-6d8daa4d2a8c4a78e423.js new file mode 100644 index 000000000..ff75f2b0e --- /dev/null +++ b/6638-6d8daa4d2a8c4a78e423.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6638],{56377:(e,t,n)=>{"use strict";n.d(t,{r:()=>l});var r=n(59312),i=n(24246),o=n(27378),d=n(60042),a=n.n(d),s=n(1348),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.toggle=function(){var e=t.props,n=e.onChange,r=e.checked;n&&n(!r)},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e,t=this.props,n=t.className,r=t.size,o=t.disabled,d=void 0===o?this.context.value:o,s=t.loading,l=t.checked,c=d||s,p=a()(((e={})["zent-switch-"+r]="default"!==r,e["zent-switch-disabled"]=c,e["zent-switch-loading"]=s,e["zent-switch-checked"]=l,e),"zent-switch",n);return(0,i.jsx)("div",{className:p,onClick:c?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},t.defaultProps={size:"default"},t.contextType=s.d,t}(o.Component);t.Z=l},69916:(e,t,n)=>{"use strict";n.d(t,{m:()=>b});var r=n(59312),i=n(24246),o=n(27378),d=n(60042),a=n.n(d),s=n(79737),l=n(68150),c=n(20840),p={id:"id",title:"title",children:"children",parentId:"parentId"};function h(e,t,n,r){void 0===e&&(e=[]),void 0===n&&(n=[]);var i=[],o={};return e.forEach((function(e){if(t[e]){var d=r?t[e].rootIncludeIds:t[e].rootIncludeIds.filter((function(e){return-1===n.indexOf(e)}));i.push.apply(i,d),o[e]=!0}})),e.forEach((function(e){if(t[e])for(var r=t[e].parentId;r;)o[r]?r=void 0:t[r].son.every((function(e){return o[e]||n.indexOf(e)>-1}))?(o[r]=!0,r=t[r].parentId):r=void 0})),function(){for(var e=[],t=0;t0));a[i].isParent=c,c&&(t||r.expand)&&d.push(i),r[s]&&e({nodeTree:r[s],parentId:i}),void 0!==o&&a[o]&&(a[o].rootIncludeIds=a[o].rootIncludeIds.concat(a[i].rootIncludeIds))}))}({nodeTree:r,parentId:void 0}),{rootInfoMap:a,expandNode:d}}({expandAll:d,checkable:s,loadMore:a,tree:b,renderKey:v}),N=I.rootInfoMap,k=I.expandNode,z=s?h(c,N):c,K=s?h(f,N,z,!0):f;return{tree:b,renderKey:v,rootInfoMap:N,expandNode:k,checkedNode:K,disabledNode:z}}var f=n(27036),v=n(98859),y=n(85883),x=function(e){var t=e.children,n=e.showPop,d=(0,o.useRef)(null),a=(0,o.useState)(!1),s=a[0],l=a[1],c=(0,o.useState)(!1),p=c[0],h=c[1];return(0,o.useEffect)((function(){if(d.current){var e=d.current,t=e.scrollWidth,n=e.clientWidth;l(t>n)}}),[d]),(0,i.jsx)(y.Z,(0,r.pi)({centerArrow:!0,content:t,visible:p,position:"top-left",onVisibleChange:function(e){return h(e)},trigger:n&&s?"hover":"none"},{children:(0,i.jsx)("span",(0,r.pi)({className:"zent-tree-content",ref:d,"data-zv":"10.0.10"},{children:t}),void 0)}),void 0)},g={small:16,medium:20,large:24},b=function(e){function t(t){var n=e.call(this,t)||this;return n.setSelectKeyState=function(e,t){var r,i;null===(i=(r=n.props).onSelect)||void 0===i||i.call(r,e,t),n.isSelectControlled||n.setState({selectedKey:e.id})},n.state=(0,r.pi)({prevProps:t,loadingNode:[]},u(t)),n}return(0,r.ZT)(t,e),Object.defineProperty(t.prototype,"isSelectControlled",{get:function(){return"selectedKey"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"selectedKey",{get:function(){return this.isSelectControlled?this.props.selectedKey:this.state.selectedKey},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"disabledSelectedKeys",{get:function(){var e=this.props,t=e.disableSelectedStrictly,n=e.disabledSelectedKeys,r=this.state.rootInfoMap;if(!n||0===n.length)return[];if(!t)return n;var i=[];return n.forEach((function(e){i.push.apply(i,r[e].rootIncludeIds)})),i},enumerable:!1,configurable:!0}),t.getDerivedStateFromProps=function(e,t){var n,i,o,d,a=t.prevProps;if(e===a)return null;if(e.data!==a.data||e.renderKey!==a.renderKey||e.expandAll!==a.expandAll||e.loadMore!==a.loadMore){var s=u(e),l=s.expandNode;return e.expandAll===a.expandAll&&(n=s,i=t.expandNode,o=n.rootInfoMap,d=n.expandNode,i.forEach((function(e){-1===d.indexOf(e)&&o[e]&&d.push(e)})),l=d),(0,r.pi)((0,r.pi)({prevProps:e},s),{expandNode:l})}if(e.checkable){var c={};return a.disabledCheckedKeys!==e.disabledCheckedKeys&&(c.disabledNode=h(e.disabledCheckedKeys,t.rootInfoMap)),a.checkedKeys!==e.checkedKeys&&(c.checkedNode=h(e.checkedKeys,t.rootInfoMap,c.disabledNode||t.disabledNode),c.checkedNode=c.checkedNode.filter((function(e){return-1===t.disabledNode.indexOf(e)||t.checkedNode.indexOf(e)>-1}))),(0,r.pi)((0,r.pi)({},c),{prevProps:e})}return{prevProps:e}},t.prototype.handleExpandIconClick=function(e,t){var n=this,r=this.state.renderKey.id,i=this.props,o=i.loadMore;if(i.foldable){var d=this.state.loadingNode;if(o&&(!e.children||0===e.children.length)){t.persist();var a=d.concat(e[r]);return this.setState({loadingNode:a}),void o(e).then((function(){n.setState({loadingNode:a.filter((function(t){return t!==e[r]}))}),n.handleExpand(e)})).catch((function(){n.setState({loadingNode:a.filter((function(t){return t!==e[r]}))})}))}this.handleExpand(e)}},t.prototype.handleExpand=function(e){var t=this.props.onExpand,n=this.state.expandNode,r=e[this.state.renderKey.id],i=n.slice(),o=!0;n.indexOf(r)>-1?i=n.filter((function(e){return e!==r})):(o=!1,i.push(r)),this.setState({expandNode:i}),t&&t(e,{isExpanded:!o})},t.prototype.handleCheckboxClick=function(e){var t=this.props.onCheck,n=this.state,i=n.checkedNode,o=n.disabledNode,d=n.rootInfoMap,a=e[n.renderKey.id];i=i.indexOf(a)>-1?i.filter((function(e){return e!==a&&(o.indexOf(e)>-1||!(d[e].rootIncludeIds.indexOf(a)>-1)&&!(d[a].rootIncludeIds.indexOf(e)>-1))})):h((0,r.ev)([a],i),d,o);var s={currentRoot:e,disabled:o.map((function(e){return d[e].root})),all:[],top:[],bottom:[]};i.forEach((function(e){s.all.push(d[e].root),d[e].parentId&&-1!==i.indexOf(d[d[e].parentId].id)||s.top.push(d[e].root),(1===d[e].rootIncludeIds.length||d[e].rootIncludeIds.every((function(e){return-1===i.indexOf(e)})))&&s.bottom.push(d[e].root)})),t&&t(i,s)},t.prototype.renderSwitcher=function(e){var t=this,n=this.state,r=n.loadingNode,o=n.renderKey.id;return(0,i.jsx)(i.Fragment,{children:r.includes(e[o])?(0,i.jsx)(c.l,{loading:!0},void 0):(0,i.jsx)(f.Z,{className:"zent-tree-switcher",type:"right",onClick:function(n){n.stopPropagation(),t.handleExpandIconClick(e,n)}},void 0)},void 0)},t.prototype.renderContent=function(e,t){var n=this.state.renderKey.title,o=this.props,d=o.render,a=o.onlyShowOneLine;return(0,i.jsx)(x,(0,r.pi)({showPop:a},{children:d?d(e,t):e[n]}),void 0)},t.prototype.renderCheckbox=function(e){var t=this.props.checkable,n=this.state,r=n.checkedNode,o=n.disabledNode,d=n.rootInfoMap,a=n.renderKey;if(!t)return null;var s=e[a.id],c=r.indexOf(s)>-1,p=d[s].rootIncludeIds.filter((function(e){return-1===o.indexOf(e)})),h=!(c||!p.length||!p.some((function(e){return r.indexOf(e)>-1})));return(0,i.jsx)(l.ZP,{onChange:this.handleCheckboxClick.bind(this,e),checked:c,disabled:o.indexOf(s)>-1,indeterminate:h,width:e[a.title]},void 0)},t.prototype.renderOperations=function(e,t){var n=this.state.renderKey.id,o=this.props.operations;if(o){var d=o.map((function(o){return(o.shouldRender||function(){return!0})(e)&&(0,i.jsxs)("span",(0,r.pi)({onClick:o.action.bind(null,e,t),className:"zent-tree-operation","data-zv":"10.0.10"},{children:["string"==typeof o.icon?(0,i.jsx)("i",{className:o.icon,"data-zv":"10.0.10"},void 0):o.icon," ",o.name]}),o.name+"-"+e[n])}));return(0,i.jsx)("div",(0,r.pi)({className:"zent-tree-operation-container","data-zv":"10.0.10"},{children:d}),void 0)}return null},t.prototype.renderTreeNodes=function(e,t){var n=this;void 0===t&&(t=0);var o=this.props,d=o.autoExpandOnSelect,l=o.selectable,c=o.onlyShowOneLine,p=o.size,h=this.state,u=h.expandNode,f=h.rootInfoMap,y=h.renderKey,x=y.id,b=y.children;return e&&e.length>0?e.map((function(e){var o=e[x],h=o===n.selectedKey,y=n.disabledSelectedKeys.includes(o),m=u.indexOf(o)>-1,I=a()("zent-tree-bar",{"zent-tree-bar--off":!m,"zent-tree-bar--selected":h,"zent-tree-bar--disabled":y}),N=12*t+ +!f[o].isParent*g[p];return(0,i.jsxs)("li",(0,r.pi)({"data-zv":"10.0.10"},{children:[(0,i.jsxs)("div",(0,r.pi)({className:I,onClick:function(t){d&&n.handleExpand(e),l&&!y&&n.setSelectKeyState(e,t.currentTarget)},"data-zv":"10.0.10"},{children:[(0,i.jsx)("span",{className:"zent-tree-bar__indent",style:{width:N+"px"},"data-zv":"10.0.10"},void 0),f[o].isParent&&n.renderSwitcher(e),(0,i.jsxs)("div",(0,r.pi)({className:a()("zent-tree-node",{"zent-tree-node--one-line":c}),"data-zv":"10.0.10"},{children:[n.renderCheckbox(e),n.renderContent(e,m),n.renderOperations(e,m)]}),void 0)]}),void 0),e[b]&&e[b].length>0&&(0,i.jsx)(s.H,(0,r.pi)({appear:!0,duration:200,height:m?"auto":0,easing:m?v.AX:v.Kc},{children:(0,i.jsx)("ul",(0,r.pi)({className:"zent-tree-child","data-zv":"10.0.10"},{children:n.renderTreeNodes(e[b],t+1)}),"ul-"+o)}),void 0)]}),o)})):null},t.prototype.render=function(){var e,t=this.props,n=t.commonStyle,o=t.size,d=this.state.tree,s=a()("zent-tree",((e={})["zent-tree-"+o]="medium"!==o,e));return(0,i.jsx)("ul",(0,r.pi)({className:s,style:n,"data-zv":"10.0.10"},{children:this.renderTreeNodes(d)}),void 0)},t.defaultProps={autoExpandOnSelect:!1,dataType:"tree",foldable:!0,checkable:!1,selectable:!0,size:"medium"},t}(o.Component)},79737:(e,t,n)=>{"use strict";n.d(t,{H:()=>s});var r=n(59312),i=n(24246),o=n(27378),d=n(17127);function a(e,t){e.style.height="number"==typeof t?t+"px":t}var s=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.ref=(0,o.createRef)(),t.timer=null,t}return(0,r.ZT)(t,e),t.prototype.componentDidMount=function(){var e=this,t=this.props,n=t.appear,r=t.height,i=t.duration,o=this.ref.current;if(n&&"auto"===r){var s=o.offsetHeight;o.style.height="0px",(0,d.tA)((function(){e.props.height===r&&(o.style.height=s+"px",e.timer=setTimeout((function(){e.timer=null,e.props.height===r&&(o.style.height="auto")}),i))}))}else a(o,r)},t.prototype.componentDidUpdate=function(e){var t=this,n=this.props,r=n.height,i=n.duration;if(e.height!==r){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var o=this.ref.current;if("auto"===e.height)o.style.height=o.offsetHeight+"px",(0,d.tA)((function(){t.props.height===r&&a(o,r)}));else if("auto"===r){var s=o.offsetHeight;o.style.height="auto";var l=o.offsetHeight;o.style.height=s+"px",(0,d.tA)((function(){o.style.height=l+"px",t.timer=setTimeout((function(){t.timer=null,t.props.height===r&&(o.style.height=r)}),i)}))}else a(o,r)}},t.prototype.render=function(){var e=this.props,t=e.duration,n=e.className,o=e.style,d=e.easing,a=e.overflow,s=e.children,l=e.transitionPrototype;return(0,i.jsx)("div",(0,r.pi)({ref:this.ref,className:n,style:(0,r.pi)((0,r.pi)({},o),{transition:l+" "+t+"ms "+d,overflow:a}),"data-zv":"10.0.10"},{children:s}),void 0)},t.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},t}(o.Component)},98859:(e,t,n)=>{"use strict";n.d(t,{rc:()=>r,Kc:()=>i,AX:()=>o});var r="cubic-bezier(0.5, 0, 0.5, 0.1)",i="cubic-bezier(0.33, 1, 0.68, 1)",o="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file diff --git a/6638-8ae1bbec82860f376e55.js b/6638-8ae1bbec82860f376e55.js deleted file mode 100644 index 20f1632c6..000000000 --- a/6638-8ae1bbec82860f376e55.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6638],{56377:(e,t,n)=>{"use strict";n.d(t,{r:()=>l});var r=n(59312),i=n(24246),o=n(27378),d=n(60042),a=n.n(d),s=n(1348),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.toggle=function(){var e=t.props,n=e.onChange,r=e.checked;n&&n(!r)},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e,t=this.props,n=t.className,r=t.size,o=t.disabled,d=void 0===o?this.context.value:o,s=t.loading,l=t.checked,c=d||s,p=a()(((e={})["zent-switch-"+r]="default"!==r,e["zent-switch-disabled"]=c,e["zent-switch-loading"]=s,e["zent-switch-checked"]=l,e),"zent-switch",n);return(0,i.jsx)("div",{className:p,onClick:c?void 0:this.toggle,"data-zv":"10.0.9"},void 0)},t.defaultProps={size:"default"},t.contextType=s.d,t}(o.Component);t.Z=l},69916:(e,t,n)=>{"use strict";n.d(t,{m:()=>b});var r=n(59312),i=n(24246),o=n(27378),d=n(60042),a=n.n(d),s=n(79737),l=n(68150),c=n(20840),p={id:"id",title:"title",children:"children",parentId:"parentId"};function h(e,t,n,r){void 0===e&&(e=[]),void 0===n&&(n=[]);var i=[],o={};return e.forEach((function(e){if(t[e]){var d=r?t[e].rootIncludeIds:t[e].rootIncludeIds.filter((function(e){return-1===n.indexOf(e)}));i.push.apply(i,d),o[e]=!0}})),e.forEach((function(e){if(t[e])for(var r=t[e].parentId;r;)o[r]?r=void 0:t[r].son.every((function(e){return o[e]||n.indexOf(e)>-1}))?(o[r]=!0,r=t[r].parentId):r=void 0})),function(){for(var e=[],t=0;t0));a[i].isParent=c,c&&(t||r.expand)&&d.push(i),r[s]&&e({nodeTree:r[s],parentId:i}),void 0!==o&&a[o]&&(a[o].rootIncludeIds=a[o].rootIncludeIds.concat(a[i].rootIncludeIds))}))}({nodeTree:r,parentId:void 0}),{rootInfoMap:a,expandNode:d}}({expandAll:d,checkable:s,loadMore:a,tree:b,renderKey:v}),N=I.rootInfoMap,k=I.expandNode,z=s?h(c,N):c,K=s?h(f,N,z,!0):f;return{tree:b,renderKey:v,rootInfoMap:N,expandNode:k,checkedNode:K,disabledNode:z}}var f=n(27036),v=n(98859),y=n(85883),x=function(e){var t=e.children,n=e.showPop,d=(0,o.useRef)(null),a=(0,o.useState)(!1),s=a[0],l=a[1],c=(0,o.useState)(!1),p=c[0],h=c[1];return(0,o.useEffect)((function(){if(d.current){var e=d.current,t=e.scrollWidth,n=e.clientWidth;l(t>n)}}),[d]),(0,i.jsx)(y.Z,(0,r.pi)({centerArrow:!0,content:t,visible:p,position:"top-left",onVisibleChange:function(e){return h(e)},trigger:n&&s?"hover":"none"},{children:(0,i.jsx)("span",(0,r.pi)({className:"zent-tree-content",ref:d,"data-zv":"10.0.9"},{children:t}),void 0)}),void 0)},g={small:16,medium:20,large:24},b=function(e){function t(t){var n=e.call(this,t)||this;return n.setSelectKeyState=function(e,t){var r,i;null===(i=(r=n.props).onSelect)||void 0===i||i.call(r,e,t),n.isSelectControlled||n.setState({selectedKey:e.id})},n.state=(0,r.pi)({prevProps:t,loadingNode:[]},u(t)),n}return(0,r.ZT)(t,e),Object.defineProperty(t.prototype,"isSelectControlled",{get:function(){return"selectedKey"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"selectedKey",{get:function(){return this.isSelectControlled?this.props.selectedKey:this.state.selectedKey},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"disabledSelectedKeys",{get:function(){var e=this.props,t=e.disableSelectedStrictly,n=e.disabledSelectedKeys,r=this.state.rootInfoMap;if(!n||0===n.length)return[];if(!t)return n;var i=[];return n.forEach((function(e){i.push.apply(i,r[e].rootIncludeIds)})),i},enumerable:!1,configurable:!0}),t.getDerivedStateFromProps=function(e,t){var n,i,o,d,a=t.prevProps;if(e===a)return null;if(e.data!==a.data||e.renderKey!==a.renderKey||e.expandAll!==a.expandAll||e.loadMore!==a.loadMore){var s=u(e),l=s.expandNode;return e.expandAll===a.expandAll&&(n=s,i=t.expandNode,o=n.rootInfoMap,d=n.expandNode,i.forEach((function(e){-1===d.indexOf(e)&&o[e]&&d.push(e)})),l=d),(0,r.pi)((0,r.pi)({prevProps:e},s),{expandNode:l})}if(e.checkable){var c={};return a.disabledCheckedKeys!==e.disabledCheckedKeys&&(c.disabledNode=h(e.disabledCheckedKeys,t.rootInfoMap)),a.checkedKeys!==e.checkedKeys&&(c.checkedNode=h(e.checkedKeys,t.rootInfoMap,c.disabledNode||t.disabledNode),c.checkedNode=c.checkedNode.filter((function(e){return-1===t.disabledNode.indexOf(e)||t.checkedNode.indexOf(e)>-1}))),(0,r.pi)((0,r.pi)({},c),{prevProps:e})}return{prevProps:e}},t.prototype.handleExpandIconClick=function(e,t){var n=this,r=this.state.renderKey.id,i=this.props,o=i.loadMore;if(i.foldable){var d=this.state.loadingNode;if(o&&(!e.children||0===e.children.length)){t.persist();var a=d.concat(e[r]);return this.setState({loadingNode:a}),void o(e).then((function(){n.setState({loadingNode:a.filter((function(t){return t!==e[r]}))}),n.handleExpand(e)})).catch((function(){n.setState({loadingNode:a.filter((function(t){return t!==e[r]}))})}))}this.handleExpand(e)}},t.prototype.handleExpand=function(e){var t=this.props.onExpand,n=this.state.expandNode,r=e[this.state.renderKey.id],i=n.slice(),o=!0;n.indexOf(r)>-1?i=n.filter((function(e){return e!==r})):(o=!1,i.push(r)),this.setState({expandNode:i}),t&&t(e,{isExpanded:!o})},t.prototype.handleCheckboxClick=function(e){var t=this.props.onCheck,n=this.state,i=n.checkedNode,o=n.disabledNode,d=n.rootInfoMap,a=e[n.renderKey.id];i=i.indexOf(a)>-1?i.filter((function(e){return e!==a&&(o.indexOf(e)>-1||!(d[e].rootIncludeIds.indexOf(a)>-1)&&!(d[a].rootIncludeIds.indexOf(e)>-1))})):h((0,r.ev)([a],i),d,o);var s={currentRoot:e,disabled:o.map((function(e){return d[e].root})),all:[],top:[],bottom:[]};i.forEach((function(e){s.all.push(d[e].root),d[e].parentId&&-1!==i.indexOf(d[d[e].parentId].id)||s.top.push(d[e].root),(1===d[e].rootIncludeIds.length||d[e].rootIncludeIds.every((function(e){return-1===i.indexOf(e)})))&&s.bottom.push(d[e].root)})),t&&t(i,s)},t.prototype.renderSwitcher=function(e){var t=this,n=this.state,r=n.loadingNode,o=n.renderKey.id;return(0,i.jsx)(i.Fragment,{children:r.includes(e[o])?(0,i.jsx)(c.l,{loading:!0},void 0):(0,i.jsx)(f.Z,{className:"zent-tree-switcher",type:"right",onClick:function(n){n.stopPropagation(),t.handleExpandIconClick(e,n)}},void 0)},void 0)},t.prototype.renderContent=function(e,t){var n=this.state.renderKey.title,o=this.props,d=o.render,a=o.onlyShowOneLine;return(0,i.jsx)(x,(0,r.pi)({showPop:a},{children:d?d(e,t):e[n]}),void 0)},t.prototype.renderCheckbox=function(e){var t=this.props.checkable,n=this.state,r=n.checkedNode,o=n.disabledNode,d=n.rootInfoMap,a=n.renderKey;if(!t)return null;var s=e[a.id],c=r.indexOf(s)>-1,p=d[s].rootIncludeIds.filter((function(e){return-1===o.indexOf(e)})),h=!(c||!p.length||!p.some((function(e){return r.indexOf(e)>-1})));return(0,i.jsx)(l.ZP,{onChange:this.handleCheckboxClick.bind(this,e),checked:c,disabled:o.indexOf(s)>-1,indeterminate:h,width:e[a.title]},void 0)},t.prototype.renderOperations=function(e,t){var n=this.state.renderKey.id,o=this.props.operations;if(o){var d=o.map((function(o){return(o.shouldRender||function(){return!0})(e)&&(0,i.jsxs)("span",(0,r.pi)({onClick:o.action.bind(null,e,t),className:"zent-tree-operation","data-zv":"10.0.9"},{children:["string"==typeof o.icon?(0,i.jsx)("i",{className:o.icon,"data-zv":"10.0.9"},void 0):o.icon," ",o.name]}),o.name+"-"+e[n])}));return(0,i.jsx)("div",(0,r.pi)({className:"zent-tree-operation-container","data-zv":"10.0.9"},{children:d}),void 0)}return null},t.prototype.renderTreeNodes=function(e,t){var n=this;void 0===t&&(t=0);var o=this.props,d=o.autoExpandOnSelect,l=o.selectable,c=o.onlyShowOneLine,p=o.size,h=this.state,u=h.expandNode,f=h.rootInfoMap,y=h.renderKey,x=y.id,b=y.children;return e&&e.length>0?e.map((function(e){var o=e[x],h=o===n.selectedKey,y=n.disabledSelectedKeys.includes(o),m=u.indexOf(o)>-1,I=a()("zent-tree-bar",{"zent-tree-bar--off":!m,"zent-tree-bar--selected":h,"zent-tree-bar--disabled":y}),N=12*t+ +!f[o].isParent*g[p];return(0,i.jsxs)("li",(0,r.pi)({"data-zv":"10.0.9"},{children:[(0,i.jsxs)("div",(0,r.pi)({className:I,onClick:function(t){d&&n.handleExpand(e),l&&!y&&n.setSelectKeyState(e,t.currentTarget)},"data-zv":"10.0.9"},{children:[(0,i.jsx)("span",{className:"zent-tree-bar__indent",style:{width:N+"px"},"data-zv":"10.0.9"},void 0),f[o].isParent&&n.renderSwitcher(e),(0,i.jsxs)("div",(0,r.pi)({className:a()("zent-tree-node",{"zent-tree-node--one-line":c}),"data-zv":"10.0.9"},{children:[n.renderCheckbox(e),n.renderContent(e,m),n.renderOperations(e,m)]}),void 0)]}),void 0),e[b]&&e[b].length>0&&(0,i.jsx)(s.H,(0,r.pi)({appear:!0,duration:200,height:m?"auto":0,easing:m?v.AX:v.Kc},{children:(0,i.jsx)("ul",(0,r.pi)({className:"zent-tree-child","data-zv":"10.0.9"},{children:n.renderTreeNodes(e[b],t+1)}),"ul-"+o)}),void 0)]}),o)})):null},t.prototype.render=function(){var e,t=this.props,n=t.commonStyle,o=t.size,d=this.state.tree,s=a()("zent-tree",((e={})["zent-tree-"+o]="medium"!==o,e));return(0,i.jsx)("ul",(0,r.pi)({className:s,style:n,"data-zv":"10.0.9"},{children:this.renderTreeNodes(d)}),void 0)},t.defaultProps={autoExpandOnSelect:!1,dataType:"tree",foldable:!0,checkable:!1,selectable:!0,size:"medium"},t}(o.Component)},79737:(e,t,n)=>{"use strict";n.d(t,{H:()=>s});var r=n(59312),i=n(24246),o=n(27378),d=n(17127);function a(e,t){e.style.height="number"==typeof t?t+"px":t}var s=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.ref=(0,o.createRef)(),t.timer=null,t}return(0,r.ZT)(t,e),t.prototype.componentDidMount=function(){var e=this,t=this.props,n=t.appear,r=t.height,i=t.duration,o=this.ref.current;if(n&&"auto"===r){var s=o.offsetHeight;o.style.height="0px",(0,d.tA)((function(){e.props.height===r&&(o.style.height=s+"px",e.timer=setTimeout((function(){e.timer=null,e.props.height===r&&(o.style.height="auto")}),i))}))}else a(o,r)},t.prototype.componentDidUpdate=function(e){var t=this,n=this.props,r=n.height,i=n.duration;if(e.height!==r){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var o=this.ref.current;if("auto"===e.height)o.style.height=o.offsetHeight+"px",(0,d.tA)((function(){t.props.height===r&&a(o,r)}));else if("auto"===r){var s=o.offsetHeight;o.style.height="auto";var l=o.offsetHeight;o.style.height=s+"px",(0,d.tA)((function(){o.style.height=l+"px",t.timer=setTimeout((function(){t.timer=null,t.props.height===r&&(o.style.height=r)}),i)}))}else a(o,r)}},t.prototype.render=function(){var e=this.props,t=e.duration,n=e.className,o=e.style,d=e.easing,a=e.overflow,s=e.children,l=e.transitionPrototype;return(0,i.jsx)("div",(0,r.pi)({ref:this.ref,className:n,style:(0,r.pi)((0,r.pi)({},o),{transition:l+" "+t+"ms "+d,overflow:a}),"data-zv":"10.0.9"},{children:s}),void 0)},t.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},t}(o.Component)},98859:(e,t,n)=>{"use strict";n.d(t,{rc:()=>r,Kc:()=>i,AX:()=>o});var r="cubic-bezier(0.5, 0, 0.5, 0.1)",i="cubic-bezier(0.33, 1, 0.68, 1)",o="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file diff --git a/6823-bb5382e8311f1ff6bb58.js b/6823-5f59015197e644c77f38.js similarity index 93% rename from 6823-bb5382e8311f1ff6bb58.js rename to 6823-5f59015197e644c77f38.js index 082532967..49a047d02 100644 --- a/6823-bb5382e8311f1ff6bb58.js +++ b/6823-5f59015197e644c77f38.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6823],{16823:(a,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>b});var t=s(73450),p=s(27378),e=s(57318),c=s(2366),o=s(32925),l=s(24246);function u(a,n){var s=Object.keys(a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(a);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable}))),s.push.apply(s,t)}return s}function r(a){for(var n=1;n{this.setState({showCode:!this.state.showCode})}))}render(){var a=this.state.showCode,n=this.props,s=n.title,t=n.src,p=n.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(a?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),a&&(0,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(m,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var a=location.hash;if(a){var n=document.querySelector('a[href="'.concat(a,'"]'));n&&(0,e.l)(document.documentElement,0,h(n,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:".zent-avatar-list {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-top: 10px;\n\talign-items: center\n}\n.zent-avatar-list:first-child {\n\tmargin-top: 0;\n}\n.zent-avatar-list .zent-avatar:not(:last-child),\n\t.zent-avatar-list .zent-badge:not(:last-child) {\n\t\tmargin-right: 10px\n}"}),p.createElement(g,{html:'

Avatar

\n

Represent a person or a thing, supports icons, images or character.

\n

Demos

'}),p.createElement(f,{title:"Basic usage",id:"Demobasic",src:'import { Avatar } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-avatar-list">\n <Avatar size="small">Y</Avatar>\n <Avatar size="small" icon="customer" />\n <Avatar\n size="small"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n <Avatar size="small" shape="square">Y</Avatar>\n <Avatar size="small" shape="square" icon="customer" />\n <Avatar\n size="small"\n shape="square"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n </div>\n <div className="zent-avatar-list">\n <Avatar>Y</Avatar>\n <Avatar icon="customer" />\n <Avatar\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n <Avatar shape="square">Y</Avatar>\n <Avatar shape="square" icon="customer" />\n <Avatar\n shape="square"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n </div>\n <div className="zent-avatar-list">\n <Avatar size="large" >Y</Avatar>\n <Avatar size="large" icon="customer" />\n <Avatar\n size="large"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n <Avatar size="large" shape="square">Y</Avatar>\n <Avatar size="large" shape="square" icon="customer" />\n <Avatar\n size="large"\n shape="square"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n </div>\n </div>\n , mountNode\n);'},p.createElement(i)),p.createElement(f,{title:"Fit text automatically",id:"Demotext",src:'import { Avatar } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-avatar-list">\n <Avatar>MJ</Avatar>\n <Avatar>Billie</Avatar>\n <Avatar>Jean</Avatar>\n\n <Avatar shape="square">MJ</Avatar>\n <Avatar shape="square">Beat</Avatar>\n <Avatar shape="square">It</Avatar>\n </div>\n </div>\n , mountNode\n);'},p.createElement(k)),p.createElement(f,{title:"Custom styles",id:"Democustom",src:'import { Avatar, Badge } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-avatar-list">\n <Avatar style={{ backgroundColor: \'#a1b56c\' }}>MJ</Avatar>\n <Avatar style={{ backgroundColor: \'#f7ca88\' }}>Billie</Avatar>\n <Avatar style={{ backgroundColor: \'#ab4642\' }}>Jean</Avatar>\n\n <Badge dot>\n <Avatar style={{ backgroundColor: \'#ba8baf\' }}>MJ</Avatar>\n </Badge>\n\n <Badge count={3}>\n <Avatar style={{ backgroundColor: \'#7cafc2\' }}>Beat</Avatar>\n </Badge>\n <Avatar\n size={48}\n style={{ fontSize: 30, backgroundColor: \'#e8e8e8\', color: \'#dc9656\' }}\n >\n IT\n </Avatar>\n </div>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(g,{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
PropertyDescriptionTypeRequiredDefaultAlternative
shapeAvatar shape, circle or squarestringNo\'circle\'\'square\'
sizeAvatar size, can be a preset or an arbitrary numberstring\n \n|\n \nnumberNo\'default\'\'small\'\n \n|\n \n\'large\'\n \n|\n pixel value
iconIcon namestringNo
srcImage urlstringNo
childrenText contentstringNo
borderedShow borderboolNofalsetrue
styleCustom stylesobjectNo
classNameCustom class namestringNO
\n

WARNING：icon, src and children are mutual exclusive，using more than one at the same time is undefined behavior.

'}))}}},2366:(a,n,s)=>{"use strict";s.d(n,{q:()=>i});var t=s(59312),p=s(24246),e=s(27378),c=s(60042),o=s.n(c),l=s(27036),u={},r={opacity:0},i=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.textNodeRef=(0,e.createRef)(),n.avatarNodeRef=(0,e.createRef)(),n.state={textScale:1,textReady:!1},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a=this.props,n=a.size,s=a.shape,e=a.src,c=a.icon,i=a.children,k=a.bordered,d=a.style,m=a.className,g=!!e,v=!!i,h=o()("zent-avatar",m,{"zent-avatar--size-large":"large"===n,"zent-avatar--size-default":"default"===n,"zent-avatar--size-small":"small"===n,"zent-avatar--shape-circle":"circle"===s,"zent-avatar--shape-square":"square"===s,"zent-avatar--type-icon":!!c,"zent-avatar--type-image":g,"zent-avatar--type-string":v,"zent-avatar--bordered":k});if(g)return(0,p.jsx)("span",(0,t.pi)({style:d,className:h,"data-zv":"10.0.9"},{children:(0,p.jsx)("img",{className:"zent-avatar-image",src:e,alt:"avatar","data-zv":"10.0.9"},void 0)}),void 0);if(c)return(0,p.jsx)("span",(0,t.pi)({style:d,className:h,"data-zv":"10.0.9"},{children:(0,p.jsx)(l.Z,{type:c},void 0)}),void 0);var f=this.state,b=f.textScale,y=f.textReady,z=this.textNodeRef.current,q=u;if(y&&z)if(1===b)q=u;else{var x="scale("+b+")";q={msTransform:x,WebkitTransform:x,MozTransform:x,transform:x,position:"absolute",display:"inline-block",left:"calc(50% - "+Math.floor(z.offsetWidth/2)+"px)"}}else q=r;var j="number"==typeof n?(0,t.pi)({width:n+"px",height:n+"px",lineHeight:n+"px"},d):d;return(0,p.jsx)("span",(0,t.pi)({style:j,className:h,ref:this.avatarNodeRef,"data-zv":"10.0.9"},{children:(0,p.jsx)("span",(0,t.pi)({className:"zent-avatar-string",style:q,ref:this.textNodeRef,"data-zv":"10.0.9"},{children:i}),void 0)}),void 0)},n.prototype.componentDidMount=function(){this.updateTextScale()},n.getDerivedStateFromProps=function(a,n){var s=a.children;return s!==n.prevChildren?{textReady:!1,prevChildren:s}:null},n.prototype.componentDidUpdate=function(a){a.children!==this.props.children&&this.updateTextScale()},n.prototype.updateTextScale=function(){if(this.props.children){var a=function(a,n){if(!a||!n)return 1;var s=a.getBoundingClientRect().width,t=n.offsetWidth,p=s-6;return p>t?1:p/t}(this.avatarNodeRef.current,this.textNodeRef.current);this.setState({textScale:a,textReady:!0})}},n.defaultProps={shape:"circle",size:"default",bordered:!1},n}(e.Component)},32925:(a,n,s)=>{"use strict";s.d(n,{C:()=>u});var t=s(59312),p=s(24246),e=s(27378),c=s(60042),o=s.n(c),l={},u=function(a){function n(){return null!==a&&a.apply(this,arguments)||this}return(0,t.ZT)(n,a),n.prototype.renderCount=function(){var a=this.props,n=a.count,s=a.maxCount,e=a.dot,c=a.showZero,o=a.offset,u=a.style,r=Array.isArray(o)&&2===o.length?{right:o[0],top:o[1]}:l,i=u?(0,t.pi)((0,t.pi)({},u),r):r;return e?(0,p.jsx)("span",{className:"zent-badge-dot",style:i,"data-zv":"10.0.9"},void 0):n>0||0===n&&c?(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count",style:i,"data-zv":"10.0.9"},{children:(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count-num","data-zv":"10.0.9"},{children:n>s?s+"+":n}),void 0)}),void 0):null},n.prototype.render=function(){var a,n=this.props,s=n.className,e=n.children,c=o()(((a={"zent-badge":!0,"zent-badge--has-content":e,"zent-badge--no-content":!e})[s]=!!s,a["zent-badge-none-cont"]=!e,a));return(0,p.jsxs)("div",(0,t.pi)({className:c,"data-zv":"10.0.9"},{children:[e?(0,p.jsx)("div",(0,t.pi)({className:"zent-badge-content","data-zv":"10.0.9"},{children:e}),void 0):null,this.renderCount()]}),void 0)},n.defaultProps={count:0,maxCount:99,dot:!1,showZero:!1,className:""},n}(e.PureComponent)}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6823],{16823:(a,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>b});var t=s(73450),p=s(27378),e=s(57318),c=s(2366),o=s(32925),l=s(24246);function u(a,n){var s=Object.keys(a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(a);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable}))),s.push.apply(s,t)}return s}function r(a){for(var n=1;n{this.setState({showCode:!this.state.showCode})}))}render(){var a=this.state.showCode,n=this.props,s=n.title,t=n.src,p=n.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(a?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),a&&(0,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(m,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var a=location.hash;if(a){var n=document.querySelector('a[href="'.concat(a,'"]'));n&&(0,e.l)(document.documentElement,0,h(n,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:".zent-avatar-list {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-top: 10px;\n\talign-items: center\n}\n.zent-avatar-list:first-child {\n\tmargin-top: 0;\n}\n.zent-avatar-list .zent-avatar:not(:last-child),\n\t.zent-avatar-list .zent-badge:not(:last-child) {\n\t\tmargin-right: 10px\n}"}),p.createElement(g,{html:'

Avatar

\n

Represent a person or a thing, supports icons, images or character.

\n

Demos

'}),p.createElement(f,{title:"Basic usage",id:"Demobasic",src:'import { Avatar } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-avatar-list">\n <Avatar size="small">Y</Avatar>\n <Avatar size="small" icon="customer" />\n <Avatar\n size="small"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n <Avatar size="small" shape="square">Y</Avatar>\n <Avatar size="small" shape="square" icon="customer" />\n <Avatar\n size="small"\n shape="square"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n </div>\n <div className="zent-avatar-list">\n <Avatar>Y</Avatar>\n <Avatar icon="customer" />\n <Avatar\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n <Avatar shape="square">Y</Avatar>\n <Avatar shape="square" icon="customer" />\n <Avatar\n shape="square"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n </div>\n <div className="zent-avatar-list">\n <Avatar size="large" >Y</Avatar>\n <Avatar size="large" icon="customer" />\n <Avatar\n size="large"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n <Avatar size="large" shape="square">Y</Avatar>\n <Avatar size="large" shape="square" icon="customer" />\n <Avatar\n size="large"\n shape="square"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n </div>\n </div>\n , mountNode\n);'},p.createElement(i)),p.createElement(f,{title:"Fit text automatically",id:"Demotext",src:'import { Avatar } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-avatar-list">\n <Avatar>MJ</Avatar>\n <Avatar>Billie</Avatar>\n <Avatar>Jean</Avatar>\n\n <Avatar shape="square">MJ</Avatar>\n <Avatar shape="square">Beat</Avatar>\n <Avatar shape="square">It</Avatar>\n </div>\n </div>\n , mountNode\n);'},p.createElement(k)),p.createElement(f,{title:"Custom styles",id:"Democustom",src:'import { Avatar, Badge } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-avatar-list">\n <Avatar style={{ backgroundColor: \'#a1b56c\' }}>MJ</Avatar>\n <Avatar style={{ backgroundColor: \'#f7ca88\' }}>Billie</Avatar>\n <Avatar style={{ backgroundColor: \'#ab4642\' }}>Jean</Avatar>\n\n <Badge dot>\n <Avatar style={{ backgroundColor: \'#ba8baf\' }}>MJ</Avatar>\n </Badge>\n\n <Badge count={3}>\n <Avatar style={{ backgroundColor: \'#7cafc2\' }}>Beat</Avatar>\n </Badge>\n <Avatar\n size={48}\n style={{ fontSize: 30, backgroundColor: \'#e8e8e8\', color: \'#dc9656\' }}\n >\n IT\n </Avatar>\n </div>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(g,{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
PropertyDescriptionTypeRequiredDefaultAlternative
shapeAvatar shape, circle or squarestringNo\'circle\'\'square\'
sizeAvatar size, can be a preset or an arbitrary numberstring\n \n|\n \nnumberNo\'default\'\'small\'\n \n|\n \n\'large\'\n \n|\n pixel value
iconIcon namestringNo
srcImage urlstringNo
childrenText contentstringNo
borderedShow borderboolNofalsetrue
styleCustom stylesobjectNo
classNameCustom class namestringNO
\n

WARNING：icon, src and children are mutual exclusive，using more than one at the same time is undefined behavior.

'}))}}},2366:(a,n,s)=>{"use strict";s.d(n,{q:()=>i});var t=s(59312),p=s(24246),e=s(27378),c=s(60042),o=s.n(c),l=s(27036),u={},r={opacity:0},i=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.textNodeRef=(0,e.createRef)(),n.avatarNodeRef=(0,e.createRef)(),n.state={textScale:1,textReady:!1},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a=this.props,n=a.size,s=a.shape,e=a.src,c=a.icon,i=a.children,k=a.bordered,d=a.style,m=a.className,g=!!e,v=!!i,h=o()("zent-avatar",m,{"zent-avatar--size-large":"large"===n,"zent-avatar--size-default":"default"===n,"zent-avatar--size-small":"small"===n,"zent-avatar--shape-circle":"circle"===s,"zent-avatar--shape-square":"square"===s,"zent-avatar--type-icon":!!c,"zent-avatar--type-image":g,"zent-avatar--type-string":v,"zent-avatar--bordered":k});if(g)return(0,p.jsx)("span",(0,t.pi)({style:d,className:h,"data-zv":"10.0.10"},{children:(0,p.jsx)("img",{className:"zent-avatar-image",src:e,alt:"avatar","data-zv":"10.0.10"},void 0)}),void 0);if(c)return(0,p.jsx)("span",(0,t.pi)({style:d,className:h,"data-zv":"10.0.10"},{children:(0,p.jsx)(l.Z,{type:c},void 0)}),void 0);var f=this.state,b=f.textScale,y=f.textReady,z=this.textNodeRef.current,q=u;if(y&&z)if(1===b)q=u;else{var x="scale("+b+")";q={msTransform:x,WebkitTransform:x,MozTransform:x,transform:x,position:"absolute",display:"inline-block",left:"calc(50% - "+Math.floor(z.offsetWidth/2)+"px)"}}else q=r;var j="number"==typeof n?(0,t.pi)({width:n+"px",height:n+"px",lineHeight:n+"px"},d):d;return(0,p.jsx)("span",(0,t.pi)({style:j,className:h,ref:this.avatarNodeRef,"data-zv":"10.0.10"},{children:(0,p.jsx)("span",(0,t.pi)({className:"zent-avatar-string",style:q,ref:this.textNodeRef,"data-zv":"10.0.10"},{children:i}),void 0)}),void 0)},n.prototype.componentDidMount=function(){this.updateTextScale()},n.getDerivedStateFromProps=function(a,n){var s=a.children;return s!==n.prevChildren?{textReady:!1,prevChildren:s}:null},n.prototype.componentDidUpdate=function(a){a.children!==this.props.children&&this.updateTextScale()},n.prototype.updateTextScale=function(){if(this.props.children){var a=function(a,n){if(!a||!n)return 1;var s=a.getBoundingClientRect().width,t=n.offsetWidth,p=s-6;return p>t?1:p/t}(this.avatarNodeRef.current,this.textNodeRef.current);this.setState({textScale:a,textReady:!0})}},n.defaultProps={shape:"circle",size:"default",bordered:!1},n}(e.Component)},32925:(a,n,s)=>{"use strict";s.d(n,{C:()=>u});var t=s(59312),p=s(24246),e=s(27378),c=s(60042),o=s.n(c),l={},u=function(a){function n(){return null!==a&&a.apply(this,arguments)||this}return(0,t.ZT)(n,a),n.prototype.renderCount=function(){var a=this.props,n=a.count,s=a.maxCount,e=a.dot,c=a.showZero,o=a.offset,u=a.style,r=Array.isArray(o)&&2===o.length?{right:o[0],top:o[1]}:l,i=u?(0,t.pi)((0,t.pi)({},u),r):r;return e?(0,p.jsx)("span",{className:"zent-badge-dot",style:i,"data-zv":"10.0.10"},void 0):n>0||0===n&&c?(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count",style:i,"data-zv":"10.0.10"},{children:(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count-num","data-zv":"10.0.10"},{children:n>s?s+"+":n}),void 0)}),void 0):null},n.prototype.render=function(){var a,n=this.props,s=n.className,e=n.children,c=o()(((a={"zent-badge":!0,"zent-badge--has-content":e,"zent-badge--no-content":!e})[s]=!!s,a["zent-badge-none-cont"]=!e,a));return(0,p.jsxs)("div",(0,t.pi)({className:c,"data-zv":"10.0.10"},{children:[e?(0,p.jsx)("div",(0,t.pi)({className:"zent-badge-content","data-zv":"10.0.10"},{children:e}),void 0):null,this.renderCount()]}),void 0)},n.defaultProps={count:0,maxCount:99,dot:!1,showZero:!1,className:""},n}(e.PureComponent)}}]); \ No newline at end of file diff --git a/6874-e38aca165f1d63d58646.js b/6874-8a289a7962e780708062.js similarity index 53% rename from 6874-e38aca165f1d63d58646.js rename to 6874-8a289a7962e780708062.js index e6c8027c7..59df549ba 100644 --- a/6874-e38aca165f1d63d58646.js +++ b/6874-8a289a7962e780708062.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6874],{36874:(t,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>v});var s=e(73450),a=e(27378),o=e(57318),r=e(15196),i=e(24246);function c(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);n&&(s=s.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,s)}return e}function l(t){for(var n=1;n{this.setState({showCode:!this.state.showCode})}))}render(){var t=this.state.showCode,n=this.props,e=n.title,s=n.src,a=n.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:a}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:e||""})}),(0,i.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(t?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),t&&(0,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(d,{tag:"code",html:s,attributes:{className:"language-jsx"}})})]})}}class v extends a.Component{componentDidMount(){var t=location.hash;if(t){var n=document.querySelector('a[href="'.concat(t,'"]'));n&&(0,o.l)(document.documentElement,0,m(n,-9))}}render(){return a.createElement("div",{className:"zandoc-react-container"},a.createElement(h,{style:".zent-banner-example {\n\tcolor: #fff;\n\tfont-size: 18px;\n\tfont-weight: 500;\n\theight: 20px;\n}\n.zent-banner-example-highlight {\n\tcolor: #FFDD5D;\n\tfont-weight: 400;\n\tfont-size: 28px;\n\tmargin: 0 2px;\n\tvertical-align: middle;\n}"}),a.createElement(u,{html:'

Banner 公告

\n

向用户传递推广信息

\n

建议

\n
    \n
  • 使用：用于向用户传递产品推广信息。公告会一直存在，直到被用户处理或关闭；
    • \n
  • 位置：公告通常位于页面内容区容器上方，导航栏下方，随内容区宽度自适应；
    • \n
\n

注意

\n
    \n
  • 仅在必要时使用公告，且应将公告限制在与之内容相关的任务界面中。频繁使用可能会导致用户对公告的注意力下降；
    • \n
  • 禁止多条公告叠加。如单个页面存在多条公告，仅展示优先级最高的公告内容；
    • \n
\n

代码演示

'}),a.createElement(g,{title:"基础用法",id:"Demo1",src:'import { Banner } from \'zent\';\n\nconst IMG =\n \'https://img01.yzcdn.cn/upload_files/2021/11/25/FtAGwcqfZIngtd1uXYIuIND58IeU.png\';\n\nReactDOM.render(\n <div className="zent-alert-example">\n <Banner backgroundImage={IMG} closeIconColor="white">\n <div className="zent-banner-example">\n 有赞联合QQ百家扶持计划，帮你触达\n <span className="zent-banner-example-highlight">6</span>\n 亿月活的全新流量\n </div>\n </Banner>\n </div>,\n mountNode\n);'},a.createElement(p)),a.createElement(u,{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
参数说明类型是否必须默认值备选值
backgroundImage背景图片string否
closeIconColor自定义 close 颜色string否\'grey\'\n|\n\'white\'\n|\n \nstring
closable是否可以关闭boolean否truefalse
\n

Banner 组件基于 Alert 实现，更多属性请参考 Alert 文档

'}))}}},82010:(t,n,e)=>{"use strict";e.d(n,{b:()=>h});var s=e(59312),a=e(24246),o=e(60042),r=e.n(o),i=e(27378),c=e(8434),l=e(78486),p=e(78513),d=["outline","closed","onClose"],u=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],h=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.state={closed:!1},n.onCloseHandler=function(){n.isControlled||n.setState({closed:!0}),n.props.onClose&&n.props.onClose()},n}return(0,s.ZT)(n,t),Object.defineProperty(n.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),n.prototype.render=function(){var t;if(this.closed)return null;var n=(0,p.Z)(this.props,u),e=n.className,o=n.type,i=n.outline,h=n.bordered,m=n.progress,g=(0,s._T)(n,["className","type","outline","bordered","progress"]),v=(0,p.Z)(this.props,d),f=r()("zent-alert","zent-alert-style-"+o,e,((t={})["zent-alert-outline"]=i,t["zent-alert--borderless"]=!h,t));return(0,a.jsxs)("div",(0,s.pi)({className:f},g,{"data-zv":"10.0.9"},{children:[!!m&&(0,a.jsx)(c.E,{className:"zent-alert__progress",percent:m,showInfo:!1,strokeWidth:2},void 0),(0,a.jsx)(l.Z,(0,s.pi)({},v,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},n.highlightClassName="zent-alert-item-content__highlight",n.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},n}(i.PureComponent)},78486:(t,n,e)=>{"use strict";var s=e(59312),a=e(24246),o=e(27378),r=e(60042),i=e.n(r),c=e(27036),l=e(20840),p={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},d=(0,o.forwardRef)((function(t,n){var e=t.extraContent,r=t.classItemName,d=t.title,u=t.description,h=t.children,m=t.loading,g=t.type,v=t.closable,f=t.icon,k=t.closeIconColor,z=t.closeContent,y=t.onAlertItemClose,j=(0,o.useRef)(t);j.current=t;var x=(0,o.useMemo)((function(){return h||(0,a.jsxs)(a.Fragment,{children:[d&&(0,a.jsx)("h3",(0,s.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.9"},{children:d}),void 0),u&&(0,a.jsx)("p",(0,s.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.9"},{children:u}),void 0)]},void 0)}),[h,u,d]),b=(0,o.useMemo)((function(){var t=j.current.onClose,n=k?{color:k}:{};return v?(0,a.jsx)("div",(0,s.pi)({className:"zent-alert-item-close-wrapper",onClick:function(n){null==t||t(),y&&y(),n.stopPropagation()},"data-zv":"10.0.9"},{children:null!=z?z:(0,a.jsx)(c.Z,{type:"close",className:"zent-alert-item-close-btn",style:n},void 0)}),void 0):null}),[v,z,k,y]),N=(0,o.useMemo)((function(){return m?(0,a.jsx)(l.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===f||!1===f?null:f?(0,a.jsx)("span",(0,s.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.9"},{children:f}),void 0):g in p?(0,a.jsx)(c.Z,{className:"zent-alert-item-icon",type:p[g]},void 0):null}),[m,g,f]);return(0,a.jsxs)("div",(0,s.pi)({className:i()("zent-alert-item",r),ref:n,"data-zv":"10.0.9"},{children:[N,(0,a.jsx)("div",(0,s.pi)({className:"zent-alert-item-content","data-zv":"10.0.9"},{children:x}),void 0),e&&(0,a.jsx)("div",(0,s.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.9"},{children:e}),void 0),b]}),void 0)}));d.displayName="AlertItem",n.Z=d},15196:(t,n,e)=>{"use strict";e.d(n,{j:()=>p});var s=e(59312),a=e(24246),o=e(27378),r=e(60042),i=e.n(r),c=e(82010),l={grey:"#999",white:"#fff"},p=function(t){var n=t.backgroundImage,e=t.closeIconColor,r=t.style,p=void 0===r?{}:r,d=t.className,u=t.closable,h=void 0===u||u,m=(0,s._T)(t,["backgroundImage","closeIconColor","style","className","closable"]),g=(0,o.useMemo)((function(){return n?(0,s.pi)((0,s.pi)({},p),{backgroundImage:"url("+n+")"}):p}),[p,n]),v=i()("zent-banner",d);return(0,a.jsx)(c.b,(0,s.pi)({},m,{closable:h,icon:null,style:g,className:v,closeIconColor:l[e]||e}),void 0)}},8434:(t,n,e)=>{"use strict";e.d(n,{E:()=>f});var s=e(59312),a=e(24246),o=e(27378),r=e(60042),i=e.n(r),c=["normal","success","exception"],l=(0,e(70453).Z)("zentAnimatedArcStrokeGradient"),p={},d={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},u=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.state={opacity:0,rotate:0,transition:p},n.startAnimation=function(){n.animationDelayTimerId&&clearTimeout(n.animationDelayTimerId);var t=n.props,e=t.arcLength,s=t.radius,a=(e-n.getMaskArcLength())/s;n.setState({rotate:a,transition:p,opacity:.2},n.queueAnimationEnd)},n.finishAnimation=function(){n.transitionEndTimerId&&clearTimeout(n.transitionEndTimerId),n.setState({rotate:0,transition:d,opacity:0}),n.animationDelayTimerId=setTimeout(n.startAnimation,1e3)},n.queueAnimationEnd=function(){n.transitionEndTimerId=setTimeout(n.finishAnimation,400)},n}return(0,s.ZT)(n,t),n.prototype.render=function(){var t=this.getPath(),n=this.props,e=n.className,o=n.strokeWidth,r=this.state,i=r.rotate,c=r.transition,p=r.opacity;return(0,a.jsxs)("g",(0,s.pi)({"data-zv":"10.0.9"},{children:[(0,a.jsx)("defs",(0,s.pi)({"data-zv":"10.0.9"},{children:(0,a.jsxs)("linearGradient",(0,s.pi)({id:l},{children:[(0,a.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.9"},void 0),(0,a.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.9"},void 0)]}),void 0)}),void 0),(0,a.jsx)("path",{className:e,d:t,stroke:"url(#"+l+")",strokeOpacity:p,strokeWidth:o,style:(0,s.pi)({transform:"rotate("+i+"rad)"},c),"data-zv":"10.0.9"},void 0)]}),void 0)},n.prototype.componentDidMount=function(){this.startAnimation()},n.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},n.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},n.prototype.getMaskTheta=function(){var t=this.props.radius;return this.getMaskArcLength()/t},n.prototype.getArcStartPoint=function(){var t=this.props,n=t.radius,e=t.strokeWidth/2;return[n+e,e]},n.prototype.getArcEndPoint=function(){var t=this.props,n=t.radius,e=n+t.strokeWidth/2,s=this.getMaskTheta();return[e+Math.sin(s)*n,e-Math.cos(s)*n]},n.prototype.getPath=function(){var t=this.getArcStartPoint(),n=this.getArcEndPoint(),e=this.props.radius;return"M"+t.join(",")+" A"+e+","+e+" 0 0 1 "+n.join(",")},n}(o.PureComponent),h=e(39215),m=function(t){var n=t.type,e=t.percent,s=t.format,o=t.state,r=t.color;return"success"===o?(0,a.jsx)(h.J,{type:"circle"===n?"check":"check-circle",style:{color:r}},void 0):"exception"===o?(0,a.jsx)(h.J,{type:"circle"===n?"close":"close-circle",style:{color:r}},void 0):(0,a.jsx)(a.Fragment,{children:s(e)},void 0)},g=function(t){var n=t.percent,e=t.showInfo,o=t.format,r=t.strokeWidth,c=t.width,l=t.bgColor,p=t.color,d=t.state,h=t.strokeLinecap,g=c||132,v=g/2,f=g-r,k=f/2,z=f*Math.PI,y=z*(100-n)/100;return(0,a.jsxs)("div",(0,s.pi)({className:"zent-progress-container",style:{width:g,height:g},"data-zv":"10.0.9"},{children:[(0,a.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:r,borderColor:l,width:g,height:g},"data-zv":"10.0.9"},void 0),(0,a.jsxs)("svg",(0,s.pi)({className:"zent-progress-inner",viewBox:"0 0 "+g+" "+g,width:g,height:g,"data-zv":"10.0.9"},{children:[(0,a.jsx)("g",(0,s.pi)({transform:"rotate(-90 "+v+" "+v+")","data-zv":"10.0.9"},{children:(0,a.jsx)("circle",{className:i()("zent-progress-inner-path","zent-progress-inner-path--"+h),cx:v,cy:v,r:k,style:{stroke:p,strokeWidth:r},strokeDasharray:z,strokeDashoffset:y,"data-zv":"10.0.9"},void 0)}),void 0),"normal"===d&&(0,a.jsx)(u,{className:i()("zent-progress-path-mask","zent-progress-path-mask--"+h),radius:k,arcLength:z-y,strokeWidth:r},void 0)]}),void 0),e&&(0,a.jsx)("div",(0,s.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,a.jsx)(m,{type:"circle",percent:n,format:o,state:d,color:p},void 0)}),void 0)]}),void 0)},v=function(t){var n=t.format,e=t.width,o=t.percent,r=t.showInfo,c=t.strokeWidth,l=t.bgColor,p=t.color,d=t.state,u=t.strokeLinecap,h=e||"100%",g=r&&(0,a.jsx)("div",(0,s.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,a.jsx)(m,{type:"line",percent:o,format:n,state:d,color:p},void 0)}),void 0);return(0,a.jsxs)("div",(0,s.pi)({className:"zent-progress-container","data-zv":"10.0.9"},{children:[(0,a.jsx)("div",(0,s.pi)({className:i()("zent-progress-wrapper","zent-progress-wrapper--"+u,{"zent-progress-wrapper--finished":100===o}),style:{background:l,width:h,height:c},"data-zv":"10.0.9"},{children:(0,a.jsx)("div",{className:"zent-progress-inner",style:{background:p,width:o+"%",height:c},"data-zv":"10.0.9"},void 0)}),void 0),g]}),void 0)},f=function(t){var n,e=t,r=e.type,l=e.status,p=e.percent,d=e.className,u=e.normalColor,h=e.successColor,m=e.exceptionColor,f=e.bgColor,k=e.format,z=e.showInfo,y=e.strokeWidth,j=e.width,x=e.strokeLinecap,b=(0,s._T)(e,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),N=(0,o.useMemo)((function(){return-1!==c.indexOf(l)?l:p>=100?"success":"normal"}),[l,p]),w={exception:m,success:h,normal:u}[N],C=(0,o.useMemo)((function(){return p<0?0:p>100?100:p}),[p]);switch(r){case"circle":n=g;break;case"line":default:n=v}var I=i()("zent-progress","zent-progress-type__"+r,"zent-progress-state__"+N,d);return(0,a.jsx)("div",(0,s.pi)({className:I},b,{"data-zv":"10.0.9"},{children:(0,a.jsx)(n,{percent:C,showInfo:z,strokeWidth:y,width:j,bgColor:f,format:k,color:w,state:N,strokeLinecap:x},void 0)}),void 0)};f.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(t){return t+"%"}}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6874],{36874:(t,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>v});var s=e(73450),a=e(27378),o=e(57318),r=e(15196),i=e(24246);function c(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);n&&(s=s.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,s)}return e}function l(t){for(var n=1;n{this.setState({showCode:!this.state.showCode})}))}render(){var t=this.state.showCode,n=this.props,e=n.title,s=n.src,a=n.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:a}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:e||""})}),(0,i.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(t?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),t&&(0,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(d,{tag:"code",html:s,attributes:{className:"language-jsx"}})})]})}}class v extends a.Component{componentDidMount(){var t=location.hash;if(t){var n=document.querySelector('a[href="'.concat(t,'"]'));n&&(0,o.l)(document.documentElement,0,m(n,-9))}}render(){return a.createElement("div",{className:"zandoc-react-container"},a.createElement(h,{style:".zent-banner-example {\n\tcolor: #fff;\n\tfont-size: 18px;\n\tfont-weight: 500;\n\theight: 20px;\n}\n.zent-banner-example-highlight {\n\tcolor: #FFDD5D;\n\tfont-weight: 400;\n\tfont-size: 28px;\n\tmargin: 0 2px;\n\tvertical-align: middle;\n}"}),a.createElement(u,{html:'

Banner 公告

\n

向用户传递推广信息

\n

建议

\n
    \n
  • 使用：用于向用户传递产品推广信息。公告会一直存在，直到被用户处理或关闭；
    • \n
  • 位置：公告通常位于页面内容区容器上方，导航栏下方，随内容区宽度自适应；
    • \n
\n

注意

\n
    \n
  • 仅在必要时使用公告，且应将公告限制在与之内容相关的任务界面中。频繁使用可能会导致用户对公告的注意力下降；
    • \n
  • 禁止多条公告叠加。如单个页面存在多条公告，仅展示优先级最高的公告内容；
    • \n
\n

代码演示

'}),a.createElement(g,{title:"基础用法",id:"Demo1",src:'import { Banner } from \'zent\';\n\nconst IMG =\n \'https://img01.yzcdn.cn/upload_files/2021/11/25/FtAGwcqfZIngtd1uXYIuIND58IeU.png\';\n\nReactDOM.render(\n <div className="zent-alert-example">\n <Banner backgroundImage={IMG} closeIconColor="white">\n <div className="zent-banner-example">\n 有赞联合QQ百家扶持计划，帮你触达\n <span className="zent-banner-example-highlight">6</span>\n 亿月活的全新流量\n </div>\n </Banner>\n </div>,\n mountNode\n);'},a.createElement(p)),a.createElement(u,{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
参数说明类型是否必须默认值备选值
backgroundImage背景图片string否
closeIconColor自定义 close 颜色string否\'grey\'\n|\n\'white\'\n|\n \nstring
closable是否可以关闭boolean否truefalse
\n

Banner 组件基于 Alert 实现，更多属性请参考 Alert 文档

'}))}}},82010:(t,n,e)=>{"use strict";e.d(n,{b:()=>h});var s=e(59312),a=e(24246),o=e(60042),r=e.n(o),i=e(27378),c=e(8434),l=e(78486),p=e(78513),d=["outline","closed","onClose"],u=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],h=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.state={closed:!1},n.onCloseHandler=function(){n.isControlled||n.setState({closed:!0}),n.props.onClose&&n.props.onClose()},n}return(0,s.ZT)(n,t),Object.defineProperty(n.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),n.prototype.render=function(){var t;if(this.closed)return null;var n=(0,p.Z)(this.props,u),e=n.className,o=n.type,i=n.outline,h=n.bordered,m=n.progress,g=(0,s._T)(n,["className","type","outline","bordered","progress"]),v=(0,p.Z)(this.props,d),f=r()("zent-alert","zent-alert-style-"+o,e,((t={})["zent-alert-outline"]=i,t["zent-alert--borderless"]=!h,t));return(0,a.jsxs)("div",(0,s.pi)({className:f},g,{"data-zv":"10.0.10"},{children:[!!m&&(0,a.jsx)(c.E,{className:"zent-alert__progress",percent:m,showInfo:!1,strokeWidth:2},void 0),(0,a.jsx)(l.Z,(0,s.pi)({},v,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},n.highlightClassName="zent-alert-item-content__highlight",n.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},n}(i.PureComponent)},78486:(t,n,e)=>{"use strict";var s=e(59312),a=e(24246),o=e(27378),r=e(60042),i=e.n(r),c=e(27036),l=e(20840),p={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},d=(0,o.forwardRef)((function(t,n){var e=t.extraContent,r=t.classItemName,d=t.title,u=t.description,h=t.children,m=t.loading,g=t.type,v=t.closable,f=t.icon,k=t.closeIconColor,z=t.closeContent,y=t.onAlertItemClose,j=(0,o.useRef)(t);j.current=t;var x=(0,o.useMemo)((function(){return h||(0,a.jsxs)(a.Fragment,{children:[d&&(0,a.jsx)("h3",(0,s.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.10"},{children:d}),void 0),u&&(0,a.jsx)("p",(0,s.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.10"},{children:u}),void 0)]},void 0)}),[h,u,d]),b=(0,o.useMemo)((function(){var t=j.current.onClose,n=k?{color:k}:{};return v?(0,a.jsx)("div",(0,s.pi)({className:"zent-alert-item-close-wrapper",onClick:function(n){null==t||t(),y&&y(),n.stopPropagation()},"data-zv":"10.0.10"},{children:null!=z?z:(0,a.jsx)(c.Z,{type:"close",className:"zent-alert-item-close-btn",style:n},void 0)}),void 0):null}),[v,z,k,y]),N=(0,o.useMemo)((function(){return m?(0,a.jsx)(l.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===f||!1===f?null:f?(0,a.jsx)("span",(0,s.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.10"},{children:f}),void 0):g in p?(0,a.jsx)(c.Z,{className:"zent-alert-item-icon",type:p[g]},void 0):null}),[m,g,f]);return(0,a.jsxs)("div",(0,s.pi)({className:i()("zent-alert-item",r),ref:n,"data-zv":"10.0.10"},{children:[N,(0,a.jsx)("div",(0,s.pi)({className:"zent-alert-item-content","data-zv":"10.0.10"},{children:x}),void 0),e&&(0,a.jsx)("div",(0,s.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.10"},{children:e}),void 0),b]}),void 0)}));d.displayName="AlertItem",n.Z=d},15196:(t,n,e)=>{"use strict";e.d(n,{j:()=>p});var s=e(59312),a=e(24246),o=e(27378),r=e(60042),i=e.n(r),c=e(82010),l={grey:"#999",white:"#fff"},p=function(t){var n=t.backgroundImage,e=t.closeIconColor,r=t.style,p=void 0===r?{}:r,d=t.className,u=t.closable,h=void 0===u||u,m=(0,s._T)(t,["backgroundImage","closeIconColor","style","className","closable"]),g=(0,o.useMemo)((function(){return n?(0,s.pi)((0,s.pi)({},p),{backgroundImage:"url("+n+")"}):p}),[p,n]),v=i()("zent-banner",d);return(0,a.jsx)(c.b,(0,s.pi)({},m,{closable:h,icon:null,style:g,className:v,closeIconColor:l[e]||e}),void 0)}},8434:(t,n,e)=>{"use strict";e.d(n,{E:()=>f});var s=e(59312),a=e(24246),o=e(27378),r=e(60042),i=e.n(r),c=["normal","success","exception"],l=(0,e(70453).Z)("zentAnimatedArcStrokeGradient"),p={},d={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},u=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.state={opacity:0,rotate:0,transition:p},n.startAnimation=function(){n.animationDelayTimerId&&clearTimeout(n.animationDelayTimerId);var t=n.props,e=t.arcLength,s=t.radius,a=(e-n.getMaskArcLength())/s;n.setState({rotate:a,transition:p,opacity:.2},n.queueAnimationEnd)},n.finishAnimation=function(){n.transitionEndTimerId&&clearTimeout(n.transitionEndTimerId),n.setState({rotate:0,transition:d,opacity:0}),n.animationDelayTimerId=setTimeout(n.startAnimation,1e3)},n.queueAnimationEnd=function(){n.transitionEndTimerId=setTimeout(n.finishAnimation,400)},n}return(0,s.ZT)(n,t),n.prototype.render=function(){var t=this.getPath(),n=this.props,e=n.className,o=n.strokeWidth,r=this.state,i=r.rotate,c=r.transition,p=r.opacity;return(0,a.jsxs)("g",(0,s.pi)({"data-zv":"10.0.10"},{children:[(0,a.jsx)("defs",(0,s.pi)({"data-zv":"10.0.10"},{children:(0,a.jsxs)("linearGradient",(0,s.pi)({id:l},{children:[(0,a.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.10"},void 0),(0,a.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.10"},void 0)]}),void 0)}),void 0),(0,a.jsx)("path",{className:e,d:t,stroke:"url(#"+l+")",strokeOpacity:p,strokeWidth:o,style:(0,s.pi)({transform:"rotate("+i+"rad)"},c),"data-zv":"10.0.10"},void 0)]}),void 0)},n.prototype.componentDidMount=function(){this.startAnimation()},n.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},n.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},n.prototype.getMaskTheta=function(){var t=this.props.radius;return this.getMaskArcLength()/t},n.prototype.getArcStartPoint=function(){var t=this.props,n=t.radius,e=t.strokeWidth/2;return[n+e,e]},n.prototype.getArcEndPoint=function(){var t=this.props,n=t.radius,e=n+t.strokeWidth/2,s=this.getMaskTheta();return[e+Math.sin(s)*n,e-Math.cos(s)*n]},n.prototype.getPath=function(){var t=this.getArcStartPoint(),n=this.getArcEndPoint(),e=this.props.radius;return"M"+t.join(",")+" A"+e+","+e+" 0 0 1 "+n.join(",")},n}(o.PureComponent),h=e(39215),m=function(t){var n=t.type,e=t.percent,s=t.format,o=t.state,r=t.color;return"success"===o?(0,a.jsx)(h.J,{type:"circle"===n?"check":"check-circle",style:{color:r}},void 0):"exception"===o?(0,a.jsx)(h.J,{type:"circle"===n?"close":"close-circle",style:{color:r}},void 0):(0,a.jsx)(a.Fragment,{children:s(e)},void 0)},g=function(t){var n=t.percent,e=t.showInfo,o=t.format,r=t.strokeWidth,c=t.width,l=t.bgColor,p=t.color,d=t.state,h=t.strokeLinecap,g=c||132,v=g/2,f=g-r,k=f/2,z=f*Math.PI,y=z*(100-n)/100;return(0,a.jsxs)("div",(0,s.pi)({className:"zent-progress-container",style:{width:g,height:g},"data-zv":"10.0.10"},{children:[(0,a.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:r,borderColor:l,width:g,height:g},"data-zv":"10.0.10"},void 0),(0,a.jsxs)("svg",(0,s.pi)({className:"zent-progress-inner",viewBox:"0 0 "+g+" "+g,width:g,height:g,"data-zv":"10.0.10"},{children:[(0,a.jsx)("g",(0,s.pi)({transform:"rotate(-90 "+v+" "+v+")","data-zv":"10.0.10"},{children:(0,a.jsx)("circle",{className:i()("zent-progress-inner-path","zent-progress-inner-path--"+h),cx:v,cy:v,r:k,style:{stroke:p,strokeWidth:r},strokeDasharray:z,strokeDashoffset:y,"data-zv":"10.0.10"},void 0)}),void 0),"normal"===d&&(0,a.jsx)(u,{className:i()("zent-progress-path-mask","zent-progress-path-mask--"+h),radius:k,arcLength:z-y,strokeWidth:r},void 0)]}),void 0),e&&(0,a.jsx)("div",(0,s.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,a.jsx)(m,{type:"circle",percent:n,format:o,state:d,color:p},void 0)}),void 0)]}),void 0)},v=function(t){var n=t.format,e=t.width,o=t.percent,r=t.showInfo,c=t.strokeWidth,l=t.bgColor,p=t.color,d=t.state,u=t.strokeLinecap,h=e||"100%",g=r&&(0,a.jsx)("div",(0,s.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,a.jsx)(m,{type:"line",percent:o,format:n,state:d,color:p},void 0)}),void 0);return(0,a.jsxs)("div",(0,s.pi)({className:"zent-progress-container","data-zv":"10.0.10"},{children:[(0,a.jsx)("div",(0,s.pi)({className:i()("zent-progress-wrapper","zent-progress-wrapper--"+u,{"zent-progress-wrapper--finished":100===o}),style:{background:l,width:h,height:c},"data-zv":"10.0.10"},{children:(0,a.jsx)("div",{className:"zent-progress-inner",style:{background:p,width:o+"%",height:c},"data-zv":"10.0.10"},void 0)}),void 0),g]}),void 0)},f=function(t){var n,e=t,r=e.type,l=e.status,p=e.percent,d=e.className,u=e.normalColor,h=e.successColor,m=e.exceptionColor,f=e.bgColor,k=e.format,z=e.showInfo,y=e.strokeWidth,j=e.width,x=e.strokeLinecap,b=(0,s._T)(e,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),N=(0,o.useMemo)((function(){return-1!==c.indexOf(l)?l:p>=100?"success":"normal"}),[l,p]),w={exception:m,success:h,normal:u}[N],C=(0,o.useMemo)((function(){return p<0?0:p>100?100:p}),[p]);switch(r){case"circle":n=g;break;case"line":default:n=v}var I=i()("zent-progress","zent-progress-type__"+r,"zent-progress-state__"+N,d);return(0,a.jsx)("div",(0,s.pi)({className:I},b,{"data-zv":"10.0.10"},{children:(0,a.jsx)(n,{percent:C,showInfo:z,strokeWidth:y,width:j,bgColor:f,format:k,color:w,state:N,strokeLinecap:x},void 0)}),void 0)};f.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(t){return t+"%"}}}}]); \ No newline at end of file diff --git a/6938-290efcb37ae005e78076.js b/6938-290efcb37ae005e78076.js new file mode 100644 index 000000000..e21ba4dbd --- /dev/null +++ b/6938-290efcb37ae005e78076.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6938],{33938:(e,t,n)=>{"use strict";n.d(t,{X:()=>h});var i=n(59312),r=n(24246),s=n(60042),u=n.n(s),a=n(27378),o=n(1535),l=n(23130),d=n(1348),c=n(4008);function h(e){var t=(0,a.useContext)(d.d),n=(0,a.useContext)(l.Z),s=(0,a.useRef)(e);s.current=e;var c,h=n&&n.onChange,p=(0,a.useCallback)((function(e){var t=s.current,n=t.value,r=t.onChange;if(h)h(n);else if(r){var u=Object.create(e);u.target=(0,i.pi)((0,i.pi)({},s.current),{type:"checkbox",checked:e.target.checked}),r(u)}}),[h]),f=(e.checked,e.className),v=e.style,F=(e.disabled,e.readOnly,e.children),x=e.indeterminate,m=e.width,b=(e.value,e.labelStyle),C=e.onMouseEnter,D=e.onMouseLeave,y=(0,i._T)(e,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),g=function(e,t){return"boolean"==typeof t.readOnly?t.readOnly:!!e&&e.readOnly}(n,e),z=function(e,t,n){return"boolean"==typeof n.disabled?n.disabled:t?t.disabled:e.value}(t,n,e);if(n){var E=n.value,k=n.isValueEqual;c=-1!==E.findIndex((function(t){return k(t,e.value)}))}else c=!!e.checked;return(0,r.jsxs)("label",(0,i.pi)({className:u()("zent-checkbox-wrap",f,{"zent-checkbox-checked":!!c,"zent-checkbox-disabled":z||g,"zent-checkbox-indeterminate":x}),style:(0,i.pi)((0,i.pi)({},v),(0,o.Z)(m)),onMouseEnter:C,onMouseLeave:D,"data-zv":"10.0.10"},{children:[(0,r.jsxs)("span",(0,i.pi)({className:"zent-checkbox","data-zv":"10.0.10"},{children:[(0,r.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.10"},void 0),(0,r.jsx)("input",(0,i.pi)({},y,{type:"checkbox",checked:c&&!x,disabled:z,readOnly:g,onChange:p,"data-zv":"10.0.10"}),void 0)]}),void 0),null!=F&&!0!==F&&!1!==F?(0,r.jsx)("div",(0,i.pi)({className:"zent-checkbox-label",style:b,"data-zv":"10.0.10"},{children:F}),void 0):null]}),void 0)}h.Group=c.Z,t.Z=h},4008:(e,t,n)=>{"use strict";n.d(t,{c:()=>h});var i=n(59312),r=n(24246),s=n(27378),u=n(60042),a=n.n(u),o=n(41925),l=n(23130),d=n(1348),c=l.Z.Provider,h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getGroupContext=(0,o.Z)((function(e,n,i,r){return{value:Array.isArray(e)?e:[],disabled:n,readOnly:i,isValueEqual:r,onChange:t.onCheckboxChange}})),t.onCheckboxChange=function(e){var n=t.props,i=n.isValueEqual,r=n.onChange,s=n.value;if(r){var u=s?s.slice():[],a=u.findIndex((function(t){return i(t,e)}));-1!==a?u.splice(a,1):u.push(e),r(u)}},t}return(0,i.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.style,s=e.children,u=e.value,o=e.disabled,l=void 0===o?this.context.value:o,d=e.readOnly,h=void 0!==d&&d,p=e.isValueEqual,f=a()("zent-checkbox-group",t);return(0,r.jsx)(c,(0,i.pi)({value:this.getGroupContext(u,l,h,p)},{children:(0,r.jsx)("div",(0,i.pi)({className:f,style:n,"data-zv":"10.0.10"},{children:s}),void 0)}),void 0)},t.defaultProps={isValueEqual:Object.is,value:[]},t.contextType=d.d,t}(s.Component);t.Z=h},23130:(e,t,n)=>{"use strict";var i=n(27378);t.Z=(0,i.createContext)(null)},2038:(e,t,n)=>{"use strict";n.d(t,{A:()=>x});var i=n(59312),r=n(24246),s=n(27378),u=n(60042),a=n.n(u),o=n(54779),l=n(85883),d=n(14322),c=n(14805);function h(e,t){void 0===t&&(t=" ");var n=p(e,"line-height"),i=parseFloat(n);if(n===i+""){var r=e.style.lineHeight;e.style.lineHeight=n+"em",n=p(e,"line-height"),i=parseFloat(n),r?e.style.lineHeight=r:delete e.style.lineHeight}if(-1!==n.indexOf("pt")?(i*=4,i/=3):-1!==n.indexOf("mm")?(i*=96,i/=25.4):-1!==n.indexOf("cm")?(i*=96,i/=2.54):-1!==n.indexOf("in")?i*=96:-1!==n.indexOf("pc")&&(i*=16),i=Math.round(i),"normal"===n){var s=e.nodeName,u=(0,c.Z)(s);u.innerHTML=""+t+"","TEXTAREA"===s.toUpperCase()&&u.setAttribute("rows","1");var a=p(e,"font-size"),o=u.style;o.fontSize=a,o.padding="0px",o.border="0px",o.color="transparent",o.background="transparent",o.position="absolute",o.top="-10000px",o.left="-10000px";var l=document.body;l.appendChild(u),i=u.offsetHeight,l.removeChild(u)}return i}function p(e,t){return getComputedStyle(e).getPropertyValue(t)}var f=/(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff])[\ufe0e\ufe0f]?(?:[\u0300-\u036f\ufe20-\ufe2f\u20d0-\u20ff\u1ab0-\u1aff\u1dc0-\u1dff]|\ud83c[\udffb-\udfff])?(?:\u200d(?:[^\ud800-\udfff]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff])[\ufe0e\ufe0f]?(?:[\u0300-\u036f\ufe20-\ufe2f\u20d0-\u20ff\u1ab0-\u1aff\u1dc0-\u1dff]|\ud83c[\udffb-\udfff])?)*/,v=/\xB7|\xD7|\u2014|\u2018|\u2019|\u201C|\u201D|\u2026|[\u2E80-\u2EFF]|[\u3000-\u303F]|[\u3040-\u309F]|[\u30A0-\u30FF]|[\u31C0-\u31EF]|[\u3200-\u32FF]|[\uFF00-\uFFEF]|[\u4E00-\u9FFF]|[\u3400-\u4DBF]|(?:[\uD840-\uD868][\uDC00-\uDFFF]|\uD869[\uDC00-\uDEDF])|(?:\uD869[\uDF00-\uDFFF]|[\uD86A-\uD86C][\uDC00-\uDFFF]|\uD86D[\uDC00-\uDF3F])|(?:\uD86D[\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1F])|(?:\uD86E[\uDC20-\uDFFF]|[\uD86F-\uD872][\uDC00-\uDFFF]|\uD873[\uDC00-\uDEAF])|(?:\uD873[\uDEB0-\uDFFF]|[\uD874-\uD879][\uDC00-\uDFFF]|\uD87A[\uDC00-\uDFEF])|(?:[\uD880-\uD883][\uDC00-\uDFFF]|\uD884[\uDC00-\uDF4F])|[\uF900-\uFAFF]|[\u3300-\u33FF]|[\uFE30-\uFE4F]|[\uF900-\uFAFF]|(?:\uD87E[\uDC00-\uDE1F])/,F={wordBreak:"break-all",overflowWrap:"break-word"},x=function(e){function t(t){var n=e.call(this,t)||this;return n.element=null,n.innerElement=(0,s.createRef)(),n.resizeObserver=null,n.containerWidth=NaN,n.handleWindowResize=function(){n.setState({holdsFullText:!1},n.clampLines)},n.handleContainerResize=function(e){var t,i=e[0],r=i.contentBoxSize,s=i.contentRect;t=r?Array.isArray(r)?r[0].inlineSize:r.inlineSize:s.width,Number.isNaN(n.containerWidth)||t===n.containerWidth||n.setState({holdsFullText:!1},n.clampLines),n.containerWidth=t},n.onContainerRefChange=function(e){n.element=e,n.observe(e)},n.onNoClampContainerRefChange=function(e){n.observe(e)},n.state={holdsFullText:!1,textSuited:""},n}return(0,i.ZT)(t,e),t.prototype.componentDidUpdate=function(e){var t=this;e.text===this.props.text&&e.mode===this.props.mode&&e.lines===this.props.lines||this.setState({holdsFullText:!1},(function(){t.clampLines()}))},t.prototype.componentDidMount=function(){this.clampLines()},t.prototype.componentWillUnmount=function(){var e=this.getResizeObserver();e&&e.disconnect()},t.prototype.getResizeObserver=function(){return!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new window.ResizeObserver(this.handleContainerResize)),this.resizeObserver},t.prototype.observe=function(e){var t=this.getResizeObserver();t&&this.props.resizable&&(this.containerWidth=NaN,t.disconnect(),e&&t.observe(e))},t.prototype.clampLines=function(){this.innerElement.current&&this.element&&("performance"===this.props.mode?this._clampLinesFast():this._clampLinesAccurate())},t.prototype._clampLinesFast=function(){var e,t,n,i,r,s=this.props.text,u=(e=this.element,n=function(e){return f.test(e)}(t=s)?h(e,"🇨🇳"):-1/0,i=function(e){return v.test(e)}(t)?h(e,"世界"):-1/0,r=h(e),Math.max(n,i,r)*this.props.lines);if(this.innerElement.current.textContent=s,this.element.clientHeight<=u)this.setState({textSuited:s,holdsFullText:!0});else{for(var a=Array.from(s),o=0,l=0,d=a.length;ou?d=l:o=l+1;var c=m(a,0,d-1)+this.getEllipsis();this.innerElement.current.textContent=c,this.setState({textSuited:c,holdsFullText:!1})}},t.prototype._clampLinesAccurate=function(){var e=h(this.element),t=this.props.text,n=Array.from(t),i=this.props.lines,r=0,s=n[r],u="";this.innerElement.current.textContent=s;for(var a=this.element.clientHeight,o=1;o0;o++){var l=s+n[o];this.innerElement.current.textContent=l;var d=this.element.clientHeight;if(d-a>=e&&i--,i>0)a=d,r=o,s=l;else for(;r;){var c=(s=m(n,0,r--))+this.getEllipsis();if(this.innerElement.current.textContent=c,a===this.element.clientHeight){u=c;break}}}i>0?this.setState({textSuited:t,holdsFullText:!0}):this.setState({textSuited:u,holdsFullText:!1})},t.prototype.getEllipsis=function(){return this.state.holdsFullText?"":this.props.ellipsis},t.prototype.renderResizable=function(){return this.props.resizable&&!window.ResizeObserver?(0,r.jsx)(d.w,{onResize:this.handleWindowResize},void 0):null},t.prototype.renderClampedText=function(){var e=this.props.className,t=a()("zent-clamp-lines",e);return(0,r.jsxs)("div",(0,i.pi)({className:t,style:F,"data-zv":"10.0.10"},{children:[(0,r.jsxs)("div",(0,i.pi)({ref:this.onContainerRefChange,"data-zv":"10.0.10"},{children:[(0,r.jsx)("span",(0,i.pi)({ref:this.innerElement,"data-zv":"10.0.10"},{children:this.state.textSuited}),void 0),this.props.extra]}),void 0),this.renderResizable()]}),void 0)},t.prototype.render=function(){var e=this.props,t=e.text,n=e.className,s=e.showPop,u=e.popWidth,a=e.trigger,o=e.renderPop;return t?this.state.holdsFullText?(0,r.jsxs)("div",(0,i.pi)({ref:this.onNoClampContainerRefChange,className:n,style:F,"data-zv":"10.0.10"},{children:[t,this.renderResizable()]}),void 0):s?(0,r.jsx)(l.Z,(0,i.pi)({trigger:a,content:(0,r.jsx)("div",(0,i.pi)({style:(0,i.pi)({maxWidth:u},F),"data-zv":"10.0.10"},{children:o(t)}),void 0)},{children:this.renderClampedText()}),void 0):this.renderClampedText():null},t.defaultProps={className:"",lines:2,ellipsis:"...",showPop:!0,popWidth:250,trigger:"hover",renderPop:o.Z,resizable:!1,mode:"performance",extra:null},t}(s.Component);function m(e,t,n){return e.slice(t,n).join("")}},85883:(e,t,n)=>{"use strict";var i=n(92497);t.Z=i.Z},14322:(e,t,n)=>{"use strict";n.d(t,{w:()=>l});var i=n(24246),r=n(27378),s=n(27468),u=n(80186),a=n(17127),o={passive:!0},l=function(e){var t=e.disableThrottle,n=void 0!==t&&t,l=e.onResize,d=(0,r.useRef)(null),c=(0,r.useRef)(l);c.current=l;var h=(0,r.useCallback)((function(e){var t=(0,s.ZP)();d.current||(d.current=t);var n=d.current,i={deltaX:t.width-n.width,deltaY:t.height-n.height};0===i.deltaX&&0===i.deltaY||(c.current(e,i),d.current=t)}),[]),p=(0,a.BN)(h,n);return(0,r.useEffect)((function(){return d.current=(0,s.ZP)(),p.cancel}),[p]),(0,i.jsx)(u.ZP,{eventName:"resize",listener:p,options:o},void 0)}},1535:(e,t,n)=>{"use strict";function i(e){return"string"==typeof e||"number"==typeof e?{width:e}:{}}n.d(t,{Z:()=>i})},54779:(e,t,n)=>{"use strict";function i(e){return e}n.d(t,{Z:()=>i})}}]); \ No newline at end of file diff --git a/6938-538646ed1ff94a40c5a7.js b/6938-538646ed1ff94a40c5a7.js deleted file mode 100644 index 935d38e71..000000000 --- a/6938-538646ed1ff94a40c5a7.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6938],{33938:(e,t,n)=>{"use strict";n.d(t,{X:()=>h});var i=n(59312),r=n(24246),s=n(60042),u=n.n(s),a=n(27378),o=n(1535),l=n(23130),d=n(1348),c=n(4008);function h(e){var t=(0,a.useContext)(d.d),n=(0,a.useContext)(l.Z),s=(0,a.useRef)(e);s.current=e;var c,h=n&&n.onChange,p=(0,a.useCallback)((function(e){var t=s.current,n=t.value,r=t.onChange;if(h)h(n);else if(r){var u=Object.create(e);u.target=(0,i.pi)((0,i.pi)({},s.current),{type:"checkbox",checked:e.target.checked}),r(u)}}),[h]),f=(e.checked,e.className),v=e.style,F=(e.disabled,e.readOnly,e.children),x=e.indeterminate,m=e.width,b=(e.value,e.labelStyle),C=e.onMouseEnter,D=e.onMouseLeave,y=(0,i._T)(e,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),g=function(e,t){return"boolean"==typeof t.readOnly?t.readOnly:!!e&&e.readOnly}(n,e),z=function(e,t,n){return"boolean"==typeof n.disabled?n.disabled:t?t.disabled:e.value}(t,n,e);if(n){var E=n.value,k=n.isValueEqual;c=-1!==E.findIndex((function(t){return k(t,e.value)}))}else c=!!e.checked;return(0,r.jsxs)("label",(0,i.pi)({className:u()("zent-checkbox-wrap",f,{"zent-checkbox-checked":!!c,"zent-checkbox-disabled":z||g,"zent-checkbox-indeterminate":x}),style:(0,i.pi)((0,i.pi)({},v),(0,o.Z)(m)),onMouseEnter:C,onMouseLeave:D,"data-zv":"10.0.9"},{children:[(0,r.jsxs)("span",(0,i.pi)({className:"zent-checkbox","data-zv":"10.0.9"},{children:[(0,r.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.9"},void 0),(0,r.jsx)("input",(0,i.pi)({},y,{type:"checkbox",checked:c&&!x,disabled:z,readOnly:g,onChange:p,"data-zv":"10.0.9"}),void 0)]}),void 0),null!=F&&!0!==F&&!1!==F?(0,r.jsx)("div",(0,i.pi)({className:"zent-checkbox-label",style:b,"data-zv":"10.0.9"},{children:F}),void 0):null]}),void 0)}h.Group=c.Z,t.Z=h},4008:(e,t,n)=>{"use strict";n.d(t,{c:()=>h});var i=n(59312),r=n(24246),s=n(27378),u=n(60042),a=n.n(u),o=n(41925),l=n(23130),d=n(1348),c=l.Z.Provider,h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getGroupContext=(0,o.Z)((function(e,n,i,r){return{value:Array.isArray(e)?e:[],disabled:n,readOnly:i,isValueEqual:r,onChange:t.onCheckboxChange}})),t.onCheckboxChange=function(e){var n=t.props,i=n.isValueEqual,r=n.onChange,s=n.value;if(r){var u=s?s.slice():[],a=u.findIndex((function(t){return i(t,e)}));-1!==a?u.splice(a,1):u.push(e),r(u)}},t}return(0,i.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.style,s=e.children,u=e.value,o=e.disabled,l=void 0===o?this.context.value:o,d=e.readOnly,h=void 0!==d&&d,p=e.isValueEqual,f=a()("zent-checkbox-group",t);return(0,r.jsx)(c,(0,i.pi)({value:this.getGroupContext(u,l,h,p)},{children:(0,r.jsx)("div",(0,i.pi)({className:f,style:n,"data-zv":"10.0.9"},{children:s}),void 0)}),void 0)},t.defaultProps={isValueEqual:Object.is,value:[]},t.contextType=d.d,t}(s.Component);t.Z=h},23130:(e,t,n)=>{"use strict";var i=n(27378);t.Z=(0,i.createContext)(null)},2038:(e,t,n)=>{"use strict";n.d(t,{A:()=>x});var i=n(59312),r=n(24246),s=n(27378),u=n(60042),a=n.n(u),o=n(54779),l=n(85883),d=n(14322),c=n(14805);function h(e,t){void 0===t&&(t=" ");var n=p(e,"line-height"),i=parseFloat(n);if(n===i+""){var r=e.style.lineHeight;e.style.lineHeight=n+"em",n=p(e,"line-height"),i=parseFloat(n),r?e.style.lineHeight=r:delete e.style.lineHeight}if(-1!==n.indexOf("pt")?(i*=4,i/=3):-1!==n.indexOf("mm")?(i*=96,i/=25.4):-1!==n.indexOf("cm")?(i*=96,i/=2.54):-1!==n.indexOf("in")?i*=96:-1!==n.indexOf("pc")&&(i*=16),i=Math.round(i),"normal"===n){var s=e.nodeName,u=(0,c.Z)(s);u.innerHTML=""+t+"","TEXTAREA"===s.toUpperCase()&&u.setAttribute("rows","1");var a=p(e,"font-size"),o=u.style;o.fontSize=a,o.padding="0px",o.border="0px",o.color="transparent",o.background="transparent",o.position="absolute",o.top="-10000px",o.left="-10000px";var l=document.body;l.appendChild(u),i=u.offsetHeight,l.removeChild(u)}return i}function p(e,t){return getComputedStyle(e).getPropertyValue(t)}var f=/(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff])[\ufe0e\ufe0f]?(?:[\u0300-\u036f\ufe20-\ufe2f\u20d0-\u20ff\u1ab0-\u1aff\u1dc0-\u1dff]|\ud83c[\udffb-\udfff])?(?:\u200d(?:[^\ud800-\udfff]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff])[\ufe0e\ufe0f]?(?:[\u0300-\u036f\ufe20-\ufe2f\u20d0-\u20ff\u1ab0-\u1aff\u1dc0-\u1dff]|\ud83c[\udffb-\udfff])?)*/,v=/\xB7|\xD7|\u2014|\u2018|\u2019|\u201C|\u201D|\u2026|[\u2E80-\u2EFF]|[\u3000-\u303F]|[\u3040-\u309F]|[\u30A0-\u30FF]|[\u31C0-\u31EF]|[\u3200-\u32FF]|[\uFF00-\uFFEF]|[\u4E00-\u9FFF]|[\u3400-\u4DBF]|(?:[\uD840-\uD868][\uDC00-\uDFFF]|\uD869[\uDC00-\uDEDF])|(?:\uD869[\uDF00-\uDFFF]|[\uD86A-\uD86C][\uDC00-\uDFFF]|\uD86D[\uDC00-\uDF3F])|(?:\uD86D[\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1F])|(?:\uD86E[\uDC20-\uDFFF]|[\uD86F-\uD872][\uDC00-\uDFFF]|\uD873[\uDC00-\uDEAF])|(?:\uD873[\uDEB0-\uDFFF]|[\uD874-\uD879][\uDC00-\uDFFF]|\uD87A[\uDC00-\uDFEF])|(?:[\uD880-\uD883][\uDC00-\uDFFF]|\uD884[\uDC00-\uDF4F])|[\uF900-\uFAFF]|[\u3300-\u33FF]|[\uFE30-\uFE4F]|[\uF900-\uFAFF]|(?:\uD87E[\uDC00-\uDE1F])/,F={wordBreak:"break-all",overflowWrap:"break-word"},x=function(e){function t(t){var n=e.call(this,t)||this;return n.element=null,n.innerElement=(0,s.createRef)(),n.resizeObserver=null,n.containerWidth=NaN,n.handleWindowResize=function(){n.setState({holdsFullText:!1},n.clampLines)},n.handleContainerResize=function(e){var t,i=e[0],r=i.contentBoxSize,s=i.contentRect;t=r?Array.isArray(r)?r[0].inlineSize:r.inlineSize:s.width,Number.isNaN(n.containerWidth)||t===n.containerWidth||n.setState({holdsFullText:!1},n.clampLines),n.containerWidth=t},n.onContainerRefChange=function(e){n.element=e,n.observe(e)},n.onNoClampContainerRefChange=function(e){n.observe(e)},n.state={holdsFullText:!1,textSuited:""},n}return(0,i.ZT)(t,e),t.prototype.componentDidUpdate=function(e){var t=this;e.text===this.props.text&&e.mode===this.props.mode&&e.lines===this.props.lines||this.setState({holdsFullText:!1},(function(){t.clampLines()}))},t.prototype.componentDidMount=function(){this.clampLines()},t.prototype.componentWillUnmount=function(){var e=this.getResizeObserver();e&&e.disconnect()},t.prototype.getResizeObserver=function(){return!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new window.ResizeObserver(this.handleContainerResize)),this.resizeObserver},t.prototype.observe=function(e){var t=this.getResizeObserver();t&&this.props.resizable&&(this.containerWidth=NaN,t.disconnect(),e&&t.observe(e))},t.prototype.clampLines=function(){this.innerElement.current&&this.element&&("performance"===this.props.mode?this._clampLinesFast():this._clampLinesAccurate())},t.prototype._clampLinesFast=function(){var e,t,n,i,r,s=this.props.text,u=(e=this.element,n=function(e){return f.test(e)}(t=s)?h(e,"🇨🇳"):-1/0,i=function(e){return v.test(e)}(t)?h(e,"世界"):-1/0,r=h(e),Math.max(n,i,r)*this.props.lines);if(this.innerElement.current.textContent=s,this.element.clientHeight<=u)this.setState({textSuited:s,holdsFullText:!0});else{for(var a=Array.from(s),o=0,l=0,d=a.length;ou?d=l:o=l+1;var c=m(a,0,d-1)+this.getEllipsis();this.innerElement.current.textContent=c,this.setState({textSuited:c,holdsFullText:!1})}},t.prototype._clampLinesAccurate=function(){var e=h(this.element),t=this.props.text,n=Array.from(t),i=this.props.lines,r=0,s=n[r],u="";this.innerElement.current.textContent=s;for(var a=this.element.clientHeight,o=1;o0;o++){var l=s+n[o];this.innerElement.current.textContent=l;var d=this.element.clientHeight;if(d-a>=e&&i--,i>0)a=d,r=o,s=l;else for(;r;){var c=(s=m(n,0,r--))+this.getEllipsis();if(this.innerElement.current.textContent=c,a===this.element.clientHeight){u=c;break}}}i>0?this.setState({textSuited:t,holdsFullText:!0}):this.setState({textSuited:u,holdsFullText:!1})},t.prototype.getEllipsis=function(){return this.state.holdsFullText?"":this.props.ellipsis},t.prototype.renderResizable=function(){return this.props.resizable&&!window.ResizeObserver?(0,r.jsx)(d.w,{onResize:this.handleWindowResize},void 0):null},t.prototype.renderClampedText=function(){var e=this.props.className,t=a()("zent-clamp-lines",e);return(0,r.jsxs)("div",(0,i.pi)({className:t,style:F,"data-zv":"10.0.9"},{children:[(0,r.jsxs)("div",(0,i.pi)({ref:this.onContainerRefChange,"data-zv":"10.0.9"},{children:[(0,r.jsx)("span",(0,i.pi)({ref:this.innerElement,"data-zv":"10.0.9"},{children:this.state.textSuited}),void 0),this.props.extra]}),void 0),this.renderResizable()]}),void 0)},t.prototype.render=function(){var e=this.props,t=e.text,n=e.className,s=e.showPop,u=e.popWidth,a=e.trigger,o=e.renderPop;return t?this.state.holdsFullText?(0,r.jsxs)("div",(0,i.pi)({ref:this.onNoClampContainerRefChange,className:n,style:F,"data-zv":"10.0.9"},{children:[t,this.renderResizable()]}),void 0):s?(0,r.jsx)(l.Z,(0,i.pi)({trigger:a,content:(0,r.jsx)("div",(0,i.pi)({style:(0,i.pi)({maxWidth:u},F),"data-zv":"10.0.9"},{children:o(t)}),void 0)},{children:this.renderClampedText()}),void 0):this.renderClampedText():null},t.defaultProps={className:"",lines:2,ellipsis:"...",showPop:!0,popWidth:250,trigger:"hover",renderPop:o.Z,resizable:!1,mode:"performance",extra:null},t}(s.Component);function m(e,t,n){return e.slice(t,n).join("")}},85883:(e,t,n)=>{"use strict";var i=n(92497);t.Z=i.Z},14322:(e,t,n)=>{"use strict";n.d(t,{w:()=>l});var i=n(24246),r=n(27378),s=n(27468),u=n(80186),a=n(17127),o={passive:!0},l=function(e){var t=e.disableThrottle,n=void 0!==t&&t,l=e.onResize,d=(0,r.useRef)(null),c=(0,r.useRef)(l);c.current=l;var h=(0,r.useCallback)((function(e){var t=(0,s.ZP)();d.current||(d.current=t);var n=d.current,i={deltaX:t.width-n.width,deltaY:t.height-n.height};0===i.deltaX&&0===i.deltaY||(c.current(e,i),d.current=t)}),[]),p=(0,a.BN)(h,n);return(0,r.useEffect)((function(){return d.current=(0,s.ZP)(),p.cancel}),[p]),(0,i.jsx)(u.ZP,{eventName:"resize",listener:p,options:o},void 0)}},1535:(e,t,n)=>{"use strict";function i(e){return"string"==typeof e||"number"==typeof e?{width:e}:{}}n.d(t,{Z:()=>i})},54779:(e,t,n)=>{"use strict";function i(e){return e}n.d(t,{Z:()=>i})}}]); \ No newline at end of file diff --git a/6945-a244285fffed3c77afce.js b/6945-f3bf2e5f5e8ee7471343.js similarity index 93% rename from 6945-a244285fffed3c77afce.js rename to 6945-f3bf2e5f5e8ee7471343.js index df37b160c..d25ca1e8b 100644 --- a/6945-a244285fffed3c77afce.js +++ b/6945-f3bf2e5f5e8ee7471343.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6945],{46945:(a,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>b});var t=s(73450),p=s(27378),e=s(57318),c=s(2366),o=s(32925),l=s(24246);function u(a,n){var s=Object.keys(a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(a);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable}))),s.push.apply(s,t)}return s}function i(a){for(var n=1;n{this.setState({showCode:!this.state.showCode})}))}render(){var a=this.state.showCode,n=this.props,s=n.title,t=n.src,p=n.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(a?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),a&&(0,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(m,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var a=location.hash;if(a){var n=document.querySelector('a[href="'.concat(a,'"]'));n&&(0,e.l)(document.documentElement,0,h(n,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:".zent-avatar-list {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-top: 10px;\n\talign-items: center\n}\n.zent-avatar-list:first-child {\n\tmargin-top: 0;\n}\n.zent-avatar-list .zent-avatar:not(:last-child),\n\t.zent-avatar-list .zent-badge:not(:last-child) {\n\t\tmargin-right: 10px\n}"}),p.createElement(g,{html:'

Avatar 头像

\n

用来代表用户或事物，支持图标，图片或字符。

\n

代码演示

'}),p.createElement(f,{title:"基础用法",id:"Demobasic",src:'import { Avatar } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-avatar-list">\n <Avatar size="small">Y</Avatar>\n <Avatar size="small" icon="customer" />\n <Avatar\n size="small"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n <Avatar size="small" shape="square">Y</Avatar>\n <Avatar size="small" shape="square" icon="customer" />\n <Avatar\n size="small"\n shape="square"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n </div>\n <div className="zent-avatar-list">\n <Avatar>Y</Avatar>\n <Avatar icon="customer" />\n <Avatar\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n <Avatar shape="square">Y</Avatar>\n <Avatar shape="square" icon="customer" />\n <Avatar\n shape="square"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n </div>\n <div className="zent-avatar-list">\n <Avatar size="large" >Y</Avatar>\n <Avatar size="large" icon="customer" />\n <Avatar\n size="large"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n <Avatar size="large" shape="square">Y</Avatar>\n <Avatar size="large" shape="square" icon="customer" />\n <Avatar\n size="large"\n shape="square"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n </div>\n </div>\n , mountNode\n);'},p.createElement(r)),p.createElement(f,{title:"自适应文字大小",id:"Demotext",src:'import { Avatar } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-avatar-list">\n <Avatar>MJ</Avatar>\n <Avatar>Billie</Avatar>\n <Avatar>Jean</Avatar>\n\n <Avatar shape="square">MJ</Avatar>\n <Avatar shape="square">Beat</Avatar>\n <Avatar shape="square">It</Avatar>\n </div>\n </div>\n , mountNode\n);'},p.createElement(k)),p.createElement(f,{title:"自定义样式",id:"Democustom",src:'import { Avatar, Badge } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-avatar-list">\n <Avatar style={{ backgroundColor: \'#a1b56c\' }}>MJ</Avatar>\n <Avatar style={{ backgroundColor: \'#f7ca88\' }}>Billie</Avatar>\n <Avatar style={{ backgroundColor: \'#ab4642\' }}>Jean</Avatar>\n\n <Badge dot>\n <Avatar style={{ backgroundColor: \'#ba8baf\' }}>MJ</Avatar>\n </Badge>\n\n <Badge count={3}>\n <Avatar style={{ backgroundColor: \'#7cafc2\' }}>Beat</Avatar>\n </Badge>\n <Avatar\n size={48}\n style={{ fontSize: 30, backgroundColor: \'#e8e8e8\', color: \'#dc9656\' }}\n >\n IT\n </Avatar>\n </div>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(g,{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
参数说明类型是否必须默认值备选值
shape头像形状，圆形或正方形string否\'circle\'\'square\'
size头像大小，可以传入自定义尺寸string\n \n|\n \nnumber否\'default\'\'small\'\n \n|\n \n\'large\'\n \n|\n 像素值
icon图标名称string否
src图片地址string否
children文字内容string否
bordered是否显示边框bool否falsetrue
style自定义样式object否
className自定义类名string否
\n

注意：icon, src 以及 children 是三选一互斥的，同时传入多个的行为未定义，请不要这样用。

'}))}}},2366:(a,n,s)=>{"use strict";s.d(n,{q:()=>r});var t=s(59312),p=s(24246),e=s(27378),c=s(60042),o=s.n(c),l=s(27036),u={},i={opacity:0},r=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.textNodeRef=(0,e.createRef)(),n.avatarNodeRef=(0,e.createRef)(),n.state={textScale:1,textReady:!1},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a=this.props,n=a.size,s=a.shape,e=a.src,c=a.icon,r=a.children,k=a.bordered,d=a.style,m=a.className,g=!!e,v=!!r,h=o()("zent-avatar",m,{"zent-avatar--size-large":"large"===n,"zent-avatar--size-default":"default"===n,"zent-avatar--size-small":"small"===n,"zent-avatar--shape-circle":"circle"===s,"zent-avatar--shape-square":"square"===s,"zent-avatar--type-icon":!!c,"zent-avatar--type-image":g,"zent-avatar--type-string":v,"zent-avatar--bordered":k});if(g)return(0,p.jsx)("span",(0,t.pi)({style:d,className:h,"data-zv":"10.0.9"},{children:(0,p.jsx)("img",{className:"zent-avatar-image",src:e,alt:"avatar","data-zv":"10.0.9"},void 0)}),void 0);if(c)return(0,p.jsx)("span",(0,t.pi)({style:d,className:h,"data-zv":"10.0.9"},{children:(0,p.jsx)(l.Z,{type:c},void 0)}),void 0);var f=this.state,b=f.textScale,y=f.textReady,z=this.textNodeRef.current,q=u;if(y&&z)if(1===b)q=u;else{var x="scale("+b+")";q={msTransform:x,WebkitTransform:x,MozTransform:x,transform:x,position:"absolute",display:"inline-block",left:"calc(50% - "+Math.floor(z.offsetWidth/2)+"px)"}}else q=i;var j="number"==typeof n?(0,t.pi)({width:n+"px",height:n+"px",lineHeight:n+"px"},d):d;return(0,p.jsx)("span",(0,t.pi)({style:j,className:h,ref:this.avatarNodeRef,"data-zv":"10.0.9"},{children:(0,p.jsx)("span",(0,t.pi)({className:"zent-avatar-string",style:q,ref:this.textNodeRef,"data-zv":"10.0.9"},{children:r}),void 0)}),void 0)},n.prototype.componentDidMount=function(){this.updateTextScale()},n.getDerivedStateFromProps=function(a,n){var s=a.children;return s!==n.prevChildren?{textReady:!1,prevChildren:s}:null},n.prototype.componentDidUpdate=function(a){a.children!==this.props.children&&this.updateTextScale()},n.prototype.updateTextScale=function(){if(this.props.children){var a=function(a,n){if(!a||!n)return 1;var s=a.getBoundingClientRect().width,t=n.offsetWidth,p=s-6;return p>t?1:p/t}(this.avatarNodeRef.current,this.textNodeRef.current);this.setState({textScale:a,textReady:!0})}},n.defaultProps={shape:"circle",size:"default",bordered:!1},n}(e.Component)},32925:(a,n,s)=>{"use strict";s.d(n,{C:()=>u});var t=s(59312),p=s(24246),e=s(27378),c=s(60042),o=s.n(c),l={},u=function(a){function n(){return null!==a&&a.apply(this,arguments)||this}return(0,t.ZT)(n,a),n.prototype.renderCount=function(){var a=this.props,n=a.count,s=a.maxCount,e=a.dot,c=a.showZero,o=a.offset,u=a.style,i=Array.isArray(o)&&2===o.length?{right:o[0],top:o[1]}:l,r=u?(0,t.pi)((0,t.pi)({},u),i):i;return e?(0,p.jsx)("span",{className:"zent-badge-dot",style:r,"data-zv":"10.0.9"},void 0):n>0||0===n&&c?(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count",style:r,"data-zv":"10.0.9"},{children:(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count-num","data-zv":"10.0.9"},{children:n>s?s+"+":n}),void 0)}),void 0):null},n.prototype.render=function(){var a,n=this.props,s=n.className,e=n.children,c=o()(((a={"zent-badge":!0,"zent-badge--has-content":e,"zent-badge--no-content":!e})[s]=!!s,a["zent-badge-none-cont"]=!e,a));return(0,p.jsxs)("div",(0,t.pi)({className:c,"data-zv":"10.0.9"},{children:[e?(0,p.jsx)("div",(0,t.pi)({className:"zent-badge-content","data-zv":"10.0.9"},{children:e}),void 0):null,this.renderCount()]}),void 0)},n.defaultProps={count:0,maxCount:99,dot:!1,showZero:!1,className:""},n}(e.PureComponent)}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[6945],{46945:(a,n,s)=>{"use strict";s.r(n),s.d(n,{default:()=>b});var t=s(73450),p=s(27378),e=s(57318),c=s(2366),o=s(32925),l=s(24246);function u(a,n){var s=Object.keys(a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(a);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(a,n).enumerable}))),s.push.apply(s,t)}return s}function i(a){for(var n=1;n{this.setState({showCode:!this.state.showCode})}))}render(){var a=this.state.showCode,n=this.props,s=n.title,t=n.src,p=n.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.jsx)("i",{className:"zenticon zenticon-caret-up zandoc-react-demo__toggle ".concat(a?"zandoc-react-demo__toggle-on":"zandoc-react-demo__toggle-off")})]}),a&&(0,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(m,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var a=location.hash;if(a){var n=document.querySelector('a[href="'.concat(a,'"]'));n&&(0,e.l)(document.documentElement,0,h(n,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:".zent-avatar-list {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-top: 10px;\n\talign-items: center\n}\n.zent-avatar-list:first-child {\n\tmargin-top: 0;\n}\n.zent-avatar-list .zent-avatar:not(:last-child),\n\t.zent-avatar-list .zent-badge:not(:last-child) {\n\t\tmargin-right: 10px\n}"}),p.createElement(g,{html:'

Avatar 头像

\n

用来代表用户或事物，支持图标，图片或字符。

\n

代码演示

'}),p.createElement(f,{title:"基础用法",id:"Demobasic",src:'import { Avatar } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-avatar-list">\n <Avatar size="small">Y</Avatar>\n <Avatar size="small" icon="customer" />\n <Avatar\n size="small"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n <Avatar size="small" shape="square">Y</Avatar>\n <Avatar size="small" shape="square" icon="customer" />\n <Avatar\n size="small"\n shape="square"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n </div>\n <div className="zent-avatar-list">\n <Avatar>Y</Avatar>\n <Avatar icon="customer" />\n <Avatar\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n <Avatar shape="square">Y</Avatar>\n <Avatar shape="square" icon="customer" />\n <Avatar\n shape="square"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n </div>\n <div className="zent-avatar-list">\n <Avatar size="large" >Y</Avatar>\n <Avatar size="large" icon="customer" />\n <Avatar\n size="large"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n <Avatar size="large" shape="square">Y</Avatar>\n <Avatar size="large" shape="square" icon="customer" />\n <Avatar\n size="large"\n shape="square"\n src="https://img.yzcdn.cn/public_files/2018/02/01/5df3bb4b640ddc5efae915b7af90a243.png"\n />\n </div>\n </div>\n , mountNode\n);'},p.createElement(r)),p.createElement(f,{title:"自适应文字大小",id:"Demotext",src:'import { Avatar } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-avatar-list">\n <Avatar>MJ</Avatar>\n <Avatar>Billie</Avatar>\n <Avatar>Jean</Avatar>\n\n <Avatar shape="square">MJ</Avatar>\n <Avatar shape="square">Beat</Avatar>\n <Avatar shape="square">It</Avatar>\n </div>\n </div>\n , mountNode\n);'},p.createElement(k)),p.createElement(f,{title:"自定义样式",id:"Democustom",src:'import { Avatar, Badge } from \'zent\';\n\nReactDOM.render(\n <div>\n <div className="zent-avatar-list">\n <Avatar style={{ backgroundColor: \'#a1b56c\' }}>MJ</Avatar>\n <Avatar style={{ backgroundColor: \'#f7ca88\' }}>Billie</Avatar>\n <Avatar style={{ backgroundColor: \'#ab4642\' }}>Jean</Avatar>\n\n <Badge dot>\n <Avatar style={{ backgroundColor: \'#ba8baf\' }}>MJ</Avatar>\n </Badge>\n\n <Badge count={3}>\n <Avatar style={{ backgroundColor: \'#7cafc2\' }}>Beat</Avatar>\n </Badge>\n <Avatar\n size={48}\n style={{ fontSize: 30, backgroundColor: \'#e8e8e8\', color: \'#dc9656\' }}\n >\n IT\n </Avatar>\n </div>\n </div>,\n mountNode\n);'},p.createElement(d)),p.createElement(g,{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
参数说明类型是否必须默认值备选值
shape头像形状，圆形或正方形string否\'circle\'\'square\'
size头像大小，可以传入自定义尺寸string\n \n|\n \nnumber否\'default\'\'small\'\n \n|\n \n\'large\'\n \n|\n 像素值
icon图标名称string否
src图片地址string否
children文字内容string否
bordered是否显示边框bool否falsetrue
style自定义样式object否
className自定义类名string否
\n

注意：icon, src 以及 children 是三选一互斥的，同时传入多个的行为未定义，请不要这样用。

'}))}}},2366:(a,n,s)=>{"use strict";s.d(n,{q:()=>r});var t=s(59312),p=s(24246),e=s(27378),c=s(60042),o=s.n(c),l=s(27036),u={},i={opacity:0},r=function(a){function n(){var n=null!==a&&a.apply(this,arguments)||this;return n.textNodeRef=(0,e.createRef)(),n.avatarNodeRef=(0,e.createRef)(),n.state={textScale:1,textReady:!1},n}return(0,t.ZT)(n,a),n.prototype.render=function(){var a=this.props,n=a.size,s=a.shape,e=a.src,c=a.icon,r=a.children,k=a.bordered,d=a.style,m=a.className,g=!!e,v=!!r,h=o()("zent-avatar",m,{"zent-avatar--size-large":"large"===n,"zent-avatar--size-default":"default"===n,"zent-avatar--size-small":"small"===n,"zent-avatar--shape-circle":"circle"===s,"zent-avatar--shape-square":"square"===s,"zent-avatar--type-icon":!!c,"zent-avatar--type-image":g,"zent-avatar--type-string":v,"zent-avatar--bordered":k});if(g)return(0,p.jsx)("span",(0,t.pi)({style:d,className:h,"data-zv":"10.0.10"},{children:(0,p.jsx)("img",{className:"zent-avatar-image",src:e,alt:"avatar","data-zv":"10.0.10"},void 0)}),void 0);if(c)return(0,p.jsx)("span",(0,t.pi)({style:d,className:h,"data-zv":"10.0.10"},{children:(0,p.jsx)(l.Z,{type:c},void 0)}),void 0);var f=this.state,b=f.textScale,y=f.textReady,z=this.textNodeRef.current,q=u;if(y&&z)if(1===b)q=u;else{var x="scale("+b+")";q={msTransform:x,WebkitTransform:x,MozTransform:x,transform:x,position:"absolute",display:"inline-block",left:"calc(50% - "+Math.floor(z.offsetWidth/2)+"px)"}}else q=i;var j="number"==typeof n?(0,t.pi)({width:n+"px",height:n+"px",lineHeight:n+"px"},d):d;return(0,p.jsx)("span",(0,t.pi)({style:j,className:h,ref:this.avatarNodeRef,"data-zv":"10.0.10"},{children:(0,p.jsx)("span",(0,t.pi)({className:"zent-avatar-string",style:q,ref:this.textNodeRef,"data-zv":"10.0.10"},{children:r}),void 0)}),void 0)},n.prototype.componentDidMount=function(){this.updateTextScale()},n.getDerivedStateFromProps=function(a,n){var s=a.children;return s!==n.prevChildren?{textReady:!1,prevChildren:s}:null},n.prototype.componentDidUpdate=function(a){a.children!==this.props.children&&this.updateTextScale()},n.prototype.updateTextScale=function(){if(this.props.children){var a=function(a,n){if(!a||!n)return 1;var s=a.getBoundingClientRect().width,t=n.offsetWidth,p=s-6;return p>t?1:p/t}(this.avatarNodeRef.current,this.textNodeRef.current);this.setState({textScale:a,textReady:!0})}},n.defaultProps={shape:"circle",size:"default",bordered:!1},n}(e.Component)},32925:(a,n,s)=>{"use strict";s.d(n,{C:()=>u});var t=s(59312),p=s(24246),e=s(27378),c=s(60042),o=s.n(c),l={},u=function(a){function n(){return null!==a&&a.apply(this,arguments)||this}return(0,t.ZT)(n,a),n.prototype.renderCount=function(){var a=this.props,n=a.count,s=a.maxCount,e=a.dot,c=a.showZero,o=a.offset,u=a.style,i=Array.isArray(o)&&2===o.length?{right:o[0],top:o[1]}:l,r=u?(0,t.pi)((0,t.pi)({},u),i):i;return e?(0,p.jsx)("span",{className:"zent-badge-dot",style:r,"data-zv":"10.0.10"},void 0):n>0||0===n&&c?(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count",style:r,"data-zv":"10.0.10"},{children:(0,p.jsx)("span",(0,t.pi)({className:"zent-badge-count-num","data-zv":"10.0.10"},{children:n>s?s+"+":n}),void 0)}),void 0):null},n.prototype.render=function(){var a,n=this.props,s=n.className,e=n.children,c=o()(((a={"zent-badge":!0,"zent-badge--has-content":e,"zent-badge--no-content":!e})[s]=!!s,a["zent-badge-none-cont"]=!e,a));return(0,p.jsxs)("div",(0,t.pi)({className:c,"data-zv":"10.0.10"},{children:[e?(0,p.jsx)("div",(0,t.pi)({className:"zent-badge-content","data-zv":"10.0.10"},{children:e}),void 0):null,this.renderCount()]}),void 0)},n.defaultProps={count:0,maxCount:99,dot:!1,showZero:!1,className:""},n}(e.PureComponent)}}]); \ No newline at end of file diff --git a/7167-0dc43886ec9d304c71f1.js b/7167-0dc43886ec9d304c71f1.js new file mode 100644 index 000000000..cd4380e2a --- /dev/null +++ b/7167-0dc43886ec9d304c71f1.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[7167],{10234:(e,n,t)=>{"use strict";t.d(n,{Lt:()=>v,wZ:()=>m,TU:()=>f,Nv:()=>y,ir:()=>x});var i=t(59312),s=t(24246),r=t(60042),l=t.n(r),o=t(27378),u=t(81044),d=t(84042),a=t(673),p=t(28425),c=t(36831),h=t(65385),v=function(e){var n=e.cushion,t=void 0===n?4:n,r=e.visible,d=void 0!==r&&r,a=e.onVisibleChange,p=e.className,v=(0,i._T)(e,["cushion","visible","onVisibleChange","className"]),m=(0,o.useState)(d),f=m[0],y=m[1],x=(0,c.W)(a),C=(0,o.useCallback)((function(e){var n;y(e),null===(n=x.current)||void 0===n||n.call(x,e)}),[x]);return(0,o.useEffect)((function(){y(d)}),[d]),(0,s.jsx)(h.D.Provider,(0,i.pi)({value:f},{children:(0,s.jsx)(u.Z,(0,i.pi)({className:l()(p,"zent-dropdown"),cushion:t,visible:f,onVisibleChange:C},v),void 0)}),void 0)},m=d.Z,f=a.ZP,y=p.Z,x=u.Z.Position},83305:(e,n,t)=>{"use strict";t.d(n,{P:()=>a});var i=t(59312),s=t(24246),r=t(60042),l=t.n(r),o=t(3454),u=t(27036),d=t(65385),a=function(e){var n=e.className,t=e.children,r=(0,i._T)(e,["className","children"]);return(0,s.jsx)(d.D.Consumer,{children:function(e){return(0,s.jsxs)(o.z,(0,i.pi)({className:l()(n,"zent-dropdown-button",{"zent-dropdown-button--active":e})},r,{children:[t,(0,s.jsx)(u.Z,{type:"down"},void 0)]}),void 0)}},void 0)}},65385:(e,n,t)=>{"use strict";t.d(n,{D:()=>i});var i=(0,t(27378).createContext)(!1)},90218:(e,n,t)=>{"use strict";t.d(n,{v:()=>y,Z:()=>x});var i=t(59312),s=t(24246),r=t(60042),l=t.n(r),o=t(27378),u=t(17949),d=t(42690),a=t(53090),p=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(n,e),n.prototype.renderCommonMenuItem=function(e,n,t,s){var r=(0,i.pi)({specKey:(0,a.o)(e,n,t),onClick:this.handleClick},s);return(0,o.cloneElement)(e,r)},n}(o.PureComponent),c=t(80736),h=t(27036),v=t(79737),m=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.handleClick=function(e,t){(0,n.props.onClick)(e,t)},n.onSubMenuClick=function(){n.props.onSubMenuClick&&n.props.onSubMenuClick(n.props.specKey)},n.renderSubMenuItems=function(e,t){if(!e)return null;var i=n.props.specKey;return n.renderCommonMenuItem(e,t,i)},n}return(0,i.ZT)(n,e),n.prototype.render=function(){var e=this.props,n=e.children,t=e.visible,r=e.overlayCx;return t?(0,s.jsx)("ul",(0,i.pi)({className:l()("zent-menu","zent-submenu-content",r),onClick:this.onSubMenuClick,"data-zv":"10.0.10"},{children:o.Children.map(n,this.renderSubMenuItems)}),void 0):null},n}(p),f=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.state={subMenuVisible:!1},n.getEventHanders=function(e,t){var i={};return e||t||(i={onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave}),i},n.handleClick=function(e,t){var i=n.props,s=i.onClick;!i.isInline&&n.setState({subMenuVisible:!1}),s(e,t)},n.titleClickHandler=function(e){var t,i,s=n.props,r=s.isInline,l=s.specKey,o=s.toggleExpand;null===(i=(t=n.props).onSubMenuClick)||void 0===i||i.call(t,l),r&&o(l),e.stopPropagation()},n.onMouseEnter=function(){n.leaveTimer&&clearTimeout(n.leaveTimer),n.enterTimer=setTimeout((function(){n.setState({subMenuVisible:!0})}),200)},n.onMouseLeave=function(){n.enterTimer&&clearTimeout(n.enterTimer),n.leaveTimer=setTimeout((function(){n.setState({subMenuVisible:!1})}),200)},n.renderInlineChild=function(e,t){var i=n.props,s=i.depth,r=i.isInline,l=i.inlineIndent,o=i.selectedKey,u=i.expandKeys,d=i.handleSelect,a=i.toggleExpand,p=i.specKey;return n.renderCommonMenuItem(e,t,p,{depth:s+1,isInline:r,inlineIndent:l,selectedKey:o,expandKeys:u,handleSelect:d,toggleExpand:a,onSubMenuClick:n.props.onSubMenuClick})},n}return(0,i.ZT)(n,e),n.prototype.renderContent=function(){var e=this.props,n=e.children,t=e.specKey,r=e.overlayClassName,l=e.isInline,u=e.expandKeys,d=u&&-1!==u.indexOf(t);return l?(0,s.jsx)(v.H,(0,i.pi)({duration:200,height:d?"auto":0},{children:(0,s.jsx)("ul",(0,i.pi)({className:"zent-menu__inner","data-zv":"10.0.10"},{children:o.Children.map(n,this.renderInlineChild)}),void 0)}),void 0):(0,s.jsx)(m,(0,i.pi)({visible:this.state.subMenuVisible,onClick:this.handleClick,specKey:t,overlayCx:r,onSubMenuClick:this.props.onSubMenuClick},{children:n}),void 0)},n.prototype.render=function(){var e=this.props,n=e.className,t=e.disabled,r=e.title,o=e.isInline,u=e.depth,d=e.inlineIndent,p=e.expandKeys,c=e.specKey,v=p&&-1!==p.indexOf(c),m=this.getEventHanders(t,o),f=(0,a.g)({isInline:o,depth:u,inlineIndent:d}),y=l()(n,{"zent-menu-item":!o,"zent-menu-item-disabled":t,"zent-submenu":!o,"zent-menu__inline-submenu":o,"zent-menu__inline-item-disabled":t&&o});return(0,s.jsxs)("li",(0,i.pi)({className:y},m,{"data-zv":"10.0.10"},{children:[(0,s.jsxs)("div",(0,i.pi)({className:l()({"zent-submenu-title":!o,"zent-menu__inline-submenu-title":o,"zent-submenu-disabled":t}),style:f,onClick:this.titleClickHandler,"data-zv":"10.0.10"},{children:[r,!t&&(0,s.jsx)(h.Z,{className:l()("zent-submenu-title-operate-icon",{"zent-menu__inline-submenu-icon--expand":o&&v}),type:"right"},void 0)]}),void 0),!t&&this.renderContent()]}),void 0)},n.defaultProps={className:""},n}(p),y=function(e){function n(n){var t,s,r,l=e.call(this,n)||this;return l.toggleExpand=function(e){var n,t,s=l.state.expandedKeys,r=-1!==s.indexOf(e)?s.filter((function(n){return n!==e})):(0,i.ev)([e],s);l.setState({expandedKeys:r}),null===(t=(n=l.props).onExpandChange)||void 0===t||t.call(n,r)},l.handleSelect=function(e){var n,t;l.setState({selectedKey:e}),null===(t=(n=l.props).onSelectChange)||void 0===t||t.call(n,e)},l.handleClick=function(e,n){var t=l.props.onClick;t&&t(e,n)},l.renderMenuItem=function(e,n){return e?l.renderCommonMenuItem(e,n,void 0,{depth:1,isInline:"inline"===l.props.mode,inlineIndent:l.props.inlineIndent,selectedKey:l.state.selectedKey,expandKeys:l.state.expandedKeys,handleSelect:l.handleSelect,toggleExpand:l.toggleExpand,onSubMenuClick:l.props.onSubMenuClick}):null},"inline"===n.mode?l.state={selectedKey:null!==(t=n.selectedKey)&&void 0!==t?t:n.defaultSelectedKey,expandedKeys:null!==(r=null!==(s=n.expandedKeys)&&void 0!==s?s:n.defaultExpandedKeys)&&void 0!==r?r:n.defaultExpandKeys,prevExpandedKeysProp:n.expandedKeys,prevSelectedKeyProp:n.selectedKey}:l.state={},l}return(0,i.ZT)(n,e),n.getDerivedStateFromProps=function(e,n){if("inline"!==e.mode)return null;var t={prevSelectedKeyProp:e.selectedKey,prevExpandedKeysProp:e.expandedKeys};return e.selectedKey!==n.prevSelectedKeyProp&&e.selectedKey!==n.selectedKey&&(t.selectedKey=e.selectedKey),(0,u.Z)(e.expandedKeys,n.prevExpandedKeysProp)||(0,u.Z)(e.expandedKeys,n.expandedKeys)||(t.expandedKeys=e.expandedKeys),t},n.prototype.render=function(){var e=this.props,n=e.children,t=e.className,r=e.style,u="inline"===e.mode,d=l()("zent-menu",t,{"zent-menu__inline":u});return(0,s.jsx)("ul",(0,i.pi)({className:d,style:r,"data-zv":"10.0.10"},{children:o.Children.map(n,this.renderMenuItem)}),void 0)},n.MenuItem=c.Z,n.SubMenu=f,n.defaultProps={onClick:d.Z,mode:"pop",inlineIndent:24,defaultExpandKeys:[],onSubMenuClick:d.Z},n}(p),x=y},80736:(e,n,t)=>{"use strict";t.d(n,{s:()=>d});var i=t(59312),s=t(24246),r=t(27378),l=t(60042),o=t.n(l),u=t(53090),d=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.handleClick=function(e){var t=n.props,i=t.specKey,s=t.onClick,r=t.disabled,l=t.isInline,o=t.handleSelect;r||(l&&o(i),s(e,i))},n}return(0,i.ZT)(n,e),n.prototype.render=function(){var e=this.props,n=e.specKey,t=e.className,r=e.children,l=e.disabled,d=e.isInline,a=e.selectedKey,p=e.depth,c=e.inlineIndent,h=a===n,v=(0,u.g)({isInline:d,depth:p,inlineIndent:c});return(0,s.jsx)("li",(0,i.pi)({className:o()("zent-menu-item",t,{"zent-menu__inline-item":d,"zent-menu__inline-item-selected":h,"zent-menu-item-disabled":l}),style:v,onClick:this.handleClick,"data-zv":"10.0.10"},{children:r}),void 0)},n}(r.Component);n.Z=d},53090:(e,n,t)=>{"use strict";function i(e,n,t){return void 0===t&&(t="item"),e.key||t+"_"+n}function s(e){var n=e.isInline,t=e.depth,i=e.inlineIndent,s={};return n&&(s={paddingLeft:t*i+"px"}),s}t.d(n,{o:()=>i,g:()=>s})},79737:(e,n,t)=>{"use strict";t.d(n,{H:()=>u});var i=t(59312),s=t(24246),r=t(27378),l=t(17127);function o(e,n){e.style.height="number"==typeof n?n+"px":n}var u=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=(0,r.createRef)(),n.timer=null,n}return(0,i.ZT)(n,e),n.prototype.componentDidMount=function(){var e=this,n=this.props,t=n.appear,i=n.height,s=n.duration,r=this.ref.current;if(t&&"auto"===i){var u=r.offsetHeight;r.style.height="0px",(0,l.tA)((function(){e.props.height===i&&(r.style.height=u+"px",e.timer=setTimeout((function(){e.timer=null,e.props.height===i&&(r.style.height="auto")}),s))}))}else o(r,i)},n.prototype.componentDidUpdate=function(e){var n=this,t=this.props,i=t.height,s=t.duration;if(e.height!==i){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var r=this.ref.current;if("auto"===e.height)r.style.height=r.offsetHeight+"px",(0,l.tA)((function(){n.props.height===i&&o(r,i)}));else if("auto"===i){var u=r.offsetHeight;r.style.height="auto";var d=r.offsetHeight;r.style.height=u+"px",(0,l.tA)((function(){r.style.height=d+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===i&&(r.style.height=i)}),s)}))}else o(r,i)}},n.prototype.render=function(){var e=this.props,n=e.duration,t=e.className,r=e.style,l=e.easing,o=e.overflow,u=e.children,d=e.transitionPrototype;return(0,s.jsx)("div",(0,i.pi)({ref:this.ref,className:t,style:(0,i.pi)((0,i.pi)({},r),{transition:d+" "+n+"ms "+l,overflow:o}),"data-zv":"10.0.10"},{children:u}),void 0)},n.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},n}(r.Component)},36831:(e,n,t)=>{"use strict";t.d(n,{W:()=>s});var i=t(27378);function s(e){var n=(0,i.useRef)(e);return n.current=e,n}}}]); \ No newline at end of file diff --git a/7167-acd5c76841fa41ca4073.js b/7167-acd5c76841fa41ca4073.js deleted file mode 100644 index 4da9d43e5..000000000 --- a/7167-acd5c76841fa41ca4073.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[7167],{10234:(e,n,t)=>{"use strict";t.d(n,{Lt:()=>v,wZ:()=>m,TU:()=>f,Nv:()=>y,ir:()=>x});var i=t(59312),s=t(24246),r=t(60042),l=t.n(r),o=t(27378),u=t(81044),d=t(84042),a=t(673),p=t(28425),c=t(36831),h=t(65385),v=function(e){var n=e.cushion,t=void 0===n?4:n,r=e.visible,d=void 0!==r&&r,a=e.onVisibleChange,p=e.className,v=(0,i._T)(e,["cushion","visible","onVisibleChange","className"]),m=(0,o.useState)(d),f=m[0],y=m[1],x=(0,c.W)(a),C=(0,o.useCallback)((function(e){var n;y(e),null===(n=x.current)||void 0===n||n.call(x,e)}),[x]);return(0,o.useEffect)((function(){y(d)}),[d]),(0,s.jsx)(h.D.Provider,(0,i.pi)({value:f},{children:(0,s.jsx)(u.Z,(0,i.pi)({className:l()(p,"zent-dropdown"),cushion:t,visible:f,onVisibleChange:C},v),void 0)}),void 0)},m=d.Z,f=a.ZP,y=p.Z,x=u.Z.Position},83305:(e,n,t)=>{"use strict";t.d(n,{P:()=>a});var i=t(59312),s=t(24246),r=t(60042),l=t.n(r),o=t(3454),u=t(27036),d=t(65385),a=function(e){var n=e.className,t=e.children,r=(0,i._T)(e,["className","children"]);return(0,s.jsx)(d.D.Consumer,{children:function(e){return(0,s.jsxs)(o.z,(0,i.pi)({className:l()(n,"zent-dropdown-button",{"zent-dropdown-button--active":e})},r,{children:[t,(0,s.jsx)(u.Z,{type:"down"},void 0)]}),void 0)}},void 0)}},65385:(e,n,t)=>{"use strict";t.d(n,{D:()=>i});var i=(0,t(27378).createContext)(!1)},90218:(e,n,t)=>{"use strict";t.d(n,{v:()=>y,Z:()=>x});var i=t(59312),s=t(24246),r=t(60042),l=t.n(r),o=t(27378),u=t(17949),d=t(42690),a=t(53090),p=function(e){function n(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(n,e),n.prototype.renderCommonMenuItem=function(e,n,t,s){var r=(0,i.pi)({specKey:(0,a.o)(e,n,t),onClick:this.handleClick},s);return(0,o.cloneElement)(e,r)},n}(o.PureComponent),c=t(80736),h=t(27036),v=t(79737),m=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.handleClick=function(e,t){(0,n.props.onClick)(e,t)},n.onSubMenuClick=function(){n.props.onSubMenuClick&&n.props.onSubMenuClick(n.props.specKey)},n.renderSubMenuItems=function(e,t){if(!e)return null;var i=n.props.specKey;return n.renderCommonMenuItem(e,t,i)},n}return(0,i.ZT)(n,e),n.prototype.render=function(){var e=this.props,n=e.children,t=e.visible,r=e.overlayCx;return t?(0,s.jsx)("ul",(0,i.pi)({className:l()("zent-menu","zent-submenu-content",r),onClick:this.onSubMenuClick,"data-zv":"10.0.9"},{children:o.Children.map(n,this.renderSubMenuItems)}),void 0):null},n}(p),f=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.state={subMenuVisible:!1},n.getEventHanders=function(e,t){var i={};return e||t||(i={onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave}),i},n.handleClick=function(e,t){var i=n.props,s=i.onClick;!i.isInline&&n.setState({subMenuVisible:!1}),s(e,t)},n.titleClickHandler=function(e){var t,i,s=n.props,r=s.isInline,l=s.specKey,o=s.toggleExpand;null===(i=(t=n.props).onSubMenuClick)||void 0===i||i.call(t,l),r&&o(l),e.stopPropagation()},n.onMouseEnter=function(){n.leaveTimer&&clearTimeout(n.leaveTimer),n.enterTimer=setTimeout((function(){n.setState({subMenuVisible:!0})}),200)},n.onMouseLeave=function(){n.enterTimer&&clearTimeout(n.enterTimer),n.leaveTimer=setTimeout((function(){n.setState({subMenuVisible:!1})}),200)},n.renderInlineChild=function(e,t){var i=n.props,s=i.depth,r=i.isInline,l=i.inlineIndent,o=i.selectedKey,u=i.expandKeys,d=i.handleSelect,a=i.toggleExpand,p=i.specKey;return n.renderCommonMenuItem(e,t,p,{depth:s+1,isInline:r,inlineIndent:l,selectedKey:o,expandKeys:u,handleSelect:d,toggleExpand:a,onSubMenuClick:n.props.onSubMenuClick})},n}return(0,i.ZT)(n,e),n.prototype.renderContent=function(){var e=this.props,n=e.children,t=e.specKey,r=e.overlayClassName,l=e.isInline,u=e.expandKeys,d=u&&-1!==u.indexOf(t);return l?(0,s.jsx)(v.H,(0,i.pi)({duration:200,height:d?"auto":0},{children:(0,s.jsx)("ul",(0,i.pi)({className:"zent-menu__inner","data-zv":"10.0.9"},{children:o.Children.map(n,this.renderInlineChild)}),void 0)}),void 0):(0,s.jsx)(m,(0,i.pi)({visible:this.state.subMenuVisible,onClick:this.handleClick,specKey:t,overlayCx:r,onSubMenuClick:this.props.onSubMenuClick},{children:n}),void 0)},n.prototype.render=function(){var e=this.props,n=e.className,t=e.disabled,r=e.title,o=e.isInline,u=e.depth,d=e.inlineIndent,p=e.expandKeys,c=e.specKey,v=p&&-1!==p.indexOf(c),m=this.getEventHanders(t,o),f=(0,a.g)({isInline:o,depth:u,inlineIndent:d}),y=l()(n,{"zent-menu-item":!o,"zent-menu-item-disabled":t,"zent-submenu":!o,"zent-menu__inline-submenu":o,"zent-menu__inline-item-disabled":t&&o});return(0,s.jsxs)("li",(0,i.pi)({className:y},m,{"data-zv":"10.0.9"},{children:[(0,s.jsxs)("div",(0,i.pi)({className:l()({"zent-submenu-title":!o,"zent-menu__inline-submenu-title":o,"zent-submenu-disabled":t}),style:f,onClick:this.titleClickHandler,"data-zv":"10.0.9"},{children:[r,!t&&(0,s.jsx)(h.Z,{className:l()("zent-submenu-title-operate-icon",{"zent-menu__inline-submenu-icon--expand":o&&v}),type:"right"},void 0)]}),void 0),!t&&this.renderContent()]}),void 0)},n.defaultProps={className:""},n}(p),y=function(e){function n(n){var t,s,r,l=e.call(this,n)||this;return l.toggleExpand=function(e){var n,t,s=l.state.expandedKeys,r=-1!==s.indexOf(e)?s.filter((function(n){return n!==e})):(0,i.ev)([e],s);l.setState({expandedKeys:r}),null===(t=(n=l.props).onExpandChange)||void 0===t||t.call(n,r)},l.handleSelect=function(e){var n,t;l.setState({selectedKey:e}),null===(t=(n=l.props).onSelectChange)||void 0===t||t.call(n,e)},l.handleClick=function(e,n){var t=l.props.onClick;t&&t(e,n)},l.renderMenuItem=function(e,n){return e?l.renderCommonMenuItem(e,n,void 0,{depth:1,isInline:"inline"===l.props.mode,inlineIndent:l.props.inlineIndent,selectedKey:l.state.selectedKey,expandKeys:l.state.expandedKeys,handleSelect:l.handleSelect,toggleExpand:l.toggleExpand,onSubMenuClick:l.props.onSubMenuClick}):null},"inline"===n.mode?l.state={selectedKey:null!==(t=n.selectedKey)&&void 0!==t?t:n.defaultSelectedKey,expandedKeys:null!==(r=null!==(s=n.expandedKeys)&&void 0!==s?s:n.defaultExpandedKeys)&&void 0!==r?r:n.defaultExpandKeys,prevExpandedKeysProp:n.expandedKeys,prevSelectedKeyProp:n.selectedKey}:l.state={},l}return(0,i.ZT)(n,e),n.getDerivedStateFromProps=function(e,n){if("inline"!==e.mode)return null;var t={prevSelectedKeyProp:e.selectedKey,prevExpandedKeysProp:e.expandedKeys};return e.selectedKey!==n.prevSelectedKeyProp&&e.selectedKey!==n.selectedKey&&(t.selectedKey=e.selectedKey),(0,u.Z)(e.expandedKeys,n.prevExpandedKeysProp)||(0,u.Z)(e.expandedKeys,n.expandedKeys)||(t.expandedKeys=e.expandedKeys),t},n.prototype.render=function(){var e=this.props,n=e.children,t=e.className,r=e.style,u="inline"===e.mode,d=l()("zent-menu",t,{"zent-menu__inline":u});return(0,s.jsx)("ul",(0,i.pi)({className:d,style:r,"data-zv":"10.0.9"},{children:o.Children.map(n,this.renderMenuItem)}),void 0)},n.MenuItem=c.Z,n.SubMenu=f,n.defaultProps={onClick:d.Z,mode:"pop",inlineIndent:24,defaultExpandKeys:[],onSubMenuClick:d.Z},n}(p),x=y},80736:(e,n,t)=>{"use strict";t.d(n,{s:()=>d});var i=t(59312),s=t(24246),r=t(27378),l=t(60042),o=t.n(l),u=t(53090),d=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.handleClick=function(e){var t=n.props,i=t.specKey,s=t.onClick,r=t.disabled,l=t.isInline,o=t.handleSelect;r||(l&&o(i),s(e,i))},n}return(0,i.ZT)(n,e),n.prototype.render=function(){var e=this.props,n=e.specKey,t=e.className,r=e.children,l=e.disabled,d=e.isInline,a=e.selectedKey,p=e.depth,c=e.inlineIndent,h=a===n,v=(0,u.g)({isInline:d,depth:p,inlineIndent:c});return(0,s.jsx)("li",(0,i.pi)({className:o()("zent-menu-item",t,{"zent-menu__inline-item":d,"zent-menu__inline-item-selected":h,"zent-menu-item-disabled":l}),style:v,onClick:this.handleClick,"data-zv":"10.0.9"},{children:r}),void 0)},n}(r.Component);n.Z=d},53090:(e,n,t)=>{"use strict";function i(e,n,t){return void 0===t&&(t="item"),e.key||t+"_"+n}function s(e){var n=e.isInline,t=e.depth,i=e.inlineIndent,s={};return n&&(s={paddingLeft:t*i+"px"}),s}t.d(n,{o:()=>i,g:()=>s})},79737:(e,n,t)=>{"use strict";t.d(n,{H:()=>u});var i=t(59312),s=t(24246),r=t(27378),l=t(17127);function o(e,n){e.style.height="number"==typeof n?n+"px":n}var u=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.ref=(0,r.createRef)(),n.timer=null,n}return(0,i.ZT)(n,e),n.prototype.componentDidMount=function(){var e=this,n=this.props,t=n.appear,i=n.height,s=n.duration,r=this.ref.current;if(t&&"auto"===i){var u=r.offsetHeight;r.style.height="0px",(0,l.tA)((function(){e.props.height===i&&(r.style.height=u+"px",e.timer=setTimeout((function(){e.timer=null,e.props.height===i&&(r.style.height="auto")}),s))}))}else o(r,i)},n.prototype.componentDidUpdate=function(e){var n=this,t=this.props,i=t.height,s=t.duration;if(e.height!==i){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var r=this.ref.current;if("auto"===e.height)r.style.height=r.offsetHeight+"px",(0,l.tA)((function(){n.props.height===i&&o(r,i)}));else if("auto"===i){var u=r.offsetHeight;r.style.height="auto";var d=r.offsetHeight;r.style.height=u+"px",(0,l.tA)((function(){r.style.height=d+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===i&&(r.style.height=i)}),s)}))}else o(r,i)}},n.prototype.render=function(){var e=this.props,n=e.duration,t=e.className,r=e.style,l=e.easing,o=e.overflow,u=e.children,d=e.transitionPrototype;return(0,s.jsx)("div",(0,i.pi)({ref:this.ref,className:t,style:(0,i.pi)((0,i.pi)({},r),{transition:d+" "+n+"ms "+l,overflow:o}),"data-zv":"10.0.9"},{children:u}),void 0)},n.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},n}(r.Component)},36831:(e,n,t)=>{"use strict";t.d(n,{W:()=>s});var i=t(27378);function s(e){var n=(0,i.useRef)(e);return n.current=e,n}}}]); \ No newline at end of file diff --git a/7172-6fda237a12216b454965.js b/7172-6fda237a12216b454965.js deleted file mode 100644 index 753175996..000000000 --- a/7172-6fda237a12216b454965.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[7172],{36055:(e,t,n)=>{"use strict";n.d(t,{m:()=>c,Z:()=>m});var i=n(59312),r=n(24246),o=n(60042),a=n.n(o),s=n(88510),l=n(80964),p=function(e){function t(t){var n=e.call(this,t)||this;return n.reset=!1,n.state.prevCurrent=t.current,n}return(0,i.ZT)(t,e),t.prototype.render=function(){var e=this.state.value,t=this.props.totalPages;return(0,r.jsxs)("div",(0,i.pi)({className:"zent-pagination-mini-page-jumper","data-zv":"10.0.9"},{children:[(0,r.jsx)(l.Y,{integer:!0,value:e,onChange:this.onChange,onPressEnter:this.onConfirm,width:56},void 0),(0,r.jsx)("span",(0,i.pi)({className:"zent-pagination-mini-page-jumper__sep","data-zv":"10.0.9"},{children:"/"}),void 0),(0,r.jsx)("span",(0,i.pi)({className:"zent-pagination-mini-page-jumper__total","data-zv":"10.0.9"},{children:t}),void 0)]}),void 0)},t.getDerivedStateFromProps=function(e,t){return{value:e.current!==t.prevCurrent?e.current:t.value,prevCurrent:e.current}},t.prototype.handleJump=function(e){var t=this.props,n=t.onJump,i=t.totalPages;n(e),e>i&&this.setState({value:i}),e<1&&this.setState({value:1})},t}(n(17840).Z),u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onPrevPage=t.jumpToPageDelta(-1),t.onNextPage=t.jumpToPageDelta(1),t}return(0,i.ZT)(t,e),t.prototype.resetActiveDoubleArrowButton=function(){},t.prototype.render=function(){var e=this,t=this.props,n=t.layout,o=t.buttonBordered,a=t.current,l=t.onPageChange,u=t.lastPageHelp;return(0,r.jsx)("div",(0,i.pi)({className:"zent-pagination-page-list--mini","data-zv":"10.0.9"},{children:n.map((function(t){var n=t.type;return"left-arrow"===n?(0,r.jsx)(s.Z,{direction:"left",disabled:t.disabled,bordered:o,onClick:e.onPrevPage},n):"right-arrow"===n?(0,r.jsx)(s.Z,{direction:"right",disabled:t.disabled,bordered:o,onClick:e.onNextPage,disabledHelp:u},n):"mini-jumper"===n?(0,r.jsx)(p,{current:a,totalPages:t.totalPages,onJump:l},n):null}))}),void 0)},t}(n(28645).Z);function d(e){var t=e.current,n=e.pageSize,i=e.total,r=Math.ceil(i/n);return[{type:"left-arrow",disabled:t<=1||i<=0},{type:"mini-jumper",totalPages:r},{type:"right-arrow",disabled:t>=r||i<=0}]}var c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(t,e),Object.defineProperty(t.prototype,"name",{get:function(){return"mini"},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"layoutFn",{get:function(){return d},enumerable:!1,configurable:!0}),t.prototype.render=function(){var e=this.props,t=e.current,n=e.buttonBordered,o=e.className,s=e.lastPageHelp,l=this.getLayout(this.props);return(0,r.jsx)("div",(0,i.pi)({className:a()("zent-pagination zent-pagination--"+this.name,o),"data-zv":"10.0.9"},{children:(0,r.jsx)(u,{layout:l,current:t,onPageChange:this.onPageChange,buttonBordered:n,lastPageHelp:s},void 0)}),void 0)},t.defaultProps={current:1,pageSize:10,buttonBordered:!1},t}(n(97714).Z),m=c},88510:(e,t,n)=>{"use strict";var i=n(59312),r=n(24246),o=n(27378),a=n(60042),s=n.n(a),l=n(90347),p=n(85883),u=n(27036),d={position:"top-right",trigger:"hover",centerArrow:!0},c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.double,o=e.active,a=e.bordered,u=e.disabledHelp,c=(0,i._T)(e,["direction","double","active","bordered","disabledHelp"]);if(n)return(0,r.jsx)(m,(0,i.pi)({direction:t,active:o,bordered:a},c),void 0);var h=null;"left"===t?h=v:"right"===t&&(h=f);var g=(0,r.jsx)(l.ZP,(0,i.pi)({},c,{className:s()("zent-pagination-arrow-button","zent-pagination-button--layout",{"zent-pagination-page-button--no-border":!a})},{children:(0,r.jsx)(h,{},void 0)}),void 0);if(u&&c.disabled){var z=(0,i.pi)((0,i.pi)({},d),u);return"hover"===z.trigger&&(z.fixMouseEventsOnDisabledChildren=!0),(0,r.jsx)(p.Z,(0,i.pi)({},z,{children:g}),void 0)}return g},t.defaultProps={double:!1,active:!1,bordered:!0},t}(o.Component),m=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={showArrow:!1,prevActive:!1},t.onMouseOver=function(){t.setState({showArrow:!0})},t.onMouseOut=function(){t.setState({showArrow:!1})},t}return(0,i.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.active,o=e.bordered,a=(e.double,(0,i._T)(e,["direction","active","bordered","double"])),p=null;"left"===t?p=h:"right"===t&&(p=g);var d=this.state.showArrow;return(0,r.jsx)(l.ZP,(0,i.pi)({className:s()("zent-pagination-arrow-button","zent-pagination-arrow-button--double","zent-pagination-button--layout",{"zent-pagination-arrow-button--double-active":d,"zent-pagination-page-button--no-border":!o})},a,{onMouseOver:n?void 0:this.onMouseOver,onMouseLeave:n?void 0:this.onMouseOut},{children:d?(0,r.jsx)(p,{},void 0):(0,r.jsx)(u.Z,{type:"more",className:"zent-pagination-more"},void 0)}),void 0)},t.getDerivedStateFromProps=function(e,t){var n=e.active,i={prevActive:n,showArrow:t.showArrow};return n!==t.prevActive&&(i.showArrow=!!n),i},t.defaultProps={double:!1,active:!1,bordered:!0},t}(o.Component);function v(){return(0,r.jsx)(u.Z,{type:"left",className:"zent-pagination-arrow"},void 0)}function f(){return(0,r.jsx)(u.Z,{type:"right",className:"zent-pagination-arrow"},void 0)}function h(){return(0,r.jsx)(u.Z,{type:"double-last",className:"zent-pagination-arrow"},void 0)}function g(){return(0,r.jsx)(u.Z,{type:"double-next",className:"zent-pagination-arrow"},void 0)}t.Z=c},17840:(e,t,n)=>{"use strict";var i=n(59312),r=function(e){function t(t){var n,i=e.call(this,t)||this;return i.onChange=function(e){i.setState({value:e})},i.onConfirm=function(e){e.preventDefault();var t=+e.target.value;i.handleJump(t)},i.state={value:null!==(n=t.current)&&void 0!==n?n:null},i}return(0,i.ZT)(t,e),t}(n(27378).Component);t.Z=r},28645:(e,t,n)=>{"use strict";var i=n(59312),r=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onPageNumberClick=function(e){return function(){(0,t.props.onPageChange)(e),t.resetActiveDoubleArrowButton()}},t.jumpToPageDelta=function(e,n){return function(){var i=t.props,r=i.current;(0,i.onPageChange)(r+e),n&&n()}},t}return(0,i.ZT)(t,e),t}(n(27378).Component);t.Z=r},97714:(e,t,n)=>{"use strict";var i=n(59312),r=n(27378),o=n(41925),a=n(72551),s=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getLayout=(0,o.Z)((function(e){return t.layoutFn(t.getLayoutOptions(e))})),t.onPageChange=function(e){var n=t.props,i=n.current,r=n.pageSize,o=n.onChange,a=t.getTotal();e=Math.max(1,e),(e=Math.min(e,t.getTotalPages(a,r)))!==i&&o({current:e,pageSize:r})},t.onPageSizeChange=function(e){var n=t.props.current,i=t.getTotal();if(t.props.pageSize!==e){var r=t.getTotalPages(i,e),o={pageSize:e,current:Math.min(n,r)};t.props.onChange(o)}},t}return(0,i.ZT)(t,e),t.prototype.shouldUpdateLayout=function(e,t){var n=t.current,i=t.pageSize;return n!==e.current||this.getTotal(t)!==this.getTotal(e)||i!==e.pageSize},t.prototype.getLayoutOptions=function(e){var t=e.current,n=e.pageSize;return{current:t,total:this.getTotal(e),pageSize:n}},t.prototype.getTotalPages=function(e,t){return Math.ceil(e/t)},t.prototype.getTotal=function(e){return e=e||this.props,(0,a.n)(e,"total")?e.total||0:(0,a.n)(e,"totalItem")&&e.totalItem||0},t}(r.Component);t.Z=s},54630:(e,t,n)=>{"use strict";n.d(t,{Z:()=>g,E:()=>h});var i=n(59312),r=n(24246),o=n(31542),a=n.t(o,2),s=n(14805),l=n(27378),p=n(60042),u=n.n(p),d=n(49566),c=n(52074),m=n(53552),v=n(27036),f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={imageIndex:t.props.index||0,imageStyle:{},rotateIndex:0,scaleTag:!1},t.onMaskClick=function(e){e.target===e.currentTarget&&t.props.onClose()},t.onClose=function(){t.props.onClose()},t.handlePreviousAction=function(){var e=t.props.images.length,n=t.state.imageIndex;n=(n-1+e)%e,t.setState({imageIndex:n,imageStyle:{transform:"rotate(0deg)"},rotateIndex:0,scaleTag:!1})},t.handleNextAction=function(){var e=t.props.images.length,n=t.state.imageIndex;n=(n+1)%e,t.setState({imageIndex:n,imageStyle:{transform:"rotate(0deg)"},rotateIndex:0,scaleTag:!1})},t.handleRotate=function(){var e=t.state.scaleTag,n=t.props.scaleRatio;if(n<1)throw new Error("Invalid prop `scaleRatio` in previewImage, it should be greater than 1.");var i=t.state.rotateIndex,r=90+90*i;i++;var o=e?"rotate("+r+"deg) scale("+n+")":"rotate("+r+"deg) scale(1)";t.setState({imageStyle:{transform:o,transitionDuration:"500ms"},rotateIndex:i})},t.handleScale=function(){var e=t.state,n=e.rotateIndex,i=e.scaleTag,r=t.props.scaleRatio;if(r<1)throw new Error("Invalid prop `scaleRatio` in previewImage, it should be greater than 1.");var o=90*n,a=i?"rotate("+o+"deg) scale(1)":"rotate("+o+"deg) scale("+r+")";t.setState({imageStyle:{transform:a,transitionDuration:"500ms"},scaleTag:!i})},t}return(0,i.ZT)(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.images,o=t.showRotateBtn,a=t.className,s=this.state,l=s.scaleTag,p=s.imageIndex,f=s.imageStyle,h=u()("zent-image-p-show-image",{"zent-image-p-is-zooming":l});return(0,r.jsx)(m.ZP,(0,i.pi)({visible:!0,onClose:this.onClose,className:u()("zent-image-p-anchor",a),closeOnESC:!0,blockPageScroll:!0},{children:(0,r.jsx)("div",(0,i.pi)({className:"zent-image-p-backdrop","data-zv":"10.0.9"},{children:(0,r.jsxs)("div",(0,i.pi)({className:"zent-image-p-wrap","data-zv":"10.0.9"},{children:[(0,r.jsx)("div",(0,i.pi)({className:"zent-image-p-close",onClick:this.onClose,"data-zv":"10.0.9"},{children:(0,r.jsx)(v.Z,{type:"close"},void 0)}),void 0),(0,r.jsx)(c.Z,(0,i.pi)({componentName:"PreviewImage"},{children:function(t){return(0,r.jsx)("div",(0,i.pi)({className:"zent-image-p-body",onClick:e.onMaskClick,"data-zv":"10.0.9"},{children:n.map((function(n,i){return i===p?(0,r.jsx)("img",{className:h,onClick:e.handleScale,style:f,src:n,alt:t.alt,"data-zv":"10.0.9"},i):null}))}),void 0)}}),void 0),(0,r.jsx)(c.Z,(0,i.pi)({componentName:"PreviewImage"},{children:function(t){var a=n.length>1,s=u()("zent-image-p-footer",{"zent-image-p-show-rotate-btn":o,"zent-image-p-footer-paging":a}),l=u()("zent-image-p-action",{"zent-image-p-rotate-action":!a});return(0,r.jsxs)("div",(0,i.pi)({className:s,"data-zv":"10.0.9"},{children:[a&&(0,r.jsx)("span",(0,i.pi)({className:"zent-image-p-action",onClick:e.handlePreviousAction,"data-zv":"10.0.9"},{children:t.prev}),void 0),o&&(0,r.jsx)("span",(0,i.pi)({className:l,onClick:(0,d.Z)(e.handleRotate,500,{immediate:!0}),"data-zv":"10.0.9"},{children:t.rotate}),void 0),a&&(0,r.jsx)("span",(0,i.pi)({className:"zent-image-p-action",onClick:e.handleNextAction,"data-zv":"10.0.9"},{children:t.next}),void 0)]}),void 0)}}),void 0)]}),void 0)}),void 0)}),void 0)},t.defaultProps={className:"",showRotateBtn:!0,images:[],index:0,scaleRatio:1.5},t}(l.Component);function h(e){void 0===e&&(e={});var t=e.parentComponent,n=(0,i._T)(e,["parentComponent"]),l=(0,s.Z)("div"),p=(0,i.pi)((0,i.pi)({},n),{onClose:function(){l&&(o.unmountComponentAtNode(l),l=null)}});(t?o.unstable_renderSubtreeIntoContainer.bind(a,t):o.render)((0,r.jsx)(f,(0,i.pi)({},p),void 0),l)}var g=h},8434:(e,t,n)=>{"use strict";n.d(t,{E:()=>g});var i=n(59312),r=n(24246),o=n(27378),a=n(60042),s=n.n(a),l=["normal","success","exception"],p=(0,n(70453).Z)("zentAnimatedArcStrokeGradient"),u={},d={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={opacity:0,rotate:0,transition:u},t.startAnimation=function(){t.animationDelayTimerId&&clearTimeout(t.animationDelayTimerId);var e=t.props,n=e.arcLength,i=e.radius,r=(n-t.getMaskArcLength())/i;t.setState({rotate:r,transition:u,opacity:.2},t.queueAnimationEnd)},t.finishAnimation=function(){t.transitionEndTimerId&&clearTimeout(t.transitionEndTimerId),t.setState({rotate:0,transition:d,opacity:0}),t.animationDelayTimerId=setTimeout(t.startAnimation,1e3)},t.queueAnimationEnd=function(){t.transitionEndTimerId=setTimeout(t.finishAnimation,400)},t}return(0,i.ZT)(t,e),t.prototype.render=function(){var e=this.getPath(),t=this.props,n=t.className,o=t.strokeWidth,a=this.state,s=a.rotate,l=a.transition,u=a.opacity;return(0,r.jsxs)("g",(0,i.pi)({"data-zv":"10.0.9"},{children:[(0,r.jsx)("defs",(0,i.pi)({"data-zv":"10.0.9"},{children:(0,r.jsxs)("linearGradient",(0,i.pi)({id:p},{children:[(0,r.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.9"},void 0),(0,r.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.9"},void 0)]}),void 0)}),void 0),(0,r.jsx)("path",{className:n,d:e,stroke:"url(#"+p+")",strokeOpacity:u,strokeWidth:o,style:(0,i.pi)({transform:"rotate("+s+"rad)"},l),"data-zv":"10.0.9"},void 0)]}),void 0)},t.prototype.componentDidMount=function(){this.startAnimation()},t.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},t.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},t.prototype.getMaskTheta=function(){var e=this.props.radius;return this.getMaskArcLength()/e},t.prototype.getArcStartPoint=function(){var e=this.props,t=e.radius,n=e.strokeWidth/2;return[t+n,n]},t.prototype.getArcEndPoint=function(){var e=this.props,t=e.radius,n=t+e.strokeWidth/2,i=this.getMaskTheta();return[n+Math.sin(i)*t,n-Math.cos(i)*t]},t.prototype.getPath=function(){var e=this.getArcStartPoint(),t=this.getArcEndPoint(),n=this.props.radius;return"M"+e.join(",")+" A"+n+","+n+" 0 0 1 "+t.join(",")},t}(o.PureComponent),m=n(39215),v=function(e){var t=e.type,n=e.percent,i=e.format,o=e.state,a=e.color;return"success"===o?(0,r.jsx)(m.J,{type:"circle"===t?"check":"check-circle",style:{color:a}},void 0):"exception"===o?(0,r.jsx)(m.J,{type:"circle"===t?"close":"close-circle",style:{color:a}},void 0):(0,r.jsx)(r.Fragment,{children:i(n)},void 0)},f=function(e){var t=e.percent,n=e.showInfo,o=e.format,a=e.strokeWidth,l=e.width,p=e.bgColor,u=e.color,d=e.state,m=e.strokeLinecap,f=l||132,h=f/2,g=f-a,z=g/2,y=g*Math.PI,x=y*(100-t)/100;return(0,r.jsxs)("div",(0,i.pi)({className:"zent-progress-container",style:{width:f,height:f},"data-zv":"10.0.9"},{children:[(0,r.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:a,borderColor:p,width:f,height:f},"data-zv":"10.0.9"},void 0),(0,r.jsxs)("svg",(0,i.pi)({className:"zent-progress-inner",viewBox:"0 0 "+f+" "+f,width:f,height:f,"data-zv":"10.0.9"},{children:[(0,r.jsx)("g",(0,i.pi)({transform:"rotate(-90 "+h+" "+h+")","data-zv":"10.0.9"},{children:(0,r.jsx)("circle",{className:s()("zent-progress-inner-path","zent-progress-inner-path--"+m),cx:h,cy:h,r:z,style:{stroke:u,strokeWidth:a},strokeDasharray:y,strokeDashoffset:x,"data-zv":"10.0.9"},void 0)}),void 0),"normal"===d&&(0,r.jsx)(c,{className:s()("zent-progress-path-mask","zent-progress-path-mask--"+m),radius:z,arcLength:y-x,strokeWidth:a},void 0)]}),void 0),n&&(0,r.jsx)("div",(0,i.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,r.jsx)(v,{type:"circle",percent:t,format:o,state:d,color:u},void 0)}),void 0)]}),void 0)},h=function(e){var t=e.format,n=e.width,o=e.percent,a=e.showInfo,l=e.strokeWidth,p=e.bgColor,u=e.color,d=e.state,c=e.strokeLinecap,m=n||"100%",f=a&&(0,r.jsx)("div",(0,i.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,r.jsx)(v,{type:"line",percent:o,format:t,state:d,color:u},void 0)}),void 0);return(0,r.jsxs)("div",(0,i.pi)({className:"zent-progress-container","data-zv":"10.0.9"},{children:[(0,r.jsx)("div",(0,i.pi)({className:s()("zent-progress-wrapper","zent-progress-wrapper--"+c,{"zent-progress-wrapper--finished":100===o}),style:{background:p,width:m,height:l},"data-zv":"10.0.9"},{children:(0,r.jsx)("div",{className:"zent-progress-inner",style:{background:u,width:o+"%",height:l},"data-zv":"10.0.9"},void 0)}),void 0),f]}),void 0)},g=function(e){var t,n=e,a=n.type,p=n.status,u=n.percent,d=n.className,c=n.normalColor,m=n.successColor,v=n.exceptionColor,g=n.bgColor,z=n.format,y=n.showInfo,x=n.strokeWidth,b=n.width,j=n.strokeLinecap,C=(0,i._T)(n,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),L=(0,o.useMemo)((function(){return-1!==l.indexOf(p)?p:u>=100?"success":"normal"}),[p,u]),I={exception:v,success:m,normal:c}[L],T=(0,o.useMemo)((function(){return u<0?0:u>100?100:u}),[u]);switch(a){case"circle":t=f;break;case"line":default:t=h}var N=s()("zent-progress","zent-progress-type__"+a,"zent-progress-state__"+L,d);return(0,r.jsx)("div",(0,i.pi)({className:N},C,{"data-zv":"10.0.9"},{children:(0,r.jsx)(t,{percent:T,showInfo:y,strokeWidth:x,width:b,bgColor:g,format:z,color:I,state:L,strokeLinecap:j},void 0)}),void 0)};g.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(e){return e+"%"}}},19087:(e,t,n)=>{"use strict";n.d(t,{b:()=>f,Z:()=>h});var i=n(59312),r=n(24246),o=n(60042),a=n.n(o),s=n(27378),l=n(28172);function p(e,t,n){var i,r=e.length-1,o=new Array(e.length);if(t===n)return e;if(tt&&a=0;a--)a===t?i=e[a]:an?o[a+1]=e[a]:a===n?(o[a]=i,o[a+1]=e[a]):o[a]=e[a];return o}var u=n(98859),d=l.ZP,c="zent-sortable--grabbing",m=function(e,t){(t||document).querySelectorAll(e).forEach((function(e){e.style.cursor="grabbing"}))},v=function(e,t){(t||document).querySelectorAll(e).forEach((function(e){e.style.cursor=""}))},f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.containerRef=(0,s.createRef)(),t.handleAddDraggingCursor=function(){var e,n=t.props.handle;m("html"),n&&m(n,t.containerRef.current),null===(e=t.containerRef.current)||void 0===e||e.classList.add(c)},t.handleRemoveDraggingCursor=function(){var e,n=t.props.handle;v("html"),n&&v(n,t.containerRef.current),null===(e=t.containerRef.current)||void 0===e||e.classList.remove(c)},t.initSortable=function(){var e=t.props,n=(e.onMove,e.onEnd,e.onChange,e.filterClass),r=(e.children,(0,i._T)(e,["onMove","onEnd","onChange","filterClass","children"])),o=t.containerRef.current;if(o){var a=(0,i.pi)({filter:n?"."+n:"",ghostClass:"zent-sortable__ghost",chosenClass:"zent-sortable__chosen",dragClass:"zent-sortable__drag",fallbackClass:"zent-sortable__fallback",animation:200,easing:u.Kc,forceFallback:!0,onChoose:function(e){var n,i;t.handleAddDraggingCursor(),null===(i=(n=t.props).onChoose)||void 0===i||i.call(n,e)},onMove:function(e,i){var r=t.props.onMove;return r?r(e,i):!n||!e.related.classList.contains(n)},onUnchoose:function(e){var n,i;t.handleRemoveDraggingCursor(),null===(i=(n=t.props).onUnchoose)||void 0===i||i.call(n,e)},onEnd:function(e){var n=t.props,i=n.items,r=n.onEnd,o=n.onChange;if(r&&r(e),i){var a=e.oldIndex,s=e.newIndex,l=p(i,a,Math.max(0,Math.min(s,i.length-1)));o&&o(l)}}},r);t.sortable=d.create(o,a)}},t}return(0,i.ZT)(t,e),t.prototype.destroySortableInstance=function(){this.sortable&&(this.sortable.destroy(),this.sortable=null)},t.prototype.componentDidMount=function(){this.initSortable()},t.prototype.componentWillUnmount=function(){this.destroySortableInstance()},t.prototype.render=function(){var e=this.props,t=e.className,n=e.children,o=e.tag,s=e.handle,l=a()("zent-sortable",t,{"zent-sortable--handle":s}),p=o;return(0,r.jsx)(p,(0,i.pi)({ref:this.containerRef,className:l,"data-zv":"10.0.9"},{children:n}),void 0)},t.defaultProps={tag:"div"},t}(s.Component),h=f},24883:(e,t,n)=>{"use strict";var i=n(19087);t.Z=i.Z},82645:(e,t,n)=>{"use strict";n.d(t,{U:()=>T});var i=n(59312),r=n(24246),o=n(60042),a=n.n(o),s=n(3254),l=n(27378),p=n(39215),u=n(8434),d=n(95348),c=n(70735),m=function(e){var t,n=e.i18n,o=e.item,s=e.onPreview,m=o.status===d.Ll.failed,v=function(e){void 0===e&&(e=!1);var t=(0,l.useState)(e),n=t[0],i=t[1];return{isHover:n,onMouseEnter:(0,l.useCallback)((function(){i(!0)}),[]),onMouseLeave:(0,l.useCallback)((function(){i(!1)}),[])}}(),f=v.isHover,h=v.onMouseEnter,g=v.onMouseLeave,z=(0,c.B)(e),y=z.deleteHandler,x=z.retryHandler,b=(0,l.useCallback)((function(e){e.stopPropagation(),s(o)}),[s,o]),j=a()("zent-image-upload-item",((t={})["zent-image-upload-item__failed"]=m,t["zent-image-upload-item__hover"]=f,t)),C=(0,l.useMemo)((function(){var e,t=f?"upload":"warning",o=f?n.retry:n.failed,s=a()("zent-image-upload-item-backdrop","zent-image-upload-item-backdrop__white",((e={})["zent-image-upload-item-backdrop__failed"]=!f,e["zent-image-upload-item-backdrop__retry"]=f,e));return m&&(0,r.jsxs)("div",(0,i.pi)({className:s,onClick:x,"data-zv":"10.0.9"},{children:[(0,r.jsx)(p.J,{className:"zent-image-upload-item-icon",type:t},void 0),(0,r.jsx)("span",(0,i.pi)({className:"zent-image-upload-item-backdrop-text","data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)}),[f,n,m,x]);return(0,r.jsxs)("li",(0,i.pi)({onMouseEnter:h,onMouseLeave:g,className:j,"data-zv":"10.0.9"},{children:[(0,r.jsx)("img",{className:"zent-image-upload-item-thumb",src:o.thumbSrc||o.src,alt:o.name,onClick:b,"data-zv":"10.0.9"},void 0),o.status===d.Ll.uploading&&(0,r.jsx)("div",(0,i.pi)({className:"zent-image-upload-item-backdrop zent-image-upload-item-backdrop__black","data-zv":"10.0.9"},{children:(0,r.jsx)(u.E,{width:48,showInfo:!1,className:"zent-image-upload-item-progress",strokeWidth:4,status:"normal",percent:o.percent},void 0)}),void 0),C,(0,r.jsx)("i",{className:"zent-image-upload-item-delete-bg","data-zv":"10.0.9"},void 0),(0,r.jsx)(p.J,{type:"close-circle",className:"zent-image-upload-item-delete",onClick:y},void 0)]}),o.id)},v=n(24883),f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onFileListSortChange=function(e){t.props.onSortChange(e)},t.onItemPreview=function(e){t.props.onPreview(e,t.props.fileList)},t.renderFileItem=function(e){var n=t.props.customUploadItem||m;return(0,r.jsx)(n,{item:e,i18n:t.props.i18n,onDelete:t.props.onDelete,onRetry:t.props.onRetry,onPreview:t.onItemPreview},e.id)},t}return(0,i.ZT)(t,e),t.prototype.getRenderFileList=function(){return this.props.fileList},t.prototype.render=function(){var e=this.props,t=e.sortable,n=e.trigger,o=this.getRenderFileList(),a=o.map(this.renderFileItem),s=(0,r.jsxs)(v.Z,(0,i.pi)({tag:"ul",disabled:!t,items:o,className:"zent-image-upload-list",onChange:this.onFileListSortChange,filterClass:"zent-image-upload-trigger"},{children:[a,n]}),void 0);return(0,r.jsx)("div",(0,i.pi)({className:"zent-image-upload-list-wrapper","data-zv":"10.0.9"},{children:s}),void 0)},t}(n(26552).Z),h=n(27036),g=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(t,e),t.prototype.render=function(){var e,t=this.props.disabled;return(0,r.jsxs)("div",(0,i.pi)({className:a()("zent-image-upload-trigger",(e={},e["zent-image-upload-trigger__disabled"]=t,e)),onClick:this.onClickTrigger,onDragOver:this.onTriggerDragOver,onDrop:this.onTriggerDrop,"data-zv":"10.0.9"},{children:[(0,r.jsx)(h.Z,{type:"plus",className:"zent-image-upload-trigger-add-icon"},void 0),this.renderFileInput()]}),void 0)},t}(n(18385).Z),z=n(54630).Z;function y(e){return new Promise((function(t,n){var i=new FileReader;i.onloadend=function(){return t(i.result)},i.onerror=n,i.readAsDataURL(e)}))}function x(e,t){var n=t.filter((function(e){return e.status!==d.Ll.failed})),i=n.indexOf(e);z({index:i,images:n.map((function(e){return e.src||e.thumbSrc}))})}var b=n(35849),j=n(70386),C=n(52074),L=n(31256),I=n(25700),T=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(t,e),t.prototype.getUploadSuccessOverrideProps=function(e){return(0,L.Z)(e)?{}:"string"==typeof e?{src:e,thumbSrc:e}:e},t.prototype.renderUploadList=function(e){var t=this.props,n=t.sortable,i=t.preview,o=t.customUploadItem,a=this.remainAmount>0&&this.renderTrigger(e);return(0,r.jsx)(f,{i18n:e,fileList:this.fileList,onRetry:this.retryUploadItem,onDelete:this.deleteUploadItem,onSortChange:this.updateFileList,sortable:n,trigger:a,onPreview:i,customUploadItem:o},void 0)},t.prototype.createNewUploadFileItem=function(e){var t=this.props.getThumbSrcFromFile(e);return Promise.resolve(t).then((function(t){return(0,i.pi)((0,i.pi)({},(0,I.A)(e)),{thumbSrc:t})}))},t.prototype.renderTips=function(){var e=this.props,t=e.tips,n=e.maxSize,o=(0,i.pi)((0,i.pi)({},this.props),{formattedMaxSize:(0,b.s)(n)}),a=(0,j.X)(t,o);return a&&(0,r.jsx)("div",(0,i.pi)({className:"zent-image-upload-tips","data-zv":"10.0.9"},{children:a}),void 0)},t.prototype.renderTrigger=function(e){var t=this.props,n=t.accept,i=t.maxAmount,o=t.maxSize,a=t.multiple,s=t.disabled,l=this.state.fileList;return(0,r.jsx)(g,{i18n:e,accept:n,maxAmount:i,maxSize:o,multiple:a,disabled:s,remainAmount:this.remainAmount,fileList:l,onAddFile:this.onTriggerUploadFile,onError:this.emitOnError},void 0)},t.prototype.render=function(){var e=this,t=this.props.className;return(0,r.jsx)(C.Z,(0,i.pi)({componentName:"Upload"},{children:function(n){return(0,r.jsxs)("div",(0,i.pi)({className:a()("zent-image-upload",t),"data-zv":"10.0.9"},{children:[e.renderUploadList(n),e.renderTips()]}),void 0)}}),void 0)},t.defaultProps={maxAmount:d.FL,maxSize:d.cQ,multiple:d.F,manualUpload:!1,getThumbSrcFromFile:y,preview:x,accept:"image/*"},t.FILE_UPLOAD_STATUS=d.Ll,t}(s.Z)},50081:(e,t,n)=>{"use strict";n.d(t,{x:()=>x});var i=n(59312),r=n(24246),o=n(60042),a=n.n(o),s=n(52074),l=n(32286),p=n(35849),u=n(70386),d=n(95348),c=n(54272),m=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(t,e),t.prototype.render=function(){var e,t=this.props,n=t.i18n,o=t.disabled;return(0,r.jsxs)("div",(0,i.pi)({className:a()("zent-single-upload-trigger",(e={},e["zent-single-upload-trigger__disabled"]=o,e)),onClick:this.onClickTrigger,onDragOver:this.onTriggerDragOver,onDrop:this.onTriggerDrop,"data-zv":"10.0.9"},{children:[(0,r.jsx)("a",(0,i.pi)({className:"zent-single-upload-trigger-text","data-zv":"10.0.9"},{children:n.add}),void 0),this.renderFileInput()]}),void 0)},t}(n(18385).Z),v=n(27036),f=n(20840),h=n(70735),g=function(e){var t=e.status;return t===d.Ll.failed?(0,r.jsx)(v.Z,{className:"zent-single-upload-item-icon",type:"error-circle"},void 0):t===d.Ll.uploading?(0,r.jsx)(f.Z,{className:"zent-single-upload-item-icon",loading:!0,icon:"circle",iconSize:14},void 0):null},z=function(e){var t,n,o=e.i18n,s=e.item,l=(0,h.B)(e),p=l.deleteHandler,u=l.retryHandler,c=s.status===d.Ll.failed,m=s.status===d.Ll.uploading,v=[d.Ll.beforeUpload,d.Ll.uploading].includes(s.status)?o.uploading:s.name,f=a()("zent-single-upload-item",((t={})["zent-single-upload-item__failed"]=c,t["zent-single-upload-item__uploading"]=m,t)),z={retry:(0,r.jsx)("a",(0,i.pi)({className:"zent-single-upload-item-retry",onClick:u,"data-zv":"10.0.9"},{children:o.retry}),"retry"),cancel:(0,r.jsx)("a",(0,i.pi)({onClick:p,"data-zv":"10.0.9"},{children:o.cancel}),"cancel"),delete:(0,r.jsx)("a",(0,i.pi)({onClick:p,"data-zv":"10.0.9"},{children:o.delete}),"delete")},y=((n={})[d.Ll.uploading]=[z.cancel],n[d.Ll.failed]=[z.retry,z.delete],n[d.Ll.success]=[z.delete],n);return(0,r.jsx)("div",(0,i.pi)({className:f,"data-zv":"10.0.9"},{children:(0,r.jsxs)("div",(0,i.pi)({className:"zent-single-upload-item-info","data-zv":"10.0.9"},{children:[g(s),(0,r.jsx)("div",(0,i.pi)({className:"zent-single-upload-item-name","data-zv":"10.0.9"},{children:v}),void 0),(0,r.jsx)("div",(0,i.pi)({className:"zent-single-upload-item-actions","data-zv":"10.0.9"},{children:y[s.status]}),void 0)]}),void 0)}),s.id)},y=n(25700),x=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={value:null},t.onChange=function(e,n,i){var r=function(){t.props.onChange(e,n),i&&i()};t.isControlled?r():t.setState({value:e},r)},t.updateUploadItem=function(e,n){var r=t.getUploadItem(e);if(r){var o=(0,i.pi)((0,i.pi)({},r),n);t.onChange(o,{item:o,type:"change"})}},t.deleteUploadItem=function(e){t.onChange(null,{item:e,type:"delete"})},t.retryUploadItem=function(e){var n=(0,i.pi)((0,i.pi)({},e),{status:d.Ll.uploading,percent:0});t.onChange(n,{item:n,type:"retry"},(function(){return t.emitOnUpload(e.file,n)}))},t.onTriggerUploadFile=function(e){var n=t.props.beforeUpload;return(0,c.L)(!n||n(e)).then((function(){return t.createNewUploadFileItem(e)})).then((function(n){t.onChange(n,{item:n,type:"add"},(function(){return t.emitOnUpload(e,n)}))}))},t}return(0,i.ZT)(t,e),Object.defineProperty(t.prototype,"isControlled",{get:function(){return void 0!==this.props.value},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"value",{get:function(){return this.isControlled?this.props.value:this.state.value},enumerable:!1,configurable:!0}),t.prototype.getUploadItem=function(e){var t;return(null===(t=this.value)||void 0===t?void 0:t.id)===e?this.value:null},t.prototype.createNewUploadFileItem=function(e){return(0,y.A)(e)},t.prototype.renderTips=function(){var e=this.props,t=e.tips,n=e.maxSize,o=(0,i.pi)((0,i.pi)({},this.props),{formattedMaxSize:(0,p.s)(n)}),a=(0,u.X)(t,o);return a&&(0,r.jsx)("div",(0,i.pi)({className:"zent-single-upload-tips","data-zv":"10.0.9"},{children:a}),void 0)},t.prototype.renderTrigger=function(e){var t=this.props,n=t.accept,i=t.maxSize,o=t.disabled;return(0,r.jsx)(m,{i18n:e,accept:n,maxAmount:1,maxSize:i,multiple:!1,disabled:o,remainAmount:this.value?0:1,onAddFile:this.onTriggerUploadFile,onError:this.emitOnError},void 0)},t.prototype.renderItem=function(e){var t=this.props.customUploadItem||z;return(0,r.jsx)(t,{item:this.value,i18n:e,onDelete:this.deleteUploadItem,onRetry:this.retryUploadItem},void 0)},t.prototype.render=function(){var e=this,t=this.props.className;return(0,r.jsx)(s.Z,(0,i.pi)({componentName:"Upload"},{children:function(n){return(0,r.jsxs)("div",(0,i.pi)({className:a()("zent-single-upload",t),"data-zv":"10.0.9"},{children:[e.value?e.renderItem(n):e.renderTrigger(n),e.renderTips()]}),void 0)}}),void 0)},t}(l.Z)},37122:(e,t,n)=>{"use strict";n.d(t,{g:()=>N});var i=n(59312),r=n(24246),o=n(60042),a=n.n(o),s=n(3254),l=n(26552),p=n(39215),u=n(85883),d=n(8434),c=n(95348),m=n(70735),v=n(72551),f={audio:(0,r.jsx)(p.J,{className:"zent-file-upload-item-icon zent-file-upload-item-icon__type",type:"voice"},void 0),video:(0,r.jsx)(p.J,{className:"zent-file-upload-item-icon zent-file-upload-item-icon__type",type:"video"},void 0)},h=function(e){var t=e.status,n=e.type;if(t===c.Ll.failed)return(0,r.jsx)(p.J,{className:"zent-file-upload-item-icon",type:"error-circle"},void 0);for(var i in f)if((0,v.n)(f,i)&&0===n.indexOf(i))return f[i];return(0,r.jsx)(p.J,{className:"zent-file-upload-item-icon zent-file-upload-item-icon__type",type:"doc"},void 0)},g=function(e){var t,n=e.i18n,o=e.item,s=o.status===c.Ll.failed,l=(0,m.B)(e),p=l.deleteHandler,v=l.retryHandler,f=o.status===c.Ll.uploading,g=a()("zent-file-upload-item",((t={})["zent-file-upload-item__failed"]=s,t["zent-file-upload-item__uploading"]=f,t)),z=function(e){if("."===e[0])return[e];var t=e.lastIndexOf(".");return[e.slice(0,t),e.slice(t)]}(o.name),y=z[0],x=z[1];return(0,r.jsxs)("li",(0,i.pi)({className:g,"data-zv":"10.0.9"},{children:[(0,r.jsxs)("div",(0,i.pi)({className:"zent-file-upload-item-info","data-zv":"10.0.9"},{children:[h(o),(0,r.jsx)("div",(0,i.pi)({className:"zent-file-upload-item-name-wrapper","data-zv":"10.0.9"},{children:(0,r.jsx)(u.Z,(0,i.pi)({content:o.name,trigger:"hover",mouseEnterDelay:500},{children:(0,r.jsxs)("p",(0,i.pi)({className:"zent-file-upload-item-name-line","data-zv":"10.0.9"},{children:[(0,r.jsx)("span",(0,i.pi)({className:"zent-file-upload-item-name","data-zv":"10.0.9"},{children:y}),void 0),(0,r.jsx)("span",(0,i.pi)({className:"zent-file-upload-item-name-ext","data-zv":"10.0.9"},{children:x}),void 0)]}),void 0)}),void 0)}),void 0),(0,r.jsxs)("div",(0,i.pi)({className:"zent-file-upload-item-actions","data-zv":"10.0.9"},{children:[s&&(0,r.jsx)("a",(0,i.pi)({className:"zent-file-upload-item-retry",onClick:v,"data-zv":"10.0.9"},{children:n.retry}),void 0),(0,r.jsx)("a",(0,i.pi)({onClick:p,"data-zv":"10.0.9"},{children:n.delete}),void 0)]}),void 0)]}),void 0),f&&(0,r.jsx)(d.E,{showInfo:!1,className:"zent-file-upload-item-progress",strokeWidth:2,status:"normal",percent:o.percent},void 0)]}),o.id)},z=n(36055),y=n(24883),x=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={current:1},t.onFileListSortChange=function(e){var n=t.displayListRange,r=n[0],o=n[1],a=t.props.fileList,s=(0,i.ev)((0,i.ev)((0,i.ev)([],a.slice(0,r)),e),a.slice(o));t.props.onSortChange(s)},t.onPaginationChange=function(e){t.setState({current:e.current})},t.renderFileItem=function(e){var n=t.props.customUploadItem||g;return(0,r.jsx)(n,{item:e,i18n:t.props.i18n,onDelete:t.props.onDelete,onRetry:t.props.onRetry},e.id)},t}return(0,i.ZT)(t,e),t.prototype.componentDidUpdate=function(e){var t=e.fileList,n=e.pageSize,i=this.props,r=i.fileList,o=i.pageSize,a=this.state.current;if(r.length{"use strict";var i=n(59312),r=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(t,e),t}(n(27378).PureComponent);t.Z=r},3254:(e,t,n)=>{"use strict";var i=n(59312),r=n(95348),o=n(65193),a=n(54272),s=function(e){function t(t){var n=e.call(this,t)||this;n.updateFileList=function(e,t,i){var r=function(){n.props.onChange(e,t),i&&i()};n.isControlled?r():n.setState({fileList:e},r)},n.deleteUploadItem=function(e){var t=n.fileList.filter((function(t){return t.id!==e.id}));n.updateFileList(t,{item:e,type:"delete"})},n.retryUploadItem=function(e){var t=n.fileList,o=(0,i.pi)((0,i.pi)({},e),{status:r.Ll.uploading,percent:0}),a=t.map((function(t){return t.id===e.id?o:t}));n.updateFileList(a,{item:o,type:"retry"},(function(){return n.emitOnUpload(e.file,o)}))},n.updateUploadItem=function(e,t){var r=n.getUploadItem(e);if(r){var o=(0,i.pi)((0,i.pi)({},r),t),a=n.fileList.map((function(e){return e.id===r.id?o:e}));n.updateFileList(a,{item:o,type:"change"})}},n.onTriggerUploadFile=function(e){var t=n.props.beforeUpload;return(0,a.L)(!t||t(e)).then((function(){return n.createNewUploadFileItem(e)})).then((function(t){var r=n.state.fileList,o=(0,i.ev)((0,i.ev)([],r),[t]);n.updateFileList(o,{item:t,type:"add"},(function(){return n.emitOnUpload(e,t)}))}))};var s=t.fileList,l=t.defaultFileList;if(s&&l)throw new Error("'fileList' can't be used with 'defaultFileList', 'defaultFileList' can only used in uncontrolled component");return s&&s.forEach(o.m),l&&l.forEach(o.m),n.state={fileList:l||[]},n}return(0,i.ZT)(t,e),t.getDerivedStateFromProps=function(e){return"fileList"in e?{fileList:e.fileList||[]}:null},Object.defineProperty(t.prototype,"isControlled",{get:function(){return!!this.props.fileList},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"fileList",{get:function(){return this.isControlled?this.props.fileList:this.state.fileList},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"remainAmount",{get:function(){return this.props.maxAmount-this.fileList.length},enumerable:!1,configurable:!0}),t.prototype.getUploadItem=function(e){return this.fileList.find((function(t){return t.id===e}))||null},t}(n(32286).Z);t.Z=s},18385:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var i=n(59312),r=n(24246),o=n(27378),a=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.inputRef=(0,o.createRef)(),t.open=function(){t.inputRef.current&&t.inputRef.current.click()},t.onFileInputChange=function(e){if(e.preventDefault(),e.stopPropagation(),e.target.files){var n=Array.from(e.target.files);t.props.onChange(n)}},t.onFileInputClick=function(){t.inputRef.current&&(t.inputRef.current.value="")},t}return(0,i.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.remainAmount,n=e.accept,i=e.multiple,o=e.disabled,a=i&&t>1;return(0,r.jsx)("input",{hidden:!0,ref:this.inputRef,type:"file",disabled:o,multiple:a,accept:n,onClick:this.onFileInputClick,onChange:this.onFileInputChange,"data-zv":"10.0.9"},void 0)},t}(o.PureComponent),s=n(23476),l=n(35849);function p(e,t){return function(e,t){return function(){return e.reduce((function(e,n){return e.then((function(){return t(n)}))}),Promise.resolve())}}(e,t)()}var u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.fileInputRef=(0,o.createRef)(),t.clickFileInput=function(){t.fileInputRef.current&&t.fileInputRef.current.open()},t.onClickTrigger=function(){var e=t.props,n=e.remainAmount,i=e.i18n;n<=0?s.Z.error(i.limit):t.clickFileInput()},t.onInputChange=function(e){var n=t.props,i=n.maxSize,r=n.remainAmount;if(e.length>r)return t.onOverMaxAmount();var o=e.filter((function(e){return e.size>i}));if(o.length)return t.onOverMaxSize(o);p(e,(function(e){return t.props.onAddFile(e)}))},t.onTriggerDragOver=function(e){e.preventDefault()},t.onTriggerDrop=function(e){var n=t.props.disabled;if(e.preventDefault(),e.dataTransfer.files&&!n){var i=Array.from(e.dataTransfer.files);t.onInputChange(i)}},t}return(0,i.ZT)(t,e),t.prototype.onOverMaxAmount=function(){var e=this.props.maxAmount;this.props.onError("overMaxAmount",{maxAmount:e})},t.prototype.onOverMaxSize=function(e){var t=this.props.maxSize;this.props.onError("overMaxSize",{maxSize:t,formattedMaxSize:(0,l.s)(t)})},t.prototype.renderFileInput=function(){var e=this.props,t=e.accept,n=e.multiple,i=e.disabled,o=e.remainAmount;return(0,r.jsx)(a,{ref:this.fileInputRef,accept:t,disabled:i,onChange:this.onInputChange,multiple:n,remainAmount:o},void 0)},t}(o.PureComponent)},32286:(e,t,n)=>{"use strict";var i=n(59312),r=n(27378),o=n(95348),a=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.emitOnError=function(e,n){t.props.onError&&t.props.onError(e,n)},t.emitOnUpload=function(e,n){var i=t.props,r=i.onUpload,o=i.manualUpload,a=n.id;!o&&r&&r(e,t.updateUploadItemPercent.bind(t,a)).then((function(e){t.updateUploadItemStatusToSuccess(a,e)})).catch((function(){t.updateUploadItemStatusToFailed(a)}))},t.updateUploadItemStatusToSuccess=function(e,n){var r=(0,i.pi)({status:o.Ll.success},t.getUploadSuccessOverrideProps(n));t.updateUploadItem(e,r)},t.updateUploadItemStatusToFailed=function(e){var n={status:o.Ll.failed};t.updateUploadItem(e,n)},t.updateUploadItemPercent=function(e,n){var i=t.getUploadItem(e);if(i&&i.status!==o.Ll.success&&i.status!==o.Ll.failed){var r={status:o.Ll.uploading,percent:n};t.updateUploadItem(e,r)}},t}return(0,i.ZT)(t,e),t.prototype.getUploadSuccessOverrideProps=function(e){return e},t}(r.PureComponent);t.Z=a},95348:(e,t,n)=>{"use strict";var i;n.d(t,{Ll:()=>i,FL:()=>r,cQ:()=>o,F:()=>a}),function(e){e.beforeUpload="beforeUpload",e.uploading="uploading",e.failed="failed",e.success="success"}(i||(i={}));var r=1/0,o=1/0,a=!1},70735:(e,t,n)=>{"use strict";n.d(t,{B:()=>o});var i=n(27378),r=n(77828);function o(e){var t=e.item,n=e.onDelete,o=e.onRetry,a=(0,r.Q)(n),s=(0,r.Q)(o);return{deleteHandler:(0,i.useCallback)((function(e){var n;e.stopPropagation(),null===(n=a.current)||void 0===n||n.call(a,t)}),[t,a]),retryHandler:(0,i.useCallback)((function(e){var n;e.stopPropagation(),null===(n=s.current)||void 0===n||n.call(s,t)}),[t,s])}}},25700:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var i=n(95348),r=n(65193);function o(e){var t=(0,r._)();return{_id:t,_file:e,id:t,file:e,name:e.name,type:e.type,status:i.Ll.beforeUpload,percent:0}}},35849:(e,t,n)=>{"use strict";n.d(t,{s:()=>o});var i=1048576,r=1073741824;function o(e){if(e===1/0)return null;var t=e,n="B";return e>=r?(t=e/r,n="G"):e>=i?(t=e/i,n="M"):e>=1024&&(t=e/1024,n="K"),""+t+n}},70386:(e,t,n)=>{"use strict";function i(e,t){return"function"==typeof e?e(t):e}n.d(t,{X:()=>i})},65193:(e,t,n)=>{"use strict";n.d(t,{_:()=>r,m:()=>o});var i=n(70453),r=function(){return(0,i.Z)("zent-upload-item-")},o=function(e){var t=r();e.id=t,e._id=t}},54272:(e,t,n)=>{"use strict";function i(e){return"boolean"==typeof e?e?Promise.resolve():Promise.reject():e}n.d(t,{L:()=>i})},31256:(e,t,n)=>{"use strict";function i(e){return null==e}n.d(t,{Z:()=>i})},98859:(e,t,n)=>{"use strict";n.d(t,{rc:()=>i,Kc:()=>r,AX:()=>o});var i="cubic-bezier(0.5, 0, 0.5, 0.1)",r="cubic-bezier(0.33, 1, 0.68, 1)",o="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file diff --git a/7172-79cb65ce65be11c12b20.js b/7172-79cb65ce65be11c12b20.js new file mode 100644 index 000000000..6f5a3f49c --- /dev/null +++ b/7172-79cb65ce65be11c12b20.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[7172],{36055:(e,t,n)=>{"use strict";n.d(t,{m:()=>c,Z:()=>m});var i=n(59312),r=n(24246),o=n(60042),a=n.n(o),s=n(88510),l=n(80964),p=function(e){function t(t){var n=e.call(this,t)||this;return n.reset=!1,n.state.prevCurrent=t.current,n}return(0,i.ZT)(t,e),t.prototype.render=function(){var e=this.state.value,t=this.props.totalPages;return(0,r.jsxs)("div",(0,i.pi)({className:"zent-pagination-mini-page-jumper","data-zv":"10.0.10"},{children:[(0,r.jsx)(l.Y,{integer:!0,value:e,onChange:this.onChange,onPressEnter:this.onConfirm,width:56},void 0),(0,r.jsx)("span",(0,i.pi)({className:"zent-pagination-mini-page-jumper__sep","data-zv":"10.0.10"},{children:"/"}),void 0),(0,r.jsx)("span",(0,i.pi)({className:"zent-pagination-mini-page-jumper__total","data-zv":"10.0.10"},{children:t}),void 0)]}),void 0)},t.getDerivedStateFromProps=function(e,t){return{value:e.current!==t.prevCurrent?e.current:t.value,prevCurrent:e.current}},t.prototype.handleJump=function(e){var t=this.props,n=t.onJump,i=t.totalPages;n(e),e>i&&this.setState({value:i}),e<1&&this.setState({value:1})},t}(n(17840).Z),u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onPrevPage=t.jumpToPageDelta(-1),t.onNextPage=t.jumpToPageDelta(1),t}return(0,i.ZT)(t,e),t.prototype.resetActiveDoubleArrowButton=function(){},t.prototype.render=function(){var e=this,t=this.props,n=t.layout,o=t.buttonBordered,a=t.current,l=t.onPageChange,u=t.lastPageHelp;return(0,r.jsx)("div",(0,i.pi)({className:"zent-pagination-page-list--mini","data-zv":"10.0.10"},{children:n.map((function(t){var n=t.type;return"left-arrow"===n?(0,r.jsx)(s.Z,{direction:"left",disabled:t.disabled,bordered:o,onClick:e.onPrevPage},n):"right-arrow"===n?(0,r.jsx)(s.Z,{direction:"right",disabled:t.disabled,bordered:o,onClick:e.onNextPage,disabledHelp:u},n):"mini-jumper"===n?(0,r.jsx)(p,{current:a,totalPages:t.totalPages,onJump:l},n):null}))}),void 0)},t}(n(28645).Z);function d(e){var t=e.current,n=e.pageSize,i=e.total,r=Math.ceil(i/n);return[{type:"left-arrow",disabled:t<=1||i<=0},{type:"mini-jumper",totalPages:r},{type:"right-arrow",disabled:t>=r||i<=0}]}var c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(t,e),Object.defineProperty(t.prototype,"name",{get:function(){return"mini"},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"layoutFn",{get:function(){return d},enumerable:!1,configurable:!0}),t.prototype.render=function(){var e=this.props,t=e.current,n=e.buttonBordered,o=e.className,s=e.lastPageHelp,l=this.getLayout(this.props);return(0,r.jsx)("div",(0,i.pi)({className:a()("zent-pagination zent-pagination--"+this.name,o),"data-zv":"10.0.10"},{children:(0,r.jsx)(u,{layout:l,current:t,onPageChange:this.onPageChange,buttonBordered:n,lastPageHelp:s},void 0)}),void 0)},t.defaultProps={current:1,pageSize:10,buttonBordered:!1},t}(n(97714).Z),m=c},88510:(e,t,n)=>{"use strict";var i=n(59312),r=n(24246),o=n(27378),a=n(60042),s=n.n(a),l=n(90347),p=n(85883),u=n(27036),d={position:"top-right",trigger:"hover",centerArrow:!0},c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.double,o=e.active,a=e.bordered,u=e.disabledHelp,c=(0,i._T)(e,["direction","double","active","bordered","disabledHelp"]);if(n)return(0,r.jsx)(m,(0,i.pi)({direction:t,active:o,bordered:a},c),void 0);var h=null;"left"===t?h=v:"right"===t&&(h=f);var g=(0,r.jsx)(l.ZP,(0,i.pi)({},c,{className:s()("zent-pagination-arrow-button","zent-pagination-button--layout",{"zent-pagination-page-button--no-border":!a})},{children:(0,r.jsx)(h,{},void 0)}),void 0);if(u&&c.disabled){var z=(0,i.pi)((0,i.pi)({},d),u);return"hover"===z.trigger&&(z.fixMouseEventsOnDisabledChildren=!0),(0,r.jsx)(p.Z,(0,i.pi)({},z,{children:g}),void 0)}return g},t.defaultProps={double:!1,active:!1,bordered:!0},t}(o.Component),m=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={showArrow:!1,prevActive:!1},t.onMouseOver=function(){t.setState({showArrow:!0})},t.onMouseOut=function(){t.setState({showArrow:!1})},t}return(0,i.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.direction,n=e.active,o=e.bordered,a=(e.double,(0,i._T)(e,["direction","active","bordered","double"])),p=null;"left"===t?p=h:"right"===t&&(p=g);var d=this.state.showArrow;return(0,r.jsx)(l.ZP,(0,i.pi)({className:s()("zent-pagination-arrow-button","zent-pagination-arrow-button--double","zent-pagination-button--layout",{"zent-pagination-arrow-button--double-active":d,"zent-pagination-page-button--no-border":!o})},a,{onMouseOver:n?void 0:this.onMouseOver,onMouseLeave:n?void 0:this.onMouseOut},{children:d?(0,r.jsx)(p,{},void 0):(0,r.jsx)(u.Z,{type:"more",className:"zent-pagination-more"},void 0)}),void 0)},t.getDerivedStateFromProps=function(e,t){var n=e.active,i={prevActive:n,showArrow:t.showArrow};return n!==t.prevActive&&(i.showArrow=!!n),i},t.defaultProps={double:!1,active:!1,bordered:!0},t}(o.Component);function v(){return(0,r.jsx)(u.Z,{type:"left",className:"zent-pagination-arrow"},void 0)}function f(){return(0,r.jsx)(u.Z,{type:"right",className:"zent-pagination-arrow"},void 0)}function h(){return(0,r.jsx)(u.Z,{type:"double-last",className:"zent-pagination-arrow"},void 0)}function g(){return(0,r.jsx)(u.Z,{type:"double-next",className:"zent-pagination-arrow"},void 0)}t.Z=c},17840:(e,t,n)=>{"use strict";var i=n(59312),r=function(e){function t(t){var n,i=e.call(this,t)||this;return i.onChange=function(e){i.setState({value:e})},i.onConfirm=function(e){e.preventDefault();var t=+e.target.value;i.handleJump(t)},i.state={value:null!==(n=t.current)&&void 0!==n?n:null},i}return(0,i.ZT)(t,e),t}(n(27378).Component);t.Z=r},28645:(e,t,n)=>{"use strict";var i=n(59312),r=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onPageNumberClick=function(e){return function(){(0,t.props.onPageChange)(e),t.resetActiveDoubleArrowButton()}},t.jumpToPageDelta=function(e,n){return function(){var i=t.props,r=i.current;(0,i.onPageChange)(r+e),n&&n()}},t}return(0,i.ZT)(t,e),t}(n(27378).Component);t.Z=r},97714:(e,t,n)=>{"use strict";var i=n(59312),r=n(27378),o=n(41925),a=n(72551),s=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.getLayout=(0,o.Z)((function(e){return t.layoutFn(t.getLayoutOptions(e))})),t.onPageChange=function(e){var n=t.props,i=n.current,r=n.pageSize,o=n.onChange,a=t.getTotal();e=Math.max(1,e),(e=Math.min(e,t.getTotalPages(a,r)))!==i&&o({current:e,pageSize:r})},t.onPageSizeChange=function(e){var n=t.props.current,i=t.getTotal();if(t.props.pageSize!==e){var r=t.getTotalPages(i,e),o={pageSize:e,current:Math.min(n,r)};t.props.onChange(o)}},t}return(0,i.ZT)(t,e),t.prototype.shouldUpdateLayout=function(e,t){var n=t.current,i=t.pageSize;return n!==e.current||this.getTotal(t)!==this.getTotal(e)||i!==e.pageSize},t.prototype.getLayoutOptions=function(e){var t=e.current,n=e.pageSize;return{current:t,total:this.getTotal(e),pageSize:n}},t.prototype.getTotalPages=function(e,t){return Math.ceil(e/t)},t.prototype.getTotal=function(e){return e=e||this.props,(0,a.n)(e,"total")?e.total||0:(0,a.n)(e,"totalItem")&&e.totalItem||0},t}(r.Component);t.Z=s},54630:(e,t,n)=>{"use strict";n.d(t,{Z:()=>g,E:()=>h});var i=n(59312),r=n(24246),o=n(31542),a=n.t(o,2),s=n(14805),l=n(27378),p=n(60042),u=n.n(p),d=n(49566),c=n(52074),m=n(53552),v=n(27036),f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={imageIndex:t.props.index||0,imageStyle:{},rotateIndex:0,scaleTag:!1},t.onMaskClick=function(e){e.target===e.currentTarget&&t.props.onClose()},t.onClose=function(){t.props.onClose()},t.handlePreviousAction=function(){var e=t.props.images.length,n=t.state.imageIndex;n=(n-1+e)%e,t.setState({imageIndex:n,imageStyle:{transform:"rotate(0deg)"},rotateIndex:0,scaleTag:!1})},t.handleNextAction=function(){var e=t.props.images.length,n=t.state.imageIndex;n=(n+1)%e,t.setState({imageIndex:n,imageStyle:{transform:"rotate(0deg)"},rotateIndex:0,scaleTag:!1})},t.handleRotate=function(){var e=t.state.scaleTag,n=t.props.scaleRatio;if(n<1)throw new Error("Invalid prop `scaleRatio` in previewImage, it should be greater than 1.");var i=t.state.rotateIndex,r=90+90*i;i++;var o=e?"rotate("+r+"deg) scale("+n+")":"rotate("+r+"deg) scale(1)";t.setState({imageStyle:{transform:o,transitionDuration:"500ms"},rotateIndex:i})},t.handleScale=function(){var e=t.state,n=e.rotateIndex,i=e.scaleTag,r=t.props.scaleRatio;if(r<1)throw new Error("Invalid prop `scaleRatio` in previewImage, it should be greater than 1.");var o=90*n,a=i?"rotate("+o+"deg) scale(1)":"rotate("+o+"deg) scale("+r+")";t.setState({imageStyle:{transform:a,transitionDuration:"500ms"},scaleTag:!i})},t}return(0,i.ZT)(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.images,o=t.showRotateBtn,a=t.className,s=this.state,l=s.scaleTag,p=s.imageIndex,f=s.imageStyle,h=u()("zent-image-p-show-image",{"zent-image-p-is-zooming":l});return(0,r.jsx)(m.ZP,(0,i.pi)({visible:!0,onClose:this.onClose,className:u()("zent-image-p-anchor",a),closeOnESC:!0,blockPageScroll:!0},{children:(0,r.jsx)("div",(0,i.pi)({className:"zent-image-p-backdrop","data-zv":"10.0.10"},{children:(0,r.jsxs)("div",(0,i.pi)({className:"zent-image-p-wrap","data-zv":"10.0.10"},{children:[(0,r.jsx)("div",(0,i.pi)({className:"zent-image-p-close",onClick:this.onClose,"data-zv":"10.0.10"},{children:(0,r.jsx)(v.Z,{type:"close"},void 0)}),void 0),(0,r.jsx)(c.Z,(0,i.pi)({componentName:"PreviewImage"},{children:function(t){return(0,r.jsx)("div",(0,i.pi)({className:"zent-image-p-body",onClick:e.onMaskClick,"data-zv":"10.0.10"},{children:n.map((function(n,i){return i===p?(0,r.jsx)("img",{className:h,onClick:e.handleScale,style:f,src:n,alt:t.alt,"data-zv":"10.0.10"},i):null}))}),void 0)}}),void 0),(0,r.jsx)(c.Z,(0,i.pi)({componentName:"PreviewImage"},{children:function(t){var a=n.length>1,s=u()("zent-image-p-footer",{"zent-image-p-show-rotate-btn":o,"zent-image-p-footer-paging":a}),l=u()("zent-image-p-action",{"zent-image-p-rotate-action":!a});return(0,r.jsxs)("div",(0,i.pi)({className:s,"data-zv":"10.0.10"},{children:[a&&(0,r.jsx)("span",(0,i.pi)({className:"zent-image-p-action",onClick:e.handlePreviousAction,"data-zv":"10.0.10"},{children:t.prev}),void 0),o&&(0,r.jsx)("span",(0,i.pi)({className:l,onClick:(0,d.Z)(e.handleRotate,500,{immediate:!0}),"data-zv":"10.0.10"},{children:t.rotate}),void 0),a&&(0,r.jsx)("span",(0,i.pi)({className:"zent-image-p-action",onClick:e.handleNextAction,"data-zv":"10.0.10"},{children:t.next}),void 0)]}),void 0)}}),void 0)]}),void 0)}),void 0)}),void 0)},t.defaultProps={className:"",showRotateBtn:!0,images:[],index:0,scaleRatio:1.5},t}(l.Component);function h(e){void 0===e&&(e={});var t=e.parentComponent,n=(0,i._T)(e,["parentComponent"]),l=(0,s.Z)("div"),p=(0,i.pi)((0,i.pi)({},n),{onClose:function(){l&&(o.unmountComponentAtNode(l),l=null)}});(t?o.unstable_renderSubtreeIntoContainer.bind(a,t):o.render)((0,r.jsx)(f,(0,i.pi)({},p),void 0),l)}var g=h},8434:(e,t,n)=>{"use strict";n.d(t,{E:()=>g});var i=n(59312),r=n(24246),o=n(27378),a=n(60042),s=n.n(a),l=["normal","success","exception"],p=(0,n(70453).Z)("zentAnimatedArcStrokeGradient"),u={},d={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={opacity:0,rotate:0,transition:u},t.startAnimation=function(){t.animationDelayTimerId&&clearTimeout(t.animationDelayTimerId);var e=t.props,n=e.arcLength,i=e.radius,r=(n-t.getMaskArcLength())/i;t.setState({rotate:r,transition:u,opacity:.2},t.queueAnimationEnd)},t.finishAnimation=function(){t.transitionEndTimerId&&clearTimeout(t.transitionEndTimerId),t.setState({rotate:0,transition:d,opacity:0}),t.animationDelayTimerId=setTimeout(t.startAnimation,1e3)},t.queueAnimationEnd=function(){t.transitionEndTimerId=setTimeout(t.finishAnimation,400)},t}return(0,i.ZT)(t,e),t.prototype.render=function(){var e=this.getPath(),t=this.props,n=t.className,o=t.strokeWidth,a=this.state,s=a.rotate,l=a.transition,u=a.opacity;return(0,r.jsxs)("g",(0,i.pi)({"data-zv":"10.0.10"},{children:[(0,r.jsx)("defs",(0,i.pi)({"data-zv":"10.0.10"},{children:(0,r.jsxs)("linearGradient",(0,i.pi)({id:p},{children:[(0,r.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.10"},void 0),(0,r.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.10"},void 0)]}),void 0)}),void 0),(0,r.jsx)("path",{className:n,d:e,stroke:"url(#"+p+")",strokeOpacity:u,strokeWidth:o,style:(0,i.pi)({transform:"rotate("+s+"rad)"},l),"data-zv":"10.0.10"},void 0)]}),void 0)},t.prototype.componentDidMount=function(){this.startAnimation()},t.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},t.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},t.prototype.getMaskTheta=function(){var e=this.props.radius;return this.getMaskArcLength()/e},t.prototype.getArcStartPoint=function(){var e=this.props,t=e.radius,n=e.strokeWidth/2;return[t+n,n]},t.prototype.getArcEndPoint=function(){var e=this.props,t=e.radius,n=t+e.strokeWidth/2,i=this.getMaskTheta();return[n+Math.sin(i)*t,n-Math.cos(i)*t]},t.prototype.getPath=function(){var e=this.getArcStartPoint(),t=this.getArcEndPoint(),n=this.props.radius;return"M"+e.join(",")+" A"+n+","+n+" 0 0 1 "+t.join(",")},t}(o.PureComponent),m=n(39215),v=function(e){var t=e.type,n=e.percent,i=e.format,o=e.state,a=e.color;return"success"===o?(0,r.jsx)(m.J,{type:"circle"===t?"check":"check-circle",style:{color:a}},void 0):"exception"===o?(0,r.jsx)(m.J,{type:"circle"===t?"close":"close-circle",style:{color:a}},void 0):(0,r.jsx)(r.Fragment,{children:i(n)},void 0)},f=function(e){var t=e.percent,n=e.showInfo,o=e.format,a=e.strokeWidth,l=e.width,p=e.bgColor,u=e.color,d=e.state,m=e.strokeLinecap,f=l||132,h=f/2,g=f-a,z=g/2,y=g*Math.PI,x=y*(100-t)/100;return(0,r.jsxs)("div",(0,i.pi)({className:"zent-progress-container",style:{width:f,height:f},"data-zv":"10.0.10"},{children:[(0,r.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:a,borderColor:p,width:f,height:f},"data-zv":"10.0.10"},void 0),(0,r.jsxs)("svg",(0,i.pi)({className:"zent-progress-inner",viewBox:"0 0 "+f+" "+f,width:f,height:f,"data-zv":"10.0.10"},{children:[(0,r.jsx)("g",(0,i.pi)({transform:"rotate(-90 "+h+" "+h+")","data-zv":"10.0.10"},{children:(0,r.jsx)("circle",{className:s()("zent-progress-inner-path","zent-progress-inner-path--"+m),cx:h,cy:h,r:z,style:{stroke:u,strokeWidth:a},strokeDasharray:y,strokeDashoffset:x,"data-zv":"10.0.10"},void 0)}),void 0),"normal"===d&&(0,r.jsx)(c,{className:s()("zent-progress-path-mask","zent-progress-path-mask--"+m),radius:z,arcLength:y-x,strokeWidth:a},void 0)]}),void 0),n&&(0,r.jsx)("div",(0,i.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,r.jsx)(v,{type:"circle",percent:t,format:o,state:d,color:u},void 0)}),void 0)]}),void 0)},h=function(e){var t=e.format,n=e.width,o=e.percent,a=e.showInfo,l=e.strokeWidth,p=e.bgColor,u=e.color,d=e.state,c=e.strokeLinecap,m=n||"100%",f=a&&(0,r.jsx)("div",(0,i.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,r.jsx)(v,{type:"line",percent:o,format:t,state:d,color:u},void 0)}),void 0);return(0,r.jsxs)("div",(0,i.pi)({className:"zent-progress-container","data-zv":"10.0.10"},{children:[(0,r.jsx)("div",(0,i.pi)({className:s()("zent-progress-wrapper","zent-progress-wrapper--"+c,{"zent-progress-wrapper--finished":100===o}),style:{background:p,width:m,height:l},"data-zv":"10.0.10"},{children:(0,r.jsx)("div",{className:"zent-progress-inner",style:{background:u,width:o+"%",height:l},"data-zv":"10.0.10"},void 0)}),void 0),f]}),void 0)},g=function(e){var t,n=e,a=n.type,p=n.status,u=n.percent,d=n.className,c=n.normalColor,m=n.successColor,v=n.exceptionColor,g=n.bgColor,z=n.format,y=n.showInfo,x=n.strokeWidth,b=n.width,j=n.strokeLinecap,C=(0,i._T)(n,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),L=(0,o.useMemo)((function(){return-1!==l.indexOf(p)?p:u>=100?"success":"normal"}),[p,u]),I={exception:v,success:m,normal:c}[L],T=(0,o.useMemo)((function(){return u<0?0:u>100?100:u}),[u]);switch(a){case"circle":t=f;break;case"line":default:t=h}var N=s()("zent-progress","zent-progress-type__"+a,"zent-progress-state__"+L,d);return(0,r.jsx)("div",(0,i.pi)({className:N},C,{"data-zv":"10.0.10"},{children:(0,r.jsx)(t,{percent:T,showInfo:y,strokeWidth:x,width:b,bgColor:g,format:z,color:I,state:L,strokeLinecap:j},void 0)}),void 0)};g.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(e){return e+"%"}}},19087:(e,t,n)=>{"use strict";n.d(t,{b:()=>f,Z:()=>h});var i=n(59312),r=n(24246),o=n(60042),a=n.n(o),s=n(27378),l=n(28172);function p(e,t,n){var i,r=e.length-1,o=new Array(e.length);if(t===n)return e;if(tt&&a=0;a--)a===t?i=e[a]:an?o[a+1]=e[a]:a===n?(o[a]=i,o[a+1]=e[a]):o[a]=e[a];return o}var u=n(98859),d=l.ZP,c="zent-sortable--grabbing",m=function(e,t){(t||document).querySelectorAll(e).forEach((function(e){e.style.cursor="grabbing"}))},v=function(e,t){(t||document).querySelectorAll(e).forEach((function(e){e.style.cursor=""}))},f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.containerRef=(0,s.createRef)(),t.handleAddDraggingCursor=function(){var e,n=t.props.handle;m("html"),n&&m(n,t.containerRef.current),null===(e=t.containerRef.current)||void 0===e||e.classList.add(c)},t.handleRemoveDraggingCursor=function(){var e,n=t.props.handle;v("html"),n&&v(n,t.containerRef.current),null===(e=t.containerRef.current)||void 0===e||e.classList.remove(c)},t.initSortable=function(){var e=t.props,n=(e.onMove,e.onEnd,e.onChange,e.filterClass),r=(e.children,(0,i._T)(e,["onMove","onEnd","onChange","filterClass","children"])),o=t.containerRef.current;if(o){var a=(0,i.pi)({filter:n?"."+n:"",ghostClass:"zent-sortable__ghost",chosenClass:"zent-sortable__chosen",dragClass:"zent-sortable__drag",fallbackClass:"zent-sortable__fallback",animation:200,easing:u.Kc,forceFallback:!0,onChoose:function(e){var n,i;t.handleAddDraggingCursor(),null===(i=(n=t.props).onChoose)||void 0===i||i.call(n,e)},onMove:function(e,i){var r=t.props.onMove;return r?r(e,i):!n||!e.related.classList.contains(n)},onUnchoose:function(e){var n,i;t.handleRemoveDraggingCursor(),null===(i=(n=t.props).onUnchoose)||void 0===i||i.call(n,e)},onEnd:function(e){var n=t.props,i=n.items,r=n.onEnd,o=n.onChange;if(r&&r(e),i){var a=e.oldIndex,s=e.newIndex,l=p(i,a,Math.max(0,Math.min(s,i.length-1)));o&&o(l)}}},r);t.sortable=d.create(o,a)}},t}return(0,i.ZT)(t,e),t.prototype.destroySortableInstance=function(){this.sortable&&(this.sortable.destroy(),this.sortable=null)},t.prototype.componentDidMount=function(){this.initSortable()},t.prototype.componentWillUnmount=function(){this.destroySortableInstance()},t.prototype.render=function(){var e=this.props,t=e.className,n=e.children,o=e.tag,s=e.handle,l=a()("zent-sortable",t,{"zent-sortable--handle":s}),p=o;return(0,r.jsx)(p,(0,i.pi)({ref:this.containerRef,className:l,"data-zv":"10.0.10"},{children:n}),void 0)},t.defaultProps={tag:"div"},t}(s.Component),h=f},24883:(e,t,n)=>{"use strict";var i=n(19087);t.Z=i.Z},82645:(e,t,n)=>{"use strict";n.d(t,{U:()=>T});var i=n(59312),r=n(24246),o=n(60042),a=n.n(o),s=n(3254),l=n(27378),p=n(39215),u=n(8434),d=n(95348),c=n(70735),m=function(e){var t,n=e.i18n,o=e.item,s=e.onPreview,m=o.status===d.Ll.failed,v=function(e){void 0===e&&(e=!1);var t=(0,l.useState)(e),n=t[0],i=t[1];return{isHover:n,onMouseEnter:(0,l.useCallback)((function(){i(!0)}),[]),onMouseLeave:(0,l.useCallback)((function(){i(!1)}),[])}}(),f=v.isHover,h=v.onMouseEnter,g=v.onMouseLeave,z=(0,c.B)(e),y=z.deleteHandler,x=z.retryHandler,b=(0,l.useCallback)((function(e){e.stopPropagation(),s(o)}),[s,o]),j=a()("zent-image-upload-item",((t={})["zent-image-upload-item__failed"]=m,t["zent-image-upload-item__hover"]=f,t)),C=(0,l.useMemo)((function(){var e,t=f?"upload":"warning",o=f?n.retry:n.failed,s=a()("zent-image-upload-item-backdrop","zent-image-upload-item-backdrop__white",((e={})["zent-image-upload-item-backdrop__failed"]=!f,e["zent-image-upload-item-backdrop__retry"]=f,e));return m&&(0,r.jsxs)("div",(0,i.pi)({className:s,onClick:x,"data-zv":"10.0.10"},{children:[(0,r.jsx)(p.J,{className:"zent-image-upload-item-icon",type:t},void 0),(0,r.jsx)("span",(0,i.pi)({className:"zent-image-upload-item-backdrop-text","data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)}),[f,n,m,x]);return(0,r.jsxs)("li",(0,i.pi)({onMouseEnter:h,onMouseLeave:g,className:j,"data-zv":"10.0.10"},{children:[(0,r.jsx)("img",{className:"zent-image-upload-item-thumb",src:o.thumbSrc||o.src,alt:o.name,onClick:b,"data-zv":"10.0.10"},void 0),o.status===d.Ll.uploading&&(0,r.jsx)("div",(0,i.pi)({className:"zent-image-upload-item-backdrop zent-image-upload-item-backdrop__black","data-zv":"10.0.10"},{children:(0,r.jsx)(u.E,{width:48,showInfo:!1,className:"zent-image-upload-item-progress",strokeWidth:4,status:"normal",percent:o.percent},void 0)}),void 0),C,(0,r.jsx)("i",{className:"zent-image-upload-item-delete-bg","data-zv":"10.0.10"},void 0),(0,r.jsx)(p.J,{type:"close-circle",className:"zent-image-upload-item-delete",onClick:y},void 0)]}),o.id)},v=n(24883),f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onFileListSortChange=function(e){t.props.onSortChange(e)},t.onItemPreview=function(e){t.props.onPreview(e,t.props.fileList)},t.renderFileItem=function(e){var n=t.props.customUploadItem||m;return(0,r.jsx)(n,{item:e,i18n:t.props.i18n,onDelete:t.props.onDelete,onRetry:t.props.onRetry,onPreview:t.onItemPreview},e.id)},t}return(0,i.ZT)(t,e),t.prototype.getRenderFileList=function(){return this.props.fileList},t.prototype.render=function(){var e=this.props,t=e.sortable,n=e.trigger,o=this.getRenderFileList(),a=o.map(this.renderFileItem),s=(0,r.jsxs)(v.Z,(0,i.pi)({tag:"ul",disabled:!t,items:o,className:"zent-image-upload-list",onChange:this.onFileListSortChange,filterClass:"zent-image-upload-trigger"},{children:[a,n]}),void 0);return(0,r.jsx)("div",(0,i.pi)({className:"zent-image-upload-list-wrapper","data-zv":"10.0.10"},{children:s}),void 0)},t}(n(26552).Z),h=n(27036),g=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(t,e),t.prototype.render=function(){var e,t=this.props.disabled;return(0,r.jsxs)("div",(0,i.pi)({className:a()("zent-image-upload-trigger",(e={},e["zent-image-upload-trigger__disabled"]=t,e)),onClick:this.onClickTrigger,onDragOver:this.onTriggerDragOver,onDrop:this.onTriggerDrop,"data-zv":"10.0.10"},{children:[(0,r.jsx)(h.Z,{type:"plus",className:"zent-image-upload-trigger-add-icon"},void 0),this.renderFileInput()]}),void 0)},t}(n(18385).Z),z=n(54630).Z;function y(e){return new Promise((function(t,n){var i=new FileReader;i.onloadend=function(){return t(i.result)},i.onerror=n,i.readAsDataURL(e)}))}function x(e,t){var n=t.filter((function(e){return e.status!==d.Ll.failed})),i=n.indexOf(e);z({index:i,images:n.map((function(e){return e.src||e.thumbSrc}))})}var b=n(35849),j=n(70386),C=n(52074),L=n(31256),I=n(25700),T=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(t,e),t.prototype.getUploadSuccessOverrideProps=function(e){return(0,L.Z)(e)?{}:"string"==typeof e?{src:e,thumbSrc:e}:e},t.prototype.renderUploadList=function(e){var t=this.props,n=t.sortable,i=t.preview,o=t.customUploadItem,a=this.remainAmount>0&&this.renderTrigger(e);return(0,r.jsx)(f,{i18n:e,fileList:this.fileList,onRetry:this.retryUploadItem,onDelete:this.deleteUploadItem,onSortChange:this.updateFileList,sortable:n,trigger:a,onPreview:i,customUploadItem:o},void 0)},t.prototype.createNewUploadFileItem=function(e){var t=this.props.getThumbSrcFromFile(e);return Promise.resolve(t).then((function(t){return(0,i.pi)((0,i.pi)({},(0,I.A)(e)),{thumbSrc:t})}))},t.prototype.renderTips=function(){var e=this.props,t=e.tips,n=e.maxSize,o=(0,i.pi)((0,i.pi)({},this.props),{formattedMaxSize:(0,b.s)(n)}),a=(0,j.X)(t,o);return a&&(0,r.jsx)("div",(0,i.pi)({className:"zent-image-upload-tips","data-zv":"10.0.10"},{children:a}),void 0)},t.prototype.renderTrigger=function(e){var t=this.props,n=t.accept,i=t.maxAmount,o=t.maxSize,a=t.multiple,s=t.disabled,l=this.state.fileList;return(0,r.jsx)(g,{i18n:e,accept:n,maxAmount:i,maxSize:o,multiple:a,disabled:s,remainAmount:this.remainAmount,fileList:l,onAddFile:this.onTriggerUploadFile,onError:this.emitOnError},void 0)},t.prototype.render=function(){var e=this,t=this.props.className;return(0,r.jsx)(C.Z,(0,i.pi)({componentName:"Upload"},{children:function(n){return(0,r.jsxs)("div",(0,i.pi)({className:a()("zent-image-upload",t),"data-zv":"10.0.10"},{children:[e.renderUploadList(n),e.renderTips()]}),void 0)}}),void 0)},t.defaultProps={maxAmount:d.FL,maxSize:d.cQ,multiple:d.F,manualUpload:!1,getThumbSrcFromFile:y,preview:x,accept:"image/*"},t.FILE_UPLOAD_STATUS=d.Ll,t}(s.Z)},50081:(e,t,n)=>{"use strict";n.d(t,{x:()=>x});var i=n(59312),r=n(24246),o=n(60042),a=n.n(o),s=n(52074),l=n(32286),p=n(35849),u=n(70386),d=n(95348),c=n(54272),m=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(t,e),t.prototype.render=function(){var e,t=this.props,n=t.i18n,o=t.disabled;return(0,r.jsxs)("div",(0,i.pi)({className:a()("zent-single-upload-trigger",(e={},e["zent-single-upload-trigger__disabled"]=o,e)),onClick:this.onClickTrigger,onDragOver:this.onTriggerDragOver,onDrop:this.onTriggerDrop,"data-zv":"10.0.10"},{children:[(0,r.jsx)("a",(0,i.pi)({className:"zent-single-upload-trigger-text","data-zv":"10.0.10"},{children:n.add}),void 0),this.renderFileInput()]}),void 0)},t}(n(18385).Z),v=n(27036),f=n(20840),h=n(70735),g=function(e){var t=e.status;return t===d.Ll.failed?(0,r.jsx)(v.Z,{className:"zent-single-upload-item-icon",type:"error-circle"},void 0):t===d.Ll.uploading?(0,r.jsx)(f.Z,{className:"zent-single-upload-item-icon",loading:!0,icon:"circle",iconSize:14},void 0):null},z=function(e){var t,n,o=e.i18n,s=e.item,l=(0,h.B)(e),p=l.deleteHandler,u=l.retryHandler,c=s.status===d.Ll.failed,m=s.status===d.Ll.uploading,v=[d.Ll.beforeUpload,d.Ll.uploading].includes(s.status)?o.uploading:s.name,f=a()("zent-single-upload-item",((t={})["zent-single-upload-item__failed"]=c,t["zent-single-upload-item__uploading"]=m,t)),z={retry:(0,r.jsx)("a",(0,i.pi)({className:"zent-single-upload-item-retry",onClick:u,"data-zv":"10.0.10"},{children:o.retry}),"retry"),cancel:(0,r.jsx)("a",(0,i.pi)({onClick:p,"data-zv":"10.0.10"},{children:o.cancel}),"cancel"),delete:(0,r.jsx)("a",(0,i.pi)({onClick:p,"data-zv":"10.0.10"},{children:o.delete}),"delete")},y=((n={})[d.Ll.uploading]=[z.cancel],n[d.Ll.failed]=[z.retry,z.delete],n[d.Ll.success]=[z.delete],n);return(0,r.jsx)("div",(0,i.pi)({className:f,"data-zv":"10.0.10"},{children:(0,r.jsxs)("div",(0,i.pi)({className:"zent-single-upload-item-info","data-zv":"10.0.10"},{children:[g(s),(0,r.jsx)("div",(0,i.pi)({className:"zent-single-upload-item-name","data-zv":"10.0.10"},{children:v}),void 0),(0,r.jsx)("div",(0,i.pi)({className:"zent-single-upload-item-actions","data-zv":"10.0.10"},{children:y[s.status]}),void 0)]}),void 0)}),s.id)},y=n(25700),x=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={value:null},t.onChange=function(e,n,i){var r=function(){t.props.onChange(e,n),i&&i()};t.isControlled?r():t.setState({value:e},r)},t.updateUploadItem=function(e,n){var r=t.getUploadItem(e);if(r){var o=(0,i.pi)((0,i.pi)({},r),n);t.onChange(o,{item:o,type:"change"})}},t.deleteUploadItem=function(e){t.onChange(null,{item:e,type:"delete"})},t.retryUploadItem=function(e){var n=(0,i.pi)((0,i.pi)({},e),{status:d.Ll.uploading,percent:0});t.onChange(n,{item:n,type:"retry"},(function(){return t.emitOnUpload(e.file,n)}))},t.onTriggerUploadFile=function(e){var n=t.props.beforeUpload;return(0,c.L)(!n||n(e)).then((function(){return t.createNewUploadFileItem(e)})).then((function(n){t.onChange(n,{item:n,type:"add"},(function(){return t.emitOnUpload(e,n)}))}))},t}return(0,i.ZT)(t,e),Object.defineProperty(t.prototype,"isControlled",{get:function(){return void 0!==this.props.value},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"value",{get:function(){return this.isControlled?this.props.value:this.state.value},enumerable:!1,configurable:!0}),t.prototype.getUploadItem=function(e){var t;return(null===(t=this.value)||void 0===t?void 0:t.id)===e?this.value:null},t.prototype.createNewUploadFileItem=function(e){return(0,y.A)(e)},t.prototype.renderTips=function(){var e=this.props,t=e.tips,n=e.maxSize,o=(0,i.pi)((0,i.pi)({},this.props),{formattedMaxSize:(0,p.s)(n)}),a=(0,u.X)(t,o);return a&&(0,r.jsx)("div",(0,i.pi)({className:"zent-single-upload-tips","data-zv":"10.0.10"},{children:a}),void 0)},t.prototype.renderTrigger=function(e){var t=this.props,n=t.accept,i=t.maxSize,o=t.disabled;return(0,r.jsx)(m,{i18n:e,accept:n,maxAmount:1,maxSize:i,multiple:!1,disabled:o,remainAmount:this.value?0:1,onAddFile:this.onTriggerUploadFile,onError:this.emitOnError},void 0)},t.prototype.renderItem=function(e){var t=this.props.customUploadItem||z;return(0,r.jsx)(t,{item:this.value,i18n:e,onDelete:this.deleteUploadItem,onRetry:this.retryUploadItem},void 0)},t.prototype.render=function(){var e=this,t=this.props.className;return(0,r.jsx)(s.Z,(0,i.pi)({componentName:"Upload"},{children:function(n){return(0,r.jsxs)("div",(0,i.pi)({className:a()("zent-single-upload",t),"data-zv":"10.0.10"},{children:[e.value?e.renderItem(n):e.renderTrigger(n),e.renderTips()]}),void 0)}}),void 0)},t}(l.Z)},37122:(e,t,n)=>{"use strict";n.d(t,{g:()=>N});var i=n(59312),r=n(24246),o=n(60042),a=n.n(o),s=n(3254),l=n(26552),p=n(39215),u=n(85883),d=n(8434),c=n(95348),m=n(70735),v=n(72551),f={audio:(0,r.jsx)(p.J,{className:"zent-file-upload-item-icon zent-file-upload-item-icon__type",type:"voice"},void 0),video:(0,r.jsx)(p.J,{className:"zent-file-upload-item-icon zent-file-upload-item-icon__type",type:"video"},void 0)},h=function(e){var t=e.status,n=e.type;if(t===c.Ll.failed)return(0,r.jsx)(p.J,{className:"zent-file-upload-item-icon",type:"error-circle"},void 0);for(var i in f)if((0,v.n)(f,i)&&0===n.indexOf(i))return f[i];return(0,r.jsx)(p.J,{className:"zent-file-upload-item-icon zent-file-upload-item-icon__type",type:"doc"},void 0)},g=function(e){var t,n=e.i18n,o=e.item,s=o.status===c.Ll.failed,l=(0,m.B)(e),p=l.deleteHandler,v=l.retryHandler,f=o.status===c.Ll.uploading,g=a()("zent-file-upload-item",((t={})["zent-file-upload-item__failed"]=s,t["zent-file-upload-item__uploading"]=f,t)),z=function(e){if("."===e[0])return[e];var t=e.lastIndexOf(".");return[e.slice(0,t),e.slice(t)]}(o.name),y=z[0],x=z[1];return(0,r.jsxs)("li",(0,i.pi)({className:g,"data-zv":"10.0.10"},{children:[(0,r.jsxs)("div",(0,i.pi)({className:"zent-file-upload-item-info","data-zv":"10.0.10"},{children:[h(o),(0,r.jsx)("div",(0,i.pi)({className:"zent-file-upload-item-name-wrapper","data-zv":"10.0.10"},{children:(0,r.jsx)(u.Z,(0,i.pi)({content:o.name,trigger:"hover",mouseEnterDelay:500},{children:(0,r.jsxs)("p",(0,i.pi)({className:"zent-file-upload-item-name-line","data-zv":"10.0.10"},{children:[(0,r.jsx)("span",(0,i.pi)({className:"zent-file-upload-item-name","data-zv":"10.0.10"},{children:y}),void 0),(0,r.jsx)("span",(0,i.pi)({className:"zent-file-upload-item-name-ext","data-zv":"10.0.10"},{children:x}),void 0)]}),void 0)}),void 0)}),void 0),(0,r.jsxs)("div",(0,i.pi)({className:"zent-file-upload-item-actions","data-zv":"10.0.10"},{children:[s&&(0,r.jsx)("a",(0,i.pi)({className:"zent-file-upload-item-retry",onClick:v,"data-zv":"10.0.10"},{children:n.retry}),void 0),(0,r.jsx)("a",(0,i.pi)({onClick:p,"data-zv":"10.0.10"},{children:n.delete}),void 0)]}),void 0)]}),void 0),f&&(0,r.jsx)(d.E,{showInfo:!1,className:"zent-file-upload-item-progress",strokeWidth:2,status:"normal",percent:o.percent},void 0)]}),o.id)},z=n(36055),y=n(24883),x=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={current:1},t.onFileListSortChange=function(e){var n=t.displayListRange,r=n[0],o=n[1],a=t.props.fileList,s=(0,i.ev)((0,i.ev)((0,i.ev)([],a.slice(0,r)),e),a.slice(o));t.props.onSortChange(s)},t.onPaginationChange=function(e){t.setState({current:e.current})},t.renderFileItem=function(e){var n=t.props.customUploadItem||g;return(0,r.jsx)(n,{item:e,i18n:t.props.i18n,onDelete:t.props.onDelete,onRetry:t.props.onRetry},e.id)},t}return(0,i.ZT)(t,e),t.prototype.componentDidUpdate=function(e){var t=e.fileList,n=e.pageSize,i=this.props,r=i.fileList,o=i.pageSize,a=this.state.current;if(r.length{"use strict";var i=n(59312),r=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,i.ZT)(t,e),t}(n(27378).PureComponent);t.Z=r},3254:(e,t,n)=>{"use strict";var i=n(59312),r=n(95348),o=n(65193),a=n(54272),s=function(e){function t(t){var n=e.call(this,t)||this;n.updateFileList=function(e,t,i){var r=function(){n.props.onChange(e,t),i&&i()};n.isControlled?r():n.setState({fileList:e},r)},n.deleteUploadItem=function(e){var t=n.fileList.filter((function(t){return t.id!==e.id}));n.updateFileList(t,{item:e,type:"delete"})},n.retryUploadItem=function(e){var t=n.fileList,o=(0,i.pi)((0,i.pi)({},e),{status:r.Ll.uploading,percent:0}),a=t.map((function(t){return t.id===e.id?o:t}));n.updateFileList(a,{item:o,type:"retry"},(function(){return n.emitOnUpload(e.file,o)}))},n.updateUploadItem=function(e,t){var r=n.getUploadItem(e);if(r){var o=(0,i.pi)((0,i.pi)({},r),t),a=n.fileList.map((function(e){return e.id===r.id?o:e}));n.updateFileList(a,{item:o,type:"change"})}},n.onTriggerUploadFile=function(e){var t=n.props.beforeUpload;return(0,a.L)(!t||t(e)).then((function(){return n.createNewUploadFileItem(e)})).then((function(t){var r=n.state.fileList,o=(0,i.ev)((0,i.ev)([],r),[t]);n.updateFileList(o,{item:t,type:"add"},(function(){return n.emitOnUpload(e,t)}))}))};var s=t.fileList,l=t.defaultFileList;if(s&&l)throw new Error("'fileList' can't be used with 'defaultFileList', 'defaultFileList' can only used in uncontrolled component");return s&&s.forEach(o.m),l&&l.forEach(o.m),n.state={fileList:l||[]},n}return(0,i.ZT)(t,e),t.getDerivedStateFromProps=function(e){return"fileList"in e?{fileList:e.fileList||[]}:null},Object.defineProperty(t.prototype,"isControlled",{get:function(){return!!this.props.fileList},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"fileList",{get:function(){return this.isControlled?this.props.fileList:this.state.fileList},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"remainAmount",{get:function(){return this.props.maxAmount-this.fileList.length},enumerable:!1,configurable:!0}),t.prototype.getUploadItem=function(e){return this.fileList.find((function(t){return t.id===e}))||null},t}(n(32286).Z);t.Z=s},18385:(e,t,n)=>{"use strict";n.d(t,{Z:()=>u});var i=n(59312),r=n(24246),o=n(27378),a=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.inputRef=(0,o.createRef)(),t.open=function(){t.inputRef.current&&t.inputRef.current.click()},t.onFileInputChange=function(e){if(e.preventDefault(),e.stopPropagation(),e.target.files){var n=Array.from(e.target.files);t.props.onChange(n)}},t.onFileInputClick=function(){t.inputRef.current&&(t.inputRef.current.value="")},t}return(0,i.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.remainAmount,n=e.accept,i=e.multiple,o=e.disabled,a=i&&t>1;return(0,r.jsx)("input",{hidden:!0,ref:this.inputRef,type:"file",disabled:o,multiple:a,accept:n,onClick:this.onFileInputClick,onChange:this.onFileInputChange,"data-zv":"10.0.10"},void 0)},t}(o.PureComponent),s=n(23476),l=n(35849);function p(e,t){return function(e,t){return function(){return e.reduce((function(e,n){return e.then((function(){return t(n)}))}),Promise.resolve())}}(e,t)()}var u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.fileInputRef=(0,o.createRef)(),t.clickFileInput=function(){t.fileInputRef.current&&t.fileInputRef.current.open()},t.onClickTrigger=function(){var e=t.props,n=e.remainAmount,i=e.i18n;n<=0?s.Z.error(i.limit):t.clickFileInput()},t.onInputChange=function(e){var n=t.props,i=n.maxSize,r=n.remainAmount;if(e.length>r)return t.onOverMaxAmount();var o=e.filter((function(e){return e.size>i}));if(o.length)return t.onOverMaxSize(o);p(e,(function(e){return t.props.onAddFile(e)}))},t.onTriggerDragOver=function(e){e.preventDefault()},t.onTriggerDrop=function(e){var n=t.props.disabled;if(e.preventDefault(),e.dataTransfer.files&&!n){var i=Array.from(e.dataTransfer.files);t.onInputChange(i)}},t}return(0,i.ZT)(t,e),t.prototype.onOverMaxAmount=function(){var e=this.props.maxAmount;this.props.onError("overMaxAmount",{maxAmount:e})},t.prototype.onOverMaxSize=function(e){var t=this.props.maxSize;this.props.onError("overMaxSize",{maxSize:t,formattedMaxSize:(0,l.s)(t)})},t.prototype.renderFileInput=function(){var e=this.props,t=e.accept,n=e.multiple,i=e.disabled,o=e.remainAmount;return(0,r.jsx)(a,{ref:this.fileInputRef,accept:t,disabled:i,onChange:this.onInputChange,multiple:n,remainAmount:o},void 0)},t}(o.PureComponent)},32286:(e,t,n)=>{"use strict";var i=n(59312),r=n(27378),o=n(95348),a=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.emitOnError=function(e,n){t.props.onError&&t.props.onError(e,n)},t.emitOnUpload=function(e,n){var i=t.props,r=i.onUpload,o=i.manualUpload,a=n.id;!o&&r&&r(e,t.updateUploadItemPercent.bind(t,a)).then((function(e){t.updateUploadItemStatusToSuccess(a,e)})).catch((function(){t.updateUploadItemStatusToFailed(a)}))},t.updateUploadItemStatusToSuccess=function(e,n){var r=(0,i.pi)({status:o.Ll.success},t.getUploadSuccessOverrideProps(n));t.updateUploadItem(e,r)},t.updateUploadItemStatusToFailed=function(e){var n={status:o.Ll.failed};t.updateUploadItem(e,n)},t.updateUploadItemPercent=function(e,n){var i=t.getUploadItem(e);if(i&&i.status!==o.Ll.success&&i.status!==o.Ll.failed){var r={status:o.Ll.uploading,percent:n};t.updateUploadItem(e,r)}},t}return(0,i.ZT)(t,e),t.prototype.getUploadSuccessOverrideProps=function(e){return e},t}(r.PureComponent);t.Z=a},95348:(e,t,n)=>{"use strict";var i;n.d(t,{Ll:()=>i,FL:()=>r,cQ:()=>o,F:()=>a}),function(e){e.beforeUpload="beforeUpload",e.uploading="uploading",e.failed="failed",e.success="success"}(i||(i={}));var r=1/0,o=1/0,a=!1},70735:(e,t,n)=>{"use strict";n.d(t,{B:()=>o});var i=n(27378),r=n(77828);function o(e){var t=e.item,n=e.onDelete,o=e.onRetry,a=(0,r.Q)(n),s=(0,r.Q)(o);return{deleteHandler:(0,i.useCallback)((function(e){var n;e.stopPropagation(),null===(n=a.current)||void 0===n||n.call(a,t)}),[t,a]),retryHandler:(0,i.useCallback)((function(e){var n;e.stopPropagation(),null===(n=s.current)||void 0===n||n.call(s,t)}),[t,s])}}},25700:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var i=n(95348),r=n(65193);function o(e){var t=(0,r._)();return{_id:t,_file:e,id:t,file:e,name:e.name,type:e.type,status:i.Ll.beforeUpload,percent:0}}},35849:(e,t,n)=>{"use strict";n.d(t,{s:()=>o});var i=1048576,r=1073741824;function o(e){if(e===1/0)return null;var t=e,n="B";return e>=r?(t=e/r,n="G"):e>=i?(t=e/i,n="M"):e>=1024&&(t=e/1024,n="K"),""+t+n}},70386:(e,t,n)=>{"use strict";function i(e,t){return"function"==typeof e?e(t):e}n.d(t,{X:()=>i})},65193:(e,t,n)=>{"use strict";n.d(t,{_:()=>r,m:()=>o});var i=n(70453),r=function(){return(0,i.Z)("zent-upload-item-")},o=function(e){var t=r();e.id=t,e._id=t}},54272:(e,t,n)=>{"use strict";function i(e){return"boolean"==typeof e?e?Promise.resolve():Promise.reject():e}n.d(t,{L:()=>i})},31256:(e,t,n)=>{"use strict";function i(e){return null==e}n.d(t,{Z:()=>i})},98859:(e,t,n)=>{"use strict";n.d(t,{rc:()=>i,Kc:()=>r,AX:()=>o});var i="cubic-bezier(0.5, 0, 0.5, 0.1)",r="cubic-bezier(0.33, 1, 0.68, 1)",o="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file diff --git a/730-f49f1f58cb7d8468e3d6.js b/730-e21c9db8232350aa7358.js similarity index 88% rename from 730-f49f1f58cb7d8468e3d6.js rename to 730-e21c9db8232350aa7358.js index 5617e8b1d..a1e054cfd 100644 --- a/730-f49f1f58cb7d8468e3d6.js +++ b/730-e21c9db8232350aa7358.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[730],{50730:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>b});var t=a(73450),e=a(27378),p=a(57318),o=a(61773),c=a(80964),l=a(24246);function i(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 r(n){for(var s=1;s{this.setState({size:n})}))}render(){var s=this.state.size;return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.Y,{value:s,onChange:this.onChange,showStepper:!0}),(0,l.jsx)(o.T,{size:s,timeline:n})]})}}return(0,l.jsx)(s,{})};function m(n){return(0,l.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,l.jsx)(m,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function y(n){return(0,l.jsx)(m,{tag:"style",html:n.style})}function g(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),g(n.parentNode,s);return s}class v 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,e=s.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(m,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends e.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,p.l)(document.documentElement,0,g(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(y,{style:""}),e.createElement(h,{html:'

Timeline

\n

Demos

'}),e.createElement(v,{title:"Basic usage",id:"Demobasic",src:'import { Timeline } from \'zent\';\n\nReactDOM.render(\n <div>\n <h3>Horizontal</h3>\n <Timeline.Legend>Sample</Timeline.Legend>\n <Timeline type="horizontal">\n <Timeline.Item label="Time 1" />\n <Timeline.Item label="Time 2" tip="hello" />\n <Timeline.Item label="Time 3" />\n <Timeline.Item size={0} label="Custom length" />\n </Timeline>\n <h3>Vertical</h3>\n <Timeline.Legend>Sample</Timeline.Legend>\n <Timeline type="vertical">\n <Timeline.Item label="Time 1" />\n <Timeline.Item label="Time 2" tip="hello" />\n <Timeline.Item label="Time 3" />\n <Timeline.Item label="No dot, custom color" showDot={false} lineColor="red" />\n <Timeline.Item label="No label" showLabel={false} />\n <Timeline.Item label="Custom dot color" dotColor="#5197FF" />\n <Timeline.Item size={0} label="Custom length" />\n </Timeline>\n </div>,\n mountNode\n);'},e.createElement(u)),e.createElement(v,{title:"Use Array",id:"Demoarray",src:'import { Timeline } from \'zent\';\n\nconst timeline = [\n \'hello\',\n \'world\',\n {\n label: \'blue\',\n dotColor: \'#5197FF\',\n },\n {\n label: \'red\',\n lineColor: \'#E70000\',\n },\n {\n label: \'color\',\n color: \'#E70000\',\n },\n];\n\nReactDOM.render(\n <div>\n <Timeline type="horizontal" timeline={timeline} />\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(v,{title:"Dynamic Size",id:"Demodynamic",src:'import { Timeline, NumberInput } from \'zent\';\n\nconst timeline = [\n {\n label: \'online\',\n color: \'#00b90e\',\n percent: 0.3\n },\n {\n label: \'unknown\',\n percent: 0.2,\n showDot: false,\n showLabel: false\n },\n {\n label: \'offline\',\n color: \'#E70000\',\n percent: 0.5\n }\n];\n\nclass App extends React.Component {\n state = {\n size: 500\n }\n\n onChange = (size) => {\n this.setState({\n size,\n });\n }\n\n render() {\n const { size } = this.state;\n\n return (\n <div>\n <NumberInput value={size} onChange={this.onChange} showStepper />\n <Timeline size={size} timeline={timeline} />\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />,\n mountNode\n);'},e.createElement(d)),e.createElement(h,{html:'

API

\n

Timeline

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternativeOptional
typehorizontal or verticalstring\'horizontal\'\'horizontal\' | \'vertical\'yes
sizesizenumberyes
timelinepass an array as dataArrayyesyes
classNamecustom classNamestring\'\'yes
stylecustom styleobjectyes
\n

Timeline Item

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternativeOptional
labellabelnodeyes
tiphover pop contentnodeyes
colorcolor, higher priority than \nlineColor\n and \ndotColorstringyes
lineColorline colorstring#999yes
dotColordot colorstring#00B90Eyes
typehorizontal or verticalstring\'horizontal\'\'horizontal\' | \'vertical\'yes
showLabelshould display the labelbooleantruetrue | falseyes
showDotshould display the dotbooleantruetrue | falseyes
sizesizenumberyes
classNamecustom classNamestring\'\'yes
stylecustom styleobjectyes
\n

Timeline Array

\n

Support all properties of Timeline Item.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Extra PropertyDescriptionTypeOptional
iddefault \nkey\n, or the array index will be used as \nkeystringyes
percentpercent of total size when using dynamic size (0 <= percent <= 1)numberyes
'}))}}},61773:(n,s,a)=>{"use strict";a.d(s,{T:()=>m});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(19185),i=a(33806),r=function(n){var s=n.color,a=void 0===s?"":s,p=(0,t._T)(n,["color"]);return(0,e.jsx)("div",(0,t.pi)({},p,{className:"zent-timeline-dot",style:{borderColor:a},"data-zv":"10.0.9"}),void 0)},u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.color,a=n.children,p=n.style,o=n.className;return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-timeline-legend",o),style:p,"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-timeline-legend-line",style:{backgroundColor:s},"data-zv":"10.0.9"},{children:(0,e.jsx)(r,{color:s},void 0)}),void 0),(0,e.jsx)("label",(0,t.pi)({className:"zent-timeline-legend-label","data-zv":"10.0.9"},{children:a}),void 0)]}),void 0)},s.defaultProps={className:""},s}(p.Component),k=function(n){var s=n.children,a=n.tip,p=n.position,o=n.popoverRef;return a?(0,e.jsxs)(i.ZP,(0,t.pi)({ref:o,className:"zent-timeline-tip",position:p,cushion:20},{children:[(0,e.jsx)(i.ZP.Trigger.Hover,{children:s},void 0),(0,e.jsx)(i.ZP.Content,{children:a},void 0)]}),void 0):s},d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.popover=null,s.mousePosition={x:0,y:0},s.onMouseMove=function(n){s.mousePosition.x=n.clientX,s.mousePosition.y=n.clientY,s.popover&&s.popover.adjustPosition()},s.position=function(n){var a=n.anchorRect,t=n.contentRect,e=n.containerRect,p=s.props.type,o=a.left,c=(a.top+a.bottom)/2-t.height/2;return{style:"horizontal"===p?{position:"absolute",left:Math.round(s.mousePosition.x-e.left)+"px",top:Math.round(c-40)+"px"}:{position:"absolute",left:Math.round(o+20)+"px",top:Math.round(s.mousePosition.y-e.top)+"px"}}},s.popoverRef=function(n){return s.popover=n},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n,s=this.props,a=s.size,p=s.showLabel,o=void 0===p||p,l=s.showDot,i=void 0===l||l,u=s.color,d=s.label,m=s.tip,h=s.className,y=s.style,g=s.type,v=s.lineColor,b=s.dotColor,f="vertical"===g?"height":"width";return(0,e.jsxs)("li",(0,t.pi)({className:c()("zent-timeline-item",h),style:y,onMouseMove:this.onMouseMove,"data-zv":"10.0.9"},{children:[(0,e.jsx)(k,(0,t.pi)({tip:m,position:this.position,popoverRef:this.popoverRef},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-timeline-item-hover","data-zv":"10.0.9"},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-timeline-item-line",style:(n={},n[f]=a,n.backgroundColor=u||v,n),"data-zv":"10.0.9"},{children:i&&(0,e.jsx)(r,{color:u||b},void 0)}),void 0)}),void 0)}),void 0),o&&(0,e.jsx)("label",(0,t.pi)({className:"zent-timeline-item-label","data-zv":"10.0.9"},{children:d}),void 0)]}),void 0)},s.defaultProps={showLabel:!0,showDot:!0,lineColor:"#f2f3f5",dotColor:"#155BD4"},s}(p.PureComponent),m=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.renderChildren=function(){var n=this.props,s=n.children,a=n.timeline,o=n.type,c=n.size;return a&&a.length?function(n,s){return n.map((function(n,a){if("string"==typeof n)return{key:n,label:n};var e=n.id,p=n.percent,o=(0,t._T)(n,["id","percent"]);return(0,t.pi)({key:e||a,size:p&&p*s},o)}))}(a,c).reduce((function(n,s){return n.push((0,e.jsx)(d,(0,t.pi)({},s,{type:o}),void 0)),n}),[]):p.Children.map(s,(function(n){return(0,l.isElement)(n)?(0,p.cloneElement)(n,{type:o}):null}))},s.prototype.render=function(){var n,s=this.props,a=s.size,p=s.type,o=s.className,l="horizontal"===p?"width":"height",i=(0,t.pi)((0,t.pi)({},this.props.style),((n={})[l]=a,n));return(0,e.jsx)("ul",(0,t.pi)({className:c()("zent-timeline","zent-timeline-"+p,{"zent-timeline-dynamic":Boolean(a)},o),style:i,"data-zv":"10.0.9"},{children:this.renderChildren()}),void 0)},s.defaultProps={type:"horizontal",size:"100%",style:{}},s.Item=d,s.Legend=u,s}(p.PureComponent)}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[730],{50730:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>b});var t=a(73450),e=a(27378),p=a(57318),o=a(61773),c=a(80964),l=a(24246);function i(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 r(n){for(var s=1;s{this.setState({size:n})}))}render(){var s=this.state.size;return(0,l.jsxs)("div",{children:[(0,l.jsx)(c.Y,{value:s,onChange:this.onChange,showStepper:!0}),(0,l.jsx)(o.T,{size:s,timeline:n})]})}}return(0,l.jsx)(s,{})};function m(n){return(0,l.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,l.jsx)(m,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function y(n){return(0,l.jsx)(m,{tag:"style",html:n.style})}function g(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),g(n.parentNode,s);return s}class v 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,e=s.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(m,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends e.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,p.l)(document.documentElement,0,g(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(y,{style:""}),e.createElement(h,{html:'

Timeline

\n

Demos

'}),e.createElement(v,{title:"Basic usage",id:"Demobasic",src:'import { Timeline } from \'zent\';\n\nReactDOM.render(\n <div>\n <h3>Horizontal</h3>\n <Timeline.Legend>Sample</Timeline.Legend>\n <Timeline type="horizontal">\n <Timeline.Item label="Time 1" />\n <Timeline.Item label="Time 2" tip="hello" />\n <Timeline.Item label="Time 3" />\n <Timeline.Item size={0} label="Custom length" />\n </Timeline>\n <h3>Vertical</h3>\n <Timeline.Legend>Sample</Timeline.Legend>\n <Timeline type="vertical">\n <Timeline.Item label="Time 1" />\n <Timeline.Item label="Time 2" tip="hello" />\n <Timeline.Item label="Time 3" />\n <Timeline.Item label="No dot, custom color" showDot={false} lineColor="red" />\n <Timeline.Item label="No label" showLabel={false} />\n <Timeline.Item label="Custom dot color" dotColor="#5197FF" />\n <Timeline.Item size={0} label="Custom length" />\n </Timeline>\n </div>,\n mountNode\n);'},e.createElement(u)),e.createElement(v,{title:"Use Array",id:"Demoarray",src:'import { Timeline } from \'zent\';\n\nconst timeline = [\n \'hello\',\n \'world\',\n {\n label: \'blue\',\n dotColor: \'#5197FF\',\n },\n {\n label: \'red\',\n lineColor: \'#E70000\',\n },\n {\n label: \'color\',\n color: \'#E70000\',\n },\n];\n\nReactDOM.render(\n <div>\n <Timeline type="horizontal" timeline={timeline} />\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(v,{title:"Dynamic Size",id:"Demodynamic",src:'import { Timeline, NumberInput } from \'zent\';\n\nconst timeline = [\n {\n label: \'online\',\n color: \'#00b90e\',\n percent: 0.3\n },\n {\n label: \'unknown\',\n percent: 0.2,\n showDot: false,\n showLabel: false\n },\n {\n label: \'offline\',\n color: \'#E70000\',\n percent: 0.5\n }\n];\n\nclass App extends React.Component {\n state = {\n size: 500\n }\n\n onChange = (size) => {\n this.setState({\n size,\n });\n }\n\n render() {\n const { size } = this.state;\n\n return (\n <div>\n <NumberInput value={size} onChange={this.onChange} showStepper />\n <Timeline size={size} timeline={timeline} />\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />,\n mountNode\n);'},e.createElement(d)),e.createElement(h,{html:'

API

\n

Timeline

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternativeOptional
typehorizontal or verticalstring\'horizontal\'\'horizontal\' | \'vertical\'yes
sizesizenumberyes
timelinepass an array as dataArrayyesyes
classNamecustom classNamestring\'\'yes
stylecustom styleobjectyes
\n

Timeline Item

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternativeOptional
labellabelnodeyes
tiphover pop contentnodeyes
colorcolor, higher priority than \nlineColor\n and \ndotColorstringyes
lineColorline colorstring#999yes
dotColordot colorstring#00B90Eyes
typehorizontal or verticalstring\'horizontal\'\'horizontal\' | \'vertical\'yes
showLabelshould display the labelbooleantruetrue | falseyes
showDotshould display the dotbooleantruetrue | falseyes
sizesizenumberyes
classNamecustom classNamestring\'\'yes
stylecustom styleobjectyes
\n

Timeline Array

\n

Support all properties of Timeline Item.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Extra PropertyDescriptionTypeOptional
iddefault \nkey\n, or the array index will be used as \nkeystringyes
percentpercent of total size when using dynamic size (0 <= percent <= 1)numberyes
'}))}}},61773:(n,s,a)=>{"use strict";a.d(s,{T:()=>m});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(19185),i=a(33806),r=function(n){var s=n.color,a=void 0===s?"":s,p=(0,t._T)(n,["color"]);return(0,e.jsx)("div",(0,t.pi)({},p,{className:"zent-timeline-dot",style:{borderColor:a},"data-zv":"10.0.10"}),void 0)},u=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.color,a=n.children,p=n.style,o=n.className;return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-timeline-legend",o),style:p,"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-timeline-legend-line",style:{backgroundColor:s},"data-zv":"10.0.10"},{children:(0,e.jsx)(r,{color:s},void 0)}),void 0),(0,e.jsx)("label",(0,t.pi)({className:"zent-timeline-legend-label","data-zv":"10.0.10"},{children:a}),void 0)]}),void 0)},s.defaultProps={className:""},s}(p.Component),k=function(n){var s=n.children,a=n.tip,p=n.position,o=n.popoverRef;return a?(0,e.jsxs)(i.ZP,(0,t.pi)({ref:o,className:"zent-timeline-tip",position:p,cushion:20},{children:[(0,e.jsx)(i.ZP.Trigger.Hover,{children:s},void 0),(0,e.jsx)(i.ZP.Content,{children:a},void 0)]}),void 0):s},d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.popover=null,s.mousePosition={x:0,y:0},s.onMouseMove=function(n){s.mousePosition.x=n.clientX,s.mousePosition.y=n.clientY,s.popover&&s.popover.adjustPosition()},s.position=function(n){var a=n.anchorRect,t=n.contentRect,e=n.containerRect,p=s.props.type,o=a.left,c=(a.top+a.bottom)/2-t.height/2;return{style:"horizontal"===p?{position:"absolute",left:Math.round(s.mousePosition.x-e.left)+"px",top:Math.round(c-40)+"px"}:{position:"absolute",left:Math.round(o+20)+"px",top:Math.round(s.mousePosition.y-e.top)+"px"}}},s.popoverRef=function(n){return s.popover=n},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n,s=this.props,a=s.size,p=s.showLabel,o=void 0===p||p,l=s.showDot,i=void 0===l||l,u=s.color,d=s.label,m=s.tip,h=s.className,y=s.style,g=s.type,v=s.lineColor,b=s.dotColor,f="vertical"===g?"height":"width";return(0,e.jsxs)("li",(0,t.pi)({className:c()("zent-timeline-item",h),style:y,onMouseMove:this.onMouseMove,"data-zv":"10.0.10"},{children:[(0,e.jsx)(k,(0,t.pi)({tip:m,position:this.position,popoverRef:this.popoverRef},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-timeline-item-hover","data-zv":"10.0.10"},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-timeline-item-line",style:(n={},n[f]=a,n.backgroundColor=u||v,n),"data-zv":"10.0.10"},{children:i&&(0,e.jsx)(r,{color:u||b},void 0)}),void 0)}),void 0)}),void 0),o&&(0,e.jsx)("label",(0,t.pi)({className:"zent-timeline-item-label","data-zv":"10.0.10"},{children:d}),void 0)]}),void 0)},s.defaultProps={showLabel:!0,showDot:!0,lineColor:"#f2f3f5",dotColor:"#155BD4"},s}(p.PureComponent),m=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.renderChildren=function(){var n=this.props,s=n.children,a=n.timeline,o=n.type,c=n.size;return a&&a.length?function(n,s){return n.map((function(n,a){if("string"==typeof n)return{key:n,label:n};var e=n.id,p=n.percent,o=(0,t._T)(n,["id","percent"]);return(0,t.pi)({key:e||a,size:p&&p*s},o)}))}(a,c).reduce((function(n,s){return n.push((0,e.jsx)(d,(0,t.pi)({},s,{type:o}),void 0)),n}),[]):p.Children.map(s,(function(n){return(0,l.isElement)(n)?(0,p.cloneElement)(n,{type:o}):null}))},s.prototype.render=function(){var n,s=this.props,a=s.size,p=s.type,o=s.className,l="horizontal"===p?"width":"height",i=(0,t.pi)((0,t.pi)({},this.props.style),((n={})[l]=a,n));return(0,e.jsx)("ul",(0,t.pi)({className:c()("zent-timeline","zent-timeline-"+p,{"zent-timeline-dynamic":Boolean(a)},o),style:i,"data-zv":"10.0.10"},{children:this.renderChildren()}),void 0)},s.defaultProps={type:"horizontal",size:"100%",style:{}},s.Item=d,s.Legend=u,s}(p.PureComponent)}}]); \ No newline at end of file diff --git a/7363-4d4e9a3ad9cfb45517d0.js b/7363-11ab14b76bd754ee716d.js similarity index 92% rename from 7363-4d4e9a3ad9cfb45517d0.js rename to 7363-11ab14b76bd754ee716d.js index de8e54028..c0264986a 100644 --- a/7363-4d4e9a3ad9cfb45517d0.js +++ b/7363-11ab14b76bd754ee716d.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[7363],{7363:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>w});var t=a(73450),p=a(27378),e=a(57318),o=a(33938),c=a(39550),l=a(74473),u=a(24246);function k(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 i(n){for(var s=1;s{this.setState({checked:n.target.checked})}))}render(){var n=this.state.checked;return(0,u.jsx)(o.X,{checked:n,onChange:this.handleChange,children:"Checkbox"})}}return(0,u.jsx)(n,{})},d=function(){return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.X,{checked:!0,disabled:!0}),(0,u.jsx)(o.X,{disabled:!0})]})},h=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedList:[]}),(0,t.Z)(this,"onChange",(n=>{this.setState({checkedList:n})}))}render(){var n=this.state.checkedList;return(0,u.jsx)("div",{children:(0,u.jsxs)(o.X.Group,{value:n,onChange:this.onChange,children:[(0,u.jsx)(o.X,{value:"Apple",children:"Apple"}),(0,u.jsx)(o.X,{value:"Pear",children:"Pear"}),(0,u.jsx)(o.X,{value:"Orange",children:"Orange"}),(0,u.jsx)(o.X,{value:"OrangeDisabled",disabled:!0,children:"Rotten Apple"})]})})}}return(0,u.jsx)(n,{})},m=function(){var n=o.X.Group;class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedList:[]}),(0,t.Z)(this,"onChange",(n=>{this.setState({checkedList:n})}))}render(){var s=this.state.checkedList;return(0,u.jsx)("div",{children:(0,u.jsx)(n,{value:s,onChange:this.onChange,style:{width:"100%"},children:(0,u.jsxs)(c.W,{children:[(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"A",children:"A"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"B",children:"B"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"C",children:"C"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"D",children:"D"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"E",children:"E"})})]})})})}}return(0,u.jsx)(s,{})},g=function(){var n=o.X.Group,s=["Item 1","Item 2","Item 3"];class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedList:[]}),(0,t.Z)(this,"handleCheckedAll",(n=>{this.setState({checkedList:n.target.checked?s.slice():[]})}))}handleChange(n){this.setState({checkedList:n})}render(){var a=this.state.checkedList,t=!!a.length&&a.length===s.length,p=!!a.length&&a.length!==s.length;return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.X,{checked:t,indeterminate:p,onChange:this.handleCheckedAll,children:"Select All"}),(0,u.jsx)("div",{style:{margin:"5px 0",height:1,background:"#dcdee0"}}),(0,u.jsx)(n,{value:a,onChange:this.handleChange.bind(this),children:s.map((n=>(0,u.jsx)(o.X,{value:n,children:n},n)))})]})}}return(0,u.jsx)(a,{})},y=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{style:{},checked:[]}),(0,t.Z)(this,"onStyleChange",(n=>{this.setState((n=>({style:"inline"===n.style.display?{}:{display:"inline"}})))})),(0,t.Z)(this,"handleChange",(n=>{this.setState({checked:n})}))}render(){var n=this.state,s=n.checked,a=n.style;return(0,u.jsx)("div",{className:"checkbox-muti-line",children:(0,u.jsxs)(o.X.Group,{value:s,onChange:this.handleChange,children:[(0,u.jsxs)(o.X,{value:"Apple",labelStyle:a,children:["What I cannot create, I do not understand.",(0,u.jsx)("p",{children:"I learned very early the difference between knowing the name of something and knowing something."})]}),(0,u.jsx)("div",{style:{color:"#969799",marginTop:8},children:"The truth always turns out to be simpler than you thought."})]})})}}return(0,u.jsx)(n,{})};function b(n){return(0,u.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,u.jsx)(b,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function x(n){return(0,u.jsx)(b,{tag:"style",html:n.style})}function f(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),f(n.parentNode,s);return s}class C extends p.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,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:a||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(b,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,f(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(x,{style:".zent-checkbox-doc-p {\n\t\tfont-size: 12px;\n\t\tline-height: 2em;\n\t}\n\n.checkbox-muti-line .zent-checkbox{\n vertical-align: 2px !important;\n}"}),p.createElement(v,{html:'

Checkbox

\n

Guides

\n
    \n
  • \n

    Checkbox is a controlled component. You need to set the callback function onChange outside the component to handle the changes of value.

    \n
    • \n
  • \n

    value supports any type of value, inclueding Referrence Type.

    \n
    • \n
\n

Demos

'}),p.createElement(C,{title:"Basic usage",id:"Demobasic",src:'import { Checkbox } from \'zent\';\n\nclass App extends React.Component {\n\n state = {\n checked: true\n }\n\n handleChange = (e) => {\n this.setState({\n checked: e.target.checked\n })\n }\n\n render() {\n const { checked } = this.state\n return (\n <Checkbox checked={checked} onChange={this.handleChange}>Checkbox</Checkbox>\n )\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(r)),p.createElement(C,{title:"Disabled checkbox",id:"Demodisable",src:'import { Checkbox } from \'zent\';\n\nReactDOM.render(\n <div>\n <Checkbox checked disabled />\n <Checkbox disabled />\n </div>\n , mountNode\n);'},p.createElement(d)),p.createElement(C,{title:"Checkbox group",id:"Democheckboxgroup",src:'import { Checkbox } from \'zent\';\n\nclass App extends React.Component {\n\n state = {\n checkedList: []\n }\n\n onChange = (checkedList) => {\n this.setState({ checkedList });\n }\n\n render() {\n const { checkedList } = this.state;\n\n return (\n <div>\n <Checkbox.Group value={checkedList} onChange={this.onChange}>\n <Checkbox value="Apple">Apple</Checkbox>\n <Checkbox value="Pear">Pear</Checkbox>\n <Checkbox value="Orange">Orange</Checkbox>\n <Checkbox value="OrangeDisabled" disabled>Rotten Apple</Checkbox>\n </Checkbox.Group>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(h)),p.createElement(C,{title:"Layout",id:"Demolayout",src:'import { Checkbox, LayoutRow as Row, LayoutCol as Col } from \'zent\';\nconst CheckboxGroup = Checkbox.Group;\n\nclass App extends React.Component {\n state = {\n checkedList: [],\n };\n\n onChange = checkedList => {\n this.setState({ checkedList });\n };\n\n render() {\n const { checkedList } = this.state;\n\n return (\n <div>\n <CheckboxGroup\n value={checkedList}\n onChange={this.onChange}\n style={{ width: \'100%\' }}\n >\n <Row>\n <Col span={8}>\n <Checkbox value="A">A</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="B">B</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="C">C</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="D">D</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="E">E</Checkbox>\n </Col>\n </Row>\n </CheckboxGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(m)),p.createElement(C,{title:"Select all. You may use `indeterminate` when implementing a full selection.",id:"Demoselectall",src:'import { Checkbox } from \'zent\';\n\nconst CheckboxGroup = Checkbox.Group;\nconst ITEMS = [\'Item 1\', \'Item 2\', \'Item 3\'];\n\nclass App extends Component {\n state = {\n checkedList: [],\n };\n\n handleCheckedAll = e => {\n this.setState({\n checkedList: e.target.checked ? ITEMS.slice() : [],\n });\n };\n\n handleChange(checkedList) {\n this.setState({ checkedList });\n }\n\n render() {\n const { checkedList } = this.state;\n const checkedAll =\n !!checkedList.length && checkedList.length === ITEMS.length;\n const indeterminate =\n !!checkedList.length && checkedList.length !== ITEMS.length;\n\n return (\n <div>\n <Checkbox\n checked={checkedAll}\n indeterminate={indeterminate}\n onChange={this.handleCheckedAll}\n >\n Select All\n </Checkbox>\n\n <div style={{ margin: \'5px 0\', height: 1, background: \'#dcdee0\' }} />\n\n <CheckboxGroup\n value={checkedList}\n onChange={this.handleChange.bind(this)}\n >\n {ITEMS.map(item => {\n return (\n <Checkbox key={item} value={item}>\n {item}\n </Checkbox>\n );\n })}\n </CheckboxGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(g)),p.createElement(C,{title:"Multi line text",id:"Demomultiline",src:'import { Checkbox, Button } from \'zent\';\n\nclass App extends React.Component {\n state = {\n style: {},\n checked: [],\n };\n\n onStyleChange = e => {\n this.setState(state => ({\n style: state.style.display === \'inline\' ? {} : { display: \'inline\' },\n }));\n };\n\n handleChange = checked => {\n this.setState({\n checked,\n });\n };\n\n render() {\n const { checked, style } = this.state;\n return (\n <div className="checkbox-muti-line">\n <Checkbox.Group value={checked} onChange={this.handleChange}>\n <Checkbox value="Apple" labelStyle={style}>\n What I cannot create, I do not understand.\n <p>I learned very early the difference between knowing the name of something and knowing something.</p>\n </Checkbox>\n <div style={{ color: \'#969799\', marginTop: 8 }}>The truth always turns out to be simpler than you thought.</div>\n </Checkbox.Group>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(y)),p.createElement(v,{html:'

API

\n

Checkbox 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
PropertyDescriptionTypeDefaultAlternative
checkedWhether the checkbox is selectedbooleanfalse
valueThe value of the components, which is used in \nCheckboxGroupany
disabledDisable the checkboxboolean
readOnlyIt specifies the component is read-onlyboolean
indeterminateShow style of partially selectionbooleanfalse
onChangeThe callback function that is triggered when the checkbox is changed(e:Event) => void
labelStyleLabel inline styleReact.CSSProperties
styleInline styleReact.CSSProperties
classNameThe custom class namestring
\n

Checkbox Group 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
PropertyDescriptionTypeDefaultAlternative
valueThe value when checkbox is checked, which is requiredany[][]
isValueEqualThe function to judge whether the value is equal(a: any, b: any) => boolean() => a === b
disabledDisable the checkbox groupboolean
readOnlyIt specifies the component is read-onlyboolean
onChangeThe callback function that is triggered when the checkbox group is changed(checkedValueList: any[]) => void
classNameThe custom class namestring
'}))}}},33938:(n,s,a)=>{"use strict";a.d(s,{X:()=>r});var t=a(59312),p=a(24246),e=a(60042),o=a.n(e),c=a(27378),l=a(1535),u=a(23130),k=a(1348),i=a(4008);function r(n){var s=(0,c.useContext)(k.d),a=(0,c.useContext)(u.Z),e=(0,c.useRef)(n);e.current=n;var i,r=a&&a.onChange,d=(0,c.useCallback)((function(n){var s=e.current,a=s.value,p=s.onChange;if(r)r(a);else if(p){var o=Object.create(n);o.target=(0,t.pi)((0,t.pi)({},e.current),{type:"checkbox",checked:n.target.checked}),p(o)}}),[r]),h=(n.checked,n.className),m=n.style,g=(n.disabled,n.readOnly,n.children),y=n.indeterminate,b=n.width,v=(n.value,n.labelStyle),x=n.onMouseEnter,f=n.onMouseLeave,C=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),w=function(n,s){return"boolean"==typeof s.readOnly?s.readOnly:!!n&&n.readOnly}(a,n),j=function(n,s,a){return"boolean"==typeof a.disabled?a.disabled:s?s.disabled:n.value}(s,a,n);if(a){var z=a.value,O=a.isValueEqual;i=-1!==z.findIndex((function(s){return O(s,n.value)}))}else i=!!n.checked;return(0,p.jsxs)("label",(0,t.pi)({className:o()("zent-checkbox-wrap",h,{"zent-checkbox-checked":!!i,"zent-checkbox-disabled":j||w,"zent-checkbox-indeterminate":y}),style:(0,t.pi)((0,t.pi)({},m),(0,l.Z)(b)),onMouseEnter:x,onMouseLeave:f,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},C,{type:"checkbox",checked:i&&!y,disabled:j,readOnly:w,onChange:d,"data-zv":"10.0.9"}),void 0)]}),void 0),null!=g&&!0!==g&&!1!==g?(0,p.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:v,"data-zv":"10.0.9"},{children:g}),void 0):null]}),void 0)}r.Group=i.Z,s.Z=r},4008:(n,s,a)=>{"use strict";a.d(s,{c:()=>r});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(41925),u=a(23130),k=a(1348),i=u.Z.Provider,r=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.getGroupContext=(0,l.Z)((function(n,a,t,p){return{value:Array.isArray(n)?n:[],disabled:a,readOnly:t,isValueEqual:p,onChange:s.onCheckboxChange}})),s.onCheckboxChange=function(n){var a=s.props,t=a.isValueEqual,p=a.onChange,e=a.value;if(p){var o=e?e.slice():[],c=o.findIndex((function(s){return t(s,n)}));-1!==c?o.splice(c,1):o.push(n),p(o)}},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.style,e=n.children,o=n.value,l=n.disabled,u=void 0===l?this.context.value:l,k=n.readOnly,r=void 0!==k&&k,d=n.isValueEqual,h=c()("zent-checkbox-group",s);return(0,p.jsx)(i,(0,t.pi)({value:this.getGroupContext(o,u,r,d)},{children:(0,p.jsx)("div",(0,t.pi)({className:h,style:a,"data-zv":"10.0.9"},{children:e}),void 0)}),void 0)},s.defaultProps={isValueEqual:Object.is,value:[]},s.contextType=k.d,s}(e.Component);s.Z=r},23130:(n,s,a)=>{"use strict";var t=a(27378);s.Z=(0,t.createContext)(null)},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>i});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(65225),u=a(48591),k=a(81093),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var e,o=n.props,l=o.span,u=o.offset,i=o.order,r=o.className,d=o.style,h=(0,t._T)(o,["span","offset","order","className","style"]),m=d,g=(0,k.r)(s,a.colGutter);if(g>0){var y=g/2;m=(0,t.pi)((0,t.pi)({},m),{paddingLeft:y,paddingRight:y})}var b=(0,k.r)(s,l),v=(0,k.r)(s,u),x=(0,k.r)(s,i),f=c()("zent-col",((e={})["zent-col-offset-"+u]=v,e["zent-col-order-"+i]=x,e),"zent-col-"+b,r);return(0,p.jsx)("div",(0,t.pi)({},h,{className:f,style:m,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(e.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>i});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(65225),u=a(48591),k=a(81093),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,e=s.style,o=s.justify,i=s.align,r=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+o,"zent-row-align-"+i,a);return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var o=(0,k.r)(s,a.colGutter),c=(0,k.r)(s,a.rowGutter),l=e;if(o>0){var u=-o/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var i=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:i,paddingBottom:i})}return(0,p.jsx)("div",(0,t.pi)({},r,{className:d,style:l,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(e.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>o,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=a(72551),e=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),o=Object.keys(e);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[7363],{7363:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>w});var t=a(73450),p=a(27378),e=a(57318),o=a(33938),c=a(39550),l=a(74473),u=a(24246);function k(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 i(n){for(var s=1;s{this.setState({checked:n.target.checked})}))}render(){var n=this.state.checked;return(0,u.jsx)(o.X,{checked:n,onChange:this.handleChange,children:"Checkbox"})}}return(0,u.jsx)(n,{})},d=function(){return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.X,{checked:!0,disabled:!0}),(0,u.jsx)(o.X,{disabled:!0})]})},h=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedList:[]}),(0,t.Z)(this,"onChange",(n=>{this.setState({checkedList:n})}))}render(){var n=this.state.checkedList;return(0,u.jsx)("div",{children:(0,u.jsxs)(o.X.Group,{value:n,onChange:this.onChange,children:[(0,u.jsx)(o.X,{value:"Apple",children:"Apple"}),(0,u.jsx)(o.X,{value:"Pear",children:"Pear"}),(0,u.jsx)(o.X,{value:"Orange",children:"Orange"}),(0,u.jsx)(o.X,{value:"OrangeDisabled",disabled:!0,children:"Rotten Apple"})]})})}}return(0,u.jsx)(n,{})},m=function(){var n=o.X.Group;class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedList:[]}),(0,t.Z)(this,"onChange",(n=>{this.setState({checkedList:n})}))}render(){var s=this.state.checkedList;return(0,u.jsx)("div",{children:(0,u.jsx)(n,{value:s,onChange:this.onChange,style:{width:"100%"},children:(0,u.jsxs)(c.W,{children:[(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"A",children:"A"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"B",children:"B"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"C",children:"C"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"D",children:"D"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"E",children:"E"})})]})})})}}return(0,u.jsx)(s,{})},g=function(){var n=o.X.Group,s=["Item 1","Item 2","Item 3"];class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedList:[]}),(0,t.Z)(this,"handleCheckedAll",(n=>{this.setState({checkedList:n.target.checked?s.slice():[]})}))}handleChange(n){this.setState({checkedList:n})}render(){var a=this.state.checkedList,t=!!a.length&&a.length===s.length,p=!!a.length&&a.length!==s.length;return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.X,{checked:t,indeterminate:p,onChange:this.handleCheckedAll,children:"Select All"}),(0,u.jsx)("div",{style:{margin:"5px 0",height:1,background:"#dcdee0"}}),(0,u.jsx)(n,{value:a,onChange:this.handleChange.bind(this),children:s.map((n=>(0,u.jsx)(o.X,{value:n,children:n},n)))})]})}}return(0,u.jsx)(a,{})},y=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{style:{},checked:[]}),(0,t.Z)(this,"onStyleChange",(n=>{this.setState((n=>({style:"inline"===n.style.display?{}:{display:"inline"}})))})),(0,t.Z)(this,"handleChange",(n=>{this.setState({checked:n})}))}render(){var n=this.state,s=n.checked,a=n.style;return(0,u.jsx)("div",{className:"checkbox-muti-line",children:(0,u.jsxs)(o.X.Group,{value:s,onChange:this.handleChange,children:[(0,u.jsxs)(o.X,{value:"Apple",labelStyle:a,children:["What I cannot create, I do not understand.",(0,u.jsx)("p",{children:"I learned very early the difference between knowing the name of something and knowing something."})]}),(0,u.jsx)("div",{style:{color:"#969799",marginTop:8},children:"The truth always turns out to be simpler than you thought."})]})})}}return(0,u.jsx)(n,{})};function b(n){return(0,u.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,u.jsx)(b,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function x(n){return(0,u.jsx)(b,{tag:"style",html:n.style})}function f(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),f(n.parentNode,s);return s}class C extends p.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,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:a||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(b,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,f(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(x,{style:".zent-checkbox-doc-p {\n\t\tfont-size: 12px;\n\t\tline-height: 2em;\n\t}\n\n.checkbox-muti-line .zent-checkbox{\n vertical-align: 2px !important;\n}"}),p.createElement(v,{html:'

Checkbox

\n

Guides

\n
    \n
  • \n

    Checkbox is a controlled component. You need to set the callback function onChange outside the component to handle the changes of value.

    \n
    • \n
  • \n

    value supports any type of value, inclueding Referrence Type.

    \n
    • \n
\n

Demos

'}),p.createElement(C,{title:"Basic usage",id:"Demobasic",src:'import { Checkbox } from \'zent\';\n\nclass App extends React.Component {\n\n state = {\n checked: true\n }\n\n handleChange = (e) => {\n this.setState({\n checked: e.target.checked\n })\n }\n\n render() {\n const { checked } = this.state\n return (\n <Checkbox checked={checked} onChange={this.handleChange}>Checkbox</Checkbox>\n )\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(r)),p.createElement(C,{title:"Disabled checkbox",id:"Demodisable",src:'import { Checkbox } from \'zent\';\n\nReactDOM.render(\n <div>\n <Checkbox checked disabled />\n <Checkbox disabled />\n </div>\n , mountNode\n);'},p.createElement(d)),p.createElement(C,{title:"Checkbox group",id:"Democheckboxgroup",src:'import { Checkbox } from \'zent\';\n\nclass App extends React.Component {\n\n state = {\n checkedList: []\n }\n\n onChange = (checkedList) => {\n this.setState({ checkedList });\n }\n\n render() {\n const { checkedList } = this.state;\n\n return (\n <div>\n <Checkbox.Group value={checkedList} onChange={this.onChange}>\n <Checkbox value="Apple">Apple</Checkbox>\n <Checkbox value="Pear">Pear</Checkbox>\n <Checkbox value="Orange">Orange</Checkbox>\n <Checkbox value="OrangeDisabled" disabled>Rotten Apple</Checkbox>\n </Checkbox.Group>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(h)),p.createElement(C,{title:"Layout",id:"Demolayout",src:'import { Checkbox, LayoutRow as Row, LayoutCol as Col } from \'zent\';\nconst CheckboxGroup = Checkbox.Group;\n\nclass App extends React.Component {\n state = {\n checkedList: [],\n };\n\n onChange = checkedList => {\n this.setState({ checkedList });\n };\n\n render() {\n const { checkedList } = this.state;\n\n return (\n <div>\n <CheckboxGroup\n value={checkedList}\n onChange={this.onChange}\n style={{ width: \'100%\' }}\n >\n <Row>\n <Col span={8}>\n <Checkbox value="A">A</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="B">B</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="C">C</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="D">D</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="E">E</Checkbox>\n </Col>\n </Row>\n </CheckboxGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(m)),p.createElement(C,{title:"Select all. You may use `indeterminate` when implementing a full selection.",id:"Demoselectall",src:'import { Checkbox } from \'zent\';\n\nconst CheckboxGroup = Checkbox.Group;\nconst ITEMS = [\'Item 1\', \'Item 2\', \'Item 3\'];\n\nclass App extends Component {\n state = {\n checkedList: [],\n };\n\n handleCheckedAll = e => {\n this.setState({\n checkedList: e.target.checked ? ITEMS.slice() : [],\n });\n };\n\n handleChange(checkedList) {\n this.setState({ checkedList });\n }\n\n render() {\n const { checkedList } = this.state;\n const checkedAll =\n !!checkedList.length && checkedList.length === ITEMS.length;\n const indeterminate =\n !!checkedList.length && checkedList.length !== ITEMS.length;\n\n return (\n <div>\n <Checkbox\n checked={checkedAll}\n indeterminate={indeterminate}\n onChange={this.handleCheckedAll}\n >\n Select All\n </Checkbox>\n\n <div style={{ margin: \'5px 0\', height: 1, background: \'#dcdee0\' }} />\n\n <CheckboxGroup\n value={checkedList}\n onChange={this.handleChange.bind(this)}\n >\n {ITEMS.map(item => {\n return (\n <Checkbox key={item} value={item}>\n {item}\n </Checkbox>\n );\n })}\n </CheckboxGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(g)),p.createElement(C,{title:"Multi line text",id:"Demomultiline",src:'import { Checkbox, Button } from \'zent\';\n\nclass App extends React.Component {\n state = {\n style: {},\n checked: [],\n };\n\n onStyleChange = e => {\n this.setState(state => ({\n style: state.style.display === \'inline\' ? {} : { display: \'inline\' },\n }));\n };\n\n handleChange = checked => {\n this.setState({\n checked,\n });\n };\n\n render() {\n const { checked, style } = this.state;\n return (\n <div className="checkbox-muti-line">\n <Checkbox.Group value={checked} onChange={this.handleChange}>\n <Checkbox value="Apple" labelStyle={style}>\n What I cannot create, I do not understand.\n <p>I learned very early the difference between knowing the name of something and knowing something.</p>\n </Checkbox>\n <div style={{ color: \'#969799\', marginTop: 8 }}>The truth always turns out to be simpler than you thought.</div>\n </Checkbox.Group>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(y)),p.createElement(v,{html:'

API

\n

Checkbox 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
PropertyDescriptionTypeDefaultAlternative
checkedWhether the checkbox is selectedbooleanfalse
valueThe value of the components, which is used in \nCheckboxGroupany
disabledDisable the checkboxboolean
readOnlyIt specifies the component is read-onlyboolean
indeterminateShow style of partially selectionbooleanfalse
onChangeThe callback function that is triggered when the checkbox is changed(e:Event) => void
labelStyleLabel inline styleReact.CSSProperties
styleInline styleReact.CSSProperties
classNameThe custom class namestring
\n

Checkbox Group 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
PropertyDescriptionTypeDefaultAlternative
valueThe value when checkbox is checked, which is requiredany[][]
isValueEqualThe function to judge whether the value is equal(a: any, b: any) => boolean() => a === b
disabledDisable the checkbox groupboolean
readOnlyIt specifies the component is read-onlyboolean
onChangeThe callback function that is triggered when the checkbox group is changed(checkedValueList: any[]) => void
classNameThe custom class namestring
'}))}}},33938:(n,s,a)=>{"use strict";a.d(s,{X:()=>r});var t=a(59312),p=a(24246),e=a(60042),o=a.n(e),c=a(27378),l=a(1535),u=a(23130),k=a(1348),i=a(4008);function r(n){var s=(0,c.useContext)(k.d),a=(0,c.useContext)(u.Z),e=(0,c.useRef)(n);e.current=n;var i,r=a&&a.onChange,d=(0,c.useCallback)((function(n){var s=e.current,a=s.value,p=s.onChange;if(r)r(a);else if(p){var o=Object.create(n);o.target=(0,t.pi)((0,t.pi)({},e.current),{type:"checkbox",checked:n.target.checked}),p(o)}}),[r]),h=(n.checked,n.className),m=n.style,g=(n.disabled,n.readOnly,n.children),y=n.indeterminate,b=n.width,v=(n.value,n.labelStyle),x=n.onMouseEnter,f=n.onMouseLeave,C=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),w=function(n,s){return"boolean"==typeof s.readOnly?s.readOnly:!!n&&n.readOnly}(a,n),j=function(n,s,a){return"boolean"==typeof a.disabled?a.disabled:s?s.disabled:n.value}(s,a,n);if(a){var z=a.value,O=a.isValueEqual;i=-1!==z.findIndex((function(s){return O(s,n.value)}))}else i=!!n.checked;return(0,p.jsxs)("label",(0,t.pi)({className:o()("zent-checkbox-wrap",h,{"zent-checkbox-checked":!!i,"zent-checkbox-disabled":j||w,"zent-checkbox-indeterminate":y}),style:(0,t.pi)((0,t.pi)({},m),(0,l.Z)(b)),onMouseEnter:x,onMouseLeave:f,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},C,{type:"checkbox",checked:i&&!y,disabled:j,readOnly:w,onChange:d,"data-zv":"10.0.10"}),void 0)]}),void 0),null!=g&&!0!==g&&!1!==g?(0,p.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:v,"data-zv":"10.0.10"},{children:g}),void 0):null]}),void 0)}r.Group=i.Z,s.Z=r},4008:(n,s,a)=>{"use strict";a.d(s,{c:()=>r});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(41925),u=a(23130),k=a(1348),i=u.Z.Provider,r=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.getGroupContext=(0,l.Z)((function(n,a,t,p){return{value:Array.isArray(n)?n:[],disabled:a,readOnly:t,isValueEqual:p,onChange:s.onCheckboxChange}})),s.onCheckboxChange=function(n){var a=s.props,t=a.isValueEqual,p=a.onChange,e=a.value;if(p){var o=e?e.slice():[],c=o.findIndex((function(s){return t(s,n)}));-1!==c?o.splice(c,1):o.push(n),p(o)}},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.style,e=n.children,o=n.value,l=n.disabled,u=void 0===l?this.context.value:l,k=n.readOnly,r=void 0!==k&&k,d=n.isValueEqual,h=c()("zent-checkbox-group",s);return(0,p.jsx)(i,(0,t.pi)({value:this.getGroupContext(o,u,r,d)},{children:(0,p.jsx)("div",(0,t.pi)({className:h,style:a,"data-zv":"10.0.10"},{children:e}),void 0)}),void 0)},s.defaultProps={isValueEqual:Object.is,value:[]},s.contextType=k.d,s}(e.Component);s.Z=r},23130:(n,s,a)=>{"use strict";var t=a(27378);s.Z=(0,t.createContext)(null)},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>i});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(65225),u=a(48591),k=a(81093),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var e,o=n.props,l=o.span,u=o.offset,i=o.order,r=o.className,d=o.style,h=(0,t._T)(o,["span","offset","order","className","style"]),m=d,g=(0,k.r)(s,a.colGutter);if(g>0){var y=g/2;m=(0,t.pi)((0,t.pi)({},m),{paddingLeft:y,paddingRight:y})}var b=(0,k.r)(s,l),v=(0,k.r)(s,u),x=(0,k.r)(s,i),f=c()("zent-col",((e={})["zent-col-offset-"+u]=v,e["zent-col-order-"+i]=x,e),"zent-col-"+b,r);return(0,p.jsx)("div",(0,t.pi)({},h,{className:f,style:m,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(e.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>i});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(65225),u=a(48591),k=a(81093),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,e=s.style,o=s.justify,i=s.align,r=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+o,"zent-row-align-"+i,a);return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var o=(0,k.r)(s,a.colGutter),c=(0,k.r)(s,a.rowGutter),l=e;if(o>0){var u=-o/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var i=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:i,paddingBottom:i})}return(0,p.jsx)("div",(0,t.pi)({},r,{className:d,style:l,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(e.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>o,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=a(72551),e=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),o=Object.keys(e);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file diff --git a/7652-513b9b99ed46bc03dc0b.js b/7652-20a5b8c942c1323dbd78.js similarity index 87% rename from 7652-513b9b99ed46bc03dc0b.js rename to 7652-20a5b8c942c1323dbd78.js index f1346af86..751493b0c 100644 --- a/7652-513b9b99ed46bc03dc0b.js +++ b/7652-20a5b8c942c1323dbd78.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[7652],{17652:(n,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>v});var a=s(73450),e=s(27378),o=s(57318),c=s(67911),p=s(3454),i=s(24246);function l(n,t){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),s.push.apply(s,a)}return s}function u(n){for(var t=1;t()=>{c.q.push((0,i.jsx)(c.q,{title:n,position:t,children:n}))};return(0,i.jsxs)("div",{children:[(0,i.jsx)(p.z,{onClick:n("Right Top","right-top"),children:"Right Top"}),(0,i.jsx)(p.z,{onClick:n("Right Bottom","right-bottom"),children:"Right Bottom"}),(0,i.jsx)(p.z,{onClick:n("Left Top","left-top"),children:"Left Top"}),(0,i.jsx)(p.z,{onClick:n("Left Bottom","left-bottom"),children:"Left Bottom"})]})},d=function(){var n=n=>()=>{c.q.push((0,i.jsx)(c.q,{type:n,title:n,children:n}))};return(0,i.jsxs)("div",{children:[(0,i.jsx)(p.z,{onClick:n("info"),children:"Info"}),(0,i.jsx)(p.z,{onClick:n("success"),children:"Success"}),(0,i.jsx)(p.z,{onClick:n("warning"),children:"Warning"}),(0,i.jsx)(p.z,{onClick:n("error"),children:"Error"})]})};function k(n){return(0,i.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function m(n){return(0,i.jsx)(k,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function h(n){return(0,i.jsx)(k,{tag:"style",html:n.style})}function g(n,t){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(t+=n.offsetTop),g(n.parentNode,t);return t}class f extends e.Component{constructor(...n){super(...n),(0,a.Z)(this,"state",{showCode:!1}),(0,a.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,t=this.props,s=t.title,a=t.src,e=t.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:s||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(k,{tag:"code",html:a,attributes:{className:"language-jsx"}})})]})}}class v extends e.Component{componentDidMount(){var n=location.hash;if(n){var t=document.querySelector('a[href="'.concat(n,'"]'));t&&(0,o.l)(document.documentElement,0,g(t,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(h,{style:""}),e.createElement(m,{html:'

Notice 通知提醒

\n

代码演示

'}),e.createElement(f,{title:"基础用法",id:"Demobasic",src:'import { Button, Notice } from \'zent\';\n\nconst showNotice = (text, position) => () => {\n Notice.push(<Notice title={text} position={position}>{text}</Notice>);\n};\n\nReactDOM.render(\n <div>\n <Button onClick={showNotice(\'Right Top\', \'right-top\')}>Right Top</Button>\n <Button onClick={showNotice(\'Right Bottom\', \'right-bottom\')}>\n Right Bottom\n </Button>\n <Button onClick={showNotice(\'Left Top\', \'left-top\')}>Left Top</Button>\n <Button onClick={showNotice(\'Left Bottom\', \'left-bottom\')}>\n Left Bottom\n </Button>\n </div>,\n mountNode\n);'},e.createElement(r)),e.createElement(f,{title:"不同的样式",id:"Demostyle",src:'import { Button, Notice } from \'zent\';\n\nconst showNotice = type => () => {\n Notice.push(\n <Notice type={type} title={type}>\n {type}\n </Notice>\n );\n};\n\nReactDOM.render(\n <div>\n <Button onClick={showNotice(\'info\')}>Info</Button>\n <Button onClick={showNotice(\'success\')}>Success</Button>\n <Button onClick={showNotice(\'warning\')}>Warning</Button>\n <Button onClick={showNotice(\'error\')}>Error</Button>\n </div>,\n mountNode\n);'},e.createElement(d)),e.createElement(m,{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
PropertyDescriptionTypeRequiredDefaultAlternative
title标题string是
className自定义类名string否
style自定义样式React.CSSProperties否
type样式string否info\n, \nsuccess\n,\nwarning\n, \nerror
closable是否显示关闭按钮，当是\nfalse\n时不会自动关闭boolean否
onClose关闭按钮点击时的回调function否
autoClose是否自动关闭boolean否
timeout自动关闭的延迟时间number否
children内容React.ReactNode否
position位置string否top-rightright-top\n, \nright-bottom\n, \nleft-top\n, \nleft-bottom
\n

Notice.push(node: ReactNode): string

\n

打开一个新的通知，返回值是这个通知的 id，可通过 Notice.close(id) 手动关闭通知。

\n

注意：由于 ReactDOM.render 在某些场景下是异步的（比如在 useEffect 内部调用的时候），所以 push 返回的 id 并不能立刻用于 close，如果调用 close(id) 时 ReactDOM.render\n还未渲染出来，那么此次 close 调用不会有效果。

\n

Notice.close(id: string): void

\n

关闭 id 指定的通知。

'}))}}},67911:(n,t,s)=>{"use strict";s.d(t,{q:()=>z});var a=s(59312),e=s(24246),o=s(27378),c=s(60042),p=s.n(c),i=s(39215),l=s(70453),u=s(31542),r=s(14623),d=s(19185),k=s(17127),m=(0,o.createContext)(null);m.displayName="ZentNoticeContext";var h={appear:"zent-notice-animation-enter",appearActive:"zent-notice-animation-enter-active",appearDone:"zent-notice-animation-enter-done",enter:"zent-notice-animation-enter",enterActive:"zent-notice-animation-enter-active",enterDone:"zent-notice-animation-enter-done",exit:"zent-notice-animation-exit",exitActive:"zent-notice-animation-exit-active",exitDone:"zent-notice-animation-exit-done"},g=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.elementRef=(0,o.createRef)(),t.state={entered:!1,show:!1},t.timer=0,t.ctx={onClose:function(){t.leave()}},t.onEntered=function(){t.setState({entered:!0})},t.onExited=function(){var n=t.elementRef.current;n.style.height=n.clientHeight+"px",(0,k.tA)((function(){return n.style.height="0"})),setTimeout((function(){var n=t.props;(0,n.onExited)(n.id)}),200)},t}return(0,a.ZT)(t,n),t.prototype.leave=function(){this.timer&&clearTimeout(this.timer),this.setState({show:!1})},t.prototype.componentDidMount=function(){var n=this;this.setState({show:!0});var t=this.props.children;if((0,d.isElement)(t)&&t.props){var s=t.props,a=s.autoClose,e=void 0===a||a,o=s.closable,c=void 0===o||o,p=s.timeout,i=void 0===p?4500:p;c&&e&&(this.timer=setTimeout((function(){return n.leave()}),i))}},t.prototype.componentWillUnmount=function(){var n=this.props.id;b.delete(n)},t.prototype.render=function(){var n=this.props.children,t=this.state,s=t.entered,o=t.show;return(0,e.jsx)(m.Provider,(0,a.pi)({value:this.ctx},{children:(0,e.jsx)(r.Z,(0,a.pi)({in:o,timeout:s?160:100,onEntered:this.onEntered,onExited:this.onExited,classNames:h},{children:(0,e.jsx)("div",(0,a.pi)({ref:this.elementRef,className:"zent-notice-animation","data-zv":"10.0.9"},{children:n}),void 0)}),void 0)}),void 0)},t}(o.Component),f=s(14805),v={"right-top":null,"right-bottom":null,"left-top":null,"left-bottom":null},y={"right-top":new Set,"right-bottom":new Set,"left-top":new Set,"left-bottom":new Set},b=new Map,j=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.state={list:[]},t.onExited=function(n){t.setState((function(t){return{list:t.list.filter((function(t){return t.props.id!==n}))}}))},t}return(0,a.ZT)(t,n),t.prototype.push=function(n,t){var s=(0,o.createRef)(),c=(0,e.jsx)(g,(0,a.pi)({ref:s,id:t,onExited:this.onExited},{children:n}),t);return b.set(t,s),this.setState((function(n){return{list:n.list.concat([c])}})),t},t.prototype.render=function(){return(0,e.jsx)(e.Fragment,{children:this.state.list},void 0)},t}(o.Component);function x(n){switch(n){case"info":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-info",type:"info-circle"},void 0);case"success":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-success",type:"check-circle"},void 0);case"warning":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-warning",type:"warning"},void 0);case"error":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-error",type:"close-circle"},void 0);default:return null}}function z(n){var t=n.children,s=n.title,c=n.type,l=n.closable,u=void 0===l||l,r=n.onClose,d=n.className,k=n.style,h=(0,o.useContext)(m),g=(0,o.useCallback)((function(){h&&h.onClose(),r&&r()}),[h,r]);return(0,e.jsxs)("div",(0,a.pi)({className:p()("zent-notice",{"zent-notice-with-icon":!!c},d),style:k,"data-zv":"10.0.9"},{children:[x(c),(0,e.jsx)("div",(0,a.pi)({className:"zent-notice-title","data-zv":"10.0.9"},{children:s}),void 0),u?(0,e.jsx)(i.J,{type:"close",className:"zent-notice-close",onClick:g},void 0):null,(0,e.jsx)("div",(0,a.pi)({className:"zent-notice-content","data-zv":"10.0.9"},{children:t}),void 0)]}),void 0)}z.push=function(n){var t="right-top";(0,d.isElement)(n)&&n.props&&(t=n.props.position||t);var s=(0,l.Z)("zent-notice-");return function(n,t){var s=v[n];if(s)return t(s);var a=y[n];if(a.add(t),!(a.size>1)){var o=function(n){var t=(0,f.Z)("div");switch(t.classList.add("zent-notice-container"),n){case"right-top":t.classList.add("zent-notice-container-right","zent-notice-container-top");break;case"right-bottom":t.classList.add("zent-notice-container-right","zent-notice-container-bottom");break;case"left-top":t.classList.add("zent-notice-container-left","zent-notice-container-top");break;case"left-bottom":t.classList.add("zent-notice-container-left","zent-notice-container-bottom");break;default:throw new Error("Invalid argument "+n)}return document.body.appendChild(t),t}(n);u.render((0,e.jsx)(j,{element:o,ref:function(t){t&&(v[n]=t,a.forEach((function(n){return n(t)})),a.clear())}},void 0),o)}}(t,(function(t){t.push(n,s)})),s},z.close=function(n){var t=b.get(n);t&&t.current&&t.current.leave()}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[7652],{17652:(n,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>v});var a=s(73450),e=s(27378),o=s(57318),c=s(67911),p=s(3454),i=s(24246);function l(n,t){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),s.push.apply(s,a)}return s}function u(n){for(var t=1;t()=>{c.q.push((0,i.jsx)(c.q,{title:n,position:t,children:n}))};return(0,i.jsxs)("div",{children:[(0,i.jsx)(p.z,{onClick:n("Right Top","right-top"),children:"Right Top"}),(0,i.jsx)(p.z,{onClick:n("Right Bottom","right-bottom"),children:"Right Bottom"}),(0,i.jsx)(p.z,{onClick:n("Left Top","left-top"),children:"Left Top"}),(0,i.jsx)(p.z,{onClick:n("Left Bottom","left-bottom"),children:"Left Bottom"})]})},d=function(){var n=n=>()=>{c.q.push((0,i.jsx)(c.q,{type:n,title:n,children:n}))};return(0,i.jsxs)("div",{children:[(0,i.jsx)(p.z,{onClick:n("info"),children:"Info"}),(0,i.jsx)(p.z,{onClick:n("success"),children:"Success"}),(0,i.jsx)(p.z,{onClick:n("warning"),children:"Warning"}),(0,i.jsx)(p.z,{onClick:n("error"),children:"Error"})]})};function k(n){return(0,i.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function m(n){return(0,i.jsx)(k,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function h(n){return(0,i.jsx)(k,{tag:"style",html:n.style})}function g(n,t){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(t+=n.offsetTop),g(n.parentNode,t);return t}class f extends e.Component{constructor(...n){super(...n),(0,a.Z)(this,"state",{showCode:!1}),(0,a.Z)(this,"toggle",(()=>{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,t=this.props,s=t.title,a=t.src,e=t.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:s||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(k,{tag:"code",html:a,attributes:{className:"language-jsx"}})})]})}}class v extends e.Component{componentDidMount(){var n=location.hash;if(n){var t=document.querySelector('a[href="'.concat(n,'"]'));t&&(0,o.l)(document.documentElement,0,g(t,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(h,{style:""}),e.createElement(m,{html:'

Notice 通知提醒

\n

代码演示

'}),e.createElement(f,{title:"基础用法",id:"Demobasic",src:'import { Button, Notice } from \'zent\';\n\nconst showNotice = (text, position) => () => {\n Notice.push(<Notice title={text} position={position}>{text}</Notice>);\n};\n\nReactDOM.render(\n <div>\n <Button onClick={showNotice(\'Right Top\', \'right-top\')}>Right Top</Button>\n <Button onClick={showNotice(\'Right Bottom\', \'right-bottom\')}>\n Right Bottom\n </Button>\n <Button onClick={showNotice(\'Left Top\', \'left-top\')}>Left Top</Button>\n <Button onClick={showNotice(\'Left Bottom\', \'left-bottom\')}>\n Left Bottom\n </Button>\n </div>,\n mountNode\n);'},e.createElement(r)),e.createElement(f,{title:"不同的样式",id:"Demostyle",src:'import { Button, Notice } from \'zent\';\n\nconst showNotice = type => () => {\n Notice.push(\n <Notice type={type} title={type}>\n {type}\n </Notice>\n );\n};\n\nReactDOM.render(\n <div>\n <Button onClick={showNotice(\'info\')}>Info</Button>\n <Button onClick={showNotice(\'success\')}>Success</Button>\n <Button onClick={showNotice(\'warning\')}>Warning</Button>\n <Button onClick={showNotice(\'error\')}>Error</Button>\n </div>,\n mountNode\n);'},e.createElement(d)),e.createElement(m,{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
PropertyDescriptionTypeRequiredDefaultAlternative
title标题string是
className自定义类名string否
style自定义样式React.CSSProperties否
type样式string否info\n, \nsuccess\n,\nwarning\n, \nerror
closable是否显示关闭按钮，当是\nfalse\n时不会自动关闭boolean否
onClose关闭按钮点击时的回调function否
autoClose是否自动关闭boolean否
timeout自动关闭的延迟时间number否
children内容React.ReactNode否
position位置string否top-rightright-top\n, \nright-bottom\n, \nleft-top\n, \nleft-bottom
\n

Notice.push(node: ReactNode): string

\n

打开一个新的通知，返回值是这个通知的 id，可通过 Notice.close(id) 手动关闭通知。

\n

注意：由于 ReactDOM.render 在某些场景下是异步的（比如在 useEffect 内部调用的时候），所以 push 返回的 id 并不能立刻用于 close，如果调用 close(id) 时 ReactDOM.render\n还未渲染出来，那么此次 close 调用不会有效果。

\n

Notice.close(id: string): void

\n

关闭 id 指定的通知。

'}))}}},67911:(n,t,s)=>{"use strict";s.d(t,{q:()=>z});var a=s(59312),e=s(24246),o=s(27378),c=s(60042),p=s.n(c),i=s(39215),l=s(70453),u=s(31542),r=s(14623),d=s(19185),k=s(17127),m=(0,o.createContext)(null);m.displayName="ZentNoticeContext";var h={appear:"zent-notice-animation-enter",appearActive:"zent-notice-animation-enter-active",appearDone:"zent-notice-animation-enter-done",enter:"zent-notice-animation-enter",enterActive:"zent-notice-animation-enter-active",enterDone:"zent-notice-animation-enter-done",exit:"zent-notice-animation-exit",exitActive:"zent-notice-animation-exit-active",exitDone:"zent-notice-animation-exit-done"},g=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.elementRef=(0,o.createRef)(),t.state={entered:!1,show:!1},t.timer=0,t.ctx={onClose:function(){t.leave()}},t.onEntered=function(){t.setState({entered:!0})},t.onExited=function(){var n=t.elementRef.current;n.style.height=n.clientHeight+"px",(0,k.tA)((function(){return n.style.height="0"})),setTimeout((function(){var n=t.props;(0,n.onExited)(n.id)}),200)},t}return(0,a.ZT)(t,n),t.prototype.leave=function(){this.timer&&clearTimeout(this.timer),this.setState({show:!1})},t.prototype.componentDidMount=function(){var n=this;this.setState({show:!0});var t=this.props.children;if((0,d.isElement)(t)&&t.props){var s=t.props,a=s.autoClose,e=void 0===a||a,o=s.closable,c=void 0===o||o,p=s.timeout,i=void 0===p?4500:p;c&&e&&(this.timer=setTimeout((function(){return n.leave()}),i))}},t.prototype.componentWillUnmount=function(){var n=this.props.id;b.delete(n)},t.prototype.render=function(){var n=this.props.children,t=this.state,s=t.entered,o=t.show;return(0,e.jsx)(m.Provider,(0,a.pi)({value:this.ctx},{children:(0,e.jsx)(r.Z,(0,a.pi)({in:o,timeout:s?160:100,onEntered:this.onEntered,onExited:this.onExited,classNames:h},{children:(0,e.jsx)("div",(0,a.pi)({ref:this.elementRef,className:"zent-notice-animation","data-zv":"10.0.10"},{children:n}),void 0)}),void 0)}),void 0)},t}(o.Component),f=s(14805),v={"right-top":null,"right-bottom":null,"left-top":null,"left-bottom":null},y={"right-top":new Set,"right-bottom":new Set,"left-top":new Set,"left-bottom":new Set},b=new Map,j=function(n){function t(){var t=null!==n&&n.apply(this,arguments)||this;return t.state={list:[]},t.onExited=function(n){t.setState((function(t){return{list:t.list.filter((function(t){return t.props.id!==n}))}}))},t}return(0,a.ZT)(t,n),t.prototype.push=function(n,t){var s=(0,o.createRef)(),c=(0,e.jsx)(g,(0,a.pi)({ref:s,id:t,onExited:this.onExited},{children:n}),t);return b.set(t,s),this.setState((function(n){return{list:n.list.concat([c])}})),t},t.prototype.render=function(){return(0,e.jsx)(e.Fragment,{children:this.state.list},void 0)},t}(o.Component);function x(n){switch(n){case"info":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-info",type:"info-circle"},void 0);case"success":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-success",type:"check-circle"},void 0);case"warning":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-warning",type:"warning"},void 0);case"error":return(0,e.jsx)(i.J,{className:"zent-notice-icon zent-notice-icon-error",type:"close-circle"},void 0);default:return null}}function z(n){var t=n.children,s=n.title,c=n.type,l=n.closable,u=void 0===l||l,r=n.onClose,d=n.className,k=n.style,h=(0,o.useContext)(m),g=(0,o.useCallback)((function(){h&&h.onClose(),r&&r()}),[h,r]);return(0,e.jsxs)("div",(0,a.pi)({className:p()("zent-notice",{"zent-notice-with-icon":!!c},d),style:k,"data-zv":"10.0.10"},{children:[x(c),(0,e.jsx)("div",(0,a.pi)({className:"zent-notice-title","data-zv":"10.0.10"},{children:s}),void 0),u?(0,e.jsx)(i.J,{type:"close",className:"zent-notice-close",onClick:g},void 0):null,(0,e.jsx)("div",(0,a.pi)({className:"zent-notice-content","data-zv":"10.0.10"},{children:t}),void 0)]}),void 0)}z.push=function(n){var t="right-top";(0,d.isElement)(n)&&n.props&&(t=n.props.position||t);var s=(0,l.Z)("zent-notice-");return function(n,t){var s=v[n];if(s)return t(s);var a=y[n];if(a.add(t),!(a.size>1)){var o=function(n){var t=(0,f.Z)("div");switch(t.classList.add("zent-notice-container"),n){case"right-top":t.classList.add("zent-notice-container-right","zent-notice-container-top");break;case"right-bottom":t.classList.add("zent-notice-container-right","zent-notice-container-bottom");break;case"left-top":t.classList.add("zent-notice-container-left","zent-notice-container-top");break;case"left-bottom":t.classList.add("zent-notice-container-left","zent-notice-container-bottom");break;default:throw new Error("Invalid argument "+n)}return document.body.appendChild(t),t}(n);u.render((0,e.jsx)(j,{element:o,ref:function(t){t&&(v[n]=t,a.forEach((function(n){return n(t)})),a.clear())}},void 0),o)}}(t,(function(t){t.push(n,s)})),s},z.close=function(n){var t=b.get(n);t&&t.current&&t.current.leave()}}}]); \ No newline at end of file diff --git a/77-38824b42720344e0a2ff.js b/77-5a0d24387c690a71bc67.js similarity index 97% rename from 77-38824b42720344e0a2ff.js rename to 77-5a0d24387c690a71bc67.js index 3d9f30a53..5cc352bf6 100644 --- a/77-38824b42720344e0a2ff.js +++ b/77-5a0d24387c690a71bc67.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[77],{77078:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>y});var t=s(73450),p=s(27378),e=s(57318),o=s(39101),c=s(24246);function u(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function l(n){for(var a=1;a{this.setState({value:n,chosenDays:a})})),(0,t.Z)(this,"handleChange1",((n,a)=>{this.setState({value1:n,chosenDays1:a})}))}render(){var n=this.state,a=n.value,s=n.chosenDays,t=n.value1,p=n.chosenDays1;return(0,c.jsxs)("div",{children:[(0,c.jsx)(o.$,{onChange:this.handleChange,value:a,format:"YYYY-MM-DD HH:mm:ss",valueType:"number",chosenDays:s}),(0,c.jsx)("br",{}),(0,c.jsx)(o.$,{onChange:this.handleChange1,value:t,format:"YYYY-MM-DD HH:mm:ss",chosenDays:p,preset:[{text:"今天",value:0},{text:"昨天",value:1},{text:"近7天",value:7},{text:"近30天",value:30}]})]})}}return(0,c.jsx)(n,{})},i=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{}),(0,t.Z)(this,"handleChange",((n,a)=>{this.setState({value:n,chosenDays:a})})),(0,t.Z)(this,"handleChange1",((n,a)=>{this.setState({value1:n,chosenDays1:a})})),(0,t.Z)(this,"handleChange2",((n,a)=>{this.setState({value2:n,chosenDays2:a})}))}render(){var n=this.state,a=n.value,s=n.chosenDays,t=n.value1,p=n.chosenDays1,e=n.value2,u=n.chosenDays2;return(0,c.jsxs)("div",{children:[(0,c.jsx)(o.$,{onChange:this.handleChange,value:a,format:"YYYY-MM-DD HH:mm:ss",valueType:"number",chosenDays:s}),(0,c.jsx)("br",{}),(0,c.jsx)(o.$,{onChange:this.handleChange1,value:t,format:"YYYY-MM-DD HH:mm:ss",chosenDays:p,preset:[{text:"上一周期",value:["2019-01-01","2019-01-02"]},{text:"一月",value:["2019-01-01","2019-01-31"]}]}),(0,c.jsx)("br",{}),(0,c.jsx)(o.$,{onChange:this.handleChange2,value:e,format:"YYYY-MM-DD HH:mm:ss",valueType:"number",chosenDays:u,defaultSelectedPresetIndex:1})]})}}return(0,c.jsx)(n,{})};function k(n){return(0,c.jsx)(n.tag,l(l({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function d(n){return(0,c.jsx)(k,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function h(n){return(0,c.jsx)(k,{tag:"style",html:n.style})}function m(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),m(n.parentNode,a);return a}class g extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(k,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class y extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,m(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(h,{style:""}),p.createElement(d,{html:'

DateRangeQuickPicker

\n

简单的时间范围选择组件, 提供前 7 天和前 30 天的快速选项.

\n

使用场景

\n

快速选择日期区间

\n

代码演示

'}),p.createElement(g,{title:"基础用法",id:"Demobasic",src:'import { DateRangeQuickPicker } from \'zent\';\n\nclass Simple extends Component {\n state = {};\n\n handleChange = (value, chosenDays) => {\n this.setState({\n value,\n chosenDays,\n });\n };\n\n handleChange1 = (value, chosenDays) => {\n this.setState({\n value1: value,\n chosenDays1: chosenDays,\n });\n };\n\n render() {\n const { value, chosenDays, value1, chosenDays1 } = this.state;\n\n return (\n <div>\n <DateRangeQuickPicker\n onChange={this.handleChange}\n value={value}\n format="YYYY-MM-DD HH:mm:ss"\n valueType="number"\n chosenDays={chosenDays}\n />\n <br />\n <DateRangeQuickPicker\n onChange={this.handleChange1}\n value={value1}\n format="YYYY-MM-DD HH:mm:ss"\n chosenDays={chosenDays1}\n preset={[\n {\n text: \'今天\',\n value: 0,\n },\n {\n text: \'昨天\',\n value: 1,\n },\n {\n text: \'近7天\',\n value: 7,\n },\n {\n text: \'近30天\',\n value: 30,\n },\n ]}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(r)),p.createElement(g,{title:"快速选择时间范围",id:"Demopreset",src:'import { DateRangeQuickPicker } from \'zent\';\n\nclass Simple extends Component {\n state = {};\n\n handleChange = (value, chosenDays) => {\n this.setState({\n value,\n chosenDays,\n });\n };\n\n handleChange1 = (value, chosenDays) => {\n this.setState({\n value1: value,\n chosenDays1: chosenDays,\n });\n };\n\n handleChange2 = (value, chosenDays) => {\n this.setState({\n value2: value,\n chosenDays2: chosenDays,\n });\n };\n\n render() {\n const {\n value,\n chosenDays,\n value1,\n chosenDays1,\n value2,\n chosenDays2,\n } = this.state;\n\n return (\n <div>\n <DateRangeQuickPicker\n onChange={this.handleChange}\n value={value}\n format="YYYY-MM-DD HH:mm:ss"\n valueType="number"\n chosenDays={chosenDays}\n />\n <br />\n <DateRangeQuickPicker\n onChange={this.handleChange1}\n value={value1}\n format="YYYY-MM-DD HH:mm:ss"\n chosenDays={chosenDays1}\n preset={[\n {\n text: \'上一周期\',\n value: [\'2019-01-01\', \'2019-01-02\'],\n },\n {\n text: \'一月\',\n value: [\'2019-01-01\', \'2019-01-31\'],\n },\n ]}\n />\n <br />\n <DateRangeQuickPicker\n onChange={this.handleChange2}\n value={value2}\n format="YYYY-MM-DD HH:mm:ss"\n valueType="number"\n chosenDays={chosenDays2}\n defaultSelectedPresetIndex={1}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(i)),p.createElement(d,{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
参数说明类型默认值备选值
onChange时间变更回调函数(value, chosenDay) => void
value起始、结束时间array[]
preset自定义快捷选项array[{text: '最近7天', value: 7}, {text: '最近30天', value: 30}]
defaultSelectedPresetIndex默认选中的 preset 元素数组下标number
valueType设置 onChange 的返回值string'''date'\n, \n'number'\n, \n'string'
format返回日期字符串格式string'YYYY-MM-DD'\n 或 \n'YYYY-MM-DD HH:mm:ss'
chosenDays选择天数number\n \n|\n \narray
min可选日期的最小值string\n \n|\n \nDate''
max可选日期的最大值string\n \n|\n \nDate''
className自定义类名string''
"}))}}},39101:(n,a,s)=>{"use strict";s.d(a,{$:()=>h});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),u=s(51960),l=s(81224),r=s(17949),i=s(1937),k=s(52074),d=864e5,h=function(n){function a(a){var s,t=n.call(this,a)||this;t.handleTimeChange=function(n){(0,t.props.onChange)(n,NaN)},t.handleChosenDays=function(n){var a=t.props,s=a.format;(0,a.onChange)(function(n,a,s){var t,p,e,o=((e=new Date).setHours(0),e.setMinutes(0),e.setSeconds(0),e.setMilliseconds(0),e.getTime());Array.isArray(a)?(t=a[0],p=a[1]):(t=a>1?o-(a-1)*d:o-a*d,p=1===a?o-1e3:Date.now());var c=(0,l.f)(t),r=(0,l.f)(p);return"number"===s?[c.getTime(),r.getTime()]:"date"===s?[c,r]:[(0,u.Z)(c,n),(0,u.Z)(r,n)]}(s,n,a.valueType),n)};var p=a.value,e=a.defaultSelectedPresetIndex,o=a.preset;if("number"==typeof e&&(!p||Array.isArray(p)&&!p.length)){var c=null===(s=o[e])||void 0===s?void 0:s.value;void 0!==c&&t.handleChosenDays(c)}return t}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,s=a.className,e=a.format,o=a.value,u=a.chooseDays,l=a.chosenDays,d=a.preset,h=a.min,m=a.max,g=(0,t._T)(a,["className","format","value","chooseDays","chosenDays","preset","min","max"]),y="YYYY-MM-DD"===e,v=null!=l?l:u;return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-date-range-quick-picker",s),"data-zv":"10.0.9"},{children:[(0,p.jsx)(i.D,(0,t.pi)({value:o,onChange:this.handleTimeChange,format:e,showTime:!y,disabledDate:{min:h,max:m}},g),void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-date-range-quick-picker__filter","data-zv":"10.0.9"},{children:d.map((function(a,s){return(0,p.jsx)(k.Z,(0,t.pi)({componentName:"RangePicker"},{children:function(e){return(0,p.jsx)("span",(0,t.pi)({className:c()("zent-date-range-quick-picker__btn",{active:(0,r.Z)(v,a.value)}),onClick:n.handleChosenDays.bind(n,a.value),"data-zv":"10.0.9"},{children:a.text||("number"==typeof a.value?e[a.value]:"N/A")}),s)}}),s)}))}),void 0)]}),void 0)},a.defaultProps={className:"",value:[],valueType:"string",format:"YYYY-MM-DD",preset:[{value:7},{value:30}],min:"",max:""},a}(e.Component)},85883:(n,a,s)=>{"use strict";var t=s(92497);a.Z=t.Z}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[77],{77078:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>y});var t=s(73450),p=s(27378),e=s(57318),o=s(39101),c=s(24246);function u(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function l(n){for(var a=1;a{this.setState({value:n,chosenDays:a})})),(0,t.Z)(this,"handleChange1",((n,a)=>{this.setState({value1:n,chosenDays1:a})}))}render(){var n=this.state,a=n.value,s=n.chosenDays,t=n.value1,p=n.chosenDays1;return(0,c.jsxs)("div",{children:[(0,c.jsx)(o.$,{onChange:this.handleChange,value:a,format:"YYYY-MM-DD HH:mm:ss",valueType:"number",chosenDays:s}),(0,c.jsx)("br",{}),(0,c.jsx)(o.$,{onChange:this.handleChange1,value:t,format:"YYYY-MM-DD HH:mm:ss",chosenDays:p,preset:[{text:"今天",value:0},{text:"昨天",value:1},{text:"近7天",value:7},{text:"近30天",value:30}]})]})}}return(0,c.jsx)(n,{})},i=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{}),(0,t.Z)(this,"handleChange",((n,a)=>{this.setState({value:n,chosenDays:a})})),(0,t.Z)(this,"handleChange1",((n,a)=>{this.setState({value1:n,chosenDays1:a})})),(0,t.Z)(this,"handleChange2",((n,a)=>{this.setState({value2:n,chosenDays2:a})}))}render(){var n=this.state,a=n.value,s=n.chosenDays,t=n.value1,p=n.chosenDays1,e=n.value2,u=n.chosenDays2;return(0,c.jsxs)("div",{children:[(0,c.jsx)(o.$,{onChange:this.handleChange,value:a,format:"YYYY-MM-DD HH:mm:ss",valueType:"number",chosenDays:s}),(0,c.jsx)("br",{}),(0,c.jsx)(o.$,{onChange:this.handleChange1,value:t,format:"YYYY-MM-DD HH:mm:ss",chosenDays:p,preset:[{text:"上一周期",value:["2019-01-01","2019-01-02"]},{text:"一月",value:["2019-01-01","2019-01-31"]}]}),(0,c.jsx)("br",{}),(0,c.jsx)(o.$,{onChange:this.handleChange2,value:e,format:"YYYY-MM-DD HH:mm:ss",valueType:"number",chosenDays:u,defaultSelectedPresetIndex:1})]})}}return(0,c.jsx)(n,{})};function k(n){return(0,c.jsx)(n.tag,l(l({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function d(n){return(0,c.jsx)(k,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function h(n){return(0,c.jsx)(k,{tag:"style",html:n.style})}function m(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),m(n.parentNode,a);return a}class g extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(k,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class y extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,m(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(h,{style:""}),p.createElement(d,{html:'

DateRangeQuickPicker

\n

简单的时间范围选择组件, 提供前 7 天和前 30 天的快速选项.

\n

使用场景

\n

快速选择日期区间

\n

代码演示

'}),p.createElement(g,{title:"基础用法",id:"Demobasic",src:'import { DateRangeQuickPicker } from \'zent\';\n\nclass Simple extends Component {\n state = {};\n\n handleChange = (value, chosenDays) => {\n this.setState({\n value,\n chosenDays,\n });\n };\n\n handleChange1 = (value, chosenDays) => {\n this.setState({\n value1: value,\n chosenDays1: chosenDays,\n });\n };\n\n render() {\n const { value, chosenDays, value1, chosenDays1 } = this.state;\n\n return (\n <div>\n <DateRangeQuickPicker\n onChange={this.handleChange}\n value={value}\n format="YYYY-MM-DD HH:mm:ss"\n valueType="number"\n chosenDays={chosenDays}\n />\n <br />\n <DateRangeQuickPicker\n onChange={this.handleChange1}\n value={value1}\n format="YYYY-MM-DD HH:mm:ss"\n chosenDays={chosenDays1}\n preset={[\n {\n text: \'今天\',\n value: 0,\n },\n {\n text: \'昨天\',\n value: 1,\n },\n {\n text: \'近7天\',\n value: 7,\n },\n {\n text: \'近30天\',\n value: 30,\n },\n ]}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(r)),p.createElement(g,{title:"快速选择时间范围",id:"Demopreset",src:'import { DateRangeQuickPicker } from \'zent\';\n\nclass Simple extends Component {\n state = {};\n\n handleChange = (value, chosenDays) => {\n this.setState({\n value,\n chosenDays,\n });\n };\n\n handleChange1 = (value, chosenDays) => {\n this.setState({\n value1: value,\n chosenDays1: chosenDays,\n });\n };\n\n handleChange2 = (value, chosenDays) => {\n this.setState({\n value2: value,\n chosenDays2: chosenDays,\n });\n };\n\n render() {\n const {\n value,\n chosenDays,\n value1,\n chosenDays1,\n value2,\n chosenDays2,\n } = this.state;\n\n return (\n <div>\n <DateRangeQuickPicker\n onChange={this.handleChange}\n value={value}\n format="YYYY-MM-DD HH:mm:ss"\n valueType="number"\n chosenDays={chosenDays}\n />\n <br />\n <DateRangeQuickPicker\n onChange={this.handleChange1}\n value={value1}\n format="YYYY-MM-DD HH:mm:ss"\n chosenDays={chosenDays1}\n preset={[\n {\n text: \'上一周期\',\n value: [\'2019-01-01\', \'2019-01-02\'],\n },\n {\n text: \'一月\',\n value: [\'2019-01-01\', \'2019-01-31\'],\n },\n ]}\n />\n <br />\n <DateRangeQuickPicker\n onChange={this.handleChange2}\n value={value2}\n format="YYYY-MM-DD HH:mm:ss"\n valueType="number"\n chosenDays={chosenDays2}\n defaultSelectedPresetIndex={1}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(i)),p.createElement(d,{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
参数说明类型默认值备选值
onChange时间变更回调函数(value, chosenDay) => void
value起始、结束时间array[]
preset自定义快捷选项array[{text: '最近7天', value: 7}, {text: '最近30天', value: 30}]
defaultSelectedPresetIndex默认选中的 preset 元素数组下标number
valueType设置 onChange 的返回值string'''date'\n, \n'number'\n, \n'string'
format返回日期字符串格式string'YYYY-MM-DD'\n 或 \n'YYYY-MM-DD HH:mm:ss'
chosenDays选择天数number\n \n|\n \narray
min可选日期的最小值string\n \n|\n \nDate''
max可选日期的最大值string\n \n|\n \nDate''
className自定义类名string''
"}))}}},39101:(n,a,s)=>{"use strict";s.d(a,{$:()=>h});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),u=s(51960),l=s(81224),r=s(17949),i=s(1937),k=s(52074),d=864e5,h=function(n){function a(a){var s,t=n.call(this,a)||this;t.handleTimeChange=function(n){(0,t.props.onChange)(n,NaN)},t.handleChosenDays=function(n){var a=t.props,s=a.format;(0,a.onChange)(function(n,a,s){var t,p,e,o=((e=new Date).setHours(0),e.setMinutes(0),e.setSeconds(0),e.setMilliseconds(0),e.getTime());Array.isArray(a)?(t=a[0],p=a[1]):(t=a>1?o-(a-1)*d:o-a*d,p=1===a?o-1e3:Date.now());var c=(0,l.f)(t),r=(0,l.f)(p);return"number"===s?[c.getTime(),r.getTime()]:"date"===s?[c,r]:[(0,u.Z)(c,n),(0,u.Z)(r,n)]}(s,n,a.valueType),n)};var p=a.value,e=a.defaultSelectedPresetIndex,o=a.preset;if("number"==typeof e&&(!p||Array.isArray(p)&&!p.length)){var c=null===(s=o[e])||void 0===s?void 0:s.value;void 0!==c&&t.handleChosenDays(c)}return t}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,s=a.className,e=a.format,o=a.value,u=a.chooseDays,l=a.chosenDays,d=a.preset,h=a.min,m=a.max,g=(0,t._T)(a,["className","format","value","chooseDays","chosenDays","preset","min","max"]),y="YYYY-MM-DD"===e,v=null!=l?l:u;return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-date-range-quick-picker",s),"data-zv":"10.0.10"},{children:[(0,p.jsx)(i.D,(0,t.pi)({value:o,onChange:this.handleTimeChange,format:e,showTime:!y,disabledDate:{min:h,max:m}},g),void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-date-range-quick-picker__filter","data-zv":"10.0.10"},{children:d.map((function(a,s){return(0,p.jsx)(k.Z,(0,t.pi)({componentName:"RangePicker"},{children:function(e){return(0,p.jsx)("span",(0,t.pi)({className:c()("zent-date-range-quick-picker__btn",{active:(0,r.Z)(v,a.value)}),onClick:n.handleChosenDays.bind(n,a.value),"data-zv":"10.0.10"},{children:a.text||("number"==typeof a.value?e[a.value]:"N/A")}),s)}}),s)}))}),void 0)]}),void 0)},a.defaultProps={className:"",value:[],valueType:"string",format:"YYYY-MM-DD",preset:[{value:7},{value:30}],min:"",max:""},a}(e.Component)},85883:(n,a,s)=>{"use strict";var t=s(92497);a.Z=t.Z}}]); \ No newline at end of file diff --git a/7700-7735f9cee7bfa277940c.js b/7700-7cfd48e79061c79fd056.js similarity index 81% rename from 7700-7735f9cee7bfa277940c.js rename to 7700-7cfd48e79061c79fd056.js index 796b2553a..a5363b2e0 100644 --- a/7700-7735f9cee7bfa277940c.js +++ b/7700-7cfd48e79061c79fd056.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[7700],{27700:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>b});var t=s(73450),e=s(27378),p=s(57318),o=s(20713),c=s(24246);function l(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(g,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,v(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(f,{style:""}),e.createElement(y,{html:'

Card 卡片

\n

用于在卡片容器内展示信息。

\n

使用指南

\n
    \n
  • 通过 title 来控制是否显示标题
    • \n
  • 通过 action 来提供交互操作
    • \n
  • 通过 bodyStyle 来自定义内容样式
    • \n
\n

代码演示

'}),e.createElement(j,{title:"基础用法",id:"Demobasic",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }}>\n <p>Card item</p>\n </Card>\n , mountNode\n);'},e.createElement(r)),e.createElement(j,{title:"带标题的卡片",id:"Demowithtitle",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} title="Card Title">\n <p>Card item</p>\n <p>Card item</p>\n </Card>\n , mountNode\n);'},e.createElement(u)),e.createElement(j,{title:"带交互的卡片",id:"Demowithaction",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card\n style={{ width: 400 }}\n title="Card Title"\n action={\n <a className="zent-link" target="_blank" href="//www.youzan.com">\n 有赞\n </a>\n }\n >\n <p>Card item</p>\n </Card>,\n mountNode\n);'},e.createElement(d)),e.createElement(j,{title:"嵌套卡片",id:"Demonested",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} title="外层卡片">\n <p style={{ marginBottom: 10 }}>Card content</p>\n\n <Card type="nested" title="内层卡片">\n <p>Nested card content</p>\n </Card>\n </Card>\n , mountNode\n);'},e.createElement(k)),e.createElement(j,{title:"支持自定义样式",id:"Democustomstyle",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} bodyStyle={{ background: \'#e5e5e5\'}}>\n <p>Custom background</p>\n </Card>\n , mountNode\n);'},e.createElement(m)),e.createElement(j,{title:"加载中状态",id:"Demoloading",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} loading title="Card Title">\n <p>Card item</p>\n </Card>\n , mountNode\n);'},e.createElement(h)),e.createElement(y,{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
参数说明类型默认值备选值
title标题node
action操作node
loading加载状态boolfalsetrue
type卡片类型，现在有两种，普通和嵌套string\'normal\'\'nested\'
style卡片容器自定义样式object{}
bodyStyle内容区域自定义样式object{}
className自定义额外类名string\'\'
'}))}}},20713:(n,a,s)=>{"use strict";s.d(a,{Z:()=>r});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=s(40937),i=s(31256),r=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.title,s=n.action,p=n.type,o=n.loading,r=n.style,u=n.children,d=n.className,k=n.bodyStyle,m=!(0,i.Z)(a),h=!(0,i.Z)(s);return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-card",d,{"zent-card--normal":"normal"===p,"zent-card--nested":"nested"===p}),style:r,"data-zv":"10.0.9"},{children:[(m||h)&&(0,e.jsxs)("div",(0,t.pi)({className:"zent-card-header","data-zv":"10.0.9"},{children:[m&&(0,e.jsx)("h3",(0,t.pi)({className:"zent-card-header__title","data-zv":"10.0.9"},{children:a}),void 0),h&&(0,e.jsx)("div",(0,t.pi)({className:"zent-card-header__action","data-zv":"10.0.9"},{children:s}),void 0)]}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-card-body",style:k,"data-zv":"10.0.9"},{children:o?(0,e.jsx)(l.Z.TextBlock,{rows:5},void 0):u}),void 0)]}),void 0)},a.defaultProps={type:"normal",style:{},bodyStyle:{},loading:!1,className:""},a}(p.Component)},40937:(n,a,s)=>{"use strict";s.d(a,{V:()=>g,Z:()=>y});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.lineSpacing,p=n.animate,o=n.style,l={marginTop:s},i=c()("zent-placeholder-text-row","zent-placeholder-shape",{"zent-placeholder-shape--animate":p},a);return(0,e.jsx)("div",{className:i,style:(0,t.pi)((0,t.pi)({},l),o),"data-zv":"10.0.9"},void 0)},a.defaultProps={lineSpacing:"0.7em",animate:!0},a}(p.PureComponent),i=[[61.8,38],[30,25,44],[20,75],[33,16,20,27],[12,32,53],[45,12,42],[20,10,47,18],[14,47,37]],r=function(n){function a(a){var s,t=n.call(this,a)||this;return t.state={segments:(s=i,s[Math.floor(Math.random()*s.length)])},t}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.lineSpacing,p=n.animate,o=n.segments,l=n.style,i={marginTop:s},r=c()("zent-placeholder-text-row-dashed",a),u=c()("zent-placeholder-shape",{"zent-placeholder-shape--animate":p}),d=Array.isArray(o)?o:this.state.segments;return(0,e.jsx)("div",(0,t.pi)({className:r,style:(0,t.pi)((0,t.pi)({},i),l),"data-zv":"10.0.9"},{children:d.map((function(n,a){return(0,e.jsx)("div",(0,t.pi)({className:"zent-placeholder-text-row-dashed-segment",style:{width:n+"%",paddingLeft:0===a?0:"0.3em"},"data-zv":"10.0.9"},{children:(0,e.jsx)("div",{className:u,"data-zv":"10.0.9"},void 0)}),a)}))}),void 0)},a.defaultProps={lineSpacing:"0.7em",animate:!0},a}(p.PureComponent),u=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,t=n.animate,p=c()("zent-placeholder-shape",{"zent-placeholder-shape--animate":t},a);return(0,e.jsx)("div",{className:p,style:s,"data-zv":"10.0.9"},void 0)},a.defaultProps={style:{},animate:!0},a}(p.PureComponent),d=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.diameter,p=n.style,o=(0,t._T)(n,["className","diameter","style"]),l=c()("zent-placeholder-circle",a),i=(0,t.pi)({height:s,minWidth:s},p);return(0,e.jsx)(u,(0,t.pi)({className:l,style:i},o),void 0)},a.defaultProps={style:{},animate:!0,diameter:80},a}(p.PureComponent),k=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.width,p=n.height,o=n.style,l=(0,t._T)(n,["className","width","height","style"]),i=c()("zent-placeholder-rectangle",a),r=(0,t.pi)({minWidth:s,height:p},o);return(0,e.jsx)(u,(0,t.pi)({className:i,style:r},l),void 0)},a.defaultProps={style:{},animate:!0,width:80,height:80},a}(p.PureComponent),m=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getRowStyle=function(n){var s=a.props.widths;return{width:s[n%s.length]+"%"}},a.getRows=function(){for(var n=a.props,s=n.rows,p=n.lineSpacing,o=n.animate,c=n.dashed,i=n.dashSegments,u=[],d=0;d{"use strict";function t(n){return null==n}s.d(a,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[7700],{27700:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>b});var t=s(73450),e=s(27378),p=s(57318),o=s(20713),c=s(24246);function l(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(g,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,v(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(f,{style:""}),e.createElement(y,{html:'

Card 卡片

\n

用于在卡片容器内展示信息。

\n

使用指南

\n
    \n
  • 通过 title 来控制是否显示标题
    • \n
  • 通过 action 来提供交互操作
    • \n
  • 通过 bodyStyle 来自定义内容样式
    • \n
\n

代码演示

'}),e.createElement(j,{title:"基础用法",id:"Demobasic",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }}>\n <p>Card item</p>\n </Card>\n , mountNode\n);'},e.createElement(r)),e.createElement(j,{title:"带标题的卡片",id:"Demowithtitle",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} title="Card Title">\n <p>Card item</p>\n <p>Card item</p>\n </Card>\n , mountNode\n);'},e.createElement(u)),e.createElement(j,{title:"带交互的卡片",id:"Demowithaction",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card\n style={{ width: 400 }}\n title="Card Title"\n action={\n <a className="zent-link" target="_blank" href="//www.youzan.com">\n 有赞\n </a>\n }\n >\n <p>Card item</p>\n </Card>,\n mountNode\n);'},e.createElement(d)),e.createElement(j,{title:"嵌套卡片",id:"Demonested",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} title="外层卡片">\n <p style={{ marginBottom: 10 }}>Card content</p>\n\n <Card type="nested" title="内层卡片">\n <p>Nested card content</p>\n </Card>\n </Card>\n , mountNode\n);'},e.createElement(k)),e.createElement(j,{title:"支持自定义样式",id:"Democustomstyle",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} bodyStyle={{ background: \'#e5e5e5\'}}>\n <p>Custom background</p>\n </Card>\n , mountNode\n);'},e.createElement(m)),e.createElement(j,{title:"加载中状态",id:"Demoloading",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} loading title="Card Title">\n <p>Card item</p>\n </Card>\n , mountNode\n);'},e.createElement(h)),e.createElement(y,{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
参数说明类型默认值备选值
title标题node
action操作node
loading加载状态boolfalsetrue
type卡片类型，现在有两种，普通和嵌套string\'normal\'\'nested\'
style卡片容器自定义样式object{}
bodyStyle内容区域自定义样式object{}
className自定义额外类名string\'\'
'}))}}},20713:(n,a,s)=>{"use strict";s.d(a,{Z:()=>r});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=s(40937),i=s(31256),r=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.title,s=n.action,p=n.type,o=n.loading,r=n.style,u=n.children,d=n.className,k=n.bodyStyle,m=!(0,i.Z)(a),h=!(0,i.Z)(s);return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-card",d,{"zent-card--normal":"normal"===p,"zent-card--nested":"nested"===p}),style:r,"data-zv":"10.0.10"},{children:[(m||h)&&(0,e.jsxs)("div",(0,t.pi)({className:"zent-card-header","data-zv":"10.0.10"},{children:[m&&(0,e.jsx)("h3",(0,t.pi)({className:"zent-card-header__title","data-zv":"10.0.10"},{children:a}),void 0),h&&(0,e.jsx)("div",(0,t.pi)({className:"zent-card-header__action","data-zv":"10.0.10"},{children:s}),void 0)]}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-card-body",style:k,"data-zv":"10.0.10"},{children:o?(0,e.jsx)(l.Z.TextBlock,{rows:5},void 0):u}),void 0)]}),void 0)},a.defaultProps={type:"normal",style:{},bodyStyle:{},loading:!1,className:""},a}(p.Component)},40937:(n,a,s)=>{"use strict";s.d(a,{V:()=>g,Z:()=>y});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.lineSpacing,p=n.animate,o=n.style,l={marginTop:s},i=c()("zent-placeholder-text-row","zent-placeholder-shape",{"zent-placeholder-shape--animate":p},a);return(0,e.jsx)("div",{className:i,style:(0,t.pi)((0,t.pi)({},l),o),"data-zv":"10.0.10"},void 0)},a.defaultProps={lineSpacing:"0.7em",animate:!0},a}(p.PureComponent),i=[[61.8,38],[30,25,44],[20,75],[33,16,20,27],[12,32,53],[45,12,42],[20,10,47,18],[14,47,37]],r=function(n){function a(a){var s,t=n.call(this,a)||this;return t.state={segments:(s=i,s[Math.floor(Math.random()*s.length)])},t}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.lineSpacing,p=n.animate,o=n.segments,l=n.style,i={marginTop:s},r=c()("zent-placeholder-text-row-dashed",a),u=c()("zent-placeholder-shape",{"zent-placeholder-shape--animate":p}),d=Array.isArray(o)?o:this.state.segments;return(0,e.jsx)("div",(0,t.pi)({className:r,style:(0,t.pi)((0,t.pi)({},i),l),"data-zv":"10.0.10"},{children:d.map((function(n,a){return(0,e.jsx)("div",(0,t.pi)({className:"zent-placeholder-text-row-dashed-segment",style:{width:n+"%",paddingLeft:0===a?0:"0.3em"},"data-zv":"10.0.10"},{children:(0,e.jsx)("div",{className:u,"data-zv":"10.0.10"},void 0)}),a)}))}),void 0)},a.defaultProps={lineSpacing:"0.7em",animate:!0},a}(p.PureComponent),u=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,t=n.animate,p=c()("zent-placeholder-shape",{"zent-placeholder-shape--animate":t},a);return(0,e.jsx)("div",{className:p,style:s,"data-zv":"10.0.10"},void 0)},a.defaultProps={style:{},animate:!0},a}(p.PureComponent),d=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.diameter,p=n.style,o=(0,t._T)(n,["className","diameter","style"]),l=c()("zent-placeholder-circle",a),i=(0,t.pi)({height:s,minWidth:s},p);return(0,e.jsx)(u,(0,t.pi)({className:l,style:i},o),void 0)},a.defaultProps={style:{},animate:!0,diameter:80},a}(p.PureComponent),k=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.width,p=n.height,o=n.style,l=(0,t._T)(n,["className","width","height","style"]),i=c()("zent-placeholder-rectangle",a),r=(0,t.pi)({minWidth:s,height:p},o);return(0,e.jsx)(u,(0,t.pi)({className:i,style:r},l),void 0)},a.defaultProps={style:{},animate:!0,width:80,height:80},a}(p.PureComponent),m=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getRowStyle=function(n){var s=a.props.widths;return{width:s[n%s.length]+"%"}},a.getRows=function(){for(var n=a.props,s=n.rows,p=n.lineSpacing,o=n.animate,c=n.dashed,i=n.dashSegments,u=[],d=0;d{"use strict";function t(n){return null==n}s.d(a,{Z:()=>t})}}]); \ No newline at end of file diff --git a/772-34a87858cc77432b4abd.js b/772-e753347057f35d247e1a.js similarity index 91% rename from 772-34a87858cc77432b4abd.js rename to 772-e753347057f35d247e1a.js index dbf59a9bc..470e32866 100644 --- a/772-34a87858cc77432b4abd.js +++ b/772-e753347057f35d247e1a.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[772],{40772:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>f});var t=a(73450),e=a(27378),p=a(57318),o=a(37424),c=a(24246);function l(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 u(n){for(var s=1;s{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsx)("div",{className:"zent-steps-demo-breadcrumb",children:(0,c.jsxs)(o.R,{current:n,type:"breadcrumb",onStepChange:this.onStepChange,ghost:!0,children:[(0,c.jsx)(o.R.Step,{title:"Sign in to Youzan"}),(0,c.jsx)(o.R.Step,{title:"Choose a store"}),(0,c.jsx)(o.R.Step,{title:"Bind the store"}),(0,c.jsx)(o.R.Step,{title:"Finish"})]})})}}return(0,c.jsx)(n,{})},r=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1}),(0,t.Z)(this,"onStepChange",(n=>{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsx)("div",{className:"zent-steps-demo-breadcrumb",children:(0,c.jsxs)(o.R,{current:n,type:"breadcrumb",onStepChange:this.onStepChange,ghost:!0,children:[(0,c.jsx)(o.R.Step,{title:"Sign in to Youzan"}),(0,c.jsx)(o.R.Step,{title:"Choose a store"}),(0,c.jsx)(o.R.Step,{title:"Bind the store",disabled:!0}),(0,c.jsx)(o.R.Step,{title:"Finish",disabled:!0})]})})}}return(0,c.jsx)(n,{})},k=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1}),(0,t.Z)(this,"onStepChange",(n=>{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsx)("div",{className:"zent-steps-demo-breadcrumb",children:(0,c.jsxs)(o.R,{current:n,type:"breadcrumb",onStepChange:this.onStepChange,sequence:!0,ghost:!0,children:[(0,c.jsx)(o.R.Step,{title:"Sign in to Youzan",icon:"check-circle-o"}),(0,c.jsx)(o.R.Step,{title:"Choose a store",icon:"plus-circle-o"}),(0,c.jsx)(o.R.Step,{title:"Bind the store"}),(0,c.jsx)(o.R.Step,{title:"Finish"})]})})}}return(0,c.jsx)(n,{})},d=function(){return(0,c.jsxs)(o.R,{current:2,sequence:!1,type:"card",children:[(0,c.jsx)(o.R.Step,{title:"Step1 - Sign in to Youzan"}),(0,c.jsx)(o.R.Step,{title:"Step2 - Choose a store"}),(0,c.jsx)(o.R.Step,{title:"Step3 - Bind the store"}),(0,c.jsx)(o.R.Step,{title:"Step4 - Finish"})]})},m=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1}),(0,t.Z)(this,"onStepChange",(n=>{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsxs)(o.R,{current:n,type:"tabs",onStepChange:this.onStepChange,children:[(0,c.jsx)(o.R.Step,{title:"Step One"}),(0,c.jsx)(o.R.Step,{title:"Step Two"}),(0,c.jsx)(o.R.Step,{title:"Step Three"})]})}}return(0,c.jsx)(n,{})};function h(n){return(0,c.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function g(n){return(0,c.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function y(n){return(0,c.jsx)(h,{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 v 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,e=s.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:a||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class f extends e.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,p.l)(document.documentElement,0,S(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(y,{style:".zent-steps-demo-breadcrumb {\n\t\tbackground-color: #f7f7f7;\n\t\tpadding: 20px;\n\t}\n\n.zent-steps-demo-breadcrumb {\n\t\tbackground-color: #f7f7f7;\n\t\tpadding: 20px;\n\t}\n\n.zent-steps-demo-breadcrumb {\n\t\tbackground-color: #f7f7f7;\n\t\tpadding: 20px;\n\t}"}),e.createElement(g,{html:'

Steps

\n

Located in the head of the form, it is used for step by step display of large or strong logical forms, providing jump ability.

\n

Suggestion

\n
    \n
  • When the task is complex or there is a sequence relationship, the step bar can be divided into multiple steps to simplify the user\'s cognition and operation cost of each step and feedback the current state.
    • \n
  • Step is used when a large volume or strong logical form needs to be displayed step by step and the skipping ability is provided.
    • \n
  • When a task contains multiple nodes with contextual relationship and needs to feedback the task flow status, the Indicator is used.
    • \n
  • If only the progress of a task does not contain multiple nodes, use the Progress.
    • \n
  • If the content can be split into multiple sub-contents without any logical relationship, use Tabs.
    • \n
'}),e.createElement(v,{title:"Basic usage",id:"Demobreadcrumbstep",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <div className="zent-steps-demo-breadcrumb">\n <Steps\n current={current}\n type="breadcrumb"\n onStepChange={this.onStepChange}\n ghost\n >\n <Steps.Step title="Sign in to Youzan" />\n <Steps.Step title="Choose a store" />\n <Steps.Step title="Bind the store" />\n <Steps.Step title="Finish" />\n </Steps>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},e.createElement(i)),e.createElement(v,{title:"Disabled Step",id:"Demobreadcrumbstepdisabled",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <div className="zent-steps-demo-breadcrumb">\n <Steps\n current={current}\n type="breadcrumb"\n onStepChange={this.onStepChange}\n ghost\n >\n <Steps.Step title="Sign in to Youzan" />\n <Steps.Step title="Choose a store" />\n <Steps.Step title="Bind the store" disabled />\n <Steps.Step title="Finish" disabled />\n </Steps>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},e.createElement(r)),e.createElement(v,{title:"Custom Icon",id:"Demobreadcrumbstepcustomicon",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <div className="zent-steps-demo-breadcrumb">\n <Steps\n current={current}\n type="breadcrumb"\n onStepChange={this.onStepChange}\n sequence\n ghost\n >\n <Steps.Step title="Sign in to Youzan" icon="check-circle-o" />\n <Steps.Step title="Choose a store" icon="plus-circle-o" />\n <Steps.Step title="Bind the store" />\n <Steps.Step title="Finish" />\n </Steps>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},e.createElement(k)),e.createElement(g,{html:'

API

\n

Steps

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternative
typeThe type of steps(The default value of type is not changed for compatibility with older versions. Please use \'Indicator\' when \ntype=number\n)string\'number\'\'breadcrumb\'\n,\n\'card\'\n, \n\'tabs\'
currentThe curren step which starts from 1. When this property is not passed, \ncurrent\n is 0 and steps is in status of \nwait\n.number0
sequenceWhether to use the default step number or notbooleantrue
onStepChangeThe callback function that is triggered when the steps in cliked and changed, especially for steps of card type, breadcrumb type and tabs type.func\'\'
classNameThe custom classnamestring\'\'
ghostUse reverse color styles (This property supports only breadcrumb type. )booleanfalse
\n

Use Indicator for progress indicators of type [type=number]

\n

Steps.Step

\n

Steps.Step is each item of the Step component.

\n\n\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
titlethe title of each item in steps\'node\'
descriptionThe details of each item in steps (This propterty is not supported in steps of card type, breadcrumb type and tabs type. )\'node\'
iconCustom icons\'string\'\n \n|\n \n\'node\'
\n

Known issues

\n

This component didn\'t deal with the situation where there is only one step. In fact, you shouldn\'t use this component when there is only one step.

\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),e.createElement(v,{title:"Steps of card type which override the step number by `sequence`",id:"Democardstep",src:'import { Steps } from \'zent\';\n\nReactDOM.render(\n <Steps current={2} sequence={false} type="card">\n <Steps.Step title="Step1 - Sign in to Youzan" />\n <Steps.Step title="Step2 - Choose a store" />\n <Steps.Step title="Step3 - Bind the store" />\n <Steps.Step title="Step4 - Finish" />\n </Steps>,\n mountNode\n);'},e.createElement(d)),e.createElement(v,{title:"Steps of tabs type",id:"Demotabsstep",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <Steps current={current} type="tabs" onStepChange={this.onStepChange}>\n <Steps.Step title="Step One" />\n <Steps.Step title="Step Two" />\n <Steps.Step title="Step Three" />\n </Steps>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},e.createElement(m)))}}},37424:(n,s,a)=>{"use strict";a.d(s,{R:()=>d});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(27036),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.renderIconNode=function(){var n=s.props,a=n.stepNumber,p=n.sequence,o=n.status,c=void 0===o?"wait":o,u=n.icon;if(u){var i="string"==typeof u?(0,e.jsx)(l.Z,{type:u},void 0):u;return(0,e.jsx)(e.Fragment,{children:i},void 0)}return"finish"===c?(0,e.jsx)(l.Z,{type:"check-circle-o"},void 0):"error"===c?(0,e.jsx)(l.Z,{type:"error-circle"},void 0):(0,e.jsx)("span",(0,t.pi)({className:"zent-icon zent-steps-sequence","data-zv":"10.0.9"},{children:p?a:""}),void 0)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.isCurrentStep,a=n.status,p=void 0===a?"wait":a,o=n.isLastFinishStep,l=n.stepLast,u=n.title,i=n.description,r=c()("zent-steps-item","zent-steps-status-"+p,{"zent-steps-item--current":s,"zent-steps-item--last-finished":o});return(0,e.jsxs)("div",(0,t.pi)({className:r,"data-zv":"10.0.9"},{children:[!l&&(0,e.jsx)("div",(0,t.pi)({className:"zent-steps-tail","data-zv":"10.0.9"},{children:(0,e.jsx)("i",{"data-zv":"10.0.9"},void 0)}),void 0),(0,e.jsxs)("div",(0,t.pi)({className:"zent-steps-step","data-zv":"10.0.9"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-step-head","data-zv":"10.0.9"},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-step-head-inner","data-zv":"10.0.9"},{children:this.renderIconNode()}),void 0)}),void 0),(0,e.jsxs)("div",(0,t.pi)({className:"zent-step-main","data-zv":"10.0.9"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-step-title","data-zv":"10.0.9"},{children:u}),void 0),i&&(0,e.jsx)("div",(0,t.pi)({className:"zent-step-description","data-zv":"10.0.9"},{children:i}),void 0)]}),void 0)]}),void 0)]}),void 0)},s.defaultProps={description:""},s}(p.Component),i=a(19185),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.children,o=n.current,l=n.status,u=n.direction,r=n.sequence,k=p.Children.count(a)-1,d=c()(s,"zent-steps","zent-steps__"+u);return(0,e.jsx)("div",(0,t.pi)({className:d,"data-zv":"10.0.9"},{children:p.Children.map(a,(function(n,s){var a={sequence:r,stepNumber:(s+1).toString(),stepLast:s===k,isCurrentStep:s===o-1,isLastFinishStep:"error"===l&&s===o-2,status:"wait"};return(0,i.isElement)(n)?(n.props.status||(a.status=s===o-1?l:s{"use strict";a.r(s),a.d(s,{default:()=>f});var t=a(73450),e=a(27378),p=a(57318),o=a(37424),c=a(24246);function l(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 u(n){for(var s=1;s{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsx)("div",{className:"zent-steps-demo-breadcrumb",children:(0,c.jsxs)(o.R,{current:n,type:"breadcrumb",onStepChange:this.onStepChange,ghost:!0,children:[(0,c.jsx)(o.R.Step,{title:"Sign in to Youzan"}),(0,c.jsx)(o.R.Step,{title:"Choose a store"}),(0,c.jsx)(o.R.Step,{title:"Bind the store"}),(0,c.jsx)(o.R.Step,{title:"Finish"})]})})}}return(0,c.jsx)(n,{})},r=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1}),(0,t.Z)(this,"onStepChange",(n=>{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsx)("div",{className:"zent-steps-demo-breadcrumb",children:(0,c.jsxs)(o.R,{current:n,type:"breadcrumb",onStepChange:this.onStepChange,ghost:!0,children:[(0,c.jsx)(o.R.Step,{title:"Sign in to Youzan"}),(0,c.jsx)(o.R.Step,{title:"Choose a store"}),(0,c.jsx)(o.R.Step,{title:"Bind the store",disabled:!0}),(0,c.jsx)(o.R.Step,{title:"Finish",disabled:!0})]})})}}return(0,c.jsx)(n,{})},k=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1}),(0,t.Z)(this,"onStepChange",(n=>{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsx)("div",{className:"zent-steps-demo-breadcrumb",children:(0,c.jsxs)(o.R,{current:n,type:"breadcrumb",onStepChange:this.onStepChange,sequence:!0,ghost:!0,children:[(0,c.jsx)(o.R.Step,{title:"Sign in to Youzan",icon:"check-circle-o"}),(0,c.jsx)(o.R.Step,{title:"Choose a store",icon:"plus-circle-o"}),(0,c.jsx)(o.R.Step,{title:"Bind the store"}),(0,c.jsx)(o.R.Step,{title:"Finish"})]})})}}return(0,c.jsx)(n,{})},d=function(){return(0,c.jsxs)(o.R,{current:2,sequence:!1,type:"card",children:[(0,c.jsx)(o.R.Step,{title:"Step1 - Sign in to Youzan"}),(0,c.jsx)(o.R.Step,{title:"Step2 - Choose a store"}),(0,c.jsx)(o.R.Step,{title:"Step3 - Bind the store"}),(0,c.jsx)(o.R.Step,{title:"Step4 - Finish"})]})},m=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1}),(0,t.Z)(this,"onStepChange",(n=>{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsxs)(o.R,{current:n,type:"tabs",onStepChange:this.onStepChange,children:[(0,c.jsx)(o.R.Step,{title:"Step One"}),(0,c.jsx)(o.R.Step,{title:"Step Two"}),(0,c.jsx)(o.R.Step,{title:"Step Three"})]})}}return(0,c.jsx)(n,{})};function h(n){return(0,c.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function g(n){return(0,c.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function y(n){return(0,c.jsx)(h,{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 v 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,e=s.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:a||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class f extends e.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,p.l)(document.documentElement,0,S(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(y,{style:".zent-steps-demo-breadcrumb {\n\t\tbackground-color: #f7f7f7;\n\t\tpadding: 20px;\n\t}\n\n.zent-steps-demo-breadcrumb {\n\t\tbackground-color: #f7f7f7;\n\t\tpadding: 20px;\n\t}\n\n.zent-steps-demo-breadcrumb {\n\t\tbackground-color: #f7f7f7;\n\t\tpadding: 20px;\n\t}"}),e.createElement(g,{html:'

Steps

\n

Located in the head of the form, it is used for step by step display of large or strong logical forms, providing jump ability.

\n

Suggestion

\n
    \n
  • When the task is complex or there is a sequence relationship, the step bar can be divided into multiple steps to simplify the user\'s cognition and operation cost of each step and feedback the current state.
    • \n
  • Step is used when a large volume or strong logical form needs to be displayed step by step and the skipping ability is provided.
    • \n
  • When a task contains multiple nodes with contextual relationship and needs to feedback the task flow status, the Indicator is used.
    • \n
  • If only the progress of a task does not contain multiple nodes, use the Progress.
    • \n
  • If the content can be split into multiple sub-contents without any logical relationship, use Tabs.
    • \n
'}),e.createElement(v,{title:"Basic usage",id:"Demobreadcrumbstep",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <div className="zent-steps-demo-breadcrumb">\n <Steps\n current={current}\n type="breadcrumb"\n onStepChange={this.onStepChange}\n ghost\n >\n <Steps.Step title="Sign in to Youzan" />\n <Steps.Step title="Choose a store" />\n <Steps.Step title="Bind the store" />\n <Steps.Step title="Finish" />\n </Steps>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},e.createElement(i)),e.createElement(v,{title:"Disabled Step",id:"Demobreadcrumbstepdisabled",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <div className="zent-steps-demo-breadcrumb">\n <Steps\n current={current}\n type="breadcrumb"\n onStepChange={this.onStepChange}\n ghost\n >\n <Steps.Step title="Sign in to Youzan" />\n <Steps.Step title="Choose a store" />\n <Steps.Step title="Bind the store" disabled />\n <Steps.Step title="Finish" disabled />\n </Steps>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},e.createElement(r)),e.createElement(v,{title:"Custom Icon",id:"Demobreadcrumbstepcustomicon",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <div className="zent-steps-demo-breadcrumb">\n <Steps\n current={current}\n type="breadcrumb"\n onStepChange={this.onStepChange}\n sequence\n ghost\n >\n <Steps.Step title="Sign in to Youzan" icon="check-circle-o" />\n <Steps.Step title="Choose a store" icon="plus-circle-o" />\n <Steps.Step title="Bind the store" />\n <Steps.Step title="Finish" />\n </Steps>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},e.createElement(k)),e.createElement(g,{html:'

API

\n

Steps

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternative
typeThe type of steps(The default value of type is not changed for compatibility with older versions. Please use \'Indicator\' when \ntype=number\n)string\'number\'\'breadcrumb\'\n,\n\'card\'\n, \n\'tabs\'
currentThe curren step which starts from 1. When this property is not passed, \ncurrent\n is 0 and steps is in status of \nwait\n.number0
sequenceWhether to use the default step number or notbooleantrue
onStepChangeThe callback function that is triggered when the steps in cliked and changed, especially for steps of card type, breadcrumb type and tabs type.func\'\'
classNameThe custom classnamestring\'\'
ghostUse reverse color styles (This property supports only breadcrumb type. )booleanfalse
\n

Use Indicator for progress indicators of type [type=number]

\n

Steps.Step

\n

Steps.Step is each item of the Step component.

\n\n\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
titlethe title of each item in steps\'node\'
descriptionThe details of each item in steps (This propterty is not supported in steps of card type, breadcrumb type and tabs type. )\'node\'
iconCustom icons\'string\'\n \n|\n \n\'node\'
\n

Known issues

\n

This component didn\'t deal with the situation where there is only one step. In fact, you shouldn\'t use this component when there is only one step.

\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),e.createElement(v,{title:"Steps of card type which override the step number by `sequence`",id:"Democardstep",src:'import { Steps } from \'zent\';\n\nReactDOM.render(\n <Steps current={2} sequence={false} type="card">\n <Steps.Step title="Step1 - Sign in to Youzan" />\n <Steps.Step title="Step2 - Choose a store" />\n <Steps.Step title="Step3 - Bind the store" />\n <Steps.Step title="Step4 - Finish" />\n </Steps>,\n mountNode\n);'},e.createElement(d)),e.createElement(v,{title:"Steps of tabs type",id:"Demotabsstep",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <Steps current={current} type="tabs" onStepChange={this.onStepChange}>\n <Steps.Step title="Step One" />\n <Steps.Step title="Step Two" />\n <Steps.Step title="Step Three" />\n </Steps>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},e.createElement(m)))}}},37424:(n,s,a)=>{"use strict";a.d(s,{R:()=>d});var t=a(59312),e=a(24246),p=a(27378),o=a(60042),c=a.n(o),l=a(27036),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.renderIconNode=function(){var n=s.props,a=n.stepNumber,p=n.sequence,o=n.status,c=void 0===o?"wait":o,u=n.icon;if(u){var i="string"==typeof u?(0,e.jsx)(l.Z,{type:u},void 0):u;return(0,e.jsx)(e.Fragment,{children:i},void 0)}return"finish"===c?(0,e.jsx)(l.Z,{type:"check-circle-o"},void 0):"error"===c?(0,e.jsx)(l.Z,{type:"error-circle"},void 0):(0,e.jsx)("span",(0,t.pi)({className:"zent-icon zent-steps-sequence","data-zv":"10.0.10"},{children:p?a:""}),void 0)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.isCurrentStep,a=n.status,p=void 0===a?"wait":a,o=n.isLastFinishStep,l=n.stepLast,u=n.title,i=n.description,r=c()("zent-steps-item","zent-steps-status-"+p,{"zent-steps-item--current":s,"zent-steps-item--last-finished":o});return(0,e.jsxs)("div",(0,t.pi)({className:r,"data-zv":"10.0.10"},{children:[!l&&(0,e.jsx)("div",(0,t.pi)({className:"zent-steps-tail","data-zv":"10.0.10"},{children:(0,e.jsx)("i",{"data-zv":"10.0.10"},void 0)}),void 0),(0,e.jsxs)("div",(0,t.pi)({className:"zent-steps-step","data-zv":"10.0.10"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-step-head","data-zv":"10.0.10"},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-step-head-inner","data-zv":"10.0.10"},{children:this.renderIconNode()}),void 0)}),void 0),(0,e.jsxs)("div",(0,t.pi)({className:"zent-step-main","data-zv":"10.0.10"},{children:[(0,e.jsx)("div",(0,t.pi)({className:"zent-step-title","data-zv":"10.0.10"},{children:u}),void 0),i&&(0,e.jsx)("div",(0,t.pi)({className:"zent-step-description","data-zv":"10.0.10"},{children:i}),void 0)]}),void 0)]}),void 0)]}),void 0)},s.defaultProps={description:""},s}(p.Component),i=a(19185),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.children,o=n.current,l=n.status,u=n.direction,r=n.sequence,k=p.Children.count(a)-1,d=c()(s,"zent-steps","zent-steps__"+u);return(0,e.jsx)("div",(0,t.pi)({className:d,"data-zv":"10.0.10"},{children:p.Children.map(a,(function(n,s){var a={sequence:r,stepNumber:(s+1).toString(),stepLast:s===k,isCurrentStep:s===o-1,isLastFinishStep:"error"===l&&s===o-2,status:"wait"};return(0,i.isElement)(n)?(n.props.status||(a.status=s===o-1?l:s{"use strict";s.r(a),s.d(a,{default:()=>f});var t=s(73450),p=s(27378),e=s(57318),o=s(17249),c=s(3454),l=s(24246);function i(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function r(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,p=a.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class f extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,g(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(h,{style:".zent-prompt-example > div {\n\tmargin-bottom: 16px;\n}\n.zent-prompt-demo-text {\n\tmargin-left: 8px;\n\tmargin-right: 10px;\n}"}),p.createElement(m,{html:'

Prompt 提示

\n

向用户传递与当前页面相关的行为反馈、确认的推送信息。

\n

建议

\n
    \n
  • 使用：用于向用户传递产品或系统提示。与用户的任务或状态无关，会一直存在，直到被用户处理或关闭；
    • \n
  • 位置：针对页面全局的提示通常位于内容区容器内的顶部，随容器宽度自适应；针对表单某一项的提示通常位于表单项的上方或下方，宽度支持业务自定义；
    • \n
\n

注意

\n
    \n
  • 仅在必要时使用提示，且应将提示限制在与之内容相关的任务界面中。频繁使用可能会导致用户对提示的注意力下降；
    • \n
  • 禁止多条提示在同一位置叠加；
    • \n
  • 如提示并非由系统生成而是由任务生成，请使用「状态条」；
    • \n
  • 如需交互更加轻量，请使用「？」折叠帮助信息；
    • \n
\n

代码演示

'}),p.createElement(v,{title:"提供了三种默认的提示类型",id:"Demo1",src:'import { Prompt, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-prompt-example">\n <Prompt\n type="warning"\n extraContent={<Button type="primary">按钮</Button>}\n >\n <span>提示文案，警告提示。</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接2\n </a>\n </Prompt>\n <Prompt\n type="strongHint"\n extraContent={<Button type="primary">按钮</Button>}\n >\n <span>提示文案，强帮助提示。</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接2\n </a>\n </Prompt>\n <Prompt\n type="weakHint"\n extraContent={<Button type="primary">按钮</Button>}\n >\n <span>提示文案，弱帮助提示。</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接2\n </a>\n </Prompt>\n </div>,\n mountNode\n);'},p.createElement(u)),p.createElement(v,{title:"自定义关闭按钮",id:"Demo2",src:'import { Prompt, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-prompt-example">\n <Prompt\n type="warning"\n extraContent={<Button type="primary">按钮</Button>}\n closeContent={<a>我知道了</a>}\n >\n <span>提示文案，警告提示。</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接2\n </a>\n </Prompt>\n <Prompt\n type="strongHint"\n extraContent={<Button type="primary">按钮</Button>}\n closeContent={<a>我知道了</a>}\n >\n <span>提示文案，强帮助提示。</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接2\n </a>\n </Prompt>\n <Prompt\n type="weakHint"\n extraContent={<Button type="primary">按钮</Button>}\n closeContent={<a>我知道了</a>}\n >\n <span>提示文案，弱帮助提示。</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接2\n </a>\n </Prompt>\n </div>,\n mountNode\n);'},p.createElement(k)),p.createElement(m,{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
参数说明类型是否必须默认值备选值
type提示的默认类型string否\'warning\'\'strongHint\'\n|\n\'weakHint\'
closeContent关闭触发器的自定义内容ReactNode否
extraContent右侧自定义内容ReactNode否
closable是否可以关闭boolean否truefalse
\n

Prompt 组件基于 Alert 实现，更多属性请参考 Alert 文档

'}))}}},82010:(n,a,s)=>{"use strict";s.d(a,{b:()=>d});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(8434),i=s(78486),r=s(78513),u=["outline","closed","onClose"],k=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={closed:!1},a.onCloseHandler=function(){a.isControlled||a.setState({closed:!0}),a.props.onClose&&a.props.onClose()},a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),a.prototype.render=function(){var n;if(this.closed)return null;var a=(0,r.Z)(this.props,k),s=a.className,e=a.type,c=a.outline,d=a.bordered,m=a.progress,h=(0,t._T)(a,["className","type","outline","bordered","progress"]),g=(0,r.Z)(this.props,u),v=o()("zent-alert","zent-alert-style-"+e,s,((n={})["zent-alert-outline"]=c,n["zent-alert--borderless"]=!d,n));return(0,p.jsxs)("div",(0,t.pi)({className:v},h,{"data-zv":"10.0.9"},{children:[!!m&&(0,p.jsx)(l.E,{className:"zent-alert__progress",percent:m,showInfo:!1,strokeWidth:2},void 0),(0,p.jsx)(i.Z,(0,t.pi)({},g,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},a.highlightClassName="zent-alert-item-content__highlight",a.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},a}(c.PureComponent)},78486:(n,a,s)=>{"use strict";var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(27036),i=s(20840),r={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},u=(0,e.forwardRef)((function(n,a){var s=n.extraContent,o=n.classItemName,u=n.title,k=n.description,d=n.children,m=n.loading,h=n.type,g=n.closable,v=n.icon,f=n.closeIconColor,x=n.closeContent,j=n.onAlertItemClose,y=(0,e.useRef)(n);y.current=n;var z=(0,e.useMemo)((function(){return d||(0,p.jsxs)(p.Fragment,{children:[u&&(0,p.jsx)("h3",(0,t.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.9"},{children:u}),void 0),k&&(0,p.jsx)("p",(0,t.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.9"},{children:k}),void 0)]},void 0)}),[d,k,u]),N=(0,e.useMemo)((function(){var n=y.current.onClose,a=f?{color:f}:{};return g?(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-close-wrapper",onClick:function(a){null==n||n(),j&&j(),a.stopPropagation()},"data-zv":"10.0.9"},{children:null!=x?x:(0,p.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:a},void 0)}),void 0):null}),[g,x,f,j]),b=(0,e.useMemo)((function(){return m?(0,p.jsx)(i.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===v||!1===v?null:v?(0,p.jsx)("span",(0,t.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.9"},{children:v}),void 0):h in r?(0,p.jsx)(l.Z,{className:"zent-alert-item-icon",type:r[h]},void 0):null}),[m,h,v]);return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-alert-item",o),ref:a,"data-zv":"10.0.9"},{children:[b,(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-content","data-zv":"10.0.9"},{children:z}),void 0),s&&(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.9"},{children:s}),void 0),N]}),void 0)}));u.displayName="AlertItem",a.Z=u},8434:(n,a,s)=>{"use strict";s.d(a,{E:()=>v});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=["normal","success","exception"],i=(0,s(70453).Z)("zentAnimatedArcStrokeGradient"),r={},u={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={opacity:0,rotate:0,transition:r},a.startAnimation=function(){a.animationDelayTimerId&&clearTimeout(a.animationDelayTimerId);var n=a.props,s=n.arcLength,t=n.radius,p=(s-a.getMaskArcLength())/t;a.setState({rotate:p,transition:r,opacity:.2},a.queueAnimationEnd)},a.finishAnimation=function(){a.transitionEndTimerId&&clearTimeout(a.transitionEndTimerId),a.setState({rotate:0,transition:u,opacity:0}),a.animationDelayTimerId=setTimeout(a.startAnimation,1e3)},a.queueAnimationEnd=function(){a.transitionEndTimerId=setTimeout(a.finishAnimation,400)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.getPath(),a=this.props,s=a.className,e=a.strokeWidth,o=this.state,c=o.rotate,l=o.transition,r=o.opacity;return(0,p.jsxs)("g",(0,t.pi)({"data-zv":"10.0.9"},{children:[(0,p.jsx)("defs",(0,t.pi)({"data-zv":"10.0.9"},{children:(0,p.jsxs)("linearGradient",(0,t.pi)({id:i},{children:[(0,p.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.9"},void 0),(0,p.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.9"},void 0)]}),void 0)}),void 0),(0,p.jsx)("path",{className:s,d:n,stroke:"url(#"+i+")",strokeOpacity:r,strokeWidth:e,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.9"},void 0)]}),void 0)},a.prototype.componentDidMount=function(){this.startAnimation()},a.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},a.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},a.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},a.prototype.getArcStartPoint=function(){var n=this.props,a=n.radius,s=n.strokeWidth/2;return[a+s,s]},a.prototype.getArcEndPoint=function(){var n=this.props,a=n.radius,s=a+n.strokeWidth/2,t=this.getMaskTheta();return[s+Math.sin(t)*a,s-Math.cos(t)*a]},a.prototype.getPath=function(){var n=this.getArcStartPoint(),a=this.getArcEndPoint(),s=this.props.radius;return"M"+n.join(",")+" A"+s+","+s+" 0 0 1 "+a.join(",")},a}(e.PureComponent),d=s(39215),m=function(n){var a=n.type,s=n.percent,t=n.format,e=n.state,o=n.color;return"success"===e?(0,p.jsx)(d.J,{type:"circle"===a?"check":"check-circle",style:{color:o}},void 0):"exception"===e?(0,p.jsx)(d.J,{type:"circle"===a?"close":"close-circle",style:{color:o}},void 0):(0,p.jsx)(p.Fragment,{children:t(s)},void 0)},h=function(n){var a=n.percent,s=n.showInfo,e=n.format,o=n.strokeWidth,l=n.width,i=n.bgColor,r=n.color,u=n.state,d=n.strokeLinecap,h=l||132,g=h/2,v=h-o,f=v/2,x=v*Math.PI,j=x*(100-a)/100;return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:h,height:h},"data-zv":"10.0.9"},{children:[(0,p.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:i,width:h,height:h},"data-zv":"10.0.9"},void 0),(0,p.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+h+" "+h,width:h,height:h,"data-zv":"10.0.9"},{children:[(0,p.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+g+" "+g+")","data-zv":"10.0.9"},{children:(0,p.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+d),cx:g,cy:g,r:f,style:{stroke:r,strokeWidth:o},strokeDasharray:x,strokeDashoffset:j,"data-zv":"10.0.9"},void 0)}),void 0),"normal"===u&&(0,p.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+d),radius:f,arcLength:x-j,strokeWidth:o},void 0)]}),void 0),s&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,p.jsx)(m,{type:"circle",percent:a,format:e,state:u,color:r},void 0)}),void 0)]}),void 0)},g=function(n){var a=n.format,s=n.width,e=n.percent,o=n.showInfo,l=n.strokeWidth,i=n.bgColor,r=n.color,u=n.state,k=n.strokeLinecap,d=s||"100%",h=o&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,p.jsx)(m,{type:"line",percent:e,format:a,state:u,color:r},void 0)}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.9"},{children:[(0,p.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===e}),style:{background:i,width:d,height:l},"data-zv":"10.0.9"},{children:(0,p.jsx)("div",{className:"zent-progress-inner",style:{background:r,width:e+"%",height:l},"data-zv":"10.0.9"},void 0)}),void 0),h]}),void 0)},v=function(n){var a,s=n,o=s.type,i=s.status,r=s.percent,u=s.className,k=s.normalColor,d=s.successColor,m=s.exceptionColor,v=s.bgColor,f=s.format,x=s.showInfo,j=s.strokeWidth,y=s.width,z=s.strokeLinecap,N=(0,t._T)(s,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),b=(0,e.useMemo)((function(){return-1!==l.indexOf(i)?i:r>=100?"success":"normal"}),[i,r]),C={exception:m,success:d,normal:k}[b],w=(0,e.useMemo)((function(){return r<0?0:r>100?100:r}),[r]);switch(o){case"circle":a=h;break;case"line":default:a=g}var q=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+b,u);return(0,p.jsx)("div",(0,t.pi)({className:q},N,{"data-zv":"10.0.9"},{children:(0,p.jsx)(a,{percent:w,showInfo:x,strokeWidth:j,width:y,bgColor:v,format:f,color:C,state:b,strokeLinecap:z},void 0)}),void 0)};v.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}},17249:(n,a,s)=>{"use strict";s.d(a,{N:()=>u});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(39215),i=s(82010),r={warning:{type:"warning"},strongHint:{type:"warning",style:{background:"#f7f7f7"}},weakHint:{icon:(0,p.jsx)(l.J,{type:"help-circle",style:{color:"#c5c5c5"}},void 0),style:{background:"#f7f7f7"}}},u=function(n){n.title;var a=n.style,s=void 0===a?{}:a,o=n.type,l=void 0===o?"warning":o,u=n.className,k=n.closable,d=void 0===k||k,m=(0,t._T)(n,["title","style","type","className","closable"]),h=(0,e.useMemo)((function(){return r[l]||{}}),[l]),g=h.style,v=void 0===g?{}:g,f=c()("zent-prompt",u);return(0,p.jsx)(i.b,(0,t.pi)({className:f},h,m,{closable:d,style:(0,t.pi)((0,t.pi)({},s),v)}),void 0)}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[7932],{57932:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>f});var t=s(73450),p=s(27378),e=s(57318),o=s(17249),c=s(3454),l=s(24246);function i(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function r(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,p=a.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class f extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,g(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(h,{style:".zent-prompt-example > div {\n\tmargin-bottom: 16px;\n}\n.zent-prompt-demo-text {\n\tmargin-left: 8px;\n\tmargin-right: 10px;\n}"}),p.createElement(m,{html:'

Prompt 提示

\n

向用户传递与当前页面相关的行为反馈、确认的推送信息。

\n

建议

\n
    \n
  • 使用：用于向用户传递产品或系统提示。与用户的任务或状态无关，会一直存在，直到被用户处理或关闭；
    • \n
  • 位置：针对页面全局的提示通常位于内容区容器内的顶部，随容器宽度自适应；针对表单某一项的提示通常位于表单项的上方或下方，宽度支持业务自定义；
    • \n
\n

注意

\n
    \n
  • 仅在必要时使用提示，且应将提示限制在与之内容相关的任务界面中。频繁使用可能会导致用户对提示的注意力下降；
    • \n
  • 禁止多条提示在同一位置叠加；
    • \n
  • 如提示并非由系统生成而是由任务生成，请使用「状态条」；
    • \n
  • 如需交互更加轻量，请使用「？」折叠帮助信息；
    • \n
\n

代码演示

'}),p.createElement(v,{title:"提供了三种默认的提示类型",id:"Demo1",src:'import { Prompt, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-prompt-example">\n <Prompt\n type="warning"\n extraContent={<Button type="primary">按钮</Button>}\n >\n <span>提示文案，警告提示。</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接2\n </a>\n </Prompt>\n <Prompt\n type="strongHint"\n extraContent={<Button type="primary">按钮</Button>}\n >\n <span>提示文案，强帮助提示。</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接2\n </a>\n </Prompt>\n <Prompt\n type="weakHint"\n extraContent={<Button type="primary">按钮</Button>}\n >\n <span>提示文案，弱帮助提示。</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接2\n </a>\n </Prompt>\n </div>,\n mountNode\n);'},p.createElement(u)),p.createElement(v,{title:"自定义关闭按钮",id:"Demo2",src:'import { Prompt, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-prompt-example">\n <Prompt\n type="warning"\n extraContent={<Button type="primary">按钮</Button>}\n closeContent={<a>我知道了</a>}\n >\n <span>提示文案，警告提示。</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接2\n </a>\n </Prompt>\n <Prompt\n type="strongHint"\n extraContent={<Button type="primary">按钮</Button>}\n closeContent={<a>我知道了</a>}\n >\n <span>提示文案，强帮助提示。</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接2\n </a>\n </Prompt>\n <Prompt\n type="weakHint"\n extraContent={<Button type="primary">按钮</Button>}\n closeContent={<a>我知道了</a>}\n >\n <span>提示文案，弱帮助提示。</span>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接1\n </a>\n <a href="javascript:;" className="zent-prompt-demo-text">\n 文字链接2\n </a>\n </Prompt>\n </div>,\n mountNode\n);'},p.createElement(k)),p.createElement(m,{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
参数说明类型是否必须默认值备选值
type提示的默认类型string否\'warning\'\'strongHint\'\n|\n\'weakHint\'
closeContent关闭触发器的自定义内容ReactNode否
extraContent右侧自定义内容ReactNode否
closable是否可以关闭boolean否truefalse
\n

Prompt 组件基于 Alert 实现，更多属性请参考 Alert 文档

'}))}}},82010:(n,a,s)=>{"use strict";s.d(a,{b:()=>d});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(8434),i=s(78486),r=s(78513),u=["outline","closed","onClose"],k=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={closed:!1},a.onCloseHandler=function(){a.isControlled||a.setState({closed:!0}),a.props.onClose&&a.props.onClose()},a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),a.prototype.render=function(){var n;if(this.closed)return null;var a=(0,r.Z)(this.props,k),s=a.className,e=a.type,c=a.outline,d=a.bordered,m=a.progress,h=(0,t._T)(a,["className","type","outline","bordered","progress"]),g=(0,r.Z)(this.props,u),v=o()("zent-alert","zent-alert-style-"+e,s,((n={})["zent-alert-outline"]=c,n["zent-alert--borderless"]=!d,n));return(0,p.jsxs)("div",(0,t.pi)({className:v},h,{"data-zv":"10.0.10"},{children:[!!m&&(0,p.jsx)(l.E,{className:"zent-alert__progress",percent:m,showInfo:!1,strokeWidth:2},void 0),(0,p.jsx)(i.Z,(0,t.pi)({},g,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},a.highlightClassName="zent-alert-item-content__highlight",a.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},a}(c.PureComponent)},78486:(n,a,s)=>{"use strict";var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(27036),i=s(20840),r={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},u=(0,e.forwardRef)((function(n,a){var s=n.extraContent,o=n.classItemName,u=n.title,k=n.description,d=n.children,m=n.loading,h=n.type,g=n.closable,v=n.icon,f=n.closeIconColor,x=n.closeContent,j=n.onAlertItemClose,y=(0,e.useRef)(n);y.current=n;var z=(0,e.useMemo)((function(){return d||(0,p.jsxs)(p.Fragment,{children:[u&&(0,p.jsx)("h3",(0,t.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.10"},{children:u}),void 0),k&&(0,p.jsx)("p",(0,t.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.10"},{children:k}),void 0)]},void 0)}),[d,k,u]),N=(0,e.useMemo)((function(){var n=y.current.onClose,a=f?{color:f}:{};return g?(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-close-wrapper",onClick:function(a){null==n||n(),j&&j(),a.stopPropagation()},"data-zv":"10.0.10"},{children:null!=x?x:(0,p.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:a},void 0)}),void 0):null}),[g,x,f,j]),b=(0,e.useMemo)((function(){return m?(0,p.jsx)(i.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===v||!1===v?null:v?(0,p.jsx)("span",(0,t.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.10"},{children:v}),void 0):h in r?(0,p.jsx)(l.Z,{className:"zent-alert-item-icon",type:r[h]},void 0):null}),[m,h,v]);return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-alert-item",o),ref:a,"data-zv":"10.0.10"},{children:[b,(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-content","data-zv":"10.0.10"},{children:z}),void 0),s&&(0,p.jsx)("div",(0,t.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.10"},{children:s}),void 0),N]}),void 0)}));u.displayName="AlertItem",a.Z=u},8434:(n,a,s)=>{"use strict";s.d(a,{E:()=>v});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=["normal","success","exception"],i=(0,s(70453).Z)("zentAnimatedArcStrokeGradient"),r={},u={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={opacity:0,rotate:0,transition:r},a.startAnimation=function(){a.animationDelayTimerId&&clearTimeout(a.animationDelayTimerId);var n=a.props,s=n.arcLength,t=n.radius,p=(s-a.getMaskArcLength())/t;a.setState({rotate:p,transition:r,opacity:.2},a.queueAnimationEnd)},a.finishAnimation=function(){a.transitionEndTimerId&&clearTimeout(a.transitionEndTimerId),a.setState({rotate:0,transition:u,opacity:0}),a.animationDelayTimerId=setTimeout(a.startAnimation,1e3)},a.queueAnimationEnd=function(){a.transitionEndTimerId=setTimeout(a.finishAnimation,400)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.getPath(),a=this.props,s=a.className,e=a.strokeWidth,o=this.state,c=o.rotate,l=o.transition,r=o.opacity;return(0,p.jsxs)("g",(0,t.pi)({"data-zv":"10.0.10"},{children:[(0,p.jsx)("defs",(0,t.pi)({"data-zv":"10.0.10"},{children:(0,p.jsxs)("linearGradient",(0,t.pi)({id:i},{children:[(0,p.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.10"},void 0),(0,p.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.10"},void 0)]}),void 0)}),void 0),(0,p.jsx)("path",{className:s,d:n,stroke:"url(#"+i+")",strokeOpacity:r,strokeWidth:e,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.10"},void 0)]}),void 0)},a.prototype.componentDidMount=function(){this.startAnimation()},a.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},a.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},a.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},a.prototype.getArcStartPoint=function(){var n=this.props,a=n.radius,s=n.strokeWidth/2;return[a+s,s]},a.prototype.getArcEndPoint=function(){var n=this.props,a=n.radius,s=a+n.strokeWidth/2,t=this.getMaskTheta();return[s+Math.sin(t)*a,s-Math.cos(t)*a]},a.prototype.getPath=function(){var n=this.getArcStartPoint(),a=this.getArcEndPoint(),s=this.props.radius;return"M"+n.join(",")+" A"+s+","+s+" 0 0 1 "+a.join(",")},a}(e.PureComponent),d=s(39215),m=function(n){var a=n.type,s=n.percent,t=n.format,e=n.state,o=n.color;return"success"===e?(0,p.jsx)(d.J,{type:"circle"===a?"check":"check-circle",style:{color:o}},void 0):"exception"===e?(0,p.jsx)(d.J,{type:"circle"===a?"close":"close-circle",style:{color:o}},void 0):(0,p.jsx)(p.Fragment,{children:t(s)},void 0)},h=function(n){var a=n.percent,s=n.showInfo,e=n.format,o=n.strokeWidth,l=n.width,i=n.bgColor,r=n.color,u=n.state,d=n.strokeLinecap,h=l||132,g=h/2,v=h-o,f=v/2,x=v*Math.PI,j=x*(100-a)/100;return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:h,height:h},"data-zv":"10.0.10"},{children:[(0,p.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:i,width:h,height:h},"data-zv":"10.0.10"},void 0),(0,p.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+h+" "+h,width:h,height:h,"data-zv":"10.0.10"},{children:[(0,p.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+g+" "+g+")","data-zv":"10.0.10"},{children:(0,p.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+d),cx:g,cy:g,r:f,style:{stroke:r,strokeWidth:o},strokeDasharray:x,strokeDashoffset:j,"data-zv":"10.0.10"},void 0)}),void 0),"normal"===u&&(0,p.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+d),radius:f,arcLength:x-j,strokeWidth:o},void 0)]}),void 0),s&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,p.jsx)(m,{type:"circle",percent:a,format:e,state:u,color:r},void 0)}),void 0)]}),void 0)},g=function(n){var a=n.format,s=n.width,e=n.percent,o=n.showInfo,l=n.strokeWidth,i=n.bgColor,r=n.color,u=n.state,k=n.strokeLinecap,d=s||"100%",h=o&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,p.jsx)(m,{type:"line",percent:e,format:a,state:u,color:r},void 0)}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.10"},{children:[(0,p.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===e}),style:{background:i,width:d,height:l},"data-zv":"10.0.10"},{children:(0,p.jsx)("div",{className:"zent-progress-inner",style:{background:r,width:e+"%",height:l},"data-zv":"10.0.10"},void 0)}),void 0),h]}),void 0)},v=function(n){var a,s=n,o=s.type,i=s.status,r=s.percent,u=s.className,k=s.normalColor,d=s.successColor,m=s.exceptionColor,v=s.bgColor,f=s.format,x=s.showInfo,j=s.strokeWidth,y=s.width,z=s.strokeLinecap,N=(0,t._T)(s,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),b=(0,e.useMemo)((function(){return-1!==l.indexOf(i)?i:r>=100?"success":"normal"}),[i,r]),C={exception:m,success:d,normal:k}[b],w=(0,e.useMemo)((function(){return r<0?0:r>100?100:r}),[r]);switch(o){case"circle":a=h;break;case"line":default:a=g}var q=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+b,u);return(0,p.jsx)("div",(0,t.pi)({className:q},N,{"data-zv":"10.0.10"},{children:(0,p.jsx)(a,{percent:w,showInfo:x,strokeWidth:j,width:y,bgColor:v,format:f,color:C,state:b,strokeLinecap:z},void 0)}),void 0)};v.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}},17249:(n,a,s)=>{"use strict";s.d(a,{N:()=>u});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(39215),i=s(82010),r={warning:{type:"warning"},strongHint:{type:"warning",style:{background:"#f7f7f7"}},weakHint:{icon:(0,p.jsx)(l.J,{type:"help-circle",style:{color:"#c5c5c5"}},void 0),style:{background:"#f7f7f7"}}},u=function(n){n.title;var a=n.style,s=void 0===a?{}:a,o=n.type,l=void 0===o?"warning":o,u=n.className,k=n.closable,d=void 0===k||k,m=(0,t._T)(n,["title","style","type","className","closable"]),h=(0,e.useMemo)((function(){return r[l]||{}}),[l]),g=h.style,v=void 0===g?{}:g,f=c()("zent-prompt",u);return(0,p.jsx)(i.b,(0,t.pi)({className:f},h,m,{closable:d,style:(0,t.pi)((0,t.pi)({},s),v)}),void 0)}}}]); \ No newline at end of file diff --git a/7950-30297b6e4e1070902652.js b/7950-a554584f0bda721d3590.js similarity index 99% rename from 7950-30297b6e4e1070902652.js rename to 7950-a554584f0bda721d3590.js index 77ab33787..fabd23c99 100644 --- a/7950-30297b6e4e1070902652.js +++ b/7950-a554584f0bda721d3590.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.9"},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(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 diff --git a/8262-2efe4363b33308e41d3b.js b/8262-086f859c773a57168c83.js similarity index 99% rename from 8262-2efe4363b33308e41d3b.js rename to 8262-086f859c773a57168c83.js index 8f156af1a..500b22a0a 100644 --- a/8262-2efe4363b33308e41d3b.js +++ b/8262-086f859c773a57168c83.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8262],{48262:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>b});var t=s(73450),e=s(27378),p=s(57318),c=s(56377),o=s(24246);function l(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({checkedLarge:n})})),(0,t.Z)(this,"handleChangeSmall",(n=>{this.setState({checkedSmall:n})}))}render(){return(0,o.jsxs)("div",{children:[(0,o.jsx)(c.r,{checked:this.state.checkedLarge,onChange:this.handleChangeLarge}),"  ",(0,o.jsx)(c.r,{size:"small",checked:this.state.checkedSmall,onChange:this.handleChangeSmall})]})}}return(0,o.jsx)(n,{})},u=function(){return(0,o.jsxs)("div",{children:[(0,o.jsx)(c.r,{checked:!0,disabled:!0}),"  ",(0,o.jsx)(c.r,{checked:!1,disabled:!0})]})},k=function(){return(0,o.jsxs)("div",{children:[(0,o.jsx)(c.r,{checked:!0,loading:!0}),"  ",(0,o.jsx)(c.r,{loading:!0}),"  ",(0,o.jsx)(c.r,{checked:!0,size:"small",loading:!0}),"  ",(0,o.jsx)(c.r,{size:"small",loading:!0})]})};function d(n){return(0,o.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,o.jsx)(d,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,o.jsx)(d,{tag:"style",html:n.style})}function g(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),g(n.parentNode,a);return a}class y 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,a=this.props,s=a.title,t=a.src,e=a.children;return(0,o.jsxs)("div",{className:"zandoc-react-demo",children:[(0,o.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,o.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,o.jsx)("div",{className:"zandoc-react-demo__title",children:(0,o.jsx)("p",{children:s||""})}),(0,o.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,o.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,o.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,g(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:""}),e.createElement(h,{html:'

Switch 开关

\n

用于在两个选项之间反复切换。

\n

使用指南

\n

需要表示开关状态/两种互斥状态之间的反复切换时。

\n

代码演示

'}),e.createElement(y,{title:"基础用法",id:"Demobasic",src:'import { Switch } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n checkedLarge: true,\n checkedSmall: true,\n };\n\n handleChangeLarge = checked => {\n this.setState({ checkedLarge: checked });\n };\n\n handleChangeSmall = checked => {\n this.setState({ checkedSmall: checked });\n };\n\n render() {\n return (\n <div>\n <Switch\n checked={this.state.checkedLarge}\n onChange={this.handleChangeLarge}\n />\n &nbsp;&nbsp;\n <Switch\n size="small"\n checked={this.state.checkedSmall}\n onChange={this.handleChangeSmall}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(r)),e.createElement(y,{title:"失效状态",id:"Demodisable",src:'import { Switch } from \'zent\';\n\nReactDOM.render(\n <div>\n <Switch checked disabled />\n &nbsp;&nbsp;\n <Switch checked={false} disabled />\n </div>\n , mountNode\n);'},e.createElement(u)),e.createElement(y,{title:"开关loading",id:"Demoloading",src:'import { Switch } from \'zent\';\n\nReactDOM.render(\n <div>\n <Switch checked loading />\n &nbsp;&nbsp;\n <Switch loading />\n &nbsp;&nbsp;\n <Switch checked size="small" loading />\n &nbsp;&nbsp;\n <Switch size="small" loading />\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(h,{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
参数说明类型默认值备选值
checked指定当前状态bool
onChange变化时回调函数, 参数是改变后的 \nchecked\n 值func(checked: bool)noop
disabled状态控制boolfalsetrue
size开关大小string\'default\'\'small\'
className自定义额外类名string\'\'
loading加载中状态boolfalsetrue
'}))}}},56377:(n,a,s)=>{"use strict";s.d(a,{r:()=>i});var t=s(59312),e=s(24246),p=s(27378),c=s(60042),o=s.n(c),l=s(1348),i=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.toggle=function(){var n=a.props,s=n.onChange,t=n.checked;s&&s(!t)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n,a=this.props,s=a.className,t=a.size,p=a.disabled,c=void 0===p?this.context.value:p,l=a.loading,i=a.checked,r=c||l,u=o()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=r,n["zent-switch-loading"]=l,n["zent-switch-checked"]=i,n),"zent-switch",s);return(0,e.jsx)("div",{className:u,onClick:r?void 0:this.toggle,"data-zv":"10.0.9"},void 0)},a.defaultProps={size:"default"},a.contextType=l.d,a}(p.Component);a.Z=i}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8262],{48262:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>b});var t=s(73450),e=s(27378),p=s(57318),c=s(56377),o=s(24246);function l(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({checkedLarge:n})})),(0,t.Z)(this,"handleChangeSmall",(n=>{this.setState({checkedSmall:n})}))}render(){return(0,o.jsxs)("div",{children:[(0,o.jsx)(c.r,{checked:this.state.checkedLarge,onChange:this.handleChangeLarge}),"  ",(0,o.jsx)(c.r,{size:"small",checked:this.state.checkedSmall,onChange:this.handleChangeSmall})]})}}return(0,o.jsx)(n,{})},u=function(){return(0,o.jsxs)("div",{children:[(0,o.jsx)(c.r,{checked:!0,disabled:!0}),"  ",(0,o.jsx)(c.r,{checked:!1,disabled:!0})]})},k=function(){return(0,o.jsxs)("div",{children:[(0,o.jsx)(c.r,{checked:!0,loading:!0}),"  ",(0,o.jsx)(c.r,{loading:!0}),"  ",(0,o.jsx)(c.r,{checked:!0,size:"small",loading:!0}),"  ",(0,o.jsx)(c.r,{size:"small",loading:!0})]})};function d(n){return(0,o.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,o.jsx)(d,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function m(n){return(0,o.jsx)(d,{tag:"style",html:n.style})}function g(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),g(n.parentNode,a);return a}class y 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,a=this.props,s=a.title,t=a.src,e=a.children;return(0,o.jsxs)("div",{className:"zandoc-react-demo",children:[(0,o.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,o.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,o.jsx)("div",{className:"zandoc-react-demo__title",children:(0,o.jsx)("p",{children:s||""})}),(0,o.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,o.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,o.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,g(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(m,{style:""}),e.createElement(h,{html:'

Switch 开关

\n

用于在两个选项之间反复切换。

\n

使用指南

\n

需要表示开关状态/两种互斥状态之间的反复切换时。

\n

代码演示

'}),e.createElement(y,{title:"基础用法",id:"Demobasic",src:'import { Switch } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n checkedLarge: true,\n checkedSmall: true,\n };\n\n handleChangeLarge = checked => {\n this.setState({ checkedLarge: checked });\n };\n\n handleChangeSmall = checked => {\n this.setState({ checkedSmall: checked });\n };\n\n render() {\n return (\n <div>\n <Switch\n checked={this.state.checkedLarge}\n onChange={this.handleChangeLarge}\n />\n &nbsp;&nbsp;\n <Switch\n size="small"\n checked={this.state.checkedSmall}\n onChange={this.handleChangeSmall}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(r)),e.createElement(y,{title:"失效状态",id:"Demodisable",src:'import { Switch } from \'zent\';\n\nReactDOM.render(\n <div>\n <Switch checked disabled />\n &nbsp;&nbsp;\n <Switch checked={false} disabled />\n </div>\n , mountNode\n);'},e.createElement(u)),e.createElement(y,{title:"开关loading",id:"Demoloading",src:'import { Switch } from \'zent\';\n\nReactDOM.render(\n <div>\n <Switch checked loading />\n &nbsp;&nbsp;\n <Switch loading />\n &nbsp;&nbsp;\n <Switch checked size="small" loading />\n &nbsp;&nbsp;\n <Switch size="small" loading />\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(h,{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
参数说明类型默认值备选值
checked指定当前状态bool
onChange变化时回调函数, 参数是改变后的 \nchecked\n 值func(checked: bool)noop
disabled状态控制boolfalsetrue
size开关大小string\'default\'\'small\'
className自定义额外类名string\'\'
loading加载中状态boolfalsetrue
'}))}}},56377:(n,a,s)=>{"use strict";s.d(a,{r:()=>i});var t=s(59312),e=s(24246),p=s(27378),c=s(60042),o=s.n(c),l=s(1348),i=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.toggle=function(){var n=a.props,s=n.onChange,t=n.checked;s&&s(!t)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n,a=this.props,s=a.className,t=a.size,p=a.disabled,c=void 0===p?this.context.value:p,l=a.loading,i=a.checked,r=c||l,u=o()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=r,n["zent-switch-loading"]=l,n["zent-switch-checked"]=i,n),"zent-switch",s);return(0,e.jsx)("div",{className:u,onClick:r?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},a.defaultProps={size:"default"},a.contextType=l.d,a}(p.Component);a.Z=i}}]); \ No newline at end of file diff --git a/8339-33ac927a1eb0b80de70a.js b/8339-ce86ea8b78faf514aee2.js similarity index 82% rename from 8339-33ac927a1eb0b80de70a.js rename to 8339-ce86ea8b78faf514aee2.js index 32b3318ec..a80dc60db 100644 --- a/8339-33ac927a1eb0b80de70a.js +++ b/8339-ce86ea8b78faf514aee2.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8339],{58339:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>j});var t=a(73450),e=a(27378),o=a(57318),p=a(11497),c=a(3454),l=a(23476),r=a(24246);function i(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 u(n){for(var s=1;s{p.Hj.alert({content:"Here comes the main content",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertInfo,children:"Message Dialog"})}}return(0,r.jsx)(n,{})},d=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"onConfirm",(()=>{l.g.success("I know.")})),(0,t.Z)(this,"onCancel",(()=>{l.g.error("Canceled.")})),(0,t.Z)(this,"showAlertConfirm",(()=>{p.Hj.confirm({content:(0,r.jsx)("p",{children:"This is content."}),onConfirm:this.onConfirm,onCancel:this.onCancel,parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertConfirm,children:"Message Dialog"})}}return(0,r.jsx)(n,{})},m=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"autoCloseConfirm",(()=>{var n=p.Hj.confirm({content:(0,r.jsx)("p",{children:"Close automatically after one second"}),parentComponent:this});setTimeout(n,1e3)}))}render(){return(0,r.jsx)(c.z,{onClick:this.autoCloseConfirm,children:"Self-closing dialog"})}}return(0,r.jsx)(n,{})},f=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"promiseConfirm",(()=>{p.Hj.confirm({content:"Click confirm, close automatically after 3 seconds",title:"onConfirm returns Promise",onConfirm:()=>new Promise((n=>{setTimeout((()=>{n()}),3e3)})),parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.promiseConfirm,children:"Self-closing with Promise"})}}return(0,r.jsx)(n,{})},h=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"showAlertInfo",(()=>{p.Hj.alert({type:"info",content:"Here comes the main content.",title:"This is a Dialog title.",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertInfo,children:"Dialog with icon"})}}return(0,r.jsx)(n,{})},y=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"showAlertConfirm",(()=>{p.Hj.alert({confirmType:"default",confirmText:"Delete",content:"Confirm to delete?",title:"Confirm",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertConfirm,children:"Remove"})}}return(0,r.jsx)(n,{})},g=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"showAlertInfo",(()=>{p.Hj.alert({closeBtn:!0,maskClosable:!0,content:"Here comes the main content",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertInfo,children:"With close button"})}}return(0,r.jsx)(n,{})};function w(n){return(0,r.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,r.jsx)(w,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function C(n){return(0,r.jsx)(w,{tag:"style",html:n.style})}function b(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),b(n.parentNode,s);return s}class x 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,e=s.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:a||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(w,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class j 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,b(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(C,{style:""}),e.createElement(v,{html:'

Sweetalert

\n

Sweetalert is a function used for arouse a Dialog rapidly.

\n

Guides

\n
    \n
  • Sweetalert has no custom option, use Dialog instead if needed.
    • \n
\n

Demos

'}),e.createElement(x,{title:"Basic Usage",id:"Demobasic",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertInfo = () => {\n Sweetalert.alert({\n content: \'Here comes the main content\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertInfo}>Message Dialog</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},e.createElement(k)),e.createElement(x,{title:"With Confirm and Cancel Button",id:"Demowithbuttons",src:'import { Sweetalert, Button, Notify } from \'zent\';\n\nclass Wrapper extends React.Component {\n onConfirm = () => {\n Notify.success(\'I know.\');\n }\n\n onCancel = () => {\n Notify.error(\'Canceled.\');\n }\n\n showAlertConfirm = () => {\n Sweetalert.confirm({\n content: <p>This is content.</p>,\n onConfirm: this.onConfirm,\n onCancel: this.onCancel,\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertConfirm}>Message Dialog</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},e.createElement(d)),e.createElement(x,{title:"Self-closing",id:"Democlosedexternal",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n autoCloseConfirm = () => {\n const close = Sweetalert.confirm({\n content: <p>Close automatically after one second</p>,\n parentComponent: this\n });\n\n setTimeout(close, 1000);\n }\n\n render() {\n return <Button onClick={this.autoCloseConfirm}>Self-closing dialog</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},e.createElement(m)),e.createElement(x,{title:"callback returns Promise",id:"Demoreturnpromise",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n promiseConfirm = () => {\n Sweetalert.confirm({\n content: \'Click confirm, close automatically after 3 seconds\',\n title: \'onConfirm returns Promise\',\n onConfirm: () => new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 3000);\n }),\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.promiseConfirm}>Self-closing with Promise</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},e.createElement(f)),e.createElement(x,{title:"Dialog with icon next to the title.",id:"Demowithicon",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertInfo = () => {\n Sweetalert.alert({\n type: \'info\',\n content: \'Here comes the main content.\',\n title: \'This is a Dialog title.\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertInfo}>Dialog with icon</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},e.createElement(h)),e.createElement(x,{title:"The type of button in Dialog is settable.",id:"Demobuttontype",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertConfirm = () => {\n Sweetalert.alert({\n confirmType: \'default\',\n confirmText: \'Delete\',\n content: \'Confirm to delete?\',\n title: \'Confirm\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertConfirm}>Remove</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},e.createElement(y)),e.createElement(x,{title:"With close button",id:"Demowithclosebtn",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertInfo = () => {\n Sweetalert.alert({\n closeBtn: true,\n maskClosable: true,\n content: \'Here comes the main content\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertInfo}>With close button</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},e.createElement(g)),e.createElement(v,{html:"

API

\n

Sweetalert.alert

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropsDescriptionTypeDefaultAlternatives
contentmain content of the dialognode
typedialog type, will show an icon on the left side of title if this prop is set.string'''info'\n, \n'success'\n, \n'error'\n, \n'warning'
titletitle of the dialognode''
onConfirmcallback of confirm operationfuncnoop
confirmTexttext of confirm buttonstring'OK'
confirmTypetype of confirm buttonstring'primary''default'\n、\n'primary'
closeBtnvisibility of the close button at the upper right cornerboolfalse
maskClosablewether click on the mask is to close the dialogbooltrue
parentComponentParent component instance，i18n needs this to pass context throughReactInstance
classNamecustom classnamestring''
\n

Sweetalert.confirm

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropsDescriptionTypeDefaultAlternatives
contentmain content of the dialognode
typedialog type, will show an icon on the left side of title if this prop is set.string'''info'\n, \n'success'\n, \n'error'\n, \n'warning'
titletitle of the dialognode''
onCancelcallback of cancel operationfuncnoop
onConfirmcallback of confirm operationfuncnoop
cancelTexttext of cancel buttonstring'Cancel'
confirmTexttext of confirm buttonstring'Confirm'
confirmTypetype of confirm buttonstring'primary''default'\n、\n'primary'
closeBtnvisibility of the close button at the upper right cornerboolfalse
maskClosablewether click on the mask is to close the dialogbooltrue
classNamecustom classnamestring''
\n
    \n
  • The returned value of Sweetalert.alert and Sweetalert.confirm are functions which can be used to close the dialog manually.
    • \n
  • If onConfirm return a Promise, the corresponding button will stay loading when Promise is pending; The dialog won't be closed when Promise rejected, and will be closed if Promise resolved.
    • \n
  • If onConfirm has no parameter and returned a false, the dialog won't be closed.
    • \n
  • If onConfirm has one parameter close, it need to be triggered manually to close the dialog.
    • \n
"}))}}},69024:(n,s,a)=>{"use strict";a.d(s,{V:()=>N,Z:()=>O});var t=a(59312),e=a(24246),o=a(27378),p=a(14623),c=a(53552),l=a(79352),r=a(60042),i=a.n(r),u=a(58801),k=a(27036),d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.dialogEl=null,s.onClickClose=function(n){var a=s.props.onClose;a&&a(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){this.resetTransformOrigin()},s.prototype.componentDidUpdate=function(){this.resetTransformOrigin()},s.prototype.resetTransformOrigin=function(n){void 0===n&&(n=this.props);var s=n.mousePosition;if(s&&s.x>=0&&s.y>=0&&this.dialogEl&&this.dialogEl.getBoundingClientRect){var a=this.dialogEl.getBoundingClientRect(),t=a.left,e=a.top,o=s.x-t+"px "+(s.y-e)+"px 0",p=this.dialogEl.style;["Webkit","Moz","Ms","ms"].forEach((function(n){p[n+"TransformOrigin"]=o})),p.transformOrigin=o}},s.prototype.renderHeader=function(){var n=this.props.title;return n?(n="number"==typeof n||"string"==typeof n?(0,e.jsx)("span",(0,t.pi)({className:"zent-dialog-r-title-text","data-zv":"10.0.9"},{children:n}),void 0):n,(0,e.jsx)("div",(0,t.pi)({className:"zent-dialog-r-header","data-zv":"10.0.9"},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-dialog-r-title","data-zv":"10.0.9"},{children:n}),void 0)}),void 0)):null},s.prototype.render=function(){var n=this,s=this.props,a=s.className,o=s.closeBtn,p=s.footer,c=s.style,l=s.children,r=this.renderHeader(),u=i()("zent-dialog-r-close",{"zent-dialog-r-has-title":!!r}),d=o&&(0,e.jsx)("button",(0,t.pi)({type:"button",className:u,onClick:this.onClickClose,"data-zv":"10.0.9"},{children:(0,e.jsx)(k.Z,{type:"close"},void 0)}),void 0),m=p&&(0,e.jsx)("div",(0,t.pi)({className:"zent-dialog-r-footer","data-zv":"10.0.9"},{children:p}),void 0);return(0,e.jsxs)("div",(0,t.pi)({className:i()("zent-dialog-r",a,{"zent-dialog-r--has-header":!!r,"zent-dialog-r--has-footer":!!m,"zent-dialog-r--no-close-btn":!d}),style:c,ref:function(s){return n.dialogEl=s},"data-zv":"10.0.9"},{children:[d,r,(0,e.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body","data-zv":"10.0.9"},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body-content","data-zv":"10.0.9"},{children:l}),void 0)}),void 0),m]}),void 0)},s}(o.Component),m=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.rootRef=(0,o.createRef)(),s.onMaskClick=function(n){n.target===n.currentTarget&&s.props.mask&&s.props.maskClosable&&s.props.onClose(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=document.activeElement,s=this.rootRef.current;s!==n&&s&&!s.contains(n)&&function(n){if(n){var s=(0,u.Z)();n.focus(),window.scroll(s.x,s.y)}}(s)},s.prototype.render=function(){var n=this.props,s=n.mask,a=n.visible,o=n.children;return(0,e.jsxs)("div",(0,t.pi)({ref:this.rootRef,tabIndex:-1,className:"zent-dialog-r-root","data-zv":"10.0.9"},{children:[a&&s&&(0,e.jsx)("div",{className:"zent-dialog-r-backdrop","data-zv":"10.0.9"},void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-dialog-r-wrap",onClick:this.onMaskClick,"data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)},s}(o.Component),f=a(31542),h=a.t(f,2),y=a(70453),g=a(42690),w=a(14805),v=new Map,C=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={visible:!0},s.closeOptions={},s.onClosed=function(){var n=s.props,a=n.options.onClose,t=n.container,e=s.closeOptions.triggerOnClose;(void 0===e||e)&&a&&a(),f.unmountComponentAtNode(t)},s.onClose=function(n){s.close({triggerOnClose:!1!==n})},s}return(0,t.ZT)(s,n),s.prototype.close=function(n){void 0===n&&(n={}),this.closeOptions=n,this.setState({visible:!1})},s.prototype.componentWillUnmount=function(){var n=this.props.options.dialogId;v.delete(n)},s.prototype.render=function(){var n=this.props.options,s=this.state.visible;return(0,e.jsx)(O,(0,t.pi)({},n,{onClose:this.onClose,onClosed:this.onClosed,visible:s}),void 0)},s}(o.Component);function b(n,s){void 0===s&&(s={});var a=v.get(n);if(a){var t=a.current;t&&t.close(s)}}function x(n){if(void 0===n&&(n={}),!l.Z)return g.Z;var s=n.dialogId,a=void 0===s?(0,y.Z)("__zent-dialog__"):s,p=n.parentComponent;!function(n){if(v.has(n))throw new Error("Duplicate dialog id found: "+n)}(a);var c=(0,w.Z)("div"),r=p?f.unstable_renderSubtreeIntoContainer.bind(h,p):f.render,i=(0,o.createRef)();return r((0,e.jsx)(C,{ref:i,options:(0,t.pi)((0,t.pi)({},n),{dialogId:a}),container:c},void 0),c),function(n,s){v.set(n,s)}(a,i),function(n){void 0===n&&(n=!0),b(a,{triggerOnClose:!1!==n})}}var j=a(49744),z=null;l.Z&&(0,j.Oo)(document.documentElement,"click",(function(n){z={x:n.clientX,y:n.clientY}}),{capture:!0});var N=function(n){function s(s){var a=n.call(this,s)||this;return a.lastMousePosition=null,a.onClose=function(n){var s=a.props.onClose;s&&s(n)},a.onExited=function(){var n=a.props.onClosed;a.setState({exiting:!1}),n&&n()},a.state={prevOpen:s.visible,exiting:!1},a}return(0,t.ZT)(s,n),s.getDerivedStateFromProps=function(n,s){var a=s.prevOpen;return n.visible===a?null:n.visible?{prevOpen:n.visible,exiting:!1}:{prevOpen:n.visible,exiting:!0}},s.prototype.render=function(){var n=this.props,s=n.visible,a=n.closeBtn,o=n.style,l=n.onOpened,r=(n.onClosed,n.mask),i=n.maskClosable,u=n.children,k=(0,t._T)(n,["visible","closeBtn","style","onOpened","onClosed","mask","maskClosable","children"]),f=this.state.exiting;return this.lastMousePosition=s?this.lastMousePosition||z:null,(0,e.jsx)(c.ZP,(0,t.pi)({visible:s||f,onClose:this.onClose,className:"zent-dialog-r-anchor",closeOnESC:a,blockPageScroll:!0},{children:(0,e.jsx)(m,(0,t.pi)({mask:r,maskClosable:i,visible:s,onClose:this.onClose},{children:(0,e.jsx)(p.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:s,timeout:300,classNames:"zent-zoom",onEntered:l,onExited:this.onExited},{children:(0,e.jsx)(d,(0,t.pi)({},k,{style:o,closeBtn:a,mousePosition:this.lastMousePosition},{children:u}),void 0)}),void 0)}),void 0)}),void 0)},s.defaultProps={onClose:function(){},visible:!1,className:"",style:{},title:"",closeBtn:!0,mask:!0,maskClosable:!0,footer:null},s.openDialog=x,s.closeDialog=b,s}(o.Component),O=N},11497:(n,s,a)=>{"use strict";a.d(s,{Hj:()=>g});var t=a(59312),e=a(24246),o=a(60042),p=a.n(o),c=a(52074),l=a(69024).Z,r=a(27036),i=a(27378),u=a(90347),k=a(65436),d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={loading:!1},s.onClick=function(){var n=s.props,a=n.onClick,t=(0,n.getClose)();if(!a)return t();var e=a.length>0,o=e?a(t):a();if((0,k.Z)(o))return s.setState({loading:!0}),void o.then((function(){t()}),(function(){s.setState({loading:!1})}));e||!1===o||t()},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.type,o=n.text,p=this.state.loading;return(0,e.jsx)(u.ZP,(0,t.pi)({type:a,className:s,loading:p,onClick:this.onClick},{children:o}),void 0)},s}(i.Component),m={info:"info-circle-o",success:"check-circle-o",error:"close-circle-o",warning:"warning-o"},f=l.openDialog;function h(n,s){var a,o=n.className,l=void 0===o?"":o,i=n.confirmType,u=void 0===i?"primary":i,k=n.closeBtn,h=void 0!==k&&k,y=n.maskClosable,g=void 0!==y&&y,w=n.title,v=n.type,C=n.content,b=n.onConfirm,x=n.onCancel,j=n.confirmText,z=n.cancelText,N=n.parentComponent,O=n.onClose,D=null;return D=f({closeBtn:h,maskClosable:g,className:p()("zent-sweetalert-"+s,(a={},a[l]=!!l,a)),title:(0,e.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var s=m[v];return(0,e.jsxs)("div",(0,t.pi)({className:"zent-sweetalert-"+(v?"icon-":"")+"title","data-zv":"10.0.9"},{children:[v&&(0,e.jsx)(r.Z,{className:"zent-sweetalert-type-icon",type:s},void 0),w||n.title]}),void 0)}}),void 0),children:C,footer:(0,e.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var a="alert"===s;return(0,e.jsxs)("div",(0,t.pi)({className:"sweet-"+s+"-actions","data-zv":"10.0.9"},{children:[!a&&(0,e.jsx)(d,{type:"default",className:"zent-sweetalert-"+s+"-btn-cancel",getClose:function(){return D},onClick:x,text:z||n.cancel},"sweetalert-cancel"),(0,e.jsx)(d,{type:u,className:"zent-sweetalert-"+s+"-btn-confirm",getClose:function(){return D},onClick:b,text:j||(a?n.ok:n.confirm)},"sweetalert-confirm")]}),void 0)}}),void 0),parentComponent:N,onClose:O})}function y(n){return void 0===n&&(n={}),h(n,"alert")}var g={alert:y,info:y,confirm:function(n){return void 0===n&&(n={}),h(n,"confirm")}}},58801:(n,s,a)=>{"use strict";function t(){var n=window.pageXOffset,s=window.pageYOffset;return{x:void 0!==n?n:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==s?s:(document.documentElement||document.body.parentNode||document.body).scrollTop}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8339],{58339:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>j});var t=a(73450),e=a(27378),o=a(57318),p=a(11497),c=a(3454),l=a(23476),r=a(24246);function i(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 u(n){for(var s=1;s{p.Hj.alert({content:"Here comes the main content",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertInfo,children:"Message Dialog"})}}return(0,r.jsx)(n,{})},d=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"onConfirm",(()=>{l.g.success("I know.")})),(0,t.Z)(this,"onCancel",(()=>{l.g.error("Canceled.")})),(0,t.Z)(this,"showAlertConfirm",(()=>{p.Hj.confirm({content:(0,r.jsx)("p",{children:"This is content."}),onConfirm:this.onConfirm,onCancel:this.onCancel,parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertConfirm,children:"Message Dialog"})}}return(0,r.jsx)(n,{})},m=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"autoCloseConfirm",(()=>{var n=p.Hj.confirm({content:(0,r.jsx)("p",{children:"Close automatically after one second"}),parentComponent:this});setTimeout(n,1e3)}))}render(){return(0,r.jsx)(c.z,{onClick:this.autoCloseConfirm,children:"Self-closing dialog"})}}return(0,r.jsx)(n,{})},f=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"promiseConfirm",(()=>{p.Hj.confirm({content:"Click confirm, close automatically after 3 seconds",title:"onConfirm returns Promise",onConfirm:()=>new Promise((n=>{setTimeout((()=>{n()}),3e3)})),parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.promiseConfirm,children:"Self-closing with Promise"})}}return(0,r.jsx)(n,{})},h=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"showAlertInfo",(()=>{p.Hj.alert({type:"info",content:"Here comes the main content.",title:"This is a Dialog title.",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertInfo,children:"Dialog with icon"})}}return(0,r.jsx)(n,{})},y=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"showAlertConfirm",(()=>{p.Hj.alert({confirmType:"default",confirmText:"Delete",content:"Confirm to delete?",title:"Confirm",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertConfirm,children:"Remove"})}}return(0,r.jsx)(n,{})},g=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"showAlertInfo",(()=>{p.Hj.alert({closeBtn:!0,maskClosable:!0,content:"Here comes the main content",parentComponent:this})}))}render(){return(0,r.jsx)(c.z,{onClick:this.showAlertInfo,children:"With close button"})}}return(0,r.jsx)(n,{})};function w(n){return(0,r.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function v(n){return(0,r.jsx)(w,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function C(n){return(0,r.jsx)(w,{tag:"style",html:n.style})}function b(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),b(n.parentNode,s);return s}class x 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,e=s.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:a||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(w,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class j 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,b(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(C,{style:""}),e.createElement(v,{html:'

Sweetalert

\n

Sweetalert is a function used for arouse a Dialog rapidly.

\n

Guides

\n
    \n
  • Sweetalert has no custom option, use Dialog instead if needed.
    • \n
\n

Demos

'}),e.createElement(x,{title:"Basic Usage",id:"Demobasic",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertInfo = () => {\n Sweetalert.alert({\n content: \'Here comes the main content\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertInfo}>Message Dialog</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},e.createElement(k)),e.createElement(x,{title:"With Confirm and Cancel Button",id:"Demowithbuttons",src:'import { Sweetalert, Button, Notify } from \'zent\';\n\nclass Wrapper extends React.Component {\n onConfirm = () => {\n Notify.success(\'I know.\');\n }\n\n onCancel = () => {\n Notify.error(\'Canceled.\');\n }\n\n showAlertConfirm = () => {\n Sweetalert.confirm({\n content: <p>This is content.</p>,\n onConfirm: this.onConfirm,\n onCancel: this.onCancel,\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertConfirm}>Message Dialog</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},e.createElement(d)),e.createElement(x,{title:"Self-closing",id:"Democlosedexternal",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n autoCloseConfirm = () => {\n const close = Sweetalert.confirm({\n content: <p>Close automatically after one second</p>,\n parentComponent: this\n });\n\n setTimeout(close, 1000);\n }\n\n render() {\n return <Button onClick={this.autoCloseConfirm}>Self-closing dialog</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},e.createElement(m)),e.createElement(x,{title:"callback returns Promise",id:"Demoreturnpromise",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n promiseConfirm = () => {\n Sweetalert.confirm({\n content: \'Click confirm, close automatically after 3 seconds\',\n title: \'onConfirm returns Promise\',\n onConfirm: () => new Promise((resolve) => {\n setTimeout(() => {\n resolve();\n }, 3000);\n }),\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.promiseConfirm}>Self-closing with Promise</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},e.createElement(f)),e.createElement(x,{title:"Dialog with icon next to the title.",id:"Demowithicon",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertInfo = () => {\n Sweetalert.alert({\n type: \'info\',\n content: \'Here comes the main content.\',\n title: \'This is a Dialog title.\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertInfo}>Dialog with icon</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},e.createElement(h)),e.createElement(x,{title:"The type of button in Dialog is settable.",id:"Demobuttontype",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertConfirm = () => {\n Sweetalert.alert({\n confirmType: \'default\',\n confirmText: \'Delete\',\n content: \'Confirm to delete?\',\n title: \'Confirm\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertConfirm}>Remove</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},e.createElement(y)),e.createElement(x,{title:"With close button",id:"Demowithclosebtn",src:'import { Sweetalert, Button } from \'zent\';\n\nclass Wrapper extends React.Component {\n showAlertInfo = () => {\n Sweetalert.alert({\n closeBtn: true,\n maskClosable: true,\n content: \'Here comes the main content\',\n parentComponent: this\n });\n }\n\n render() {\n return <Button onClick={this.showAlertInfo}>With close button</Button>;\n }\n}\n\nReactDOM.render(\n <Wrapper />,\n mountNode\n);'},e.createElement(g)),e.createElement(v,{html:"

API

\n

Sweetalert.alert

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropsDescriptionTypeDefaultAlternatives
contentmain content of the dialognode
typedialog type, will show an icon on the left side of title if this prop is set.string'''info'\n, \n'success'\n, \n'error'\n, \n'warning'
titletitle of the dialognode''
onConfirmcallback of confirm operationfuncnoop
confirmTexttext of confirm buttonstring'OK'
confirmTypetype of confirm buttonstring'primary''default'\n、\n'primary'
closeBtnvisibility of the close button at the upper right cornerboolfalse
maskClosablewether click on the mask is to close the dialogbooltrue
parentComponentParent component instance，i18n needs this to pass context throughReactInstance
classNamecustom classnamestring''
\n

Sweetalert.confirm

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropsDescriptionTypeDefaultAlternatives
contentmain content of the dialognode
typedialog type, will show an icon on the left side of title if this prop is set.string'''info'\n, \n'success'\n, \n'error'\n, \n'warning'
titletitle of the dialognode''
onCancelcallback of cancel operationfuncnoop
onConfirmcallback of confirm operationfuncnoop
cancelTexttext of cancel buttonstring'Cancel'
confirmTexttext of confirm buttonstring'Confirm'
confirmTypetype of confirm buttonstring'primary''default'\n、\n'primary'
closeBtnvisibility of the close button at the upper right cornerboolfalse
maskClosablewether click on the mask is to close the dialogbooltrue
classNamecustom classnamestring''
\n
    \n
  • The returned value of Sweetalert.alert and Sweetalert.confirm are functions which can be used to close the dialog manually.
    • \n
  • If onConfirm return a Promise, the corresponding button will stay loading when Promise is pending; The dialog won't be closed when Promise rejected, and will be closed if Promise resolved.
    • \n
  • If onConfirm has no parameter and returned a false, the dialog won't be closed.
    • \n
  • If onConfirm has one parameter close, it need to be triggered manually to close the dialog.
    • \n
"}))}}},97701:(n,s,a)=>{"use strict";a.d(s,{V:()=>N,Z:()=>O});var t=a(59312),e=a(24246),o=a(27378),p=a(14623),c=a(53552),l=a(79352),r=a(60042),i=a.n(r),u=a(58801),k=a(27036),d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.dialogEl=null,s.onClickClose=function(n){var a=s.props.onClose;a&&a(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){this.resetTransformOrigin()},s.prototype.componentDidUpdate=function(){this.resetTransformOrigin()},s.prototype.setTransformOrigin=function(n,s){["Webkit","Moz","Ms","ms"].forEach((function(a){n[a+"TransformOrigin"]=s})),n.transformOrigin=s},s.prototype.resetTransformOrigin=function(n){void 0===n&&(n=this.props);var s=n.mousePosition,a=function(n,s){switch(n){case"center":return"center center 0";case"auto":default:return}}(n.position,this.dialogEl);if(void 0===a&&s&&s.x>=0&&s.y>=0&&this.dialogEl&&this.dialogEl.getBoundingClientRect){var t=this.dialogEl.getBoundingClientRect(),e=t.left,o=t.top;a=s.x-e+"px "+(s.y-o)+"px 0"}a&&this.dialogEl&&this.setTransformOrigin(this.dialogEl.style,a)},s.prototype.renderHeader=function(){var n=this.props.title;return n?(n="number"==typeof n||"string"==typeof n?(0,e.jsx)("span",(0,t.pi)({className:"zent-dialog-r-title-text","data-zv":"10.0.10"},{children:n}),void 0):n,(0,e.jsx)("div",(0,t.pi)({className:"zent-dialog-r-header","data-zv":"10.0.10"},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-dialog-r-title","data-zv":"10.0.10"},{children:n}),void 0)}),void 0)):null},s.prototype.render=function(){var n=this,s=this.props,a=s.className,o=s.closeBtn,p=s.footer,c=s.style,l=s.children,r=this.renderHeader(),u=i()("zent-dialog-r-close",{"zent-dialog-r-has-title":!!r}),d=o&&(0,e.jsx)("button",(0,t.pi)({type:"button",className:u,onClick:this.onClickClose,"data-zv":"10.0.10"},{children:(0,e.jsx)(k.Z,{type:"close"},void 0)}),void 0),m=p&&(0,e.jsx)("div",(0,t.pi)({className:"zent-dialog-r-footer","data-zv":"10.0.10"},{children:p}),void 0);return(0,e.jsxs)("div",(0,t.pi)({className:i()("zent-dialog-r",a,{"zent-dialog-r--has-header":!!r,"zent-dialog-r--has-footer":!!m,"zent-dialog-r--no-close-btn":!d}),style:c,ref:function(s){return n.dialogEl=s},"data-zv":"10.0.10"},{children:[d,r,(0,e.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body","data-zv":"10.0.10"},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body-content","data-zv":"10.0.10"},{children:l}),void 0)}),void 0),m]}),void 0)},s}(o.Component),m=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.rootRef=(0,o.createRef)(),s.onMaskClick=function(n){n.target===n.currentTarget&&s.props.mask&&s.props.maskClosable&&s.props.onClose(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=document.activeElement,s=this.rootRef.current;s!==n&&s&&!s.contains(n)&&function(n){if(n){var s=(0,u.Z)();n.focus(),window.scroll(s.x,s.y)}}(s)},s.prototype.render=function(){var n=this.props,s=n.mask,a=n.visible,o=n.children;return(0,e.jsxs)("div",(0,t.pi)({ref:this.rootRef,tabIndex:-1,className:"zent-dialog-r-root","data-zv":"10.0.10"},{children:[a&&s&&(0,e.jsx)("div",{className:"zent-dialog-r-backdrop","data-zv":"10.0.10"},void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-dialog-r-wrap",onClick:this.onMaskClick,"data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)},s}(o.Component),f=a(31542),h=a.t(f,2),y=a(70453),g=a(42690),w=a(14805),v=new Map,C=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={visible:!0},s.closeOptions={},s.onClosed=function(){var n=s.props,a=n.options.onClose,t=n.container,e=s.closeOptions.triggerOnClose;(void 0===e||e)&&a&&a(),f.unmountComponentAtNode(t)},s.onClose=function(n){s.close({triggerOnClose:!1!==n})},s}return(0,t.ZT)(s,n),s.prototype.close=function(n){void 0===n&&(n={}),this.closeOptions=n,this.setState({visible:!1})},s.prototype.componentWillUnmount=function(){var n=this.props.options.dialogId;v.delete(n)},s.prototype.render=function(){var n=this.props.options,s=this.state.visible;return(0,e.jsx)(O,(0,t.pi)({},n,{onClose:this.onClose,onClosed:this.onClosed,visible:s}),void 0)},s}(o.Component);function b(n,s){void 0===s&&(s={});var a=v.get(n);if(a){var t=a.current;t&&t.close(s)}}function x(n){if(void 0===n&&(n={}),!l.Z)return g.Z;var s=n.dialogId,a=void 0===s?(0,y.Z)("__zent-dialog__"):s,p=n.parentComponent;!function(n){if(v.has(n))throw new Error("Duplicate dialog id found: "+n)}(a);var c=(0,w.Z)("div"),r=p?f.unstable_renderSubtreeIntoContainer.bind(h,p):f.render,i=(0,o.createRef)();return r((0,e.jsx)(C,{ref:i,options:(0,t.pi)((0,t.pi)({},n),{dialogId:a}),container:c},void 0),c),function(n,s){v.set(n,s)}(a,i),function(n){void 0===n&&(n=!0),b(a,{triggerOnClose:!1!==n})}}var j=a(49744),z=null;l.Z&&(0,j.Oo)(document.documentElement,"click",(function(n){0!==n.clientX&&0!==n.clientY&&(z={x:n.clientX,y:n.clientY})}),{capture:!0});var N=function(n){function s(s){var a=n.call(this,s)||this;return a.lastMousePosition=null,a.onClose=function(n){var s=a.props.onClose;s&&s(n)},a.onExited=function(){var n=a.props.onClosed;a.setState({exiting:!1}),n&&n()},a.state={prevOpen:s.visible,exiting:!1},a}return(0,t.ZT)(s,n),s.getDerivedStateFromProps=function(n,s){var a=s.prevOpen;return n.visible===a?null:n.visible?{prevOpen:n.visible,exiting:!1}:{prevOpen:n.visible,exiting:!0}},s.prototype.render=function(){var n=this.props,s=n.visible,a=n.closeBtn,o=n.style,l=n.position,r=n.onOpened,i=(n.onClosed,n.mask),u=n.maskClosable,k=n.children,f=(0,t._T)(n,["visible","closeBtn","style","position","onOpened","onClosed","mask","maskClosable","children"]),h=this.state.exiting;return this.lastMousePosition=s?this.lastMousePosition||z:null,(0,e.jsx)(c.ZP,(0,t.pi)({visible:s||h,onClose:this.onClose,className:"zent-dialog-r-anchor",closeOnESC:a,blockPageScroll:!0},{children:(0,e.jsx)(m,(0,t.pi)({mask:i,maskClosable:u,visible:s,onClose:this.onClose},{children:(0,e.jsx)(p.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:s,timeout:300,classNames:"zent-zoom",onEntered:r,onExited:this.onExited},{children:(0,e.jsx)(d,(0,t.pi)({},f,{style:o,closeBtn:a,position:l,mousePosition:this.lastMousePosition},{children:k}),void 0)}),void 0)}),void 0)}),void 0)},s.defaultProps={onClose:function(){},visible:!1,className:"",style:{},position:"auto",title:"",closeBtn:!0,mask:!0,maskClosable:!0,footer:null},s.openDialog=x,s.closeDialog=b,s}(o.Component),O=N},11497:(n,s,a)=>{"use strict";a.d(s,{Hj:()=>g});var t=a(59312),e=a(24246),o=a(60042),p=a.n(o),c=a(52074),l=a(97701).Z,r=a(27036),i=a(27378),u=a(90347),k=a(65436),d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={loading:!1},s.onClick=function(){var n=s.props,a=n.onClick,t=(0,n.getClose)();if(!a)return t();var e=a.length>0,o=e?a(t):a();if((0,k.Z)(o))return s.setState({loading:!0}),void o.then((function(){t()}),(function(){s.setState({loading:!1})}));e||!1===o||t()},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.type,o=n.text,p=this.state.loading;return(0,e.jsx)(u.ZP,(0,t.pi)({type:a,className:s,loading:p,onClick:this.onClick},{children:o}),void 0)},s}(i.Component),m={info:"info-circle-o",success:"check-circle-o",error:"close-circle-o",warning:"warning-o"},f=l.openDialog;function h(n,s){var a,o=n.className,l=void 0===o?"":o,i=n.confirmType,u=void 0===i?"primary":i,k=n.closeBtn,h=void 0!==k&&k,y=n.maskClosable,g=void 0!==y&&y,w=n.title,v=n.type,C=n.content,b=n.onConfirm,x=n.onCancel,j=n.confirmText,z=n.cancelText,N=n.parentComponent,O=n.onClose,D=null;return D=f({closeBtn:h,maskClosable:g,className:p()("zent-sweetalert-"+s,(a={},a[l]=!!l,a)),title:(0,e.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var s=m[v];return(0,e.jsxs)("div",(0,t.pi)({className:"zent-sweetalert-"+(v?"icon-":"")+"title","data-zv":"10.0.10"},{children:[v&&(0,e.jsx)(r.Z,{className:"zent-sweetalert-type-icon",type:s},void 0),w||n.title]}),void 0)}}),void 0),children:C,footer:(0,e.jsx)(c.Z,(0,t.pi)({componentName:"Sweetalert"},{children:function(n){var a="alert"===s;return(0,e.jsxs)("div",(0,t.pi)({className:"sweet-"+s+"-actions","data-zv":"10.0.10"},{children:[!a&&(0,e.jsx)(d,{type:"default",className:"zent-sweetalert-"+s+"-btn-cancel",getClose:function(){return D},onClick:x,text:z||n.cancel},"sweetalert-cancel"),(0,e.jsx)(d,{type:u,className:"zent-sweetalert-"+s+"-btn-confirm",getClose:function(){return D},onClick:b,text:j||(a?n.ok:n.confirm)},"sweetalert-confirm")]}),void 0)}}),void 0),parentComponent:N,onClose:O})}function y(n){return void 0===n&&(n={}),h(n,"alert")}var g={alert:y,info:y,confirm:function(n){return void 0===n&&(n={}),h(n,"confirm")}}},58801:(n,s,a)=>{"use strict";function t(){var n=window.pageXOffset,s=window.pageYOffset;return{x:void 0!==n?n:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==s?s:(document.documentElement||document.body.parentNode||document.body).scrollTop}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file diff --git a/835-db1a0175a9083a50e798.js b/835-9602b6e1d5d62a63e8f5.js similarity index 83% rename from 835-db1a0175a9083a50e798.js rename to 835-9602b6e1d5d62a63e8f5.js index ba9cbad33..06b6cd0a1 100644 --- a/835-db1a0175a9083a50e798.js +++ b/835-9602b6e1d5d62a63e8f5.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[835],{60835:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),p=a(27378),e=a(57318),o=a(48868),c=a(24246);function l(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 u(n){for(var s=1;s{this.setState({value:n})}))}render(){var n=this.state.value;return(0,c.jsx)(o.i,{value:n,onChange:this.onChange})}}return(0,c.jsx)(n,{})},r=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:1.3}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var n=this.state.value;return(0,c.jsx)(o.i,{max:2,min:1,step:.1,value:n,onChange:this.onChange})}}return(0,c.jsx)(n,{})},k=function(){return(0,c.jsx)(o.i,{value:30,disabled:!0})},d=function(){var n={0:"0",100:"100"};class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:30}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var s=this.state.value;return(0,c.jsx)(o.i,{marks:n,value:s,onChange:this.onChange})}}return(0,c.jsx)(s,{})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:[30,100]}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var n=this.state.value;return(0,c.jsx)(o.i,{range:!0,value:n,onChange:this.onChange})}}return(0,c.jsx)(n,{})},h=function(){var n={0:"0°C",100:"100°C"};class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:[30,100]}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var s=this.state.value;return(0,c.jsx)(o.i,{range:!0,marks:n,value:s,onChange:this.onChange})}}return(0,c.jsx)(s,{})},v=function(){var n={0:"0°C",25:"25°C",50:"50°C",75:"75°C",100:"100°C"};class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:[0,50]}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var s=this.state.value;return(0,c.jsx)(o.i,{range:!0,dots:!0,marks:n,value:s,onChange:this.onChange})}}return(0,c.jsx)(s,{})};function g(n){return(0,c.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function f(n){return(0,c.jsx)(g,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function y(n){return(0,c.jsx)(g,{tag:"style",html:n.style})}function b(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),b(n.parentNode,s);return s}class w extends p.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,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:a||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(g,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,b(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(y,{style:""}),p.createElement(f,{html:'

Slider 滑动输入条

\n

通过拖动、点击 Slider 组件选择数值

\n

使用指南

\n
    \n
  • 可设置单滑块或者双滑块
    • \n
  • 可与 Input 输入框配合使用
    • \n
'}),p.createElement(w,{title:"基础用法",id:"Demobasic",src:'import { Slider } from \'zent\';\n\nclass Test extends React.Component {\n state = {\n value: 0\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},p.createElement(i)),p.createElement(w,{title:"设置最大值，最小值，间隔",id:"Demosetproperty",src:'import { Slider } from \'zent\';\n\nclass Test extends React.Component {\n state = {\n value: 1.3\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider max={2} min={1} step={0.1} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},p.createElement(r)),p.createElement(w,{title:"不可用状态",id:"Demodisable",src:'import { Slider } from \'zent\';\n\nReactDOM.render(\n <Slider value={30} disabled />\n , mountNode\n);'},p.createElement(k)),p.createElement(w,{title:"底部有标签值",id:"Demosinglelabel",src:'import { Slider } from \'zent\';\n\nconst marks = {\n 0: \'0\',\n 100: \'100\'\n};\n\nclass Test extends React.Component {\n state = {\n value: 30\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider marks={marks} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},p.createElement(d)),p.createElement(f,{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
参数说明类型默认值备选值是否必填
value输入值[\nnumber,array\n]0[\n0,0\n]否
onChangechange 事件func(e:Event)否
range是否选择范围boolfalse否
max最大范围number10050否
min最小范围number0-100否
step间隔number1否
withInput是否带输入框booltrue否
dots是否只能在标签值中选择boolfalse否
marks标签值object否
disabled是否禁用boolfalse否
className自定义额外类名string\'\'否
width宽度string or number否
\n

⚠️ 注意：range 属性设置了必须给一个 value 值，且一定为一个长度为 2 的数组，数组项必须为数字。dots 属性配合 marks 属性使用。

\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),p.createElement(w,{title:"双滑块选择范围",id:"Demorange",src:'import { Slider } from \'zent\';\n\nclass Test extends React.Component {\n state = {\n value: [30, 100]\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider range value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},p.createElement(m)),p.createElement(w,{title:"标签值",id:"Demolabel",src:'import { Slider } from \'zent\';\n\nconst marks = {\n 0: \'0°C\',\n 100: \'100°C\'\n};\n\nclass Test extends React.Component {\n state = {\n value: [30, 100]\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider range marks={marks} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},p.createElement(h)),p.createElement(w,{title:"只能选择标签值，此时无输入框",id:"Demonoinput",src:'import { Slider } from \'zent\';\n\nconst marks = {\n 0: \'0°C\',\n 25: \'25°C\',\n 50: \'50°C\',\n 75: \'75°C\',\n 100: \'100°C\'\n};\n\nclass Test extends React.Component {\n state = {\n value: [0, 50]\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider range dots marks={marks} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},p.createElement(v)))}}},32254:(n,s,a)=>{"use strict";var t=a(80964);s.Z=t.Z},48868:(n,s,a)=>{"use strict";a.d(s,{i:()=>z});var t=a(59312),p=a(24246),e=a(60042),o=a.n(e),c=a(27378),l=a(1535),u=function(n){var s=n.value,a=n.position,e=n.disabled,c=n.active;return(0,p.jsxs)("div",(0,t.pi)({className:o()("zent-slider-tooltip",{"zent-slider-tooltip-active":c}),style:{left:a},"data-zv":"10.0.9"},{children:[(0,p.jsx)("div",{className:o()("zent-slider-point",{"zent-slider-point-disabled":e}),"data-zv":"10.0.9"},void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-slider-tooltip-content","data-zv":"10.0.9"},{children:s}),void 0)]}),void 0)},i=function(n,s,a){return 100*(n-s)/(a-s)};function r(n,s){return!(n>s[1])&&(n<=s[0]||Math.abs(s[0]-n)<=Math.abs(s[1]-n))}var k=(0,c.memo)((function(n){var s=n.marks,a=n.min,e=n.max,o=n.potentialValues;return(0,p.jsx)(p.Fragment,{children:o.map((function(n){return(0,p.jsx)("div",(0,t.pi)({style:{left:i(n,a,e)+"%"},className:"zent-slider-mark","data-zv":"10.0.9"},{children:s[n]}),n)}))},void 0)}));k.displayName="ZentSliderMarks";var d=k;function m(n,s,a){return n>=s&&n<=a}var h=function(n){var s=n.min,a=n.max,t=n.activeLeft,e=n.activeRight,c=n.potentialValues,l=n.disabled;return(0,p.jsx)(p.Fragment,{children:c.map((function(n){return(0,p.jsx)("div",{className:o()("zent-slider-dot",{"zent-slider-dot-active":!l&&m(n,t,e)}),style:{left:i(n,s,a)+"%"},"data-zv":"10.0.9"},n)}))},void 0)},v=a(1348),g=a(32254);function f(n,s){return ns?1:0}function y(n){return n?Object.keys(n).map((function(n){return Number(n)})).filter((function(n){return!Number.isNaN(n)&&n!==1/0})).sort(f):[]}function b(n,s){for(var a=0,t=n.length;;){var p=Math.floor((a+t)/2);if(t===a+1||p===a)return Math.abs(n[a]-s)<=Math.abs(n[t]-s)?n[a]:n[t];var e=n[p];if(s===e)return e;se&&(a=p)}}var w=a(80186),C=function(n,s,a){return na?a:n},j=function(n){var s=String(n).split(".")[1];return s?s.length:0},x=function(n,s,a){return 100*(n-s)/(a-s)+"%"},z=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={decimal:j(s.props.step),potentialValues:y(s.props.marks),active:null,prevProps:s.props},s.containerRef=(0,c.createRef)(),s.mouseDown=!1,s.limit=null,s.isLeft=null,s.onSingleChange=function(n){if(!1===s.props.range){var a=s.props,t=a.onChange,p=a.dots,e=a.disabled,o=s.state.potentialValues,c=Number(n);p&&(c=b(o,c)),!e&&t&&t(c)}},s.onLeftChange=function(n){if(!0===s.props.range){var a=s.props,t=a.value,p=void 0===t?[0,0]:t,e=a.onChange,o=a.dots,c=a.disabled,l=s.state.potentialValues;if(!c&&e){var u=Number(n);o&&(u=b(l,u)),e(u>p[1]?[p[1],u]:[u,p[1]])}}},s.onRightChange=function(n){if(!0===s.props.range){var a=s.props,t=a.value,p=void 0===t?[0,0]:t,e=a.onChange,o=a.dots,c=a.disabled,l=s.state.potentialValues;if(!c&&e){var u=Number(n);o&&(u=b(l,u)),e(u>p[0]?[p[0],u]:[u,p[0]])}}},s.onMouseDown=function(n){s.mouseDown=!0;var a=s.getValueFromEvent(n),t=s.props,p=t.min,e=t.max,o=C(a,p,e);s.state.active||s.setState({active:"point-single"}),s.onChange(o)},s.onWindowMouseUp=function(){s.mouseDown=!1,s.limit=null,s.isLeft=null,s.setState({active:null})},s.onWindowMouseMove=function(n){if(s.mouseDown){var a=s.getValueFromEvent(n);if(s.props.range){var t,p=s.props,e=p.value,o=p.min,c=p.max;t=e[0]===e[1]?n.movementX<=0:r(a,e),s.state.active||s.setState({active:t?"point-left":"point-right"}),s.limit||(s.isLeft=t,s.limit=t?[o,e[1]]:[e[0],c]),a=C(a,s.limit[0],s.limit[1])}else{var l=s.props;o=l.min,c=l.max,s.state.active||s.setState({active:"point-single"}),a=C(a,o,c)}s.onChange(a)}},s}return(0,t.ZT)(s,n),s.prototype.getComputedProps=function(){var n=this.props,s=n.disabled,a=void 0===s?this.context.value:s,t=n.min,p=n.max,e=this.state.decimal;if(!1!==this.props.range){var o=this.props.value,c=x(o[0],t,p);return{range:!0,leftProps:{min:t,max:o[1],disabled:a,decimal:e,onChange:this.onLeftChange,value:o[0],position:c},rightProps:{min:o[0],max:p,disabled:a,decimal:e,onChange:this.onRightChange,value:o[1],position:x(o[1],t,p)},trackStyle:{left:c,width:(o[1]-o[0])/(p-t)*100+"%"}}}var l=x(this.props.value,t,p);return{range:!1,props:{min:t,max:p,disabled:a,decimal:e,onChange:this.onSingleChange,value:this.props.value,position:l},trackStyle:{left:0,width:l}}},s.prototype.onChange=function(n){var s=this.props,a=s.dots,t=s.disabled,p=this.state,e=p.potentialValues,o=p.decimal;if(!t){var c=function(n,s){return Number(n.toFixed(s))}(n,o);if(a&&(c=b(e,c)),!0===this.props.range){var l=this.props,u=l.onChange,i=l.value;if(!u)return;u((null!==this.isLeft?this.isLeft:r(n,i))?[c,i[1]]:[i[0],c])}else(u=this.props.onChange)&&u(c)}},s.prototype.getValueFromEvent=function(n){var s=this.props,a=s.min,t=s.max,p=this.containerRef.current;return function(n,s,a){return s+(a-s)*n}((n.clientX-p.getBoundingClientRect().left)/p.clientWidth,a,t)},s.getDerivedStateFromProps=function(n,s){var a=s.prevProps;if(n===a)return null;var t={prevProps:n};return a.step!==n.step&&(t.decimal=j(n.step)),a.marks!==n.marks&&(t.potentialValues=y(n.marks)),t},s.prototype.render=function(){var n=this.props,s=n.withInput,a=n.className,e=n.width,c=n.disabled,i=void 0===c?this.context.value:c,r=n.min,k=n.max,m=n.marks,v=n.dots,f=this.state,y=f.potentialValues,b=f.active,C=this.getComputedProps();return(0,p.jsxs)("div",(0,t.pi)({className:o()("zent-slider",a,{"zent-slider-disabled":i}),style:(0,l.Z)(e),"data-zv":"10.0.9"},{children:[(0,p.jsxs)("div",(0,t.pi)({ref:this.containerRef,className:"zent-slider-main",onMouseDown:this.onMouseDown,"data-zv":"10.0.9"},{children:[(0,p.jsx)("div",{style:C.trackStyle,className:o()("zent-slider-track",{"zent-slider-track-disabled":i}),"data-zv":"10.0.9"},void 0),!0===C.range?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(u,{active:"point-left"===b,disabled:i,position:C.leftProps.position,value:C.leftProps.value},"point-left"),(0,p.jsx)(u,{active:"point-right"===b,disabled:i,position:C.rightProps.position,value:C.rightProps.value},"point-right")]},void 0):(0,p.jsx)(u,{active:"point-single"===b,disabled:i,position:C.props.position,value:C.props.value},"point-single"),m?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(d,{marks:m,min:r,max:k,potentialValues:y},void 0),v?(0,p.jsx)(h,{marks:m,min:r,max:k,activeLeft:!0===this.props.range?this.props.value[0]:0,activeRight:!0===this.props.range?this.props.value[1]:this.props.value,potentialValues:y,disabled:i},void 0):null]},void 0):null]}),void 0),s&&!v&&(!0===C.range?(0,p.jsxs)("div",(0,t.pi)({className:"zent-slider-input","data-zv":"10.0.9"},{children:[(0,p.jsx)(g.Z,(0,t.pi)({},C.leftProps),"number-input-left"),(0,p.jsx)("div",(0,t.pi)({className:"slider-input-line","data-zv":"10.0.9"},{children:"-"}),void 0),(0,p.jsx)(g.Z,(0,t.pi)({},C.rightProps),"number-input-right")]}),void 0):(0,p.jsx)(g.Z,(0,t.pi)({className:"zent-slider-input"},C.props),"number-input-single")),(0,p.jsx)(w.ZM,{eventName:"mousemove",listener:this.onWindowMouseMove},void 0),(0,p.jsx)(w.ZM,{eventName:"mouseup",listener:this.onWindowMouseUp},void 0)]}),void 0)},s.defaultProps={min:0,max:100,step:1,withInput:!0,range:!1,value:0},s.contextType=v.d,s}(c.Component)},1535:(n,s,a)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[835],{60835:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),p=a(27378),e=a(57318),o=a(48868),c=a(24246);function l(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 u(n){for(var s=1;s{this.setState({value:n})}))}render(){var n=this.state.value;return(0,c.jsx)(o.i,{value:n,onChange:this.onChange})}}return(0,c.jsx)(n,{})},r=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:1.3}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var n=this.state.value;return(0,c.jsx)(o.i,{max:2,min:1,step:.1,value:n,onChange:this.onChange})}}return(0,c.jsx)(n,{})},k=function(){return(0,c.jsx)(o.i,{value:30,disabled:!0})},d=function(){var n={0:"0",100:"100"};class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:30}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var s=this.state.value;return(0,c.jsx)(o.i,{marks:n,value:s,onChange:this.onChange})}}return(0,c.jsx)(s,{})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:[30,100]}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var n=this.state.value;return(0,c.jsx)(o.i,{range:!0,value:n,onChange:this.onChange})}}return(0,c.jsx)(n,{})},h=function(){var n={0:"0°C",100:"100°C"};class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:[30,100]}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var s=this.state.value;return(0,c.jsx)(o.i,{range:!0,marks:n,value:s,onChange:this.onChange})}}return(0,c.jsx)(s,{})},v=function(){var n={0:"0°C",25:"25°C",50:"50°C",75:"75°C",100:"100°C"};class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:[0,50]}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var s=this.state.value;return(0,c.jsx)(o.i,{range:!0,dots:!0,marks:n,value:s,onChange:this.onChange})}}return(0,c.jsx)(s,{})};function g(n){return(0,c.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function f(n){return(0,c.jsx)(g,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function y(n){return(0,c.jsx)(g,{tag:"style",html:n.style})}function b(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),b(n.parentNode,s);return s}class w extends p.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,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:a||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(g,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,b(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(y,{style:""}),p.createElement(f,{html:'

Slider 滑动输入条

\n

通过拖动、点击 Slider 组件选择数值

\n

使用指南

\n
    \n
  • 可设置单滑块或者双滑块
    • \n
  • 可与 Input 输入框配合使用
    • \n
'}),p.createElement(w,{title:"基础用法",id:"Demobasic",src:'import { Slider } from \'zent\';\n\nclass Test extends React.Component {\n state = {\n value: 0\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},p.createElement(i)),p.createElement(w,{title:"设置最大值，最小值，间隔",id:"Demosetproperty",src:'import { Slider } from \'zent\';\n\nclass Test extends React.Component {\n state = {\n value: 1.3\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider max={2} min={1} step={0.1} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},p.createElement(r)),p.createElement(w,{title:"不可用状态",id:"Demodisable",src:'import { Slider } from \'zent\';\n\nReactDOM.render(\n <Slider value={30} disabled />\n , mountNode\n);'},p.createElement(k)),p.createElement(w,{title:"底部有标签值",id:"Demosinglelabel",src:'import { Slider } from \'zent\';\n\nconst marks = {\n 0: \'0\',\n 100: \'100\'\n};\n\nclass Test extends React.Component {\n state = {\n value: 30\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider marks={marks} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},p.createElement(d)),p.createElement(f,{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
参数说明类型默认值备选值是否必填
value输入值[\nnumber,array\n]0[\n0,0\n]否
onChangechange 事件func(e:Event)否
range是否选择范围boolfalse否
max最大范围number10050否
min最小范围number0-100否
step间隔number1否
withInput是否带输入框booltrue否
dots是否只能在标签值中选择boolfalse否
marks标签值object否
disabled是否禁用boolfalse否
className自定义额外类名string\'\'否
width宽度string or number否
\n

⚠️ 注意：range 属性设置了必须给一个 value 值，且一定为一个长度为 2 的数组，数组项必须为数字。dots 属性配合 marks 属性使用。

\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),p.createElement(w,{title:"双滑块选择范围",id:"Demorange",src:'import { Slider } from \'zent\';\n\nclass Test extends React.Component {\n state = {\n value: [30, 100]\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider range value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},p.createElement(m)),p.createElement(w,{title:"标签值",id:"Demolabel",src:'import { Slider } from \'zent\';\n\nconst marks = {\n 0: \'0°C\',\n 100: \'100°C\'\n};\n\nclass Test extends React.Component {\n state = {\n value: [30, 100]\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider range marks={marks} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},p.createElement(h)),p.createElement(w,{title:"只能选择标签值，此时无输入框",id:"Demonoinput",src:'import { Slider } from \'zent\';\n\nconst marks = {\n 0: \'0°C\',\n 25: \'25°C\',\n 50: \'50°C\',\n 75: \'75°C\',\n 100: \'100°C\'\n};\n\nclass Test extends React.Component {\n state = {\n value: [0, 50]\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider range dots marks={marks} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},p.createElement(v)))}}},32254:(n,s,a)=>{"use strict";var t=a(80964);s.Z=t.Z},48868:(n,s,a)=>{"use strict";a.d(s,{i:()=>z});var t=a(59312),p=a(24246),e=a(60042),o=a.n(e),c=a(27378),l=a(1535),u=function(n){var s=n.value,a=n.position,e=n.disabled,c=n.active;return(0,p.jsxs)("div",(0,t.pi)({className:o()("zent-slider-tooltip",{"zent-slider-tooltip-active":c}),style:{left:a},"data-zv":"10.0.10"},{children:[(0,p.jsx)("div",{className:o()("zent-slider-point",{"zent-slider-point-disabled":e}),"data-zv":"10.0.10"},void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-slider-tooltip-content","data-zv":"10.0.10"},{children:s}),void 0)]}),void 0)},i=function(n,s,a){return 100*(n-s)/(a-s)};function r(n,s){return!(n>s[1])&&(n<=s[0]||Math.abs(s[0]-n)<=Math.abs(s[1]-n))}var k=(0,c.memo)((function(n){var s=n.marks,a=n.min,e=n.max,o=n.potentialValues;return(0,p.jsx)(p.Fragment,{children:o.map((function(n){return(0,p.jsx)("div",(0,t.pi)({style:{left:i(n,a,e)+"%"},className:"zent-slider-mark","data-zv":"10.0.10"},{children:s[n]}),n)}))},void 0)}));k.displayName="ZentSliderMarks";var d=k;function m(n,s,a){return n>=s&&n<=a}var h=function(n){var s=n.min,a=n.max,t=n.activeLeft,e=n.activeRight,c=n.potentialValues,l=n.disabled;return(0,p.jsx)(p.Fragment,{children:c.map((function(n){return(0,p.jsx)("div",{className:o()("zent-slider-dot",{"zent-slider-dot-active":!l&&m(n,t,e)}),style:{left:i(n,s,a)+"%"},"data-zv":"10.0.10"},n)}))},void 0)},v=a(1348),g=a(32254);function f(n,s){return ns?1:0}function y(n){return n?Object.keys(n).map((function(n){return Number(n)})).filter((function(n){return!Number.isNaN(n)&&n!==1/0})).sort(f):[]}function b(n,s){for(var a=0,t=n.length;;){var p=Math.floor((a+t)/2);if(t===a+1||p===a)return Math.abs(n[a]-s)<=Math.abs(n[t]-s)?n[a]:n[t];var e=n[p];if(s===e)return e;se&&(a=p)}}var w=a(80186),C=function(n,s,a){return na?a:n},j=function(n){var s=String(n).split(".")[1];return s?s.length:0},x=function(n,s,a){return 100*(n-s)/(a-s)+"%"},z=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={decimal:j(s.props.step),potentialValues:y(s.props.marks),active:null,prevProps:s.props},s.containerRef=(0,c.createRef)(),s.mouseDown=!1,s.limit=null,s.isLeft=null,s.onSingleChange=function(n){if(!1===s.props.range){var a=s.props,t=a.onChange,p=a.dots,e=a.disabled,o=s.state.potentialValues,c=Number(n);p&&(c=b(o,c)),!e&&t&&t(c)}},s.onLeftChange=function(n){if(!0===s.props.range){var a=s.props,t=a.value,p=void 0===t?[0,0]:t,e=a.onChange,o=a.dots,c=a.disabled,l=s.state.potentialValues;if(!c&&e){var u=Number(n);o&&(u=b(l,u)),e(u>p[1]?[p[1],u]:[u,p[1]])}}},s.onRightChange=function(n){if(!0===s.props.range){var a=s.props,t=a.value,p=void 0===t?[0,0]:t,e=a.onChange,o=a.dots,c=a.disabled,l=s.state.potentialValues;if(!c&&e){var u=Number(n);o&&(u=b(l,u)),e(u>p[0]?[p[0],u]:[u,p[0]])}}},s.onMouseDown=function(n){s.mouseDown=!0;var a=s.getValueFromEvent(n),t=s.props,p=t.min,e=t.max,o=C(a,p,e);s.state.active||s.setState({active:"point-single"}),s.onChange(o)},s.onWindowMouseUp=function(){s.mouseDown=!1,s.limit=null,s.isLeft=null,s.setState({active:null})},s.onWindowMouseMove=function(n){if(s.mouseDown){var a=s.getValueFromEvent(n);if(s.props.range){var t,p=s.props,e=p.value,o=p.min,c=p.max;t=e[0]===e[1]?n.movementX<=0:r(a,e),s.state.active||s.setState({active:t?"point-left":"point-right"}),s.limit||(s.isLeft=t,s.limit=t?[o,e[1]]:[e[0],c]),a=C(a,s.limit[0],s.limit[1])}else{var l=s.props;o=l.min,c=l.max,s.state.active||s.setState({active:"point-single"}),a=C(a,o,c)}s.onChange(a)}},s}return(0,t.ZT)(s,n),s.prototype.getComputedProps=function(){var n=this.props,s=n.disabled,a=void 0===s?this.context.value:s,t=n.min,p=n.max,e=this.state.decimal;if(!1!==this.props.range){var o=this.props.value,c=x(o[0],t,p);return{range:!0,leftProps:{min:t,max:o[1],disabled:a,decimal:e,onChange:this.onLeftChange,value:o[0],position:c},rightProps:{min:o[0],max:p,disabled:a,decimal:e,onChange:this.onRightChange,value:o[1],position:x(o[1],t,p)},trackStyle:{left:c,width:(o[1]-o[0])/(p-t)*100+"%"}}}var l=x(this.props.value,t,p);return{range:!1,props:{min:t,max:p,disabled:a,decimal:e,onChange:this.onSingleChange,value:this.props.value,position:l},trackStyle:{left:0,width:l}}},s.prototype.onChange=function(n){var s=this.props,a=s.dots,t=s.disabled,p=this.state,e=p.potentialValues,o=p.decimal;if(!t){var c=function(n,s){return Number(n.toFixed(s))}(n,o);if(a&&(c=b(e,c)),!0===this.props.range){var l=this.props,u=l.onChange,i=l.value;if(!u)return;u((null!==this.isLeft?this.isLeft:r(n,i))?[c,i[1]]:[i[0],c])}else(u=this.props.onChange)&&u(c)}},s.prototype.getValueFromEvent=function(n){var s=this.props,a=s.min,t=s.max,p=this.containerRef.current;return function(n,s,a){return s+(a-s)*n}((n.clientX-p.getBoundingClientRect().left)/p.clientWidth,a,t)},s.getDerivedStateFromProps=function(n,s){var a=s.prevProps;if(n===a)return null;var t={prevProps:n};return a.step!==n.step&&(t.decimal=j(n.step)),a.marks!==n.marks&&(t.potentialValues=y(n.marks)),t},s.prototype.render=function(){var n=this.props,s=n.withInput,a=n.className,e=n.width,c=n.disabled,i=void 0===c?this.context.value:c,r=n.min,k=n.max,m=n.marks,v=n.dots,f=this.state,y=f.potentialValues,b=f.active,C=this.getComputedProps();return(0,p.jsxs)("div",(0,t.pi)({className:o()("zent-slider",a,{"zent-slider-disabled":i}),style:(0,l.Z)(e),"data-zv":"10.0.10"},{children:[(0,p.jsxs)("div",(0,t.pi)({ref:this.containerRef,className:"zent-slider-main",onMouseDown:this.onMouseDown,"data-zv":"10.0.10"},{children:[(0,p.jsx)("div",{style:C.trackStyle,className:o()("zent-slider-track",{"zent-slider-track-disabled":i}),"data-zv":"10.0.10"},void 0),!0===C.range?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(u,{active:"point-left"===b,disabled:i,position:C.leftProps.position,value:C.leftProps.value},"point-left"),(0,p.jsx)(u,{active:"point-right"===b,disabled:i,position:C.rightProps.position,value:C.rightProps.value},"point-right")]},void 0):(0,p.jsx)(u,{active:"point-single"===b,disabled:i,position:C.props.position,value:C.props.value},"point-single"),m?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(d,{marks:m,min:r,max:k,potentialValues:y},void 0),v?(0,p.jsx)(h,{marks:m,min:r,max:k,activeLeft:!0===this.props.range?this.props.value[0]:0,activeRight:!0===this.props.range?this.props.value[1]:this.props.value,potentialValues:y,disabled:i},void 0):null]},void 0):null]}),void 0),s&&!v&&(!0===C.range?(0,p.jsxs)("div",(0,t.pi)({className:"zent-slider-input","data-zv":"10.0.10"},{children:[(0,p.jsx)(g.Z,(0,t.pi)({},C.leftProps),"number-input-left"),(0,p.jsx)("div",(0,t.pi)({className:"slider-input-line","data-zv":"10.0.10"},{children:"-"}),void 0),(0,p.jsx)(g.Z,(0,t.pi)({},C.rightProps),"number-input-right")]}),void 0):(0,p.jsx)(g.Z,(0,t.pi)({className:"zent-slider-input"},C.props),"number-input-single")),(0,p.jsx)(w.ZM,{eventName:"mousemove",listener:this.onWindowMouseMove},void 0),(0,p.jsx)(w.ZM,{eventName:"mouseup",listener:this.onWindowMouseUp},void 0)]}),void 0)},s.defaultProps={min:0,max:100,step:1,withInput:!0,range:!1,value:0},s.contextType=v.d,s}(c.Component)},1535:(n,s,a)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file diff --git a/8606-1081d8bb3aabf2c978cd.js b/8606-8e878335ed33229c0c3d.js similarity index 80% rename from 8606-1081d8bb3aabf2c978cd.js rename to 8606-8e878335ed33229c0c3d.js index 77062d40c..661e149ee 100644 --- a/8606-1081d8bb3aabf2c978cd.js +++ b/8606-8e878335ed33229c0c3d.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8606],{48606:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>b});var t=s(73450),e=s(27378),p=s(57318),o=s(20713),c=s(24246);function l(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(g,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,v(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(f,{style:""}),e.createElement(y,{html:'

Card

\n

Card is used for information displayed on the card container.

\n

Guides

\n
    \n
  • Control whether to display title by title
    • \n
  • Provide interactive operation through action
    • \n
  • Customize content style through bodyStyle
    • \n
\n

Demos

'}),e.createElement(w,{title:"Basic Usage",id:"Demobasic",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }}>\n <p>Card item</p>\n </Card>\n , mountNode\n);'},e.createElement(r)),e.createElement(w,{title:"Card with Title",id:"Demowithtitle",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} title="Card Title">\n <p>Card item</p>\n <p>Card item</p>\n </Card>\n , mountNode\n);'},e.createElement(u)),e.createElement(w,{title:"Card with Actions",id:"Demowithaction",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card\n style={{ width: 400 }}\n title="Card Title"\n action={\n <a className="zent-link" target="_blank" href="//www.youzan.com">\n Youzan\n </a>\n }\n >\n <p>Card item</p>\n </Card>,\n mountNode\n);'},e.createElement(d)),e.createElement(w,{title:"Nested cards",id:"Demonested",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} title="Outer card">\n <p style={{ marginBottom: 10 }}>Card content</p>\n\n <Card type="nested" title="Nested card">\n <p>Nested card content</p>\n </Card>\n </Card>\n , mountNode\n);'},e.createElement(k)),e.createElement(w,{title:"Card with custom style",id:"Democustomstyle",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} bodyStyle={{ background: \'#e5e5e5\'}}>\n <p>Custom background</p>\n </Card>\n , mountNode\n);'},e.createElement(m)),e.createElement(w,{title:"Loading state",id:"Demoloading",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} loading title="Card Title">\n <p>Card item</p>\n </Card>\n , mountNode\n);'},e.createElement(h)),e.createElement(y,{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
PropsDescriptionTypeDefaultAlternative
titleCard\'s titlenode
actionCard\'s operationnode
loadingLoading stateboolfalsetrue
typeCard typestring\'normal\'\'nested\'
styleCustom style of the card containerobject{}
bodyStyleCustom style of the content areaobject{}
classNameCustom calssnamestring\'\'
'}))}}},20713:(n,a,s)=>{"use strict";s.d(a,{Z:()=>r});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=s(40937),i=s(31256),r=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.title,s=n.action,p=n.type,o=n.loading,r=n.style,u=n.children,d=n.className,k=n.bodyStyle,m=!(0,i.Z)(a),h=!(0,i.Z)(s);return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-card",d,{"zent-card--normal":"normal"===p,"zent-card--nested":"nested"===p}),style:r,"data-zv":"10.0.9"},{children:[(m||h)&&(0,e.jsxs)("div",(0,t.pi)({className:"zent-card-header","data-zv":"10.0.9"},{children:[m&&(0,e.jsx)("h3",(0,t.pi)({className:"zent-card-header__title","data-zv":"10.0.9"},{children:a}),void 0),h&&(0,e.jsx)("div",(0,t.pi)({className:"zent-card-header__action","data-zv":"10.0.9"},{children:s}),void 0)]}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-card-body",style:k,"data-zv":"10.0.9"},{children:o?(0,e.jsx)(l.Z.TextBlock,{rows:5},void 0):u}),void 0)]}),void 0)},a.defaultProps={type:"normal",style:{},bodyStyle:{},loading:!1,className:""},a}(p.Component)},40937:(n,a,s)=>{"use strict";s.d(a,{V:()=>g,Z:()=>y});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.lineSpacing,p=n.animate,o=n.style,l={marginTop:s},i=c()("zent-placeholder-text-row","zent-placeholder-shape",{"zent-placeholder-shape--animate":p},a);return(0,e.jsx)("div",{className:i,style:(0,t.pi)((0,t.pi)({},l),o),"data-zv":"10.0.9"},void 0)},a.defaultProps={lineSpacing:"0.7em",animate:!0},a}(p.PureComponent),i=[[61.8,38],[30,25,44],[20,75],[33,16,20,27],[12,32,53],[45,12,42],[20,10,47,18],[14,47,37]],r=function(n){function a(a){var s,t=n.call(this,a)||this;return t.state={segments:(s=i,s[Math.floor(Math.random()*s.length)])},t}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.lineSpacing,p=n.animate,o=n.segments,l=n.style,i={marginTop:s},r=c()("zent-placeholder-text-row-dashed",a),u=c()("zent-placeholder-shape",{"zent-placeholder-shape--animate":p}),d=Array.isArray(o)?o:this.state.segments;return(0,e.jsx)("div",(0,t.pi)({className:r,style:(0,t.pi)((0,t.pi)({},i),l),"data-zv":"10.0.9"},{children:d.map((function(n,a){return(0,e.jsx)("div",(0,t.pi)({className:"zent-placeholder-text-row-dashed-segment",style:{width:n+"%",paddingLeft:0===a?0:"0.3em"},"data-zv":"10.0.9"},{children:(0,e.jsx)("div",{className:u,"data-zv":"10.0.9"},void 0)}),a)}))}),void 0)},a.defaultProps={lineSpacing:"0.7em",animate:!0},a}(p.PureComponent),u=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,t=n.animate,p=c()("zent-placeholder-shape",{"zent-placeholder-shape--animate":t},a);return(0,e.jsx)("div",{className:p,style:s,"data-zv":"10.0.9"},void 0)},a.defaultProps={style:{},animate:!0},a}(p.PureComponent),d=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.diameter,p=n.style,o=(0,t._T)(n,["className","diameter","style"]),l=c()("zent-placeholder-circle",a),i=(0,t.pi)({height:s,minWidth:s},p);return(0,e.jsx)(u,(0,t.pi)({className:l,style:i},o),void 0)},a.defaultProps={style:{},animate:!0,diameter:80},a}(p.PureComponent),k=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.width,p=n.height,o=n.style,l=(0,t._T)(n,["className","width","height","style"]),i=c()("zent-placeholder-rectangle",a),r=(0,t.pi)({minWidth:s,height:p},o);return(0,e.jsx)(u,(0,t.pi)({className:i,style:r},l),void 0)},a.defaultProps={style:{},animate:!0,width:80,height:80},a}(p.PureComponent),m=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getRowStyle=function(n){var s=a.props.widths;return{width:s[n%s.length]+"%"}},a.getRows=function(){for(var n=a.props,s=n.rows,p=n.lineSpacing,o=n.animate,c=n.dashed,i=n.dashSegments,u=[],d=0;d{"use strict";function t(n){return null==n}s.d(a,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8606],{48606:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>b});var t=s(73450),e=s(27378),p=s(57318),o=s(20713),c=s(24246);function l(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(g,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,v(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(f,{style:""}),e.createElement(y,{html:'

Card

\n

Card is used for information displayed on the card container.

\n

Guides

\n
    \n
  • Control whether to display title by title
    • \n
  • Provide interactive operation through action
    • \n
  • Customize content style through bodyStyle
    • \n
\n

Demos

'}),e.createElement(w,{title:"Basic Usage",id:"Demobasic",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }}>\n <p>Card item</p>\n </Card>\n , mountNode\n);'},e.createElement(r)),e.createElement(w,{title:"Card with Title",id:"Demowithtitle",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} title="Card Title">\n <p>Card item</p>\n <p>Card item</p>\n </Card>\n , mountNode\n);'},e.createElement(u)),e.createElement(w,{title:"Card with Actions",id:"Demowithaction",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card\n style={{ width: 400 }}\n title="Card Title"\n action={\n <a className="zent-link" target="_blank" href="//www.youzan.com">\n Youzan\n </a>\n }\n >\n <p>Card item</p>\n </Card>,\n mountNode\n);'},e.createElement(d)),e.createElement(w,{title:"Nested cards",id:"Demonested",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} title="Outer card">\n <p style={{ marginBottom: 10 }}>Card content</p>\n\n <Card type="nested" title="Nested card">\n <p>Nested card content</p>\n </Card>\n </Card>\n , mountNode\n);'},e.createElement(k)),e.createElement(w,{title:"Card with custom style",id:"Democustomstyle",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} bodyStyle={{ background: \'#e5e5e5\'}}>\n <p>Custom background</p>\n </Card>\n , mountNode\n);'},e.createElement(m)),e.createElement(w,{title:"Loading state",id:"Demoloading",src:'import { Card } from \'zent\';\n\nReactDOM.render(\n <Card style={{ width: 400 }} loading title="Card Title">\n <p>Card item</p>\n </Card>\n , mountNode\n);'},e.createElement(h)),e.createElement(y,{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
PropsDescriptionTypeDefaultAlternative
titleCard\'s titlenode
actionCard\'s operationnode
loadingLoading stateboolfalsetrue
typeCard typestring\'normal\'\'nested\'
styleCustom style of the card containerobject{}
bodyStyleCustom style of the content areaobject{}
classNameCustom calssnamestring\'\'
'}))}}},20713:(n,a,s)=>{"use strict";s.d(a,{Z:()=>r});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=s(40937),i=s(31256),r=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.title,s=n.action,p=n.type,o=n.loading,r=n.style,u=n.children,d=n.className,k=n.bodyStyle,m=!(0,i.Z)(a),h=!(0,i.Z)(s);return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-card",d,{"zent-card--normal":"normal"===p,"zent-card--nested":"nested"===p}),style:r,"data-zv":"10.0.10"},{children:[(m||h)&&(0,e.jsxs)("div",(0,t.pi)({className:"zent-card-header","data-zv":"10.0.10"},{children:[m&&(0,e.jsx)("h3",(0,t.pi)({className:"zent-card-header__title","data-zv":"10.0.10"},{children:a}),void 0),h&&(0,e.jsx)("div",(0,t.pi)({className:"zent-card-header__action","data-zv":"10.0.10"},{children:s}),void 0)]}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-card-body",style:k,"data-zv":"10.0.10"},{children:o?(0,e.jsx)(l.Z.TextBlock,{rows:5},void 0):u}),void 0)]}),void 0)},a.defaultProps={type:"normal",style:{},bodyStyle:{},loading:!1,className:""},a}(p.Component)},40937:(n,a,s)=>{"use strict";s.d(a,{V:()=>g,Z:()=>y});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.lineSpacing,p=n.animate,o=n.style,l={marginTop:s},i=c()("zent-placeholder-text-row","zent-placeholder-shape",{"zent-placeholder-shape--animate":p},a);return(0,e.jsx)("div",{className:i,style:(0,t.pi)((0,t.pi)({},l),o),"data-zv":"10.0.10"},void 0)},a.defaultProps={lineSpacing:"0.7em",animate:!0},a}(p.PureComponent),i=[[61.8,38],[30,25,44],[20,75],[33,16,20,27],[12,32,53],[45,12,42],[20,10,47,18],[14,47,37]],r=function(n){function a(a){var s,t=n.call(this,a)||this;return t.state={segments:(s=i,s[Math.floor(Math.random()*s.length)])},t}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.lineSpacing,p=n.animate,o=n.segments,l=n.style,i={marginTop:s},r=c()("zent-placeholder-text-row-dashed",a),u=c()("zent-placeholder-shape",{"zent-placeholder-shape--animate":p}),d=Array.isArray(o)?o:this.state.segments;return(0,e.jsx)("div",(0,t.pi)({className:r,style:(0,t.pi)((0,t.pi)({},i),l),"data-zv":"10.0.10"},{children:d.map((function(n,a){return(0,e.jsx)("div",(0,t.pi)({className:"zent-placeholder-text-row-dashed-segment",style:{width:n+"%",paddingLeft:0===a?0:"0.3em"},"data-zv":"10.0.10"},{children:(0,e.jsx)("div",{className:u,"data-zv":"10.0.10"},void 0)}),a)}))}),void 0)},a.defaultProps={lineSpacing:"0.7em",animate:!0},a}(p.PureComponent),u=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,t=n.animate,p=c()("zent-placeholder-shape",{"zent-placeholder-shape--animate":t},a);return(0,e.jsx)("div",{className:p,style:s,"data-zv":"10.0.10"},void 0)},a.defaultProps={style:{},animate:!0},a}(p.PureComponent),d=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.diameter,p=n.style,o=(0,t._T)(n,["className","diameter","style"]),l=c()("zent-placeholder-circle",a),i=(0,t.pi)({height:s,minWidth:s},p);return(0,e.jsx)(u,(0,t.pi)({className:l,style:i},o),void 0)},a.defaultProps={style:{},animate:!0,diameter:80},a}(p.PureComponent),k=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.width,p=n.height,o=n.style,l=(0,t._T)(n,["className","width","height","style"]),i=c()("zent-placeholder-rectangle",a),r=(0,t.pi)({minWidth:s,height:p},o);return(0,e.jsx)(u,(0,t.pi)({className:i,style:r},l),void 0)},a.defaultProps={style:{},animate:!0,width:80,height:80},a}(p.PureComponent),m=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getRowStyle=function(n){var s=a.props.widths;return{width:s[n%s.length]+"%"}},a.getRows=function(){for(var n=a.props,s=n.rows,p=n.lineSpacing,o=n.animate,c=n.dashed,i=n.dashSegments,u=[],d=0;d{"use strict";function t(n){return null==n}s.d(a,{Z:()=>t})}}]); \ No newline at end of file diff --git a/8627-a9d6b1e827d0ec13a7b8.js b/8627-a9d6b1e827d0ec13a7b8.js deleted file mode 100644 index 936622f41..000000000 --- a/8627-a9d6b1e827d0ec13a7b8.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8627],{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,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.9"},{children:[(0,i.jsxs)("span",(0,o.pi)({className:"zent-checkbox","data-zv":"10.0.9"},{children:[(0,i.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.9"},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.9"}),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.9"},{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.9"},{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.9"},{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.9"},e.key||t)}));return(0,i.jsx)("colgroup",(0,o.pi)({"data-zv":"10.0.9"},{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.9"},{children:[e.title,(0,i.jsxs)("span",(0,o.pi)({className:u,"data-zv":"10.0.9"},{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.9"},{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.9"},{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.9"}),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.9"},{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.9"},{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.9"},{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.9"},{children:[(0,i.jsx)("td",{"data-zv":"10.0.9"},void 0),(0,i.jsx)("td",(0,o.pi)({colSpan:r.length-1,"data-zv":"10.0.9"},{children:f(e)}),void 0)]}),void 0)):S.push((0,i.jsx)("tr",(0,o.pi)({},C,{"data-zv":"10.0.9"},{children:(0,i.jsx)("td",{colSpan:r.length,"data-zv":"10.0.9"},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.9"},{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.9"},{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.9"},{children:[this.props.batchComponents,(0,i.jsxs)("div",(0,o.pi)({className:l()(t+"-grid-tfoot-page"),"data-zv":"10.0.9"},{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.9"},{children:E}),"header")];return e.isStickyHead||_.push((0,i.jsx)("div",(0,o.pi)({className:"zent-grid-body-outer","data-zv":"10.0.9"},{children:(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-body",style:A,ref:e.bodyRef,onScroll:a.handleBodyScroll,"data-zv":"10.0.9"},{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.9"},{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.9"},{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.9"},{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.9"},{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.9"},{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.9"},{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.9"},{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.9"},{children:e}),void 0):(0,i.jsx)("div",(0,o.pi)({style:t,"data-zv":"10.0.9"},{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.9"},{children:n}),void 0):n;return(0,i.jsxs)("div",(0,o.pi)({className:C,ref:t.gridNode,"data-zv":"10.0.9"},{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.9"},{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.9"},{children:t.getLeftFixedTable()}),void 0),t.isAnyColumnsRightFixed()&&(0,i.jsx)("div",(0,o.pi)({className:"zent-grid-fixed-right","data-zv":"10.0.9"},{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.9"},{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.9"},{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.9"},{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.9"},{children:[(0,i.jsxs)("span",(0,o.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,i.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,i.jsx)("input",(0,o.pi)({},f,{type:"radio",checked:!!m,disabled:b,readOnly:S,onChange:w,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==r&&(0,i.jsx)("span",(0,o.pi)({className:"zent-radio-label",style:v,"data-zv":"10.0.9"},{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.9"},{children:[(0,i.jsx)("input",(0,o.pi)({},g,{type:"radio",checked:!!b,disabled:S,readOnly:w,onChange:C,"data-zv":"10.0.9"}),void 0),(0,i.jsx)("span",(0,o.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{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.9"},{children:e}),void 0),(0,i.jsx)("i",{className:"zent-tooltip-v2-arrow","data-zv":"10.0.9"},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/8627-b3fb2c8151d09c187222.js b/8627-b3fb2c8151d09c187222.js new file mode 100644 index 000000000..ba17cb5cd --- /dev/null +++ b/8627-b3fb2c8151d09c187222.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8627],{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,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/8689-7608322bf5da89e1938c.js b/8689-603d9dba3580d228f4a3.js similarity index 92% rename from 8689-7608322bf5da89e1938c.js rename to 8689-603d9dba3580d228f4a3.js index eadf17493..08dc109c7 100644 --- a/8689-7608322bf5da89e1938c.js +++ b/8689-603d9dba3580d228f4a3.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8689],{78689:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>b});var t=s(73450),e=s(27378),p=s(57318),o=s(31269),c=s(56377),l=s(24246);function i(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function u(n){for(var a=1;a{this.setState({activeKey:n})}))}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{panelTitleBackground:"no",activeKey:n,onChange:this.handleChange,bordered:!1,children:[(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",extra:(0,l.jsx)("a",{children:"Custom Content"}),children:"FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow's wind and rain."},"1"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",children:"Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven's fell rage, Some beauty peep'd through lattice of sear'd age."},"2"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",disabled:!0,children:"Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season'd woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish'd woe, In clamours of all size, both high and low."},"3")]})}}return(0,l.jsx)(n,{})},k=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:"1"})}handleChange(n){this.setState({activeKey:n})}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{bordered:!1,panelTitleBackground:"no",activeKey:n,onChange:this.handleChange.bind(this),accordion:!0,children:[(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",children:"FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow's wind and rain."},"1"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",children:"Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven's fell rage, Some beauty peep'd through lattice of sear'd age."},"2"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",children:"Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season'd woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish'd woe, In clamours of all size, both high and low."},"3")]})}}return(0,l.jsx)(n,{})},d=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:"1"}),(0,t.Z)(this,"handleChange",(n=>{this.setState({activeKey:n})}))}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{panelTitleBackground:"no",showContentBackground:!0,activeKey:n,onChange:this.handleChange,bordered:!1,children:[(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",extra:(0,l.jsx)("a",{children:"Custom Content"}),children:"FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow's wind and rain."},"1"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",children:"Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven's fell rage, Some beauty peep'd through lattice of sear'd age."},"2"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",children:"Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season'd woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish'd woe, In clamours of all size, both high and low."},"3")]})}}return(0,l.jsx)(n,{})},h=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:["1"],bg:!0}),(0,t.Z)(this,"handleChange",(n=>{this.setState({activeKey:n})})),(0,t.Z)(this,"handleBgChange",(n=>{this.setState({bg:n})}))}render(){var n=this.state,a=n.activeKey,s=n.bg?"default":"none";return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{style:{marginBottom:20},children:[(0,l.jsx)(c.r,{size:"small",checked:this.state.bg,onChange:this.handleBgChange}),(0,l.jsx)("span",{children:" Title Background"})]}),(0,l.jsxs)(o.U,{panelTitleBackground:s,activeKey:a,onChange:this.handleChange,children:[(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",extra:(0,l.jsx)("a",{children:"Custom Content"}),children:"FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow's wind and rain."},"1"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",children:"Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven's fell rage, Some beauty peep'd through lattice of sear'd age."},"2"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",disabled:!0,children:"Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season'd woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish'd woe, In clamours of all size, both high and low."},"3")]})]})}}return(0,l.jsx)(n,{})},m=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:["1"]})}handleChange(n){this.setState({activeKey:n})}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{activeKey:n,onChange:this.handleChange.bind(this),children:[(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",showArrow:!1,children:"FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow's wind and rain."},"1"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",showArrow:!1,children:"Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven's fell rage, Some beauty peep'd through lattice of sear'd age."},"2"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",showArrow:!1,children:"Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season'd woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish'd woe, In clamours of all size, both high and low."},"3")]})}}return(0,l.jsx)(n,{})};function g(n){return(0,l.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,l.jsx)(g,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,l.jsx)(g,{tag:"style",html:n.style})}function v(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),v(n.parentNode,a);return a}class w 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,a=this.props,s=a.title,t=a.src,e=a.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(g,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,v(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(f,{style:""}),e.createElement(y,{html:'

Collapse

\n

A panel that supports folding and expanding

\n

Suggestion

\n
    \n
  • Group and hide more information to improve page reading efficiency and aesthetics;
    • \n
  • When multiple groups of information structure is unified, such as multiple groups of titles + multiple lines of text/graphic structure;
    • \n
\n

Note

\n
    \n
  • The folding panel is not applicable when the number of information groups is less than 2 or the information structure is only one level.
    • \n
  • Folding panels nested inside panels is not allowed
    • \n
\n

Demos

'}),e.createElement(w,{title:"Basic usage",id:"Demonoborder",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: [\'1\'],\n };\n\n handleChange = activeKey => {\n this.setState({\n activeKey,\n });\n };\n\n render() {\n const { activeKey } = this.state;\n\n return (\n <Collapse\n panelTitleBackground="no"\n activeKey={activeKey}\n onChange={this.handleChange}\n bordered={false}\n >\n <Collapse.Panel\n title="A Lover\'s Complaint"\n key="1"\n extra={<a>Custom Content</a>}\n >\n FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow\'s wind and rain.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="2">\n Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven\'s fell rage, Some beauty peep\'d through lattice of sear\'d age.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="3" disabled>\n Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season\'d woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish\'d woe, In clamours of all size, both high and low.\n </Collapse.Panel>\n </Collapse>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(r)),e.createElement(w,{title:"Accordion style, only one panel can be active at the same time.",id:"Demoaccordion",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: \'1\',\n };\n\n handleChange(activeKey) {\n this.setState({\n activeKey,\n });\n }\n\n render() {\n const { activeKey } = this.state;\n return (\n <Collapse\n bordered={false}\n panelTitleBackground="no"\n activeKey={activeKey}\n onChange={this.handleChange.bind(this)}\n accordion\n >\n <Collapse.Panel title="A Lover\'s Complaint" key="1">\n FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow\'s wind and rain.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="2">\n Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven\'s fell rage, Some beauty peep\'d through lattice of sear\'d age.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="3">\n Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season\'d woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish\'d woe, In clamours of all size, both high and low.\n </Collapse.Panel>\n </Collapse>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(k)),e.createElement(w,{title:"Show Panel Content Background",id:"Demoshowcontentbg",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: \'1\',\n };\n\n handleChange = activeKey => {\n this.setState({\n activeKey,\n });\n };\n\n render() {\n const { activeKey } = this.state;\n\n return (\n <Collapse\n panelTitleBackground="no"\n showContentBackground\n activeKey={activeKey}\n onChange={this.handleChange}\n bordered={false}\n >\n <Collapse.Panel\n title="A Lover\'s Complaint"\n key="1"\n extra={<a>Custom Content</a>}\n >\n FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow\'s wind and rain.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="2">\n Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven\'s fell rage, Some beauty peep\'d through lattice of sear\'d age.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="3">\n Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season\'d woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish\'d woe, In clamours of all size, both high and low.\n </Collapse.Panel>\n </Collapse>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(d)),e.createElement(y,{html:'

API

\n

Collpase

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
onChangeCallback when active panel changesfuncYes
activeKeyActive panel idstring | string[]\n(only when using Accodion mode the type is \nstring\n，otherwise the type is \nstring[]\n)No
accordionAccodion mode, one active panel at a timeboolNofalsetrue
borderedBorderedboolNotruefalse
panelTitleBackgroundPanel backgroundstringNo\'default\'\'none\'
showContentBackgroundShow Panel Content BackgroundbooleanNo\'false\'\'true\'
classNameCustom class namesstringNo
\n

Collpase.Panel

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
keyPanel id, \nReact KeysReactTextYes
titlePanel titlenodeYes
extraTitle custom contentnodeNo
disabledDisable panelboolNofalsetrue
showArrowShow arrow in the titleboolNotruefalse
styleCustom stylesobjectNo
classNameCustom class namesstringNo
\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),e.createElement(w,{title:"Has Bordered",id:"Demobasic",src:'import { Collapse, Switch } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: [\'1\'],\n bg: true,\n };\n\n handleChange = activeKey => {\n this.setState({\n activeKey,\n });\n };\n\n handleBgChange = bg => {\n this.setState({ bg });\n };\n\n render() {\n const { activeKey, bg } = this.state;\n const titleBg = bg ? \'default\' : \'none\';\n\n return (\n <>\n <div style={{ marginBottom: 20 }}>\n <Switch\n size="small"\n checked={this.state.bg}\n onChange={this.handleBgChange}\n />\n <span> Title Background</span>\n </div>\n <Collapse\n panelTitleBackground={titleBg}\n activeKey={activeKey}\n onChange={this.handleChange}\n >\n <Collapse.Panel\n title="A Lover\'s Complaint"\n key="1"\n extra={<a>Custom Content</a>}\n >\n FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow\'s wind and rain.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="2">\n Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven\'s fell rage, Some beauty peep\'d through lattice of sear\'d age.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="3" disabled>\n Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season\'d woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish\'d woe, In clamours of all size, both high and low.\n </Collapse.Panel>\n </Collapse>\n </>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(h)),e.createElement(w,{title:"No arrow",id:"Demonoarrow",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: [\'1\']\n };\n\n handleChange(activeKey) {\n this.setState({\n activeKey\n });\n }\n\n render() {\n const { activeKey } = this.state;\n return (\n <Collapse activeKey={activeKey} onChange={this.handleChange.bind(this)}>\n <Collapse.Panel title="A Lover\'s Complaint" key="1" showArrow={false}>\n FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow\'s wind and rain.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="2" showArrow={false}>\n Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven\'s fell rage, Some beauty peep\'d through lattice of sear\'d age.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="3" showArrow={false}>\n Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season\'d woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish\'d woe, In clamours of all size, both high and low.\n </Collapse.Panel>\n </Collapse>\n )\n }\n}\n\nReactDOM.render(\n <Simple />\n , mountNode\n);'},e.createElement(m)))}}},31269:(n,a,s)=>{"use strict";s.d(a,{U:()=>v});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=s(65922),i=s(79737),u=s(12856),r=s(98859),k=s(1348),d=s(31256),h=s(39215),m={borderBottomWidth:0,borderBottomColor:"rgba(255, 255, 255, 0)",transition:"border-bottom-width 200ms "+r.rc+", border-bottom-color 200ms "+r.rc},g={},y=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={animateAppear:!a.props.active},a.toggle=function(){var n=a.props,s=n.onChange,t=n.panelKey,e=n.active,p=n.disabled;(void 0===p?a.context.value:p)||(0,d.Z)(t)||null==s||s(t,!e)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.children,s=n.title,p=n.style,o=n.active,l=n.disabled,k=void 0===l?this.context.value:l,d=n.showArrow,y=n.className,f=n.isLast,v=n.bordered,w=n.extra,b=n.panelTitleBackground,C=n.showContentBackground,j=this.state.animateAppear,x=v&&f,A=x&&!o?m:g,T=x||!o?m:g;return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-collapse-panel",y,{"zent-collapse-panel--has-arrow":d,"zent-collapse-panel--active":o,"zent-collapse-panel--inactive":!o,"zent-collapse-panel--disabled":k}),style:p,"data-zv":"10.0.9"},{children:[(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-collapse-panel__title",{"zent-collapse-panel__title--bg-none":"none"===b,"zent-collapse-panel__title--bg-default":"default"===b}),style:A,onClick:this.toggle,"data-zv":"10.0.9"},{children:[(0,e.jsxs)("div",(0,t.pi)({className:"zent-collapse-panel__title__content","data-zv":"10.0.9"},{children:[d&&(0,e.jsx)(h.Z,{type:"down",className:"zent-collapse-panel__arrow"},void 0),s]}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__title__extra","data-zv":"10.0.9"},{children:w}),void 0)]}),void 0),(0,e.jsx)(u.Z,(0,t.pi)({mount:o},{children:(0,e.jsx)(i.H,(0,t.pi)({appear:j,duration:160,height:o?"auto":0,transitionPrototype:"all",easing:o?r.Kc:r.AX,className:c()("zent-collapse-panel__content-box",{"zent-collapse-panel__content-box--inactive":!o,"zent-collapse-panel__content-box--active":o,"zent-collapse-panel__content_box--show-background":C}),style:T},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__content","data-zv":"10.0.9"},{children:a}),void 0)}),void 0)}),void 0)]}),void 0)},a.defaultProps={showArrow:!0},a.contextType=k.d,a}(p.Component),f=s(19185),v=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.onChange=function(n,s){if(a.props.accordion){var t=a.props,e=t.onChange;(o=t.activeKey)!==n&&s?e(n):o!==n||s||e(null)}else{var p=a.props,o=p.activeKey,c=(e=p.onChange,[].concat(null!=o?o:[])),l=c.indexOf(n);s?-1===l&&c.push(n):-1!==l&&c.splice(l,1),e(c)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,s=a.className,o=a.bordered,i=a.panelTitleBackground,u=a.showContentBackground,r=a.children,k=a.activeKey;return(0,e.jsx)("div",(0,t.pi)({className:c()("zent-collapse",s,{"zent-collapse--has-border":o,"zent-collapse--no-border":!o}),"data-zv":"10.0.9"},{children:p.Children.map(r,(function(a,s){var t;if(!(0,f.isElement)(a)||!(0,l.Z)(a.type,y))throw new Error("Invalid children supplied to Collapse. Each child should be a Panel.");var e=null===(t=a.key)||void 0===t?void 0:t.toString();return(0,p.cloneElement)(a,{onChange:n.onChange,active:w(k,e),panelKey:e,panelTitleBackground:i,showContentBackground:u,isLast:s===p.Children.count(r)-1,bordered:o})}))}),void 0)},a.defaultProps={bordered:!0,panelTitleBackground:"default",accordion:!1},a.Panel=y,a}(p.Component);function w(n,a){return"string"==typeof n?n===a:!!Array.isArray(n)&&void 0!==a&&-1!==n.indexOf(a)}},56377:(n,a,s)=>{"use strict";s.d(a,{r:()=>i});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=s(1348),i=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.toggle=function(){var n=a.props,s=n.onChange,t=n.checked;s&&s(!t)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n,a=this.props,s=a.className,t=a.size,p=a.disabled,o=void 0===p?this.context.value:p,l=a.loading,i=a.checked,u=o||l,r=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=u,n["zent-switch-loading"]=l,n["zent-switch-checked"]=i,n),"zent-switch",s);return(0,e.jsx)("div",{className:r,onClick:u?void 0:this.toggle,"data-zv":"10.0.9"},void 0)},a.defaultProps={size:"default"},a.contextType=l.d,a}(p.Component);a.Z=i},79737:(n,a,s)=>{"use strict";s.d(a,{H:()=>l});var t=s(59312),e=s(24246),p=s(27378),o=s(17127);function c(n,a){n.style.height="number"==typeof a?a+"px":a}var l=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.ref=(0,p.createRef)(),a.timer=null,a}return(0,t.ZT)(a,n),a.prototype.componentDidMount=function(){var n=this,a=this.props,s=a.appear,t=a.height,e=a.duration,p=this.ref.current;if(s&&"auto"===t){var l=p.offsetHeight;p.style.height="0px",(0,o.tA)((function(){n.props.height===t&&(p.style.height=l+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===t&&(p.style.height="auto")}),e))}))}else c(p,t)},a.prototype.componentDidUpdate=function(n){var a=this,s=this.props,t=s.height,e=s.duration;if(n.height!==t){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var p=this.ref.current;if("auto"===n.height)p.style.height=p.offsetHeight+"px",(0,o.tA)((function(){a.props.height===t&&c(p,t)}));else if("auto"===t){var l=p.offsetHeight;p.style.height="auto";var i=p.offsetHeight;p.style.height=l+"px",(0,o.tA)((function(){p.style.height=i+"px",a.timer=setTimeout((function(){a.timer=null,a.props.height===t&&(p.style.height=t)}),e)}))}else c(p,t)}},a.prototype.render=function(){var n=this.props,a=n.duration,s=n.className,p=n.style,o=n.easing,c=n.overflow,l=n.children,i=n.transitionPrototype;return(0,e.jsx)("div",(0,t.pi)({ref:this.ref,className:s,style:(0,t.pi)((0,t.pi)({},p),{transition:i+" "+a+"ms "+o,overflow:c}),"data-zv":"10.0.9"},{children:l}),void 0)},a.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},a}(p.Component)},12856:(n,a,s)=>{"use strict";var t=s(59312),e=function(n){function a(a){var s=n.call(this,a)||this;return s.state={mounted:a.mount},s}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props.children;return this.state.mounted?n:null},a.getDerivedStateFromProps=function(n,a){return n.mount&&!a.mounted?{mounted:!0}:null},a.defaultProps={mount:!1},a}(s(27378).Component);a.Z=e},31256:(n,a,s)=>{"use strict";function t(n){return null==n}s.d(a,{Z:()=>t})},65922:(n,a,s)=>{"use strict";function t(n,a){return n===a||(null==n?void 0:n.prototype)instanceof a}s.d(a,{Z:()=>t})},98859:(n,a,s)=>{"use strict";s.d(a,{rc:()=>t,Kc:()=>e,AX:()=>p});var t="cubic-bezier(0.5, 0, 0.5, 0.1)",e="cubic-bezier(0.33, 1, 0.68, 1)",p="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8689],{78689:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>b});var t=s(73450),e=s(27378),p=s(57318),o=s(31269),c=s(56377),l=s(24246);function i(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function u(n){for(var a=1;a{this.setState({activeKey:n})}))}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{panelTitleBackground:"no",activeKey:n,onChange:this.handleChange,bordered:!1,children:[(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",extra:(0,l.jsx)("a",{children:"Custom Content"}),children:"FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow's wind and rain."},"1"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",children:"Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven's fell rage, Some beauty peep'd through lattice of sear'd age."},"2"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",disabled:!0,children:"Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season'd woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish'd woe, In clamours of all size, both high and low."},"3")]})}}return(0,l.jsx)(n,{})},k=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:"1"})}handleChange(n){this.setState({activeKey:n})}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{bordered:!1,panelTitleBackground:"no",activeKey:n,onChange:this.handleChange.bind(this),accordion:!0,children:[(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",children:"FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow's wind and rain."},"1"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",children:"Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven's fell rage, Some beauty peep'd through lattice of sear'd age."},"2"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",children:"Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season'd woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish'd woe, In clamours of all size, both high and low."},"3")]})}}return(0,l.jsx)(n,{})},d=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:"1"}),(0,t.Z)(this,"handleChange",(n=>{this.setState({activeKey:n})}))}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{panelTitleBackground:"no",showContentBackground:!0,activeKey:n,onChange:this.handleChange,bordered:!1,children:[(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",extra:(0,l.jsx)("a",{children:"Custom Content"}),children:"FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow's wind and rain."},"1"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",children:"Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven's fell rage, Some beauty peep'd through lattice of sear'd age."},"2"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",children:"Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season'd woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish'd woe, In clamours of all size, both high and low."},"3")]})}}return(0,l.jsx)(n,{})},h=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:["1"],bg:!0}),(0,t.Z)(this,"handleChange",(n=>{this.setState({activeKey:n})})),(0,t.Z)(this,"handleBgChange",(n=>{this.setState({bg:n})}))}render(){var n=this.state,a=n.activeKey,s=n.bg?"default":"none";return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{style:{marginBottom:20},children:[(0,l.jsx)(c.r,{size:"small",checked:this.state.bg,onChange:this.handleBgChange}),(0,l.jsx)("span",{children:" Title Background"})]}),(0,l.jsxs)(o.U,{panelTitleBackground:s,activeKey:a,onChange:this.handleChange,children:[(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",extra:(0,l.jsx)("a",{children:"Custom Content"}),children:"FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow's wind and rain."},"1"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",children:"Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven's fell rage, Some beauty peep'd through lattice of sear'd age."},"2"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",disabled:!0,children:"Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season'd woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish'd woe, In clamours of all size, both high and low."},"3")]})]})}}return(0,l.jsx)(n,{})},m=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeKey:["1"]})}handleChange(n){this.setState({activeKey:n})}render(){var n=this.state.activeKey;return(0,l.jsxs)(o.U,{activeKey:n,onChange:this.handleChange.bind(this),children:[(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",showArrow:!1,children:"FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow's wind and rain."},"1"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",showArrow:!1,children:"Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven's fell rage, Some beauty peep'd through lattice of sear'd age."},"2"),(0,l.jsx)(o.U.Panel,{title:"A Lover's Complaint",showArrow:!1,children:"Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season'd woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish'd woe, In clamours of all size, both high and low."},"3")]})}}return(0,l.jsx)(n,{})};function g(n){return(0,l.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,l.jsx)(g,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,l.jsx)(g,{tag:"style",html:n.style})}function v(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),v(n.parentNode,a);return a}class w 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,a=this.props,s=a.title,t=a.src,e=a.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(g,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,v(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(f,{style:""}),e.createElement(y,{html:'

Collapse

\n

A panel that supports folding and expanding

\n

Suggestion

\n
    \n
  • Group and hide more information to improve page reading efficiency and aesthetics;
    • \n
  • When multiple groups of information structure is unified, such as multiple groups of titles + multiple lines of text/graphic structure;
    • \n
\n

Note

\n
    \n
  • The folding panel is not applicable when the number of information groups is less than 2 or the information structure is only one level.
    • \n
  • Folding panels nested inside panels is not allowed
    • \n
\n

Demos

'}),e.createElement(w,{title:"Basic usage",id:"Demonoborder",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: [\'1\'],\n };\n\n handleChange = activeKey => {\n this.setState({\n activeKey,\n });\n };\n\n render() {\n const { activeKey } = this.state;\n\n return (\n <Collapse\n panelTitleBackground="no"\n activeKey={activeKey}\n onChange={this.handleChange}\n bordered={false}\n >\n <Collapse.Panel\n title="A Lover\'s Complaint"\n key="1"\n extra={<a>Custom Content</a>}\n >\n FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow\'s wind and rain.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="2">\n Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven\'s fell rage, Some beauty peep\'d through lattice of sear\'d age.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="3" disabled>\n Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season\'d woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish\'d woe, In clamours of all size, both high and low.\n </Collapse.Panel>\n </Collapse>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(r)),e.createElement(w,{title:"Accordion style, only one panel can be active at the same time.",id:"Demoaccordion",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: \'1\',\n };\n\n handleChange(activeKey) {\n this.setState({\n activeKey,\n });\n }\n\n render() {\n const { activeKey } = this.state;\n return (\n <Collapse\n bordered={false}\n panelTitleBackground="no"\n activeKey={activeKey}\n onChange={this.handleChange.bind(this)}\n accordion\n >\n <Collapse.Panel title="A Lover\'s Complaint" key="1">\n FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow\'s wind and rain.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="2">\n Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven\'s fell rage, Some beauty peep\'d through lattice of sear\'d age.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="3">\n Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season\'d woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish\'d woe, In clamours of all size, both high and low.\n </Collapse.Panel>\n </Collapse>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(k)),e.createElement(w,{title:"Show Panel Content Background",id:"Demoshowcontentbg",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: \'1\',\n };\n\n handleChange = activeKey => {\n this.setState({\n activeKey,\n });\n };\n\n render() {\n const { activeKey } = this.state;\n\n return (\n <Collapse\n panelTitleBackground="no"\n showContentBackground\n activeKey={activeKey}\n onChange={this.handleChange}\n bordered={false}\n >\n <Collapse.Panel\n title="A Lover\'s Complaint"\n key="1"\n extra={<a>Custom Content</a>}\n >\n FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow\'s wind and rain.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="2">\n Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven\'s fell rage, Some beauty peep\'d through lattice of sear\'d age.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="3">\n Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season\'d woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish\'d woe, In clamours of all size, both high and low.\n </Collapse.Panel>\n </Collapse>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(d)),e.createElement(y,{html:'

API

\n

Collpase

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
onChangeCallback when active panel changesfuncYes
activeKeyActive panel idstring | string[]\n(only when using Accodion mode the type is \nstring\n，otherwise the type is \nstring[]\n)No
accordionAccodion mode, one active panel at a timeboolNofalsetrue
borderedBorderedboolNotruefalse
panelTitleBackgroundPanel backgroundstringNo\'default\'\'none\'
showContentBackgroundShow Panel Content BackgroundbooleanNo\'false\'\'true\'
classNameCustom class namesstringNo
\n

Collpase.Panel

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeRequiredDefaultAlternative
keyPanel id, \nReact KeysReactTextYes
titlePanel titlenodeYes
extraTitle custom contentnodeNo
disabledDisable panelboolNofalsetrue
showArrowShow arrow in the titleboolNotruefalse
styleCustom stylesobjectNo
classNameCustom class namesstringNo
\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),e.createElement(w,{title:"Has Bordered",id:"Demobasic",src:'import { Collapse, Switch } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: [\'1\'],\n bg: true,\n };\n\n handleChange = activeKey => {\n this.setState({\n activeKey,\n });\n };\n\n handleBgChange = bg => {\n this.setState({ bg });\n };\n\n render() {\n const { activeKey, bg } = this.state;\n const titleBg = bg ? \'default\' : \'none\';\n\n return (\n <>\n <div style={{ marginBottom: 20 }}>\n <Switch\n size="small"\n checked={this.state.bg}\n onChange={this.handleBgChange}\n />\n <span> Title Background</span>\n </div>\n <Collapse\n panelTitleBackground={titleBg}\n activeKey={activeKey}\n onChange={this.handleChange}\n >\n <Collapse.Panel\n title="A Lover\'s Complaint"\n key="1"\n extra={<a>Custom Content</a>}\n >\n FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow\'s wind and rain.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="2">\n Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven\'s fell rage, Some beauty peep\'d through lattice of sear\'d age.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="3" disabled>\n Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season\'d woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish\'d woe, In clamours of all size, both high and low.\n </Collapse.Panel>\n </Collapse>\n </>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(h)),e.createElement(w,{title:"No arrow",id:"Demonoarrow",src:'import { Collapse } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n activeKey: [\'1\']\n };\n\n handleChange(activeKey) {\n this.setState({\n activeKey\n });\n }\n\n render() {\n const { activeKey } = this.state;\n return (\n <Collapse activeKey={activeKey} onChange={this.handleChange.bind(this)}>\n <Collapse.Panel title="A Lover\'s Complaint" key="1" showArrow={false}>\n FROM off a hill whose concave womb reworded A plaintful story from a sistering vale, My spirits to attend this double voice accorded, And down I laid to list the sad-tuned tale; Ere long espied a fickle maid full pale, Tearing of papers, breaking rings a-twain, Storming her world with sorrow\'s wind and rain.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="2" showArrow={false}>\n Upon her head a platted hive of straw, Which fortified her visage from the sun, Whereon the thought might think sometime it saw The carcass of beauty spent and done: Time had not scythed all that youth begun, Nor youth all quit; but, spite of heaven\'s fell rage, Some beauty peep\'d through lattice of sear\'d age.\n </Collapse.Panel>\n <Collapse.Panel title="A Lover\'s Complaint" key="3" showArrow={false}>\n Oft did she heave her napkin to her eyne, Which on it had conceited characters, Laundering the silken figures in the brine That season\'d woe had pelleted in tears, And often reading what contents it bears; As often shrieking undistinguish\'d woe, In clamours of all size, both high and low.\n </Collapse.Panel>\n </Collapse>\n )\n }\n}\n\nReactDOM.render(\n <Simple />\n , mountNode\n);'},e.createElement(m)))}}},31269:(n,a,s)=>{"use strict";s.d(a,{U:()=>v});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=s(65922),i=s(79737),u=s(12856),r=s(98859),k=s(1348),d=s(31256),h=s(39215),m={borderBottomWidth:0,borderBottomColor:"rgba(255, 255, 255, 0)",transition:"border-bottom-width 200ms "+r.rc+", border-bottom-color 200ms "+r.rc},g={},y=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={animateAppear:!a.props.active},a.toggle=function(){var n=a.props,s=n.onChange,t=n.panelKey,e=n.active,p=n.disabled;(void 0===p?a.context.value:p)||(0,d.Z)(t)||null==s||s(t,!e)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.children,s=n.title,p=n.style,o=n.active,l=n.disabled,k=void 0===l?this.context.value:l,d=n.showArrow,y=n.className,f=n.isLast,v=n.bordered,w=n.extra,b=n.panelTitleBackground,C=n.showContentBackground,j=this.state.animateAppear,x=v&&f,A=x&&!o?m:g,T=x||!o?m:g;return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-collapse-panel",y,{"zent-collapse-panel--has-arrow":d,"zent-collapse-panel--active":o,"zent-collapse-panel--inactive":!o,"zent-collapse-panel--disabled":k}),style:p,"data-zv":"10.0.10"},{children:[(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-collapse-panel__title",{"zent-collapse-panel__title--bg-none":"none"===b,"zent-collapse-panel__title--bg-default":"default"===b}),style:A,onClick:this.toggle,"data-zv":"10.0.10"},{children:[(0,e.jsxs)("div",(0,t.pi)({className:"zent-collapse-panel__title__content","data-zv":"10.0.10"},{children:[d&&(0,e.jsx)(h.Z,{type:"down",className:"zent-collapse-panel__arrow"},void 0),s]}),void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__title__extra","data-zv":"10.0.10"},{children:w}),void 0)]}),void 0),(0,e.jsx)(u.Z,(0,t.pi)({mount:o},{children:(0,e.jsx)(i.H,(0,t.pi)({appear:j,duration:160,height:o?"auto":0,transitionPrototype:"all",easing:o?r.Kc:r.AX,className:c()("zent-collapse-panel__content-box",{"zent-collapse-panel__content-box--inactive":!o,"zent-collapse-panel__content-box--active":o,"zent-collapse-panel__content_box--show-background":C}),style:T},{children:(0,e.jsx)("div",(0,t.pi)({className:"zent-collapse-panel__content","data-zv":"10.0.10"},{children:a}),void 0)}),void 0)}),void 0)]}),void 0)},a.defaultProps={showArrow:!0},a.contextType=k.d,a}(p.Component),f=s(19185),v=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.onChange=function(n,s){if(a.props.accordion){var t=a.props,e=t.onChange;(o=t.activeKey)!==n&&s?e(n):o!==n||s||e(null)}else{var p=a.props,o=p.activeKey,c=(e=p.onChange,[].concat(null!=o?o:[])),l=c.indexOf(n);s?-1===l&&c.push(n):-1!==l&&c.splice(l,1),e(c)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this,a=this.props,s=a.className,o=a.bordered,i=a.panelTitleBackground,u=a.showContentBackground,r=a.children,k=a.activeKey;return(0,e.jsx)("div",(0,t.pi)({className:c()("zent-collapse",s,{"zent-collapse--has-border":o,"zent-collapse--no-border":!o}),"data-zv":"10.0.10"},{children:p.Children.map(r,(function(a,s){var t;if(!(0,f.isElement)(a)||!(0,l.Z)(a.type,y))throw new Error("Invalid children supplied to Collapse. Each child should be a Panel.");var e=null===(t=a.key)||void 0===t?void 0:t.toString();return(0,p.cloneElement)(a,{onChange:n.onChange,active:w(k,e),panelKey:e,panelTitleBackground:i,showContentBackground:u,isLast:s===p.Children.count(r)-1,bordered:o})}))}),void 0)},a.defaultProps={bordered:!0,panelTitleBackground:"default",accordion:!1},a.Panel=y,a}(p.Component);function w(n,a){return"string"==typeof n?n===a:!!Array.isArray(n)&&void 0!==a&&-1!==n.indexOf(a)}},56377:(n,a,s)=>{"use strict";s.d(a,{r:()=>i});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=s(1348),i=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.toggle=function(){var n=a.props,s=n.onChange,t=n.checked;s&&s(!t)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n,a=this.props,s=a.className,t=a.size,p=a.disabled,o=void 0===p?this.context.value:p,l=a.loading,i=a.checked,u=o||l,r=c()(((n={})["zent-switch-"+t]="default"!==t,n["zent-switch-disabled"]=u,n["zent-switch-loading"]=l,n["zent-switch-checked"]=i,n),"zent-switch",s);return(0,e.jsx)("div",{className:r,onClick:u?void 0:this.toggle,"data-zv":"10.0.10"},void 0)},a.defaultProps={size:"default"},a.contextType=l.d,a}(p.Component);a.Z=i},79737:(n,a,s)=>{"use strict";s.d(a,{H:()=>l});var t=s(59312),e=s(24246),p=s(27378),o=s(17127);function c(n,a){n.style.height="number"==typeof a?a+"px":a}var l=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.ref=(0,p.createRef)(),a.timer=null,a}return(0,t.ZT)(a,n),a.prototype.componentDidMount=function(){var n=this,a=this.props,s=a.appear,t=a.height,e=a.duration,p=this.ref.current;if(s&&"auto"===t){var l=p.offsetHeight;p.style.height="0px",(0,o.tA)((function(){n.props.height===t&&(p.style.height=l+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===t&&(p.style.height="auto")}),e))}))}else c(p,t)},a.prototype.componentDidUpdate=function(n){var a=this,s=this.props,t=s.height,e=s.duration;if(n.height!==t){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var p=this.ref.current;if("auto"===n.height)p.style.height=p.offsetHeight+"px",(0,o.tA)((function(){a.props.height===t&&c(p,t)}));else if("auto"===t){var l=p.offsetHeight;p.style.height="auto";var i=p.offsetHeight;p.style.height=l+"px",(0,o.tA)((function(){p.style.height=i+"px",a.timer=setTimeout((function(){a.timer=null,a.props.height===t&&(p.style.height=t)}),e)}))}else c(p,t)}},a.prototype.render=function(){var n=this.props,a=n.duration,s=n.className,p=n.style,o=n.easing,c=n.overflow,l=n.children,i=n.transitionPrototype;return(0,e.jsx)("div",(0,t.pi)({ref:this.ref,className:s,style:(0,t.pi)((0,t.pi)({},p),{transition:i+" "+a+"ms "+o,overflow:c}),"data-zv":"10.0.10"},{children:l}),void 0)},a.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},a}(p.Component)},12856:(n,a,s)=>{"use strict";var t=s(59312),e=function(n){function a(a){var s=n.call(this,a)||this;return s.state={mounted:a.mount},s}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props.children;return this.state.mounted?n:null},a.getDerivedStateFromProps=function(n,a){return n.mount&&!a.mounted?{mounted:!0}:null},a.defaultProps={mount:!1},a}(s(27378).Component);a.Z=e},31256:(n,a,s)=>{"use strict";function t(n){return null==n}s.d(a,{Z:()=>t})},65922:(n,a,s)=>{"use strict";function t(n,a){return n===a||(null==n?void 0:n.prototype)instanceof a}s.d(a,{Z:()=>t})},98859:(n,a,s)=>{"use strict";s.d(a,{rc:()=>t,Kc:()=>e,AX:()=>p});var t="cubic-bezier(0.5, 0, 0.5, 0.1)",e="cubic-bezier(0.33, 1, 0.68, 1)",p="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file diff --git a/8757-4717bb6a3b815308d4e3.js b/8757-29d69389e8c4f78163d2.js similarity index 99% rename from 8757-4717bb6a3b815308d4e3.js rename to 8757-29d69389e8c4f78163d2.js index cbb816001..deeaa1382 100644 --- a/8757-4717bb6a3b815308d4e3.js +++ b/8757-29d69389e8c4f78163d2.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8757],{48757:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>x});var t=s(73118),p=s(73450),e=s(27378),o=s(57318),c=s(19087),l=s(39215),u=s(60042),i=s.n(u),r=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{this.setState({list:n})}))}render(){var n=this.state.list;return(0,r.jsx)("div",{className:"demo-sortable-wrapper",children:(0,r.jsx)(c.b,{items:n,onChange:this.handleChange,children:n.map((({name:n})=>(0,r.jsx)("div",{className:"zent-demo-sortable-basic-item",children:n},n)))})})}}return(0,r.jsx)(n,{})},h=function(){var n=Array(9).fill().map(((n,a)=>a));class a extends e.Component{constructor(...a){super(...a),(0,p.Z)(this,"state",{list:n,circleList:n}),(0,p.Z)(this,"handleChange",(n=>{this.setState({list:n})})),(0,p.Z)(this,"handleCircleChange",(n=>{this.setState({list:n})}))}render(){var n=this.state,a=n.list,s=n.circleList;return(0,r.jsxs)("div",{className:"demo-sortable-wrapper",children:[(0,r.jsx)(c.b,{className:"demo-sortable",items:a,onChange:this.handleChange,children:a.map((n=>(0,r.jsx)("div",{className:"demo-sortable-item",children:n+1},n)))}),(0,r.jsx)(c.b,{className:"demo-sortable",items:s,onChange:this.handleCircleChange,children:s.map((n=>(0,r.jsx)("div",{className:"demo-sortable-item--circle",children:n+1},n)))})]})}}return(0,r.jsx)(a,{})},g=function(){class n extends e.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{list:[{name:"Arvin"},{name:"Jack"},{name:"Bob"},{name:"Nick"}]}),(0,p.Z)(this,"handleChange",(n=>{this.setState({list:n})}))}render(){var n=this.state.list;return(0,r.jsx)("div",{className:"demo-sortable-wrapper",children:(0,r.jsx)(c.b,{items:n,handle:".drag-icon",onChange:this.handleChange,children:n.map((({name:n})=>(0,r.jsxs)("div",{className:"zent-demo-sortable-basic-item",children:[(0,r.jsx)(l.J,{type:"drag",className:"drag-icon"})," ",n]},n)))})})}}return(0,r.jsx)(n,{})},b=function(){var n=[{name:"Arvin"},{name:"Jack"},{name:"Bob"},{name:"Nick"}],a=Array(9).fill().map(((n,a)=>a)),s=()=>{var s=(0,e.useState)(n),p=(0,t.Z)(s,2),o=p[0],u=p[1],k=(0,e.useState)(a),d=(0,t.Z)(k,2),m=d[0],h=d[1],g=(0,e.useState)(n),b=(0,t.Z)(g,2),y=b[0],f=b[1];return(0,r.jsxs)("div",{className:"demo-sortable-wrapper-disabled",children:[(0,r.jsx)(c.b,{items:o,onChange:n=>u(n),filterClass:"item-disabled",children:o.map((({name:n},a)=>(0,r.jsx)("div",{className:i()("zent-demo-sortable-basic-item",{"item-disabled":a<2}),children:n},n)))}),(0,r.jsx)(c.b,{className:"demo-sortable",items:m,onChange:n=>h(n),filterClass:"item-disabled",children:m.map((n=>(0,r.jsx)("div",{className:i()("demo-sortable-item",{"item-disabled":n<3}),children:n+1},n)))}),(0,r.jsx)(c.b,{items:y,handle:".drag-icon",onChange:n=>f(y),filterClass:"item-disabled-drag",children:y.map((({name:n},a)=>(0,r.jsxs)("div",{className:i()("zent-demo-sortable-basic-item",{"item-disabled-drag":a<2}),children:[(0,r.jsx)(l.J,{type:"drag",className:"drag-icon"})," ",n]},n)))})]})};return(0,r.jsx)(s,{})};function y(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function f(n){return(0,r.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,r.jsx)(y,{tag:"style",html:n.style})}function j(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),j(n.parentNode,a);return a}class w extends e.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:s||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,j(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(v,{style:".zent-demo-sortable-basic-item {\n\t\tbackground: #FFFFFF;\n\t\tbox-shadow: inset 0 -1px 0 0 #EBEDF0;\n\t\twidth: 280px;\n\t\theight: 56px;\n\t\tline-height: 56px;\n\t\tpadding-left: 16px;\n\t}\n\n.demo-sortable-wrapper {\n\t\tbackground: rgba(247,247,247,0.50);\n\t\tpadding: 24px;\n\t\tdisplay: flex;\n\t}\n\t.demo-sortable {\n\t\twidth: 196px;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: space-between;\n\t\tmargin-right: 48px;\n\t}\n\n\t.demo-sortable-item, .demo-sortable-item--circle {\n\t\twidth: 60px;\n\t\theight: 60px;\n\t\tbackground: #fff;\n\t\tline-height: 60px;\n\t\tborder-radius: 2px;\n\t\tfont-size: 14px;\n\t\tcolor: #323233;\n\t\ttext-align: center;\n\t\tmargin-bottom: 8px;\n\t}\n\t.demo-sortable-item--circle {\n\t\tborder-radius: 50%;\n\t}\n\n.zent-demo-sortable-basic-item {\n\t\tbackground: #FFFFFF;\n\t\tbox-shadow: inset 0 -1px 0 0 #EBEDF0;\n\t\twidth: 280px;\n\t\theight: 56px;\n\t\tline-height: 56px;\n\t\tpadding-left: 16px;\n\t}\n\t.drag-icon {\n\t\tfont-size: 16px;\n\t\tcursor: -webkit-grab;\n\t\tcursor: grab;\n\t}\n\n.demo-sortable-wrapper-disabled {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tbackground: rgba(247,247,247,0.50);\n\t\tpadding: 24px;\n\t}\n\t.demo-sortable-wrapper-disabled .zent-sortable {\n\t\tmargin: 0 48px 24px 0;\n\t}\n\t.item-disabled {\n\t\tcursor: no-drop !important;\n\t}\n\t.item-disabled-drag .drag-icon {\n\t\tcursor: no-drop !important;\n\t}"}),e.createElement(f,{html:'

Sortable 拖拽排序

\n

通过拖动页面元素来达到组织信息的功能。

\n

建议

\n
    \n
  • 适用于对多个功能、列表、图片进行直观、自由度较高的排序场景；
    • \n
\n

注意

\n
    \n
  • 不支持分页拖拽
    • \n
\n

代码演示

'}),e.createElement(w,{title:"基础用法",id:"Demobasic",src:'import { Sortable } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n list: [\n {\n name: \'Arvin\',\n },\n {\n name: \'Jack\',\n },\n {\n name: \'Bob\',\n },\n {\n name: \'Nick\',\n },\n ],\n };\n\n handleChange = items => {\n this.setState({\n list: items,\n });\n };\n\n render() {\n const { list } = this.state;\n return (\n <div className="demo-sortable-wrapper">\n <Sortable items={list} onChange={this.handleChange}>\n {list.map(({ name }) => (\n <div className="zent-demo-sortable-basic-item" key={name}>\n {name}\n </div>\n ))}\n </Sortable>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(m)),e.createElement(w,{title:"网格拖拽",id:"Demosortablegrid",src:'import { Sortable, Card, Icon } from \'zent\';\n\nconst sortableList = Array(9)\n .fill()\n .map((_, i) => i);\n\nclass Simple extends React.Component {\n state = {\n list: sortableList,\n circleList: sortableList,\n };\n\n handleChange = items => {\n this.setState({\n list: items,\n });\n };\n\n handleCircleChange = items => {\n this.setState({\n list: items,\n });\n };\n\n render() {\n const { list, circleList } = this.state;\n return (\n <div className="demo-sortable-wrapper">\n <Sortable\n className="demo-sortable"\n items={list}\n onChange={this.handleChange}\n >\n {list.map(i => (\n <div className="demo-sortable-item" key={i}>\n {i + 1}\n </div>\n ))}\n </Sortable>\n <Sortable\n className="demo-sortable"\n items={circleList}\n onChange={this.handleCircleChange}\n >\n {circleList.map(i => (\n <div className="demo-sortable-item--circle" key={i}>\n {i + 1}\n </div>\n ))}\n </Sortable>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(h)),e.createElement(w,{title:"配置拖动手柄，只有按住拖动手柄才能进行拖动",id:"Demosortablehandle",src:'import { Sortable, Icon } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n list: [\n {\n name: \'Arvin\'\n },\n {\n name: \'Jack\'\n },\n {\n name: \'Bob\'\n },\n {\n name: \'Nick\'\n }\n ]\n }\n\n handleChange = (items) => {\n this.setState({\n list: items\n });\n }\n\n render() {\n const { list } = this.state;\n return (\n <div className="demo-sortable-wrapper">\n <Sortable\n items={list}\n handle=".drag-icon"\n onChange={this.handleChange}\n >\n {\n list.map(({ name } ) =>\n <div className="zent-demo-sortable-basic-item" key={name}>\n <Icon type="drag" className="drag-icon" /> {name}\n </div>\n )\n }\n </Sortable>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <Simple />\n , mountNode\n);'},e.createElement(g)),e.createElement(w,{title:"部分禁用拖拽",id:"Demodisabled",src:'import { useState } from \'react\';\nimport { Sortable } from \'zent\';\nimport cx from \'classnames\';\nconst LIST = [\n {\n name: \'Arvin\',\n },\n {\n name: \'Jack\',\n },\n {\n name: \'Bob\',\n },\n {\n name: \'Nick\',\n },\n];\nconst NUMBER_LIST = Array(9)\n .fill()\n .map((_, index) => index);\n\nconst Simple = () => {\n const [list1, setList1] = useState(LIST);\n const [list2, setList2] = useState(NUMBER_LIST);\n const [list3, setList3] = useState(LIST);\n\n return (\n <div className="demo-sortable-wrapper-disabled">\n <Sortable\n items={list1}\n onChange={items => setList1(items)}\n filterClass="item-disabled"\n >\n {list1.map(({ name }, index) => (\n <div\n className={cx(\'zent-demo-sortable-basic-item\', {\n \'item-disabled\': index < 2,\n })}\n key={name}\n >\n {name}\n </div>\n ))}\n </Sortable>\n <Sortable\n className="demo-sortable"\n items={list2}\n onChange={items => setList2(items)}\n filterClass="item-disabled"\n >\n {list2.map(i => (\n <div\n className={cx(\'demo-sortable-item\', {\n \'item-disabled\': i < 3,\n })}\n key={i}\n >\n {i + 1}\n </div>\n ))}\n </Sortable>\n <Sortable\n items={list3}\n handle=".drag-icon"\n onChange={items => setList3(list3)}\n filterClass="item-disabled-drag"\n >\n {list3.map(({ name }, index) => (\n <div\n className={cx(\'zent-demo-sortable-basic-item\', {\n \'item-disabled-drag\': index < 2,\n })}\n key={name}\n >\n <Icon type="drag" className="drag-icon" /> {name}\n </div>\n ))}\n </Sortable>\n </div>\n );\n};\nReactDOM.render(<Simple />, mountNode);'},e.createElement(b)),e.createElement(f,{html:'

API

\n

基础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
参数说明类型默认值备选值
tag容器元素的 HTML 标签名string\'div\'一切合法的 HTML 标签名
items被排序元素的数组array
onChange排序完成时的回调函数(newItems: array): voidnoop
filterClass禁用排序元素的类名string
className自定义额外类名string\'\'
\n

⚠️ 注意：基础 API 可以满足绝大多数的拖拽需求，items 和 onChange 必须同时出现，作为一个受控组件，你需要在 onChange 中拿到新的数组，然后自己更新数据，如果有更复杂的需求，也可以不用 items 和 onChange，而使用下面的进阶 API 实现更复杂的功能。

\n

进阶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
参数说明类型默认值备选值
sort是否支持拖拽booltruetrue\n, \nfalse
group用于多容器拖拽的分组(详见\nGroup\n)string or object
delay拖拽时延迟的时间(ms)number0
animation拖拽时的动画持续时间(ms)number0
handle拖动柄的选择器(比如 \'.sortable-handle\')string
ghostClass拖拽目标处填充元素的类名string\'zent-ghost\'
chosenClass被选中的元素的类名string\'zent-chosen\'
dragClass正在被拖拽的元素的类名string\'zent-drag\'
forceFallback是否忽略 HTML5 的拖拽行为并强制回退boolfalsefalse\n, \ntrue
fallbackClass使用 forceFallback 时克隆的 DOM 元素的类名string\'zent-fallback\'
fallbackOnBody是否将克隆的 DOM 元素附加到 Body 中boolfalsefalse\n, \ntrue
fallbackTolerance拖动行为生效前鼠标移动的距离(px)number0
scroll拖拽过程中是否允许屏幕滚动booltruetrue\n, \nfalse
scrollFn如果你有自定义滚动条，该方法可用于自动滚动(offsetX: number, offsetY: number, originalEvent: Event): void
scrollSensitivity触发滚动时鼠标距离边缘的像素值(px)number30
scrollSpeed滚动速度(px/s)number10
\n

进阶事件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
参数说明类型默认值备选值
setData用于调用 HTML5 原生的 DataTransfer.setData 方法(dataTransfer: object, dragEl: HTMLElement): void
onChoose元素被选中时的回调函数(e: Event) (详见\n事件回调\n)
onStart元素开始拖拽时的回调函数(e: Event) (详见\n事件回调\n)
onEnd元素结束拖拽时的回调函数(e: Event) (详见\n事件回调\n)
onAdd元素从另一个容器被拖拽到当前容器的回调函数(e: Event) (详见\n事件回调\n)
onUpdate元素被重新排序时的回调函数(e: Event) (详见\n事件回调\n)
onSort当有元素被排序时的回调函数(例如新增，更新，删除)(e: Event) (详见\n事件回调\n)
onRemove当元素从当前容器拖拽至其他容器时的回调函数(e: Event) (详见\n事件回调\n)
onFilter当尝试拖拽一个被禁用拖拽的元素时的回调函数(e: Event) (详见\n事件回调\n)
onMove当在一个容器内或者不同容器之间拖拽元素时的回调函数(e: Event, originEvent: Event) (详见\n事件回调\n)
onClone当复制元素时的回调函数(e: Event) (详见\n事件回调\n)
\n

Group

\n

要将元素从一个列表拖到另一个列表中，这两个列表必须具有相同的分组名称(Group 值)。 你还可以定义列表是否可以放弃，给予和保留元素的副本（clone），或接收元素。

\n
    \n
  • name: string 分组的名称
    • \n
  • pull: true | false | \'clone\' | function 从列表中拖出的能力，如果设置为 \'clone\' 则不会移动元素，而是复制。
    • \n
  • put: true | false | [\'foo\', \'bar\'] | function 是否可以从其他列表添加元素，还是可以设置为可接受元素的列表的一组组名。
    • \n
  • revertClone: boolean 当移动到另一个列表后，将克隆的元素还原到初始位置。
    • \n
\n

事件回调

\n
    \n
  • onChoose, onStart:
    • \n
\n
function (/**Event*/evt) {\n    evt.oldIndex;  // 元素在父元素中的下标(number)\n  },
\n
    \n
  • onEnd, onAdd, onUpdate, onSort, onRemove:
    • \n
\n
function (/**Event*/evt) {\n    evt.item;  // 被拖拽的元素(HTMLElement)\n    evt.to;    // 元素在拖拽开始前所在的列表(HTMLElement)\n    evt.from;  // 元素在拖拽结束后所在的列表(HTMLElement)\n    evt.oldIndex;  // 元素在拖拽开始前的父元素中的下标(number)\n    evt.newIndex;  // 元素在拖拽结束后的父元素中的下标(number)\n  },
\n
    \n
  • onFilter:
    • \n
\n
function (/**Event*/evt) {\n    evt.item;  // 接收到 `mousedown|tapstart` 事件的元素(HTMLElement)\n  },
\n
    \n
  • onMove:
    • \n
\n
function (/**Event*/evt， /**Event*/originalEvent) {\n    evt.dragged; // 被拖拽的元素(HTMLElement)\n    evt.draggedRect; // 被拖拽元素的TextRectangle {left, top, right, bottom}\n    evt.related; // 拖拽的目标元素(HTMLElement)\n    evt.relatedRect; // 拖拽的目标元素的TextRectangle {left, top, right, bottom}\n    originalEvent.clientY; // 鼠标所在的位置(number)\n    // return false; — 用于取消拖拽\n  },
\n
    \n
  • onClose:
    • \n
\n
function (/**Event*/evt) {\n    evt.item;  // 原始元素(HTMLElement)\n    evt.clone // 被复制的元素(HTMLElement)\n  },
'}))}}},19087:(n,a,s)=>{"use strict";s.d(a,{b:()=>h,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(28172);function u(n,a,s){var t,p=n.length-1,e=new Array(n.length);if(a===s)return n;if(aa&&o=0;o--)o===a?t=n[o]:os?e[o+1]=n[o]:o===s?(e[o]=t,e[o+1]=n[o]):e[o]=n[o];return e}var i=s(98859),r=l.ZP,k="zent-sortable--grabbing",d=function(n,a){(a||document).querySelectorAll(n).forEach((function(n){n.style.cursor="grabbing"}))},m=function(n,a){(a||document).querySelectorAll(n).forEach((function(n){n.style.cursor=""}))},h=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.containerRef=(0,c.createRef)(),a.handleAddDraggingCursor=function(){var n,s=a.props.handle;d("html"),s&&d(s,a.containerRef.current),null===(n=a.containerRef.current)||void 0===n||n.classList.add(k)},a.handleRemoveDraggingCursor=function(){var n,s=a.props.handle;m("html"),s&&m(s,a.containerRef.current),null===(n=a.containerRef.current)||void 0===n||n.classList.remove(k)},a.initSortable=function(){var n=a.props,s=(n.onMove,n.onEnd,n.onChange,n.filterClass),p=(n.children,(0,t._T)(n,["onMove","onEnd","onChange","filterClass","children"])),e=a.containerRef.current;if(e){var o=(0,t.pi)({filter:s?"."+s:"",ghostClass:"zent-sortable__ghost",chosenClass:"zent-sortable__chosen",dragClass:"zent-sortable__drag",fallbackClass:"zent-sortable__fallback",animation:200,easing:i.Kc,forceFallback:!0,onChoose:function(n){var s,t;a.handleAddDraggingCursor(),null===(t=(s=a.props).onChoose)||void 0===t||t.call(s,n)},onMove:function(n,t){var p=a.props.onMove;return p?p(n,t):!s||!n.related.classList.contains(s)},onUnchoose:function(n){var s,t;a.handleRemoveDraggingCursor(),null===(t=(s=a.props).onUnchoose)||void 0===t||t.call(s,n)},onEnd:function(n){var s=a.props,t=s.items,p=s.onEnd,e=s.onChange;if(p&&p(n),t){var o=n.oldIndex,c=n.newIndex,l=u(t,o,Math.max(0,Math.min(c,t.length-1)));e&&e(l)}}},p);a.sortable=r.create(e,o)}},a}return(0,t.ZT)(a,n),a.prototype.destroySortableInstance=function(){this.sortable&&(this.sortable.destroy(),this.sortable=null)},a.prototype.componentDidMount=function(){this.initSortable()},a.prototype.componentWillUnmount=function(){this.destroySortableInstance()},a.prototype.render=function(){var n=this.props,a=n.className,s=n.children,e=n.tag,c=n.handle,l=o()("zent-sortable",a,{"zent-sortable--handle":c}),u=e;return(0,p.jsx)(u,(0,t.pi)({ref:this.containerRef,className:l,"data-zv":"10.0.9"},{children:s}),void 0)},a.defaultProps={tag:"div"},a}(c.Component),g=h},98859:(n,a,s)=>{"use strict";s.d(a,{rc:()=>t,Kc:()=>p,AX:()=>e});var t="cubic-bezier(0.5, 0, 0.5, 0.1)",p="cubic-bezier(0.33, 1, 0.68, 1)",e="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8757],{48757:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>x});var t=s(73118),p=s(73450),e=s(27378),o=s(57318),c=s(19087),l=s(39215),u=s(60042),i=s.n(u),r=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{this.setState({list:n})}))}render(){var n=this.state.list;return(0,r.jsx)("div",{className:"demo-sortable-wrapper",children:(0,r.jsx)(c.b,{items:n,onChange:this.handleChange,children:n.map((({name:n})=>(0,r.jsx)("div",{className:"zent-demo-sortable-basic-item",children:n},n)))})})}}return(0,r.jsx)(n,{})},h=function(){var n=Array(9).fill().map(((n,a)=>a));class a extends e.Component{constructor(...a){super(...a),(0,p.Z)(this,"state",{list:n,circleList:n}),(0,p.Z)(this,"handleChange",(n=>{this.setState({list:n})})),(0,p.Z)(this,"handleCircleChange",(n=>{this.setState({list:n})}))}render(){var n=this.state,a=n.list,s=n.circleList;return(0,r.jsxs)("div",{className:"demo-sortable-wrapper",children:[(0,r.jsx)(c.b,{className:"demo-sortable",items:a,onChange:this.handleChange,children:a.map((n=>(0,r.jsx)("div",{className:"demo-sortable-item",children:n+1},n)))}),(0,r.jsx)(c.b,{className:"demo-sortable",items:s,onChange:this.handleCircleChange,children:s.map((n=>(0,r.jsx)("div",{className:"demo-sortable-item--circle",children:n+1},n)))})]})}}return(0,r.jsx)(a,{})},g=function(){class n extends e.Component{constructor(...n){super(...n),(0,p.Z)(this,"state",{list:[{name:"Arvin"},{name:"Jack"},{name:"Bob"},{name:"Nick"}]}),(0,p.Z)(this,"handleChange",(n=>{this.setState({list:n})}))}render(){var n=this.state.list;return(0,r.jsx)("div",{className:"demo-sortable-wrapper",children:(0,r.jsx)(c.b,{items:n,handle:".drag-icon",onChange:this.handleChange,children:n.map((({name:n})=>(0,r.jsxs)("div",{className:"zent-demo-sortable-basic-item",children:[(0,r.jsx)(l.J,{type:"drag",className:"drag-icon"})," ",n]},n)))})})}}return(0,r.jsx)(n,{})},b=function(){var n=[{name:"Arvin"},{name:"Jack"},{name:"Bob"},{name:"Nick"}],a=Array(9).fill().map(((n,a)=>a)),s=()=>{var s=(0,e.useState)(n),p=(0,t.Z)(s,2),o=p[0],u=p[1],k=(0,e.useState)(a),d=(0,t.Z)(k,2),m=d[0],h=d[1],g=(0,e.useState)(n),b=(0,t.Z)(g,2),y=b[0],f=b[1];return(0,r.jsxs)("div",{className:"demo-sortable-wrapper-disabled",children:[(0,r.jsx)(c.b,{items:o,onChange:n=>u(n),filterClass:"item-disabled",children:o.map((({name:n},a)=>(0,r.jsx)("div",{className:i()("zent-demo-sortable-basic-item",{"item-disabled":a<2}),children:n},n)))}),(0,r.jsx)(c.b,{className:"demo-sortable",items:m,onChange:n=>h(n),filterClass:"item-disabled",children:m.map((n=>(0,r.jsx)("div",{className:i()("demo-sortable-item",{"item-disabled":n<3}),children:n+1},n)))}),(0,r.jsx)(c.b,{items:y,handle:".drag-icon",onChange:n=>f(y),filterClass:"item-disabled-drag",children:y.map((({name:n},a)=>(0,r.jsxs)("div",{className:i()("zent-demo-sortable-basic-item",{"item-disabled-drag":a<2}),children:[(0,r.jsx)(l.J,{type:"drag",className:"drag-icon"})," ",n]},n)))})]})};return(0,r.jsx)(s,{})};function y(n){return(0,r.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function f(n){return(0,r.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,r.jsx)(y,{tag:"style",html:n.style})}function j(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),j(n.parentNode,a);return a}class w extends e.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,r.jsxs)("div",{className:"zandoc-react-demo",children:[(0,r.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,r.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,r.jsx)("div",{className:"zandoc-react-demo__title",children:(0,r.jsx)("p",{children:s||""})}),(0,r.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,r.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,r.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,j(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(v,{style:".zent-demo-sortable-basic-item {\n\t\tbackground: #FFFFFF;\n\t\tbox-shadow: inset 0 -1px 0 0 #EBEDF0;\n\t\twidth: 280px;\n\t\theight: 56px;\n\t\tline-height: 56px;\n\t\tpadding-left: 16px;\n\t}\n\n.demo-sortable-wrapper {\n\t\tbackground: rgba(247,247,247,0.50);\n\t\tpadding: 24px;\n\t\tdisplay: flex;\n\t}\n\t.demo-sortable {\n\t\twidth: 196px;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: space-between;\n\t\tmargin-right: 48px;\n\t}\n\n\t.demo-sortable-item, .demo-sortable-item--circle {\n\t\twidth: 60px;\n\t\theight: 60px;\n\t\tbackground: #fff;\n\t\tline-height: 60px;\n\t\tborder-radius: 2px;\n\t\tfont-size: 14px;\n\t\tcolor: #323233;\n\t\ttext-align: center;\n\t\tmargin-bottom: 8px;\n\t}\n\t.demo-sortable-item--circle {\n\t\tborder-radius: 50%;\n\t}\n\n.zent-demo-sortable-basic-item {\n\t\tbackground: #FFFFFF;\n\t\tbox-shadow: inset 0 -1px 0 0 #EBEDF0;\n\t\twidth: 280px;\n\t\theight: 56px;\n\t\tline-height: 56px;\n\t\tpadding-left: 16px;\n\t}\n\t.drag-icon {\n\t\tfont-size: 16px;\n\t\tcursor: -webkit-grab;\n\t\tcursor: grab;\n\t}\n\n.demo-sortable-wrapper-disabled {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tbackground: rgba(247,247,247,0.50);\n\t\tpadding: 24px;\n\t}\n\t.demo-sortable-wrapper-disabled .zent-sortable {\n\t\tmargin: 0 48px 24px 0;\n\t}\n\t.item-disabled {\n\t\tcursor: no-drop !important;\n\t}\n\t.item-disabled-drag .drag-icon {\n\t\tcursor: no-drop !important;\n\t}"}),e.createElement(f,{html:'

Sortable 拖拽排序

\n

通过拖动页面元素来达到组织信息的功能。

\n

建议

\n
    \n
  • 适用于对多个功能、列表、图片进行直观、自由度较高的排序场景；
    • \n
\n

注意

\n
    \n
  • 不支持分页拖拽
    • \n
\n

代码演示

'}),e.createElement(w,{title:"基础用法",id:"Demobasic",src:'import { Sortable } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n list: [\n {\n name: \'Arvin\',\n },\n {\n name: \'Jack\',\n },\n {\n name: \'Bob\',\n },\n {\n name: \'Nick\',\n },\n ],\n };\n\n handleChange = items => {\n this.setState({\n list: items,\n });\n };\n\n render() {\n const { list } = this.state;\n return (\n <div className="demo-sortable-wrapper">\n <Sortable items={list} onChange={this.handleChange}>\n {list.map(({ name }) => (\n <div className="zent-demo-sortable-basic-item" key={name}>\n {name}\n </div>\n ))}\n </Sortable>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(m)),e.createElement(w,{title:"网格拖拽",id:"Demosortablegrid",src:'import { Sortable, Card, Icon } from \'zent\';\n\nconst sortableList = Array(9)\n .fill()\n .map((_, i) => i);\n\nclass Simple extends React.Component {\n state = {\n list: sortableList,\n circleList: sortableList,\n };\n\n handleChange = items => {\n this.setState({\n list: items,\n });\n };\n\n handleCircleChange = items => {\n this.setState({\n list: items,\n });\n };\n\n render() {\n const { list, circleList } = this.state;\n return (\n <div className="demo-sortable-wrapper">\n <Sortable\n className="demo-sortable"\n items={list}\n onChange={this.handleChange}\n >\n {list.map(i => (\n <div className="demo-sortable-item" key={i}>\n {i + 1}\n </div>\n ))}\n </Sortable>\n <Sortable\n className="demo-sortable"\n items={circleList}\n onChange={this.handleCircleChange}\n >\n {circleList.map(i => (\n <div className="demo-sortable-item--circle" key={i}>\n {i + 1}\n </div>\n ))}\n </Sortable>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},e.createElement(h)),e.createElement(w,{title:"配置拖动手柄，只有按住拖动手柄才能进行拖动",id:"Demosortablehandle",src:'import { Sortable, Icon } from \'zent\';\n\nclass Simple extends React.Component {\n state = {\n list: [\n {\n name: \'Arvin\'\n },\n {\n name: \'Jack\'\n },\n {\n name: \'Bob\'\n },\n {\n name: \'Nick\'\n }\n ]\n }\n\n handleChange = (items) => {\n this.setState({\n list: items\n });\n }\n\n render() {\n const { list } = this.state;\n return (\n <div className="demo-sortable-wrapper">\n <Sortable\n items={list}\n handle=".drag-icon"\n onChange={this.handleChange}\n >\n {\n list.map(({ name } ) =>\n <div className="zent-demo-sortable-basic-item" key={name}>\n <Icon type="drag" className="drag-icon" /> {name}\n </div>\n )\n }\n </Sortable>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <Simple />\n , mountNode\n);'},e.createElement(g)),e.createElement(w,{title:"部分禁用拖拽",id:"Demodisabled",src:'import { useState } from \'react\';\nimport { Sortable } from \'zent\';\nimport cx from \'classnames\';\nconst LIST = [\n {\n name: \'Arvin\',\n },\n {\n name: \'Jack\',\n },\n {\n name: \'Bob\',\n },\n {\n name: \'Nick\',\n },\n];\nconst NUMBER_LIST = Array(9)\n .fill()\n .map((_, index) => index);\n\nconst Simple = () => {\n const [list1, setList1] = useState(LIST);\n const [list2, setList2] = useState(NUMBER_LIST);\n const [list3, setList3] = useState(LIST);\n\n return (\n <div className="demo-sortable-wrapper-disabled">\n <Sortable\n items={list1}\n onChange={items => setList1(items)}\n filterClass="item-disabled"\n >\n {list1.map(({ name }, index) => (\n <div\n className={cx(\'zent-demo-sortable-basic-item\', {\n \'item-disabled\': index < 2,\n })}\n key={name}\n >\n {name}\n </div>\n ))}\n </Sortable>\n <Sortable\n className="demo-sortable"\n items={list2}\n onChange={items => setList2(items)}\n filterClass="item-disabled"\n >\n {list2.map(i => (\n <div\n className={cx(\'demo-sortable-item\', {\n \'item-disabled\': i < 3,\n })}\n key={i}\n >\n {i + 1}\n </div>\n ))}\n </Sortable>\n <Sortable\n items={list3}\n handle=".drag-icon"\n onChange={items => setList3(list3)}\n filterClass="item-disabled-drag"\n >\n {list3.map(({ name }, index) => (\n <div\n className={cx(\'zent-demo-sortable-basic-item\', {\n \'item-disabled-drag\': index < 2,\n })}\n key={name}\n >\n <Icon type="drag" className="drag-icon" /> {name}\n </div>\n ))}\n </Sortable>\n </div>\n );\n};\nReactDOM.render(<Simple />, mountNode);'},e.createElement(b)),e.createElement(f,{html:'

API

\n

基础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
参数说明类型默认值备选值
tag容器元素的 HTML 标签名string\'div\'一切合法的 HTML 标签名
items被排序元素的数组array
onChange排序完成时的回调函数(newItems: array): voidnoop
filterClass禁用排序元素的类名string
className自定义额外类名string\'\'
\n

⚠️ 注意：基础 API 可以满足绝大多数的拖拽需求，items 和 onChange 必须同时出现，作为一个受控组件，你需要在 onChange 中拿到新的数组，然后自己更新数据，如果有更复杂的需求，也可以不用 items 和 onChange，而使用下面的进阶 API 实现更复杂的功能。

\n

进阶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
参数说明类型默认值备选值
sort是否支持拖拽booltruetrue\n, \nfalse
group用于多容器拖拽的分组(详见\nGroup\n)string or object
delay拖拽时延迟的时间(ms)number0
animation拖拽时的动画持续时间(ms)number0
handle拖动柄的选择器(比如 \'.sortable-handle\')string
ghostClass拖拽目标处填充元素的类名string\'zent-ghost\'
chosenClass被选中的元素的类名string\'zent-chosen\'
dragClass正在被拖拽的元素的类名string\'zent-drag\'
forceFallback是否忽略 HTML5 的拖拽行为并强制回退boolfalsefalse\n, \ntrue
fallbackClass使用 forceFallback 时克隆的 DOM 元素的类名string\'zent-fallback\'
fallbackOnBody是否将克隆的 DOM 元素附加到 Body 中boolfalsefalse\n, \ntrue
fallbackTolerance拖动行为生效前鼠标移动的距离(px)number0
scroll拖拽过程中是否允许屏幕滚动booltruetrue\n, \nfalse
scrollFn如果你有自定义滚动条，该方法可用于自动滚动(offsetX: number, offsetY: number, originalEvent: Event): void
scrollSensitivity触发滚动时鼠标距离边缘的像素值(px)number30
scrollSpeed滚动速度(px/s)number10
\n

进阶事件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
参数说明类型默认值备选值
setData用于调用 HTML5 原生的 DataTransfer.setData 方法(dataTransfer: object, dragEl: HTMLElement): void
onChoose元素被选中时的回调函数(e: Event) (详见\n事件回调\n)
onStart元素开始拖拽时的回调函数(e: Event) (详见\n事件回调\n)
onEnd元素结束拖拽时的回调函数(e: Event) (详见\n事件回调\n)
onAdd元素从另一个容器被拖拽到当前容器的回调函数(e: Event) (详见\n事件回调\n)
onUpdate元素被重新排序时的回调函数(e: Event) (详见\n事件回调\n)
onSort当有元素被排序时的回调函数(例如新增，更新，删除)(e: Event) (详见\n事件回调\n)
onRemove当元素从当前容器拖拽至其他容器时的回调函数(e: Event) (详见\n事件回调\n)
onFilter当尝试拖拽一个被禁用拖拽的元素时的回调函数(e: Event) (详见\n事件回调\n)
onMove当在一个容器内或者不同容器之间拖拽元素时的回调函数(e: Event, originEvent: Event) (详见\n事件回调\n)
onClone当复制元素时的回调函数(e: Event) (详见\n事件回调\n)
\n

Group

\n

要将元素从一个列表拖到另一个列表中，这两个列表必须具有相同的分组名称(Group 值)。 你还可以定义列表是否可以放弃，给予和保留元素的副本（clone），或接收元素。

\n
    \n
  • name: string 分组的名称
    • \n
  • pull: true | false | \'clone\' | function 从列表中拖出的能力，如果设置为 \'clone\' 则不会移动元素，而是复制。
    • \n
  • put: true | false | [\'foo\', \'bar\'] | function 是否可以从其他列表添加元素，还是可以设置为可接受元素的列表的一组组名。
    • \n
  • revertClone: boolean 当移动到另一个列表后，将克隆的元素还原到初始位置。
    • \n
\n

事件回调

\n
    \n
  • onChoose, onStart:
    • \n
\n
function (/**Event*/evt) {\n    evt.oldIndex;  // 元素在父元素中的下标(number)\n  },
\n
    \n
  • onEnd, onAdd, onUpdate, onSort, onRemove:
    • \n
\n
function (/**Event*/evt) {\n    evt.item;  // 被拖拽的元素(HTMLElement)\n    evt.to;    // 元素在拖拽开始前所在的列表(HTMLElement)\n    evt.from;  // 元素在拖拽结束后所在的列表(HTMLElement)\n    evt.oldIndex;  // 元素在拖拽开始前的父元素中的下标(number)\n    evt.newIndex;  // 元素在拖拽结束后的父元素中的下标(number)\n  },
\n
    \n
  • onFilter:
    • \n
\n
function (/**Event*/evt) {\n    evt.item;  // 接收到 `mousedown|tapstart` 事件的元素(HTMLElement)\n  },
\n
    \n
  • onMove:
    • \n
\n
function (/**Event*/evt， /**Event*/originalEvent) {\n    evt.dragged; // 被拖拽的元素(HTMLElement)\n    evt.draggedRect; // 被拖拽元素的TextRectangle {left, top, right, bottom}\n    evt.related; // 拖拽的目标元素(HTMLElement)\n    evt.relatedRect; // 拖拽的目标元素的TextRectangle {left, top, right, bottom}\n    originalEvent.clientY; // 鼠标所在的位置(number)\n    // return false; — 用于取消拖拽\n  },
\n
    \n
  • onClose:
    • \n
\n
function (/**Event*/evt) {\n    evt.item;  // 原始元素(HTMLElement)\n    evt.clone // 被复制的元素(HTMLElement)\n  },
'}))}}},19087:(n,a,s)=>{"use strict";s.d(a,{b:()=>h,Z:()=>g});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(28172);function u(n,a,s){var t,p=n.length-1,e=new Array(n.length);if(a===s)return n;if(aa&&o=0;o--)o===a?t=n[o]:os?e[o+1]=n[o]:o===s?(e[o]=t,e[o+1]=n[o]):e[o]=n[o];return e}var i=s(98859),r=l.ZP,k="zent-sortable--grabbing",d=function(n,a){(a||document).querySelectorAll(n).forEach((function(n){n.style.cursor="grabbing"}))},m=function(n,a){(a||document).querySelectorAll(n).forEach((function(n){n.style.cursor=""}))},h=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.containerRef=(0,c.createRef)(),a.handleAddDraggingCursor=function(){var n,s=a.props.handle;d("html"),s&&d(s,a.containerRef.current),null===(n=a.containerRef.current)||void 0===n||n.classList.add(k)},a.handleRemoveDraggingCursor=function(){var n,s=a.props.handle;m("html"),s&&m(s,a.containerRef.current),null===(n=a.containerRef.current)||void 0===n||n.classList.remove(k)},a.initSortable=function(){var n=a.props,s=(n.onMove,n.onEnd,n.onChange,n.filterClass),p=(n.children,(0,t._T)(n,["onMove","onEnd","onChange","filterClass","children"])),e=a.containerRef.current;if(e){var o=(0,t.pi)({filter:s?"."+s:"",ghostClass:"zent-sortable__ghost",chosenClass:"zent-sortable__chosen",dragClass:"zent-sortable__drag",fallbackClass:"zent-sortable__fallback",animation:200,easing:i.Kc,forceFallback:!0,onChoose:function(n){var s,t;a.handleAddDraggingCursor(),null===(t=(s=a.props).onChoose)||void 0===t||t.call(s,n)},onMove:function(n,t){var p=a.props.onMove;return p?p(n,t):!s||!n.related.classList.contains(s)},onUnchoose:function(n){var s,t;a.handleRemoveDraggingCursor(),null===(t=(s=a.props).onUnchoose)||void 0===t||t.call(s,n)},onEnd:function(n){var s=a.props,t=s.items,p=s.onEnd,e=s.onChange;if(p&&p(n),t){var o=n.oldIndex,c=n.newIndex,l=u(t,o,Math.max(0,Math.min(c,t.length-1)));e&&e(l)}}},p);a.sortable=r.create(e,o)}},a}return(0,t.ZT)(a,n),a.prototype.destroySortableInstance=function(){this.sortable&&(this.sortable.destroy(),this.sortable=null)},a.prototype.componentDidMount=function(){this.initSortable()},a.prototype.componentWillUnmount=function(){this.destroySortableInstance()},a.prototype.render=function(){var n=this.props,a=n.className,s=n.children,e=n.tag,c=n.handle,l=o()("zent-sortable",a,{"zent-sortable--handle":c}),u=e;return(0,p.jsx)(u,(0,t.pi)({ref:this.containerRef,className:l,"data-zv":"10.0.10"},{children:s}),void 0)},a.defaultProps={tag:"div"},a}(c.Component),g=h},98859:(n,a,s)=>{"use strict";s.d(a,{rc:()=>t,Kc:()=>p,AX:()=>e});var t="cubic-bezier(0.5, 0, 0.5, 0.1)",p="cubic-bezier(0.33, 1, 0.68, 1)",e="cubic-bezier(0.32, 0, 0.67, 0)"}}]); \ No newline at end of file diff --git a/8767-6abe3f493a928552cd08.js b/8767-b1ad36bd9f9f02e89459.js similarity index 95% rename from 8767-6abe3f493a928552cd08.js rename to 8767-b1ad36bd9f9f02e89459.js index ee351a96e..e7e9d9bf9 100644 --- a/8767-6abe3f493a928552cd08.js +++ b/8767-b1ad36bd9f9f02e89459.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8767],{2623:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>E});var t=s(73450),p=s(73118),e=s(27378),o=s(57318),c=s(56377),l=s(69916),r=s(71457),u=s(39215),i=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{var a=(0,e.useState)(!1),s=(0,p.Z)(a,2),t=s[0],o=s[1];return(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"zent-demo-tree-basic-switch-wrapper",children:["点击节点时自动展开:",(0,i.jsx)(c.r,{checked:t,onChange:n=>o(n)})]}),(0,i.jsx)(l.m,{data:n,autoExpandOnSelect:t})]})};return(0,i.jsx)(a,{})},m=function(){return(0,i.jsx)(l.m,{dataType:"plain",data:[{id:1,title:"杭州有赞科技有限公司"},{id:2,title:"技术",parentId:1},{id:3,title:"后端",parentId:2},{id:4,title:"运维",parentId:2},{id:5,title:"前端",parentId:2},{id:6,title:"产品",parentId:1}]})},h=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:"产品"}]}];class a extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedKeys:[3,5,22],disabledCheckedKeys:[4,7,9,22]}),(0,t.Z)(this,"onCheck",((n,a)=>{this.setState({checkedKeys:n})}))}render(){var a=this.state,s=a.checkedKeys,t=a.disabledCheckedKeys;return(0,i.jsx)("div",{children:(0,i.jsx)(l.m,{checkable:!0,size:"small",data:n,onCheck:this.onCheck,checkedKeys:s,disabledCheckedKeys:t})})}}return(0,i.jsx)(a,{})},g=function(){var n=(n,a)=>{n.level<4?setTimeout((()=>{for(var s=[],t=Number(n.title.split("-")[0]),p=Math.pow(10,3-n.level),e=n.level+1,o=0,c="",l=!1;o<=9;o++)4===e?(c=String(t+o),l=!0):(c="".concat(t+p*o,"-").concat(t+p*(o+1)),l=!1),s.push({id:c,level:e,title:c,isLeaf:l});a(s)}),200):setTimeout((()=>a([])),200)};class a extends e.Component{constructor(...a){super(...a),(0,t.Z)(this,"state",{treeData:[]}),(0,t.Z)(this,"loadMore",(a=>new Promise(((s,t)=>{n(a,(n=>{var t=n.map((n=>d(d({},n),{},{parentId:a.id})));this.setState({treeData:[...this.state.treeData,...t]}),s()}))}))))}componentDidMount(){var a={id:"1-0-10000",title:"0-10000",level:0,expand:!0};n(a,(n=>{var s=n.map((n=>d(d({},n),{},{parentId:a.id})));this.setState({treeData:[a,...s]})}))}render(){var n=this.state.treeData;return(0,i.jsx)(l.m,{dataType:"plain",data:n,loadMore:this.loadMore})}}return(0,i.jsx)(a,{})},b=function(){var n=[2],a=[{id:1,title:"杭州有赞科技有限公司",children:[{id:2,title:"技术",children:[{id:3,title:"后端"},{id:4,title:"运维"},{id:5,title:"前端"}]},{id:6,title:"产品"}]}];return(0,i.jsxs)("div",{className:"zent-demo-tree-disable-select-wrapper",children:[(0,i.jsx)(l.m,{data:a,disabledSelectedKeys:n}),(0,i.jsx)(l.m,{data:a,disabledSelectedKeys:n,disableSelectedStrictly:!0})]})},v=function(){return(0,i.jsx)(l.m,{dataType:"plain",data:[{id:1,title:"杭州有赞科技有限公司"},{id:2,title:"技术",parentId:1},{id:3,title:"后端",parentId:2},{id:4,title:"运维",parentId:2},{id:5,title:"前端",parentId:2},{id:6,title:"产品",parentId:1}]})},f=function(){var n=[{id:1,title:"杭州有赞科技有限公司",children:[{id:2,title:"技术",children:[{id:3,title:"后端"},{id:4,title:"运维"},{id:5,title:"前端"}]},{id:6,title:"产品"}]}];return(0,i.jsxs)("div",{className:"zent-demo-tree-wrapper",children:[(0,i.jsx)(l.m,{data:n,size:"small"}),(0,i.jsx)(l.m,{data:n}),(0,i.jsx)(l.m,{data:n,size:"large"})]})},w=function(){var n=[{id:1,title:"杭州有赞科技有限公司",content:"移动零售服务商",children:[{id:2,title:"技术",content:"职位介绍http://job.youzan.com",children:[{id:3,title:"后端"},{id:4,title:"运维"},{id:5,title:"前端"}]},{id:6,title:"产品",content:(0,i.jsx)("a",{href:"http://job.youzan.com",children:"'请将简历发送至 joinus@youzan.com'"})}]}];return(0,i.jsx)(l.m,{data:n,render:n=>(0,i.jsxs)("span",{style:{fontSize:16,margin:0,lineHeight:1},children:[n.title,n.content?(0,i.jsx)("small",{style:{display:"block",fontSize:10},children:n.content}):""]})})},j=function(){var n=r.Y.Group,a=[{id:1,title:"杭州有赞科技有限公司"},{id:2,title:"技术",parentId:1},{id:3,title:"后端",parentId:2},{id:4,title:"运维",parentId:2},{id:5,title:"前端",parentId:2},{id:6,title:"产品",parentId:1}],s=(n,a=0,t=[])=>{var p={id:String(Math.random()).replace("0.",""),parentId:a,title:n.title};t.push(p);for(var e=0,o=n.children&&n.children.length||0;e{this.setState({treeData:this.state.treeData.filter((a=>a.id!==n.id))})})),(0,t.Z)(this,"onClone",(n=>{var a=this.state.copyType;if("shallow"===a){var t=Object.assign({},n,{id:Date.now()});this.setState({treeData:[...this.state.treeData,t]})}else if("deep"===a){var p=s(n,n.parentId);this.setState({treeData:[...this.state.treeData,...p]})}})),(0,t.Z)(this,"onCopyTypeChange",(n=>this.setState({copyType:n.target.value})))}render(){var a=this.state,s=a.copyType,t=a.treeData,p=[{name:"Delete",icon:(0,i.jsx)(u.J,{type:"close"}),action:this.onDelete},{name:"Clone",icon:(0,i.jsx)(u.J,{type:"plus"}),action:this.onClone}];return(0,i.jsxs)("div",{children:[(0,i.jsxs)(n,{onChange:this.onCopyTypeChange,value:s,children:[(0,i.jsx)(r.Y,{value:"shallow",children:"浅拷贝"}),(0,i.jsx)(r.Y,{value:"deep",children:"深拷贝"})]}),(0,i.jsx)("hr",{}),(0,i.jsx)(l.m,{data:t,dataType:"plain",operations:p})]})}}return(0,i.jsx)(p,{})};function x(n){return(0,i.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function D(n){return(0,i.jsx)(x,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function z(n){return(0,i.jsx)(x,{tag:"style",html:n.style})}function C(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),C(n.parentNode,a);return a}class T 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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:s||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(x,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class E extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,C(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(z,{style:".zent-demo-tree-basic-switch-wrapper {\n\t\tmargin-bottom: 16px;\n\t\tdisplay: flex;\n\t}\n\t.zent-demo-tree-basic-switch-wrapper .zent-switch {\n\t\tmargin-left: 12px;\n\t}\n\n.zent-demo-tree-disable-select-wrapper {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t}\n\t.zent-demo-tree-disable-select-wrapper > ul {\n\t\twidth: 45%;\n\t}\n\n.zent-demo-tree-wrapper > .zent-tree {\n\t\tmargin-bottom: 16px;\n\t}"}),e.createElement(D,{html:'

Tree 树

\n

可视化展示多层级结构的内容，支持展开和折叠。

\n

建议

\n
    \n
  • 层级信息需要在一个窗口中展示时，可使用树组件。
    • \n
\n

注意

\n
    \n
  • 非层级关系或层级信息无需在一个窗口中展示时，不使用树结构。
    • \n
\n

代码演示

'}),e.createElement(T,{title:"基础用法",id:"Demobasic",src:'import { Tree, Switch } from \'zent\';\nimport { useState } from \'react\';\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 },\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 Demo = () => {\n const [autoExpandOnSelect, setAutoExpandOnSelect] = useState(false);\n\n return (\n <div>\n <div className="zent-demo-tree-basic-switch-wrapper">\n 点击节点时自动展开:\n <Switch\n checked={autoExpandOnSelect}\n onChange={checked => setAutoExpandOnSelect(checked)}\n />\n </div>\n <Tree data={treeData} autoExpandOnSelect={autoExpandOnSelect} />\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},e.createElement(y)),e.createElement(T,{title:"列表格式数据源",id:"Demoarraydata",src:'import { Tree } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'杭州有赞科技有限公司\',\n },\n {\n id: 2,\n title: \'技术\',\n parentId: 1,\n },\n {\n id: 3,\n title: \'后端\',\n parentId: 2,\n },\n {\n id: 4,\n title: \'运维\',\n parentId: 2,\n },\n {\n id: 5,\n title: \'前端\',\n parentId: 2,\n },\n {\n id: 6,\n title: \'产品\',\n parentId: 1,\n },\n];\n\nReactDOM.render(<Tree dataType="plain" data={treeData} />, mountNode);'},e.createElement(m)),e.createElement(T,{title:"可选树",id:"Demooption",src:'import { 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\nclass TreeExample extends React.Component {\n state = {\n checkedKeys: [3, 5, 22],\n disabledCheckedKeys: [4, 7, 9, 22],\n };\n\n onCheck = (checked, helpInfo) => {\n console.log(checked, helpInfo);\n this.setState({\n checkedKeys: checked,\n });\n };\n\n render() {\n const { checkedKeys, disabledCheckedKeys } = this.state;\n\n return (\n <div>\n <Tree\n checkable\n size="small"\n data={treeData}\n onCheck={this.onCheck}\n checkedKeys={checkedKeys}\n disabledCheckedKeys={disabledCheckedKeys}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<TreeExample />, mountNode);'},e.createElement(h)),e.createElement(T,{title:"异步加载",id:"Demoasync",src:'import { Tree } from \'zent\';\n\nconst fetchData = (data, callback) => {\n if (data.level < 4) {\n setTimeout(() => {\n const resData = [];\n const base = Number(data.title.split(\'-\')[0]);\n const step = Math.pow(10, 3 - data.level);\n const level = data.level + 1;\n for (let i = 0, id = \'\', isLeaf = false; i <= 9; i++) {\n if (level === 4) {\n id = String(base + i);\n isLeaf = true;\n } else {\n id = `${base + step * i}-${base + step * (i + 1)}`;\n isLeaf = false;\n }\n resData.push({ id, level, title: id, isLeaf });\n }\n callback(resData);\n }, 200);\n } else {\n setTimeout(() => callback([]), 200);\n }\n};\n\nclass TreeExample extends React.Component {\n state = {\n treeData: [],\n };\n\n componentDidMount() {\n const rootData = {\n id: \'1-0-10000\',\n title: \'0-10000\',\n level: 0,\n expand: true,\n };\n fetchData(rootData, resData => {\n const newData = resData.map(item => ({\n ...item,\n parentId: rootData.id,\n }));\n this.setState({\n treeData: [rootData, ...newData],\n });\n });\n }\n\n loadMore = data =>\n new Promise((resolve, reject) => {\n fetchData(data, resData => {\n const newData = resData.map(item => ({\n ...item,\n parentId: data.id,\n }));\n this.setState({ treeData: [...this.state.treeData, ...newData] });\n resolve();\n });\n });\n\n render() {\n const { treeData } = this.state;\n return <Tree dataType="plain" data={treeData} loadMore={this.loadMore} />;\n }\n}\n\nReactDOM.render(<TreeExample />, mountNode);'},e.createElement(g)),e.createElement(T,{title:"禁用选择",id:"Demodisableselect",src:'import { Tree } from \'zent\';\n\nconst disabledSelectedKeys = [2];\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 },\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\nReactDOM.render(\n <div className="zent-demo-tree-disable-select-wrapper">\n <Tree data={treeData} disabledSelectedKeys={disabledSelectedKeys} />\n <Tree\n data={treeData}\n disabledSelectedKeys={disabledSelectedKeys}\n disableSelectedStrictly={true}\n />\n </div>,\n mountNode\n);'},e.createElement(b)),e.createElement(D,{html:'

API

\n

Tree

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
dataType数据类型, 默认为 tree 类型string\'tree\'\'plain\'
data必填, 实际传入的数据, 根据 dataType 进行识别array
renderKey渲染节点所用到的 key 集合, 具体看下表object
render自定义树条目渲染方法, 传入参数为该节点数据 (包含子树)func(data)
operations自定义操作, 包含 \nname\n, \nicon\n, \naction\n, \nshouldRender\n 属性array\n[\nobject\n]
foldable是否支持点击条目时展开与收起动作booltrue
onCheck点击 checkbox 的回调函数, 接受所选中节点的数组与帮助自定义的信息func(ids, helpInfo)
checkable是否支持 checkbox 选择booltrue
checkedKeyscheckbox 选中节点 id 数组array
disabledCheckedKeyscheckbox 默认禁选节点 id 数组array
size大小string\'medium\'\'small\'\n, \n\'large\'
commonStyle设置整个 tree 的外层 styleobject
expandAll是否展开所有节点boolfalse
onExpand展开节点之后的回调函数func(data, config)
autoExpandOnSelect点击节点是否展开boolfalse
onSelect选择树的一个节点的回调函数func(data, target)
isRootplain 数据类型，判断节点是否为根节点的 apifunc(node)
loadMore返回 Promise 的函数，必须支持 then 的回调, 用于节点异步加载更多内容func(data)
selectable节点是否可选booltrue
selectedKey当前选中的节点string\n|\nnumber
disabledSelectedKeys禁选的节点 ID 集合(string | number)[]
disableSelectedStrictly父级被禁选时是否同时禁选其子级booleanfalsetrue
onlyShowOneLinetitle 是否只展示一行booleanfalsetrue
\n

renderKey

\n

针对 data \b 使用到的部分 key，定制化。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明TypeDefault
id对应 数据的唯一标识string\'id\'
title对应 显示内容string\'title\'
children对应 子树 (\ndataType="tree"\n 时生效)string\'children\'
parentId对应 父节点 Id (\ndataType="plain"\n 时生效)string\'parentId\'
\n

data

\n

可在每个节点任意添加初下列属性之外的 key-value，回调函数中会拿到用户传入的完整数据。\n可以通过renderKey， 定制 key。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
id必填, 数据的唯一标识number/string
title必填, 显示内容string
children子树 (\ndataType="tree"\n 时生效)array\n[\nobject\n]
parentId父节点 Id (\ndataType="plain"\n 时生效), 根节点为 0 或不定义number/string
expand是否展开boolfalse
isLeaf是否叶子节点boolfalse
\n

operations

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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必填，显示内容string
icon显示 icon 的 className, 或 ReactNodestring／ReactNode
action必填，点击回调函数，参数为子树信息func(data)
shouldRender是否更新，返回 true/falsefunc(data)true
\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),e.createElement(T,{title:"列表格式数据源",id:"Demodisableddata",src:'import { Tree } from \'zent\';\n\nconst treeData = [{\n id: 1,\n title: \'杭州有赞科技有限公司\',\n}, {\n id: 2,\n title: \'技术\',\n parentId: 1\n}, {\n id: 3,\n title: \'后端\',\n parentId: 2\n}, {\n id: 4,\n title: \'运维\',\n parentId: 2\n}, {\n id: 5,\n title: \'前端\',\n parentId: 2\n}, {\n id: 6,\n title: \'产品\',\n parentId: 1\n}];\n\nReactDOM.render(\n <Tree dataType="plain" data={treeData} />\n , mountNode\n)'},e.createElement(v)),e.createElement(T,{title:"三种大小",id:"Demosize",src:'import { 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 },\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\nReactDOM.render(\n <div className="zent-demo-tree-wrapper">\n <Tree data={treeData} size="small" />\n <Tree data={treeData} />\n <Tree data={treeData} size="large" />\n </div>,\n mountNode\n);'},e.createElement(f)),e.createElement(T,{title:"自定义节点展示",id:"Democustomnode",src:'import { Tree } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'杭州有赞科技有限公司\',\n content: \'移动零售服务商\',\n children: [\n {\n id: 2,\n title: \'技术\',\n content: \'职位介绍http://job.youzan.com\',\n children: [\n {\n id: 3,\n title: \'后端\',\n },\n {\n id: 4,\n title: \'运维\',\n },\n {\n id: 5,\n title: \'前端\',\n },\n ],\n },\n {\n id: 6,\n title: \'产品\',\n content: <a href="http://job.youzan.com">\'请将简历发送至 joinus@youzan.com\'</a>,\n },\n ],\n },\n];\n\nconst customRender = data => (\n <span style={{ fontSize: 16, margin: 0, lineHeight: 1 }}>\n {data.title}\n {data.content ? (\n <small style={{ display: \'block\', fontSize: 10 }}>{data.content}</small>\n ) : (\n \'\'\n )}\n </span>\n);\n\nReactDOM.render(<Tree data={treeData} render={customRender} />, mountNode);'},e.createElement(w)),e.createElement(T,{title:"自定义操作",id:"Democustomoperate",src:'import { Tree, Icon, Radio } from \'zent\';\n\nconst RadioGroup = Radio.Group;\nconst originData = [\n {\n id: 1,\n title: \'杭州有赞科技有限公司\',\n },\n {\n id: 2,\n title: \'技术\',\n parentId: 1,\n },\n {\n id: 3,\n title: \'后端\',\n parentId: 2,\n },\n {\n id: 4,\n title: \'运维\',\n parentId: 2,\n },\n {\n id: 5,\n title: \'前端\',\n parentId: 2,\n },\n {\n id: 6,\n title: \'产品\',\n parentId: 1,\n },\n];\n\nconst deepClone = (node, parentId = 0, nodeArray = []) => {\n const copyNode = {\n id: String(Math.random()).replace(\'0.\', \'\'),\n parentId,\n title: node.title,\n };\n nodeArray.push(copyNode);\n\n for (\n let i = 0, l = (node.children && node.children.length) || 0;\n i < l;\n i++\n ) {\n deepClone(node.children[i], copyNode.id, nodeArray);\n }\n return nodeArray;\n};\n\nclass TreeExample extends React.Component {\n state = {\n treeData: originData,\n copyType: \'shallow\',\n };\n\n onDelete = data => {\n this.setState({\n treeData: this.state.treeData.filter(item => item.id !== data.id),\n });\n };\n\n onClone = data => {\n const { copyType } = this.state;\n\n if (copyType === \'shallow\') {\n const node = Object.assign({}, data, { id: Date.now() });\n this.setState({\n treeData: [...this.state.treeData, node],\n });\n } else if (copyType === \'deep\') {\n const nodeArray = deepClone(data, data.parentId);\n this.setState({\n treeData: [...this.state.treeData, ...nodeArray],\n });\n }\n };\n\n onCopyTypeChange = e => this.setState({ copyType: e.target.value });\n\n render() {\n const { copyType, treeData } = this.state;\n const operations = [\n {\n name: \'Delete\',\n icon: <Icon type="close" />,\n action: this.onDelete,\n },\n {\n name: \'Clone\',\n icon: <Icon type="plus" />,\n action: this.onClone,\n },\n ];\n\n return (\n <div>\n <RadioGroup onChange={this.onCopyTypeChange} value={copyType}>\n <Radio value="shallow">浅拷贝</Radio>\n <Radio value="deep">深拷贝</Radio>\n </RadioGroup>\n <hr />\n <Tree data={treeData} dataType="plain" operations={operations} />\n </div>\n );\n }\n}\n\nReactDOM.render(<TreeExample />, mountNode);'},e.createElement(j)))}}},33938:(n,a,s)=>{"use strict";s.d(a,{X:()=>k});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(1535),r=s(23130),u=s(1348),i=s(4008);function k(n){var a=(0,c.useContext)(u.d),s=(0,c.useContext)(r.Z),e=(0,c.useRef)(n);e.current=n;var i,k=s&&s.onChange,d=(0,c.useCallback)((function(n){var a=e.current,s=a.value,p=a.onChange;if(k)k(s);else if(p){var o=Object.create(n);o.target=(0,t.pi)((0,t.pi)({},e.current),{type:"checkbox",checked:n.target.checked}),p(o)}}),[k]),y=(n.checked,n.className),m=n.style,h=(n.disabled,n.readOnly,n.children),g=n.indeterminate,b=n.width,v=(n.value,n.labelStyle),f=n.onMouseEnter,w=n.onMouseLeave,j=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),x=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(s,n),D=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a?a.disabled:n.value}(a,s,n);if(s){var z=s.value,C=s.isValueEqual;i=-1!==z.findIndex((function(a){return C(a,n.value)}))}else i=!!n.checked;return(0,p.jsxs)("label",(0,t.pi)({className:o()("zent-checkbox-wrap",y,{"zent-checkbox-checked":!!i,"zent-checkbox-disabled":D||x,"zent-checkbox-indeterminate":g}),style:(0,t.pi)((0,t.pi)({},m),(0,l.Z)(b)),onMouseEnter:f,onMouseLeave:w,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},j,{type:"checkbox",checked:i&&!g,disabled:D,readOnly:x,onChange:d,"data-zv":"10.0.9"}),void 0)]}),void 0),null!=h&&!0!==h&&!1!==h?(0,p.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:v,"data-zv":"10.0.9"},{children:h}),void 0):null]}),void 0)}k.Group=i.Z,a.Z=k},4008:(n,a,s)=>{"use strict";s.d(a,{c:()=>k});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(41925),r=s(23130),u=s(1348),i=r.Z.Provider,k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getGroupContext=(0,l.Z)((function(n,s,t,p){return{value:Array.isArray(n)?n:[],disabled:s,readOnly:t,isValueEqual:p,onChange:a.onCheckboxChange}})),a.onCheckboxChange=function(n){var s=a.props,t=s.isValueEqual,p=s.onChange,e=s.value;if(p){var o=e?e.slice():[],c=o.findIndex((function(a){return t(a,n)}));-1!==c?o.splice(c,1):o.push(n),p(o)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,e=n.children,o=n.value,l=n.disabled,r=void 0===l?this.context.value:l,u=n.readOnly,k=void 0!==u&&u,d=n.isValueEqual,y=c()("zent-checkbox-group",a);return(0,p.jsx)(i,(0,t.pi)({value:this.getGroupContext(o,r,k,d)},{children:(0,p.jsx)("div",(0,t.pi)({className:y,style:s,"data-zv":"10.0.9"},{children:e}),void 0)}),void 0)},a.defaultProps={isValueEqual:Object.is,value:[]},a.contextType=u.d,a}(e.Component);a.Z=k},23130:(n,a,s)=>{"use strict";var t=s(27378);a.Z=(0,t.createContext)(null)},68150:(n,a,s)=>{"use strict";var t=s(33938);a.ZP=t.Z},85883:(n,a,s)=>{"use strict";var t=s(92497);a.Z=t.Z},4246:(n,a,s)=>{"use strict";s.d(a,{E:()=>u});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),r=s(1348);function u(n){var a=(0,c.useContext)(r.d),s=n.value,e=n.disabled,u=void 0===e?a.value:e,i=n.readOnly,k=void 0!==i&&i,d=n.isValueEqual,y=void 0===d?Object.is:d,m=n.className,h=n.style,g=n.children,b=n.onChange,v=(0,c.useMemo)((function(){return{value:s,disabled:u,readOnly:k,isValueEqual:y,onRadioChange:b}}),[s,u,k,y,b]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:v},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",m),style:h,"data-zv":"10.0.9"},{children:g}),void 0)}),void 0)}a.Z=u},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>y,Z:()=>m});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function r(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function u(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var i=s(4246),k=s(1348),d=s(57961);function y(n){var a=n.className,s=n.style,e=n.children,i=(n.value,n.width),y=n.labelStyle,m=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),g=(0,l.useContext)(d.Z),b=u(h,g,n),v=b.checked,f=b.disabled,w=b.readOnly,j=r(g,n),x=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!v,"zent-radio-disabled":f||w}),D=(0,c.Z)(i),z=(0,t.pi)((0,t.pi)({},s),D);return(0,p.jsxs)("label",(0,t.pi)({className:x,style:z,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},m,{type:"radio",checked:!!v,disabled:f,readOnly:w,onChange:j,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:y,"data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)}y.Button=function(n){var a=n.className,s=n.style,e=n.children,i=(n.value,n.width),y=n.onMouseEnter,m=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),g=(0,l.useContext)(k.d),b=(0,l.useContext)(d.Z);if(!b)throw new Error("Radio.Button must be nested within Radio.Group");var v=u(g,b,n),f=v.checked,w=v.disabled,j=v.readOnly,x=r(b,n),D=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!f,"zent-radio-button--disabled":w||j}),z=(0,c.Z)(i),C=(0,t.pi)((0,t.pi)({},s),z);return(0,p.jsxs)("label",(0,t.pi)({className:D,style:C,onMouseEnter:y,onMouseLeave:m,"data-zv":"10.0.9"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!f,disabled:w,readOnly:j,onChange:x,"data-zv":"10.0.9"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{children:e}),void 0)]}),void 0)},y.Group=i.Z;var m=y},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8767],{2623:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>E});var t=s(73450),p=s(73118),e=s(27378),o=s(57318),c=s(56377),l=s(69916),r=s(71457),u=s(39215),i=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function d(n){for(var a=1;a{var a=(0,e.useState)(!1),s=(0,p.Z)(a,2),t=s[0],o=s[1];return(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"zent-demo-tree-basic-switch-wrapper",children:["点击节点时自动展开:",(0,i.jsx)(c.r,{checked:t,onChange:n=>o(n)})]}),(0,i.jsx)(l.m,{data:n,autoExpandOnSelect:t})]})};return(0,i.jsx)(a,{})},m=function(){return(0,i.jsx)(l.m,{dataType:"plain",data:[{id:1,title:"杭州有赞科技有限公司"},{id:2,title:"技术",parentId:1},{id:3,title:"后端",parentId:2},{id:4,title:"运维",parentId:2},{id:5,title:"前端",parentId:2},{id:6,title:"产品",parentId:1}]})},h=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:"产品"}]}];class a extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedKeys:[3,5,22],disabledCheckedKeys:[4,7,9,22]}),(0,t.Z)(this,"onCheck",((n,a)=>{this.setState({checkedKeys:n})}))}render(){var a=this.state,s=a.checkedKeys,t=a.disabledCheckedKeys;return(0,i.jsx)("div",{children:(0,i.jsx)(l.m,{checkable:!0,size:"small",data:n,onCheck:this.onCheck,checkedKeys:s,disabledCheckedKeys:t})})}}return(0,i.jsx)(a,{})},g=function(){var n=(n,a)=>{n.level<4?setTimeout((()=>{for(var s=[],t=Number(n.title.split("-")[0]),p=Math.pow(10,3-n.level),e=n.level+1,o=0,c="",l=!1;o<=9;o++)4===e?(c=String(t+o),l=!0):(c="".concat(t+p*o,"-").concat(t+p*(o+1)),l=!1),s.push({id:c,level:e,title:c,isLeaf:l});a(s)}),200):setTimeout((()=>a([])),200)};class a extends e.Component{constructor(...a){super(...a),(0,t.Z)(this,"state",{treeData:[]}),(0,t.Z)(this,"loadMore",(a=>new Promise(((s,t)=>{n(a,(n=>{var t=n.map((n=>d(d({},n),{},{parentId:a.id})));this.setState({treeData:[...this.state.treeData,...t]}),s()}))}))))}componentDidMount(){var a={id:"1-0-10000",title:"0-10000",level:0,expand:!0};n(a,(n=>{var s=n.map((n=>d(d({},n),{},{parentId:a.id})));this.setState({treeData:[a,...s]})}))}render(){var n=this.state.treeData;return(0,i.jsx)(l.m,{dataType:"plain",data:n,loadMore:this.loadMore})}}return(0,i.jsx)(a,{})},b=function(){var n=[2],a=[{id:1,title:"杭州有赞科技有限公司",children:[{id:2,title:"技术",children:[{id:3,title:"后端"},{id:4,title:"运维"},{id:5,title:"前端"}]},{id:6,title:"产品"}]}];return(0,i.jsxs)("div",{className:"zent-demo-tree-disable-select-wrapper",children:[(0,i.jsx)(l.m,{data:a,disabledSelectedKeys:n}),(0,i.jsx)(l.m,{data:a,disabledSelectedKeys:n,disableSelectedStrictly:!0})]})},v=function(){return(0,i.jsx)(l.m,{dataType:"plain",data:[{id:1,title:"杭州有赞科技有限公司"},{id:2,title:"技术",parentId:1},{id:3,title:"后端",parentId:2},{id:4,title:"运维",parentId:2},{id:5,title:"前端",parentId:2},{id:6,title:"产品",parentId:1}]})},f=function(){var n=[{id:1,title:"杭州有赞科技有限公司",children:[{id:2,title:"技术",children:[{id:3,title:"后端"},{id:4,title:"运维"},{id:5,title:"前端"}]},{id:6,title:"产品"}]}];return(0,i.jsxs)("div",{className:"zent-demo-tree-wrapper",children:[(0,i.jsx)(l.m,{data:n,size:"small"}),(0,i.jsx)(l.m,{data:n}),(0,i.jsx)(l.m,{data:n,size:"large"})]})},w=function(){var n=[{id:1,title:"杭州有赞科技有限公司",content:"移动零售服务商",children:[{id:2,title:"技术",content:"职位介绍http://job.youzan.com",children:[{id:3,title:"后端"},{id:4,title:"运维"},{id:5,title:"前端"}]},{id:6,title:"产品",content:(0,i.jsx)("a",{href:"http://job.youzan.com",children:"'请将简历发送至 joinus@youzan.com'"})}]}];return(0,i.jsx)(l.m,{data:n,render:n=>(0,i.jsxs)("span",{style:{fontSize:16,margin:0,lineHeight:1},children:[n.title,n.content?(0,i.jsx)("small",{style:{display:"block",fontSize:10},children:n.content}):""]})})},j=function(){var n=r.Y.Group,a=[{id:1,title:"杭州有赞科技有限公司"},{id:2,title:"技术",parentId:1},{id:3,title:"后端",parentId:2},{id:4,title:"运维",parentId:2},{id:5,title:"前端",parentId:2},{id:6,title:"产品",parentId:1}],s=(n,a=0,t=[])=>{var p={id:String(Math.random()).replace("0.",""),parentId:a,title:n.title};t.push(p);for(var e=0,o=n.children&&n.children.length||0;e{this.setState({treeData:this.state.treeData.filter((a=>a.id!==n.id))})})),(0,t.Z)(this,"onClone",(n=>{var a=this.state.copyType;if("shallow"===a){var t=Object.assign({},n,{id:Date.now()});this.setState({treeData:[...this.state.treeData,t]})}else if("deep"===a){var p=s(n,n.parentId);this.setState({treeData:[...this.state.treeData,...p]})}})),(0,t.Z)(this,"onCopyTypeChange",(n=>this.setState({copyType:n.target.value})))}render(){var a=this.state,s=a.copyType,t=a.treeData,p=[{name:"Delete",icon:(0,i.jsx)(u.J,{type:"close"}),action:this.onDelete},{name:"Clone",icon:(0,i.jsx)(u.J,{type:"plus"}),action:this.onClone}];return(0,i.jsxs)("div",{children:[(0,i.jsxs)(n,{onChange:this.onCopyTypeChange,value:s,children:[(0,i.jsx)(r.Y,{value:"shallow",children:"浅拷贝"}),(0,i.jsx)(r.Y,{value:"deep",children:"深拷贝"})]}),(0,i.jsx)("hr",{}),(0,i.jsx)(l.m,{data:t,dataType:"plain",operations:p})]})}}return(0,i.jsx)(p,{})};function x(n){return(0,i.jsx)(n.tag,d(d({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function D(n){return(0,i.jsx)(x,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function z(n){return(0,i.jsx)(x,{tag:"style",html:n.style})}function C(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),C(n.parentNode,a);return a}class T 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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:s||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(x,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class E extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,C(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(z,{style:".zent-demo-tree-basic-switch-wrapper {\n\t\tmargin-bottom: 16px;\n\t\tdisplay: flex;\n\t}\n\t.zent-demo-tree-basic-switch-wrapper .zent-switch {\n\t\tmargin-left: 12px;\n\t}\n\n.zent-demo-tree-disable-select-wrapper {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t}\n\t.zent-demo-tree-disable-select-wrapper > ul {\n\t\twidth: 45%;\n\t}\n\n.zent-demo-tree-wrapper > .zent-tree {\n\t\tmargin-bottom: 16px;\n\t}"}),e.createElement(D,{html:'

Tree 树

\n

可视化展示多层级结构的内容，支持展开和折叠。

\n

建议

\n
    \n
  • 层级信息需要在一个窗口中展示时，可使用树组件。
    • \n
\n

注意

\n
    \n
  • 非层级关系或层级信息无需在一个窗口中展示时，不使用树结构。
    • \n
\n

代码演示

'}),e.createElement(T,{title:"基础用法",id:"Demobasic",src:'import { Tree, Switch } from \'zent\';\nimport { useState } from \'react\';\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 },\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 Demo = () => {\n const [autoExpandOnSelect, setAutoExpandOnSelect] = useState(false);\n\n return (\n <div>\n <div className="zent-demo-tree-basic-switch-wrapper">\n 点击节点时自动展开:\n <Switch\n checked={autoExpandOnSelect}\n onChange={checked => setAutoExpandOnSelect(checked)}\n />\n </div>\n <Tree data={treeData} autoExpandOnSelect={autoExpandOnSelect} />\n </div>\n );\n};\n\nReactDOM.render(<Demo />, mountNode);'},e.createElement(y)),e.createElement(T,{title:"列表格式数据源",id:"Demoarraydata",src:'import { Tree } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'杭州有赞科技有限公司\',\n },\n {\n id: 2,\n title: \'技术\',\n parentId: 1,\n },\n {\n id: 3,\n title: \'后端\',\n parentId: 2,\n },\n {\n id: 4,\n title: \'运维\',\n parentId: 2,\n },\n {\n id: 5,\n title: \'前端\',\n parentId: 2,\n },\n {\n id: 6,\n title: \'产品\',\n parentId: 1,\n },\n];\n\nReactDOM.render(<Tree dataType="plain" data={treeData} />, mountNode);'},e.createElement(m)),e.createElement(T,{title:"可选树",id:"Demooption",src:'import { 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\nclass TreeExample extends React.Component {\n state = {\n checkedKeys: [3, 5, 22],\n disabledCheckedKeys: [4, 7, 9, 22],\n };\n\n onCheck = (checked, helpInfo) => {\n console.log(checked, helpInfo);\n this.setState({\n checkedKeys: checked,\n });\n };\n\n render() {\n const { checkedKeys, disabledCheckedKeys } = this.state;\n\n return (\n <div>\n <Tree\n checkable\n size="small"\n data={treeData}\n onCheck={this.onCheck}\n checkedKeys={checkedKeys}\n disabledCheckedKeys={disabledCheckedKeys}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<TreeExample />, mountNode);'},e.createElement(h)),e.createElement(T,{title:"异步加载",id:"Demoasync",src:'import { Tree } from \'zent\';\n\nconst fetchData = (data, callback) => {\n if (data.level < 4) {\n setTimeout(() => {\n const resData = [];\n const base = Number(data.title.split(\'-\')[0]);\n const step = Math.pow(10, 3 - data.level);\n const level = data.level + 1;\n for (let i = 0, id = \'\', isLeaf = false; i <= 9; i++) {\n if (level === 4) {\n id = String(base + i);\n isLeaf = true;\n } else {\n id = `${base + step * i}-${base + step * (i + 1)}`;\n isLeaf = false;\n }\n resData.push({ id, level, title: id, isLeaf });\n }\n callback(resData);\n }, 200);\n } else {\n setTimeout(() => callback([]), 200);\n }\n};\n\nclass TreeExample extends React.Component {\n state = {\n treeData: [],\n };\n\n componentDidMount() {\n const rootData = {\n id: \'1-0-10000\',\n title: \'0-10000\',\n level: 0,\n expand: true,\n };\n fetchData(rootData, resData => {\n const newData = resData.map(item => ({\n ...item,\n parentId: rootData.id,\n }));\n this.setState({\n treeData: [rootData, ...newData],\n });\n });\n }\n\n loadMore = data =>\n new Promise((resolve, reject) => {\n fetchData(data, resData => {\n const newData = resData.map(item => ({\n ...item,\n parentId: data.id,\n }));\n this.setState({ treeData: [...this.state.treeData, ...newData] });\n resolve();\n });\n });\n\n render() {\n const { treeData } = this.state;\n return <Tree dataType="plain" data={treeData} loadMore={this.loadMore} />;\n }\n}\n\nReactDOM.render(<TreeExample />, mountNode);'},e.createElement(g)),e.createElement(T,{title:"禁用选择",id:"Demodisableselect",src:'import { Tree } from \'zent\';\n\nconst disabledSelectedKeys = [2];\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 },\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\nReactDOM.render(\n <div className="zent-demo-tree-disable-select-wrapper">\n <Tree data={treeData} disabledSelectedKeys={disabledSelectedKeys} />\n <Tree\n data={treeData}\n disabledSelectedKeys={disabledSelectedKeys}\n disableSelectedStrictly={true}\n />\n </div>,\n mountNode\n);'},e.createElement(b)),e.createElement(D,{html:'

API

\n

Tree

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
dataType数据类型, 默认为 tree 类型string\'tree\'\'plain\'
data必填, 实际传入的数据, 根据 dataType 进行识别array
renderKey渲染节点所用到的 key 集合, 具体看下表object
render自定义树条目渲染方法, 传入参数为该节点数据 (包含子树)func(data)
operations自定义操作, 包含 \nname\n, \nicon\n, \naction\n, \nshouldRender\n 属性array\n[\nobject\n]
foldable是否支持点击条目时展开与收起动作booltrue
onCheck点击 checkbox 的回调函数, 接受所选中节点的数组与帮助自定义的信息func(ids, helpInfo)
checkable是否支持 checkbox 选择booltrue
checkedKeyscheckbox 选中节点 id 数组array
disabledCheckedKeyscheckbox 默认禁选节点 id 数组array
size大小string\'medium\'\'small\'\n, \n\'large\'
commonStyle设置整个 tree 的外层 styleobject
expandAll是否展开所有节点boolfalse
onExpand展开节点之后的回调函数func(data, config)
autoExpandOnSelect点击节点是否展开boolfalse
onSelect选择树的一个节点的回调函数func(data, target)
isRootplain 数据类型，判断节点是否为根节点的 apifunc(node)
loadMore返回 Promise 的函数，必须支持 then 的回调, 用于节点异步加载更多内容func(data)
selectable节点是否可选booltrue
selectedKey当前选中的节点string\n|\nnumber
disabledSelectedKeys禁选的节点 ID 集合(string | number)[]
disableSelectedStrictly父级被禁选时是否同时禁选其子级booleanfalsetrue
onlyShowOneLinetitle 是否只展示一行booleanfalsetrue
\n

renderKey

\n

针对 data \b 使用到的部分 key，定制化。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明TypeDefault
id对应 数据的唯一标识string\'id\'
title对应 显示内容string\'title\'
children对应 子树 (\ndataType="tree"\n 时生效)string\'children\'
parentId对应 父节点 Id (\ndataType="plain"\n 时生效)string\'parentId\'
\n

data

\n

可在每个节点任意添加初下列属性之外的 key-value，回调函数中会拿到用户传入的完整数据。\n可以通过renderKey， 定制 key。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
id必填, 数据的唯一标识number/string
title必填, 显示内容string
children子树 (\ndataType="tree"\n 时生效)array\n[\nobject\n]
parentId父节点 Id (\ndataType="plain"\n 时生效), 根节点为 0 或不定义number/string
expand是否展开boolfalse
isLeaf是否叶子节点boolfalse
\n

operations

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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必填，显示内容string
icon显示 icon 的 className, 或 ReactNodestring／ReactNode
action必填，点击回调函数，参数为子树信息func(data)
shouldRender是否更新，返回 true/falsefunc(data)true
\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),e.createElement(T,{title:"列表格式数据源",id:"Demodisableddata",src:'import { Tree } from \'zent\';\n\nconst treeData = [{\n id: 1,\n title: \'杭州有赞科技有限公司\',\n}, {\n id: 2,\n title: \'技术\',\n parentId: 1\n}, {\n id: 3,\n title: \'后端\',\n parentId: 2\n}, {\n id: 4,\n title: \'运维\',\n parentId: 2\n}, {\n id: 5,\n title: \'前端\',\n parentId: 2\n}, {\n id: 6,\n title: \'产品\',\n parentId: 1\n}];\n\nReactDOM.render(\n <Tree dataType="plain" data={treeData} />\n , mountNode\n)'},e.createElement(v)),e.createElement(T,{title:"三种大小",id:"Demosize",src:'import { 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 },\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\nReactDOM.render(\n <div className="zent-demo-tree-wrapper">\n <Tree data={treeData} size="small" />\n <Tree data={treeData} />\n <Tree data={treeData} size="large" />\n </div>,\n mountNode\n);'},e.createElement(f)),e.createElement(T,{title:"自定义节点展示",id:"Democustomnode",src:'import { Tree } from \'zent\';\n\nconst treeData = [\n {\n id: 1,\n title: \'杭州有赞科技有限公司\',\n content: \'移动零售服务商\',\n children: [\n {\n id: 2,\n title: \'技术\',\n content: \'职位介绍http://job.youzan.com\',\n children: [\n {\n id: 3,\n title: \'后端\',\n },\n {\n id: 4,\n title: \'运维\',\n },\n {\n id: 5,\n title: \'前端\',\n },\n ],\n },\n {\n id: 6,\n title: \'产品\',\n content: <a href="http://job.youzan.com">\'请将简历发送至 joinus@youzan.com\'</a>,\n },\n ],\n },\n];\n\nconst customRender = data => (\n <span style={{ fontSize: 16, margin: 0, lineHeight: 1 }}>\n {data.title}\n {data.content ? (\n <small style={{ display: \'block\', fontSize: 10 }}>{data.content}</small>\n ) : (\n \'\'\n )}\n </span>\n);\n\nReactDOM.render(<Tree data={treeData} render={customRender} />, mountNode);'},e.createElement(w)),e.createElement(T,{title:"自定义操作",id:"Democustomoperate",src:'import { Tree, Icon, Radio } from \'zent\';\n\nconst RadioGroup = Radio.Group;\nconst originData = [\n {\n id: 1,\n title: \'杭州有赞科技有限公司\',\n },\n {\n id: 2,\n title: \'技术\',\n parentId: 1,\n },\n {\n id: 3,\n title: \'后端\',\n parentId: 2,\n },\n {\n id: 4,\n title: \'运维\',\n parentId: 2,\n },\n {\n id: 5,\n title: \'前端\',\n parentId: 2,\n },\n {\n id: 6,\n title: \'产品\',\n parentId: 1,\n },\n];\n\nconst deepClone = (node, parentId = 0, nodeArray = []) => {\n const copyNode = {\n id: String(Math.random()).replace(\'0.\', \'\'),\n parentId,\n title: node.title,\n };\n nodeArray.push(copyNode);\n\n for (\n let i = 0, l = (node.children && node.children.length) || 0;\n i < l;\n i++\n ) {\n deepClone(node.children[i], copyNode.id, nodeArray);\n }\n return nodeArray;\n};\n\nclass TreeExample extends React.Component {\n state = {\n treeData: originData,\n copyType: \'shallow\',\n };\n\n onDelete = data => {\n this.setState({\n treeData: this.state.treeData.filter(item => item.id !== data.id),\n });\n };\n\n onClone = data => {\n const { copyType } = this.state;\n\n if (copyType === \'shallow\') {\n const node = Object.assign({}, data, { id: Date.now() });\n this.setState({\n treeData: [...this.state.treeData, node],\n });\n } else if (copyType === \'deep\') {\n const nodeArray = deepClone(data, data.parentId);\n this.setState({\n treeData: [...this.state.treeData, ...nodeArray],\n });\n }\n };\n\n onCopyTypeChange = e => this.setState({ copyType: e.target.value });\n\n render() {\n const { copyType, treeData } = this.state;\n const operations = [\n {\n name: \'Delete\',\n icon: <Icon type="close" />,\n action: this.onDelete,\n },\n {\n name: \'Clone\',\n icon: <Icon type="plus" />,\n action: this.onClone,\n },\n ];\n\n return (\n <div>\n <RadioGroup onChange={this.onCopyTypeChange} value={copyType}>\n <Radio value="shallow">浅拷贝</Radio>\n <Radio value="deep">深拷贝</Radio>\n </RadioGroup>\n <hr />\n <Tree data={treeData} dataType="plain" operations={operations} />\n </div>\n );\n }\n}\n\nReactDOM.render(<TreeExample />, mountNode);'},e.createElement(j)))}}},33938:(n,a,s)=>{"use strict";s.d(a,{X:()=>k});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(1535),r=s(23130),u=s(1348),i=s(4008);function k(n){var a=(0,c.useContext)(u.d),s=(0,c.useContext)(r.Z),e=(0,c.useRef)(n);e.current=n;var i,k=s&&s.onChange,d=(0,c.useCallback)((function(n){var a=e.current,s=a.value,p=a.onChange;if(k)k(s);else if(p){var o=Object.create(n);o.target=(0,t.pi)((0,t.pi)({},e.current),{type:"checkbox",checked:n.target.checked}),p(o)}}),[k]),y=(n.checked,n.className),m=n.style,h=(n.disabled,n.readOnly,n.children),g=n.indeterminate,b=n.width,v=(n.value,n.labelStyle),f=n.onMouseEnter,w=n.onMouseLeave,j=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),x=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(s,n),D=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a?a.disabled:n.value}(a,s,n);if(s){var z=s.value,C=s.isValueEqual;i=-1!==z.findIndex((function(a){return C(a,n.value)}))}else i=!!n.checked;return(0,p.jsxs)("label",(0,t.pi)({className:o()("zent-checkbox-wrap",y,{"zent-checkbox-checked":!!i,"zent-checkbox-disabled":D||x,"zent-checkbox-indeterminate":g}),style:(0,t.pi)((0,t.pi)({},m),(0,l.Z)(b)),onMouseEnter:f,onMouseLeave:w,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},j,{type:"checkbox",checked:i&&!g,disabled:D,readOnly:x,onChange:d,"data-zv":"10.0.10"}),void 0)]}),void 0),null!=h&&!0!==h&&!1!==h?(0,p.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:v,"data-zv":"10.0.10"},{children:h}),void 0):null]}),void 0)}k.Group=i.Z,a.Z=k},4008:(n,a,s)=>{"use strict";s.d(a,{c:()=>k});var t=s(59312),p=s(24246),e=s(27378),o=s(60042),c=s.n(o),l=s(41925),r=s(23130),u=s(1348),i=r.Z.Provider,k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.getGroupContext=(0,l.Z)((function(n,s,t,p){return{value:Array.isArray(n)?n:[],disabled:s,readOnly:t,isValueEqual:p,onChange:a.onCheckboxChange}})),a.onCheckboxChange=function(n){var s=a.props,t=s.isValueEqual,p=s.onChange,e=s.value;if(p){var o=e?e.slice():[],c=o.findIndex((function(a){return t(a,n)}));-1!==c?o.splice(c,1):o.push(n),p(o)}},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.className,s=n.style,e=n.children,o=n.value,l=n.disabled,r=void 0===l?this.context.value:l,u=n.readOnly,k=void 0!==u&&u,d=n.isValueEqual,y=c()("zent-checkbox-group",a);return(0,p.jsx)(i,(0,t.pi)({value:this.getGroupContext(o,r,k,d)},{children:(0,p.jsx)("div",(0,t.pi)({className:y,style:s,"data-zv":"10.0.10"},{children:e}),void 0)}),void 0)},a.defaultProps={isValueEqual:Object.is,value:[]},a.contextType=u.d,a}(e.Component);a.Z=k},23130:(n,a,s)=>{"use strict";var t=s(27378);a.Z=(0,t.createContext)(null)},68150:(n,a,s)=>{"use strict";var t=s(33938);a.ZP=t.Z},85883:(n,a,s)=>{"use strict";var t=s(92497);a.Z=t.Z},4246:(n,a,s)=>{"use strict";s.d(a,{E:()=>u});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(27378),l=s(57961),r=s(1348);function u(n){var a=(0,c.useContext)(r.d),s=n.value,e=n.disabled,u=void 0===e?a.value:e,i=n.readOnly,k=void 0!==i&&i,d=n.isValueEqual,y=void 0===d?Object.is:d,m=n.className,h=n.style,g=n.children,b=n.onChange,v=(0,c.useMemo)((function(){return{value:s,disabled:u,readOnly:k,isValueEqual:y,onRadioChange:b}}),[s,u,k,y,b]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:v},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",m),style:h,"data-zv":"10.0.10"},{children:g}),void 0)}),void 0)}a.Z=u},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>y,Z:()=>m});var t=s(59312),p=s(24246),e=s(60042),o=s.n(e),c=s(1535),l=s(27378);function r(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var e=s.current.onChange;e&&e(a)}}),[p])}function u(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var i=s(4246),k=s(1348),d=s(57961);function y(n){var a=n.className,s=n.style,e=n.children,i=(n.value,n.width),y=n.labelStyle,m=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),h=(0,l.useContext)(k.d),g=(0,l.useContext)(d.Z),b=u(h,g,n),v=b.checked,f=b.disabled,w=b.readOnly,j=r(g,n),x=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!v,"zent-radio-disabled":f||w}),D=(0,c.Z)(i),z=(0,t.pi)((0,t.pi)({},s),D);return(0,p.jsxs)("label",(0,t.pi)({className:x,style:z,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},m,{type:"radio",checked:!!v,disabled:f,readOnly:w,onChange:j,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==e&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:y,"data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)}y.Button=function(n){var a=n.className,s=n.style,e=n.children,i=(n.value,n.width),y=n.onMouseEnter,m=n.onMouseLeave,h=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),g=(0,l.useContext)(k.d),b=(0,l.useContext)(d.Z);if(!b)throw new Error("Radio.Button must be nested within Radio.Group");var v=u(g,b,n),f=v.checked,w=v.disabled,j=v.readOnly,x=r(b,n),D=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!f,"zent-radio-button--disabled":w||j}),z=(0,c.Z)(i),C=(0,t.pi)((0,t.pi)({},s),z);return(0,p.jsxs)("label",(0,t.pi)({className:D,style:C,onMouseEnter:y,onMouseLeave:m,"data-zv":"10.0.10"},{children:[(0,p.jsx)("input",(0,t.pi)({},h,{type:"radio",checked:!!f,disabled:w,readOnly:j,onChange:x,"data-zv":"10.0.10"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:e}),void 0)]}),void 0)},y.Group=i.Z;var m=y},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file diff --git a/8770-50fa697d778e4be484e6.js b/8770-2b6e646a1b6e6f384a54.js similarity index 83% rename from 8770-50fa697d778e4be484e6.js rename to 8770-2b6e646a1b6e6f384a54.js index 6998ef1ad..8b447c0ef 100644 --- a/8770-50fa697d778e4be484e6.js +++ b/8770-2b6e646a1b6e6f384a54.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8770],{68770:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),e=a(27378),p=a(57318),o=a(48868),c=a(24246);function l(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 u(n){for(var s=1;s{this.setState({value:n})}))}render(){var n=this.state.value;return(0,c.jsx)(o.i,{value:n,onChange:this.onChange})}}return(0,c.jsx)(n,{})},r=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:1.3}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var n=this.state.value;return(0,c.jsx)(o.i,{max:2,min:1,step:.1,value:n,onChange:this.onChange})}}return(0,c.jsx)(n,{})},k=function(){return(0,c.jsx)(o.i,{value:30,disabled:!0})},d=function(){var n={0:"0",100:"100"};class s extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:30}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var s=this.state.value;return(0,c.jsx)(o.i,{marks:n,value:s,onChange:this.onChange})}}return(0,c.jsx)(s,{})},m=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:[30,100]}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var n=this.state.value;return(0,c.jsx)(o.i,{range:!0,value:n,onChange:this.onChange})}}return(0,c.jsx)(n,{})},h=function(){var n={0:"0°C",100:"100°C"};class s extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:[30,100]}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var s=this.state.value;return(0,c.jsx)(o.i,{range:!0,marks:n,value:s,onChange:this.onChange})}}return(0,c.jsx)(s,{})},v=function(){var n={0:"0°C",25:"25°C",50:"50°C",75:"75°C",100:"100°C"};class s extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:[0,50]}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var s=this.state.value;return(0,c.jsx)(o.i,{range:!0,dots:!0,marks:n,value:s,onChange:this.onChange})}}return(0,c.jsx)(s,{})};function g(n){return(0,c.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function f(n){return(0,c.jsx)(g,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function y(n){return(0,c.jsx)(g,{tag:"style",html:n.style})}function b(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),b(n.parentNode,s);return s}class w 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,e=s.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:a||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(g,{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,p.l)(document.documentElement,0,b(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(y,{style:""}),e.createElement(f,{html:'

Slider

\n

You can select a value by dragging or clicking Slider.

\n

Guides

\n
    \n
  • Support a single slider and double slider.
    • \n
  • Can be used with Input.
    • \n
  • \n
'}),e.createElement(w,{title:"Basic usage",id:"Demobasic",src:'import { Slider } from \'zent\';\n\nclass Test extends React.Component {\n state = {\n value: 0\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},e.createElement(i)),e.createElement(w,{title:"Set the maximun value, the minimun value and the interval between values.",id:"Demosetproperty",src:'import { Slider } from \'zent\';\n\nclass Test extends React.Component {\n state = {\n value: 1.3\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider max={2} min={1} step={0.1} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},e.createElement(r)),e.createElement(w,{title:"disabled",id:"Demodisable",src:'import { Slider } from \'zent\';\n\nReactDOM.render(\n <Slider value={30} disabled />\n , mountNode\n);'},e.createElement(k)),e.createElement(w,{title:"label values in bottom",id:"Demosinglelabel",src:'import { Slider } from \'zent\';\n\nconst marks = {\n 0: \'0\',\n 100: \'100\'\n};\n\nclass Test extends React.Component {\n state = {\n value: 30\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider marks={marks} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},e.createElement(d)),e.createElement(f,{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
PropertyDescriptionTypeDefaultAlternativeRequired
valueThe value of input[\nnumber,array\n]0[\n0,0\n]yes
onChangeThe callback function that is triggered when the slider is changedfunc(e:Event)no
rangeWhether the range selection can be used or notboolfalseno
maxThe max valuenumber10050no
minThe min valuenumber0-100no
stepThe interval between valuesnumber1no
withInputWhether the input is includedbooltruefalseno
dotsWhether the value of slider can only be selected from label values or notboolfalseno
markslabel valuesobjectno
disabledDisable the silderboolfalseno
classNameThe custom classnamestring\'\'no
widthwidthstring or numberno 否
\n

Ps. When setting range, you should set value as an array of length 2. The array entry must be a number. Property dots must be used with marks.

\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),e.createElement(w,{title:"Double silders for range selection",id:"Demorange",src:'import { Slider } from \'zent\';\n\nclass Test extends React.Component {\n state = {\n value: [30, 100]\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider range value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},e.createElement(m)),e.createElement(w,{title:"Label",id:"Demolabel",src:'import { Slider } from \'zent\';\n\nconst marks = {\n 0: \'0°C\',\n 100: \'100°C\'\n};\n\nclass Test extends React.Component {\n state = {\n value: [30, 100]\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider range marks={marks} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},e.createElement(h)),e.createElement(w,{title:"Only the label values can be selected, where there is no input.",id:"Demonoinput",src:'import { Slider } from \'zent\';\n\nconst marks = {\n 0: \'0°C\',\n 25: \'25°C\',\n 50: \'50°C\',\n 75: \'75°C\',\n 100: \'100°C\'\n};\n\nclass Test extends React.Component {\n state = {\n value: [0, 50]\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider range dots marks={marks} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},e.createElement(v)))}}},32254:(n,s,a)=>{"use strict";var t=a(80964);s.Z=t.Z},48868:(n,s,a)=>{"use strict";a.d(s,{i:()=>S});var t=a(59312),e=a(24246),p=a(60042),o=a.n(p),c=a(27378),l=a(1535),u=function(n){var s=n.value,a=n.position,p=n.disabled,c=n.active;return(0,e.jsxs)("div",(0,t.pi)({className:o()("zent-slider-tooltip",{"zent-slider-tooltip-active":c}),style:{left:a},"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",{className:o()("zent-slider-point",{"zent-slider-point-disabled":p}),"data-zv":"10.0.9"},void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-slider-tooltip-content","data-zv":"10.0.9"},{children:s}),void 0)]}),void 0)},i=function(n,s,a){return 100*(n-s)/(a-s)};function r(n,s){return!(n>s[1])&&(n<=s[0]||Math.abs(s[0]-n)<=Math.abs(s[1]-n))}var k=(0,c.memo)((function(n){var s=n.marks,a=n.min,p=n.max,o=n.potentialValues;return(0,e.jsx)(e.Fragment,{children:o.map((function(n){return(0,e.jsx)("div",(0,t.pi)({style:{left:i(n,a,p)+"%"},className:"zent-slider-mark","data-zv":"10.0.9"},{children:s[n]}),n)}))},void 0)}));k.displayName="ZentSliderMarks";var d=k;function m(n,s,a){return n>=s&&n<=a}var h=function(n){var s=n.min,a=n.max,t=n.activeLeft,p=n.activeRight,c=n.potentialValues,l=n.disabled;return(0,e.jsx)(e.Fragment,{children:c.map((function(n){return(0,e.jsx)("div",{className:o()("zent-slider-dot",{"zent-slider-dot-active":!l&&m(n,t,p)}),style:{left:i(n,s,a)+"%"},"data-zv":"10.0.9"},n)}))},void 0)},v=a(1348),g=a(32254);function f(n,s){return ns?1:0}function y(n){return n?Object.keys(n).map((function(n){return Number(n)})).filter((function(n){return!Number.isNaN(n)&&n!==1/0})).sort(f):[]}function b(n,s){for(var a=0,t=n.length;;){var e=Math.floor((a+t)/2);if(t===a+1||e===a)return Math.abs(n[a]-s)<=Math.abs(n[t]-s)?n[a]:n[t];var p=n[e];if(s===p)return p;sp&&(a=e)}}var w=a(80186),C=function(n,s,a){return na?a:n},x=function(n){var s=String(n).split(".")[1];return s?s.length:0},j=function(n,s,a){return 100*(n-s)/(a-s)+"%"},S=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={decimal:x(s.props.step),potentialValues:y(s.props.marks),active:null,prevProps:s.props},s.containerRef=(0,c.createRef)(),s.mouseDown=!1,s.limit=null,s.isLeft=null,s.onSingleChange=function(n){if(!1===s.props.range){var a=s.props,t=a.onChange,e=a.dots,p=a.disabled,o=s.state.potentialValues,c=Number(n);e&&(c=b(o,c)),!p&&t&&t(c)}},s.onLeftChange=function(n){if(!0===s.props.range){var a=s.props,t=a.value,e=void 0===t?[0,0]:t,p=a.onChange,o=a.dots,c=a.disabled,l=s.state.potentialValues;if(!c&&p){var u=Number(n);o&&(u=b(l,u)),p(u>e[1]?[e[1],u]:[u,e[1]])}}},s.onRightChange=function(n){if(!0===s.props.range){var a=s.props,t=a.value,e=void 0===t?[0,0]:t,p=a.onChange,o=a.dots,c=a.disabled,l=s.state.potentialValues;if(!c&&p){var u=Number(n);o&&(u=b(l,u)),p(u>e[0]?[e[0],u]:[u,e[0]])}}},s.onMouseDown=function(n){s.mouseDown=!0;var a=s.getValueFromEvent(n),t=s.props,e=t.min,p=t.max,o=C(a,e,p);s.state.active||s.setState({active:"point-single"}),s.onChange(o)},s.onWindowMouseUp=function(){s.mouseDown=!1,s.limit=null,s.isLeft=null,s.setState({active:null})},s.onWindowMouseMove=function(n){if(s.mouseDown){var a=s.getValueFromEvent(n);if(s.props.range){var t,e=s.props,p=e.value,o=e.min,c=e.max;t=p[0]===p[1]?n.movementX<=0:r(a,p),s.state.active||s.setState({active:t?"point-left":"point-right"}),s.limit||(s.isLeft=t,s.limit=t?[o,p[1]]:[p[0],c]),a=C(a,s.limit[0],s.limit[1])}else{var l=s.props;o=l.min,c=l.max,s.state.active||s.setState({active:"point-single"}),a=C(a,o,c)}s.onChange(a)}},s}return(0,t.ZT)(s,n),s.prototype.getComputedProps=function(){var n=this.props,s=n.disabled,a=void 0===s?this.context.value:s,t=n.min,e=n.max,p=this.state.decimal;if(!1!==this.props.range){var o=this.props.value,c=j(o[0],t,e);return{range:!0,leftProps:{min:t,max:o[1],disabled:a,decimal:p,onChange:this.onLeftChange,value:o[0],position:c},rightProps:{min:o[0],max:e,disabled:a,decimal:p,onChange:this.onRightChange,value:o[1],position:j(o[1],t,e)},trackStyle:{left:c,width:(o[1]-o[0])/(e-t)*100+"%"}}}var l=j(this.props.value,t,e);return{range:!1,props:{min:t,max:e,disabled:a,decimal:p,onChange:this.onSingleChange,value:this.props.value,position:l},trackStyle:{left:0,width:l}}},s.prototype.onChange=function(n){var s=this.props,a=s.dots,t=s.disabled,e=this.state,p=e.potentialValues,o=e.decimal;if(!t){var c=function(n,s){return Number(n.toFixed(s))}(n,o);if(a&&(c=b(p,c)),!0===this.props.range){var l=this.props,u=l.onChange,i=l.value;if(!u)return;u((null!==this.isLeft?this.isLeft:r(n,i))?[c,i[1]]:[i[0],c])}else(u=this.props.onChange)&&u(c)}},s.prototype.getValueFromEvent=function(n){var s=this.props,a=s.min,t=s.max,e=this.containerRef.current;return function(n,s,a){return s+(a-s)*n}((n.clientX-e.getBoundingClientRect().left)/e.clientWidth,a,t)},s.getDerivedStateFromProps=function(n,s){var a=s.prevProps;if(n===a)return null;var t={prevProps:n};return a.step!==n.step&&(t.decimal=x(n.step)),a.marks!==n.marks&&(t.potentialValues=y(n.marks)),t},s.prototype.render=function(){var n=this.props,s=n.withInput,a=n.className,p=n.width,c=n.disabled,i=void 0===c?this.context.value:c,r=n.min,k=n.max,m=n.marks,v=n.dots,f=this.state,y=f.potentialValues,b=f.active,C=this.getComputedProps();return(0,e.jsxs)("div",(0,t.pi)({className:o()("zent-slider",a,{"zent-slider-disabled":i}),style:(0,l.Z)(p),"data-zv":"10.0.9"},{children:[(0,e.jsxs)("div",(0,t.pi)({ref:this.containerRef,className:"zent-slider-main",onMouseDown:this.onMouseDown,"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",{style:C.trackStyle,className:o()("zent-slider-track",{"zent-slider-track-disabled":i}),"data-zv":"10.0.9"},void 0),!0===C.range?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(u,{active:"point-left"===b,disabled:i,position:C.leftProps.position,value:C.leftProps.value},"point-left"),(0,e.jsx)(u,{active:"point-right"===b,disabled:i,position:C.rightProps.position,value:C.rightProps.value},"point-right")]},void 0):(0,e.jsx)(u,{active:"point-single"===b,disabled:i,position:C.props.position,value:C.props.value},"point-single"),m?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(d,{marks:m,min:r,max:k,potentialValues:y},void 0),v?(0,e.jsx)(h,{marks:m,min:r,max:k,activeLeft:!0===this.props.range?this.props.value[0]:0,activeRight:!0===this.props.range?this.props.value[1]:this.props.value,potentialValues:y,disabled:i},void 0):null]},void 0):null]}),void 0),s&&!v&&(!0===C.range?(0,e.jsxs)("div",(0,t.pi)({className:"zent-slider-input","data-zv":"10.0.9"},{children:[(0,e.jsx)(g.Z,(0,t.pi)({},C.leftProps),"number-input-left"),(0,e.jsx)("div",(0,t.pi)({className:"slider-input-line","data-zv":"10.0.9"},{children:"-"}),void 0),(0,e.jsx)(g.Z,(0,t.pi)({},C.rightProps),"number-input-right")]}),void 0):(0,e.jsx)(g.Z,(0,t.pi)({className:"zent-slider-input"},C.props),"number-input-single")),(0,e.jsx)(w.ZM,{eventName:"mousemove",listener:this.onWindowMouseMove},void 0),(0,e.jsx)(w.ZM,{eventName:"mouseup",listener:this.onWindowMouseUp},void 0)]}),void 0)},s.defaultProps={min:0,max:100,step:1,withInput:!0,range:!1,value:0},s.contextType=v.d,s}(c.Component)},1535:(n,s,a)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8770],{68770:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),e=a(27378),p=a(57318),o=a(48868),c=a(24246);function l(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 u(n){for(var s=1;s{this.setState({value:n})}))}render(){var n=this.state.value;return(0,c.jsx)(o.i,{value:n,onChange:this.onChange})}}return(0,c.jsx)(n,{})},r=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:1.3}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var n=this.state.value;return(0,c.jsx)(o.i,{max:2,min:1,step:.1,value:n,onChange:this.onChange})}}return(0,c.jsx)(n,{})},k=function(){return(0,c.jsx)(o.i,{value:30,disabled:!0})},d=function(){var n={0:"0",100:"100"};class s extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:30}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var s=this.state.value;return(0,c.jsx)(o.i,{marks:n,value:s,onChange:this.onChange})}}return(0,c.jsx)(s,{})},m=function(){class n extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:[30,100]}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var n=this.state.value;return(0,c.jsx)(o.i,{range:!0,value:n,onChange:this.onChange})}}return(0,c.jsx)(n,{})},h=function(){var n={0:"0°C",100:"100°C"};class s extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:[30,100]}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var s=this.state.value;return(0,c.jsx)(o.i,{range:!0,marks:n,value:s,onChange:this.onChange})}}return(0,c.jsx)(s,{})},v=function(){var n={0:"0°C",25:"25°C",50:"50°C",75:"75°C",100:"100°C"};class s extends e.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{value:[0,50]}),(0,t.Z)(this,"onChange",(n=>{this.setState({value:n})}))}render(){var s=this.state.value;return(0,c.jsx)(o.i,{range:!0,dots:!0,marks:n,value:s,onChange:this.onChange})}}return(0,c.jsx)(s,{})};function g(n){return(0,c.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function f(n){return(0,c.jsx)(g,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function y(n){return(0,c.jsx)(g,{tag:"style",html:n.style})}function b(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),b(n.parentNode,s);return s}class w 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,e=s.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:a||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(g,{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,p.l)(document.documentElement,0,b(s,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(y,{style:""}),e.createElement(f,{html:'

Slider

\n

You can select a value by dragging or clicking Slider.

\n

Guides

\n
    \n
  • Support a single slider and double slider.
    • \n
  • Can be used with Input.
    • \n
  • \n
'}),e.createElement(w,{title:"Basic usage",id:"Demobasic",src:'import { Slider } from \'zent\';\n\nclass Test extends React.Component {\n state = {\n value: 0\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},e.createElement(i)),e.createElement(w,{title:"Set the maximun value, the minimun value and the interval between values.",id:"Demosetproperty",src:'import { Slider } from \'zent\';\n\nclass Test extends React.Component {\n state = {\n value: 1.3\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider max={2} min={1} step={0.1} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},e.createElement(r)),e.createElement(w,{title:"disabled",id:"Demodisable",src:'import { Slider } from \'zent\';\n\nReactDOM.render(\n <Slider value={30} disabled />\n , mountNode\n);'},e.createElement(k)),e.createElement(w,{title:"label values in bottom",id:"Demosinglelabel",src:'import { Slider } from \'zent\';\n\nconst marks = {\n 0: \'0\',\n 100: \'100\'\n};\n\nclass Test extends React.Component {\n state = {\n value: 30\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider marks={marks} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},e.createElement(d)),e.createElement(f,{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
PropertyDescriptionTypeDefaultAlternativeRequired
valueThe value of input[\nnumber,array\n]0[\n0,0\n]yes
onChangeThe callback function that is triggered when the slider is changedfunc(e:Event)no
rangeWhether the range selection can be used or notboolfalseno
maxThe max valuenumber10050no
minThe min valuenumber0-100no
stepThe interval between valuesnumber1no
withInputWhether the input is includedbooltruefalseno
dotsWhether the value of slider can only be selected from label values or notboolfalseno
markslabel valuesobjectno
disabledDisable the silderboolfalseno
classNameThe custom classnamestring\'\'no
widthwidthstring or numberno 否
\n

Ps. When setting range, you should set value as an array of length 2. The array entry must be a number. Property dots must be used with marks.

\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),e.createElement(w,{title:"Double silders for range selection",id:"Demorange",src:'import { Slider } from \'zent\';\n\nclass Test extends React.Component {\n state = {\n value: [30, 100]\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider range value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},e.createElement(m)),e.createElement(w,{title:"Label",id:"Demolabel",src:'import { Slider } from \'zent\';\n\nconst marks = {\n 0: \'0°C\',\n 100: \'100°C\'\n};\n\nclass Test extends React.Component {\n state = {\n value: [30, 100]\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider range marks={marks} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},e.createElement(h)),e.createElement(w,{title:"Only the label values can be selected, where there is no input.",id:"Demonoinput",src:'import { Slider } from \'zent\';\n\nconst marks = {\n 0: \'0°C\',\n 25: \'25°C\',\n 50: \'50°C\',\n 75: \'75°C\',\n 100: \'100°C\'\n};\n\nclass Test extends React.Component {\n state = {\n value: [0, 50]\n }\n\n onChange = value => {\n this.setState({ value });\n }\n\n render() {\n const { value } = this.state;\n return (<Slider range dots marks={marks} value={value} onChange={this.onChange} />);\n }\n}\n\nReactDOM.render(\n <Test />\n , mountNode\n);'},e.createElement(v)))}}},32254:(n,s,a)=>{"use strict";var t=a(80964);s.Z=t.Z},48868:(n,s,a)=>{"use strict";a.d(s,{i:()=>S});var t=a(59312),e=a(24246),p=a(60042),o=a.n(p),c=a(27378),l=a(1535),u=function(n){var s=n.value,a=n.position,p=n.disabled,c=n.active;return(0,e.jsxs)("div",(0,t.pi)({className:o()("zent-slider-tooltip",{"zent-slider-tooltip-active":c}),style:{left:a},"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",{className:o()("zent-slider-point",{"zent-slider-point-disabled":p}),"data-zv":"10.0.10"},void 0),(0,e.jsx)("div",(0,t.pi)({className:"zent-slider-tooltip-content","data-zv":"10.0.10"},{children:s}),void 0)]}),void 0)},i=function(n,s,a){return 100*(n-s)/(a-s)};function r(n,s){return!(n>s[1])&&(n<=s[0]||Math.abs(s[0]-n)<=Math.abs(s[1]-n))}var k=(0,c.memo)((function(n){var s=n.marks,a=n.min,p=n.max,o=n.potentialValues;return(0,e.jsx)(e.Fragment,{children:o.map((function(n){return(0,e.jsx)("div",(0,t.pi)({style:{left:i(n,a,p)+"%"},className:"zent-slider-mark","data-zv":"10.0.10"},{children:s[n]}),n)}))},void 0)}));k.displayName="ZentSliderMarks";var d=k;function m(n,s,a){return n>=s&&n<=a}var h=function(n){var s=n.min,a=n.max,t=n.activeLeft,p=n.activeRight,c=n.potentialValues,l=n.disabled;return(0,e.jsx)(e.Fragment,{children:c.map((function(n){return(0,e.jsx)("div",{className:o()("zent-slider-dot",{"zent-slider-dot-active":!l&&m(n,t,p)}),style:{left:i(n,s,a)+"%"},"data-zv":"10.0.10"},n)}))},void 0)},v=a(1348),g=a(32254);function f(n,s){return ns?1:0}function y(n){return n?Object.keys(n).map((function(n){return Number(n)})).filter((function(n){return!Number.isNaN(n)&&n!==1/0})).sort(f):[]}function b(n,s){for(var a=0,t=n.length;;){var e=Math.floor((a+t)/2);if(t===a+1||e===a)return Math.abs(n[a]-s)<=Math.abs(n[t]-s)?n[a]:n[t];var p=n[e];if(s===p)return p;sp&&(a=e)}}var w=a(80186),C=function(n,s,a){return na?a:n},x=function(n){var s=String(n).split(".")[1];return s?s.length:0},j=function(n,s,a){return 100*(n-s)/(a-s)+"%"},S=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={decimal:x(s.props.step),potentialValues:y(s.props.marks),active:null,prevProps:s.props},s.containerRef=(0,c.createRef)(),s.mouseDown=!1,s.limit=null,s.isLeft=null,s.onSingleChange=function(n){if(!1===s.props.range){var a=s.props,t=a.onChange,e=a.dots,p=a.disabled,o=s.state.potentialValues,c=Number(n);e&&(c=b(o,c)),!p&&t&&t(c)}},s.onLeftChange=function(n){if(!0===s.props.range){var a=s.props,t=a.value,e=void 0===t?[0,0]:t,p=a.onChange,o=a.dots,c=a.disabled,l=s.state.potentialValues;if(!c&&p){var u=Number(n);o&&(u=b(l,u)),p(u>e[1]?[e[1],u]:[u,e[1]])}}},s.onRightChange=function(n){if(!0===s.props.range){var a=s.props,t=a.value,e=void 0===t?[0,0]:t,p=a.onChange,o=a.dots,c=a.disabled,l=s.state.potentialValues;if(!c&&p){var u=Number(n);o&&(u=b(l,u)),p(u>e[0]?[e[0],u]:[u,e[0]])}}},s.onMouseDown=function(n){s.mouseDown=!0;var a=s.getValueFromEvent(n),t=s.props,e=t.min,p=t.max,o=C(a,e,p);s.state.active||s.setState({active:"point-single"}),s.onChange(o)},s.onWindowMouseUp=function(){s.mouseDown=!1,s.limit=null,s.isLeft=null,s.setState({active:null})},s.onWindowMouseMove=function(n){if(s.mouseDown){var a=s.getValueFromEvent(n);if(s.props.range){var t,e=s.props,p=e.value,o=e.min,c=e.max;t=p[0]===p[1]?n.movementX<=0:r(a,p),s.state.active||s.setState({active:t?"point-left":"point-right"}),s.limit||(s.isLeft=t,s.limit=t?[o,p[1]]:[p[0],c]),a=C(a,s.limit[0],s.limit[1])}else{var l=s.props;o=l.min,c=l.max,s.state.active||s.setState({active:"point-single"}),a=C(a,o,c)}s.onChange(a)}},s}return(0,t.ZT)(s,n),s.prototype.getComputedProps=function(){var n=this.props,s=n.disabled,a=void 0===s?this.context.value:s,t=n.min,e=n.max,p=this.state.decimal;if(!1!==this.props.range){var o=this.props.value,c=j(o[0],t,e);return{range:!0,leftProps:{min:t,max:o[1],disabled:a,decimal:p,onChange:this.onLeftChange,value:o[0],position:c},rightProps:{min:o[0],max:e,disabled:a,decimal:p,onChange:this.onRightChange,value:o[1],position:j(o[1],t,e)},trackStyle:{left:c,width:(o[1]-o[0])/(e-t)*100+"%"}}}var l=j(this.props.value,t,e);return{range:!1,props:{min:t,max:e,disabled:a,decimal:p,onChange:this.onSingleChange,value:this.props.value,position:l},trackStyle:{left:0,width:l}}},s.prototype.onChange=function(n){var s=this.props,a=s.dots,t=s.disabled,e=this.state,p=e.potentialValues,o=e.decimal;if(!t){var c=function(n,s){return Number(n.toFixed(s))}(n,o);if(a&&(c=b(p,c)),!0===this.props.range){var l=this.props,u=l.onChange,i=l.value;if(!u)return;u((null!==this.isLeft?this.isLeft:r(n,i))?[c,i[1]]:[i[0],c])}else(u=this.props.onChange)&&u(c)}},s.prototype.getValueFromEvent=function(n){var s=this.props,a=s.min,t=s.max,e=this.containerRef.current;return function(n,s,a){return s+(a-s)*n}((n.clientX-e.getBoundingClientRect().left)/e.clientWidth,a,t)},s.getDerivedStateFromProps=function(n,s){var a=s.prevProps;if(n===a)return null;var t={prevProps:n};return a.step!==n.step&&(t.decimal=x(n.step)),a.marks!==n.marks&&(t.potentialValues=y(n.marks)),t},s.prototype.render=function(){var n=this.props,s=n.withInput,a=n.className,p=n.width,c=n.disabled,i=void 0===c?this.context.value:c,r=n.min,k=n.max,m=n.marks,v=n.dots,f=this.state,y=f.potentialValues,b=f.active,C=this.getComputedProps();return(0,e.jsxs)("div",(0,t.pi)({className:o()("zent-slider",a,{"zent-slider-disabled":i}),style:(0,l.Z)(p),"data-zv":"10.0.10"},{children:[(0,e.jsxs)("div",(0,t.pi)({ref:this.containerRef,className:"zent-slider-main",onMouseDown:this.onMouseDown,"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",{style:C.trackStyle,className:o()("zent-slider-track",{"zent-slider-track-disabled":i}),"data-zv":"10.0.10"},void 0),!0===C.range?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(u,{active:"point-left"===b,disabled:i,position:C.leftProps.position,value:C.leftProps.value},"point-left"),(0,e.jsx)(u,{active:"point-right"===b,disabled:i,position:C.rightProps.position,value:C.rightProps.value},"point-right")]},void 0):(0,e.jsx)(u,{active:"point-single"===b,disabled:i,position:C.props.position,value:C.props.value},"point-single"),m?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(d,{marks:m,min:r,max:k,potentialValues:y},void 0),v?(0,e.jsx)(h,{marks:m,min:r,max:k,activeLeft:!0===this.props.range?this.props.value[0]:0,activeRight:!0===this.props.range?this.props.value[1]:this.props.value,potentialValues:y,disabled:i},void 0):null]},void 0):null]}),void 0),s&&!v&&(!0===C.range?(0,e.jsxs)("div",(0,t.pi)({className:"zent-slider-input","data-zv":"10.0.10"},{children:[(0,e.jsx)(g.Z,(0,t.pi)({},C.leftProps),"number-input-left"),(0,e.jsx)("div",(0,t.pi)({className:"slider-input-line","data-zv":"10.0.10"},{children:"-"}),void 0),(0,e.jsx)(g.Z,(0,t.pi)({},C.rightProps),"number-input-right")]}),void 0):(0,e.jsx)(g.Z,(0,t.pi)({className:"zent-slider-input"},C.props),"number-input-single")),(0,e.jsx)(w.ZM,{eventName:"mousemove",listener:this.onWindowMouseMove},void 0),(0,e.jsx)(w.ZM,{eventName:"mouseup",listener:this.onWindowMouseUp},void 0)]}),void 0)},s.defaultProps={min:0,max:100,step:1,withInput:!0,range:!1,value:0},s.contextType=v.d,s}(c.Component)},1535:(n,s,a)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file diff --git a/8800-63f66299419d491a3eea.js b/8800-63f66299419d491a3eea.js deleted file mode 100644 index ce34348f3..000000000 --- a/8800-63f66299419d491a3eea.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8800],{4246:(e,t,n)=>{"use strict";n.d(t,{E:()=>u});var r=n(59312),i=n(24246),o=n(60042),a=n.n(o),s=n(27378),d=n(57961),l=n(1348);function u(e){var t=(0,s.useContext)(l.d),n=e.value,o=e.disabled,u=void 0===o?t.value:o,c=e.readOnly,p=void 0!==c&&c,h=e.isValueEqual,v=void 0===h?Object.is:h,f=e.className,w=e.style,y=e.children,m=e.onChange,z=(0,s.useMemo)((function(){return{value:n,disabled:u,readOnly:p,isValueEqual:v,onRadioChange:m}}),[n,u,p,v,m]);return(0,i.jsx)(d.Z.Provider,(0,r.pi)({value:z},{children:(0,i.jsx)("div",(0,r.pi)({className:a()("zent-radio-group",f),style:w,"data-zv":"10.0.9"},{children:y}),void 0)}),void 0)}t.Z=u},57961:(e,t,n)=>{"use strict";var r=(0,n(27378).createContext)(null);r.displayName="RadioGroupContext",t.Z=r},71457:(e,t,n)=>{"use strict";n.d(t,{Y:()=>v,Z:()=>f});var r=n(59312),i=n(24246),o=n(60042),a=n.n(o),s=n(1535),d=n(27378);function l(e,t){var n=(0,d.useRef)(t);n.current=t;var i=e&&e.onRadioChange;return(0,d.useCallback)((function(e){var t=function(e,t){var n=Object.create(e);return n.target=(0,r.pi)((0,r.pi)({},t),{type:"radio",checked:e.target.checked}),n}(e,n.current);if(i)i(t);else{var o=n.current.onChange;o&&o(t)}}),[i])}function u(e,t,n){var r=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:r,readOnly:i}}var c=n(4246),p=n(1348),h=n(57961);function v(e){var t=e.className,n=e.style,o=e.children,c=(e.value,e.width),v=e.labelStyle,f=(e.onMouseEnter,e.onMouseLeave,(0,r._T)(e,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),w=(0,d.useContext)(p.d),y=(0,d.useContext)(h.Z),m=u(w,y,e),z=m.checked,x=m.disabled,C=m.readOnly,g=l(y,e),b=a()(t,"zent-radio-wrap",{"zent-radio-checked":!!z,"zent-radio-disabled":x||C}),_=(0,s.Z)(c),N=(0,r.pi)((0,r.pi)({},n),_);return(0,i.jsxs)("label",(0,r.pi)({className:b,style:N,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,"data-zv":"10.0.9"},{children:[(0,i.jsxs)("span",(0,r.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,i.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,i.jsx)("input",(0,r.pi)({},f,{type:"radio",checked:!!z,disabled:x,readOnly:C,onChange:g,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==o&&(0,i.jsx)("span",(0,r.pi)({className:"zent-radio-label",style:v,"data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)}v.Button=function(e){var t=e.className,n=e.style,o=e.children,c=(e.value,e.width),v=e.onMouseEnter,f=e.onMouseLeave,w=(0,r._T)(e,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),y=(0,d.useContext)(p.d),m=(0,d.useContext)(h.Z);if(!m)throw new Error("Radio.Button must be nested within Radio.Group");var z=u(y,m,e),x=z.checked,C=z.disabled,g=z.readOnly,b=l(m,e),_=a()(t,"zent-radio-button",{"zent-radio-button--checked":!!x,"zent-radio-button--disabled":C||g}),N=(0,s.Z)(c),k=(0,r.pi)((0,r.pi)({},n),N);return(0,i.jsxs)("label",(0,r.pi)({className:_,style:k,onMouseEnter:v,onMouseLeave:f,"data-zv":"10.0.9"},{children:[(0,i.jsx)("input",(0,r.pi)({},w,{type:"radio",checked:!!x,disabled:C,readOnly:g,onChange:b,"data-zv":"10.0.9"}),void 0),(0,i.jsx)("span",(0,r.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)},v.Group=c.Z;var f=v},82568:(e,t,n)=>{"use strict";n.d(t,{lr:()=>f});var r=n(59312),i=n(24246),o=n(27378),a=n(60042),s=n.n(a),d=n(14322),l=n(27036),u=["black","blue","red","green"],c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.isDotActive=function(e,t,n){return e===t||0===e&&t>n-1||e===n-1&&t<0},t.isBuildInColor=function(e){return-1!==u.indexOf(e)},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e,t=this,n=this.props,a=n.dotsColor,d=n.dotsSize,l=n.items,u=n.currentIndex,c=n.dotsType,p=n.onDotsClick,h=n.dotsTheme,v=s()("zent-swiper__dots","zent-swiper__dots-"+d,"zent-swiper__dots--"+c,"zent-swiper__dots--"+h,((e={})["zent-swiper__dots-"+a]=this.isBuildInColor(a),e));return(0,i.jsx)("ul",(0,r.pi)({className:v,"data-zv":"10.0.9"},{children:o.Children.map(l,(function(e,n){var r=t.isDotActive(n,u,l.length);return r&&!t.isBuildInColor(a)?(0,i.jsx)("li",{style:{background:a},className:"zent-swiper__dots-item zent-swiper__dots-item-active","data-zv":"10.0.9"},n):(0,i.jsx)("li",{className:s()("zent-swiper__dots-item",{"zent-swiper__dots-item-active":r}),onClick:function(){return p(n)},"data-zv":"10.0.9"},n)}))}),void 0)},t}(o.PureComponent);function p(e,t){var n=e.style;Object.keys(t).forEach((function(e){n[e]=t[e]}))}var h=function(e,t){return(0,i.jsx)("div",(0,r.pi)({className:s()("zent-swiper__arrow","zent-swiper__arrow-left",{"zent-swiper__arrow--disabled":t}),onClick:t?void 0:e,"data-zv":"10.0.9"},{children:(0,i.jsx)(l.Z,{type:"right-circle",className:"zent-swiper__arrow-icon"},void 0)}),void 0)},v=function(e,t){return(0,i.jsx)("div",(0,r.pi)({className:s()("zent-swiper__arrow","zent-swiper__arrow-right",{"zent-swiper__arrow--disabled":t}),onClick:t?void 0:e,"data-zv":"10.0.9"},{children:(0,i.jsx)(l.Z,{type:"right-circle",className:"zent-swiper__arrow-icon"},void 0)}),void 0)},f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={currentIndex:0},t.init=function(e){void 0===e&&(e=!1);var n=t.props,r=n.autoplay,i=n.children,a=t.state.currentIndex,s=o.Children.count(i),d=t.swiperContainer.children;t.clearAutoplay(),t.setSwiperWidth(),p(t.swiperContainer,{width:t.swiperWidth*d.length+"px"});for(var l=0;l1&&(r&&t.startAutoplay(),t.translate(a,null,!0))},t.getSwiper=function(e){t.swiper=e},t.getSwiperContainer=function(e){t.swiperContainer=e},t.setSwiperWidth=function(){t.swiperWidth=t.swiper.getBoundingClientRect().width},t.startAutoplay=function(){var e=t.props.autoplayInterval;t.autoplayTimer=setTimeout(t.next,Number(e))},t.clearAutoplay=function(){clearTimeout(t.autoplayTimer),t.autoplayTimer=void 0},t.next=function(){var e=t.state.currentIndex;1!==o.Children.count(t.props.children)&&t.swipeTo(e+1)},t.prev=function(){var e=t.state.currentIndex;t.swipeTo(e-1)},t.swipeTo=function(e){e===t.state.currentIndex||t.isSwiping||(t.isSwiping=!0,t.setState({currentIndex:e}))},t.translate=function(e,n,r){var i=t.props,o=i.autoplay,a=i.autoplayInterval,s=i.transitionDuration,d=i.onChange,l=t.props.children.length,u=t.swiperWidth*(-1-e),c=r?0:s;if(o&&!t.isMouseEnter&&(clearTimeout(t.autoplayTimer),t.autoplayTimer=setTimeout(t.next,Number(a))),p(t.swiperContainer,{transform:"translateX("+u+"px)","transition-duration":c+"ms"}),e>l-1||e<0)return t.resetPosition(e);setTimeout((function(){t.isSwiping=!1}),c),d&&d(e,t.getRealPrevIndex(n))},t.resetPosition=function(e){var n=t.props.transitionDuration,r=t.props.children.length;e<0?setTimeout((function(){return t.setState({currentIndex:r-1})}),n):setTimeout((function(){return t.setState({currentIndex:0})}),n)},t.getRealPrevIndex=function(e){var n=t.props.children.length;return null===e?null:e>n-1?n-1:e<0?0:e},t.cloneChildren=function(e){var t=o.Children.count(e);if(t<=1)return e;var n=new Array(t+2);return o.Children.forEach(e,(function(e,r){n[r+1]=e,0===r?n[t+1]=e:r===t-1&&(n[0]=e)})),n},t.handleMouseEnter=function(){var e=t.props.autoplay;t.isMouseEnter=!0,e&&t.clearAutoplay()},t.handleMouseLeave=function(){var e=t.props.autoplay;t.isMouseEnter=!1,e&&t.startAutoplay()},t.handleDotsClick=function(e){t.setState({currentIndex:e})},t.handleResize=function(){return t.init()},t}return(0,r.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){if(!t.prevProps)return{prevProps:e};var n=e.children,r=t.prevProps.children;return o.Children.count(r)!==o.Children.count(n)?{currentIndex:0,prevProps:e}:null},t.prototype.componentDidMount=function(){this.init()},t.prototype.componentDidUpdate=function(e,t){var n=this.props.children.length,r=this.state.currentIndex,i=t.currentIndex,a=i>n-1||i<0;if(i!==r&&this.translate(r,i,a),o.Children.count(e.children)!==o.Children.count(this.props.children)){var s=2===o.Children.count(e.children)&&1===o.Children.count(this.props.children);this.init(s)}},t.prototype.componentWillUnmount=function(){this.clearAutoplay()},t.prototype.render=function(){var e=this.props,t=e.className,n=e.dots,a=e.dotsColor,l=e.dotsSize,u=e.dotsTheme,p=e.arrows,h=e.arrowsSize,v=e.arrowsType,f=e.arrowsDisabled,w=e.children,y=e.renderNextArrow,m=e.renderPrevArrow,z=this.state.currentIndex,x=!!n,C="round"===n?"round":"line",g=s()("zent-swiper",t,{"zent-swiper-light":p&&"light"===v,"zent-swiper--hover-show-arrow":"hover"===p,"zent-swiper--arrow-large":"large"===h}),b=o.Children.count(w),_=this.cloneChildren(w);return(0,i.jsxs)("div",(0,r.pi)({ref:this.getSwiper,className:g,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,"data-zv":"10.0.9"},{children:[p&&b>1&&m(this.prev,f.left),p&&b>1&&y(this.next,f.right),(0,i.jsx)("div",(0,r.pi)({ref:this.getSwiperContainer,className:"zent-swiper__container","data-zv":"10.0.9"},{children:o.Children.map(_,(function(e,t){return(0,o.cloneElement)(e,{key:t-1,style:{float:"left",height:"100%"}})}))}),void 0),x&&b>1&&(0,i.jsx)(c,{dotsType:C,dotsColor:a,dotsTheme:u,dotsSize:l,items:w,currentIndex:z,onDotsClick:this.handleDotsClick},void 0),(0,i.jsx)(d.w,{onResize:this.handleResize},void 0)]}),void 0)},t.defaultProps={className:"",transitionDuration:300,autoplay:!1,autoplayInterval:3e3,dots:!0,dotsTheme:"dark",dotsSize:"normal",arrows:!1,arrowsSize:"normal",arrowsType:"dark",arrowsDisabled:{left:!1,right:!1},renderPrevArrow:h,renderNextArrow:v},t}(o.Component)},14322:(e,t,n)=>{"use strict";n.d(t,{w:()=>l});var r=n(24246),i=n(27378),o=n(27468),a=n(80186),s=n(17127),d={passive:!0},l=function(e){var t=e.disableThrottle,n=void 0!==t&&t,l=e.onResize,u=(0,i.useRef)(null),c=(0,i.useRef)(l);c.current=l;var p=(0,i.useCallback)((function(e){var t=(0,o.ZP)();u.current||(u.current=t);var n=u.current,r={deltaX:t.width-n.width,deltaY:t.height-n.height};0===r.deltaX&&0===r.deltaY||(c.current(e,r),u.current=t)}),[]),h=(0,s.BN)(p,n);return(0,i.useEffect)((function(){return u.current=(0,o.ZP)(),h.cancel}),[h]),(0,r.jsx)(a.ZP,{eventName:"resize",listener:h,options:d},void 0)}},1535:(e,t,n)=>{"use strict";function r(e){return"string"==typeof e||"number"==typeof e?{width:e}:{}}n.d(t,{Z:()=>r})}}]); \ No newline at end of file diff --git a/8800-edc8187fa167168e565d.js b/8800-edc8187fa167168e565d.js new file mode 100644 index 000000000..7509dbe78 --- /dev/null +++ b/8800-edc8187fa167168e565d.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8800],{4246:(e,t,n)=>{"use strict";n.d(t,{E:()=>u});var r=n(59312),i=n(24246),o=n(60042),a=n.n(o),s=n(27378),d=n(57961),l=n(1348);function u(e){var t=(0,s.useContext)(l.d),n=e.value,o=e.disabled,u=void 0===o?t.value:o,c=e.readOnly,p=void 0!==c&&c,h=e.isValueEqual,v=void 0===h?Object.is:h,f=e.className,w=e.style,y=e.children,m=e.onChange,z=(0,s.useMemo)((function(){return{value:n,disabled:u,readOnly:p,isValueEqual:v,onRadioChange:m}}),[n,u,p,v,m]);return(0,i.jsx)(d.Z.Provider,(0,r.pi)({value:z},{children:(0,i.jsx)("div",(0,r.pi)({className:a()("zent-radio-group",f),style:w,"data-zv":"10.0.10"},{children:y}),void 0)}),void 0)}t.Z=u},57961:(e,t,n)=>{"use strict";var r=(0,n(27378).createContext)(null);r.displayName="RadioGroupContext",t.Z=r},71457:(e,t,n)=>{"use strict";n.d(t,{Y:()=>v,Z:()=>f});var r=n(59312),i=n(24246),o=n(60042),a=n.n(o),s=n(1535),d=n(27378);function l(e,t){var n=(0,d.useRef)(t);n.current=t;var i=e&&e.onRadioChange;return(0,d.useCallback)((function(e){var t=function(e,t){var n=Object.create(e);return n.target=(0,r.pi)((0,r.pi)({},t),{type:"radio",checked:e.target.checked}),n}(e,n.current);if(i)i(t);else{var o=n.current.onChange;o&&o(t)}}),[i])}function u(e,t,n){var r=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:r,readOnly:i}}var c=n(4246),p=n(1348),h=n(57961);function v(e){var t=e.className,n=e.style,o=e.children,c=(e.value,e.width),v=e.labelStyle,f=(e.onMouseEnter,e.onMouseLeave,(0,r._T)(e,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),w=(0,d.useContext)(p.d),y=(0,d.useContext)(h.Z),m=u(w,y,e),z=m.checked,x=m.disabled,C=m.readOnly,g=l(y,e),b=a()(t,"zent-radio-wrap",{"zent-radio-checked":!!z,"zent-radio-disabled":x||C}),_=(0,s.Z)(c),N=(0,r.pi)((0,r.pi)({},n),_);return(0,i.jsxs)("label",(0,r.pi)({className:b,style:N,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,i.jsxs)("span",(0,r.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,r.pi)({},f,{type:"radio",checked:!!z,disabled:x,readOnly:C,onChange:g,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==o&&(0,i.jsx)("span",(0,r.pi)({className:"zent-radio-label",style:v,"data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)}v.Button=function(e){var t=e.className,n=e.style,o=e.children,c=(e.value,e.width),v=e.onMouseEnter,f=e.onMouseLeave,w=(0,r._T)(e,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),y=(0,d.useContext)(p.d),m=(0,d.useContext)(h.Z);if(!m)throw new Error("Radio.Button must be nested within Radio.Group");var z=u(y,m,e),x=z.checked,C=z.disabled,g=z.readOnly,b=l(m,e),_=a()(t,"zent-radio-button",{"zent-radio-button--checked":!!x,"zent-radio-button--disabled":C||g}),N=(0,s.Z)(c),k=(0,r.pi)((0,r.pi)({},n),N);return(0,i.jsxs)("label",(0,r.pi)({className:_,style:k,onMouseEnter:v,onMouseLeave:f,"data-zv":"10.0.10"},{children:[(0,i.jsx)("input",(0,r.pi)({},w,{type:"radio",checked:!!x,disabled:C,readOnly:g,onChange:b,"data-zv":"10.0.10"}),void 0),(0,i.jsx)("span",(0,r.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)},v.Group=c.Z;var f=v},82568:(e,t,n)=>{"use strict";n.d(t,{lr:()=>f});var r=n(59312),i=n(24246),o=n(27378),a=n(60042),s=n.n(a),d=n(14322),l=n(27036),u=["black","blue","red","green"],c=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.isDotActive=function(e,t,n){return e===t||0===e&&t>n-1||e===n-1&&t<0},t.isBuildInColor=function(e){return-1!==u.indexOf(e)},t}return(0,r.ZT)(t,e),t.prototype.render=function(){var e,t=this,n=this.props,a=n.dotsColor,d=n.dotsSize,l=n.items,u=n.currentIndex,c=n.dotsType,p=n.onDotsClick,h=n.dotsTheme,v=s()("zent-swiper__dots","zent-swiper__dots-"+d,"zent-swiper__dots--"+c,"zent-swiper__dots--"+h,((e={})["zent-swiper__dots-"+a]=this.isBuildInColor(a),e));return(0,i.jsx)("ul",(0,r.pi)({className:v,"data-zv":"10.0.10"},{children:o.Children.map(l,(function(e,n){var r=t.isDotActive(n,u,l.length);return r&&!t.isBuildInColor(a)?(0,i.jsx)("li",{style:{background:a},className:"zent-swiper__dots-item zent-swiper__dots-item-active","data-zv":"10.0.10"},n):(0,i.jsx)("li",{className:s()("zent-swiper__dots-item",{"zent-swiper__dots-item-active":r}),onClick:function(){return p(n)},"data-zv":"10.0.10"},n)}))}),void 0)},t}(o.PureComponent);function p(e,t){var n=e.style;Object.keys(t).forEach((function(e){n[e]=t[e]}))}var h=function(e,t){return(0,i.jsx)("div",(0,r.pi)({className:s()("zent-swiper__arrow","zent-swiper__arrow-left",{"zent-swiper__arrow--disabled":t}),onClick:t?void 0:e,"data-zv":"10.0.10"},{children:(0,i.jsx)(l.Z,{type:"right-circle",className:"zent-swiper__arrow-icon"},void 0)}),void 0)},v=function(e,t){return(0,i.jsx)("div",(0,r.pi)({className:s()("zent-swiper__arrow","zent-swiper__arrow-right",{"zent-swiper__arrow--disabled":t}),onClick:t?void 0:e,"data-zv":"10.0.10"},{children:(0,i.jsx)(l.Z,{type:"right-circle",className:"zent-swiper__arrow-icon"},void 0)}),void 0)},f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={currentIndex:0},t.init=function(e){void 0===e&&(e=!1);var n=t.props,r=n.autoplay,i=n.children,a=t.state.currentIndex,s=o.Children.count(i),d=t.swiperContainer.children;t.clearAutoplay(),t.setSwiperWidth(),p(t.swiperContainer,{width:t.swiperWidth*d.length+"px"});for(var l=0;l1&&(r&&t.startAutoplay(),t.translate(a,null,!0))},t.getSwiper=function(e){t.swiper=e},t.getSwiperContainer=function(e){t.swiperContainer=e},t.setSwiperWidth=function(){t.swiperWidth=t.swiper.getBoundingClientRect().width},t.startAutoplay=function(){var e=t.props.autoplayInterval;t.autoplayTimer=setTimeout(t.next,Number(e))},t.clearAutoplay=function(){clearTimeout(t.autoplayTimer),t.autoplayTimer=void 0},t.next=function(){var e=t.state.currentIndex;1!==o.Children.count(t.props.children)&&t.swipeTo(e+1)},t.prev=function(){var e=t.state.currentIndex;t.swipeTo(e-1)},t.swipeTo=function(e){e===t.state.currentIndex||t.isSwiping||(t.isSwiping=!0,t.setState({currentIndex:e}))},t.translate=function(e,n,r){var i=t.props,o=i.autoplay,a=i.autoplayInterval,s=i.transitionDuration,d=i.onChange,l=t.props.children.length,u=t.swiperWidth*(-1-e),c=r?0:s;if(o&&!t.isMouseEnter&&(clearTimeout(t.autoplayTimer),t.autoplayTimer=setTimeout(t.next,Number(a))),p(t.swiperContainer,{transform:"translateX("+u+"px)","transition-duration":c+"ms"}),e>l-1||e<0)return t.resetPosition(e);setTimeout((function(){t.isSwiping=!1}),c),d&&d(e,t.getRealPrevIndex(n))},t.resetPosition=function(e){var n=t.props.transitionDuration,r=t.props.children.length;e<0?setTimeout((function(){return t.setState({currentIndex:r-1})}),n):setTimeout((function(){return t.setState({currentIndex:0})}),n)},t.getRealPrevIndex=function(e){var n=t.props.children.length;return null===e?null:e>n-1?n-1:e<0?0:e},t.cloneChildren=function(e){var t=o.Children.count(e);if(t<=1)return e;var n=new Array(t+2);return o.Children.forEach(e,(function(e,r){n[r+1]=e,0===r?n[t+1]=e:r===t-1&&(n[0]=e)})),n},t.handleMouseEnter=function(){var e=t.props.autoplay;t.isMouseEnter=!0,e&&t.clearAutoplay()},t.handleMouseLeave=function(){var e=t.props.autoplay;t.isMouseEnter=!1,e&&t.startAutoplay()},t.handleDotsClick=function(e){t.setState({currentIndex:e})},t.handleResize=function(){return t.init()},t}return(0,r.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){if(!t.prevProps)return{prevProps:e};var n=e.children,r=t.prevProps.children;return o.Children.count(r)!==o.Children.count(n)?{currentIndex:0,prevProps:e}:null},t.prototype.componentDidMount=function(){this.init()},t.prototype.componentDidUpdate=function(e,t){var n=this.props.children.length,r=this.state.currentIndex,i=t.currentIndex,a=i>n-1||i<0;if(i!==r&&this.translate(r,i,a),o.Children.count(e.children)!==o.Children.count(this.props.children)){var s=2===o.Children.count(e.children)&&1===o.Children.count(this.props.children);this.init(s)}},t.prototype.componentWillUnmount=function(){this.clearAutoplay()},t.prototype.render=function(){var e=this.props,t=e.className,n=e.dots,a=e.dotsColor,l=e.dotsSize,u=e.dotsTheme,p=e.arrows,h=e.arrowsSize,v=e.arrowsType,f=e.arrowsDisabled,w=e.children,y=e.renderNextArrow,m=e.renderPrevArrow,z=this.state.currentIndex,x=!!n,C="round"===n?"round":"line",g=s()("zent-swiper",t,{"zent-swiper-light":p&&"light"===v,"zent-swiper--hover-show-arrow":"hover"===p,"zent-swiper--arrow-large":"large"===h}),b=o.Children.count(w),_=this.cloneChildren(w);return(0,i.jsxs)("div",(0,r.pi)({ref:this.getSwiper,className:g,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,"data-zv":"10.0.10"},{children:[p&&b>1&&m(this.prev,f.left),p&&b>1&&y(this.next,f.right),(0,i.jsx)("div",(0,r.pi)({ref:this.getSwiperContainer,className:"zent-swiper__container","data-zv":"10.0.10"},{children:o.Children.map(_,(function(e,t){return(0,o.cloneElement)(e,{key:t-1,style:{float:"left",height:"100%"}})}))}),void 0),x&&b>1&&(0,i.jsx)(c,{dotsType:C,dotsColor:a,dotsTheme:u,dotsSize:l,items:w,currentIndex:z,onDotsClick:this.handleDotsClick},void 0),(0,i.jsx)(d.w,{onResize:this.handleResize},void 0)]}),void 0)},t.defaultProps={className:"",transitionDuration:300,autoplay:!1,autoplayInterval:3e3,dots:!0,dotsTheme:"dark",dotsSize:"normal",arrows:!1,arrowsSize:"normal",arrowsType:"dark",arrowsDisabled:{left:!1,right:!1},renderPrevArrow:h,renderNextArrow:v},t}(o.Component)},14322:(e,t,n)=>{"use strict";n.d(t,{w:()=>l});var r=n(24246),i=n(27378),o=n(27468),a=n(80186),s=n(17127),d={passive:!0},l=function(e){var t=e.disableThrottle,n=void 0!==t&&t,l=e.onResize,u=(0,i.useRef)(null),c=(0,i.useRef)(l);c.current=l;var p=(0,i.useCallback)((function(e){var t=(0,o.ZP)();u.current||(u.current=t);var n=u.current,r={deltaX:t.width-n.width,deltaY:t.height-n.height};0===r.deltaX&&0===r.deltaY||(c.current(e,r),u.current=t)}),[]),h=(0,s.BN)(p,n);return(0,i.useEffect)((function(){return u.current=(0,o.ZP)(),h.cancel}),[h]),(0,r.jsx)(a.ZP,{eventName:"resize",listener:h,options:d},void 0)}},1535:(e,t,n)=>{"use strict";function r(e){return"string"==typeof e||"number"==typeof e?{width:e}:{}}n.d(t,{Z:()=>r})}}]); \ No newline at end of file diff --git a/8935-33130526b59c0ec046f9.js b/8935-667ed954b9c085e7ec25.js similarity index 59% rename from 8935-33130526b59c0ec046f9.js rename to 8935-667ed954b9c085e7ec25.js index 855d04f06..95ba2897c 100644 --- a/8935-33130526b59c0ec046f9.js +++ b/8935-667ed954b9c085e7ec25.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8935],{48935:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>f});var t=s(73450),p=s(27378),c=s(57318),o=s(39215),e=s(82285),l=s(4246),u=s(71457),i=s(89522),k=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function g(n){for(var a=1;a{this.setState({search:n.target.value.trim().toLowerCase()})})),(0,t.Z)(this,"onCopyOptionChange",(n=>{this.setState({copyType:n.target.value})})),(0,t.Z)(this,"getIconString",(n=>()=>"jsx"===this.state.copyType?''):n))}render(){var n=this.state.search;return(0,k.jsxs)("div",{className:"zi-grid",children:[(0,k.jsxs)("div",{className:"zi-grid-toolbar",children:[n&&(0,k.jsx)("style",{children:'.zi-grid-item:not([data-index*="'.concat(n,'"]) { display: none; }')}),(0,k.jsxs)("div",{className:"zi-search-input-wrapper",children:[(0,k.jsx)(e.I,{className:"zi-search-input",icon:"search",placeholder:"搜索图标",value:n,onChange:this.onChange}),"注意：展示的图标名称不是 type"]}),(0,k.jsxs)(l.E,{onChange:this.onCopyOptionChange,value:this.state.copyType,children:[(0,k.jsx)(u.Y,{value:"jsx",children:"复制 JSX"}),(0,k.jsx)(u.Y,{value:"name",children:"复制 type"})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"操作类"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("up"),onCopySuccess:"up 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"upup",children:[(0,k.jsx)(o.J,{type:"up"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"up"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("down"),onCopySuccess:"down 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"downdown",children:[(0,k.jsx)(o.J,{type:"down"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"down"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("left"),onCopySuccess:"left 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"leftleft",children:[(0,k.jsx)(o.J,{type:"left"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"left"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("right"),onCopySuccess:"right 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"rightright",children:[(0,k.jsx)(o.J,{type:"right"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"right"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("left-circle-o"),onCopySuccess:"left_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"left_circleleftcircleoutline",children:[(0,k.jsx)(o.J,{type:"left-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"left_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("left-circle"),onCopySuccess:"left_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"left_circle_fillleftcirclefilled",children:[(0,k.jsx)(o.J,{type:"left-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"left_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("right-circle-o"),onCopySuccess:"right_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"right_circlerightcircleoutline",children:[(0,k.jsx)(o.J,{type:"right-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"right_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("right-circle"),onCopySuccess:"right_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"right_circle_fillrightcirclefilled",children:[(0,k.jsx)(o.J,{type:"right-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"right_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("up-circle-o"),onCopySuccess:"up_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"up_circleupcircleoutline",children:[(0,k.jsx)(o.J,{type:"up-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"up_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("up-circle"),onCopySuccess:"up_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"up_circle_fillupcirclefilled",children:[(0,k.jsx)(o.J,{type:"up-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"up_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("down-circle-o"),onCopySuccess:"down_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"down_circledowncircleoutline",children:[(0,k.jsx)(o.J,{type:"down-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"down_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("down-circle"),onCopySuccess:"down_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"down_circle_filldowncirclefilled",children:[(0,k.jsx)(o.J,{type:"down-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"down_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("upload"),onCopySuccess:"upload 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"uploadupload",children:[(0,k.jsx)(o.J,{type:"upload"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"upload"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("download"),onCopySuccess:"download 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"downloaddownload",children:[(0,k.jsx)(o.J,{type:"download"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"download"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("edit-o"),onCopySuccess:"edit 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"editeditoutline",children:[(0,k.jsx)(o.J,{type:"edit-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"edit"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("edit"),onCopySuccess:"edit_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"edit_filleditfilled",children:[(0,k.jsx)(o.J,{type:"edit"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"edit_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("remove-o"),onCopySuccess:"remove 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"removedeleteremoveoutline",children:[(0,k.jsx)(o.J,{type:"remove-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"remove"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("remove"),onCopySuccess:"remove_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"remove_filldeleteremovefilled",children:[(0,k.jsx)(o.J,{type:"remove"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"remove_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("save-o"),onCopySuccess:"save 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"savesaveoutline",children:[(0,k.jsx)(o.J,{type:"save-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"save"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("save"),onCopySuccess:"save_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"save_fillsavefilled",children:[(0,k.jsx)(o.J,{type:"save"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"save_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("arrow-up"),onCopySuccess:"arrow_up 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"arrow_uparrowup",children:[(0,k.jsx)(o.J,{type:"arrow-up"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"arrow_up"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("arrow-down"),onCopySuccess:"arrow_down 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"arrow_downarrowdown",children:[(0,k.jsx)(o.J,{type:"arrow-down"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"arrow_down"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("locked-o"),onCopySuccess:"locked 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"lockedlockedoutline",children:[(0,k.jsx)(o.J,{type:"locked-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"locked"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("locked"),onCopySuccess:"locked_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"locked_filllockedfilled",children:[(0,k.jsx)(o.J,{type:"locked"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"locked_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("unlocked-o"),onCopySuccess:"unlocked 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"unlockedunlockedoutline",children:[(0,k.jsx)(o.J,{type:"unlocked-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"unlocked"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("unlocked"),onCopySuccess:"unlocked_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"unlocked_fillunlockedfilled",children:[(0,k.jsx)(o.J,{type:"unlocked"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"unlocked_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("nav-line"),onCopySuccess:"nav_line 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"nav_linenavline",children:[(0,k.jsx)(o.J,{type:"nav-line"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"nav_line"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("nav-grid"),onCopySuccess:"nav_grid 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"nav_gridnavgrid",children:[(0,k.jsx)(o.J,{type:"nav-grid"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"nav_grid"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("share"),onCopySuccess:"share 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shareshare",children:[(0,k.jsx)(o.J,{type:"share"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"share"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("refresh"),onCopySuccess:"refresh 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"refreshrefreshoutline",children:[(0,k.jsx)(o.J,{type:"refresh"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"refresh"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("help-circle-o"),onCopySuccess:"help 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"helphelpcircleoutline",children:[(0,k.jsx)(o.J,{type:"help-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"help"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("help-circle"),onCopySuccess:"help_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"help_fillhelpcirclefilled",children:[(0,k.jsx)(o.J,{type:"help-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"help_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("thumbnail"),onCopySuccess:"fullscreen 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"fullscreenfullscreenthumbnail",children:[(0,k.jsx)(o.J,{type:"thumbnail"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"fullscreen"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("fullscreen-exit"),onCopySuccess:"fullscreen_exit 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"fullscreen_exitfullscreenexit",children:[(0,k.jsx)(o.J,{type:"fullscreen-exit"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"fullscreen_exit"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("table-loose"),onCopySuccess:"table_loose 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"table_loosetableloose",children:[(0,k.jsx)(o.J,{type:"table-loose"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"table_loose"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("table-compact"),onCopySuccess:"table_compact 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"table_compacttablecompact",children:[(0,k.jsx)(o.J,{type:"table-compact"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"table_compact"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("export"),onCopySuccess:"export 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"exportexportfilled",children:[(0,k.jsx)(o.J,{type:"export"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"export"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("pin-o"),onCopySuccess:"pin 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"pinpinoutline",children:[(0,k.jsx)(o.J,{type:"pin-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"pin"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("pin"),onCopySuccess:"pin_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"pin_fillpinfilled",children:[(0,k.jsx)(o.J,{type:"pin"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"pin_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("eye-o"),onCopySuccess:"show 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"showeyeoutlineshow",children:[(0,k.jsx)(o.J,{type:"eye-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"show"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("eye"),onCopySuccess:"show_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"show_filleyefilledshow",children:[(0,k.jsx)(o.J,{type:"eye"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"show_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("closed-eye"),onCopySuccess:"hide 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hideclosed-eyeoutlinehide",children:[(0,k.jsx)(o.J,{type:"closed-eye"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hide"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("subtract-circle-o"),onCopySuccess:"subtract_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"subtract_circleminussubtract circleoutline",children:[(0,k.jsx)(o.J,{type:"subtract-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"subtract_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("subtract-circle"),onCopySuccess:"subtract_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"subtract_circle_fillminussubtractcirclefilled",children:[(0,k.jsx)(o.J,{type:"subtract-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"subtract_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("plus-circle-o"),onCopySuccess:"plus_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"plus_circleaddpluscircleoutline",children:[(0,k.jsx)(o.J,{type:"plus-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"plus_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("plus-circle"),onCopySuccess:"plus_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"plus_circle_filladdpluscirclefilled",children:[(0,k.jsx)(o.J,{type:"plus-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"plus_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("double-last"),onCopySuccess:"double_last 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"double_lastdoublelast",children:[(0,k.jsx)(o.J,{type:"double-last"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"double_last"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("double-next"),onCopySuccess:"double_next 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"double_nextdoublenext",children:[(0,k.jsx)(o.J,{type:"double-next"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"double_next"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("plus"),onCopySuccess:"plus 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"plusaddplus",children:[(0,k.jsx)(o.J,{type:"plus"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"plus"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("close"),onCopySuccess:"close 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"closeclosenaked",children:[(0,k.jsx)(o.J,{type:"close"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"close"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("search"),onCopySuccess:"search 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"searchsearch",children:[(0,k.jsx)(o.J,{type:"search"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"search"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("more"),onCopySuccess:"more 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"moremore",children:[(0,k.jsx)(o.J,{type:"more"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"more"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("caret-up"),onCopySuccess:"ascending 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"ascendingcaretupascending",children:[(0,k.jsx)(o.J,{type:"caret-up"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"ascending"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("caret-down"),onCopySuccess:"descending 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"descendingcaretdowndescending",children:[(0,k.jsx)(o.J,{type:"caret-down"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"descending"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("reset"),onCopySuccess:"reset_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"reset_fillresetfilled",children:[(0,k.jsx)(o.J,{type:"reset"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"reset_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("drag"),onCopySuccess:"drag 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"dragdrag",children:[(0,k.jsx)(o.J,{type:"drag"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"drag"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("filter-o"),onCopySuccess:"filter 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"filterfilteroutline",children:[(0,k.jsx)(o.J,{type:"filter-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"filter"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"业务类"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("summary-o"),onCopySuccess:"summary 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"summarysummaryoutline",children:[(0,k.jsx)(o.J,{type:"summary-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"summary"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("summary"),onCopySuccess:"summary_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"summary_fillsummaryfilled",children:[(0,k.jsx)(o.J,{type:"summary"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"summary_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("shop-o"),onCopySuccess:"shop 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shopshopoutline",children:[(0,k.jsx)(o.J,{type:"shop-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"shop"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("shop"),onCopySuccess:"shop_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shop_fillshopfilled",children:[(0,k.jsx)(o.J,{type:"shop"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"shop_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("goods-o"),onCopySuccess:"goods 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"goodsgoodsoutline",children:[(0,k.jsx)(o.J,{type:"goods-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"goods"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("goods"),onCopySuccess:"goods_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"goods_fillgoodsfilled",children:[(0,k.jsx)(o.J,{type:"goods"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"goods_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("order-o"),onCopySuccess:"order 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"orderorderoutline",children:[(0,k.jsx)(o.J,{type:"order-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"order"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("order"),onCopySuccess:"order_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"order_fillorderfilled",children:[(0,k.jsx)(o.J,{type:"order"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"order_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-o"),onCopySuccess:"customer 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"customercustomeroutline",children:[(0,k.jsx)(o.J,{type:"customer-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"customer"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer"),onCopySuccess:"customer_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"customer_fillcustomerfilled",children:[(0,k.jsx)(o.J,{type:"customer"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"customer_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("chart-o"),onCopySuccess:"chart 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"chartdatachartoutline",children:[(0,k.jsx)(o.J,{type:"chart-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"chart"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("chart"),onCopySuccess:"chart_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"chart_filldatachartfilled",children:[(0,k.jsx)(o.J,{type:"chart"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"chart_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("capital-o"),onCopySuccess:"capital 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"capitalcapitaloutline",children:[(0,k.jsx)(o.J,{type:"capital-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"capital"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("capital"),onCopySuccess:"capital_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"capital_fillcapitalfilled",children:[(0,k.jsx)(o.J,{type:"capital"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"capital_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("settings-o"),onCopySuccess:"settings 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"settingssettingsoutline",children:[(0,k.jsx)(o.J,{type:"settings-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"settings"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("settings"),onCopySuccess:"settings_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"settings_fillsettingsfilled",children:[(0,k.jsx)(o.J,{type:"settings"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"settings_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("marketing-o"),onCopySuccess:"marketing 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"marketingmarketingoutline",children:[(0,k.jsx)(o.J,{type:"marketing-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"marketing"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("marketing"),onCopySuccess:"marketing_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"marketing_fillmarketingfilled",children:[(0,k.jsx)(o.J,{type:"marketing"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"marketing_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("inventory-o"),onCopySuccess:"inventory 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"inventoryinventoryoutline",children:[(0,k.jsx)(o.J,{type:"inventory-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"inventory"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("inventory"),onCopySuccess:"inventory_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"inventory_fillinventoryfilled",children:[(0,k.jsx)(o.J,{type:"inventory"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"inventory_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("procurement-o"),onCopySuccess:"procurement 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"procurementprocurementoutline",children:[(0,k.jsx)(o.J,{type:"procurement-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"procurement"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("procurement"),onCopySuccess:"procurement_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"procurement_fillprocurementfilled",children:[(0,k.jsx)(o.J,{type:"procurement"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"procurement_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("finance-o"),onCopySuccess:"finance 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"financefinanceoutline",children:[(0,k.jsx)(o.J,{type:"finance-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"finance"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("finance"),onCopySuccess:"finance_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"finance_fillfinancefilled",children:[(0,k.jsx)(o.J,{type:"finance"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"finance_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("cashier-o"),onCopySuccess:"cashier 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"cashiercashieroutline",children:[(0,k.jsx)(o.J,{type:"cashier-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"cashier"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("cashier"),onCopySuccess:"cashier_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"cashier_fillcashierfilled",children:[(0,k.jsx)(o.J,{type:"cashier"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"cashier_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("course-o"),onCopySuccess:"course 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"coursecourseoutline",children:[(0,k.jsx)(o.J,{type:"course-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"course"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("course"),onCopySuccess:"course_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"course_fillcoursefilled",children:[(0,k.jsx)(o.J,{type:"course"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"course_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("admissions-o"),onCopySuccess:"admissions 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"admissionsadmissionsoutline",children:[(0,k.jsx)(o.J,{type:"admissions-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"admissions"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("admissions"),onCopySuccess:"admissions_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"admissions_filladmissionsfilled",children:[(0,k.jsx)(o.J,{type:"admissions"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"admissions_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("educational-o"),onCopySuccess:"educational 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"educationaleducationaloutline",children:[(0,k.jsx)(o.J,{type:"educational-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"educational"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("educational"),onCopySuccess:"educational_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"educational_filleducationalfilled",children:[(0,k.jsx)(o.J,{type:"educational"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"educational_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-service-o"),onCopySuccess:"service 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"servicecustomer-serviceoutline",children:[(0,k.jsx)(o.J,{type:"customer-service-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"service"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-service"),onCopySuccess:"service_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"service_fillcustomer-servicefilled",children:[(0,k.jsx)(o.J,{type:"customer-service"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"service_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("message-o"),onCopySuccess:"message 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"messagemessageoutline",children:[(0,k.jsx)(o.J,{type:"message-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"message"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("message"),onCopySuccess:"message_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"message_fillmessagefilled",children:[(0,k.jsx)(o.J,{type:"message"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"message_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("jump-out"),onCopySuccess:"jump_out 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"jump_outjump-out",children:[(0,k.jsx)(o.J,{type:"jump-out"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"jump_out"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("sign-out"),onCopySuccess:"sign_out 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"sign_outsign-out",children:[(0,k.jsx)(o.J,{type:"sign-out"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"sign_out"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hotel-o"),onCopySuccess:"hotel 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hotelhoteloutline",children:[(0,k.jsx)(o.J,{type:"hotel-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hotel"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hotel"),onCopySuccess:"hotel_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hotel_fillhotelfilled",children:[(0,k.jsx)(o.J,{type:"hotel"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hotel_fill"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"状态类"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("check-circle-o"),onCopySuccess:"success_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"success_circlecheckcircleoutlinesuccess",children:[(0,k.jsx)(o.J,{type:"check-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"success_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("check-circle"),onCopySuccess:"success_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"success_circle_fillcheckcirclefilledsuccess",children:[(0,k.jsx)(o.J,{type:"check-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"success_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("close-circle-o"),onCopySuccess:"error_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"error_circleerrorcircleoutline",children:[(0,k.jsx)(o.J,{type:"close-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"error_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("close-circle"),onCopySuccess:"error_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"error_circle_fillerrorcirclefilled",children:[(0,k.jsx)(o.J,{type:"close-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"error_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("warning-o"),onCopySuccess:"warning 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"warningwarningtriangleoutline",children:[(0,k.jsx)(o.J,{type:"warning-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"warning"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("warning"),onCopySuccess:"warning_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"warning_fillwarningtrianglefilled",children:[(0,k.jsx)(o.J,{type:"warning"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"warning_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("info-circle-o"),onCopySuccess:"info_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"info_circleinfocircleoutline",children:[(0,k.jsx)(o.J,{type:"info-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"info_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("info-circle"),onCopySuccess:"info_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"info_circle_fillinfocirclefilled",children:[(0,k.jsx)(o.J,{type:"info-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"info_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("loading"),onCopySuccess:"loading 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"loadingloading",children:[(0,k.jsx)(o.J,{type:"loading"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"loading"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("wait"),onCopySuccess:"wait_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"wait_fillwaitfilled",children:[(0,k.jsx)(o.J,{type:"wait"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"wait_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("star-o"),onCopySuccess:"star 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"starstaroutline",children:[(0,k.jsx)(o.J,{type:"star-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"star"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("star"),onCopySuccess:"star_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"star_fillstarfilled",children:[(0,k.jsx)(o.J,{type:"star"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"star_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bell-o"),onCopySuccess:"bell 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bellbelloutline",children:[(0,k.jsx)(o.J,{type:"bell-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bell"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bell"),onCopySuccess:"bell_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bell_fillbellfilled",children:[(0,k.jsx)(o.J,{type:"bell"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bell_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("check"),onCopySuccess:"check 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"checkcheck",children:[(0,k.jsx)(o.J,{type:"check"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"check"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"标示类"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("youzan-o"),onCopySuccess:"youzan 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"youzanyouzanlogooutline",children:[(0,k.jsx)(o.J,{type:"youzan-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"youzan"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("youzan"),onCopySuccess:"youzan_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"youzan_fillyouzanlogofilled",children:[(0,k.jsx)(o.J,{type:"youzan"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"youzan_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("mini-apps-o"),onCopySuccess:"mini_apps 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"mini_appswechatminiappoutline",children:[(0,k.jsx)(o.J,{type:"mini-apps-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"mini_apps"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("mini-apps"),onCopySuccess:"mini_apps_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"mini_apps_fillwechatminiappfilled",children:[(0,k.jsx)(o.J,{type:"mini-apps"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"mini_apps_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("wechat-o"),onCopySuccess:"wechat 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"wechatwechatoutline",children:[(0,k.jsx)(o.J,{type:"wechat-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"wechat"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("wechat"),onCopySuccess:"wechat_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"wechat_fillwechatfilled",children:[(0,k.jsx)(o.J,{type:"wechat"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"wechat_fill"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"基础类"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("clock-o"),onCopySuccess:"clock 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"clockclockoutline",children:[(0,k.jsx)(o.J,{type:"clock-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"clock"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("clock"),onCopySuccess:"clock_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"clock_fillclockfilled",children:[(0,k.jsx)(o.J,{type:"clock"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"clock_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("calendar-o"),onCopySuccess:"calendar 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"calendarcalendaroutline",children:[(0,k.jsx)(o.J,{type:"calendar-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"calendar"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("calendar"),onCopySuccess:"calendar_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"calendar_fillcalendarfilled",children:[(0,k.jsx)(o.J,{type:"calendar"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"calendar_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("present-o"),onCopySuccess:"present 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"presentpresentoutline",children:[(0,k.jsx)(o.J,{type:"present-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"present"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("present"),onCopySuccess:"present_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"present_fillpresentfilled",children:[(0,k.jsx)(o.J,{type:"present"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"present_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("ticket-o"),onCopySuccess:"ticket 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"ticketticketoutline",children:[(0,k.jsx)(o.J,{type:"ticket-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"ticket"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("ticket"),onCopySuccess:"ticket_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"ticket_fillticketfilled",children:[(0,k.jsx)(o.J,{type:"ticket"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"ticket_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("expand-customer-o"),onCopySuccess:"expand_customer 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"expand_customerexpandcustomeroutline",children:[(0,k.jsx)(o.J,{type:"expand-customer-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"expand_customer"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("expand-customer"),onCopySuccess:"expand_customer_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"expand_customer_fillexpandcustomerfilled",children:[(0,k.jsx)(o.J,{type:"expand-customer"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"expand_customer_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("checkin-o"),onCopySuccess:"checkin 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"checkincheckinoutline",children:[(0,k.jsx)(o.J,{type:"checkin-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"checkin"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("checkin"),onCopySuccess:"checkin_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"checkin_fillcheckinfilled",children:[(0,k.jsx)(o.J,{type:"checkin"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"checkin_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("assess-o"),onCopySuccess:"assess 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"assessassessoutline",children:[(0,k.jsx)(o.J,{type:"assess-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"assess"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("assess"),onCopySuccess:"assess_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"assess_fillassessfilled",children:[(0,k.jsx)(o.J,{type:"assess"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"assess_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("business-o"),onCopySuccess:"business 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"businessbusinessoutline",children:[(0,k.jsx)(o.J,{type:"business-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"business"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("business"),onCopySuccess:"business_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"business_fillbusinessfilled",children:[(0,k.jsx)(o.J,{type:"business"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"business_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hr-o"),onCopySuccess:"hr 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hrhuman resourceoutline",children:[(0,k.jsx)(o.J,{type:"hr-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hr"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hr"),onCopySuccess:"hr_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hr_fillhuman resourcefilled",children:[(0,k.jsx)(o.J,{type:"hr"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hr_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("approval-o"),onCopySuccess:"approval 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"approvalapprovaloutline",children:[(0,k.jsx)(o.J,{type:"approval-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"approval"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("approval"),onCopySuccess:"approval_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"approval_fillapprovalfilled",children:[(0,k.jsx)(o.J,{type:"approval"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"approval_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report-o"),onCopySuccess:"report 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"reportreportoutline",children:[(0,k.jsx)(o.J,{type:"report-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report"),onCopySuccess:"report_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"report_fillreportfilled",children:[(0,k.jsx)(o.J,{type:"report"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("coupon-o"),onCopySuccess:"coupon 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"couponcouponoutline",children:[(0,k.jsx)(o.J,{type:"coupon-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"coupon"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("coupon"),onCopySuccess:"coupon_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"coupon_fillcouponfilled",children:[(0,k.jsx)(o.J,{type:"coupon"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"coupon_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hc-manage-o"),onCopySuccess:"hc_manage 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hc_managehc-manageoutline",children:[(0,k.jsx)(o.J,{type:"hc-manage-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hc_manage"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hc-manage"),onCopySuccess:"hc_manage_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hc_manage_fillhc-managefilled",children:[(0,k.jsx)(o.J,{type:"hc-manage"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hc_manage_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report-forms-o"),onCopySuccess:"report_forms 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"report_formsreportformsoutline",children:[(0,k.jsx)(o.J,{type:"report-forms-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report_forms"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report-forms"),onCopySuccess:"report_forms_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"report_forms_fillreportformsfilled",children:[(0,k.jsx)(o.J,{type:"report-forms"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report_forms_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("brush-o"),onCopySuccess:"brush 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"brushbrushoutline",children:[(0,k.jsx)(o.J,{type:"brush-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"brush"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("brush"),onCopySuccess:"brush_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"brush_fillbrushfilled",children:[(0,k.jsx)(o.J,{type:"brush"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"brush_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("development-doc-o"),onCopySuccess:"development_doc 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"development_docdevelopmentdocoutline",children:[(0,k.jsx)(o.J,{type:"development-doc-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"development_doc"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("development-doc"),onCopySuccess:"development_doc_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"development_doc_filldevelopmentdocfilled",children:[(0,k.jsx)(o.J,{type:"development-doc"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"development_doc_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bookmark-o"),onCopySuccess:"bookmark 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bookmarkbookmarkoutline",children:[(0,k.jsx)(o.J,{type:"bookmark-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bookmark"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bookmark"),onCopySuccess:"bookmark_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bookmark_fillbookmarkfilled",children:[(0,k.jsx)(o.J,{type:"bookmark"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bookmark_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("folder-o"),onCopySuccess:"folder 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"folderfolderoutline",children:[(0,k.jsx)(o.J,{type:"folder-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"folder"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("open-folder-o"),onCopySuccess:"open_folder 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"open_folderopen-folderoutline",children:[(0,k.jsx)(o.J,{type:"open-folder-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"open_folder"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("pending-payment-o"),onCopySuccess:"pending_payment 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"pending_paymentpaymentpendingoutline",children:[(0,k.jsx)(o.J,{type:"pending-payment-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"pending_payment"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("salesman-o"),onCopySuccess:"salesman 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"salesmansalesmanoutline",children:[(0,k.jsx)(o.J,{type:"salesman-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"salesman"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("tendency-o"),onCopySuccess:"tendency 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"tendencytendencyoutline",children:[(0,k.jsx)(o.J,{type:"tendency-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"tendency"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("distribution-o"),onCopySuccess:"distribution 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"distributiondistributionoutline",children:[(0,k.jsx)(o.J,{type:"distribution-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"distribution"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("member-o"),onCopySuccess:"member 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"membermemberoutline",children:[(0,k.jsx)(o.J,{type:"member-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"member"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("text-guide-o"),onCopySuccess:"text_guide 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"text_guidetext-guideoutlineguide",children:[(0,k.jsx)(o.J,{type:"text-guide-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"text_guide"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("qrcode"),onCopySuccess:"qrcode 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"qrcodeqrcode",children:[(0,k.jsx)(o.J,{type:"qrcode"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"qrcode"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("shop-analyze-o"),onCopySuccess:"shop_analyze 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shop_analyzeshopanalyzeoutline",children:[(0,k.jsx)(o.J,{type:"shop-analyze-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"shop_analyze"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("channel-o"),onCopySuccess:"channel 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"channelchanneloutline",children:[(0,k.jsx)(o.J,{type:"channel-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"channel"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("cashier-desk-o"),onCopySuccess:"cashier_desk 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"cashier_deskcashierdeskoutline",children:[(0,k.jsx)(o.J,{type:"cashier-desk-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"cashier_desk"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("qa-o"),onCopySuccess:"qa 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"qaqualityassuranceoutline",children:[(0,k.jsx)(o.J,{type:"qa-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"qa"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("withdraw-cash-o"),onCopySuccess:"withdraw_cash 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"withdraw_cashwithdrawcashoutline",children:[(0,k.jsx)(o.J,{type:"withdraw-cash-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"withdraw_cash"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("tools-o"),onCopySuccess:"tools 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"toolstoolsoutline",children:[(0,k.jsx)(o.J,{type:"tools-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"tools"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("smile"),onCopySuccess:"smile 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"smilesmile",children:[(0,k.jsx)(o.J,{type:"smile"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"smile"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("photo"),onCopySuccess:"photo 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"photophoto",children:[(0,k.jsx)(o.J,{type:"photo"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"photo"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("video-o"),onCopySuccess:"video 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"videovideooutline",children:[(0,k.jsx)(o.J,{type:"video-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"video"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("video"),onCopySuccess:"video_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"video_fillvideofilled",children:[(0,k.jsx)(o.J,{type:"video"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"video_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hotline-o"),onCopySuccess:"hotline 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hotlinehotlineoutline",children:[(0,k.jsx)(o.J,{type:"hotline-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hotline"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("visit-o"),onCopySuccess:"visit 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"visitvisitoutline",children:[(0,k.jsx)(o.J,{type:"visit-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"visit"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("countdown"),onCopySuccess:"countdown 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"countdowncountdown",children:[(0,k.jsx)(o.J,{type:"countdown"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"countdown"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("suggestions"),onCopySuccess:"suggestions 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"suggestionssuggestionsoutline",children:[(0,k.jsx)(o.J,{type:"suggestions"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"suggestions"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("feedback"),onCopySuccess:"feedback 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"feedbackfeedback",children:[(0,k.jsx)(o.J,{type:"feedback"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"feedback"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("contract-o"),onCopySuccess:"contract 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"contractcontractoutline",children:[(0,k.jsx)(o.J,{type:"contract-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"contract"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("rights-list-o"),onCopySuccess:"rights_list 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"rights_listrights-listoutline",children:[(0,k.jsx)(o.J,{type:"rights-list-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"rights_list"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("im-o"),onCopySuccess:"im 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"imimoutline",children:[(0,k.jsx)(o.J,{type:"im-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"im"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("flow-o"),onCopySuccess:"resource 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"resourceresourceflowoutline",children:[(0,k.jsx)(o.J,{type:"flow-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"resource"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("strategy-o"),onCopySuccess:"strategy 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"strategystrategyoutline",children:[(0,k.jsx)(o.J,{type:"strategy-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"strategy"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("link"),onCopySuccess:"link 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"linklink",children:[(0,k.jsx)(o.J,{type:"link"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"link"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("voice"),onCopySuccess:"voice_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"voice_fillvoicefilled",children:[(0,k.jsx)(o.J,{type:"voice"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"voice_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("scan-code-o"),onCopySuccess:"scan_code 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"scan_codescan-codeoutline",children:[(0,k.jsx)(o.J,{type:"scan-code-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"scan_code"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("doc"),onCopySuccess:"doc 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"docdocfilled",children:[(0,k.jsx)(o.J,{type:"doc"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"doc"})]})})]})]})]})}}return(0,k.jsx)(n,{})};function y(n){return(0,k.jsx)(n.tag,g(g({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,k.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function x(n){return(0,k.jsx)(y,{tag:"style",html:n.style})}function q(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),q(n.parentNode,a);return a}class j extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:s||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class f extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,c.l)(document.documentElement,0,q(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(x,{style:".zenticon-demo {\n\t\tfont-size: 40px;\n\t}\n\n\t.zenticon-youzan.zenticon-demo {\n\t\tcolor: #EB0B19;\n\t}\n\n.zi-grid .zenticon {\n\t\tfont-size: 20px;\n\t}\n\n.zi-grid-toolbar {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\t\tjustify-content: space-between;\n\t}\n\n.zi-grid .zi-search-input-wrapper {\n color: #999;\n }\n\n.zi-grid .zi-search-input {\n\t\twidth: 344px;\n margin-bottom: 8px;\n\t}\n\n.zi-grid .zi-grid-group {\n\t\tmargin-top: 48px;\n\t}\n\n.zi-grid .zi-grid-group-name {\n\t\t\tfont-size: 20px;\n\t\t\tline-height: 28px;\n\t\t\tfont-weight: 500;\n\t\t\tmargin-bottom: 24px;\n\t\t}\n\n.zi-grid .zi-grid-group-items {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n.zi-grid .zi-grid-item {\n\t\tbox-sizing: border-box;\n\t\twidth: 16.667%;\n\t\theight: 96px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tcursor: pointer\n\t}\n\n.zi-grid .zi-grid-item:hover {\n\t\tbackground: #F7F8FA;\n}\n\n.zi-grid .zi-grid-item .zenticon {\n\t\t\tfont-size: 40px;\n\t\t\tvertical-align: middle;\n\t\t\tcolor: #333;\n}\n\n.zi-grid .zi-grid-item:not(-n+6) {\n\t\tmargin-top: 16px;\n}\n\n.zi-grid .zi-grid-item .zi-grid-item-name {\n\t\t\tmargin-top: 8px;\n}"}),p.createElement(h,{html:'

Icon 图标

\n

语义化的图标库。

\n

使用指南

\n
    \n
  • 部分图标分为实心和描线两个版本, 使用 -o（字母）来区分, e.g. shop (实心)和 shop-o (描线)。
    • \n
  • type 的命名规则: icon名字-[variant(变体)]-[描线与否(o)]。
    • \n
\n

代码演示

'}),p.createElement(j,{title:"React组件方式使用",id:"Democomponent",src:'import { Icon } from \'zent\';\n\nReactDOM.render(\n <Icon type="youzan" className="zenticon-demo" />\n , mountNode\n);'},p.createElement(m)),p.createElement(j,{title:"旋转动画",id:"Demospin",src:'import { Icon } from \'zent\';\n\nReactDOM.render(\n <Icon type="flow-o" spin className="zenticon-demo" />\n , mountNode\n);'},p.createElement(d)),p.createElement(j,{title:"所有图标",id:"Demoall",src:'import { Icon, Input, RadioGroup, Radio, CopyButton } from \'zent\';\n\nclass IconGrid extends Component {\n state = {\n search: \'\',\n copyType: \'jsx\',\n };\n\n onChange = evt => {\n this.setState({\n search: evt.target.value.trim().toLowerCase()\n });\n };\n\n onCopyOptionChange = evt => {\n this.setState({\n copyType: evt.target.value\n });\n };\n\n getIconString = name => () => {\n const { copyType } = this.state;\n\n if (copyType === \'jsx\') {\n return `<Icon type="${name}" />`;\n }\n\n return name;\n };\n\n render() {\n const { search } = this.state;\n return (\n <div className="zi-grid">\n <div className="zi-grid-toolbar">\n {search && <style>{`.zi-grid-item:not([data-index*="${search}"]) { display: none; }`}</style>}\n <div className="zi-search-input-wrapper">\n <Input\n className="zi-search-input"\n icon="search"\n placeholder="搜索图标"\n value={search}\n onChange={this.onChange}\n />\n 注意：展示的图标名称不是 type\n </div>\n\n <RadioGroup onChange={this.onCopyOptionChange} value={this.state.copyType}>\n <Radio value="jsx">复制 JSX</Radio>\n <Radio value="name">复制 type</Radio>\n </RadioGroup>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">操作类</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("up")}\n onCopySuccess="up 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="upup"\n >\n <Icon type="up" />\n <span className="zi-grid-item-name">up</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("down")}\n onCopySuccess="down 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="downdown"\n >\n <Icon type="down" />\n <span className="zi-grid-item-name">down</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("left")}\n onCopySuccess="left 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="leftleft"\n >\n <Icon type="left" />\n <span className="zi-grid-item-name">left</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("right")}\n onCopySuccess="right 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="rightright"\n >\n <Icon type="right" />\n <span className="zi-grid-item-name">right</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("left-circle-o")}\n onCopySuccess="left_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="left_circleleftcircleoutline"\n >\n <Icon type="left-circle-o" />\n <span className="zi-grid-item-name">left_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("left-circle")}\n onCopySuccess="left_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="left_circle_fillleftcirclefilled"\n >\n <Icon type="left-circle" />\n <span className="zi-grid-item-name">left_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("right-circle-o")}\n onCopySuccess="right_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="right_circlerightcircleoutline"\n >\n <Icon type="right-circle-o" />\n <span className="zi-grid-item-name">right_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("right-circle")}\n onCopySuccess="right_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="right_circle_fillrightcirclefilled"\n >\n <Icon type="right-circle" />\n <span className="zi-grid-item-name">right_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("up-circle-o")}\n onCopySuccess="up_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="up_circleupcircleoutline"\n >\n <Icon type="up-circle-o" />\n <span className="zi-grid-item-name">up_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("up-circle")}\n onCopySuccess="up_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="up_circle_fillupcirclefilled"\n >\n <Icon type="up-circle" />\n <span className="zi-grid-item-name">up_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("down-circle-o")}\n onCopySuccess="down_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="down_circledowncircleoutline"\n >\n <Icon type="down-circle-o" />\n <span className="zi-grid-item-name">down_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("down-circle")}\n onCopySuccess="down_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="down_circle_filldowncirclefilled"\n >\n <Icon type="down-circle" />\n <span className="zi-grid-item-name">down_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("upload")}\n onCopySuccess="upload 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="uploadupload"\n >\n <Icon type="upload" />\n <span className="zi-grid-item-name">upload</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("download")}\n onCopySuccess="download 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="downloaddownload"\n >\n <Icon type="download" />\n <span className="zi-grid-item-name">download</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("edit-o")}\n onCopySuccess="edit 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="editeditoutline"\n >\n <Icon type="edit-o" />\n <span className="zi-grid-item-name">edit</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("edit")}\n onCopySuccess="edit_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="edit_filleditfilled"\n >\n <Icon type="edit" />\n <span className="zi-grid-item-name">edit_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("remove-o")}\n onCopySuccess="remove 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="removedeleteremoveoutline"\n >\n <Icon type="remove-o" />\n <span className="zi-grid-item-name">remove</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("remove")}\n onCopySuccess="remove_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="remove_filldeleteremovefilled"\n >\n <Icon type="remove" />\n <span className="zi-grid-item-name">remove_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("save-o")}\n onCopySuccess="save 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="savesaveoutline"\n >\n <Icon type="save-o" />\n <span className="zi-grid-item-name">save</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("save")}\n onCopySuccess="save_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="save_fillsavefilled"\n >\n <Icon type="save" />\n <span className="zi-grid-item-name">save_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("arrow-up")}\n onCopySuccess="arrow_up 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="arrow_uparrowup"\n >\n <Icon type="arrow-up" />\n <span className="zi-grid-item-name">arrow_up</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("arrow-down")}\n onCopySuccess="arrow_down 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="arrow_downarrowdown"\n >\n <Icon type="arrow-down" />\n <span className="zi-grid-item-name">arrow_down</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("locked-o")}\n onCopySuccess="locked 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="lockedlockedoutline"\n >\n <Icon type="locked-o" />\n <span className="zi-grid-item-name">locked</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("locked")}\n onCopySuccess="locked_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="locked_filllockedfilled"\n >\n <Icon type="locked" />\n <span className="zi-grid-item-name">locked_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("unlocked-o")}\n onCopySuccess="unlocked 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="unlockedunlockedoutline"\n >\n <Icon type="unlocked-o" />\n <span className="zi-grid-item-name">unlocked</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("unlocked")}\n onCopySuccess="unlocked_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="unlocked_fillunlockedfilled"\n >\n <Icon type="unlocked" />\n <span className="zi-grid-item-name">unlocked_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("nav-line")}\n onCopySuccess="nav_line 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="nav_linenavline"\n >\n <Icon type="nav-line" />\n <span className="zi-grid-item-name">nav_line</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("nav-grid")}\n onCopySuccess="nav_grid 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="nav_gridnavgrid"\n >\n <Icon type="nav-grid" />\n <span className="zi-grid-item-name">nav_grid</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("share")}\n onCopySuccess="share 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shareshare"\n >\n <Icon type="share" />\n <span className="zi-grid-item-name">share</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("refresh")}\n onCopySuccess="refresh 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="refreshrefreshoutline"\n >\n <Icon type="refresh" />\n <span className="zi-grid-item-name">refresh</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("help-circle-o")}\n onCopySuccess="help 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="helphelpcircleoutline"\n >\n <Icon type="help-circle-o" />\n <span className="zi-grid-item-name">help</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("help-circle")}\n onCopySuccess="help_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="help_fillhelpcirclefilled"\n >\n <Icon type="help-circle" />\n <span className="zi-grid-item-name">help_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("thumbnail")}\n onCopySuccess="fullscreen 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="fullscreenfullscreenthumbnail"\n >\n <Icon type="thumbnail" />\n <span className="zi-grid-item-name">fullscreen</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("fullscreen-exit")}\n onCopySuccess="fullscreen_exit 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="fullscreen_exitfullscreenexit"\n >\n <Icon type="fullscreen-exit" />\n <span className="zi-grid-item-name">fullscreen_exit</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("table-loose")}\n onCopySuccess="table_loose 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="table_loosetableloose"\n >\n <Icon type="table-loose" />\n <span className="zi-grid-item-name">table_loose</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("table-compact")}\n onCopySuccess="table_compact 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="table_compacttablecompact"\n >\n <Icon type="table-compact" />\n <span className="zi-grid-item-name">table_compact</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("export")}\n onCopySuccess="export 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="exportexportfilled"\n >\n <Icon type="export" />\n <span className="zi-grid-item-name">export</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("pin-o")}\n onCopySuccess="pin 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="pinpinoutline"\n >\n <Icon type="pin-o" />\n <span className="zi-grid-item-name">pin</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("pin")}\n onCopySuccess="pin_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="pin_fillpinfilled"\n >\n <Icon type="pin" />\n <span className="zi-grid-item-name">pin_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("eye-o")}\n onCopySuccess="show 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="showeyeoutlineshow"\n >\n <Icon type="eye-o" />\n <span className="zi-grid-item-name">show</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("eye")}\n onCopySuccess="show_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="show_filleyefilledshow"\n >\n <Icon type="eye" />\n <span className="zi-grid-item-name">show_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("closed-eye")}\n onCopySuccess="hide 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hideclosed-eyeoutlinehide"\n >\n <Icon type="closed-eye" />\n <span className="zi-grid-item-name">hide</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("subtract-circle-o")}\n onCopySuccess="subtract_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="subtract_circleminussubtract circleoutline"\n >\n <Icon type="subtract-circle-o" />\n <span className="zi-grid-item-name">subtract_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("subtract-circle")}\n onCopySuccess="subtract_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="subtract_circle_fillminussubtractcirclefilled"\n >\n <Icon type="subtract-circle" />\n <span className="zi-grid-item-name">subtract_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("plus-circle-o")}\n onCopySuccess="plus_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="plus_circleaddpluscircleoutline"\n >\n <Icon type="plus-circle-o" />\n <span className="zi-grid-item-name">plus_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("plus-circle")}\n onCopySuccess="plus_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="plus_circle_filladdpluscirclefilled"\n >\n <Icon type="plus-circle" />\n <span className="zi-grid-item-name">plus_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("double-last")}\n onCopySuccess="double_last 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="double_lastdoublelast"\n >\n <Icon type="double-last" />\n <span className="zi-grid-item-name">double_last</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("double-next")}\n onCopySuccess="double_next 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="double_nextdoublenext"\n >\n <Icon type="double-next" />\n <span className="zi-grid-item-name">double_next</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("plus")}\n onCopySuccess="plus 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="plusaddplus"\n >\n <Icon type="plus" />\n <span className="zi-grid-item-name">plus</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("close")}\n onCopySuccess="close 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="closeclosenaked"\n >\n <Icon type="close" />\n <span className="zi-grid-item-name">close</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("search")}\n onCopySuccess="search 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="searchsearch"\n >\n <Icon type="search" />\n <span className="zi-grid-item-name">search</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("more")}\n onCopySuccess="more 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="moremore"\n >\n <Icon type="more" />\n <span className="zi-grid-item-name">more</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("caret-up")}\n onCopySuccess="ascending 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="ascendingcaretupascending"\n >\n <Icon type="caret-up" />\n <span className="zi-grid-item-name">ascending</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("caret-down")}\n onCopySuccess="descending 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="descendingcaretdowndescending"\n >\n <Icon type="caret-down" />\n <span className="zi-grid-item-name">descending</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("reset")}\n onCopySuccess="reset_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="reset_fillresetfilled"\n >\n <Icon type="reset" />\n <span className="zi-grid-item-name">reset_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("drag")}\n onCopySuccess="drag 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="dragdrag"\n >\n <Icon type="drag" />\n <span className="zi-grid-item-name">drag</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("filter-o")}\n onCopySuccess="filter 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="filterfilteroutline"\n >\n <Icon type="filter-o" />\n <span className="zi-grid-item-name">filter</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">业务类</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("summary-o")}\n onCopySuccess="summary 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="summarysummaryoutline"\n >\n <Icon type="summary-o" />\n <span className="zi-grid-item-name">summary</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("summary")}\n onCopySuccess="summary_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="summary_fillsummaryfilled"\n >\n <Icon type="summary" />\n <span className="zi-grid-item-name">summary_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("shop-o")}\n onCopySuccess="shop 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shopshopoutline"\n >\n <Icon type="shop-o" />\n <span className="zi-grid-item-name">shop</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("shop")}\n onCopySuccess="shop_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shop_fillshopfilled"\n >\n <Icon type="shop" />\n <span className="zi-grid-item-name">shop_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("goods-o")}\n onCopySuccess="goods 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="goodsgoodsoutline"\n >\n <Icon type="goods-o" />\n <span className="zi-grid-item-name">goods</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("goods")}\n onCopySuccess="goods_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="goods_fillgoodsfilled"\n >\n <Icon type="goods" />\n <span className="zi-grid-item-name">goods_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("order-o")}\n onCopySuccess="order 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="orderorderoutline"\n >\n <Icon type="order-o" />\n <span className="zi-grid-item-name">order</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("order")}\n onCopySuccess="order_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="order_fillorderfilled"\n >\n <Icon type="order" />\n <span className="zi-grid-item-name">order_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-o")}\n onCopySuccess="customer 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="customercustomeroutline"\n >\n <Icon type="customer-o" />\n <span className="zi-grid-item-name">customer</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer")}\n onCopySuccess="customer_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="customer_fillcustomerfilled"\n >\n <Icon type="customer" />\n <span className="zi-grid-item-name">customer_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("chart-o")}\n onCopySuccess="chart 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="chartdatachartoutline"\n >\n <Icon type="chart-o" />\n <span className="zi-grid-item-name">chart</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("chart")}\n onCopySuccess="chart_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="chart_filldatachartfilled"\n >\n <Icon type="chart" />\n <span className="zi-grid-item-name">chart_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("capital-o")}\n onCopySuccess="capital 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="capitalcapitaloutline"\n >\n <Icon type="capital-o" />\n <span className="zi-grid-item-name">capital</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("capital")}\n onCopySuccess="capital_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="capital_fillcapitalfilled"\n >\n <Icon type="capital" />\n <span className="zi-grid-item-name">capital_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("settings-o")}\n onCopySuccess="settings 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="settingssettingsoutline"\n >\n <Icon type="settings-o" />\n <span className="zi-grid-item-name">settings</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("settings")}\n onCopySuccess="settings_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="settings_fillsettingsfilled"\n >\n <Icon type="settings" />\n <span className="zi-grid-item-name">settings_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("marketing-o")}\n onCopySuccess="marketing 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="marketingmarketingoutline"\n >\n <Icon type="marketing-o" />\n <span className="zi-grid-item-name">marketing</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("marketing")}\n onCopySuccess="marketing_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="marketing_fillmarketingfilled"\n >\n <Icon type="marketing" />\n <span className="zi-grid-item-name">marketing_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("inventory-o")}\n onCopySuccess="inventory 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="inventoryinventoryoutline"\n >\n <Icon type="inventory-o" />\n <span className="zi-grid-item-name">inventory</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("inventory")}\n onCopySuccess="inventory_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="inventory_fillinventoryfilled"\n >\n <Icon type="inventory" />\n <span className="zi-grid-item-name">inventory_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("procurement-o")}\n onCopySuccess="procurement 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="procurementprocurementoutline"\n >\n <Icon type="procurement-o" />\n <span className="zi-grid-item-name">procurement</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("procurement")}\n onCopySuccess="procurement_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="procurement_fillprocurementfilled"\n >\n <Icon type="procurement" />\n <span className="zi-grid-item-name">procurement_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("finance-o")}\n onCopySuccess="finance 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="financefinanceoutline"\n >\n <Icon type="finance-o" />\n <span className="zi-grid-item-name">finance</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("finance")}\n onCopySuccess="finance_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="finance_fillfinancefilled"\n >\n <Icon type="finance" />\n <span className="zi-grid-item-name">finance_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("cashier-o")}\n onCopySuccess="cashier 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="cashiercashieroutline"\n >\n <Icon type="cashier-o" />\n <span className="zi-grid-item-name">cashier</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("cashier")}\n onCopySuccess="cashier_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="cashier_fillcashierfilled"\n >\n <Icon type="cashier" />\n <span className="zi-grid-item-name">cashier_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("course-o")}\n onCopySuccess="course 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="coursecourseoutline"\n >\n <Icon type="course-o" />\n <span className="zi-grid-item-name">course</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("course")}\n onCopySuccess="course_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="course_fillcoursefilled"\n >\n <Icon type="course" />\n <span className="zi-grid-item-name">course_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("admissions-o")}\n onCopySuccess="admissions 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="admissionsadmissionsoutline"\n >\n <Icon type="admissions-o" />\n <span className="zi-grid-item-name">admissions</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("admissions")}\n onCopySuccess="admissions_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="admissions_filladmissionsfilled"\n >\n <Icon type="admissions" />\n <span className="zi-grid-item-name">admissions_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("educational-o")}\n onCopySuccess="educational 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="educationaleducationaloutline"\n >\n <Icon type="educational-o" />\n <span className="zi-grid-item-name">educational</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("educational")}\n onCopySuccess="educational_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="educational_filleducationalfilled"\n >\n <Icon type="educational" />\n <span className="zi-grid-item-name">educational_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-service-o")}\n onCopySuccess="service 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="servicecustomer-serviceoutline"\n >\n <Icon type="customer-service-o" />\n <span className="zi-grid-item-name">service</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-service")}\n onCopySuccess="service_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="service_fillcustomer-servicefilled"\n >\n <Icon type="customer-service" />\n <span className="zi-grid-item-name">service_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("message-o")}\n onCopySuccess="message 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="messagemessageoutline"\n >\n <Icon type="message-o" />\n <span className="zi-grid-item-name">message</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("message")}\n onCopySuccess="message_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="message_fillmessagefilled"\n >\n <Icon type="message" />\n <span className="zi-grid-item-name">message_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("jump-out")}\n onCopySuccess="jump_out 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="jump_outjump-out"\n >\n <Icon type="jump-out" />\n <span className="zi-grid-item-name">jump_out</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("sign-out")}\n onCopySuccess="sign_out 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="sign_outsign-out"\n >\n <Icon type="sign-out" />\n <span className="zi-grid-item-name">sign_out</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hotel-o")}\n onCopySuccess="hotel 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hotelhoteloutline"\n >\n <Icon type="hotel-o" />\n <span className="zi-grid-item-name">hotel</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hotel")}\n onCopySuccess="hotel_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hotel_fillhotelfilled"\n >\n <Icon type="hotel" />\n <span className="zi-grid-item-name">hotel_fill</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">状态类</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("check-circle-o")}\n onCopySuccess="success_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="success_circlecheckcircleoutlinesuccess"\n >\n <Icon type="check-circle-o" />\n <span className="zi-grid-item-name">success_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("check-circle")}\n onCopySuccess="success_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="success_circle_fillcheckcirclefilledsuccess"\n >\n <Icon type="check-circle" />\n <span className="zi-grid-item-name">success_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("close-circle-o")}\n onCopySuccess="error_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="error_circleerrorcircleoutline"\n >\n <Icon type="close-circle-o" />\n <span className="zi-grid-item-name">error_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("close-circle")}\n onCopySuccess="error_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="error_circle_fillerrorcirclefilled"\n >\n <Icon type="close-circle" />\n <span className="zi-grid-item-name">error_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("warning-o")}\n onCopySuccess="warning 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="warningwarningtriangleoutline"\n >\n <Icon type="warning-o" />\n <span className="zi-grid-item-name">warning</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("warning")}\n onCopySuccess="warning_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="warning_fillwarningtrianglefilled"\n >\n <Icon type="warning" />\n <span className="zi-grid-item-name">warning_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("info-circle-o")}\n onCopySuccess="info_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="info_circleinfocircleoutline"\n >\n <Icon type="info-circle-o" />\n <span className="zi-grid-item-name">info_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("info-circle")}\n onCopySuccess="info_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="info_circle_fillinfocirclefilled"\n >\n <Icon type="info-circle" />\n <span className="zi-grid-item-name">info_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("loading")}\n onCopySuccess="loading 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="loadingloading"\n >\n <Icon type="loading" />\n <span className="zi-grid-item-name">loading</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("wait")}\n onCopySuccess="wait_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="wait_fillwaitfilled"\n >\n <Icon type="wait" />\n <span className="zi-grid-item-name">wait_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("star-o")}\n onCopySuccess="star 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="starstaroutline"\n >\n <Icon type="star-o" />\n <span className="zi-grid-item-name">star</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("star")}\n onCopySuccess="star_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="star_fillstarfilled"\n >\n <Icon type="star" />\n <span className="zi-grid-item-name">star_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bell-o")}\n onCopySuccess="bell 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bellbelloutline"\n >\n <Icon type="bell-o" />\n <span className="zi-grid-item-name">bell</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bell")}\n onCopySuccess="bell_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bell_fillbellfilled"\n >\n <Icon type="bell" />\n <span className="zi-grid-item-name">bell_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("check")}\n onCopySuccess="check 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="checkcheck"\n >\n <Icon type="check" />\n <span className="zi-grid-item-name">check</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">标示类</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("youzan-o")}\n onCopySuccess="youzan 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="youzanyouzanlogooutline"\n >\n <Icon type="youzan-o" />\n <span className="zi-grid-item-name">youzan</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("youzan")}\n onCopySuccess="youzan_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="youzan_fillyouzanlogofilled"\n >\n <Icon type="youzan" />\n <span className="zi-grid-item-name">youzan_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("mini-apps-o")}\n onCopySuccess="mini_apps 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="mini_appswechatminiappoutline"\n >\n <Icon type="mini-apps-o" />\n <span className="zi-grid-item-name">mini_apps</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("mini-apps")}\n onCopySuccess="mini_apps_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="mini_apps_fillwechatminiappfilled"\n >\n <Icon type="mini-apps" />\n <span className="zi-grid-item-name">mini_apps_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("wechat-o")}\n onCopySuccess="wechat 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="wechatwechatoutline"\n >\n <Icon type="wechat-o" />\n <span className="zi-grid-item-name">wechat</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("wechat")}\n onCopySuccess="wechat_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="wechat_fillwechatfilled"\n >\n <Icon type="wechat" />\n <span className="zi-grid-item-name">wechat_fill</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">基础类</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("clock-o")}\n onCopySuccess="clock 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="clockclockoutline"\n >\n <Icon type="clock-o" />\n <span className="zi-grid-item-name">clock</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("clock")}\n onCopySuccess="clock_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="clock_fillclockfilled"\n >\n <Icon type="clock" />\n <span className="zi-grid-item-name">clock_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("calendar-o")}\n onCopySuccess="calendar 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="calendarcalendaroutline"\n >\n <Icon type="calendar-o" />\n <span className="zi-grid-item-name">calendar</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("calendar")}\n onCopySuccess="calendar_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="calendar_fillcalendarfilled"\n >\n <Icon type="calendar" />\n <span className="zi-grid-item-name">calendar_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("present-o")}\n onCopySuccess="present 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="presentpresentoutline"\n >\n <Icon type="present-o" />\n <span className="zi-grid-item-name">present</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("present")}\n onCopySuccess="present_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="present_fillpresentfilled"\n >\n <Icon type="present" />\n <span className="zi-grid-item-name">present_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("ticket-o")}\n onCopySuccess="ticket 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="ticketticketoutline"\n >\n <Icon type="ticket-o" />\n <span className="zi-grid-item-name">ticket</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("ticket")}\n onCopySuccess="ticket_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="ticket_fillticketfilled"\n >\n <Icon type="ticket" />\n <span className="zi-grid-item-name">ticket_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("expand-customer-o")}\n onCopySuccess="expand_customer 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="expand_customerexpandcustomeroutline"\n >\n <Icon type="expand-customer-o" />\n <span className="zi-grid-item-name">expand_customer</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("expand-customer")}\n onCopySuccess="expand_customer_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="expand_customer_fillexpandcustomerfilled"\n >\n <Icon type="expand-customer" />\n <span className="zi-grid-item-name">expand_customer_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("checkin-o")}\n onCopySuccess="checkin 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="checkincheckinoutline"\n >\n <Icon type="checkin-o" />\n <span className="zi-grid-item-name">checkin</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("checkin")}\n onCopySuccess="checkin_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="checkin_fillcheckinfilled"\n >\n <Icon type="checkin" />\n <span className="zi-grid-item-name">checkin_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("assess-o")}\n onCopySuccess="assess 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="assessassessoutline"\n >\n <Icon type="assess-o" />\n <span className="zi-grid-item-name">assess</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("assess")}\n onCopySuccess="assess_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="assess_fillassessfilled"\n >\n <Icon type="assess" />\n <span className="zi-grid-item-name">assess_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("business-o")}\n onCopySuccess="business 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="businessbusinessoutline"\n >\n <Icon type="business-o" />\n <span className="zi-grid-item-name">business</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("business")}\n onCopySuccess="business_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="business_fillbusinessfilled"\n >\n <Icon type="business" />\n <span className="zi-grid-item-name">business_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hr-o")}\n onCopySuccess="hr 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hrhuman resourceoutline"\n >\n <Icon type="hr-o" />\n <span className="zi-grid-item-name">hr</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hr")}\n onCopySuccess="hr_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hr_fillhuman resourcefilled"\n >\n <Icon type="hr" />\n <span className="zi-grid-item-name">hr_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("approval-o")}\n onCopySuccess="approval 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="approvalapprovaloutline"\n >\n <Icon type="approval-o" />\n <span className="zi-grid-item-name">approval</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("approval")}\n onCopySuccess="approval_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="approval_fillapprovalfilled"\n >\n <Icon type="approval" />\n <span className="zi-grid-item-name">approval_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report-o")}\n onCopySuccess="report 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="reportreportoutline"\n >\n <Icon type="report-o" />\n <span className="zi-grid-item-name">report</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report")}\n onCopySuccess="report_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="report_fillreportfilled"\n >\n <Icon type="report" />\n <span className="zi-grid-item-name">report_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("coupon-o")}\n onCopySuccess="coupon 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="couponcouponoutline"\n >\n <Icon type="coupon-o" />\n <span className="zi-grid-item-name">coupon</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("coupon")}\n onCopySuccess="coupon_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="coupon_fillcouponfilled"\n >\n <Icon type="coupon" />\n <span className="zi-grid-item-name">coupon_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hc-manage-o")}\n onCopySuccess="hc_manage 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hc_managehc-manageoutline"\n >\n <Icon type="hc-manage-o" />\n <span className="zi-grid-item-name">hc_manage</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hc-manage")}\n onCopySuccess="hc_manage_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hc_manage_fillhc-managefilled"\n >\n <Icon type="hc-manage" />\n <span className="zi-grid-item-name">hc_manage_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report-forms-o")}\n onCopySuccess="report_forms 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="report_formsreportformsoutline"\n >\n <Icon type="report-forms-o" />\n <span className="zi-grid-item-name">report_forms</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report-forms")}\n onCopySuccess="report_forms_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="report_forms_fillreportformsfilled"\n >\n <Icon type="report-forms" />\n <span className="zi-grid-item-name">report_forms_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("brush-o")}\n onCopySuccess="brush 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="brushbrushoutline"\n >\n <Icon type="brush-o" />\n <span className="zi-grid-item-name">brush</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("brush")}\n onCopySuccess="brush_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="brush_fillbrushfilled"\n >\n <Icon type="brush" />\n <span className="zi-grid-item-name">brush_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("development-doc-o")}\n onCopySuccess="development_doc 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="development_docdevelopmentdocoutline"\n >\n <Icon type="development-doc-o" />\n <span className="zi-grid-item-name">development_doc</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("development-doc")}\n onCopySuccess="development_doc_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="development_doc_filldevelopmentdocfilled"\n >\n <Icon type="development-doc" />\n <span className="zi-grid-item-name">development_doc_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bookmark-o")}\n onCopySuccess="bookmark 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bookmarkbookmarkoutline"\n >\n <Icon type="bookmark-o" />\n <span className="zi-grid-item-name">bookmark</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bookmark")}\n onCopySuccess="bookmark_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bookmark_fillbookmarkfilled"\n >\n <Icon type="bookmark" />\n <span className="zi-grid-item-name">bookmark_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("folder-o")}\n onCopySuccess="folder 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="folderfolderoutline"\n >\n <Icon type="folder-o" />\n <span className="zi-grid-item-name">folder</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("open-folder-o")}\n onCopySuccess="open_folder 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="open_folderopen-folderoutline"\n >\n <Icon type="open-folder-o" />\n <span className="zi-grid-item-name">open_folder</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("pending-payment-o")}\n onCopySuccess="pending_payment 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="pending_paymentpaymentpendingoutline"\n >\n <Icon type="pending-payment-o" />\n <span className="zi-grid-item-name">pending_payment</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("salesman-o")}\n onCopySuccess="salesman 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="salesmansalesmanoutline"\n >\n <Icon type="salesman-o" />\n <span className="zi-grid-item-name">salesman</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("tendency-o")}\n onCopySuccess="tendency 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="tendencytendencyoutline"\n >\n <Icon type="tendency-o" />\n <span className="zi-grid-item-name">tendency</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("distribution-o")}\n onCopySuccess="distribution 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="distributiondistributionoutline"\n >\n <Icon type="distribution-o" />\n <span className="zi-grid-item-name">distribution</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("member-o")}\n onCopySuccess="member 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="membermemberoutline"\n >\n <Icon type="member-o" />\n <span className="zi-grid-item-name">member</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("text-guide-o")}\n onCopySuccess="text_guide 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="text_guidetext-guideoutlineguide"\n >\n <Icon type="text-guide-o" />\n <span className="zi-grid-item-name">text_guide</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("qrcode")}\n onCopySuccess="qrcode 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="qrcodeqrcode"\n >\n <Icon type="qrcode" />\n <span className="zi-grid-item-name">qrcode</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("shop-analyze-o")}\n onCopySuccess="shop_analyze 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shop_analyzeshopanalyzeoutline"\n >\n <Icon type="shop-analyze-o" />\n <span className="zi-grid-item-name">shop_analyze</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("channel-o")}\n onCopySuccess="channel 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="channelchanneloutline"\n >\n <Icon type="channel-o" />\n <span className="zi-grid-item-name">channel</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("cashier-desk-o")}\n onCopySuccess="cashier_desk 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="cashier_deskcashierdeskoutline"\n >\n <Icon type="cashier-desk-o" />\n <span className="zi-grid-item-name">cashier_desk</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("qa-o")}\n onCopySuccess="qa 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="qaqualityassuranceoutline"\n >\n <Icon type="qa-o" />\n <span className="zi-grid-item-name">qa</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("withdraw-cash-o")}\n onCopySuccess="withdraw_cash 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="withdraw_cashwithdrawcashoutline"\n >\n <Icon type="withdraw-cash-o" />\n <span className="zi-grid-item-name">withdraw_cash</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("tools-o")}\n onCopySuccess="tools 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="toolstoolsoutline"\n >\n <Icon type="tools-o" />\n <span className="zi-grid-item-name">tools</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("smile")}\n onCopySuccess="smile 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="smilesmile"\n >\n <Icon type="smile" />\n <span className="zi-grid-item-name">smile</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("photo")}\n onCopySuccess="photo 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="photophoto"\n >\n <Icon type="photo" />\n <span className="zi-grid-item-name">photo</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("video-o")}\n onCopySuccess="video 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="videovideooutline"\n >\n <Icon type="video-o" />\n <span className="zi-grid-item-name">video</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("video")}\n onCopySuccess="video_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="video_fillvideofilled"\n >\n <Icon type="video" />\n <span className="zi-grid-item-name">video_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hotline-o")}\n onCopySuccess="hotline 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hotlinehotlineoutline"\n >\n <Icon type="hotline-o" />\n <span className="zi-grid-item-name">hotline</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("visit-o")}\n onCopySuccess="visit 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="visitvisitoutline"\n >\n <Icon type="visit-o" />\n <span className="zi-grid-item-name">visit</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("countdown")}\n onCopySuccess="countdown 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="countdowncountdown"\n >\n <Icon type="countdown" />\n <span className="zi-grid-item-name">countdown</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("suggestions")}\n onCopySuccess="suggestions 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="suggestionssuggestionsoutline"\n >\n <Icon type="suggestions" />\n <span className="zi-grid-item-name">suggestions</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("feedback")}\n onCopySuccess="feedback 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="feedbackfeedback"\n >\n <Icon type="feedback" />\n <span className="zi-grid-item-name">feedback</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("contract-o")}\n onCopySuccess="contract 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="contractcontractoutline"\n >\n <Icon type="contract-o" />\n <span className="zi-grid-item-name">contract</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("rights-list-o")}\n onCopySuccess="rights_list 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="rights_listrights-listoutline"\n >\n <Icon type="rights-list-o" />\n <span className="zi-grid-item-name">rights_list</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("im-o")}\n onCopySuccess="im 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="imimoutline"\n >\n <Icon type="im-o" />\n <span className="zi-grid-item-name">im</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("flow-o")}\n onCopySuccess="resource 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="resourceresourceflowoutline"\n >\n <Icon type="flow-o" />\n <span className="zi-grid-item-name">resource</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("strategy-o")}\n onCopySuccess="strategy 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="strategystrategyoutline"\n >\n <Icon type="strategy-o" />\n <span className="zi-grid-item-name">strategy</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("link")}\n onCopySuccess="link 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="linklink"\n >\n <Icon type="link" />\n <span className="zi-grid-item-name">link</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("voice")}\n onCopySuccess="voice_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="voice_fillvoicefilled"\n >\n <Icon type="voice" />\n <span className="zi-grid-item-name">voice_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("scan-code-o")}\n onCopySuccess="scan_code 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="scan_codescan-codeoutline"\n >\n <Icon type="scan-code-o" />\n <span className="zi-grid-item-name">scan_code</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("doc")}\n onCopySuccess="doc 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="docdocfilled"\n >\n <Icon type="doc" />\n <span className="zi-grid-item-name">doc</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n </div>\n );\n }\n}\n\nReactDOM.render(<IconGrid />, mountNode);'},p.createElement(v)),p.createElement(h,{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
参数说明类型默认值
type图标类型string\'\'
spin旋转动画booleanfalse
className自定义额外类名string\'\'
'}))}}},89522:(n,a,s)=>{"use strict";s.d(a,{q:()=>g});var t=s(59312),p=s(24246),c=s(27378),o=s(90347),e=s(23476),l=s(52074),u=s(42690),i=s(14805),k=function(n){var a,s,t,p,c=!1;try{if(a=function(){var n=document.getSelection();if(!n.rangeCount)return u.Z;for(var a=document.activeElement,s=[],t=0;t{"use strict";s.d(a,{E:()=>i});var t=s(59312),p=s(24246),c=s(60042),o=s.n(c),e=s(27378),l=s(57961),u=s(1348);function i(n){var a=(0,e.useContext)(u.d),s=n.value,c=n.disabled,i=void 0===c?a.value:c,k=n.readOnly,r=void 0!==k&&k,g=n.isValueEqual,m=void 0===g?Object.is:g,d=n.className,v=n.style,y=n.children,h=n.onChange,x=(0,e.useMemo)((function(){return{value:s,disabled:i,readOnly:r,isValueEqual:m,onRadioChange:h}}),[s,i,r,m,h]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:x},{children:(0,p.jsx)("div",(0,t.pi)({className:o()("zent-radio-group",d),style:v,"data-zv":"10.0.9"},{children:y}),void 0)}),void 0)}a.Z=i},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>d});var t=s(59312),p=s(24246),c=s(60042),o=s.n(c),e=s(1535),l=s(27378);function u(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var c=s.current.onChange;c&&c(a)}}),[p])}function i(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var k=s(4246),r=s(1348),g=s(57961);function m(n){var a=n.className,s=n.style,c=n.children,k=(n.value,n.width),m=n.labelStyle,d=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),v=(0,l.useContext)(r.d),y=(0,l.useContext)(g.Z),h=i(v,y,n),x=h.checked,q=h.disabled,j=h.readOnly,f=u(y,n),z=o()(a,"zent-radio-wrap",{"zent-radio-checked":!!x,"zent-radio-disabled":q||j}),C=(0,e.Z)(k),N=(0,t.pi)((0,t.pi)({},s),C);return(0,p.jsxs)("label",(0,t.pi)({className:z,style:N,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},d,{type:"radio",checked:!!x,disabled:q,readOnly:j,onChange:f,"data-zv":"10.0.9"}),void 0)]}),void 0),void 0!==c&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.9"},{children:c}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,c=n.children,k=(n.value,n.width),m=n.onMouseEnter,d=n.onMouseLeave,v=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),y=(0,l.useContext)(r.d),h=(0,l.useContext)(g.Z);if(!h)throw new Error("Radio.Button must be nested within Radio.Group");var x=i(y,h,n),q=x.checked,j=x.disabled,f=x.readOnly,z=u(h,n),C=o()(a,"zent-radio-button",{"zent-radio-button--checked":!!q,"zent-radio-button--disabled":j||f}),N=(0,e.Z)(k),S=(0,t.pi)((0,t.pi)({},s),N);return(0,p.jsxs)("label",(0,t.pi)({className:C,style:S,onMouseEnter:m,onMouseLeave:d,"data-zv":"10.0.9"},{children:[(0,p.jsx)("input",(0,t.pi)({},v,{type:"radio",checked:!!q,disabled:j,readOnly:f,onChange:z,"data-zv":"10.0.9"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.9"},{children:c}),void 0)]}),void 0)},m.Group=k.Z;var d=m},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8935],{48935:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>f});var t=s(73450),p=s(27378),c=s(57318),e=s(39215),o=s(82285),l=s(4246),u=s(71457),i=s(89522),k=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function g(n){for(var a=1;a{this.setState({search:n.target.value.trim().toLowerCase()})})),(0,t.Z)(this,"onCopyOptionChange",(n=>{this.setState({copyType:n.target.value})})),(0,t.Z)(this,"getIconString",(n=>()=>"jsx"===this.state.copyType?''):n))}render(){var n=this.state.search;return(0,k.jsxs)("div",{className:"zi-grid",children:[(0,k.jsxs)("div",{className:"zi-grid-toolbar",children:[n&&(0,k.jsx)("style",{children:'.zi-grid-item:not([data-index*="'.concat(n,'"]) { display: none; }')}),(0,k.jsxs)("div",{className:"zi-search-input-wrapper",children:[(0,k.jsx)(o.I,{className:"zi-search-input",icon:"search",placeholder:"搜索图标",value:n,onChange:this.onChange}),"注意：展示的图标名称不是 type"]}),(0,k.jsxs)(l.E,{onChange:this.onCopyOptionChange,value:this.state.copyType,children:[(0,k.jsx)(u.Y,{value:"jsx",children:"复制 JSX"}),(0,k.jsx)(u.Y,{value:"name",children:"复制 type"})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"操作类"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("up"),onCopySuccess:"up 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"upup",children:[(0,k.jsx)(e.J,{type:"up"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"up"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("down"),onCopySuccess:"down 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"downdown",children:[(0,k.jsx)(e.J,{type:"down"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"down"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("left"),onCopySuccess:"left 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"leftleft",children:[(0,k.jsx)(e.J,{type:"left"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"left"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("right"),onCopySuccess:"right 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"rightright",children:[(0,k.jsx)(e.J,{type:"right"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"right"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("left-circle-o"),onCopySuccess:"left_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"left_circleleftcircleoutline",children:[(0,k.jsx)(e.J,{type:"left-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"left_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("left-circle"),onCopySuccess:"left_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"left_circle_fillleftcirclefilled",children:[(0,k.jsx)(e.J,{type:"left-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"left_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("right-circle-o"),onCopySuccess:"right_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"right_circlerightcircleoutline",children:[(0,k.jsx)(e.J,{type:"right-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"right_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("right-circle"),onCopySuccess:"right_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"right_circle_fillrightcirclefilled",children:[(0,k.jsx)(e.J,{type:"right-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"right_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("up-circle-o"),onCopySuccess:"up_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"up_circleupcircleoutline",children:[(0,k.jsx)(e.J,{type:"up-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"up_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("up-circle"),onCopySuccess:"up_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"up_circle_fillupcirclefilled",children:[(0,k.jsx)(e.J,{type:"up-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"up_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("down-circle-o"),onCopySuccess:"down_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"down_circledowncircleoutline",children:[(0,k.jsx)(e.J,{type:"down-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"down_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("down-circle"),onCopySuccess:"down_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"down_circle_filldowncirclefilled",children:[(0,k.jsx)(e.J,{type:"down-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"down_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("upload"),onCopySuccess:"upload 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"uploadupload",children:[(0,k.jsx)(e.J,{type:"upload"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"upload"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("download"),onCopySuccess:"download 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"downloaddownload",children:[(0,k.jsx)(e.J,{type:"download"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"download"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("edit-o"),onCopySuccess:"edit 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"editeditoutline",children:[(0,k.jsx)(e.J,{type:"edit-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"edit"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("edit"),onCopySuccess:"edit_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"edit_filleditfilled",children:[(0,k.jsx)(e.J,{type:"edit"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"edit_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("remove-o"),onCopySuccess:"remove 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"removedeleteremoveoutline",children:[(0,k.jsx)(e.J,{type:"remove-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"remove"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("remove"),onCopySuccess:"remove_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"remove_filldeleteremovefilled",children:[(0,k.jsx)(e.J,{type:"remove"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"remove_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("save-o"),onCopySuccess:"save 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"savesaveoutline",children:[(0,k.jsx)(e.J,{type:"save-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"save"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("save"),onCopySuccess:"save_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"save_fillsavefilled",children:[(0,k.jsx)(e.J,{type:"save"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"save_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("arrow-up"),onCopySuccess:"arrow_up 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"arrow_uparrowup",children:[(0,k.jsx)(e.J,{type:"arrow-up"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"arrow_up"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("arrow-down"),onCopySuccess:"arrow_down 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"arrow_downarrowdown",children:[(0,k.jsx)(e.J,{type:"arrow-down"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"arrow_down"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("locked-o"),onCopySuccess:"locked 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"lockedlockedoutline",children:[(0,k.jsx)(e.J,{type:"locked-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"locked"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("locked"),onCopySuccess:"locked_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"locked_filllockedfilled",children:[(0,k.jsx)(e.J,{type:"locked"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"locked_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("unlocked-o"),onCopySuccess:"unlocked 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"unlockedunlockedoutline",children:[(0,k.jsx)(e.J,{type:"unlocked-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"unlocked"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("unlocked"),onCopySuccess:"unlocked_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"unlocked_fillunlockedfilled",children:[(0,k.jsx)(e.J,{type:"unlocked"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"unlocked_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("nav-line"),onCopySuccess:"nav_line 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"nav_linenavline",children:[(0,k.jsx)(e.J,{type:"nav-line"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"nav_line"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("nav-grid"),onCopySuccess:"nav_grid 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"nav_gridnavgrid",children:[(0,k.jsx)(e.J,{type:"nav-grid"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"nav_grid"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("share"),onCopySuccess:"share 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shareshare",children:[(0,k.jsx)(e.J,{type:"share"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"share"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("refresh"),onCopySuccess:"refresh 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"refreshrefreshoutline",children:[(0,k.jsx)(e.J,{type:"refresh"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"refresh"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("help-circle-o"),onCopySuccess:"help 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"helphelpcircleoutline",children:[(0,k.jsx)(e.J,{type:"help-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"help"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("help-circle"),onCopySuccess:"help_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"help_fillhelpcirclefilled",children:[(0,k.jsx)(e.J,{type:"help-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"help_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("thumbnail"),onCopySuccess:"fullscreen 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"fullscreenfullscreenthumbnail",children:[(0,k.jsx)(e.J,{type:"thumbnail"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"fullscreen"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("fullscreen-exit"),onCopySuccess:"fullscreen_exit 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"fullscreen_exitfullscreenexit",children:[(0,k.jsx)(e.J,{type:"fullscreen-exit"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"fullscreen_exit"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("table-loose"),onCopySuccess:"table_loose 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"table_loosetableloose",children:[(0,k.jsx)(e.J,{type:"table-loose"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"table_loose"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("table-compact"),onCopySuccess:"table_compact 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"table_compacttablecompact",children:[(0,k.jsx)(e.J,{type:"table-compact"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"table_compact"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("export"),onCopySuccess:"export 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"exportexportfilled",children:[(0,k.jsx)(e.J,{type:"export"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"export"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("pin-o"),onCopySuccess:"pin 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"pinpinoutline",children:[(0,k.jsx)(e.J,{type:"pin-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"pin"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("pin"),onCopySuccess:"pin_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"pin_fillpinfilled",children:[(0,k.jsx)(e.J,{type:"pin"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"pin_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("eye-o"),onCopySuccess:"show 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"showeyeoutlineshow",children:[(0,k.jsx)(e.J,{type:"eye-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"show"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("eye"),onCopySuccess:"show_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"show_filleyefilledshow",children:[(0,k.jsx)(e.J,{type:"eye"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"show_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("closed-eye"),onCopySuccess:"hide 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hideclosed-eyeoutlinehide",children:[(0,k.jsx)(e.J,{type:"closed-eye"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hide"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("subtract-circle-o"),onCopySuccess:"subtract_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"subtract_circleminussubtract circleoutline",children:[(0,k.jsx)(e.J,{type:"subtract-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"subtract_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("subtract-circle"),onCopySuccess:"subtract_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"subtract_circle_fillminussubtractcirclefilled",children:[(0,k.jsx)(e.J,{type:"subtract-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"subtract_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("plus-circle-o"),onCopySuccess:"plus_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"plus_circleaddpluscircleoutline",children:[(0,k.jsx)(e.J,{type:"plus-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"plus_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("plus-circle"),onCopySuccess:"plus_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"plus_circle_filladdpluscirclefilled",children:[(0,k.jsx)(e.J,{type:"plus-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"plus_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("double-last"),onCopySuccess:"double_last 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"double_lastdoublelast",children:[(0,k.jsx)(e.J,{type:"double-last"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"double_last"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("double-next"),onCopySuccess:"double_next 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"double_nextdoublenext",children:[(0,k.jsx)(e.J,{type:"double-next"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"double_next"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("plus"),onCopySuccess:"plus 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"plusaddplus",children:[(0,k.jsx)(e.J,{type:"plus"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"plus"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("close"),onCopySuccess:"close 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"closeclosenaked",children:[(0,k.jsx)(e.J,{type:"close"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"close"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("search"),onCopySuccess:"search 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"searchsearch",children:[(0,k.jsx)(e.J,{type:"search"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"search"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("more"),onCopySuccess:"more 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"moremore",children:[(0,k.jsx)(e.J,{type:"more"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"more"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("caret-up"),onCopySuccess:"ascending 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"ascendingcaretupascending",children:[(0,k.jsx)(e.J,{type:"caret-up"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"ascending"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("caret-down"),onCopySuccess:"descending 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"descendingcaretdowndescending",children:[(0,k.jsx)(e.J,{type:"caret-down"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"descending"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("reset"),onCopySuccess:"reset_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"reset_fillresetfilled",children:[(0,k.jsx)(e.J,{type:"reset"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"reset_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("drag"),onCopySuccess:"drag 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"dragdrag",children:[(0,k.jsx)(e.J,{type:"drag"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"drag"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("filter-o"),onCopySuccess:"filter 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"filterfilteroutline",children:[(0,k.jsx)(e.J,{type:"filter-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"filter"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"业务类"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("summary-o"),onCopySuccess:"summary 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"summarysummaryoutline",children:[(0,k.jsx)(e.J,{type:"summary-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"summary"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("summary"),onCopySuccess:"summary_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"summary_fillsummaryfilled",children:[(0,k.jsx)(e.J,{type:"summary"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"summary_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("shop-o"),onCopySuccess:"shop 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shopshopoutline",children:[(0,k.jsx)(e.J,{type:"shop-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"shop"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("shop"),onCopySuccess:"shop_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shop_fillshopfilled",children:[(0,k.jsx)(e.J,{type:"shop"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"shop_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("goods-o"),onCopySuccess:"goods 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"goodsgoodsoutline",children:[(0,k.jsx)(e.J,{type:"goods-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"goods"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("goods"),onCopySuccess:"goods_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"goods_fillgoodsfilled",children:[(0,k.jsx)(e.J,{type:"goods"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"goods_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("order-o"),onCopySuccess:"order 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"orderorderoutline",children:[(0,k.jsx)(e.J,{type:"order-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"order"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("order"),onCopySuccess:"order_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"order_fillorderfilled",children:[(0,k.jsx)(e.J,{type:"order"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"order_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-o"),onCopySuccess:"customer 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"customercustomeroutline",children:[(0,k.jsx)(e.J,{type:"customer-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"customer"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer"),onCopySuccess:"customer_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"customer_fillcustomerfilled",children:[(0,k.jsx)(e.J,{type:"customer"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"customer_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("chart-o"),onCopySuccess:"chart 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"chartdatachartoutline",children:[(0,k.jsx)(e.J,{type:"chart-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"chart"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("chart"),onCopySuccess:"chart_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"chart_filldatachartfilled",children:[(0,k.jsx)(e.J,{type:"chart"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"chart_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("capital-o"),onCopySuccess:"capital 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"capitalcapitaloutline",children:[(0,k.jsx)(e.J,{type:"capital-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"capital"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("capital"),onCopySuccess:"capital_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"capital_fillcapitalfilled",children:[(0,k.jsx)(e.J,{type:"capital"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"capital_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("settings-o"),onCopySuccess:"settings 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"settingssettingsoutline",children:[(0,k.jsx)(e.J,{type:"settings-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"settings"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("settings"),onCopySuccess:"settings_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"settings_fillsettingsfilled",children:[(0,k.jsx)(e.J,{type:"settings"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"settings_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("marketing-o"),onCopySuccess:"marketing 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"marketingmarketingoutline",children:[(0,k.jsx)(e.J,{type:"marketing-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"marketing"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("marketing"),onCopySuccess:"marketing_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"marketing_fillmarketingfilled",children:[(0,k.jsx)(e.J,{type:"marketing"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"marketing_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("inventory-o"),onCopySuccess:"inventory 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"inventoryinventoryoutline",children:[(0,k.jsx)(e.J,{type:"inventory-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"inventory"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("inventory"),onCopySuccess:"inventory_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"inventory_fillinventoryfilled",children:[(0,k.jsx)(e.J,{type:"inventory"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"inventory_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("procurement-o"),onCopySuccess:"procurement 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"procurementprocurementoutline",children:[(0,k.jsx)(e.J,{type:"procurement-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"procurement"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("procurement"),onCopySuccess:"procurement_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"procurement_fillprocurementfilled",children:[(0,k.jsx)(e.J,{type:"procurement"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"procurement_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("finance-o"),onCopySuccess:"finance 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"financefinanceoutline",children:[(0,k.jsx)(e.J,{type:"finance-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"finance"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("finance"),onCopySuccess:"finance_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"finance_fillfinancefilled",children:[(0,k.jsx)(e.J,{type:"finance"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"finance_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("cashier-o"),onCopySuccess:"cashier 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"cashiercashieroutline",children:[(0,k.jsx)(e.J,{type:"cashier-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"cashier"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("cashier"),onCopySuccess:"cashier_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"cashier_fillcashierfilled",children:[(0,k.jsx)(e.J,{type:"cashier"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"cashier_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("course-o"),onCopySuccess:"course 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"coursecourseoutline",children:[(0,k.jsx)(e.J,{type:"course-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"course"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("course"),onCopySuccess:"course_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"course_fillcoursefilled",children:[(0,k.jsx)(e.J,{type:"course"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"course_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("admissions-o"),onCopySuccess:"admissions 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"admissionsadmissionsoutline",children:[(0,k.jsx)(e.J,{type:"admissions-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"admissions"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("admissions"),onCopySuccess:"admissions_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"admissions_filladmissionsfilled",children:[(0,k.jsx)(e.J,{type:"admissions"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"admissions_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("educational-o"),onCopySuccess:"educational 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"educationaleducationaloutline",children:[(0,k.jsx)(e.J,{type:"educational-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"educational"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("educational"),onCopySuccess:"educational_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"educational_filleducationalfilled",children:[(0,k.jsx)(e.J,{type:"educational"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"educational_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-service-o"),onCopySuccess:"service 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"servicecustomer-serviceoutline",children:[(0,k.jsx)(e.J,{type:"customer-service-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"service"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-service"),onCopySuccess:"service_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"service_fillcustomer-servicefilled",children:[(0,k.jsx)(e.J,{type:"customer-service"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"service_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("message-o"),onCopySuccess:"message 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"messagemessageoutline",children:[(0,k.jsx)(e.J,{type:"message-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"message"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("message"),onCopySuccess:"message_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"message_fillmessagefilled",children:[(0,k.jsx)(e.J,{type:"message"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"message_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("jump-out"),onCopySuccess:"jump_out 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"jump_outjump-out",children:[(0,k.jsx)(e.J,{type:"jump-out"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"jump_out"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("sign-out"),onCopySuccess:"sign_out 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"sign_outsign-out",children:[(0,k.jsx)(e.J,{type:"sign-out"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"sign_out"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hotel-o"),onCopySuccess:"hotel 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hotelhoteloutline",children:[(0,k.jsx)(e.J,{type:"hotel-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hotel"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hotel"),onCopySuccess:"hotel_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hotel_fillhotelfilled",children:[(0,k.jsx)(e.J,{type:"hotel"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hotel_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-manage-o"),onCopySuccess:"customer-manage 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"customer-managecustomermanagecustomer-manageoutline",children:[(0,k.jsx)(e.J,{type:"customer-manage-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"customer-manage"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("customer-manage"),onCopySuccess:"customer-manage_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"customer-manage_fillcustomermanagecustomer-managefilled",children:[(0,k.jsx)(e.J,{type:"customer-manage"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"customer-manage_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("purchase-o"),onCopySuccess:"purchase 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"purchasepurchaseoutline",children:[(0,k.jsx)(e.J,{type:"purchase-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"purchase"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("purchase"),onCopySuccess:"purchase_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"purchase_fillpurchasefilled",children:[(0,k.jsx)(e.J,{type:"purchase"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"purchase_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("target-o"),onCopySuccess:"target 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"targettargetoutline",children:[(0,k.jsx)(e.J,{type:"target-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"target"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("target"),onCopySuccess:"target_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"target_filltargetfilled",children:[(0,k.jsx)(e.J,{type:"target"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"target_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("care-o"),onCopySuccess:"care 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"carecareoutline",children:[(0,k.jsx)(e.J,{type:"care-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"care"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("care"),onCopySuccess:"care_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"care_fillcarefilled",children:[(0,k.jsx)(e.J,{type:"care"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"care_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("nameplate-o"),onCopySuccess:"nameplate 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"nameplatenameplateoutline",children:[(0,k.jsx)(e.J,{type:"nameplate-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"nameplate"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("nameplate"),onCopySuccess:"nameplate_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"nameplate_fillnameplatefilled",children:[(0,k.jsx)(e.J,{type:"nameplate"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"nameplate_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("scrm-smile-o"),onCopySuccess:"scrm-smile 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"scrm-smilesmilescrm-smileoutline",children:[(0,k.jsx)(e.J,{type:"scrm-smile-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"scrm-smile"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("scrm-smile"),onCopySuccess:"scrm-smile_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"scrm-smile_fillsmilescrm-smilefilled",children:[(0,k.jsx)(e.J,{type:"scrm-smile"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"scrm-smile_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("canvas-o"),onCopySuccess:"canvas 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"canvascanvasoutline",children:[(0,k.jsx)(e.J,{type:"canvas-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"canvas"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("canvas"),onCopySuccess:"canvas_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"canvas_fillcanvasfilled",children:[(0,k.jsx)(e.J,{type:"canvas"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"canvas_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("business-manage-o"),onCopySuccess:"business-manage 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"business-managebusinessmanagebusiness-manageoutline",children:[(0,k.jsx)(e.J,{type:"business-manage-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"business-manage"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("business-manage"),onCopySuccess:"business-manage_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"business-manage_fillbusinessmanagebusiness-managefilled",children:[(0,k.jsx)(e.J,{type:"business-manage"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"business-manage_fill"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"状态类"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("check-circle-o"),onCopySuccess:"success_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"success_circlecheckcircleoutlinesuccess",children:[(0,k.jsx)(e.J,{type:"check-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"success_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("check-circle"),onCopySuccess:"success_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"success_circle_fillcheckcirclefilledsuccess",children:[(0,k.jsx)(e.J,{type:"check-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"success_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("close-circle-o"),onCopySuccess:"error_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"error_circleerrorcircleoutline",children:[(0,k.jsx)(e.J,{type:"close-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"error_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("close-circle"),onCopySuccess:"error_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"error_circle_fillerrorcirclefilled",children:[(0,k.jsx)(e.J,{type:"close-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"error_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("info-circle-o"),onCopySuccess:"info_circle 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"info_circleinfocircleoutline",children:[(0,k.jsx)(e.J,{type:"info-circle-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"info_circle"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("info-circle"),onCopySuccess:"info_circle_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"info_circle_fillinfocirclefilled",children:[(0,k.jsx)(e.J,{type:"info-circle"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"info_circle_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("loading"),onCopySuccess:"loading 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"loadingloading",children:[(0,k.jsx)(e.J,{type:"loading"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"loading"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("wait"),onCopySuccess:"wait_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"wait_fillwaitfilled",children:[(0,k.jsx)(e.J,{type:"wait"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"wait_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("star-o"),onCopySuccess:"star 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"starstaroutline",children:[(0,k.jsx)(e.J,{type:"star-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"star"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("star"),onCopySuccess:"star_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"star_fillstarfilled",children:[(0,k.jsx)(e.J,{type:"star"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"star_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bell-o"),onCopySuccess:"bell 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bellbelloutline",children:[(0,k.jsx)(e.J,{type:"bell-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bell"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bell"),onCopySuccess:"bell_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bell_fillbellfilled",children:[(0,k.jsx)(e.J,{type:"bell"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bell_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("check"),onCopySuccess:"check 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"checkcheck",children:[(0,k.jsx)(e.J,{type:"check"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"check"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("warning-o"),onCopySuccess:"warning 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"warningwarningtriangleoutline",children:[(0,k.jsx)(e.J,{type:"warning-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"warning"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("warning"),onCopySuccess:"warning_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"warning_fillwarningtrianglefilled",children:[(0,k.jsx)(e.J,{type:"warning"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"warning_fill"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"标示类"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("youzan-o"),onCopySuccess:"youzan 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"youzanyouzanlogooutline",children:[(0,k.jsx)(e.J,{type:"youzan-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"youzan"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("youzan"),onCopySuccess:"youzan_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"youzan_fillyouzanlogofilled",children:[(0,k.jsx)(e.J,{type:"youzan"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"youzan_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("mini-apps-o"),onCopySuccess:"mini_apps 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"mini_appswechatminiappoutline",children:[(0,k.jsx)(e.J,{type:"mini-apps-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"mini_apps"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("mini-apps"),onCopySuccess:"mini_apps_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"mini_apps_fillwechatminiappfilled",children:[(0,k.jsx)(e.J,{type:"mini-apps"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"mini_apps_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("wechat-o"),onCopySuccess:"wechat 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"wechatwechatoutline",children:[(0,k.jsx)(e.J,{type:"wechat-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"wechat"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("wechat"),onCopySuccess:"wechat_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"wechat_fillwechatfilled",children:[(0,k.jsx)(e.J,{type:"wechat"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"wechat_fill"})]})})]})]}),(0,k.jsxs)("div",{className:"zi-grid-group",children:[(0,k.jsx)("div",{className:"zi-grid-group-name",children:"基础类"}),(0,k.jsxs)("div",{className:"zi-grid-group-items",children:[(0,k.jsx)(i.q,{text:this.getIconString("clock-o"),onCopySuccess:"clock 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"clockclockoutline",children:[(0,k.jsx)(e.J,{type:"clock-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"clock"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("clock"),onCopySuccess:"clock_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"clock_fillclockfilled",children:[(0,k.jsx)(e.J,{type:"clock"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"clock_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("calendar-o"),onCopySuccess:"calendar 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"calendarcalendaroutline",children:[(0,k.jsx)(e.J,{type:"calendar-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"calendar"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("calendar"),onCopySuccess:"calendar_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"calendar_fillcalendarfilled",children:[(0,k.jsx)(e.J,{type:"calendar"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"calendar_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("present-o"),onCopySuccess:"present 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"presentpresentoutline",children:[(0,k.jsx)(e.J,{type:"present-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"present"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("present"),onCopySuccess:"present_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"present_fillpresentfilled",children:[(0,k.jsx)(e.J,{type:"present"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"present_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("ticket-o"),onCopySuccess:"ticket 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"ticketticketoutline",children:[(0,k.jsx)(e.J,{type:"ticket-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"ticket"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("ticket"),onCopySuccess:"ticket_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"ticket_fillticketfilled",children:[(0,k.jsx)(e.J,{type:"ticket"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"ticket_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("expand-customer-o"),onCopySuccess:"expand_customer 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"expand_customerexpandcustomeroutline",children:[(0,k.jsx)(e.J,{type:"expand-customer-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"expand_customer"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("expand-customer"),onCopySuccess:"expand_customer_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"expand_customer_fillexpandcustomerfilled",children:[(0,k.jsx)(e.J,{type:"expand-customer"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"expand_customer_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("checkin-o"),onCopySuccess:"checkin 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"checkincheckinoutline",children:[(0,k.jsx)(e.J,{type:"checkin-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"checkin"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("checkin"),onCopySuccess:"checkin_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"checkin_fillcheckinfilled",children:[(0,k.jsx)(e.J,{type:"checkin"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"checkin_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("assess-o"),onCopySuccess:"assess 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"assessassessoutline",children:[(0,k.jsx)(e.J,{type:"assess-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"assess"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("assess"),onCopySuccess:"assess_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"assess_fillassessfilled",children:[(0,k.jsx)(e.J,{type:"assess"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"assess_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("business-o"),onCopySuccess:"business 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"businessbusinessoutline",children:[(0,k.jsx)(e.J,{type:"business-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"business"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("business"),onCopySuccess:"business_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"business_fillbusinessfilled",children:[(0,k.jsx)(e.J,{type:"business"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"business_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hr-o"),onCopySuccess:"hr 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hrhuman resourceoutline",children:[(0,k.jsx)(e.J,{type:"hr-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hr"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hr"),onCopySuccess:"hr_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hr_fillhuman resourcefilled",children:[(0,k.jsx)(e.J,{type:"hr"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hr_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("approval-o"),onCopySuccess:"approval 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"approvalapprovaloutline",children:[(0,k.jsx)(e.J,{type:"approval-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"approval"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("approval"),onCopySuccess:"approval_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"approval_fillapprovalfilled",children:[(0,k.jsx)(e.J,{type:"approval"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"approval_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report-o"),onCopySuccess:"report 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"reportreportoutline",children:[(0,k.jsx)(e.J,{type:"report-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report"),onCopySuccess:"report_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"report_fillreportfilled",children:[(0,k.jsx)(e.J,{type:"report"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("coupon-o"),onCopySuccess:"coupon 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"couponcouponoutline",children:[(0,k.jsx)(e.J,{type:"coupon-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"coupon"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("coupon"),onCopySuccess:"coupon_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"coupon_fillcouponfilled",children:[(0,k.jsx)(e.J,{type:"coupon"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"coupon_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hc-manage-o"),onCopySuccess:"hc_manage 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hc_managehc-manageoutline",children:[(0,k.jsx)(e.J,{type:"hc-manage-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hc_manage"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hc-manage"),onCopySuccess:"hc_manage_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hc_manage_fillhc-managefilled",children:[(0,k.jsx)(e.J,{type:"hc-manage"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hc_manage_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report-forms-o"),onCopySuccess:"report_forms 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"report_formsreportformsoutline",children:[(0,k.jsx)(e.J,{type:"report-forms-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report_forms"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("report-forms"),onCopySuccess:"report_forms_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"report_forms_fillreportformsfilled",children:[(0,k.jsx)(e.J,{type:"report-forms"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"report_forms_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("brush-o"),onCopySuccess:"brush 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"brushbrushoutline",children:[(0,k.jsx)(e.J,{type:"brush-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"brush"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("brush"),onCopySuccess:"brush_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"brush_fillbrushfilled",children:[(0,k.jsx)(e.J,{type:"brush"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"brush_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("development-doc-o"),onCopySuccess:"development_doc 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"development_docdevelopmentdocoutline",children:[(0,k.jsx)(e.J,{type:"development-doc-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"development_doc"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("development-doc"),onCopySuccess:"development_doc_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"development_doc_filldevelopmentdocfilled",children:[(0,k.jsx)(e.J,{type:"development-doc"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"development_doc_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bookmark-o"),onCopySuccess:"bookmark 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bookmarkbookmarkoutline",children:[(0,k.jsx)(e.J,{type:"bookmark-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bookmark"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("bookmark"),onCopySuccess:"bookmark_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"bookmark_fillbookmarkfilled",children:[(0,k.jsx)(e.J,{type:"bookmark"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"bookmark_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("folder-o"),onCopySuccess:"folder 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"folderfolderoutline",children:[(0,k.jsx)(e.J,{type:"folder-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"folder"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("open-folder-o"),onCopySuccess:"open_folder 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"open_folderopen-folderoutline",children:[(0,k.jsx)(e.J,{type:"open-folder-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"open_folder"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("pending-payment-o"),onCopySuccess:"pending_payment 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"pending_paymentpaymentpendingoutline",children:[(0,k.jsx)(e.J,{type:"pending-payment-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"pending_payment"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("salesman-o"),onCopySuccess:"salesman 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"salesmansalesmanoutline",children:[(0,k.jsx)(e.J,{type:"salesman-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"salesman"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("tendency-o"),onCopySuccess:"tendency 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"tendencytendencyoutline",children:[(0,k.jsx)(e.J,{type:"tendency-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"tendency"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("distribution-o"),onCopySuccess:"distribution 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"distributiondistributionoutline",children:[(0,k.jsx)(e.J,{type:"distribution-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"distribution"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("member-o"),onCopySuccess:"member 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"membermemberoutline",children:[(0,k.jsx)(e.J,{type:"member-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"member"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("text-guide-o"),onCopySuccess:"text_guide 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"text_guidetext-guideoutlineguide",children:[(0,k.jsx)(e.J,{type:"text-guide-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"text_guide"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("qrcode"),onCopySuccess:"qrcode 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"qrcodeqrcode",children:[(0,k.jsx)(e.J,{type:"qrcode"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"qrcode"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("shop-analyze-o"),onCopySuccess:"shop_analyze 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"shop_analyzeshopanalyzeoutline",children:[(0,k.jsx)(e.J,{type:"shop-analyze-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"shop_analyze"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("channel-o"),onCopySuccess:"channel 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"channelchanneloutline",children:[(0,k.jsx)(e.J,{type:"channel-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"channel"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("cashier-desk-o"),onCopySuccess:"cashier_desk 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"cashier_deskcashierdeskoutline",children:[(0,k.jsx)(e.J,{type:"cashier-desk-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"cashier_desk"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("qa-o"),onCopySuccess:"qa 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"qaqualityassuranceoutline",children:[(0,k.jsx)(e.J,{type:"qa-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"qa"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("withdraw-cash-o"),onCopySuccess:"withdraw_cash 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"withdraw_cashwithdrawcashoutline",children:[(0,k.jsx)(e.J,{type:"withdraw-cash-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"withdraw_cash"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("tools-o"),onCopySuccess:"tools 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"toolstoolsoutline",children:[(0,k.jsx)(e.J,{type:"tools-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"tools"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("smile"),onCopySuccess:"smile 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"smilesmile",children:[(0,k.jsx)(e.J,{type:"smile"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"smile"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("photo"),onCopySuccess:"photo 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"photophoto",children:[(0,k.jsx)(e.J,{type:"photo"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"photo"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("video-o"),onCopySuccess:"video 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"videovideooutline",children:[(0,k.jsx)(e.J,{type:"video-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"video"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("video"),onCopySuccess:"video_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"video_fillvideofilled",children:[(0,k.jsx)(e.J,{type:"video"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"video_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("hotline-o"),onCopySuccess:"hotline 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"hotlinehotlineoutline",children:[(0,k.jsx)(e.J,{type:"hotline-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"hotline"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("visit-o"),onCopySuccess:"visit 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"visitvisitoutline",children:[(0,k.jsx)(e.J,{type:"visit-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"visit"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("countdown"),onCopySuccess:"countdown 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"countdowncountdown",children:[(0,k.jsx)(e.J,{type:"countdown"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"countdown"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("suggestions"),onCopySuccess:"suggestions 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"suggestionssuggestionsoutline",children:[(0,k.jsx)(e.J,{type:"suggestions"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"suggestions"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("feedback"),onCopySuccess:"feedback 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"feedbackfeedback",children:[(0,k.jsx)(e.J,{type:"feedback"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"feedback"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("contract-o"),onCopySuccess:"contract 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"contractcontractoutline",children:[(0,k.jsx)(e.J,{type:"contract-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"contract"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("rights-list-o"),onCopySuccess:"rights_list 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"rights_listrights-listoutline",children:[(0,k.jsx)(e.J,{type:"rights-list-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"rights_list"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("im-o"),onCopySuccess:"im 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"imimoutline",children:[(0,k.jsx)(e.J,{type:"im-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"im"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("flow-o"),onCopySuccess:"resource 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"resourceresourceflowoutline",children:[(0,k.jsx)(e.J,{type:"flow-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"resource"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("strategy-o"),onCopySuccess:"strategy 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"strategystrategyoutline",children:[(0,k.jsx)(e.J,{type:"strategy-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"strategy"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("link"),onCopySuccess:"link 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"linklink",children:[(0,k.jsx)(e.J,{type:"link"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"link"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("voice"),onCopySuccess:"voice_fill 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"voice_fillvoicefilled",children:[(0,k.jsx)(e.J,{type:"voice"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"voice_fill"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("scan-code-o"),onCopySuccess:"scan_code 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"scan_codescan-codeoutline",children:[(0,k.jsx)(e.J,{type:"scan-code-o"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"scan_code"})]})}),(0,k.jsx)(i.q,{text:this.getIconString("doc"),onCopySuccess:"doc 已复制到剪贴板",children:(0,k.jsxs)("div",{className:"zi-grid-item","data-index":"docdocfilled",children:[(0,k.jsx)(e.J,{type:"doc"}),(0,k.jsx)("span",{className:"zi-grid-item-name",children:"doc"})]})})]})]})]})}}return(0,k.jsx)(n,{})};function y(n){return(0,k.jsx)(n.tag,g(g({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function h(n){return(0,k.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function x(n){return(0,k.jsx)(y,{tag:"style",html:n.style})}function q(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),q(n.parentNode,a);return a}class j extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,k.jsxs)("div",{className:"zandoc-react-demo",children:[(0,k.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,k.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,k.jsx)("div",{className:"zandoc-react-demo__title",children:(0,k.jsx)("p",{children:s||""})}),(0,k.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,k.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,k.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class f extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,c.l)(document.documentElement,0,q(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(x,{style:".zenticon-demo {\n\t\tfont-size: 40px;\n\t}\n\n\t.zenticon-youzan.zenticon-demo {\n\t\tcolor: #EB0B19;\n\t}\n\n.zi-grid .zenticon {\n\t\tfont-size: 20px;\n\t}\n\n.zi-grid-toolbar {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\t\tjustify-content: space-between;\n\t}\n\n.zi-grid .zi-search-input-wrapper {\n color: #999;\n }\n\n.zi-grid .zi-search-input {\n\t\twidth: 344px;\n margin-bottom: 8px;\n\t}\n\n.zi-grid .zi-grid-group {\n\t\tmargin-top: 48px;\n\t}\n\n.zi-grid .zi-grid-group-name {\n\t\t\tfont-size: 20px;\n\t\t\tline-height: 28px;\n\t\t\tfont-weight: 500;\n\t\t\tmargin-bottom: 24px;\n\t\t}\n\n.zi-grid .zi-grid-group-items {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n.zi-grid .zi-grid-item {\n\t\tbox-sizing: border-box;\n\t\twidth: 16.667%;\n\t\theight: 96px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tcursor: pointer\n\t}\n\n.zi-grid .zi-grid-item:hover {\n\t\tbackground: #F7F8FA;\n}\n\n.zi-grid .zi-grid-item .zenticon {\n\t\t\tfont-size: 40px;\n\t\t\tvertical-align: middle;\n\t\t\tcolor: #333;\n}\n\n.zi-grid .zi-grid-item:not(-n+6) {\n\t\tmargin-top: 16px;\n}\n\n.zi-grid .zi-grid-item .zi-grid-item-name {\n\t\t\tmargin-top: 8px;\n}"}),p.createElement(h,{html:'

Icon 图标

\n

语义化的图标库。

\n

使用指南

\n
    \n
  • 部分图标分为实心和描线两个版本, 使用 -o（字母）来区分, e.g. shop (实心)和 shop-o (描线)。
    • \n
  • type 的命名规则: icon名字-[variant(变体)]-[描线与否(o)]。
    • \n
\n

代码演示

'}),p.createElement(j,{title:"React组件方式使用",id:"Democomponent",src:'import { Icon } from \'zent\';\n\nReactDOM.render(\n <Icon type="youzan" className="zenticon-demo" />\n , mountNode\n);'},p.createElement(m)),p.createElement(j,{title:"旋转动画",id:"Demospin",src:'import { Icon } from \'zent\';\n\nReactDOM.render(\n <Icon type="flow-o" spin className="zenticon-demo" />\n , mountNode\n);'},p.createElement(d)),p.createElement(j,{title:"所有图标",id:"Demoall",src:'import { Icon, Input, RadioGroup, Radio, CopyButton } from \'zent\';\n\nclass IconGrid extends Component {\n state = {\n search: \'\',\n copyType: \'jsx\',\n };\n\n onChange = evt => {\n this.setState({\n search: evt.target.value.trim().toLowerCase()\n });\n };\n\n onCopyOptionChange = evt => {\n this.setState({\n copyType: evt.target.value\n });\n };\n\n getIconString = name => () => {\n const { copyType } = this.state;\n\n if (copyType === \'jsx\') {\n return `<Icon type="${name}" />`;\n }\n\n return name;\n };\n\n render() {\n const { search } = this.state;\n return (\n <div className="zi-grid">\n <div className="zi-grid-toolbar">\n {search && <style>{`.zi-grid-item:not([data-index*="${search}"]) { display: none; }`}</style>}\n <div className="zi-search-input-wrapper">\n <Input\n className="zi-search-input"\n icon="search"\n placeholder="搜索图标"\n value={search}\n onChange={this.onChange}\n />\n 注意：展示的图标名称不是 type\n </div>\n\n <RadioGroup onChange={this.onCopyOptionChange} value={this.state.copyType}>\n <Radio value="jsx">复制 JSX</Radio>\n <Radio value="name">复制 type</Radio>\n </RadioGroup>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">操作类</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("up")}\n onCopySuccess="up 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="upup"\n >\n <Icon type="up" />\n <span className="zi-grid-item-name">up</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("down")}\n onCopySuccess="down 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="downdown"\n >\n <Icon type="down" />\n <span className="zi-grid-item-name">down</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("left")}\n onCopySuccess="left 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="leftleft"\n >\n <Icon type="left" />\n <span className="zi-grid-item-name">left</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("right")}\n onCopySuccess="right 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="rightright"\n >\n <Icon type="right" />\n <span className="zi-grid-item-name">right</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("left-circle-o")}\n onCopySuccess="left_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="left_circleleftcircleoutline"\n >\n <Icon type="left-circle-o" />\n <span className="zi-grid-item-name">left_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("left-circle")}\n onCopySuccess="left_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="left_circle_fillleftcirclefilled"\n >\n <Icon type="left-circle" />\n <span className="zi-grid-item-name">left_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("right-circle-o")}\n onCopySuccess="right_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="right_circlerightcircleoutline"\n >\n <Icon type="right-circle-o" />\n <span className="zi-grid-item-name">right_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("right-circle")}\n onCopySuccess="right_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="right_circle_fillrightcirclefilled"\n >\n <Icon type="right-circle" />\n <span className="zi-grid-item-name">right_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("up-circle-o")}\n onCopySuccess="up_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="up_circleupcircleoutline"\n >\n <Icon type="up-circle-o" />\n <span className="zi-grid-item-name">up_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("up-circle")}\n onCopySuccess="up_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="up_circle_fillupcirclefilled"\n >\n <Icon type="up-circle" />\n <span className="zi-grid-item-name">up_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("down-circle-o")}\n onCopySuccess="down_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="down_circledowncircleoutline"\n >\n <Icon type="down-circle-o" />\n <span className="zi-grid-item-name">down_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("down-circle")}\n onCopySuccess="down_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="down_circle_filldowncirclefilled"\n >\n <Icon type="down-circle" />\n <span className="zi-grid-item-name">down_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("upload")}\n onCopySuccess="upload 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="uploadupload"\n >\n <Icon type="upload" />\n <span className="zi-grid-item-name">upload</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("download")}\n onCopySuccess="download 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="downloaddownload"\n >\n <Icon type="download" />\n <span className="zi-grid-item-name">download</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("edit-o")}\n onCopySuccess="edit 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="editeditoutline"\n >\n <Icon type="edit-o" />\n <span className="zi-grid-item-name">edit</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("edit")}\n onCopySuccess="edit_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="edit_filleditfilled"\n >\n <Icon type="edit" />\n <span className="zi-grid-item-name">edit_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("remove-o")}\n onCopySuccess="remove 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="removedeleteremoveoutline"\n >\n <Icon type="remove-o" />\n <span className="zi-grid-item-name">remove</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("remove")}\n onCopySuccess="remove_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="remove_filldeleteremovefilled"\n >\n <Icon type="remove" />\n <span className="zi-grid-item-name">remove_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("save-o")}\n onCopySuccess="save 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="savesaveoutline"\n >\n <Icon type="save-o" />\n <span className="zi-grid-item-name">save</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("save")}\n onCopySuccess="save_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="save_fillsavefilled"\n >\n <Icon type="save" />\n <span className="zi-grid-item-name">save_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("arrow-up")}\n onCopySuccess="arrow_up 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="arrow_uparrowup"\n >\n <Icon type="arrow-up" />\n <span className="zi-grid-item-name">arrow_up</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("arrow-down")}\n onCopySuccess="arrow_down 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="arrow_downarrowdown"\n >\n <Icon type="arrow-down" />\n <span className="zi-grid-item-name">arrow_down</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("locked-o")}\n onCopySuccess="locked 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="lockedlockedoutline"\n >\n <Icon type="locked-o" />\n <span className="zi-grid-item-name">locked</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("locked")}\n onCopySuccess="locked_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="locked_filllockedfilled"\n >\n <Icon type="locked" />\n <span className="zi-grid-item-name">locked_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("unlocked-o")}\n onCopySuccess="unlocked 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="unlockedunlockedoutline"\n >\n <Icon type="unlocked-o" />\n <span className="zi-grid-item-name">unlocked</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("unlocked")}\n onCopySuccess="unlocked_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="unlocked_fillunlockedfilled"\n >\n <Icon type="unlocked" />\n <span className="zi-grid-item-name">unlocked_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("nav-line")}\n onCopySuccess="nav_line 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="nav_linenavline"\n >\n <Icon type="nav-line" />\n <span className="zi-grid-item-name">nav_line</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("nav-grid")}\n onCopySuccess="nav_grid 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="nav_gridnavgrid"\n >\n <Icon type="nav-grid" />\n <span className="zi-grid-item-name">nav_grid</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("share")}\n onCopySuccess="share 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shareshare"\n >\n <Icon type="share" />\n <span className="zi-grid-item-name">share</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("refresh")}\n onCopySuccess="refresh 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="refreshrefreshoutline"\n >\n <Icon type="refresh" />\n <span className="zi-grid-item-name">refresh</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("help-circle-o")}\n onCopySuccess="help 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="helphelpcircleoutline"\n >\n <Icon type="help-circle-o" />\n <span className="zi-grid-item-name">help</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("help-circle")}\n onCopySuccess="help_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="help_fillhelpcirclefilled"\n >\n <Icon type="help-circle" />\n <span className="zi-grid-item-name">help_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("thumbnail")}\n onCopySuccess="fullscreen 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="fullscreenfullscreenthumbnail"\n >\n <Icon type="thumbnail" />\n <span className="zi-grid-item-name">fullscreen</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("fullscreen-exit")}\n onCopySuccess="fullscreen_exit 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="fullscreen_exitfullscreenexit"\n >\n <Icon type="fullscreen-exit" />\n <span className="zi-grid-item-name">fullscreen_exit</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("table-loose")}\n onCopySuccess="table_loose 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="table_loosetableloose"\n >\n <Icon type="table-loose" />\n <span className="zi-grid-item-name">table_loose</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("table-compact")}\n onCopySuccess="table_compact 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="table_compacttablecompact"\n >\n <Icon type="table-compact" />\n <span className="zi-grid-item-name">table_compact</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("export")}\n onCopySuccess="export 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="exportexportfilled"\n >\n <Icon type="export" />\n <span className="zi-grid-item-name">export</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("pin-o")}\n onCopySuccess="pin 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="pinpinoutline"\n >\n <Icon type="pin-o" />\n <span className="zi-grid-item-name">pin</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("pin")}\n onCopySuccess="pin_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="pin_fillpinfilled"\n >\n <Icon type="pin" />\n <span className="zi-grid-item-name">pin_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("eye-o")}\n onCopySuccess="show 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="showeyeoutlineshow"\n >\n <Icon type="eye-o" />\n <span className="zi-grid-item-name">show</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("eye")}\n onCopySuccess="show_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="show_filleyefilledshow"\n >\n <Icon type="eye" />\n <span className="zi-grid-item-name">show_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("closed-eye")}\n onCopySuccess="hide 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hideclosed-eyeoutlinehide"\n >\n <Icon type="closed-eye" />\n <span className="zi-grid-item-name">hide</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("subtract-circle-o")}\n onCopySuccess="subtract_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="subtract_circleminussubtract circleoutline"\n >\n <Icon type="subtract-circle-o" />\n <span className="zi-grid-item-name">subtract_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("subtract-circle")}\n onCopySuccess="subtract_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="subtract_circle_fillminussubtractcirclefilled"\n >\n <Icon type="subtract-circle" />\n <span className="zi-grid-item-name">subtract_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("plus-circle-o")}\n onCopySuccess="plus_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="plus_circleaddpluscircleoutline"\n >\n <Icon type="plus-circle-o" />\n <span className="zi-grid-item-name">plus_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("plus-circle")}\n onCopySuccess="plus_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="plus_circle_filladdpluscirclefilled"\n >\n <Icon type="plus-circle" />\n <span className="zi-grid-item-name">plus_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("double-last")}\n onCopySuccess="double_last 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="double_lastdoublelast"\n >\n <Icon type="double-last" />\n <span className="zi-grid-item-name">double_last</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("double-next")}\n onCopySuccess="double_next 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="double_nextdoublenext"\n >\n <Icon type="double-next" />\n <span className="zi-grid-item-name">double_next</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("plus")}\n onCopySuccess="plus 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="plusaddplus"\n >\n <Icon type="plus" />\n <span className="zi-grid-item-name">plus</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("close")}\n onCopySuccess="close 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="closeclosenaked"\n >\n <Icon type="close" />\n <span className="zi-grid-item-name">close</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("search")}\n onCopySuccess="search 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="searchsearch"\n >\n <Icon type="search" />\n <span className="zi-grid-item-name">search</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("more")}\n onCopySuccess="more 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="moremore"\n >\n <Icon type="more" />\n <span className="zi-grid-item-name">more</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("caret-up")}\n onCopySuccess="ascending 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="ascendingcaretupascending"\n >\n <Icon type="caret-up" />\n <span className="zi-grid-item-name">ascending</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("caret-down")}\n onCopySuccess="descending 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="descendingcaretdowndescending"\n >\n <Icon type="caret-down" />\n <span className="zi-grid-item-name">descending</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("reset")}\n onCopySuccess="reset_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="reset_fillresetfilled"\n >\n <Icon type="reset" />\n <span className="zi-grid-item-name">reset_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("drag")}\n onCopySuccess="drag 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="dragdrag"\n >\n <Icon type="drag" />\n <span className="zi-grid-item-name">drag</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("filter-o")}\n onCopySuccess="filter 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="filterfilteroutline"\n >\n <Icon type="filter-o" />\n <span className="zi-grid-item-name">filter</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">业务类</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("summary-o")}\n onCopySuccess="summary 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="summarysummaryoutline"\n >\n <Icon type="summary-o" />\n <span className="zi-grid-item-name">summary</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("summary")}\n onCopySuccess="summary_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="summary_fillsummaryfilled"\n >\n <Icon type="summary" />\n <span className="zi-grid-item-name">summary_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("shop-o")}\n onCopySuccess="shop 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shopshopoutline"\n >\n <Icon type="shop-o" />\n <span className="zi-grid-item-name">shop</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("shop")}\n onCopySuccess="shop_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shop_fillshopfilled"\n >\n <Icon type="shop" />\n <span className="zi-grid-item-name">shop_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("goods-o")}\n onCopySuccess="goods 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="goodsgoodsoutline"\n >\n <Icon type="goods-o" />\n <span className="zi-grid-item-name">goods</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("goods")}\n onCopySuccess="goods_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="goods_fillgoodsfilled"\n >\n <Icon type="goods" />\n <span className="zi-grid-item-name">goods_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("order-o")}\n onCopySuccess="order 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="orderorderoutline"\n >\n <Icon type="order-o" />\n <span className="zi-grid-item-name">order</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("order")}\n onCopySuccess="order_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="order_fillorderfilled"\n >\n <Icon type="order" />\n <span className="zi-grid-item-name">order_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-o")}\n onCopySuccess="customer 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="customercustomeroutline"\n >\n <Icon type="customer-o" />\n <span className="zi-grid-item-name">customer</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer")}\n onCopySuccess="customer_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="customer_fillcustomerfilled"\n >\n <Icon type="customer" />\n <span className="zi-grid-item-name">customer_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("chart-o")}\n onCopySuccess="chart 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="chartdatachartoutline"\n >\n <Icon type="chart-o" />\n <span className="zi-grid-item-name">chart</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("chart")}\n onCopySuccess="chart_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="chart_filldatachartfilled"\n >\n <Icon type="chart" />\n <span className="zi-grid-item-name">chart_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("capital-o")}\n onCopySuccess="capital 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="capitalcapitaloutline"\n >\n <Icon type="capital-o" />\n <span className="zi-grid-item-name">capital</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("capital")}\n onCopySuccess="capital_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="capital_fillcapitalfilled"\n >\n <Icon type="capital" />\n <span className="zi-grid-item-name">capital_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("settings-o")}\n onCopySuccess="settings 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="settingssettingsoutline"\n >\n <Icon type="settings-o" />\n <span className="zi-grid-item-name">settings</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("settings")}\n onCopySuccess="settings_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="settings_fillsettingsfilled"\n >\n <Icon type="settings" />\n <span className="zi-grid-item-name">settings_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("marketing-o")}\n onCopySuccess="marketing 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="marketingmarketingoutline"\n >\n <Icon type="marketing-o" />\n <span className="zi-grid-item-name">marketing</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("marketing")}\n onCopySuccess="marketing_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="marketing_fillmarketingfilled"\n >\n <Icon type="marketing" />\n <span className="zi-grid-item-name">marketing_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("inventory-o")}\n onCopySuccess="inventory 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="inventoryinventoryoutline"\n >\n <Icon type="inventory-o" />\n <span className="zi-grid-item-name">inventory</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("inventory")}\n onCopySuccess="inventory_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="inventory_fillinventoryfilled"\n >\n <Icon type="inventory" />\n <span className="zi-grid-item-name">inventory_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("procurement-o")}\n onCopySuccess="procurement 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="procurementprocurementoutline"\n >\n <Icon type="procurement-o" />\n <span className="zi-grid-item-name">procurement</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("procurement")}\n onCopySuccess="procurement_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="procurement_fillprocurementfilled"\n >\n <Icon type="procurement" />\n <span className="zi-grid-item-name">procurement_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("finance-o")}\n onCopySuccess="finance 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="financefinanceoutline"\n >\n <Icon type="finance-o" />\n <span className="zi-grid-item-name">finance</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("finance")}\n onCopySuccess="finance_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="finance_fillfinancefilled"\n >\n <Icon type="finance" />\n <span className="zi-grid-item-name">finance_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("cashier-o")}\n onCopySuccess="cashier 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="cashiercashieroutline"\n >\n <Icon type="cashier-o" />\n <span className="zi-grid-item-name">cashier</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("cashier")}\n onCopySuccess="cashier_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="cashier_fillcashierfilled"\n >\n <Icon type="cashier" />\n <span className="zi-grid-item-name">cashier_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("course-o")}\n onCopySuccess="course 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="coursecourseoutline"\n >\n <Icon type="course-o" />\n <span className="zi-grid-item-name">course</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("course")}\n onCopySuccess="course_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="course_fillcoursefilled"\n >\n <Icon type="course" />\n <span className="zi-grid-item-name">course_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("admissions-o")}\n onCopySuccess="admissions 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="admissionsadmissionsoutline"\n >\n <Icon type="admissions-o" />\n <span className="zi-grid-item-name">admissions</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("admissions")}\n onCopySuccess="admissions_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="admissions_filladmissionsfilled"\n >\n <Icon type="admissions" />\n <span className="zi-grid-item-name">admissions_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("educational-o")}\n onCopySuccess="educational 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="educationaleducationaloutline"\n >\n <Icon type="educational-o" />\n <span className="zi-grid-item-name">educational</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("educational")}\n onCopySuccess="educational_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="educational_filleducationalfilled"\n >\n <Icon type="educational" />\n <span className="zi-grid-item-name">educational_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-service-o")}\n onCopySuccess="service 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="servicecustomer-serviceoutline"\n >\n <Icon type="customer-service-o" />\n <span className="zi-grid-item-name">service</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-service")}\n onCopySuccess="service_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="service_fillcustomer-servicefilled"\n >\n <Icon type="customer-service" />\n <span className="zi-grid-item-name">service_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("message-o")}\n onCopySuccess="message 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="messagemessageoutline"\n >\n <Icon type="message-o" />\n <span className="zi-grid-item-name">message</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("message")}\n onCopySuccess="message_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="message_fillmessagefilled"\n >\n <Icon type="message" />\n <span className="zi-grid-item-name">message_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("jump-out")}\n onCopySuccess="jump_out 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="jump_outjump-out"\n >\n <Icon type="jump-out" />\n <span className="zi-grid-item-name">jump_out</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("sign-out")}\n onCopySuccess="sign_out 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="sign_outsign-out"\n >\n <Icon type="sign-out" />\n <span className="zi-grid-item-name">sign_out</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hotel-o")}\n onCopySuccess="hotel 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hotelhoteloutline"\n >\n <Icon type="hotel-o" />\n <span className="zi-grid-item-name">hotel</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hotel")}\n onCopySuccess="hotel_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hotel_fillhotelfilled"\n >\n <Icon type="hotel" />\n <span className="zi-grid-item-name">hotel_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-manage-o")}\n onCopySuccess="customer-manage 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="customer-managecustomermanagecustomer-manageoutline"\n >\n <Icon type="customer-manage-o" />\n <span className="zi-grid-item-name">customer-manage</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("customer-manage")}\n onCopySuccess="customer-manage_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="customer-manage_fillcustomermanagecustomer-managefilled"\n >\n <Icon type="customer-manage" />\n <span className="zi-grid-item-name">customer-manage_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("purchase-o")}\n onCopySuccess="purchase 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="purchasepurchaseoutline"\n >\n <Icon type="purchase-o" />\n <span className="zi-grid-item-name">purchase</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("purchase")}\n onCopySuccess="purchase_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="purchase_fillpurchasefilled"\n >\n <Icon type="purchase" />\n <span className="zi-grid-item-name">purchase_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("target-o")}\n onCopySuccess="target 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="targettargetoutline"\n >\n <Icon type="target-o" />\n <span className="zi-grid-item-name">target</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("target")}\n onCopySuccess="target_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="target_filltargetfilled"\n >\n <Icon type="target" />\n <span className="zi-grid-item-name">target_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("care-o")}\n onCopySuccess="care 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="carecareoutline"\n >\n <Icon type="care-o" />\n <span className="zi-grid-item-name">care</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("care")}\n onCopySuccess="care_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="care_fillcarefilled"\n >\n <Icon type="care" />\n <span className="zi-grid-item-name">care_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("nameplate-o")}\n onCopySuccess="nameplate 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="nameplatenameplateoutline"\n >\n <Icon type="nameplate-o" />\n <span className="zi-grid-item-name">nameplate</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("nameplate")}\n onCopySuccess="nameplate_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="nameplate_fillnameplatefilled"\n >\n <Icon type="nameplate" />\n <span className="zi-grid-item-name">nameplate_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("scrm-smile-o")}\n onCopySuccess="scrm-smile 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="scrm-smilesmilescrm-smileoutline"\n >\n <Icon type="scrm-smile-o" />\n <span className="zi-grid-item-name">scrm-smile</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("scrm-smile")}\n onCopySuccess="scrm-smile_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="scrm-smile_fillsmilescrm-smilefilled"\n >\n <Icon type="scrm-smile" />\n <span className="zi-grid-item-name">scrm-smile_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("canvas-o")}\n onCopySuccess="canvas 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="canvascanvasoutline"\n >\n <Icon type="canvas-o" />\n <span className="zi-grid-item-name">canvas</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("canvas")}\n onCopySuccess="canvas_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="canvas_fillcanvasfilled"\n >\n <Icon type="canvas" />\n <span className="zi-grid-item-name">canvas_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("business-manage-o")}\n onCopySuccess="business-manage 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="business-managebusinessmanagebusiness-manageoutline"\n >\n <Icon type="business-manage-o" />\n <span className="zi-grid-item-name">business-manage</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("business-manage")}\n onCopySuccess="business-manage_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="business-manage_fillbusinessmanagebusiness-managefilled"\n >\n <Icon type="business-manage" />\n <span className="zi-grid-item-name">business-manage_fill</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">状态类</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("check-circle-o")}\n onCopySuccess="success_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="success_circlecheckcircleoutlinesuccess"\n >\n <Icon type="check-circle-o" />\n <span className="zi-grid-item-name">success_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("check-circle")}\n onCopySuccess="success_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="success_circle_fillcheckcirclefilledsuccess"\n >\n <Icon type="check-circle" />\n <span className="zi-grid-item-name">success_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("close-circle-o")}\n onCopySuccess="error_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="error_circleerrorcircleoutline"\n >\n <Icon type="close-circle-o" />\n <span className="zi-grid-item-name">error_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("close-circle")}\n onCopySuccess="error_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="error_circle_fillerrorcirclefilled"\n >\n <Icon type="close-circle" />\n <span className="zi-grid-item-name">error_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("info-circle-o")}\n onCopySuccess="info_circle 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="info_circleinfocircleoutline"\n >\n <Icon type="info-circle-o" />\n <span className="zi-grid-item-name">info_circle</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("info-circle")}\n onCopySuccess="info_circle_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="info_circle_fillinfocirclefilled"\n >\n <Icon type="info-circle" />\n <span className="zi-grid-item-name">info_circle_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("loading")}\n onCopySuccess="loading 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="loadingloading"\n >\n <Icon type="loading" />\n <span className="zi-grid-item-name">loading</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("wait")}\n onCopySuccess="wait_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="wait_fillwaitfilled"\n >\n <Icon type="wait" />\n <span className="zi-grid-item-name">wait_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("star-o")}\n onCopySuccess="star 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="starstaroutline"\n >\n <Icon type="star-o" />\n <span className="zi-grid-item-name">star</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("star")}\n onCopySuccess="star_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="star_fillstarfilled"\n >\n <Icon type="star" />\n <span className="zi-grid-item-name">star_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bell-o")}\n onCopySuccess="bell 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bellbelloutline"\n >\n <Icon type="bell-o" />\n <span className="zi-grid-item-name">bell</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bell")}\n onCopySuccess="bell_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bell_fillbellfilled"\n >\n <Icon type="bell" />\n <span className="zi-grid-item-name">bell_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("check")}\n onCopySuccess="check 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="checkcheck"\n >\n <Icon type="check" />\n <span className="zi-grid-item-name">check</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("warning-o")}\n onCopySuccess="warning 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="warningwarningtriangleoutline"\n >\n <Icon type="warning-o" />\n <span className="zi-grid-item-name">warning</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("warning")}\n onCopySuccess="warning_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="warning_fillwarningtrianglefilled"\n >\n <Icon type="warning" />\n <span className="zi-grid-item-name">warning_fill</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">标示类</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("youzan-o")}\n onCopySuccess="youzan 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="youzanyouzanlogooutline"\n >\n <Icon type="youzan-o" />\n <span className="zi-grid-item-name">youzan</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("youzan")}\n onCopySuccess="youzan_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="youzan_fillyouzanlogofilled"\n >\n <Icon type="youzan" />\n <span className="zi-grid-item-name">youzan_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("mini-apps-o")}\n onCopySuccess="mini_apps 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="mini_appswechatminiappoutline"\n >\n <Icon type="mini-apps-o" />\n <span className="zi-grid-item-name">mini_apps</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("mini-apps")}\n onCopySuccess="mini_apps_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="mini_apps_fillwechatminiappfilled"\n >\n <Icon type="mini-apps" />\n <span className="zi-grid-item-name">mini_apps_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("wechat-o")}\n onCopySuccess="wechat 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="wechatwechatoutline"\n >\n <Icon type="wechat-o" />\n <span className="zi-grid-item-name">wechat</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("wechat")}\n onCopySuccess="wechat_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="wechat_fillwechatfilled"\n >\n <Icon type="wechat" />\n <span className="zi-grid-item-name">wechat_fill</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n <div className="zi-grid-group">\n <div className="zi-grid-group-name">基础类</div>\n <div className="zi-grid-group-items">\n\n <CopyButton\n text={this.getIconString("clock-o")}\n onCopySuccess="clock 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="clockclockoutline"\n >\n <Icon type="clock-o" />\n <span className="zi-grid-item-name">clock</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("clock")}\n onCopySuccess="clock_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="clock_fillclockfilled"\n >\n <Icon type="clock" />\n <span className="zi-grid-item-name">clock_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("calendar-o")}\n onCopySuccess="calendar 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="calendarcalendaroutline"\n >\n <Icon type="calendar-o" />\n <span className="zi-grid-item-name">calendar</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("calendar")}\n onCopySuccess="calendar_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="calendar_fillcalendarfilled"\n >\n <Icon type="calendar" />\n <span className="zi-grid-item-name">calendar_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("present-o")}\n onCopySuccess="present 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="presentpresentoutline"\n >\n <Icon type="present-o" />\n <span className="zi-grid-item-name">present</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("present")}\n onCopySuccess="present_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="present_fillpresentfilled"\n >\n <Icon type="present" />\n <span className="zi-grid-item-name">present_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("ticket-o")}\n onCopySuccess="ticket 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="ticketticketoutline"\n >\n <Icon type="ticket-o" />\n <span className="zi-grid-item-name">ticket</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("ticket")}\n onCopySuccess="ticket_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="ticket_fillticketfilled"\n >\n <Icon type="ticket" />\n <span className="zi-grid-item-name">ticket_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("expand-customer-o")}\n onCopySuccess="expand_customer 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="expand_customerexpandcustomeroutline"\n >\n <Icon type="expand-customer-o" />\n <span className="zi-grid-item-name">expand_customer</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("expand-customer")}\n onCopySuccess="expand_customer_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="expand_customer_fillexpandcustomerfilled"\n >\n <Icon type="expand-customer" />\n <span className="zi-grid-item-name">expand_customer_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("checkin-o")}\n onCopySuccess="checkin 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="checkincheckinoutline"\n >\n <Icon type="checkin-o" />\n <span className="zi-grid-item-name">checkin</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("checkin")}\n onCopySuccess="checkin_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="checkin_fillcheckinfilled"\n >\n <Icon type="checkin" />\n <span className="zi-grid-item-name">checkin_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("assess-o")}\n onCopySuccess="assess 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="assessassessoutline"\n >\n <Icon type="assess-o" />\n <span className="zi-grid-item-name">assess</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("assess")}\n onCopySuccess="assess_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="assess_fillassessfilled"\n >\n <Icon type="assess" />\n <span className="zi-grid-item-name">assess_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("business-o")}\n onCopySuccess="business 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="businessbusinessoutline"\n >\n <Icon type="business-o" />\n <span className="zi-grid-item-name">business</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("business")}\n onCopySuccess="business_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="business_fillbusinessfilled"\n >\n <Icon type="business" />\n <span className="zi-grid-item-name">business_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hr-o")}\n onCopySuccess="hr 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hrhuman resourceoutline"\n >\n <Icon type="hr-o" />\n <span className="zi-grid-item-name">hr</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hr")}\n onCopySuccess="hr_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hr_fillhuman resourcefilled"\n >\n <Icon type="hr" />\n <span className="zi-grid-item-name">hr_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("approval-o")}\n onCopySuccess="approval 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="approvalapprovaloutline"\n >\n <Icon type="approval-o" />\n <span className="zi-grid-item-name">approval</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("approval")}\n onCopySuccess="approval_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="approval_fillapprovalfilled"\n >\n <Icon type="approval" />\n <span className="zi-grid-item-name">approval_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report-o")}\n onCopySuccess="report 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="reportreportoutline"\n >\n <Icon type="report-o" />\n <span className="zi-grid-item-name">report</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report")}\n onCopySuccess="report_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="report_fillreportfilled"\n >\n <Icon type="report" />\n <span className="zi-grid-item-name">report_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("coupon-o")}\n onCopySuccess="coupon 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="couponcouponoutline"\n >\n <Icon type="coupon-o" />\n <span className="zi-grid-item-name">coupon</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("coupon")}\n onCopySuccess="coupon_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="coupon_fillcouponfilled"\n >\n <Icon type="coupon" />\n <span className="zi-grid-item-name">coupon_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hc-manage-o")}\n onCopySuccess="hc_manage 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hc_managehc-manageoutline"\n >\n <Icon type="hc-manage-o" />\n <span className="zi-grid-item-name">hc_manage</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hc-manage")}\n onCopySuccess="hc_manage_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hc_manage_fillhc-managefilled"\n >\n <Icon type="hc-manage" />\n <span className="zi-grid-item-name">hc_manage_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report-forms-o")}\n onCopySuccess="report_forms 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="report_formsreportformsoutline"\n >\n <Icon type="report-forms-o" />\n <span className="zi-grid-item-name">report_forms</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("report-forms")}\n onCopySuccess="report_forms_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="report_forms_fillreportformsfilled"\n >\n <Icon type="report-forms" />\n <span className="zi-grid-item-name">report_forms_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("brush-o")}\n onCopySuccess="brush 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="brushbrushoutline"\n >\n <Icon type="brush-o" />\n <span className="zi-grid-item-name">brush</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("brush")}\n onCopySuccess="brush_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="brush_fillbrushfilled"\n >\n <Icon type="brush" />\n <span className="zi-grid-item-name">brush_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("development-doc-o")}\n onCopySuccess="development_doc 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="development_docdevelopmentdocoutline"\n >\n <Icon type="development-doc-o" />\n <span className="zi-grid-item-name">development_doc</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("development-doc")}\n onCopySuccess="development_doc_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="development_doc_filldevelopmentdocfilled"\n >\n <Icon type="development-doc" />\n <span className="zi-grid-item-name">development_doc_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bookmark-o")}\n onCopySuccess="bookmark 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bookmarkbookmarkoutline"\n >\n <Icon type="bookmark-o" />\n <span className="zi-grid-item-name">bookmark</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("bookmark")}\n onCopySuccess="bookmark_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="bookmark_fillbookmarkfilled"\n >\n <Icon type="bookmark" />\n <span className="zi-grid-item-name">bookmark_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("folder-o")}\n onCopySuccess="folder 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="folderfolderoutline"\n >\n <Icon type="folder-o" />\n <span className="zi-grid-item-name">folder</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("open-folder-o")}\n onCopySuccess="open_folder 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="open_folderopen-folderoutline"\n >\n <Icon type="open-folder-o" />\n <span className="zi-grid-item-name">open_folder</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("pending-payment-o")}\n onCopySuccess="pending_payment 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="pending_paymentpaymentpendingoutline"\n >\n <Icon type="pending-payment-o" />\n <span className="zi-grid-item-name">pending_payment</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("salesman-o")}\n onCopySuccess="salesman 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="salesmansalesmanoutline"\n >\n <Icon type="salesman-o" />\n <span className="zi-grid-item-name">salesman</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("tendency-o")}\n onCopySuccess="tendency 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="tendencytendencyoutline"\n >\n <Icon type="tendency-o" />\n <span className="zi-grid-item-name">tendency</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("distribution-o")}\n onCopySuccess="distribution 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="distributiondistributionoutline"\n >\n <Icon type="distribution-o" />\n <span className="zi-grid-item-name">distribution</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("member-o")}\n onCopySuccess="member 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="membermemberoutline"\n >\n <Icon type="member-o" />\n <span className="zi-grid-item-name">member</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("text-guide-o")}\n onCopySuccess="text_guide 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="text_guidetext-guideoutlineguide"\n >\n <Icon type="text-guide-o" />\n <span className="zi-grid-item-name">text_guide</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("qrcode")}\n onCopySuccess="qrcode 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="qrcodeqrcode"\n >\n <Icon type="qrcode" />\n <span className="zi-grid-item-name">qrcode</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("shop-analyze-o")}\n onCopySuccess="shop_analyze 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="shop_analyzeshopanalyzeoutline"\n >\n <Icon type="shop-analyze-o" />\n <span className="zi-grid-item-name">shop_analyze</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("channel-o")}\n onCopySuccess="channel 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="channelchanneloutline"\n >\n <Icon type="channel-o" />\n <span className="zi-grid-item-name">channel</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("cashier-desk-o")}\n onCopySuccess="cashier_desk 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="cashier_deskcashierdeskoutline"\n >\n <Icon type="cashier-desk-o" />\n <span className="zi-grid-item-name">cashier_desk</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("qa-o")}\n onCopySuccess="qa 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="qaqualityassuranceoutline"\n >\n <Icon type="qa-o" />\n <span className="zi-grid-item-name">qa</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("withdraw-cash-o")}\n onCopySuccess="withdraw_cash 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="withdraw_cashwithdrawcashoutline"\n >\n <Icon type="withdraw-cash-o" />\n <span className="zi-grid-item-name">withdraw_cash</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("tools-o")}\n onCopySuccess="tools 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="toolstoolsoutline"\n >\n <Icon type="tools-o" />\n <span className="zi-grid-item-name">tools</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("smile")}\n onCopySuccess="smile 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="smilesmile"\n >\n <Icon type="smile" />\n <span className="zi-grid-item-name">smile</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("photo")}\n onCopySuccess="photo 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="photophoto"\n >\n <Icon type="photo" />\n <span className="zi-grid-item-name">photo</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("video-o")}\n onCopySuccess="video 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="videovideooutline"\n >\n <Icon type="video-o" />\n <span className="zi-grid-item-name">video</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("video")}\n onCopySuccess="video_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="video_fillvideofilled"\n >\n <Icon type="video" />\n <span className="zi-grid-item-name">video_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("hotline-o")}\n onCopySuccess="hotline 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="hotlinehotlineoutline"\n >\n <Icon type="hotline-o" />\n <span className="zi-grid-item-name">hotline</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("visit-o")}\n onCopySuccess="visit 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="visitvisitoutline"\n >\n <Icon type="visit-o" />\n <span className="zi-grid-item-name">visit</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("countdown")}\n onCopySuccess="countdown 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="countdowncountdown"\n >\n <Icon type="countdown" />\n <span className="zi-grid-item-name">countdown</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("suggestions")}\n onCopySuccess="suggestions 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="suggestionssuggestionsoutline"\n >\n <Icon type="suggestions" />\n <span className="zi-grid-item-name">suggestions</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("feedback")}\n onCopySuccess="feedback 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="feedbackfeedback"\n >\n <Icon type="feedback" />\n <span className="zi-grid-item-name">feedback</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("contract-o")}\n onCopySuccess="contract 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="contractcontractoutline"\n >\n <Icon type="contract-o" />\n <span className="zi-grid-item-name">contract</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("rights-list-o")}\n onCopySuccess="rights_list 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="rights_listrights-listoutline"\n >\n <Icon type="rights-list-o" />\n <span className="zi-grid-item-name">rights_list</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("im-o")}\n onCopySuccess="im 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="imimoutline"\n >\n <Icon type="im-o" />\n <span className="zi-grid-item-name">im</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("flow-o")}\n onCopySuccess="resource 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="resourceresourceflowoutline"\n >\n <Icon type="flow-o" />\n <span className="zi-grid-item-name">resource</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("strategy-o")}\n onCopySuccess="strategy 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="strategystrategyoutline"\n >\n <Icon type="strategy-o" />\n <span className="zi-grid-item-name">strategy</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("link")}\n onCopySuccess="link 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="linklink"\n >\n <Icon type="link" />\n <span className="zi-grid-item-name">link</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("voice")}\n onCopySuccess="voice_fill 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="voice_fillvoicefilled"\n >\n <Icon type="voice" />\n <span className="zi-grid-item-name">voice_fill</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("scan-code-o")}\n onCopySuccess="scan_code 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="scan_codescan-codeoutline"\n >\n <Icon type="scan-code-o" />\n <span className="zi-grid-item-name">scan_code</span>\n </div>\n </CopyButton>\n <CopyButton\n text={this.getIconString("doc")}\n onCopySuccess="doc 已复制到剪贴板"\n >\n <div\n className="zi-grid-item"\n data-index="docdocfilled"\n >\n <Icon type="doc" />\n <span className="zi-grid-item-name">doc</span>\n </div>\n </CopyButton>\n </div>\n </div>\n\n </div>\n );\n }\n}\n\nReactDOM.render(<IconGrid />, mountNode);'},p.createElement(v)),p.createElement(h,{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
参数说明类型默认值
type图标类型string\'\'
spin旋转动画booleanfalse
className自定义额外类名string\'\'
'}))}}},89522:(n,a,s)=>{"use strict";s.d(a,{q:()=>g});var t=s(59312),p=s(24246),c=s(27378),e=s(90347),o=s(23476),l=s(52074),u=s(42690),i=s(14805),k=function(n){var a,s,t,p,c=!1;try{if(a=function(){var n=document.getSelection();if(!n.rangeCount)return u.Z;for(var a=document.activeElement,s=[],t=0;t{"use strict";s.d(a,{E:()=>i});var t=s(59312),p=s(24246),c=s(60042),e=s.n(c),o=s(27378),l=s(57961),u=s(1348);function i(n){var a=(0,o.useContext)(u.d),s=n.value,c=n.disabled,i=void 0===c?a.value:c,k=n.readOnly,r=void 0!==k&&k,g=n.isValueEqual,m=void 0===g?Object.is:g,d=n.className,v=n.style,y=n.children,h=n.onChange,x=(0,o.useMemo)((function(){return{value:s,disabled:i,readOnly:r,isValueEqual:m,onRadioChange:h}}),[s,i,r,m,h]);return(0,p.jsx)(l.Z.Provider,(0,t.pi)({value:x},{children:(0,p.jsx)("div",(0,t.pi)({className:e()("zent-radio-group",d),style:v,"data-zv":"10.0.10"},{children:y}),void 0)}),void 0)}a.Z=i},57961:(n,a,s)=>{"use strict";var t=(0,s(27378).createContext)(null);t.displayName="RadioGroupContext",a.Z=t},71457:(n,a,s)=>{"use strict";s.d(a,{Y:()=>m,Z:()=>d});var t=s(59312),p=s(24246),c=s(60042),e=s.n(c),o=s(1535),l=s(27378);function u(n,a){var s=(0,l.useRef)(a);s.current=a;var p=n&&n.onRadioChange;return(0,l.useCallback)((function(n){var a=function(n,a){var s=Object.create(n);return s.target=(0,t.pi)((0,t.pi)({},a),{type:"radio",checked:n.target.checked}),s}(n,s.current);if(p)p(a);else{var c=s.current.onChange;c&&c(a)}}),[p])}function i(n,a,s){var t=function(n,a,s){return"boolean"==typeof s.disabled?s.disabled:a&&"boolean"==typeof a.disabled?a.disabled:n.value}(n,a,s),p=function(n,a){return"boolean"==typeof a.readOnly?a.readOnly:!!n&&n.readOnly}(a,s);return{checked:a?a.isValueEqual(a.value,s.value):!!s.checked,disabled:t,readOnly:p}}var k=s(4246),r=s(1348),g=s(57961);function m(n){var a=n.className,s=n.style,c=n.children,k=(n.value,n.width),m=n.labelStyle,d=(n.onMouseEnter,n.onMouseLeave,(0,t._T)(n,["className","style","children","value","width","labelStyle","onMouseEnter","onMouseLeave"])),v=(0,l.useContext)(r.d),y=(0,l.useContext)(g.Z),h=i(v,y,n),x=h.checked,q=h.disabled,j=h.readOnly,f=u(y,n),z=e()(a,"zent-radio-wrap",{"zent-radio-checked":!!x,"zent-radio-disabled":q||j}),C=(0,o.Z)(k),N=(0,t.pi)((0,t.pi)({},s),C);return(0,p.jsxs)("label",(0,t.pi)({className:z,style:N,onMouseEnter:n.onMouseEnter,onMouseLeave:n.onMouseLeave,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-radio","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-radio-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},d,{type:"radio",checked:!!x,disabled:q,readOnly:j,onChange:f,"data-zv":"10.0.10"}),void 0)]}),void 0),void 0!==c&&(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-label",style:m,"data-zv":"10.0.10"},{children:c}),void 0)]}),void 0)}m.Button=function(n){var a=n.className,s=n.style,c=n.children,k=(n.value,n.width),m=n.onMouseEnter,d=n.onMouseLeave,v=(0,t._T)(n,["className","style","children","value","width","onMouseEnter","onMouseLeave"]),y=(0,l.useContext)(r.d),h=(0,l.useContext)(g.Z);if(!h)throw new Error("Radio.Button must be nested within Radio.Group");var x=i(y,h,n),q=x.checked,j=x.disabled,f=x.readOnly,z=u(h,n),C=e()(a,"zent-radio-button",{"zent-radio-button--checked":!!q,"zent-radio-button--disabled":j||f}),N=(0,o.Z)(k),S=(0,t.pi)((0,t.pi)({},s),N);return(0,p.jsxs)("label",(0,t.pi)({className:C,style:S,onMouseEnter:m,onMouseLeave:d,"data-zv":"10.0.10"},{children:[(0,p.jsx)("input",(0,t.pi)({},v,{type:"radio",checked:!!q,disabled:j,readOnly:f,onChange:z,"data-zv":"10.0.10"}),void 0),(0,p.jsx)("span",(0,t.pi)({className:"zent-radio-button__content","data-zv":"10.0.10"},{children:c}),void 0)]}),void 0)},m.Group=k.Z;var d=m},1535:(n,a,s)=>{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}s.d(a,{Z:()=>t})}}]); \ No newline at end of file diff --git a/896-6b7683fcf1e5bd67c23f.js b/896-c50416f68661cd84f165.js similarity index 90% rename from 896-6b7683fcf1e5bd67c23f.js rename to 896-c50416f68661cd84f165.js index e5cac348d..ec480a90f 100644 --- a/896-6b7683fcf1e5bd67c23f.js +++ b/896-c50416f68661cd84f165.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[896],{19977:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>S});var t=a(73450),p=a(27378),e=a(57318),o=a(37424),c=a(24246);function l(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 u(n){for(var s=1;s{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsx)("div",{className:"zent-steps-demo-breadcrumb",children:(0,c.jsxs)(o.R,{current:n,type:"breadcrumb",onStepChange:this.onStepChange,ghost:!0,children:[(0,c.jsx)(o.R.Step,{title:"登录有赞帐号"}),(0,c.jsx)(o.R.Step,{title:"选择门店"}),(0,c.jsx)(o.R.Step,{title:"绑定门店"}),(0,c.jsx)(o.R.Step,{title:"完成"})]})})}}return(0,c.jsx)(n,{})},i=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1}),(0,t.Z)(this,"onStepChange",(n=>{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsx)("div",{className:"zent-steps-demo-breadcrumb",children:(0,c.jsxs)(o.R,{current:n,type:"breadcrumb",onStepChange:this.onStepChange,ghost:!0,children:[(0,c.jsx)(o.R.Step,{title:"登录有赞帐号"}),(0,c.jsx)(o.R.Step,{title:"选择门店"}),(0,c.jsx)(o.R.Step,{title:"绑定门店",disabled:!0}),(0,c.jsx)(o.R.Step,{title:"完成",disabled:!0})]})})}}return(0,c.jsx)(n,{})},k=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1}),(0,t.Z)(this,"onStepChange",(n=>{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsx)("div",{className:"zent-steps-demo-breadcrumb",children:(0,c.jsxs)(o.R,{current:n,type:"breadcrumb",onStepChange:this.onStepChange,sequence:!0,ghost:!0,children:[(0,c.jsx)(o.R.Step,{title:"登录有赞帐号",icon:"check-circle-o"}),(0,c.jsx)(o.R.Step,{title:"选择门店",icon:"plus-circle-o"}),(0,c.jsx)(o.R.Step,{title:"绑定门店"}),(0,c.jsx)(o.R.Step,{title:"完成"})]})})}}return(0,c.jsx)(n,{})},d=function(){return(0,c.jsxs)(o.R,{current:2,sequence:!1,type:"card",children:[(0,c.jsx)(o.R.Step,{title:"一、登录有赞帐号"}),(0,c.jsx)(o.R.Step,{title:"二、选择门店"}),(0,c.jsx)(o.R.Step,{title:"三、绑定门店"}),(0,c.jsx)(o.R.Step,{title:"四、完成"})]})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1}),(0,t.Z)(this,"onStepChange",(n=>{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsxs)(o.R,{current:n,type:"tabs",onStepChange:this.onStepChange,children:[(0,c.jsx)(o.R.Step,{title:"第一步"}),(0,c.jsx)(o.R.Step,{title:"第二步"}),(0,c.jsx)(o.R.Step,{title:"第三步"})]})}}return(0,c.jsx)(n,{})};function h(n){return(0,c.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function g(n){return(0,c.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,c.jsx)(h,{tag:"style",html:n.style})}function y(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),y(n.parentNode,s);return s}class b extends p.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,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:a||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class S extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,y(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:".zent-steps-demo-breadcrumb {\n\t\tbackground-color: #f7f7f7;\n\t\tpadding: 20px;\n\t}\n\n.zent-steps-demo-breadcrumb {\n\t\tbackground-color: #f7f7f7;\n\t\tpadding: 20px;\n\t}\n\n.zent-steps-demo-breadcrumb {\n\t\tbackground-color: #f7f7f7;\n\t\tpadding: 20px;\n\t}"}),p.createElement(g,{html:'

Steps 步骤条

\n

位于表单头部，用于大体量或强逻辑表单的分步骤展示，提供跳转能力。

\n

建议

\n
    \n
  • 当任务复杂或存在先后关系时，步骤条将其分解成多个步骤，简化用户每一步的认知与操作成本和反馈当前状态；
    • \n
  • 当大体量或强逻辑表单需要分步骤展示，且提供跳转能力，使用步骤条；
    • \n
  • 当一项任务包含多个有前后关系的节点，且需要反馈任务流转状态时，使用进度指示；
    • \n
  • 当一项任务仅有进度不包含多个有前后节点时，请使用进度条；
    • \n
  • 当内容可拆分为多个没有前后逻辑关系的子内容时，请使用标签页；
    • \n
'}),p.createElement(b,{title:"基础使用",id:"Demobreadcrumbstep",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <div className="zent-steps-demo-breadcrumb">\n <Steps\n current={current}\n type="breadcrumb"\n onStepChange={this.onStepChange}\n ghost\n >\n <Steps.Step title="登录有赞帐号" />\n <Steps.Step title="选择门店" />\n <Steps.Step title="绑定门店" />\n <Steps.Step title="完成" />\n </Steps>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(r)),p.createElement(b,{title:"禁用状态",id:"Demobreadcrumbstepdisabled",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <div className="zent-steps-demo-breadcrumb">\n <Steps\n current={current}\n type="breadcrumb"\n onStepChange={this.onStepChange}\n ghost\n >\n <Steps.Step title="登录有赞帐号" />\n <Steps.Step title="选择门店" />\n <Steps.Step title="绑定门店" disabled />\n <Steps.Step title="完成" disabled />\n </Steps>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(i)),p.createElement(b,{title:"自定义Icon",id:"Demobreadcrumbstepcustomicon",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <div className="zent-steps-demo-breadcrumb">\n <Steps\n current={current}\n type="breadcrumb"\n onStepChange={this.onStepChange}\n sequence\n ghost\n >\n <Steps.Step title="登录有赞帐号" icon="check-circle-o" />\n <Steps.Step title="选择门店" icon="plus-circle-o" />\n <Steps.Step title="绑定门店" />\n <Steps.Step title="完成" />\n </Steps>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(k)),p.createElement(g,{html:'

API

\n

Steps

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
typesteps 组件类型（为兼容老版本\ntype\n默认值未做修改，当\ntype=number\n时请使用\nIndicator\n）string\'number\'\'breadcrumb\'\n, \n\'card\'\n, \n\'tabs\'
current指定当前步骤, 从 1 开始记数 (当不传值时, 默认为 0, 状态都为 wait)number0
sequence是否使用默认的步骤序号booleantrue
onStepChange传该参数后 step 可点击切换 (针对 card, breadcrumb，tabs 类型)func\'\'
className自定义额外类名string\'\'
ghost是否使用反色样式（仅支持 breadcrumb 类型）booleanfalse
\n

[type=number]类型的进度指示器请使用 Indicator 组件

\n

Steps.Step

\n

步骤条的每一个子项

\n\n\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标题\'node\'
description步骤的详情描述 (card, breadcrumb, tabs 类型不支持该属性)\'node\'
icon自定义图标\'string\'\n \n|\n \n\'node\'
\n

已知问题

\n

尚未处理步骤条只存在一项的边界情况。(当只有一项时不应该使用 steps)

\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),p.createElement(b,{title:"类型为 card 的步骤条（通过 sequence 覆写步骤项序号）",id:"Democardstep",src:'import { Steps } from \'zent\';\n\nReactDOM.render(\n <Steps current={2} sequence={false} type="card">\n <Steps.Step title="一、登录有赞帐号" />\n <Steps.Step title="二、选择门店" />\n <Steps.Step title="三、绑定门店" />\n <Steps.Step title="四、完成" />\n </Steps>,\n mountNode\n);'},p.createElement(d)),p.createElement(b,{title:"类型为 tabs 的步骤条",id:"Demotabsstep",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <Steps current={current} type="tabs" onStepChange={this.onStepChange}>\n <Steps.Step title="第一步" />\n <Steps.Step title="第二步" />\n <Steps.Step title="第三步" />\n </Steps>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(m)))}}},37424:(n,s,a)=>{"use strict";a.d(s,{R:()=>d});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(27036),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.renderIconNode=function(){var n=s.props,a=n.stepNumber,e=n.sequence,o=n.status,c=void 0===o?"wait":o,u=n.icon;if(u){var r="string"==typeof u?(0,p.jsx)(l.Z,{type:u},void 0):u;return(0,p.jsx)(p.Fragment,{children:r},void 0)}return"finish"===c?(0,p.jsx)(l.Z,{type:"check-circle-o"},void 0):"error"===c?(0,p.jsx)(l.Z,{type:"error-circle"},void 0):(0,p.jsx)("span",(0,t.pi)({className:"zent-icon zent-steps-sequence","data-zv":"10.0.9"},{children:e?a:""}),void 0)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.isCurrentStep,a=n.status,e=void 0===a?"wait":a,o=n.isLastFinishStep,l=n.stepLast,u=n.title,r=n.description,i=c()("zent-steps-item","zent-steps-status-"+e,{"zent-steps-item--current":s,"zent-steps-item--last-finished":o});return(0,p.jsxs)("div",(0,t.pi)({className:i,"data-zv":"10.0.9"},{children:[!l&&(0,p.jsx)("div",(0,t.pi)({className:"zent-steps-tail","data-zv":"10.0.9"},{children:(0,p.jsx)("i",{"data-zv":"10.0.9"},void 0)}),void 0),(0,p.jsxs)("div",(0,t.pi)({className:"zent-steps-step","data-zv":"10.0.9"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-step-head","data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-step-head-inner","data-zv":"10.0.9"},{children:this.renderIconNode()}),void 0)}),void 0),(0,p.jsxs)("div",(0,t.pi)({className:"zent-step-main","data-zv":"10.0.9"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-step-title","data-zv":"10.0.9"},{children:u}),void 0),r&&(0,p.jsx)("div",(0,t.pi)({className:"zent-step-description","data-zv":"10.0.9"},{children:r}),void 0)]}),void 0)]}),void 0)]}),void 0)},s.defaultProps={description:""},s}(e.Component),r=a(19185),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.children,o=n.current,l=n.status,u=n.direction,i=n.sequence,k=e.Children.count(a)-1,d=c()(s,"zent-steps","zent-steps__"+u);return(0,p.jsx)("div",(0,t.pi)({className:d,"data-zv":"10.0.9"},{children:e.Children.map(a,(function(n,s){var a={sequence:i,stepNumber:(s+1).toString(),stepLast:s===k,isCurrentStep:s===o-1,isLastFinishStep:"error"===l&&s===o-2,status:"wait"};return(0,r.isElement)(n)?(n.props.status||(a.status=s===o-1?l:s{"use strict";a.r(s),a.d(s,{default:()=>S});var t=a(73450),p=a(27378),e=a(57318),o=a(37424),c=a(24246);function l(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 u(n){for(var s=1;s{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsx)("div",{className:"zent-steps-demo-breadcrumb",children:(0,c.jsxs)(o.R,{current:n,type:"breadcrumb",onStepChange:this.onStepChange,ghost:!0,children:[(0,c.jsx)(o.R.Step,{title:"登录有赞帐号"}),(0,c.jsx)(o.R.Step,{title:"选择门店"}),(0,c.jsx)(o.R.Step,{title:"绑定门店"}),(0,c.jsx)(o.R.Step,{title:"完成"})]})})}}return(0,c.jsx)(n,{})},i=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1}),(0,t.Z)(this,"onStepChange",(n=>{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsx)("div",{className:"zent-steps-demo-breadcrumb",children:(0,c.jsxs)(o.R,{current:n,type:"breadcrumb",onStepChange:this.onStepChange,ghost:!0,children:[(0,c.jsx)(o.R.Step,{title:"登录有赞帐号"}),(0,c.jsx)(o.R.Step,{title:"选择门店"}),(0,c.jsx)(o.R.Step,{title:"绑定门店",disabled:!0}),(0,c.jsx)(o.R.Step,{title:"完成",disabled:!0})]})})}}return(0,c.jsx)(n,{})},k=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1}),(0,t.Z)(this,"onStepChange",(n=>{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsx)("div",{className:"zent-steps-demo-breadcrumb",children:(0,c.jsxs)(o.R,{current:n,type:"breadcrumb",onStepChange:this.onStepChange,sequence:!0,ghost:!0,children:[(0,c.jsx)(o.R.Step,{title:"登录有赞帐号",icon:"check-circle-o"}),(0,c.jsx)(o.R.Step,{title:"选择门店",icon:"plus-circle-o"}),(0,c.jsx)(o.R.Step,{title:"绑定门店"}),(0,c.jsx)(o.R.Step,{title:"完成"})]})})}}return(0,c.jsx)(n,{})},d=function(){return(0,c.jsxs)(o.R,{current:2,sequence:!1,type:"card",children:[(0,c.jsx)(o.R.Step,{title:"一、登录有赞帐号"}),(0,c.jsx)(o.R.Step,{title:"二、选择门店"}),(0,c.jsx)(o.R.Step,{title:"三、绑定门店"}),(0,c.jsx)(o.R.Step,{title:"四、完成"})]})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1}),(0,t.Z)(this,"onStepChange",(n=>{this.setState({current:n})}))}render(){var n=this.state.current;return(0,c.jsxs)(o.R,{current:n,type:"tabs",onStepChange:this.onStepChange,children:[(0,c.jsx)(o.R.Step,{title:"第一步"}),(0,c.jsx)(o.R.Step,{title:"第二步"}),(0,c.jsx)(o.R.Step,{title:"第三步"})]})}}return(0,c.jsx)(n,{})};function h(n){return(0,c.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function g(n){return(0,c.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,c.jsx)(h,{tag:"style",html:n.style})}function y(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),y(n.parentNode,s);return s}class b extends p.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,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:a||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class S extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,y(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:".zent-steps-demo-breadcrumb {\n\t\tbackground-color: #f7f7f7;\n\t\tpadding: 20px;\n\t}\n\n.zent-steps-demo-breadcrumb {\n\t\tbackground-color: #f7f7f7;\n\t\tpadding: 20px;\n\t}\n\n.zent-steps-demo-breadcrumb {\n\t\tbackground-color: #f7f7f7;\n\t\tpadding: 20px;\n\t}"}),p.createElement(g,{html:'

Steps 步骤条

\n

位于表单头部，用于大体量或强逻辑表单的分步骤展示，提供跳转能力。

\n

建议

\n
    \n
  • 当任务复杂或存在先后关系时，步骤条将其分解成多个步骤，简化用户每一步的认知与操作成本和反馈当前状态；
    • \n
  • 当大体量或强逻辑表单需要分步骤展示，且提供跳转能力，使用步骤条；
    • \n
  • 当一项任务包含多个有前后关系的节点，且需要反馈任务流转状态时，使用进度指示；
    • \n
  • 当一项任务仅有进度不包含多个有前后节点时，请使用进度条；
    • \n
  • 当内容可拆分为多个没有前后逻辑关系的子内容时，请使用标签页；
    • \n
'}),p.createElement(b,{title:"基础使用",id:"Demobreadcrumbstep",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <div className="zent-steps-demo-breadcrumb">\n <Steps\n current={current}\n type="breadcrumb"\n onStepChange={this.onStepChange}\n ghost\n >\n <Steps.Step title="登录有赞帐号" />\n <Steps.Step title="选择门店" />\n <Steps.Step title="绑定门店" />\n <Steps.Step title="完成" />\n </Steps>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(r)),p.createElement(b,{title:"禁用状态",id:"Demobreadcrumbstepdisabled",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <div className="zent-steps-demo-breadcrumb">\n <Steps\n current={current}\n type="breadcrumb"\n onStepChange={this.onStepChange}\n ghost\n >\n <Steps.Step title="登录有赞帐号" />\n <Steps.Step title="选择门店" />\n <Steps.Step title="绑定门店" disabled />\n <Steps.Step title="完成" disabled />\n </Steps>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(i)),p.createElement(b,{title:"自定义Icon",id:"Demobreadcrumbstepcustomicon",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <div className="zent-steps-demo-breadcrumb">\n <Steps\n current={current}\n type="breadcrumb"\n onStepChange={this.onStepChange}\n sequence\n ghost\n >\n <Steps.Step title="登录有赞帐号" icon="check-circle-o" />\n <Steps.Step title="选择门店" icon="plus-circle-o" />\n <Steps.Step title="绑定门店" />\n <Steps.Step title="完成" />\n </Steps>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(k)),p.createElement(g,{html:'

API

\n

Steps

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值
typesteps 组件类型（为兼容老版本\ntype\n默认值未做修改，当\ntype=number\n时请使用\nIndicator\n）string\'number\'\'breadcrumb\'\n, \n\'card\'\n, \n\'tabs\'
current指定当前步骤, 从 1 开始记数 (当不传值时, 默认为 0, 状态都为 wait)number0
sequence是否使用默认的步骤序号booleantrue
onStepChange传该参数后 step 可点击切换 (针对 card, breadcrumb，tabs 类型)func\'\'
className自定义额外类名string\'\'
ghost是否使用反色样式（仅支持 breadcrumb 类型）booleanfalse
\n

[type=number]类型的进度指示器请使用 Indicator 组件

\n

Steps.Step

\n

步骤条的每一个子项

\n\n\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标题\'node\'
description步骤的详情描述 (card, breadcrumb, tabs 类型不支持该属性)\'node\'
icon自定义图标\'string\'\n \n|\n \n\'node\'
\n

已知问题

\n

尚未处理步骤条只存在一项的边界情况。(当只有一项时不应该使用 steps)

\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),p.createElement(b,{title:"类型为 card 的步骤条（通过 sequence 覆写步骤项序号）",id:"Democardstep",src:'import { Steps } from \'zent\';\n\nReactDOM.render(\n <Steps current={2} sequence={false} type="card">\n <Steps.Step title="一、登录有赞帐号" />\n <Steps.Step title="二、选择门店" />\n <Steps.Step title="三、绑定门店" />\n <Steps.Step title="四、完成" />\n </Steps>,\n mountNode\n);'},p.createElement(d)),p.createElement(b,{title:"类型为 tabs 的步骤条",id:"Demotabsstep",src:'import { Steps } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n };\n\n onStepChange = id => {\n this.setState({\n current: id,\n });\n };\n\n render() {\n let { current } = this.state;\n return (\n <Steps current={current} type="tabs" onStepChange={this.onStepChange}>\n <Steps.Step title="第一步" />\n <Steps.Step title="第二步" />\n <Steps.Step title="第三步" />\n </Steps>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(m)))}}},37424:(n,s,a)=>{"use strict";a.d(s,{R:()=>d});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(27036),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.renderIconNode=function(){var n=s.props,a=n.stepNumber,e=n.sequence,o=n.status,c=void 0===o?"wait":o,u=n.icon;if(u){var r="string"==typeof u?(0,p.jsx)(l.Z,{type:u},void 0):u;return(0,p.jsx)(p.Fragment,{children:r},void 0)}return"finish"===c?(0,p.jsx)(l.Z,{type:"check-circle-o"},void 0):"error"===c?(0,p.jsx)(l.Z,{type:"error-circle"},void 0):(0,p.jsx)("span",(0,t.pi)({className:"zent-icon zent-steps-sequence","data-zv":"10.0.10"},{children:e?a:""}),void 0)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.isCurrentStep,a=n.status,e=void 0===a?"wait":a,o=n.isLastFinishStep,l=n.stepLast,u=n.title,r=n.description,i=c()("zent-steps-item","zent-steps-status-"+e,{"zent-steps-item--current":s,"zent-steps-item--last-finished":o});return(0,p.jsxs)("div",(0,t.pi)({className:i,"data-zv":"10.0.10"},{children:[!l&&(0,p.jsx)("div",(0,t.pi)({className:"zent-steps-tail","data-zv":"10.0.10"},{children:(0,p.jsx)("i",{"data-zv":"10.0.10"},void 0)}),void 0),(0,p.jsxs)("div",(0,t.pi)({className:"zent-steps-step","data-zv":"10.0.10"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-step-head","data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-step-head-inner","data-zv":"10.0.10"},{children:this.renderIconNode()}),void 0)}),void 0),(0,p.jsxs)("div",(0,t.pi)({className:"zent-step-main","data-zv":"10.0.10"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-step-title","data-zv":"10.0.10"},{children:u}),void 0),r&&(0,p.jsx)("div",(0,t.pi)({className:"zent-step-description","data-zv":"10.0.10"},{children:r}),void 0)]}),void 0)]}),void 0)]}),void 0)},s.defaultProps={description:""},s}(e.Component),r=a(19185),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.children,o=n.current,l=n.status,u=n.direction,i=n.sequence,k=e.Children.count(a)-1,d=c()(s,"zent-steps","zent-steps__"+u);return(0,p.jsx)("div",(0,t.pi)({className:d,"data-zv":"10.0.10"},{children:e.Children.map(a,(function(n,s){var a={sequence:i,stepNumber:(s+1).toString(),stepLast:s===k,isCurrentStep:s===o-1,isLastFinishStep:"error"===l&&s===o-2,status:"wait"};return(0,r.isElement)(n)?(n.props.status||(a.status=s===o-1?l:s{"use strict";s.r(a),s.d(a,{default:()=>I});var t=s(73450),p=s(27378),e=s(57318),o=s(33420),c=s(31846),l=s(43793),u=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({activeId:n})}))}render(){var a=[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"Tab One"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"The content of tab one."})},"1"),(0,u.jsx)(n,{tab:"Tab Two",id:"2",children:(0,u.jsx)("div",{children:"The content of tab two."})},"2"),(0,u.jsx)(n,{tab:"Tab Three",id:"3",children:(0,u.jsx)("div",{children:"The content of tab three."})},"3")];return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange,children:a})})}}return(0,u.jsx)(a,{})},d=function(){var n=o.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2",panels:[{tab:(0,u.jsx)("span",{children:"Tab1"}),id:"1",disabled:!0,content:"The content of tab1."},{tab:(0,u.jsx)("span",{children:"Tab2"}),id:"2",content:(0,u.jsx)("div",{children:"The content of tab2."})}]}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}renderPanels(){return this.state.panels.map((a=>(0,p.createElement)(n,i(i({},a),{},{key:a.id}),a.content)))}render(){return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange.bind(this),navExtraContent:(0,u.jsx)("div",{style:{whiteSpace:"nowrap"},children:"Current shop"}),children:this.renderPanels()})})}}return(0,u.jsx)(a,{})},m=function(){var n=o.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2"}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}render(){var a=[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"Tab One"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"The content of tab one."})},"1"),(0,u.jsx)(n,{tab:"Tab Two",id:"2",children:(0,u.jsx)("div",{children:"The content of tab two."})},"2"),(0,u.jsx)(n,{tab:"Tab Three",id:"3",children:(0,u.jsx)("div",{children:"The content of tab three."})},"3")];return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange,type:"normal",children:a}),(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange,type:"card",children:a})]})}}return(0,u.jsx)(a,{})},b=function(){var n=o.m.TabPanel,a=3;class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2",panels:[{tab:(0,u.jsx)("span",{children:"Tab1"}),id:"1",content:"The content of tab1.",disabled:!0},{tab:(0,u.jsx)("span",{children:"Tab2"}),id:"2",content:(0,u.jsx)("div",{children:"The content of tab2."})}]}),(0,t.Z)(this,"onTabAdd",(()=>{var n=this.state.panels,s="".concat(a++);n.push({id:s,tab:"Tab".concat(a),content:Date.now()}),this.setState({panels:n,activeId:s})})),(0,t.Z)(this,"onTabDel",(n=>{var a=this.state,s=a.panels,t=a.activeId,p=s.findIndex((a=>a.id===n));this.setState({panels:s.filter((a=>a.id!==n))},(()=>{if(n===t){var a=Math.max(0,p-1),e=s[a];if(!s.length||null!=e&&e.disabled)return;this.setState({activeId:e.id})}}))})),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}renderPanels(){return this.state.panels.map((a=>(0,p.createElement)(n,i(i({},a),{},{key:a.id}),a.content)))}render(){var n=this.renderPanels();return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsx)(o.m,{candel:!0,canFixed:!0,type:"card",activeId:this.state.activeId,onChange:this.onTabChange,onDelete:this.onTabDel,onAdd:this.onTabAdd,children:n}),(0,u.jsx)("div",{style:{marginTop:16},children:"canFixed props only avaliable in card type"})]})}}return(0,u.jsx)(s,{})},h=function(){var n=Array(35).fill(null).map(((n,a)=>({title:"tab".concat(a+1),key:a+1})));class a extends p.Component{constructor(a){super(a),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),this.state={activeId:10,tabs:n}}render(){return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange,tabs:this.state.tabs,overflowMode:"slide",type:"card"}),(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange,tabs:this.state.tabs,overflowMode:"anchor",type:"card"})]})}}return(0,u.jsx)(a,{})},g=function(){var n=o.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2"}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),(0,t.Z)(this,"renderTabBar",((n,a)=>(0,u.jsx)(c.D,{offsetTop:0,children:(0,u.jsx)(a,i(i({},n),{},{className:"zent-tabs-demo-custom-tab-bar"}))})))}render(){var a=[(0,u.jsxs)(n,{tab:(0,u.jsx)("span",{children:"Tab One"}),id:"1",disabled:!0,children:[(0,u.jsx)("div",{children:"The content of tab one."}),(0,u.jsx)("div",{children:"The content of tab one."}),(0,u.jsx)("div",{children:"The content of tab one."}),(0,u.jsx)("div",{children:"The content of tab one."}),(0,u.jsx)("div",{children:"The content of tab one."})]},"1"),(0,u.jsxs)(n,{tab:"Tab Two",id:"2",children:[(0,u.jsx)("div",{children:"The content of tab two."}),(0,u.jsx)("div",{children:"The content of tab two."}),(0,u.jsx)("div",{children:"The content of tab two."}),(0,u.jsx)("div",{children:"The content of tab two."}),(0,u.jsx)("div",{children:"The content of tab two."}),(0,u.jsx)("div",{children:"The content of tab two."})]},"2"),(0,u.jsxs)(n,{tab:"Tab Three",id:"3",children:[(0,u.jsx)("div",{children:"The content of tab three."}),(0,u.jsx)("div",{children:"The content of tab three."}),(0,u.jsx)("div",{children:"The content of tab three."}),(0,u.jsx)("div",{children:"The content of tab three."}),(0,u.jsx)("div",{children:"The content of tab three."}),(0,u.jsx)("div",{children:"The content of tab three."})]},"3")];return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)(o.m,{type:"card",renderTabBar:this.renderTabBar,activeId:this.state.activeId,onChange:this.onTabChange,children:a})})}}return(0,u.jsx)(a,{})},y=function(){class n extends p.Component{constructor(n){super(n),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),this.state={activeId:"2",tabs:[{title:"Tab One",key:"1",disabled:!0},{title:"Tab Two",key:"2"},{title:"Tab Three",key:"3"}]}}render(){return(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange,tabs:this.state.tabs})}}return(0,u.jsx)(n,{})},v=function(){var n=l.e.TabPanel,a=l.e.Divide;class s extends p.Component{constructor(n){super(n),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),this.state={activeId:"2"}}render(){return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsxs)(l.e,{activeId:this.state.activeId,onChange:this.onTabChange,children:[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"Tab1"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"The content of tab one."})}),(0,u.jsx)(n,{tab:"Tab2",id:"2",children:(0,u.jsx)("div",{children:"The content of tab two."})}),(0,u.jsx)(a,{}),(0,u.jsx)(n,{tab:"Tab3",id:"3",children:(0,u.jsx)("div",{children:"The content of tab three."})})]}),(0,u.jsx)(l.e,{tabs:[{title:"Tab1",key:"1",disabled:!0},{title:"Tab2",key:"2"},{divide:!0},{title:"Tab3",key:"3"}],activeId:this.state.activeId,onChange:this.onTabChange,scrollHeight:100}),(0,u.jsx)("div",{children:"Can't use delete, align, stretch and extra content feature in vertical mode"})]})}}return(0,u.jsx)(s,{})},T=function(){var n=o.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2"}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}render(){var a=[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"Tab One"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"The content of tab one."})},"1"),(0,u.jsx)(n,{tab:"Tab Two",id:"2",children:(0,u.jsx)("div",{children:"The content of tab two."})},"2"),(0,u.jsx)(n,{tab:"Tab Three",id:"3",children:(0,u.jsx)("div",{children:"The content of tab three."})},"3")];return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)("div",{children:(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange,type:"button",children:a})})})}}return(0,u.jsx)(a,{})};function f(n){return(0,u.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function w(n){return(0,u.jsx)(f,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function x(n){return(0,u.jsx)(f,{tag:"style",html:n.style})}function j(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),j(n.parentNode,a);return a}class C extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:s||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(f,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class I extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,j(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(x,{style:".zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}\n\n.zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}\n\n.zent-tabs-add-btn {\n\tcursor: pointer;\n}\n\n.zent-tabs-demo .zent-tabs {\n margin-bottom: 16px;\n}\n\n.zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}\n.zent-tabs-demo-custom-tab-bar {\n\tbackground: #fff;\n}\n\n.zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}"}),p.createElement(w,{html:'

Tabs

\n

Tabs is used to switch different view in one page.

\n

Suggestion

\n
    \n
  • Applicable to the same container, the same level of information classification display
    • \n
  • When a large amount of information needs to be put out in a container, the information can be classified and stored and displayed in a horizontal way
    • \n
\n

Note

\n
    \n
  • When there is a hierarchy between information, no tabs are used
    • \n
\n

Demos

'}),p.createElement(C,{title:"Basic Mode",id:"Demobasic",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>Tab One</span>} id="1" disabled>\n <div>The content of tab one.</div>\n </TabPanel>,\n <TabPanel key="2" tab="Tab Two" id="2">\n <div>The content of tab two.</div>\n </TabPanel>,\n <TabPanel key="3" tab="Tab Three" id="3">\n <div>The content of tab three.</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n >\n {panels}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(r)),p.createElement(C,{title:"Extra Content",id:"Demonavextracontent",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\nlet uniqId = 4;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n panels: [\n {\n tab: <span>Tab1</span>,\n id: \'1\',\n disabled: true,\n content: \'The content of tab1.\',\n },\n {\n tab: <span>Tab2</span>,\n id: \'2\',\n content: <div>The content of tab2.</div>,\n },\n ],\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n renderPanels() {\n let { panels } = this.state;\n return panels.map(p => {\n return (\n <TabPanel {...p} key={p.id}>\n {p.content}\n </TabPanel>\n );\n });\n }\n\n render() {\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange.bind(this)}\n navExtraContent={\n <div style={{ whiteSpace: \'nowrap\' }}>{`Current shop`}</div>\n }\n >\n {this.renderPanels()}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(d)),p.createElement(C,{title:"Normal、Card Types",id:"Demotypes",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>Tab One</span>} id="1" disabled>\n <div>The content of tab one.</div>\n </TabPanel>,\n <TabPanel key="2" tab="Tab Two" id="2">\n <div>The content of tab two.</div>\n </TabPanel>,\n <TabPanel key="3" tab="Tab Three" id="3">\n <div>The content of tab three.</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n type="normal"\n >\n {panels}\n </Tabs>\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n type="card"\n >\n {panels}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(m)),p.createElement(C,{title:"Add, delete, and fix tabs",id:"Demofixed",src:'import { Tabs, Icon } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\nlet uniqId = 3;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n panels: [\n {\n tab: <span>Tab1</span>,\n id: \'1\',\n content: \'The content of tab1.\',\n disabled: true,\n },\n {\n tab: <span>Tab2</span>,\n id: \'2\',\n content: <div>The content of tab2.</div>,\n },\n ],\n };\n\n onTabAdd = () => {\n let { panels } = this.state;\n const id = `${uniqId++}`;\n panels.push({\n id,\n tab: `Tab${uniqId}`,\n content: Date.now(),\n });\n this.setState({\n panels,\n activeId: id,\n });\n };\n\n onTabDel = id => {\n const { panels, activeId } = this.state;\n const delPanelIndex = panels.findIndex(panel => panel.id === id);\n this.setState(\n {\n panels: panels.filter(panel => panel.id !== id),\n },\n () => {\n if (id === activeId) {\n const prePanelIndex = Math.max(0, delPanelIndex - 1);\n const prePanel = panels[prePanelIndex];\n if (!panels.length || prePanel?.disabled) {\n return;\n }\n this.setState({ activeId: prePanel.id });\n }\n }\n );\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n renderPanels() {\n let { panels } = this.state;\n return panels.map(p => {\n return (\n <TabPanel {...p} key={p.id}>\n {p.content}\n </TabPanel>\n );\n });\n }\n\n render() {\n const panels = this.renderPanels();\n return (\n <div className="zent-tabs-demo">\n <Tabs\n candel\n canFixed\n type="card"\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n onDelete={this.onTabDel}\n onAdd={this.onTabAdd}\n >\n {panels}\n </Tabs>\n <div\n style={{\n marginTop: 16,\n }}\n >\n canFixed props only avaliable in card type\n </div>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(b)),p.createElement(C,{title:"Operations in more tabs",id:"Demooverflowmode",src:'import { Tabs, Icon } from \'zent\';\n\nconst tabs = Array(35)\n .fill(null)\n .map((_, index) => ({\n title: `tab${index + 1}`,\n key: index + 1,\n }));\n\nclass Simple extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n activeId: 10,\n tabs: tabs,\n };\n }\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n tabs={this.state.tabs}\n overflowMode="slide"\n type="card"\n />\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n tabs={this.state.tabs}\n overflowMode="anchor"\n type="card"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(h)),p.createElement(C,{title:"Custom TabBar",id:"Democustomtabbar",src:'import { Tabs, Affix } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n renderTabBar = (props, TabBar) => {\n return (\n <Affix offsetTop={0}>\n <TabBar {...props} className="zent-tabs-demo-custom-tab-bar" />\n </Affix>\n );\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>Tab One</span>} id="1" disabled>\n <div>The content of tab one.</div>\n <div>The content of tab one.</div>\n <div>The content of tab one.</div>\n <div>The content of tab one.</div>\n <div>The content of tab one.</div>\n </TabPanel>,\n <TabPanel key="2" tab="Tab Two" id="2">\n <div>The content of tab two.</div>\n <div>The content of tab two.</div>\n <div>The content of tab two.</div>\n <div>The content of tab two.</div>\n <div>The content of tab two.</div>\n <div>The content of tab two.</div>\n </TabPanel>,\n <TabPanel key="3" tab="Tab Three" id="3">\n <div>The content of tab three.</div>\n <div>The content of tab three.</div>\n <div>The content of tab three.</div>\n <div>The content of tab three.</div>\n <div>The content of tab three.</div>\n <div>The content of tab three.</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <Tabs\n type="card"\n renderTabBar={this.renderTabBar}\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n >\n {panels}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(g)),p.createElement(w,{html:'

API

\n

Tabs

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternativeRequired
activeIdThe id of the active tabstring \n|\n number\'\'yes
onChangeThe callback function that is triggered when the tab is active(id: string \n|\n number) => anyyes
tabsThe config of tabs when not using Panel.Array<ITab\n>no
classNameThe custom classnamestringno
typeThe type of tabsstring\'normal\'\'card\'\n, \n\'button\'no
navExtraContentNav add extra contentReact.ReactNodeno
stretchIs tab stretch to fill content spacebooleanfalseno
onDeleteThe callback function that is triggered when the tab is closed.(id: string \n|\n number) => anyno
onAddThe callback function that is triggered when the add button is clicked.() => voidno
candelWhether the tab can be deleted.boolfalseno
canFixedWhether the tab can be fixed.boolfalseno
fixedIdsThe current fixed tabId[]no
onFixedChangeA callback when the current fixed state changes(ids: Id[]) => voidno
unmountPanelOnHideUnmount TabPanel on inactive instead of using \ndisplay: none\n style coverboolfalseno
overflowModeSupport operations to fit in more tabsstring\'anchor\'\'slide\'no
disableLazyMountDisable lazyMount of \nTabPanelboolfalseno
renderTabBarReplace the TabBar(props: ITabsNavProps, TabBar: ComponentType<ITabsNavProps>) => React.ReactElementno
\n

Paramerter type of tabs：

\n
interface ITab {\n  key: string | number; // 同TabPanel id\n  title: ReactNode; // 同TabPanel tab\n  disabled?: boolean; // 同TabPanel disabled\n}
\n

VerticalTabs

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternativeRequired
activeIdThe id of the active tabstring \n|\n number\'\'yes
onChangeThe callback function that is triggered when the tab is active(id: string \n|\n number) => anyyes
tabsThe config of tabs when not using Panel.Array<IVerticalTab\n>no
classNameThe custom classnamestringno
scrollHeightThe max height of the scrollable spacestring \n|\n numberno
unmountPanelOnHideunmount TabPanel on inactive instead of using \ndisplay: none\n style coverboolfalseno
\n

Paramerter type of tabs：

\n
type IVerticalTab = ITab | { divide: true };
\n

TabPanel

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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
tabThe label of the tab which corresponding to this panel.ReactNodeyes
idThe id of the tab panel.string \n|\n numberyes
disabledDisable this tab panel.boolno
classNameThe extra className of the panelboolno
unmountOnHideunmount TabPanel on inactive instead of using \ndisplay: none\n style coverboolfalse
candelWhether the tab can be deleted, priority is higher than tabs candelboolfalse
canFixedWhether the tab can be fixed, priority is higher than tabs canFixedboolfalse
\n

Divide

\n

Using to show divide line with VerticalTabs, no need to pass any props.

\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),p.createElement(C,{title:"Tabs without using TabPanel",id:"Demonotabpanel",src:'import { Tabs } from \'zent\';\n\nclass Simple extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n activeId: \'2\',\n tabs: [\n {\n title: \'Tab One\',\n key: \'1\',\n disabled: true,\n },\n {\n title: \'Tab Two\',\n key: \'2\',\n },\n {\n title: \'Tab Three\',\n key: \'3\',\n },\n ],\n };\n }\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n return (\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n tabs={this.state.tabs}\n />\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(y)),p.createElement(C,{title:"Vertical Mode",id:"Demovertical",src:'import { VerticalTabs } from \'zent\';\n\nconst { TabPanel, Divide } = VerticalTabs;\n\nclass Simple extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n activeId: \'2\',\n };\n }\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n return (\n <div className="zent-tabs-demo">\n <VerticalTabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n >\n <TabPanel tab={<span>Tab1</span>} id="1" disabled>\n <div>The content of tab one.</div>\n </TabPanel>\n <TabPanel tab="Tab2" id="2">\n <div>The content of tab two.</div>\n </TabPanel>\n <Divide />\n <TabPanel tab="Tab3" id="3">\n <div>The content of tab three.</div>\n </TabPanel>\n </VerticalTabs>\n <VerticalTabs\n tabs={[\n {\n title: \'Tab1\',\n key: \'1\',\n disabled: true,\n },\n {\n title: \'Tab2\',\n key: \'2\',\n },\n {\n divide: true,\n },\n {\n title: \'Tab3\',\n key: \'3\',\n },\n ]}\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n scrollHeight={100}\n />\n <div>Can\'t use delete, align, stretch and extra content feature in vertical mode</div>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(v)),p.createElement(C,{title:"Button Types",id:"Demotypebutton",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>Tab One</span>} id="1" disabled>\n <div>The content of tab one.</div>\n </TabPanel>,\n <TabPanel key="2" tab="Tab Two" id="2">\n <div>The content of tab two.</div>\n </TabPanel>,\n <TabPanel key="3" tab="Tab Three" id="3">\n <div>The content of tab three.</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <div>\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n type="button"\n >\n {panels}\n </Tabs>\n </div>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(T)))}}},43793:(n,a,s)=>{"use strict";s.d(a,{e:()=>T});var t=s(59312),p=s(24246),e=s(19185),o=s(60042),c=s.n(o),l=s(27378),u=s(31256),k=s(42690),i=s(12856),r=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.typeName="vertical",a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.actived,s=n.disabled,e=n.children;return(0,p.jsx)("div",(0,t.pi)({role:"tab",className:this.tabsCls,"aria-disabled":s,"aria-selected":a,onClick:this.onClick,"data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-tabs-tab-inner","data-zv":"10.0.9"},{children:e}),void 0)}),void 0)},a}(s(98454).Z),d=s(53789),m=s(77465),b=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.typeName="vertical",a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"tabsNavCls",{get:function(){return c()("zent-tabs-nav","zent-tabs-nav-type__"+this.typeName)},enumerable:!1,configurable:!0}),a.prototype.transformTabDataList=function(n){return n.map((function(n){return"divide"in n?n:(0,m.Vw)(n,!1)}))},a.prototype.renderTab=function(n,a){return"divide"in n?(0,p.jsx)("div",{className:"zent-tabs-divide","data-zv":"10.0.9"},"divide-"+a):(0,p.jsx)(r,(0,t.pi)({onSelected:this.onTabSelected},n,{id:n.key},{children:n.title}),void 0)},a.prototype.render=function(){var n=this.props.scrollHeight;return(0,p.jsx)("div",(0,t.pi)({className:this.tabsNavCls,"data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-tabs-nav-content","data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-tabs-scroll",style:{maxHeight:n},role:"tablist","data-zv":"10.0.9"},{children:this.renderTabs()}),void 0)}),void 0)}),void 0)},a}(d.Z),h=s(87057);function g(n){return null}g.defaultProps={divide:!0};var y=g,v=s(87396),T=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"tabsCls",{get:function(){var n=this.props.className;return c()("zent-tabs","zent-tabs-type__vertical",n)},enumerable:!1,configurable:!0}),a.prototype.getTabDataListFromTabs=function(n){var a=this.props.activeId;return n.map((function(n){return"divide"in n?n:(0,t.pi)((0,t.pi)({},n),{actived:n.key===a})}))},a.prototype.getTabDataListFromChildren=function(n){var a=this.props.activeId;return l.Children.map(n,(function(n){return(0,e.isElement)(n)?"divide"in n.props?{divide:!0}:(0,m.AQ)(n,a):null})).filter((function(n){return!(0,u.Z)(n)}))},a.prototype.renderNav=function(n){var a=this.props,s=a.onChange,t=a.scrollHeight;return(0,p.jsx)(b,{scrollHeight:t,onChange:s,tabDataList:n},void 0)},a.prototype.renderTabPanel=function(n){if("divide"in n)return null;var a=this.props.unmountPanelOnHide;return(0,p.jsx)(i.Z,(0,t.pi)({mount:n.actived},{children:(0,p.jsx)(v.Z,(0,t.pi)({tab:n.title,actived:n.actived,unmountOnHide:n.unmountOnHide||a,className:n.className,id:n.key},{children:n.panelChildren}),void 0)}),n.key)},a.TabPanel=v.Z,a.Divide=y,a.defaultProps={activeId:"",onChange:k.Z,unmountPanelOnHide:!1},a}(h.Z)}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[8982],{48982:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>I});var t=s(73450),p=s(27378),e=s(57318),o=s(33420),c=s(31846),l=s(43793),u=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({activeId:n})}))}render(){var a=[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"Tab One"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"The content of tab one."})},"1"),(0,u.jsx)(n,{tab:"Tab Two",id:"2",children:(0,u.jsx)("div",{children:"The content of tab two."})},"2"),(0,u.jsx)(n,{tab:"Tab Three",id:"3",children:(0,u.jsx)("div",{children:"The content of tab three."})},"3")];return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange,children:a})})}}return(0,u.jsx)(a,{})},d=function(){var n=o.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2",panels:[{tab:(0,u.jsx)("span",{children:"Tab1"}),id:"1",disabled:!0,content:"The content of tab1."},{tab:(0,u.jsx)("span",{children:"Tab2"}),id:"2",content:(0,u.jsx)("div",{children:"The content of tab2."})}]}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}renderPanels(){return this.state.panels.map((a=>(0,p.createElement)(n,i(i({},a),{},{key:a.id}),a.content)))}render(){return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange.bind(this),navExtraContent:(0,u.jsx)("div",{style:{whiteSpace:"nowrap"},children:"Current shop"}),children:this.renderPanels()})})}}return(0,u.jsx)(a,{})},m=function(){var n=o.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2"}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}render(){var a=[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"Tab One"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"The content of tab one."})},"1"),(0,u.jsx)(n,{tab:"Tab Two",id:"2",children:(0,u.jsx)("div",{children:"The content of tab two."})},"2"),(0,u.jsx)(n,{tab:"Tab Three",id:"3",children:(0,u.jsx)("div",{children:"The content of tab three."})},"3")];return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange,type:"normal",children:a}),(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange,type:"card",children:a})]})}}return(0,u.jsx)(a,{})},b=function(){var n=o.m.TabPanel,a=3;class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2",panels:[{tab:(0,u.jsx)("span",{children:"Tab1"}),id:"1",content:"The content of tab1.",disabled:!0},{tab:(0,u.jsx)("span",{children:"Tab2"}),id:"2",content:(0,u.jsx)("div",{children:"The content of tab2."})}]}),(0,t.Z)(this,"onTabAdd",(()=>{var n=this.state.panels,s="".concat(a++);n.push({id:s,tab:"Tab".concat(a),content:Date.now()}),this.setState({panels:n,activeId:s})})),(0,t.Z)(this,"onTabDel",(n=>{var a=this.state,s=a.panels,t=a.activeId,p=s.findIndex((a=>a.id===n));this.setState({panels:s.filter((a=>a.id!==n))},(()=>{if(n===t){var a=Math.max(0,p-1),e=s[a];if(!s.length||null!=e&&e.disabled)return;this.setState({activeId:e.id})}}))})),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}renderPanels(){return this.state.panels.map((a=>(0,p.createElement)(n,i(i({},a),{},{key:a.id}),a.content)))}render(){var n=this.renderPanels();return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsx)(o.m,{candel:!0,canFixed:!0,type:"card",activeId:this.state.activeId,onChange:this.onTabChange,onDelete:this.onTabDel,onAdd:this.onTabAdd,children:n}),(0,u.jsx)("div",{style:{marginTop:16},children:"canFixed props only avaliable in card type"})]})}}return(0,u.jsx)(s,{})},h=function(){var n=Array(35).fill(null).map(((n,a)=>({title:"tab".concat(a+1),key:a+1})));class a extends p.Component{constructor(a){super(a),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),this.state={activeId:10,tabs:n}}render(){return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange,tabs:this.state.tabs,overflowMode:"slide",type:"card"}),(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange,tabs:this.state.tabs,overflowMode:"anchor",type:"card"})]})}}return(0,u.jsx)(a,{})},g=function(){var n=o.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2"}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),(0,t.Z)(this,"renderTabBar",((n,a)=>(0,u.jsx)(c.D,{offsetTop:0,children:(0,u.jsx)(a,i(i({},n),{},{className:"zent-tabs-demo-custom-tab-bar"}))})))}render(){var a=[(0,u.jsxs)(n,{tab:(0,u.jsx)("span",{children:"Tab One"}),id:"1",disabled:!0,children:[(0,u.jsx)("div",{children:"The content of tab one."}),(0,u.jsx)("div",{children:"The content of tab one."}),(0,u.jsx)("div",{children:"The content of tab one."}),(0,u.jsx)("div",{children:"The content of tab one."}),(0,u.jsx)("div",{children:"The content of tab one."})]},"1"),(0,u.jsxs)(n,{tab:"Tab Two",id:"2",children:[(0,u.jsx)("div",{children:"The content of tab two."}),(0,u.jsx)("div",{children:"The content of tab two."}),(0,u.jsx)("div",{children:"The content of tab two."}),(0,u.jsx)("div",{children:"The content of tab two."}),(0,u.jsx)("div",{children:"The content of tab two."}),(0,u.jsx)("div",{children:"The content of tab two."})]},"2"),(0,u.jsxs)(n,{tab:"Tab Three",id:"3",children:[(0,u.jsx)("div",{children:"The content of tab three."}),(0,u.jsx)("div",{children:"The content of tab three."}),(0,u.jsx)("div",{children:"The content of tab three."}),(0,u.jsx)("div",{children:"The content of tab three."}),(0,u.jsx)("div",{children:"The content of tab three."}),(0,u.jsx)("div",{children:"The content of tab three."})]},"3")];return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)(o.m,{type:"card",renderTabBar:this.renderTabBar,activeId:this.state.activeId,onChange:this.onTabChange,children:a})})}}return(0,u.jsx)(a,{})},y=function(){class n extends p.Component{constructor(n){super(n),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),this.state={activeId:"2",tabs:[{title:"Tab One",key:"1",disabled:!0},{title:"Tab Two",key:"2"},{title:"Tab Three",key:"3"}]}}render(){return(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange,tabs:this.state.tabs})}}return(0,u.jsx)(n,{})},v=function(){var n=l.e.TabPanel,a=l.e.Divide;class s extends p.Component{constructor(n){super(n),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),this.state={activeId:"2"}}render(){return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsxs)(l.e,{activeId:this.state.activeId,onChange:this.onTabChange,children:[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"Tab1"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"The content of tab one."})}),(0,u.jsx)(n,{tab:"Tab2",id:"2",children:(0,u.jsx)("div",{children:"The content of tab two."})}),(0,u.jsx)(a,{}),(0,u.jsx)(n,{tab:"Tab3",id:"3",children:(0,u.jsx)("div",{children:"The content of tab three."})})]}),(0,u.jsx)(l.e,{tabs:[{title:"Tab1",key:"1",disabled:!0},{title:"Tab2",key:"2"},{divide:!0},{title:"Tab3",key:"3"}],activeId:this.state.activeId,onChange:this.onTabChange,scrollHeight:100}),(0,u.jsx)("div",{children:"Can't use delete, align, stretch and extra content feature in vertical mode"})]})}}return(0,u.jsx)(s,{})},T=function(){var n=o.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2"}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}render(){var a=[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"Tab One"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"The content of tab one."})},"1"),(0,u.jsx)(n,{tab:"Tab Two",id:"2",children:(0,u.jsx)("div",{children:"The content of tab two."})},"2"),(0,u.jsx)(n,{tab:"Tab Three",id:"3",children:(0,u.jsx)("div",{children:"The content of tab three."})},"3")];return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)("div",{children:(0,u.jsx)(o.m,{activeId:this.state.activeId,onChange:this.onTabChange,type:"button",children:a})})})}}return(0,u.jsx)(a,{})};function f(n){return(0,u.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function w(n){return(0,u.jsx)(f,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function x(n){return(0,u.jsx)(f,{tag:"style",html:n.style})}function j(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),j(n.parentNode,a);return a}class C extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:s||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(f,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class I extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,e.l)(document.documentElement,0,j(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(x,{style:".zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}\n\n.zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}\n\n.zent-tabs-add-btn {\n\tcursor: pointer;\n}\n\n.zent-tabs-demo .zent-tabs {\n margin-bottom: 16px;\n}\n\n.zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}\n.zent-tabs-demo-custom-tab-bar {\n\tbackground: #fff;\n}\n\n.zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}"}),p.createElement(w,{html:'

Tabs

\n

Tabs is used to switch different view in one page.

\n

Suggestion

\n
    \n
  • Applicable to the same container, the same level of information classification display
    • \n
  • When a large amount of information needs to be put out in a container, the information can be classified and stored and displayed in a horizontal way
    • \n
\n

Note

\n
    \n
  • When there is a hierarchy between information, no tabs are used
    • \n
\n

Demos

'}),p.createElement(C,{title:"Basic Mode",id:"Demobasic",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>Tab One</span>} id="1" disabled>\n <div>The content of tab one.</div>\n </TabPanel>,\n <TabPanel key="2" tab="Tab Two" id="2">\n <div>The content of tab two.</div>\n </TabPanel>,\n <TabPanel key="3" tab="Tab Three" id="3">\n <div>The content of tab three.</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n >\n {panels}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(r)),p.createElement(C,{title:"Extra Content",id:"Demonavextracontent",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\nlet uniqId = 4;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n panels: [\n {\n tab: <span>Tab1</span>,\n id: \'1\',\n disabled: true,\n content: \'The content of tab1.\',\n },\n {\n tab: <span>Tab2</span>,\n id: \'2\',\n content: <div>The content of tab2.</div>,\n },\n ],\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n renderPanels() {\n let { panels } = this.state;\n return panels.map(p => {\n return (\n <TabPanel {...p} key={p.id}>\n {p.content}\n </TabPanel>\n );\n });\n }\n\n render() {\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange.bind(this)}\n navExtraContent={\n <div style={{ whiteSpace: \'nowrap\' }}>{`Current shop`}</div>\n }\n >\n {this.renderPanels()}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(d)),p.createElement(C,{title:"Normal、Card Types",id:"Demotypes",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>Tab One</span>} id="1" disabled>\n <div>The content of tab one.</div>\n </TabPanel>,\n <TabPanel key="2" tab="Tab Two" id="2">\n <div>The content of tab two.</div>\n </TabPanel>,\n <TabPanel key="3" tab="Tab Three" id="3">\n <div>The content of tab three.</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n type="normal"\n >\n {panels}\n </Tabs>\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n type="card"\n >\n {panels}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(m)),p.createElement(C,{title:"Add, delete, and fix tabs",id:"Demofixed",src:'import { Tabs, Icon } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\nlet uniqId = 3;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n panels: [\n {\n tab: <span>Tab1</span>,\n id: \'1\',\n content: \'The content of tab1.\',\n disabled: true,\n },\n {\n tab: <span>Tab2</span>,\n id: \'2\',\n content: <div>The content of tab2.</div>,\n },\n ],\n };\n\n onTabAdd = () => {\n let { panels } = this.state;\n const id = `${uniqId++}`;\n panels.push({\n id,\n tab: `Tab${uniqId}`,\n content: Date.now(),\n });\n this.setState({\n panels,\n activeId: id,\n });\n };\n\n onTabDel = id => {\n const { panels, activeId } = this.state;\n const delPanelIndex = panels.findIndex(panel => panel.id === id);\n this.setState(\n {\n panels: panels.filter(panel => panel.id !== id),\n },\n () => {\n if (id === activeId) {\n const prePanelIndex = Math.max(0, delPanelIndex - 1);\n const prePanel = panels[prePanelIndex];\n if (!panels.length || prePanel?.disabled) {\n return;\n }\n this.setState({ activeId: prePanel.id });\n }\n }\n );\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n renderPanels() {\n let { panels } = this.state;\n return panels.map(p => {\n return (\n <TabPanel {...p} key={p.id}>\n {p.content}\n </TabPanel>\n );\n });\n }\n\n render() {\n const panels = this.renderPanels();\n return (\n <div className="zent-tabs-demo">\n <Tabs\n candel\n canFixed\n type="card"\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n onDelete={this.onTabDel}\n onAdd={this.onTabAdd}\n >\n {panels}\n </Tabs>\n <div\n style={{\n marginTop: 16,\n }}\n >\n canFixed props only avaliable in card type\n </div>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(b)),p.createElement(C,{title:"Operations in more tabs",id:"Demooverflowmode",src:'import { Tabs, Icon } from \'zent\';\n\nconst tabs = Array(35)\n .fill(null)\n .map((_, index) => ({\n title: `tab${index + 1}`,\n key: index + 1,\n }));\n\nclass Simple extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n activeId: 10,\n tabs: tabs,\n };\n }\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n tabs={this.state.tabs}\n overflowMode="slide"\n type="card"\n />\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n tabs={this.state.tabs}\n overflowMode="anchor"\n type="card"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(h)),p.createElement(C,{title:"Custom TabBar",id:"Democustomtabbar",src:'import { Tabs, Affix } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n renderTabBar = (props, TabBar) => {\n return (\n <Affix offsetTop={0}>\n <TabBar {...props} className="zent-tabs-demo-custom-tab-bar" />\n </Affix>\n );\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>Tab One</span>} id="1" disabled>\n <div>The content of tab one.</div>\n <div>The content of tab one.</div>\n <div>The content of tab one.</div>\n <div>The content of tab one.</div>\n <div>The content of tab one.</div>\n </TabPanel>,\n <TabPanel key="2" tab="Tab Two" id="2">\n <div>The content of tab two.</div>\n <div>The content of tab two.</div>\n <div>The content of tab two.</div>\n <div>The content of tab two.</div>\n <div>The content of tab two.</div>\n <div>The content of tab two.</div>\n </TabPanel>,\n <TabPanel key="3" tab="Tab Three" id="3">\n <div>The content of tab three.</div>\n <div>The content of tab three.</div>\n <div>The content of tab three.</div>\n <div>The content of tab three.</div>\n <div>The content of tab three.</div>\n <div>The content of tab three.</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <Tabs\n type="card"\n renderTabBar={this.renderTabBar}\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n >\n {panels}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(g)),p.createElement(w,{html:'

API

\n

Tabs

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternativeRequired
activeIdThe id of the active tabstring \n|\n number\'\'yes
onChangeThe callback function that is triggered when the tab is active(id: string \n|\n number) => anyyes
tabsThe config of tabs when not using Panel.Array<ITab\n>no
classNameThe custom classnamestringno
typeThe type of tabsstring\'normal\'\'card\'\n, \n\'button\'no
navExtraContentNav add extra contentReact.ReactNodeno
stretchIs tab stretch to fill content spacebooleanfalseno
onDeleteThe callback function that is triggered when the tab is closed.(id: string \n|\n number) => anyno
onAddThe callback function that is triggered when the add button is clicked.() => voidno
candelWhether the tab can be deleted.boolfalseno
canFixedWhether the tab can be fixed.boolfalseno
fixedIdsThe current fixed tabId[]no
onFixedChangeA callback when the current fixed state changes(ids: Id[]) => voidno
unmountPanelOnHideUnmount TabPanel on inactive instead of using \ndisplay: none\n style coverboolfalseno
overflowModeSupport operations to fit in more tabsstring\'anchor\'\'slide\'no
disableLazyMountDisable lazyMount of \nTabPanelboolfalseno
renderTabBarReplace the TabBar(props: ITabsNavProps, TabBar: ComponentType<ITabsNavProps>) => React.ReactElementno
\n

Paramerter type of tabs：

\n
interface ITab {\n  key: string | number; // 同TabPanel id\n  title: ReactNode; // 同TabPanel tab\n  disabled?: boolean; // 同TabPanel disabled\n}
\n

VerticalTabs

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultAlternativeRequired
activeIdThe id of the active tabstring \n|\n number\'\'yes
onChangeThe callback function that is triggered when the tab is active(id: string \n|\n number) => anyyes
tabsThe config of tabs when not using Panel.Array<IVerticalTab\n>no
classNameThe custom classnamestringno
scrollHeightThe max height of the scrollable spacestring \n|\n numberno
unmountPanelOnHideunmount TabPanel on inactive instead of using \ndisplay: none\n style coverboolfalseno
\n

Paramerter type of tabs：

\n
type IVerticalTab = ITab | { divide: true };
\n

TabPanel

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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
tabThe label of the tab which corresponding to this panel.ReactNodeyes
idThe id of the tab panel.string \n|\n numberyes
disabledDisable this tab panel.boolno
classNameThe extra className of the panelboolno
unmountOnHideunmount TabPanel on inactive instead of using \ndisplay: none\n style coverboolfalse
candelWhether the tab can be deleted, priority is higher than tabs candelboolfalse
canFixedWhether the tab can be fixed, priority is higher than tabs canFixedboolfalse
\n

Divide

\n

Using to show divide line with VerticalTabs, no need to pass any props.

\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),p.createElement(C,{title:"Tabs without using TabPanel",id:"Demonotabpanel",src:'import { Tabs } from \'zent\';\n\nclass Simple extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n activeId: \'2\',\n tabs: [\n {\n title: \'Tab One\',\n key: \'1\',\n disabled: true,\n },\n {\n title: \'Tab Two\',\n key: \'2\',\n },\n {\n title: \'Tab Three\',\n key: \'3\',\n },\n ],\n };\n }\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n return (\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n tabs={this.state.tabs}\n />\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(y)),p.createElement(C,{title:"Vertical Mode",id:"Demovertical",src:'import { VerticalTabs } from \'zent\';\n\nconst { TabPanel, Divide } = VerticalTabs;\n\nclass Simple extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n activeId: \'2\',\n };\n }\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n return (\n <div className="zent-tabs-demo">\n <VerticalTabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n >\n <TabPanel tab={<span>Tab1</span>} id="1" disabled>\n <div>The content of tab one.</div>\n </TabPanel>\n <TabPanel tab="Tab2" id="2">\n <div>The content of tab two.</div>\n </TabPanel>\n <Divide />\n <TabPanel tab="Tab3" id="3">\n <div>The content of tab three.</div>\n </TabPanel>\n </VerticalTabs>\n <VerticalTabs\n tabs={[\n {\n title: \'Tab1\',\n key: \'1\',\n disabled: true,\n },\n {\n title: \'Tab2\',\n key: \'2\',\n },\n {\n divide: true,\n },\n {\n title: \'Tab3\',\n key: \'3\',\n },\n ]}\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n scrollHeight={100}\n />\n <div>Can\'t use delete, align, stretch and extra content feature in vertical mode</div>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(v)),p.createElement(C,{title:"Button Types",id:"Demotypebutton",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>Tab One</span>} id="1" disabled>\n <div>The content of tab one.</div>\n </TabPanel>,\n <TabPanel key="2" tab="Tab Two" id="2">\n <div>The content of tab two.</div>\n </TabPanel>,\n <TabPanel key="3" tab="Tab Three" id="3">\n <div>The content of tab three.</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <div>\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n type="button"\n >\n {panels}\n </Tabs>\n </div>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(T)))}}},43793:(n,a,s)=>{"use strict";s.d(a,{e:()=>T});var t=s(59312),p=s(24246),e=s(19185),o=s(60042),c=s.n(o),l=s(27378),u=s(31256),k=s(42690),i=s(12856),r=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.typeName="vertical",a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.actived,s=n.disabled,e=n.children;return(0,p.jsx)("div",(0,t.pi)({role:"tab",className:this.tabsCls,"aria-disabled":s,"aria-selected":a,onClick:this.onClick,"data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-tabs-tab-inner","data-zv":"10.0.10"},{children:e}),void 0)}),void 0)},a}(s(98454).Z),d=s(53789),m=s(77465),b=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.typeName="vertical",a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"tabsNavCls",{get:function(){return c()("zent-tabs-nav","zent-tabs-nav-type__"+this.typeName)},enumerable:!1,configurable:!0}),a.prototype.transformTabDataList=function(n){return n.map((function(n){return"divide"in n?n:(0,m.Vw)(n,!1)}))},a.prototype.renderTab=function(n,a){return"divide"in n?(0,p.jsx)("div",{className:"zent-tabs-divide","data-zv":"10.0.10"},"divide-"+a):(0,p.jsx)(r,(0,t.pi)({onSelected:this.onTabSelected},n,{id:n.key},{children:n.title}),void 0)},a.prototype.render=function(){var n=this.props.scrollHeight;return(0,p.jsx)("div",(0,t.pi)({className:this.tabsNavCls,"data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-tabs-nav-content","data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-tabs-scroll",style:{maxHeight:n},role:"tablist","data-zv":"10.0.10"},{children:this.renderTabs()}),void 0)}),void 0)}),void 0)},a}(d.Z),h=s(87057);function g(n){return null}g.defaultProps={divide:!0};var y=g,v=s(87396),T=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"tabsCls",{get:function(){var n=this.props.className;return c()("zent-tabs","zent-tabs-type__vertical",n)},enumerable:!1,configurable:!0}),a.prototype.getTabDataListFromTabs=function(n){var a=this.props.activeId;return n.map((function(n){return"divide"in n?n:(0,t.pi)((0,t.pi)({},n),{actived:n.key===a})}))},a.prototype.getTabDataListFromChildren=function(n){var a=this.props.activeId;return l.Children.map(n,(function(n){return(0,e.isElement)(n)?"divide"in n.props?{divide:!0}:(0,m.AQ)(n,a):null})).filter((function(n){return!(0,u.Z)(n)}))},a.prototype.renderNav=function(n){var a=this.props,s=a.onChange,t=a.scrollHeight;return(0,p.jsx)(b,{scrollHeight:t,onChange:s,tabDataList:n},void 0)},a.prototype.renderTabPanel=function(n){if("divide"in n)return null;var a=this.props.unmountPanelOnHide;return(0,p.jsx)(i.Z,(0,t.pi)({mount:n.actived},{children:(0,p.jsx)(v.Z,(0,t.pi)({tab:n.title,actived:n.actived,unmountOnHide:n.unmountOnHide||a,className:n.className,id:n.key},{children:n.panelChildren}),void 0)}),n.key)},a.TabPanel=v.Z,a.Divide=y,a.defaultProps={activeId:"",onChange:k.Z,unmountPanelOnHide:!1},a}(h.Z)}}]); \ No newline at end of file diff --git a/9052-9ed574f613c763cd6cc3.js b/9052-936fa363419247a4d641.js similarity index 91% rename from 9052-9ed574f613c763cd6cc3.js rename to 9052-936fa363419247a4d641.js index b84f21431..d13e81caf 100644 --- a/9052-9ed574f613c763cd6cc3.js +++ b/9052-936fa363419247a4d641.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9052],{89052:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>x});var t=a(73450),p=a(27378),e=a(57318),o=a(37162),c=a(3454),l=a(24246);function u(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 i(n){for(var s=1;s{var n=this.state,s=n.current,a=n.status;3===s&&"process"===a?a="finish":(++s>3&&(s%=3),a="process"),this.setState({current:s,status:a})}))}render(){var n=this.state,s=n.current,a=n.status;return(0,l.jsxs)("div",{children:[(0,l.jsxs)(o.z,{current:s,status:a,children:[(0,l.jsx)(o.z.Step,{title:"第一步",description:"分享邀请码给好友"}),(0,l.jsx)(o.z.Step,{title:"第二步",description:"订购时输入你的邀请码"}),(0,l.jsx)(o.z.Step,{title:"第三步",description:"获得有赞E卡奖励"})]}),(0,l.jsx)(c.z,{style:{margin:"10px 0 0 50px"},onClick:this.nextStep,children:"下一步"})]})}}return(0,l.jsx)(n,{})},k=function(){return(0,l.jsxs)(o.z,{current:2,status:"error",children:[(0,l.jsx)(o.z.Step,{title:"第一步",description:"分享邀请码给好友"}),(0,l.jsx)(o.z.Step,{title:"第二步",description:"订购时输入你的邀请码"}),(0,l.jsx)(o.z.Step,{title:"第三步",description:"获得有赞E卡奖励"})]})},d=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:2,status:"process"}),(0,t.Z)(this,"nextStep",(()=>{var n=this.state,s=n.current,a=n.status;3===s&&"process"===a?a="finish":(++s>3&&(s%=3),a="process"),this.setState({current:s,status:a})}))}render(){var n=this.state,s=n.current,a=n.status;return(0,l.jsxs)("div",{children:[(0,l.jsxs)(o.z,{current:s,status:a,children:[(0,l.jsx)(o.z.Step,{title:"第一步",description:"分享邀请码给好友",icon:"capital-o"}),(0,l.jsx)(o.z.Step,{title:"第二步",description:"订购时输入你的邀请码",icon:"clock-o"}),(0,l.jsx)(o.z.Step,{title:"第三步",description:"获得有赞E卡奖励",icon:"mini-apps-o"})]}),(0,l.jsx)(c.z,{style:{margin:"10px 0 0 50px"},onClick:this.nextStep,children:"下一步"})]})}}return(0,l.jsx)(n,{})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1,status:"process"}),(0,t.Z)(this,"nextStep",(()=>{var n=this.state,s=n.current,a=n.status;3===s&&"process"===a?a="finish":(++s>3&&(s%=3),a="process"),this.setState({current:s,status:a})}))}render(){var n=this.state,s=n.current,a=n.status;return(0,l.jsxs)("div",{children:[(0,l.jsxs)(o.z,{current:s,status:a,direction:"vertical",children:[(0,l.jsx)(o.z.Step,{title:"第一步",description:"分享邀请码给好友"}),(0,l.jsx)(o.z.Step,{title:"第二步",description:"订购时输入你的邀请码"}),(0,l.jsx)(o.z.Step,{title:"第三步",description:"获得有赞E卡奖励"})]}),(0,l.jsx)(c.z,{onClick:this.nextStep,children:"下一步"})]})}}return(0,l.jsx)(n,{})};function h(n){return(0,l.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function g(n){return(0,l.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,l.jsx)(h,{tag:"style",html:n.style})}function y(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),y(n.parentNode,s);return s}class f extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,y(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:""}),p.createElement(g,{html:'

Progress Indicator 进度指示

\n

按顺序客观反馈完整流程的信息，且标记当前所处的进程或节点和状态。

\n

建议

\n
    \n
  • 当任务复杂或存在先后关系时，进度指示将其分解成多个节点，简化用户每一步的认知与操作成本和反馈当前状态；
    • \n
  • 当一项任务包含多个有前后关系的节点，且需要反馈任务流转状态时，使用进度指示；
    • \n
  • 当一项复杂任务需要拆分成多项任务，使用导航步骤条；
    • \n
  • 当一项任务仅有进度不包含多个有前后节点时，请使用进度条；
    • \n
  • 当内容可拆分为多个没有前后逻辑关系的子内容时，请使用标签页；
    • \n
\n

代码演示

'}),p.createElement(f,{title:"基础用法",id:"Demo1",src:'import { Indicator, Button } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 2,\n status: \'process\',\n };\n\n nextStep = () => {\n let { current, status } = this.state;\n if (current === 3 && status === \'process\') {\n status = \'finish\';\n } else {\n current++;\n if (current > 3) {\n current = current % 3;\n }\n status = \'process\';\n }\n\n this.setState({\n current,\n status,\n });\n };\n\n render() {\n let { current, status } = this.state;\n return (\n <div>\n <Indicator current={current} status={status}>\n <Indicator.Step\n title="第一步"\n description="分享邀请码给好友"\n />\n <Indicator.Step\n title="第二步"\n description="订购时输入你的邀请码"\n />\n <Indicator.Step\n title="第三步"\n description="获得有赞E卡奖励"\n />\n </Indicator>\n <Button style={{ margin: \'10px 0 0 50px\' }} onClick={this.nextStep}>\n 下一步\n </Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(r)),p.createElement(f,{title:"失败状态",id:"Demo2",src:'import { Indicator } from \'zent\';\n\nReactDOM.render(\n <Indicator current={2} status="error">\n <Indicator.Step title="第一步" description="分享邀请码给好友" />\n <Indicator.Step title="第二步" description="订购时输入你的邀请码" />\n <Indicator.Step\n title="第三步"\n description="获得有赞E卡奖励"\n />\n </Indicator>,\n mountNode\n);'},p.createElement(k)),p.createElement(f,{title:"自定义 icon",id:"Demo3",src:'import { Indicator, Button } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 2,\n status: \'process\',\n };\n\n nextStep = () => {\n let { current, status } = this.state;\n if (current === 3 && status === \'process\') {\n status = \'finish\';\n } else {\n current++;\n if (current > 3) {\n current = current % 3;\n }\n status = \'process\';\n }\n\n this.setState({\n current,\n status,\n });\n };\n\n render() {\n let { current, status } = this.state;\n return (\n <div>\n <Indicator current={current} status={status}>\n <Indicator.Step\n title="第一步"\n description="分享邀请码给好友"\n icon="capital-o"\n />\n <Indicator.Step\n title="第二步"\n description="订购时输入你的邀请码"\n icon="clock-o"\n />\n <Indicator.Step\n title="第三步"\n description="获得有赞E卡奖励"\n icon="mini-apps-o"\n />\n </Indicator>\n <Button style={{ margin: \'10px 0 0 50px\' }} onClick={this.nextStep}>\n 下一步\n </Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(d)),p.createElement(g,{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
参数说明类型是否必须默认值备选值
current指定当前步骤, 从 1 开始记数 (当不传值时, 默认为 0, 状态都为 wait)number0
status进度指示的状态string\'process\'\'wait\'\n, \n\'finish\'\n, \n\'error\'
sequence是否使用默认的序号booleantrue
onStepChange传该参数后 step 可点击切换 (针对 card, breadcrumb，tabs 类型)func\'\'
className自定义额外类名
direction步骤条的方向string\'horizontal\'\'vertical\'
\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),p.createElement(f,{title:"竖直方向",id:"Demo4",src:'import { Indicator, Button } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n status: \'process\',\n };\n\n nextStep = () => {\n let { current, status } = this.state;\n if (current === 3 && status === \'process\') {\n status = \'finish\';\n } else {\n current++;\n if (current > 3) {\n current = current % 3;\n }\n status = \'process\';\n }\n\n this.setState({\n current,\n status,\n });\n };\n\n render() {\n let { current, status } = this.state;\n return (\n <div>\n <Indicator current={current} status={status} direction="vertical">\n <Indicator.Step\n title="第一步"\n description="分享邀请码给好友"\n />\n <Indicator.Step\n title="第二步"\n description="订购时输入你的邀请码"\n />\n <Indicator.Step\n title="第三步"\n description="获得有赞E卡奖励"\n />\n </Indicator>\n <Button onClick={this.nextStep}>下一步</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(m)))}}},37162:(n,s,a)=>{"use strict";a.d(s,{z:()=>o});var t=a(59312),p=a(24246),e=a(37424),o=function(n){return(0,p.jsx)(e.R,(0,t.pi)({type:"number"},n),void 0)};o.Step=e.R.Step},37424:(n,s,a)=>{"use strict";a.d(s,{R:()=>d});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(27036),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.renderIconNode=function(){var n=s.props,a=n.stepNumber,e=n.sequence,o=n.status,c=void 0===o?"wait":o,u=n.icon;if(u){var i="string"==typeof u?(0,p.jsx)(l.Z,{type:u},void 0):u;return(0,p.jsx)(p.Fragment,{children:i},void 0)}return"finish"===c?(0,p.jsx)(l.Z,{type:"check-circle-o"},void 0):"error"===c?(0,p.jsx)(l.Z,{type:"error-circle"},void 0):(0,p.jsx)("span",(0,t.pi)({className:"zent-icon zent-steps-sequence","data-zv":"10.0.9"},{children:e?a:""}),void 0)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.isCurrentStep,a=n.status,e=void 0===a?"wait":a,o=n.isLastFinishStep,l=n.stepLast,u=n.title,i=n.description,r=c()("zent-steps-item","zent-steps-status-"+e,{"zent-steps-item--current":s,"zent-steps-item--last-finished":o});return(0,p.jsxs)("div",(0,t.pi)({className:r,"data-zv":"10.0.9"},{children:[!l&&(0,p.jsx)("div",(0,t.pi)({className:"zent-steps-tail","data-zv":"10.0.9"},{children:(0,p.jsx)("i",{"data-zv":"10.0.9"},void 0)}),void 0),(0,p.jsxs)("div",(0,t.pi)({className:"zent-steps-step","data-zv":"10.0.9"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-step-head","data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-step-head-inner","data-zv":"10.0.9"},{children:this.renderIconNode()}),void 0)}),void 0),(0,p.jsxs)("div",(0,t.pi)({className:"zent-step-main","data-zv":"10.0.9"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-step-title","data-zv":"10.0.9"},{children:u}),void 0),i&&(0,p.jsx)("div",(0,t.pi)({className:"zent-step-description","data-zv":"10.0.9"},{children:i}),void 0)]}),void 0)]}),void 0)]}),void 0)},s.defaultProps={description:""},s}(e.Component),i=a(19185),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.children,o=n.current,l=n.status,u=n.direction,r=n.sequence,k=e.Children.count(a)-1,d=c()(s,"zent-steps","zent-steps__"+u);return(0,p.jsx)("div",(0,t.pi)({className:d,"data-zv":"10.0.9"},{children:e.Children.map(a,(function(n,s){var a={sequence:r,stepNumber:(s+1).toString(),stepLast:s===k,isCurrentStep:s===o-1,isLastFinishStep:"error"===l&&s===o-2,status:"wait"};return(0,i.isElement)(n)?(n.props.status||(a.status=s===o-1?l:s{"use strict";a.r(s),a.d(s,{default:()=>x});var t=a(73450),p=a(27378),e=a(57318),o=a(37162),c=a(3454),l=a(24246);function u(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 i(n){for(var s=1;s{var n=this.state,s=n.current,a=n.status;3===s&&"process"===a?a="finish":(++s>3&&(s%=3),a="process"),this.setState({current:s,status:a})}))}render(){var n=this.state,s=n.current,a=n.status;return(0,l.jsxs)("div",{children:[(0,l.jsxs)(o.z,{current:s,status:a,children:[(0,l.jsx)(o.z.Step,{title:"第一步",description:"分享邀请码给好友"}),(0,l.jsx)(o.z.Step,{title:"第二步",description:"订购时输入你的邀请码"}),(0,l.jsx)(o.z.Step,{title:"第三步",description:"获得有赞E卡奖励"})]}),(0,l.jsx)(c.z,{style:{margin:"10px 0 0 50px"},onClick:this.nextStep,children:"下一步"})]})}}return(0,l.jsx)(n,{})},k=function(){return(0,l.jsxs)(o.z,{current:2,status:"error",children:[(0,l.jsx)(o.z.Step,{title:"第一步",description:"分享邀请码给好友"}),(0,l.jsx)(o.z.Step,{title:"第二步",description:"订购时输入你的邀请码"}),(0,l.jsx)(o.z.Step,{title:"第三步",description:"获得有赞E卡奖励"})]})},d=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:2,status:"process"}),(0,t.Z)(this,"nextStep",(()=>{var n=this.state,s=n.current,a=n.status;3===s&&"process"===a?a="finish":(++s>3&&(s%=3),a="process"),this.setState({current:s,status:a})}))}render(){var n=this.state,s=n.current,a=n.status;return(0,l.jsxs)("div",{children:[(0,l.jsxs)(o.z,{current:s,status:a,children:[(0,l.jsx)(o.z.Step,{title:"第一步",description:"分享邀请码给好友",icon:"capital-o"}),(0,l.jsx)(o.z.Step,{title:"第二步",description:"订购时输入你的邀请码",icon:"clock-o"}),(0,l.jsx)(o.z.Step,{title:"第三步",description:"获得有赞E卡奖励",icon:"mini-apps-o"})]}),(0,l.jsx)(c.z,{style:{margin:"10px 0 0 50px"},onClick:this.nextStep,children:"下一步"})]})}}return(0,l.jsx)(n,{})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{current:1,status:"process"}),(0,t.Z)(this,"nextStep",(()=>{var n=this.state,s=n.current,a=n.status;3===s&&"process"===a?a="finish":(++s>3&&(s%=3),a="process"),this.setState({current:s,status:a})}))}render(){var n=this.state,s=n.current,a=n.status;return(0,l.jsxs)("div",{children:[(0,l.jsxs)(o.z,{current:s,status:a,direction:"vertical",children:[(0,l.jsx)(o.z.Step,{title:"第一步",description:"分享邀请码给好友"}),(0,l.jsx)(o.z.Step,{title:"第二步",description:"订购时输入你的邀请码"}),(0,l.jsx)(o.z.Step,{title:"第三步",description:"获得有赞E卡奖励"})]}),(0,l.jsx)(c.z,{onClick:this.nextStep,children:"下一步"})]})}}return(0,l.jsx)(n,{})};function h(n){return(0,l.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function g(n){return(0,l.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,l.jsx)(h,{tag:"style",html:n.style})}function y(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),y(n.parentNode,s);return s}class f extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,y(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:""}),p.createElement(g,{html:'

Progress Indicator 进度指示

\n

按顺序客观反馈完整流程的信息，且标记当前所处的进程或节点和状态。

\n

建议

\n
    \n
  • 当任务复杂或存在先后关系时，进度指示将其分解成多个节点，简化用户每一步的认知与操作成本和反馈当前状态；
    • \n
  • 当一项任务包含多个有前后关系的节点，且需要反馈任务流转状态时，使用进度指示；
    • \n
  • 当一项复杂任务需要拆分成多项任务，使用导航步骤条；
    • \n
  • 当一项任务仅有进度不包含多个有前后节点时，请使用进度条；
    • \n
  • 当内容可拆分为多个没有前后逻辑关系的子内容时，请使用标签页；
    • \n
\n

代码演示

'}),p.createElement(f,{title:"基础用法",id:"Demo1",src:'import { Indicator, Button } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 2,\n status: \'process\',\n };\n\n nextStep = () => {\n let { current, status } = this.state;\n if (current === 3 && status === \'process\') {\n status = \'finish\';\n } else {\n current++;\n if (current > 3) {\n current = current % 3;\n }\n status = \'process\';\n }\n\n this.setState({\n current,\n status,\n });\n };\n\n render() {\n let { current, status } = this.state;\n return (\n <div>\n <Indicator current={current} status={status}>\n <Indicator.Step\n title="第一步"\n description="分享邀请码给好友"\n />\n <Indicator.Step\n title="第二步"\n description="订购时输入你的邀请码"\n />\n <Indicator.Step\n title="第三步"\n description="获得有赞E卡奖励"\n />\n </Indicator>\n <Button style={{ margin: \'10px 0 0 50px\' }} onClick={this.nextStep}>\n 下一步\n </Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(r)),p.createElement(f,{title:"失败状态",id:"Demo2",src:'import { Indicator } from \'zent\';\n\nReactDOM.render(\n <Indicator current={2} status="error">\n <Indicator.Step title="第一步" description="分享邀请码给好友" />\n <Indicator.Step title="第二步" description="订购时输入你的邀请码" />\n <Indicator.Step\n title="第三步"\n description="获得有赞E卡奖励"\n />\n </Indicator>,\n mountNode\n);'},p.createElement(k)),p.createElement(f,{title:"自定义 icon",id:"Demo3",src:'import { Indicator, Button } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 2,\n status: \'process\',\n };\n\n nextStep = () => {\n let { current, status } = this.state;\n if (current === 3 && status === \'process\') {\n status = \'finish\';\n } else {\n current++;\n if (current > 3) {\n current = current % 3;\n }\n status = \'process\';\n }\n\n this.setState({\n current,\n status,\n });\n };\n\n render() {\n let { current, status } = this.state;\n return (\n <div>\n <Indicator current={current} status={status}>\n <Indicator.Step\n title="第一步"\n description="分享邀请码给好友"\n icon="capital-o"\n />\n <Indicator.Step\n title="第二步"\n description="订购时输入你的邀请码"\n icon="clock-o"\n />\n <Indicator.Step\n title="第三步"\n description="获得有赞E卡奖励"\n icon="mini-apps-o"\n />\n </Indicator>\n <Button style={{ margin: \'10px 0 0 50px\' }} onClick={this.nextStep}>\n 下一步\n </Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(d)),p.createElement(g,{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
参数说明类型是否必须默认值备选值
current指定当前步骤, 从 1 开始记数 (当不传值时, 默认为 0, 状态都为 wait)number0
status进度指示的状态string\'process\'\'wait\'\n, \n\'finish\'\n, \n\'error\'
sequence是否使用默认的序号booleantrue
onStepChange传该参数后 step 可点击切换 (针对 card, breadcrumb，tabs 类型)func\'\'
className自定义额外类名
direction步骤条的方向string\'horizontal\'\'vertical\'
\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),p.createElement(f,{title:"竖直方向",id:"Demo4",src:'import { Indicator, Button } from \'zent\';\n\nclass StepsExample extends Component {\n state = {\n current: 1,\n status: \'process\',\n };\n\n nextStep = () => {\n let { current, status } = this.state;\n if (current === 3 && status === \'process\') {\n status = \'finish\';\n } else {\n current++;\n if (current > 3) {\n current = current % 3;\n }\n status = \'process\';\n }\n\n this.setState({\n current,\n status,\n });\n };\n\n render() {\n let { current, status } = this.state;\n return (\n <div>\n <Indicator current={current} status={status} direction="vertical">\n <Indicator.Step\n title="第一步"\n description="分享邀请码给好友"\n />\n <Indicator.Step\n title="第二步"\n description="订购时输入你的邀请码"\n />\n <Indicator.Step\n title="第三步"\n description="获得有赞E卡奖励"\n />\n </Indicator>\n <Button onClick={this.nextStep}>下一步</Button>\n </div>\n );\n }\n}\n\nReactDOM.render(<StepsExample />, mountNode);'},p.createElement(m)))}}},37162:(n,s,a)=>{"use strict";a.d(s,{z:()=>o});var t=a(59312),p=a(24246),e=a(37424),o=function(n){return(0,p.jsx)(e.R,(0,t.pi)({type:"number"},n),void 0)};o.Step=e.R.Step},37424:(n,s,a)=>{"use strict";a.d(s,{R:()=>d});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(27036),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.renderIconNode=function(){var n=s.props,a=n.stepNumber,e=n.sequence,o=n.status,c=void 0===o?"wait":o,u=n.icon;if(u){var i="string"==typeof u?(0,p.jsx)(l.Z,{type:u},void 0):u;return(0,p.jsx)(p.Fragment,{children:i},void 0)}return"finish"===c?(0,p.jsx)(l.Z,{type:"check-circle-o"},void 0):"error"===c?(0,p.jsx)(l.Z,{type:"error-circle"},void 0):(0,p.jsx)("span",(0,t.pi)({className:"zent-icon zent-steps-sequence","data-zv":"10.0.10"},{children:e?a:""}),void 0)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.isCurrentStep,a=n.status,e=void 0===a?"wait":a,o=n.isLastFinishStep,l=n.stepLast,u=n.title,i=n.description,r=c()("zent-steps-item","zent-steps-status-"+e,{"zent-steps-item--current":s,"zent-steps-item--last-finished":o});return(0,p.jsxs)("div",(0,t.pi)({className:r,"data-zv":"10.0.10"},{children:[!l&&(0,p.jsx)("div",(0,t.pi)({className:"zent-steps-tail","data-zv":"10.0.10"},{children:(0,p.jsx)("i",{"data-zv":"10.0.10"},void 0)}),void 0),(0,p.jsxs)("div",(0,t.pi)({className:"zent-steps-step","data-zv":"10.0.10"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-step-head","data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-step-head-inner","data-zv":"10.0.10"},{children:this.renderIconNode()}),void 0)}),void 0),(0,p.jsxs)("div",(0,t.pi)({className:"zent-step-main","data-zv":"10.0.10"},{children:[(0,p.jsx)("div",(0,t.pi)({className:"zent-step-title","data-zv":"10.0.10"},{children:u}),void 0),i&&(0,p.jsx)("div",(0,t.pi)({className:"zent-step-description","data-zv":"10.0.10"},{children:i}),void 0)]}),void 0)]}),void 0)]}),void 0)},s.defaultProps={description:""},s}(e.Component),i=a(19185),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.children,o=n.current,l=n.status,u=n.direction,r=n.sequence,k=e.Children.count(a)-1,d=c()(s,"zent-steps","zent-steps__"+u);return(0,p.jsx)("div",(0,t.pi)({className:d,"data-zv":"10.0.10"},{children:e.Children.map(a,(function(n,s){var a={sequence:r,stepNumber:(s+1).toString(),stepLast:s===k,isCurrentStep:s===o-1,isLastFinishStep:"error"===l&&s===o-2,status:"wait"};return(0,i.isElement)(n)?(n.props.status||(a.status=s===o-1?l:s{"use strict";s.r(a),s.d(a,{default:()=>f});var t=s(73450),e=s(27378),p=s(57318),o=s(9357),c=s(3454),l=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,e=a.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class f extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,g(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(h,{style:".zent-status-bar-example .zent-alert {\n\tmargin-bottom: 24px;\n}\n.zent-status-bar-example .zent-alert a {\n\tmargin: 0 10px 0 8px;\n}\n\n.zent-status-bar-example .zent-alert {\n\tmargin-bottom: 24px;\n}\n.zent-status-bar-example .zent-alert a {\n\tmargin: 0 10px 0 8px;\n}"}),e.createElement(m,{html:'

StatusBar 任务状态条

\n

向用户传递任务相关的行为反馈

\n

建议

\n
    \n
  • 使用：在任务期间响应用户的操作而展示，为用户提供直接、即时的反馈，确保用户知道如何在必要时采取行动；
    • \n
  • 位置：与操作对象位于同一容器，位于操作对象上方，随容器自适应；
    • \n
\n

注意

\n
    \n
  • 禁止多条状态叠加；
    • \n
\n

代码演示

'}),e.createElement(v,{title:"基础使用",id:"Demo1",src:'import { StatusBar, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-status-bar-example">\n <StatusBar\n type="waiting"\n progress={50}\n extraContent={<Button type="primary">按钮</Button>}\n >\n 提示文案，常规提示。\n <a href="javascript:;">文字链接1</a>\n <a href="javascript:;">文字链接2</a>\n </StatusBar>\n </div>,\n mountNode\n);'},e.createElement(u)),e.createElement(v,{title:"类型总览",id:"Demo2",src:'import { StatusBar, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-status-bar-example">\n <StatusBar\n type="info"\n extraContent={<Button type="primary">按钮</Button>}\n >\n 提示文案，通知提示。\n <a href="javascript:;">文字链接1</a>\n <a href="javascript:;">文字链接2</a>\n </StatusBar>\n <StatusBar\n type="waiting"\n progress={40}\n extraContent={<Button type="primary">按钮</Button>}\n >\n 提示文案，通知提示。\n <a href="javascript:;">文字链接1</a>\n <a href="javascript:;">文字链接2</a>\n </StatusBar>\n <StatusBar\n type="success"\n extraContent={<Button type="primary">按钮</Button>}\n >\n 提示文案，成功提示。\n <a href="javascript:;">文字链接1</a>\n <a href="javascript:;">文字链接2</a>\n </StatusBar>\n <StatusBar\n type="error"\n extraContent={<Button type="primary">按钮</Button>}\n >\n 提示文案，失败提示。\n <a href="javascript:;">文字链接1</a>\n <a href="javascript:;">文字链接2</a>\n </StatusBar>\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(m,{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
参数说明类型是否必须默认值备选值
type状态条类型string否\'info\'\'waiting\'\n|\n\'success\'\n|\n\'error\'
progress状态条顶部任务进度，仅在\ntype=waiting\n时显示number否
extraContent右侧自定义内容ReactNode否
closable是否可以关闭boolean否truefalse
\n

StatusBar 组件基于 Alert 实现，更多属性请参考 Alert 文档

'}))}}},82010:(n,a,s)=>{"use strict";s.d(a,{b:()=>d});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),c=s(27378),l=s(8434),r=s(78486),i=s(78513),u=["outline","closed","onClose"],k=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={closed:!1},a.onCloseHandler=function(){a.isControlled||a.setState({closed:!0}),a.props.onClose&&a.props.onClose()},a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),a.prototype.render=function(){var n;if(this.closed)return null;var a=(0,i.Z)(this.props,k),s=a.className,p=a.type,c=a.outline,d=a.bordered,m=a.progress,h=(0,t._T)(a,["className","type","outline","bordered","progress"]),g=(0,i.Z)(this.props,u),v=o()("zent-alert","zent-alert-style-"+p,s,((n={})["zent-alert-outline"]=c,n["zent-alert--borderless"]=!d,n));return(0,e.jsxs)("div",(0,t.pi)({className:v},h,{"data-zv":"10.0.9"},{children:[!!m&&(0,e.jsx)(l.E,{className:"zent-alert__progress",percent:m,showInfo:!1,strokeWidth:2},void 0),(0,e.jsx)(r.Z,(0,t.pi)({},g,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},a.highlightClassName="zent-alert-item-content__highlight",a.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},a}(c.PureComponent)},78486:(n,a,s)=>{"use strict";var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=s(27036),r=s(20840),i={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},u=(0,p.forwardRef)((function(n,a){var s=n.extraContent,o=n.classItemName,u=n.title,k=n.description,d=n.children,m=n.loading,h=n.type,g=n.closable,v=n.icon,f=n.closeIconColor,y=n.closeContent,j=n.onAlertItemClose,x=(0,p.useRef)(n);x.current=n;var z=(0,p.useMemo)((function(){return d||(0,e.jsxs)(e.Fragment,{children:[u&&(0,e.jsx)("h3",(0,t.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.9"},{children:u}),void 0),k&&(0,e.jsx)("p",(0,t.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.9"},{children:k}),void 0)]},void 0)}),[d,k,u]),b=(0,p.useMemo)((function(){var n=x.current.onClose,a=f?{color:f}:{};return g?(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-close-wrapper",onClick:function(a){null==n||n(),j&&j(),a.stopPropagation()},"data-zv":"10.0.9"},{children:null!=y?y:(0,e.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:a},void 0)}),void 0):null}),[g,y,f,j]),C=(0,p.useMemo)((function(){return m?(0,e.jsx)(r.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===v||!1===v?null:v?(0,e.jsx)("span",(0,t.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.9"},{children:v}),void 0):h in i?(0,e.jsx)(l.Z,{className:"zent-alert-item-icon",type:i[h]},void 0):null}),[m,h,v]);return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-alert-item",o),ref:a,"data-zv":"10.0.9"},{children:[C,(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-content","data-zv":"10.0.9"},{children:z}),void 0),s&&(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.9"},{children:s}),void 0),b]}),void 0)}));u.displayName="AlertItem",a.Z=u},8434:(n,a,s)=>{"use strict";s.d(a,{E:()=>v});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=["normal","success","exception"],r=(0,s(70453).Z)("zentAnimatedArcStrokeGradient"),i={},u={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={opacity:0,rotate:0,transition:i},a.startAnimation=function(){a.animationDelayTimerId&&clearTimeout(a.animationDelayTimerId);var n=a.props,s=n.arcLength,t=n.radius,e=(s-a.getMaskArcLength())/t;a.setState({rotate:e,transition:i,opacity:.2},a.queueAnimationEnd)},a.finishAnimation=function(){a.transitionEndTimerId&&clearTimeout(a.transitionEndTimerId),a.setState({rotate:0,transition:u,opacity:0}),a.animationDelayTimerId=setTimeout(a.startAnimation,1e3)},a.queueAnimationEnd=function(){a.transitionEndTimerId=setTimeout(a.finishAnimation,400)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.getPath(),a=this.props,s=a.className,p=a.strokeWidth,o=this.state,c=o.rotate,l=o.transition,i=o.opacity;return(0,e.jsxs)("g",(0,t.pi)({"data-zv":"10.0.9"},{children:[(0,e.jsx)("defs",(0,t.pi)({"data-zv":"10.0.9"},{children:(0,e.jsxs)("linearGradient",(0,t.pi)({id:r},{children:[(0,e.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.9"},void 0),(0,e.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.9"},void 0)]}),void 0)}),void 0),(0,e.jsx)("path",{className:s,d:n,stroke:"url(#"+r+")",strokeOpacity:i,strokeWidth:p,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.9"},void 0)]}),void 0)},a.prototype.componentDidMount=function(){this.startAnimation()},a.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},a.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},a.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},a.prototype.getArcStartPoint=function(){var n=this.props,a=n.radius,s=n.strokeWidth/2;return[a+s,s]},a.prototype.getArcEndPoint=function(){var n=this.props,a=n.radius,s=a+n.strokeWidth/2,t=this.getMaskTheta();return[s+Math.sin(t)*a,s-Math.cos(t)*a]},a.prototype.getPath=function(){var n=this.getArcStartPoint(),a=this.getArcEndPoint(),s=this.props.radius;return"M"+n.join(",")+" A"+s+","+s+" 0 0 1 "+a.join(",")},a}(p.PureComponent),d=s(39215),m=function(n){var a=n.type,s=n.percent,t=n.format,p=n.state,o=n.color;return"success"===p?(0,e.jsx)(d.J,{type:"circle"===a?"check":"check-circle",style:{color:o}},void 0):"exception"===p?(0,e.jsx)(d.J,{type:"circle"===a?"close":"close-circle",style:{color:o}},void 0):(0,e.jsx)(e.Fragment,{children:t(s)},void 0)},h=function(n){var a=n.percent,s=n.showInfo,p=n.format,o=n.strokeWidth,l=n.width,r=n.bgColor,i=n.color,u=n.state,d=n.strokeLinecap,h=l||132,g=h/2,v=h-o,f=v/2,y=v*Math.PI,j=y*(100-a)/100;return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:h,height:h},"data-zv":"10.0.9"},{children:[(0,e.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:r,width:h,height:h},"data-zv":"10.0.9"},void 0),(0,e.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+h+" "+h,width:h,height:h,"data-zv":"10.0.9"},{children:[(0,e.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+g+" "+g+")","data-zv":"10.0.9"},{children:(0,e.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+d),cx:g,cy:g,r:f,style:{stroke:i,strokeWidth:o},strokeDasharray:y,strokeDashoffset:j,"data-zv":"10.0.9"},void 0)}),void 0),"normal"===u&&(0,e.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+d),radius:f,arcLength:y-j,strokeWidth:o},void 0)]}),void 0),s&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,e.jsx)(m,{type:"circle",percent:a,format:p,state:u,color:i},void 0)}),void 0)]}),void 0)},g=function(n){var a=n.format,s=n.width,p=n.percent,o=n.showInfo,l=n.strokeWidth,r=n.bgColor,i=n.color,u=n.state,k=n.strokeLinecap,d=s||"100%",h=o&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,e.jsx)(m,{type:"line",percent:p,format:a,state:u,color:i},void 0)}),void 0);return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.9"},{children:[(0,e.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===p}),style:{background:r,width:d,height:l},"data-zv":"10.0.9"},{children:(0,e.jsx)("div",{className:"zent-progress-inner",style:{background:i,width:p+"%",height:l},"data-zv":"10.0.9"},void 0)}),void 0),h]}),void 0)},v=function(n){var a,s=n,o=s.type,r=s.status,i=s.percent,u=s.className,k=s.normalColor,d=s.successColor,m=s.exceptionColor,v=s.bgColor,f=s.format,y=s.showInfo,j=s.strokeWidth,x=s.width,z=s.strokeLinecap,b=(0,t._T)(s,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),C=(0,p.useMemo)((function(){return-1!==l.indexOf(r)?r:i>=100?"success":"normal"}),[r,i]),w={exception:m,success:d,normal:k}[C],N=(0,p.useMemo)((function(){return i<0?0:i>100?100:i}),[i]);switch(o){case"circle":a=h;break;case"line":default:a=g}var _=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+C,u);return(0,e.jsx)("div",(0,t.pi)({className:_},b,{"data-zv":"10.0.9"},{children:(0,e.jsx)(a,{percent:N,showInfo:y,strokeWidth:j,width:x,bgColor:v,format:f,color:w,state:C,strokeLinecap:z},void 0)}),void 0)};v.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}},9357:(n,a,s)=>{"use strict";s.d(a,{A:()=>r});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),c=s(82010),l={info:{type:"info"},waiting:{type:"info",loading:!0},success:{type:"success"},error:{type:"error"}},r=function(n){var a=n.type,s=void 0===a?"info":a,p=n.progress,r=n.className,i=n.closable,u=void 0===i||i,k=(0,t._T)(n,["type","progress","className","closable"]),d=l[s],m="waiting"===s?p:0,h=o()("zent-status-bar",r);return(0,e.jsx)(c.b,(0,t.pi)({className:h},d,k,{closable:u,progress:m}),void 0)}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9086],{49086:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>f});var t=s(73450),e=s(27378),p=s(57318),o=s(9357),c=s(3454),l=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({showCode:!this.state.showCode})}))}render(){var n=this.state.showCode,a=this.props,s=a.title,t=a.src,e=a.children;return(0,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:s||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(d,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class f extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,g(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(h,{style:".zent-status-bar-example .zent-alert {\n\tmargin-bottom: 24px;\n}\n.zent-status-bar-example .zent-alert a {\n\tmargin: 0 10px 0 8px;\n}\n\n.zent-status-bar-example .zent-alert {\n\tmargin-bottom: 24px;\n}\n.zent-status-bar-example .zent-alert a {\n\tmargin: 0 10px 0 8px;\n}"}),e.createElement(m,{html:'

StatusBar 任务状态条

\n

向用户传递任务相关的行为反馈

\n

建议

\n
    \n
  • 使用：在任务期间响应用户的操作而展示，为用户提供直接、即时的反馈，确保用户知道如何在必要时采取行动；
    • \n
  • 位置：与操作对象位于同一容器，位于操作对象上方，随容器自适应；
    • \n
\n

注意

\n
    \n
  • 禁止多条状态叠加；
    • \n
\n

代码演示

'}),e.createElement(v,{title:"基础使用",id:"Demo1",src:'import { StatusBar, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-status-bar-example">\n <StatusBar\n type="waiting"\n progress={50}\n extraContent={<Button type="primary">按钮</Button>}\n >\n 提示文案，常规提示。\n <a href="javascript:;">文字链接1</a>\n <a href="javascript:;">文字链接2</a>\n </StatusBar>\n </div>,\n mountNode\n);'},e.createElement(u)),e.createElement(v,{title:"类型总览",id:"Demo2",src:'import { StatusBar, Button } from \'zent\';\n\nReactDOM.render(\n <div className="zent-status-bar-example">\n <StatusBar\n type="info"\n extraContent={<Button type="primary">按钮</Button>}\n >\n 提示文案，通知提示。\n <a href="javascript:;">文字链接1</a>\n <a href="javascript:;">文字链接2</a>\n </StatusBar>\n <StatusBar\n type="waiting"\n progress={40}\n extraContent={<Button type="primary">按钮</Button>}\n >\n 提示文案，通知提示。\n <a href="javascript:;">文字链接1</a>\n <a href="javascript:;">文字链接2</a>\n </StatusBar>\n <StatusBar\n type="success"\n extraContent={<Button type="primary">按钮</Button>}\n >\n 提示文案，成功提示。\n <a href="javascript:;">文字链接1</a>\n <a href="javascript:;">文字链接2</a>\n </StatusBar>\n <StatusBar\n type="error"\n extraContent={<Button type="primary">按钮</Button>}\n >\n 提示文案，失败提示。\n <a href="javascript:;">文字链接1</a>\n <a href="javascript:;">文字链接2</a>\n </StatusBar>\n </div>,\n mountNode\n);'},e.createElement(k)),e.createElement(m,{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
参数说明类型是否必须默认值备选值
type状态条类型string否\'info\'\'waiting\'\n|\n\'success\'\n|\n\'error\'
progress状态条顶部任务进度，仅在\ntype=waiting\n时显示number否
extraContent右侧自定义内容ReactNode否
closable是否可以关闭boolean否truefalse
\n

StatusBar 组件基于 Alert 实现，更多属性请参考 Alert 文档

'}))}}},82010:(n,a,s)=>{"use strict";s.d(a,{b:()=>d});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),c=s(27378),l=s(8434),r=s(78486),i=s(78513),u=["outline","closed","onClose"],k=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={closed:!1},a.onCloseHandler=function(){a.isControlled||a.setState({closed:!0}),a.props.onClose&&a.props.onClose()},a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),a.prototype.render=function(){var n;if(this.closed)return null;var a=(0,i.Z)(this.props,k),s=a.className,p=a.type,c=a.outline,d=a.bordered,m=a.progress,h=(0,t._T)(a,["className","type","outline","bordered","progress"]),g=(0,i.Z)(this.props,u),v=o()("zent-alert","zent-alert-style-"+p,s,((n={})["zent-alert-outline"]=c,n["zent-alert--borderless"]=!d,n));return(0,e.jsxs)("div",(0,t.pi)({className:v},h,{"data-zv":"10.0.10"},{children:[!!m&&(0,e.jsx)(l.E,{className:"zent-alert__progress",percent:m,showInfo:!1,strokeWidth:2},void 0),(0,e.jsx)(r.Z,(0,t.pi)({},g,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},a.highlightClassName="zent-alert-item-content__highlight",a.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},a}(c.PureComponent)},78486:(n,a,s)=>{"use strict";var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=s(27036),r=s(20840),i={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},u=(0,p.forwardRef)((function(n,a){var s=n.extraContent,o=n.classItemName,u=n.title,k=n.description,d=n.children,m=n.loading,h=n.type,g=n.closable,v=n.icon,f=n.closeIconColor,y=n.closeContent,j=n.onAlertItemClose,x=(0,p.useRef)(n);x.current=n;var z=(0,p.useMemo)((function(){return d||(0,e.jsxs)(e.Fragment,{children:[u&&(0,e.jsx)("h3",(0,t.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.10"},{children:u}),void 0),k&&(0,e.jsx)("p",(0,t.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.10"},{children:k}),void 0)]},void 0)}),[d,k,u]),b=(0,p.useMemo)((function(){var n=x.current.onClose,a=f?{color:f}:{};return g?(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-close-wrapper",onClick:function(a){null==n||n(),j&&j(),a.stopPropagation()},"data-zv":"10.0.10"},{children:null!=y?y:(0,e.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:a},void 0)}),void 0):null}),[g,y,f,j]),C=(0,p.useMemo)((function(){return m?(0,e.jsx)(r.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===v||!1===v?null:v?(0,e.jsx)("span",(0,t.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.10"},{children:v}),void 0):h in i?(0,e.jsx)(l.Z,{className:"zent-alert-item-icon",type:i[h]},void 0):null}),[m,h,v]);return(0,e.jsxs)("div",(0,t.pi)({className:c()("zent-alert-item",o),ref:a,"data-zv":"10.0.10"},{children:[C,(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-content","data-zv":"10.0.10"},{children:z}),void 0),s&&(0,e.jsx)("div",(0,t.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.10"},{children:s}),void 0),b]}),void 0)}));u.displayName="AlertItem",a.Z=u},8434:(n,a,s)=>{"use strict";s.d(a,{E:()=>v});var t=s(59312),e=s(24246),p=s(27378),o=s(60042),c=s.n(o),l=["normal","success","exception"],r=(0,s(70453).Z)("zentAnimatedArcStrokeGradient"),i={},u={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={opacity:0,rotate:0,transition:i},a.startAnimation=function(){a.animationDelayTimerId&&clearTimeout(a.animationDelayTimerId);var n=a.props,s=n.arcLength,t=n.radius,e=(s-a.getMaskArcLength())/t;a.setState({rotate:e,transition:i,opacity:.2},a.queueAnimationEnd)},a.finishAnimation=function(){a.transitionEndTimerId&&clearTimeout(a.transitionEndTimerId),a.setState({rotate:0,transition:u,opacity:0}),a.animationDelayTimerId=setTimeout(a.startAnimation,1e3)},a.queueAnimationEnd=function(){a.transitionEndTimerId=setTimeout(a.finishAnimation,400)},a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.getPath(),a=this.props,s=a.className,p=a.strokeWidth,o=this.state,c=o.rotate,l=o.transition,i=o.opacity;return(0,e.jsxs)("g",(0,t.pi)({"data-zv":"10.0.10"},{children:[(0,e.jsx)("defs",(0,t.pi)({"data-zv":"10.0.10"},{children:(0,e.jsxs)("linearGradient",(0,t.pi)({id:r},{children:[(0,e.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.10"},void 0),(0,e.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.10"},void 0)]}),void 0)}),void 0),(0,e.jsx)("path",{className:s,d:n,stroke:"url(#"+r+")",strokeOpacity:i,strokeWidth:p,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.10"},void 0)]}),void 0)},a.prototype.componentDidMount=function(){this.startAnimation()},a.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},a.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},a.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},a.prototype.getArcStartPoint=function(){var n=this.props,a=n.radius,s=n.strokeWidth/2;return[a+s,s]},a.prototype.getArcEndPoint=function(){var n=this.props,a=n.radius,s=a+n.strokeWidth/2,t=this.getMaskTheta();return[s+Math.sin(t)*a,s-Math.cos(t)*a]},a.prototype.getPath=function(){var n=this.getArcStartPoint(),a=this.getArcEndPoint(),s=this.props.radius;return"M"+n.join(",")+" A"+s+","+s+" 0 0 1 "+a.join(",")},a}(p.PureComponent),d=s(39215),m=function(n){var a=n.type,s=n.percent,t=n.format,p=n.state,o=n.color;return"success"===p?(0,e.jsx)(d.J,{type:"circle"===a?"check":"check-circle",style:{color:o}},void 0):"exception"===p?(0,e.jsx)(d.J,{type:"circle"===a?"close":"close-circle",style:{color:o}},void 0):(0,e.jsx)(e.Fragment,{children:t(s)},void 0)},h=function(n){var a=n.percent,s=n.showInfo,p=n.format,o=n.strokeWidth,l=n.width,r=n.bgColor,i=n.color,u=n.state,d=n.strokeLinecap,h=l||132,g=h/2,v=h-o,f=v/2,y=v*Math.PI,j=y*(100-a)/100;return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:h,height:h},"data-zv":"10.0.10"},{children:[(0,e.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:r,width:h,height:h},"data-zv":"10.0.10"},void 0),(0,e.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+h+" "+h,width:h,height:h,"data-zv":"10.0.10"},{children:[(0,e.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+g+" "+g+")","data-zv":"10.0.10"},{children:(0,e.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+d),cx:g,cy:g,r:f,style:{stroke:i,strokeWidth:o},strokeDasharray:y,strokeDashoffset:j,"data-zv":"10.0.10"},void 0)}),void 0),"normal"===u&&(0,e.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+d),radius:f,arcLength:y-j,strokeWidth:o},void 0)]}),void 0),s&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,e.jsx)(m,{type:"circle",percent:a,format:p,state:u,color:i},void 0)}),void 0)]}),void 0)},g=function(n){var a=n.format,s=n.width,p=n.percent,o=n.showInfo,l=n.strokeWidth,r=n.bgColor,i=n.color,u=n.state,k=n.strokeLinecap,d=s||"100%",h=o&&(0,e.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,e.jsx)(m,{type:"line",percent:p,format:a,state:u,color:i},void 0)}),void 0);return(0,e.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.10"},{children:[(0,e.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===p}),style:{background:r,width:d,height:l},"data-zv":"10.0.10"},{children:(0,e.jsx)("div",{className:"zent-progress-inner",style:{background:i,width:p+"%",height:l},"data-zv":"10.0.10"},void 0)}),void 0),h]}),void 0)},v=function(n){var a,s=n,o=s.type,r=s.status,i=s.percent,u=s.className,k=s.normalColor,d=s.successColor,m=s.exceptionColor,v=s.bgColor,f=s.format,y=s.showInfo,j=s.strokeWidth,x=s.width,z=s.strokeLinecap,b=(0,t._T)(s,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),C=(0,p.useMemo)((function(){return-1!==l.indexOf(r)?r:i>=100?"success":"normal"}),[r,i]),w={exception:m,success:d,normal:k}[C],N=(0,p.useMemo)((function(){return i<0?0:i>100?100:i}),[i]);switch(o){case"circle":a=h;break;case"line":default:a=g}var _=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+C,u);return(0,e.jsx)("div",(0,t.pi)({className:_},b,{"data-zv":"10.0.10"},{children:(0,e.jsx)(a,{percent:N,showInfo:y,strokeWidth:j,width:x,bgColor:v,format:f,color:w,state:C,strokeLinecap:z},void 0)}),void 0)};v.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}},9357:(n,a,s)=>{"use strict";s.d(a,{A:()=>r});var t=s(59312),e=s(24246),p=s(60042),o=s.n(p),c=s(82010),l={info:{type:"info"},waiting:{type:"info",loading:!0},success:{type:"success"},error:{type:"error"}},r=function(n){var a=n.type,s=void 0===a?"info":a,p=n.progress,r=n.className,i=n.closable,u=void 0===i||i,k=(0,t._T)(n,["type","progress","className","closable"]),d=l[s],m="waiting"===s?p:0,h=o()("zent-status-bar",r);return(0,e.jsx)(c.b,(0,t.pi)({className:h},d,k,{closable:u,progress:m}),void 0)}}}]); \ No newline at end of file diff --git a/9145-30df6e4730a43219835b.js b/9145-4f12d6a13786e9f0afe4.js similarity index 84% rename from 9145-30df6e4730a43219835b.js rename to 9145-4f12d6a13786e9f0afe4.js index eff00bc74..022bb087a 100644 --- a/9145-30df6e4730a43219835b.js +++ b/9145-4f12d6a13786e9f0afe4.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9145],{69145:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>w});var t=s(73450),e=s(27378),p=s(57318),o=s(25802),c=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function l(n){for(var a=1;a({name:"Content ".concat(a),href:"//www.youzan.com"}))).concat({name:"Content 20"});return(0,c.jsx)(o.a,{style:{width:"400px"},breads:n,maxItemCount:3})};function h(n){return(0,c.jsx)(n.tag,l(l({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function f(n){return(0,c.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function g(n){return(0,c.jsx)(h,{tag:"style",html:n.style})}function y(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),y(n.parentNode,a);return a}class b 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,a=this.props,s=a.title,t=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,y(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(g,{style:""}),e.createElement(f,{html:'

Breadcrumb

\n

Displays the position of the current page in the system hierarchy. It can be redirected and is only one line high.

\n

Suggestion

\n
    \n
  • There\'re more than 2 levels of hierarchy。
    • \n
  • Users need to be told where they are.
    • \n
  • Function of navigating upwards is required.
    • \n
\n

Note

\n
    \n
  • No more than one line of Breadcrumbs is allowed
    • \n
  • Do not use Breadcrumbs directly to describe the operation path
    • \n
\n

Demos

'}),e.createElement(b,{title:"Basic Usage",id:"Demobasic",src:'import { Breadcrumb } from \'zent\';\n\nconst dataList = [\n { name: \'Index\', href: \'//www.youzan.com\' },\n { name: \'Application Center\', href: \'//www.youzan.com\' },\n { name: \'Marteting Center\', href: \'//www.youzan.com\' },\n { name: \'Marteting Play\' },\n];\n\nReactDOM.render(\n <Breadcrumb breads={dataList} />\n , mountNode\n);'},e.createElement(u)),e.createElement(b,{title:"Breadcrmb.Item can be used directory",id:"Demoitem",src:'import { Alert, Icon } from \'zent\';\n\nReactDOM.render(\n <Breadcrumb>\n <Breadcrumb.Item name="Index" href="//www.youzan.com" />\n <Breadcrumb.Item name="Application Center" href="//www.youzan.com" className="zent-demo-bread" />\n <Breadcrumb.Item name="Marteting Center" />\n </Breadcrumb>\n , mountNode\n)'},e.createElement(i)),e.createElement(b,{title:"The content of Breadcrumb.Item is customizable.The whole Breadcrumb can be customized as well.",id:"Democustomitem",src:'import { Alert, Icon } from \'zent\';\n\nReactDOM.render(\n <Breadcrumb>\n <Breadcrumb.Item>\n <a href="//www.youzan.com">Index</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item>\n <a href="//www.youzan.com">Application Center</a>\n </Breadcrumb.Item>\n <span>Marteting Center</span>\n </Breadcrumb>,\n mountNode\n);'},e.createElement(k)),e.createElement(b,{title:"Basic Usage",id:"Demofold",src:'import { Breadcrumb } from \'zent\';\n\nconst dataList = [\n { name: \'Index\', href: \'//www.youzan.com\' },\n { name: \'Application Center\', href: \'//www.youzan.com\' },\n { name: \'Marteting Center\', href: \'//www.youzan.com\' },\n { name: \'Marteting Play\' },\n];\n\nReactDOM.render(\n <Breadcrumb breads={dataList} maxItemCount={3} />\n , mountNode\n);'},e.createElement(d)),e.createElement(b,{title:"Fit Width",id:"Demofitwdith",src:'import { Breadcrumb } from \'zent\';\n\nconst dataList = Array(20)\n .fill()\n .map((_, index) => ({\n name: `Content ${index}`,\n href: \'//www.youzan.com\',\n }))\n .concat({ name: `Content 20` });\n\nReactDOM.render(\n <Breadcrumb style={{ width: \'400px\' }} breads={dataList} maxItemCount={3} />,\n mountNode\n);'},e.createElement(m)),e.createElement(f,{html:'

API

\n

Breadcrumb

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
breadsdataarray[]
classNameextra custom class namestring\'\'
maxItemCountexceeds the number of automatic folds
\n

Item

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
classNameextra custom class namestring\'\'
namecontentstring or React node-
hrefhyperlinkstring-
'}))}}},25802:(n,a,s)=>{"use strict";s.d(a,{a:()=>d});var t=s(59312),e=s(27378),p=s(24246),o=s(60042),c=s.n(o),r=s(14322),l=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.href,s=n.name,e=(0,t._T)(n,["href","name"]);return this.props.children?this.props.children:a?(0,p.jsx)("a",(0,t.pi)({},e,{href:a,"data-zv":"10.0.9"},{children:s}),void 0):(0,p.jsx)("span",(0,t.pi)({},e,{"data-zv":"10.0.9"},{children:s}),void 0)},a}(e.Component),u=s(27036),i=s(17949),k=200,d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={isFolded:!0,overflowLeft:!1,overflowRight:!1,contentStyleLeft:0},a.breadcrumbRef=(0,e.createRef)(),a.contentRef=(0,e.createRef)(),a.isMoving=!1,a.getOverflowStatus=function(){var n=a.state.contentStyleLeft;a.breadcrumbWidth&&a.contentWidth&&(n<0?a.setState({overflowLeft:!0}):a.setState({overflowLeft:!1}),a.breadcrumbWidth-n=0;e--){var p=s.children.item(e).getBoundingClientRect().left;if(pa.breadcrumbLeft+a.breadcrumbWidth){t=o+c-(a.breadcrumbLeft+a.breadcrumbWidth)+24-24;break}}var r=a.contentWidth-a.breadcrumbWidth,l=Math.abs(n-t)>r?-r:n-t;a.setState({contentStyleLeft:l},(function(){a.getOverflowStatus(),setTimeout((function(){a.isMoving=!1}),k)}))}},a.unfoldBreads=function(){a.setState({isFolded:!1},(function(){a.getOverflowStatus()}))},a.getFoldItems=function(){var n=a.state.isFolded,s=a.props,e=s.maxItemCount,p=s.breads;if(!e||e<2)return p;if(!n||(null==p?void 0:p.length)<=e)return p;var o=(0,t.ev)([],p);return o.splice(1,p.length-e,{name:"...",className:"zent-breadcrumb__fold",onClick:a.unfoldBreads}),o},a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"breadcrumbWidth",{get:function(){var n=this.breadcrumbRef.current;return null==n?void 0:n.getBoundingClientRect().width},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"breadcrumbLeft",{get:function(){var n=this.breadcrumbRef.current;return null==n?void 0:n.getBoundingClientRect().left},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"contentWidth",{get:function(){var n=this.contentRef.current;return null==n?void 0:n.getBoundingClientRect().width},enumerable:!1,configurable:!0}),a.prototype.render=function(){var n=this.props,a=n.className,s=n.children,o=void 0===s?null:s,i=n.style,k=this.state,d=k.overflowLeft,m=k.overflowRight,h=k.contentStyleLeft,f=this.getFoldItems(),g=o||f&&f.length>0;return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-breadcrumb",a,{"zent-breadcrumb--overflow-left":d,"zent-breadcrumb--overflow-right":m}),ref:this.breadcrumbRef,style:i,"data-zv":"10.0.9"},{children:[d&&(0,p.jsx)(u.Z,{type:"left",className:"zent-breadcrumb__move-left",onClick:this.handleClickMoveLeft},void 0),g&&(0,p.jsxs)("div",(0,t.pi)({className:"zent-breadcrumb__content",style:{left:h+"px"},ref:this.contentRef,"data-zv":"10.0.9"},{children:[o,f&&f.length>0&&f.map((function(n,a){return(0,e.createElement)(l,(0,t.pi)({},n,{key:a}))}))]}),void 0),m&&(0,p.jsx)(u.Z,{type:"right",className:"zent-breadcrumb__move-right",onClick:this.handleClickMoveRight},void 0),(0,p.jsx)(r.w,{onResize:this.getOverflowStatus},void 0)]}),void 0)},a.defaultProps={className:"",breads:[]},a.Item=l,a}(e.Component)},14322:(n,a,s)=>{"use strict";s.d(a,{w:()=>l});var t=s(24246),e=s(27378),p=s(27468),o=s(80186),c=s(17127),r={passive:!0},l=function(n){var a=n.disableThrottle,s=void 0!==a&&a,l=n.onResize,u=(0,e.useRef)(null),i=(0,e.useRef)(l);i.current=l;var k=(0,e.useCallback)((function(n){var a=(0,p.ZP)();u.current||(u.current=a);var s=u.current,t={deltaX:a.width-s.width,deltaY:a.height-s.height};0===t.deltaX&&0===t.deltaY||(i.current(n,t),u.current=a)}),[]),d=(0,c.BN)(k,s);return(0,e.useEffect)((function(){return u.current=(0,p.ZP)(),d.cancel}),[d]),(0,t.jsx)(o.ZP,{eventName:"resize",listener:d,options:r},void 0)}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9145],{69145:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>w});var t=s(73450),e=s(27378),p=s(57318),o=s(25802),c=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function l(n){for(var a=1;a({name:"Content ".concat(a),href:"//www.youzan.com"}))).concat({name:"Content 20"});return(0,c.jsx)(o.a,{style:{width:"400px"},breads:n,maxItemCount:3})};function h(n){return(0,c.jsx)(n.tag,l(l({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function f(n){return(0,c.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function g(n){return(0,c.jsx)(h,{tag:"style",html:n.style})}function y(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),y(n.parentNode,a);return a}class b 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,a=this.props,s=a.title,t=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,y(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(g,{style:""}),e.createElement(f,{html:'

Breadcrumb

\n

Displays the position of the current page in the system hierarchy. It can be redirected and is only one line high.

\n

Suggestion

\n
    \n
  • There\'re more than 2 levels of hierarchy。
    • \n
  • Users need to be told where they are.
    • \n
  • Function of navigating upwards is required.
    • \n
\n

Note

\n
    \n
  • No more than one line of Breadcrumbs is allowed
    • \n
  • Do not use Breadcrumbs directly to describe the operation path
    • \n
\n

Demos

'}),e.createElement(b,{title:"Basic Usage",id:"Demobasic",src:'import { Breadcrumb } from \'zent\';\n\nconst dataList = [\n { name: \'Index\', href: \'//www.youzan.com\' },\n { name: \'Application Center\', href: \'//www.youzan.com\' },\n { name: \'Marteting Center\', href: \'//www.youzan.com\' },\n { name: \'Marteting Play\' },\n];\n\nReactDOM.render(\n <Breadcrumb breads={dataList} />\n , mountNode\n);'},e.createElement(u)),e.createElement(b,{title:"Breadcrmb.Item can be used directory",id:"Demoitem",src:'import { Alert, Icon } from \'zent\';\n\nReactDOM.render(\n <Breadcrumb>\n <Breadcrumb.Item name="Index" href="//www.youzan.com" />\n <Breadcrumb.Item name="Application Center" href="//www.youzan.com" className="zent-demo-bread" />\n <Breadcrumb.Item name="Marteting Center" />\n </Breadcrumb>\n , mountNode\n)'},e.createElement(i)),e.createElement(b,{title:"The content of Breadcrumb.Item is customizable.The whole Breadcrumb can be customized as well.",id:"Democustomitem",src:'import { Alert, Icon } from \'zent\';\n\nReactDOM.render(\n <Breadcrumb>\n <Breadcrumb.Item>\n <a href="//www.youzan.com">Index</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item>\n <a href="//www.youzan.com">Application Center</a>\n </Breadcrumb.Item>\n <span>Marteting Center</span>\n </Breadcrumb>,\n mountNode\n);'},e.createElement(k)),e.createElement(b,{title:"Basic Usage",id:"Demofold",src:'import { Breadcrumb } from \'zent\';\n\nconst dataList = [\n { name: \'Index\', href: \'//www.youzan.com\' },\n { name: \'Application Center\', href: \'//www.youzan.com\' },\n { name: \'Marteting Center\', href: \'//www.youzan.com\' },\n { name: \'Marteting Play\' },\n];\n\nReactDOM.render(\n <Breadcrumb breads={dataList} maxItemCount={3} />\n , mountNode\n);'},e.createElement(d)),e.createElement(b,{title:"Fit Width",id:"Demofitwdith",src:'import { Breadcrumb } from \'zent\';\n\nconst dataList = Array(20)\n .fill()\n .map((_, index) => ({\n name: `Content ${index}`,\n href: \'//www.youzan.com\',\n }))\n .concat({ name: `Content 20` });\n\nReactDOM.render(\n <Breadcrumb style={{ width: \'400px\' }} breads={dataList} maxItemCount={3} />,\n mountNode\n);'},e.createElement(m)),e.createElement(f,{html:'

API

\n

Breadcrumb

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
breadsdataarray[]
classNameextra custom class namestring\'\'
maxItemCountexceeds the number of automatic folds
\n

Item

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
classNameextra custom class namestring\'\'
namecontentstring or React node-
hrefhyperlinkstring-
'}))}}},25802:(n,a,s)=>{"use strict";s.d(a,{a:()=>d});var t=s(59312),e=s(27378),p=s(24246),o=s(60042),c=s.n(o),r=s(14322),l=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.href,s=n.name,e=(0,t._T)(n,["href","name"]);return this.props.children?this.props.children:a?(0,p.jsx)("a",(0,t.pi)({},e,{href:a,"data-zv":"10.0.10"},{children:s}),void 0):(0,p.jsx)("span",(0,t.pi)({},e,{"data-zv":"10.0.10"},{children:s}),void 0)},a}(e.Component),u=s(27036),i=s(17949),k=200,d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={isFolded:!0,overflowLeft:!1,overflowRight:!1,contentStyleLeft:0},a.breadcrumbRef=(0,e.createRef)(),a.contentRef=(0,e.createRef)(),a.isMoving=!1,a.getOverflowStatus=function(){var n=a.state.contentStyleLeft;a.breadcrumbWidth&&a.contentWidth&&(n<0?a.setState({overflowLeft:!0}):a.setState({overflowLeft:!1}),a.breadcrumbWidth-n=0;e--){var p=s.children.item(e).getBoundingClientRect().left;if(pa.breadcrumbLeft+a.breadcrumbWidth){t=o+c-(a.breadcrumbLeft+a.breadcrumbWidth)+24-24;break}}var r=a.contentWidth-a.breadcrumbWidth,l=Math.abs(n-t)>r?-r:n-t;a.setState({contentStyleLeft:l},(function(){a.getOverflowStatus(),setTimeout((function(){a.isMoving=!1}),k)}))}},a.unfoldBreads=function(){a.setState({isFolded:!1},(function(){a.getOverflowStatus()}))},a.getFoldItems=function(){var n=a.state.isFolded,s=a.props,e=s.maxItemCount,p=s.breads;if(!e||e<2)return p;if(!n||(null==p?void 0:p.length)<=e)return p;var o=(0,t.ev)([],p);return o.splice(1,p.length-e,{name:"...",className:"zent-breadcrumb__fold",onClick:a.unfoldBreads}),o},a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"breadcrumbWidth",{get:function(){var n=this.breadcrumbRef.current;return null==n?void 0:n.getBoundingClientRect().width},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"breadcrumbLeft",{get:function(){var n=this.breadcrumbRef.current;return null==n?void 0:n.getBoundingClientRect().left},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"contentWidth",{get:function(){var n=this.contentRef.current;return null==n?void 0:n.getBoundingClientRect().width},enumerable:!1,configurable:!0}),a.prototype.render=function(){var n=this.props,a=n.className,s=n.children,o=void 0===s?null:s,i=n.style,k=this.state,d=k.overflowLeft,m=k.overflowRight,h=k.contentStyleLeft,f=this.getFoldItems(),g=o||f&&f.length>0;return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-breadcrumb",a,{"zent-breadcrumb--overflow-left":d,"zent-breadcrumb--overflow-right":m}),ref:this.breadcrumbRef,style:i,"data-zv":"10.0.10"},{children:[d&&(0,p.jsx)(u.Z,{type:"left",className:"zent-breadcrumb__move-left",onClick:this.handleClickMoveLeft},void 0),g&&(0,p.jsxs)("div",(0,t.pi)({className:"zent-breadcrumb__content",style:{left:h+"px"},ref:this.contentRef,"data-zv":"10.0.10"},{children:[o,f&&f.length>0&&f.map((function(n,a){return(0,e.createElement)(l,(0,t.pi)({},n,{key:a}))}))]}),void 0),m&&(0,p.jsx)(u.Z,{type:"right",className:"zent-breadcrumb__move-right",onClick:this.handleClickMoveRight},void 0),(0,p.jsx)(r.w,{onResize:this.getOverflowStatus},void 0)]}),void 0)},a.defaultProps={className:"",breads:[]},a.Item=l,a}(e.Component)},14322:(n,a,s)=>{"use strict";s.d(a,{w:()=>l});var t=s(24246),e=s(27378),p=s(27468),o=s(80186),c=s(17127),r={passive:!0},l=function(n){var a=n.disableThrottle,s=void 0!==a&&a,l=n.onResize,u=(0,e.useRef)(null),i=(0,e.useRef)(l);i.current=l;var k=(0,e.useCallback)((function(n){var a=(0,p.ZP)();u.current||(u.current=a);var s=u.current,t={deltaX:a.width-s.width,deltaY:a.height-s.height};0===t.deltaX&&0===t.deltaY||(i.current(n,t),u.current=a)}),[]),d=(0,c.BN)(k,s);return(0,e.useEffect)((function(){return u.current=(0,p.ZP)(),d.cancel}),[d]),(0,t.jsx)(o.ZP,{eventName:"resize",listener:d,options:r},void 0)}}}]); \ No newline at end of file diff --git a/9349-27fcc4da566c48f7fe0b.js b/9349-27fcc4da566c48f7fe0b.js new file mode 100644 index 000000000..d03e2a1d0 --- /dev/null +++ b/9349-27fcc4da566c48f7fe0b.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9349],{39349:(e,o,i)=>{"use strict";i.r(o),i.d(o,{default:()=>u});var n=i(73450),c=i(27378),d=i(57318),l=i(24246);function a(e,o){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),i.push.apply(i,n)}return i}function t(e){for(var o=1;oChange Log\n

You can find detailed change logs for versions prior to 3.5.3 at Github Log.

\n

Upgrade guides

\n\n

10.0.10(2023-10-25)

\n
    \n
  • ✨ datePicker add lunar feature support
    • \n
\n

10.0.9(2023-04-24)

\n
    \n
  • ✨ datePicker export CombinedPanelRangePicker and SingleCalendarDatePanelPicker
    • \n
\n

10.0.7(2023-01-06)

\n
    \n
  • 🦀 Fix date jump after end date is selected in CombinedDateRangePicker
    • \n
\n

10.0.6(2022-12-27)

\n
    \n
  • 🦀 Fix infinite re-rendering in NumberInput caused by 10.0.5
    • \n
\n

10.0.5(2022-12-08)

\n
    \n
  • 🦀 Fix infinite re-rendering in NumberInput
    • \n
\n

10.0.4(2022-11-15)

\n
    \n
  • 🦀 href is no longer rendered in disabled <a> tag Button
    • \n
  • 🦀️ Fix onError typing issue in withErrorBoundary
    • \n
\n

10.0.3(2022-08-31)

\n
    \n
  • 🦀️ Fix theme colors
    • \n
\n

10.0.2(2022-08-23)

\n
    \n
  • ✨ Select add renderCollapsedContent prop to customize the rendering of the collapsed items
    • \n
  • 🦀️ AnimateHeight fix animation missing when appear is true and height is auto
    • \n
  • 🦀️ Fix theme colors
    • \n
\n

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

\n
    \n
  • ✨ Cascader supports using searchable and placeholder together
    • \n
\n

10.0.0(2022-03-28)

\n

See 10.x Upgrade Guides(Chinese Only)

\n

9.12.4(2022-01-11)

\n
    \n
  • \n

    Popover

    \n
      \n
    • 🦀 Fix withPop HOC type error
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀 Replace sort button with iconfont, fix position problem when font-family changed
      • \n
    • 🦀 selectedRowKeys support number type
      • \n
    \n
    • \n
  • 🦀 Fix css variable name matching problem, old color can be override and delete the useless prefix
    • \n
  • 🦀 Update caniuse-lite database to latest version
    • \n
\n

9.12.3(2021-12-08)

\n
    \n
  • DatePicker\n- 🦀️ Disable DatePicker confirm button when TimePicker is open
    • \n
\n

9.12.2(2021-11-26)

\n
    \n
  • 🦀️ Fix MiniPagination page number input renders wrong value in some cases
    • \n
\n

9.12.1(2021-11-17)

\n
    \n
  • Form\n- 🦀️ Add destroyOnUnmount and normalizeBeforeSubmit support to FieldSet and FieldArrayModel\n- 🦀️ Fix crash when FieldSet sets destroyOnUnmount and value or valid are never read
    • \n
  • CombinedDateRangePicker\n- 🦀️ Make onChange trigger only when confirm button is clicked\n- 🦀️ Fix start time lost after selecting end time
    • \n
\n

9.12.0(2021-10-26)

\n
    \n
  • Form\n- ✨ Add filter and sort methods to FieldArrayModel\n- ✨ Add useObservableBatchedEagerState for merging model changes\n- ✨ Replace useValue$ with observable-hooks
    • \n
  • Notice\n- 🦀️ Fix Notice.push crash in some cases(e.g. useEffect)\n- 🦀️ Changed Notice.push\'s return type and Notice.remove\'s parameter type from number to string
    • \n
  • 🦀️ Update caret-down and caret-up icons
    • \n
  • 🦀️ Update SplitButton arrow style
    • \n
  • 🦀️ Fix incorrect end date in RangeDatePicker when showTime is false
    • \n
  • 🦀️ Update caniuse-lite database to latest version
    • \n
\n

9.11.0(2021-09-29)

\n
    \n
  • ✨ Add meta.simplify to onChange callback in MenuCascader multiple mode
    • \n
  • I18n\n- ✨ Add useComponentI18nData hook\n- 🦀️ Refine I18nReceiver typings
    • \n
  • 🦀️ Fix onMove, onEnd and onMove callbacks triggered not up to date in Sortable
    • \n
  • 🦀️ Change default error message for Form Field required prop to \'required\'
    • \n
  • 🦀️ Fix style prop in Input being applied twice
    • \n
  • Grid\n- 🦀️ Fix state of the select all checkbox in header\n- 🦀️ Fix row highlight behavior when there\'re fixed columns but scroll.x is falsy value
    • \n
  • 🦀️ Upgrade caniuse-lite to latest
    • \n
  • 📚 Add onOpened and onClosed to Dialog doc
    • \n
  • 📚 Cleanup usage of danger and success Buttons in doc
    • \n
\n

9.10.1(2021-09-15)

\n
    \n
  • 🦀️ Preserve state in NumberInput when a rerender occurs during editing with no props change
    • \n
\n

9.10.0(2021-09-14)

\n
    \n
  • ✨ Add auto mode to topOffset and bottomOffset in Waypoint
    • \n
  • ✨ Auto focus to search input after selection in Cascader tags mode
    • \n
  • 🦀️ Stop event propagation in nested Form events(submit, reset and enter)
    • \n
  • 🦀️ Adjust default threshold to 1px for InfiniteScroller
    • \n
  • 🦀️ Grid will hide select all checkbox in batch operation area if batchRender returns null
    • \n
  • 🦀️ Update arrow icon in Select and Cascader
    • \n
  • 📚 Update caniuse-lite database
    • \n
  • 📚 Fix typo in Pagination demo
    • \n
  • 📚 Fix validate default value description in Form documentation
    • \n
  • 📚 Fix typo in ClampLines source code
    • \n
\n

9.9.3(2021-08-28)

\n
    \n
  • 🦀️ Replace ttypescript with ts-patch
    • \n
  • 🦀️ Fix MiniPagination not reacting to props.current change
    • \n
  • 🦀️ Fix lastPageHelp not working in pagination components
    • \n
  • 📚 Remove gitee mirror for docs
    • \n
  • 📚 Add Github Action to check for 404 links in Form doc
    • \n
  • 📚 Add docs on NumberInput onInput
    • \n
\n

9.9.2(2021-08-16)

\n
    \n
  • ✨ Add hotel icons
    • \n
  • Form\n- ✨ Add controlStyle support in FormContext\n- ✨ Add direction support in form layout\n- 🦀️ Fix FieldArrayModel.splice can not insert new items\n- 🦀️ Rename FieldUtils.makeChangeHandler to useChangeHandler because it\'s a React hook\n- 🦀️ Optimize validator runtime error message\n- 📚 Fix broken API links caused by upgrading typedoc in previous version
    • \n
\n

9.9.1(2021-07-30)

\n
    \n
  • 🦀️ Fix font-family missing version tag in Icon style
    • \n
  • 🦀️ Upgrade caniuse-lite database to latest
    • \n
\n

9.9.0(2021-07-23)

\n
\n

Please upgrade sass to >=1.33.0 if your sass complains about math.div function not found.

\n
\n
    \n
  • ✨ Semantic theme support and a new @zent/theme-sdk for generating theme config
    • \n
  • ✨ New jaJP component translations
    • \n
  • 🦀️ Prefix Tree CSS class names\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
  • 🦀️ NumberInput\n- Fix incorrectstate.value when props.value changes in uncontrolled mode\n- Fix demo behavior in docs
    • \n
  • 🦀️ Form\n- Deprecate Form.useFieldArrayValue in favor of Form.useFieldArrayChildModels\n- Fix demos missing Form docs
    • \n
  • 🦀️ Ban useLayoutEffect because of annoying warnings in SSR mode, use utils/hooks/useIsomorphicLayoutEffect instead
    • \n
  • 📚 Add a demo for using the return value of openDialog to close dialog in Dialog docs
    • \n
  • Remove postcss-plugin-constants plugin in NPM package
    • \n
  • Update caniuse-lite database to latest version
    • \n
  • Replace sass-lint with stylelint
    • \n
\n

9.8.0(2021-07-15)

\n
    \n
  • ✨ Rework all icons with a few new icons
    • \n
  • 🦀️ Fix UI not updated when selection changes in Grid
    • \n
  • 🦀️ Fix Select popup width when changing from display: none at mount to visible
    • \n
  • 🦀️ Rewrite and cleanup eslint rules
    • \n
  • 📚 Migrate site layout backbone to TypeScript
    • \n
\n

9.7.3(2021-07-02)

\n
    \n
  • 🦀️ Expose file and id properties in Upload file object, _file and _id are still there
    • \n
  • 🦀️ Fix bootstrap script
    • \n
  • 📚 Replace useMAppend with useMulti in Form documentation
    • \n
  • Update dependencies\n- TypeScript 4.1 to 4.3\n- rxjs v6 to v7\n- sortablejs 1.12.0 to 1.13.0\n- webpack v4 to v5, this improves dev mode compile performance\n- jest v24 to v27\n- postcss v6 to v8\n- Upgrade all other dependencies to the latest versions
    • \n
  • 📚 Replace react-refresh-webpack-plugin with @hot-loader/react-dom
    • \n
\n

9.7.2(2021-06-25)

\n
    \n
  • 🦀️ Fix Tag cannot be used as Pop\'s trigger
    • \n
  • 🦀️ Fix Now button disable logic in DatePicker
    • \n
  • 🦀️ Update caniuse-lite database to latest version
    • \n
  • 📚 Fix missing demos in DataPicker English documentation
    • \n
\n

9.7.1(2021-06-17)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ Add use-after-free check in models
      • \n
    • 🦀️ Fix performance warning text typo
      • \n
    • 📚 Add model API in documentation
      • \n
    • 📚 Update destroyOnUnmount description in documentation
      • \n
    \n
    • \n
  • 📚 Add long text FAQ in Pop documentation
    • \n
\n

9.7.0(2021-06-04)

\n
    \n
  • ✨ Allow Field and FieldArray hooks to be used without form context if using Model as argument. FieldSet hooks always require a form context.
    • \n
  • ✨ Allow referencing models using names in Model mode, it was only possible in View mode.
    • \n
  • ✨ Deprecate useModelValue and useModelValid, use useFieldValue and useFieldValid instead.
    • \n
  • ✨ Add builder property to all model objects, only available in Model mode
    • \n
  • ✨ Expose removeChild and registerChild in FieldSetModel and FormModel
    • \n
  • ✨ Overload push, unshift and splice method in FieldArrayModel to allow using model objects as arguments
    • \n
  • ✨ Add useNamedChildModel to subscribe child model remove/register actions
    • \n
  • 📚 Update docs with a new demo showing how to add or remove child models in Model mode
    • \n
\n

9.6.0(2021-05-28)

\n
    \n
  • ✨ Add threshold to InfiniteScroller to control the distance before the end of the items that will trigger a call to loadMore
    • \n
  • ✨ Support controlled mode for menu selection and expansion in inline Menu
    • \n
  • ✨ Support inline style in Checkbox
    • \n
  • 🦀️ Fix trigger and popup widths not in sync when width is not a number and popupWidth is not set in Select
    • \n
  • 📚 Update Collapse typings and docs
    • \n
\n

9.5.0(2021-05-07)

\n
    \n
  • ✨ Support non window container in Affix
    • \n
  • ✨ Add ref support to InfiniteScroller
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Support customize scroll DOM node in willScrollToError
      • \n
    • 🦀️ Remove null in ArrayBuilder typings
      • \n
    • 🦀️ Internal code path no longer triggers subscription performance warnings
      • \n
    \n
    • \n
  • 🦀️ Fix incorrect handling of Fragment in Popover triggers
    • \n
  • 🦀️ Fix incorrect handling of Fragment in ButtonDirective
    • \n
  • 🦀️ Fix onChange not fired within IMEComposition in some browsers, e.g. Safari
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀️ Update single/multiple/expand column styles
      • \n
    • 🦀️ Rename nowrap to noWrap in column config, nowrap still works
      • \n
    • 📚 Remove Table comparison in documentation
      • \n
    \n
    • \n
  • 📚 Update Form documentation
    • \n
\n

9.4.2(2021-03-26)

\n
    \n
  • 🦀️ Change children to optional in Badge TS definition
    • \n
  • 🦀️ Upgrade @wojtekmaj/enzyme-adapter-react-17 to latest version
    • \n
  • \n

    Upload

    \n
      \n
    • 🦀️ Fix getUploadSuccessOverrideProps not working
      • \n
    • 🦀️ Fix typos in code and doc
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ Add warning when setting default value in props.props in FormInputField, FormImageUploadField and FormUploadField
      • \n
    • 📚 Fix issues caused by using array index as key in Model strategy example
      • \n
    • 📚 Restructure documentation for better readbility
      • \n
    \n
    • \n
  • 📚 Fix crash in Select virtual scroll demo
    • \n
  • \n

    Documentation

    \n
      \n
    • 📚 Add sync to Gitee Pages step in Github Action
      • \n
    • 📚 Send Wechat Work notification after releasing a new version in Github Action
      • \n
    • 📚 Update logo and design site link
      • \n
    \n
    • \n
\n

9.4.1(2021-03-11)

\n
    \n
  • ✨ Export useFormChild in Form
    • \n
  • 🦀️ Fix incorrect selection state after options changes in Cascader
    • \n
  • 📚 Use relative url for links to old versions of docs
    • \n
  • 📚 Upgrade prismjs to fix security issues
    • \n
  • 📚 Add Dialog UI changes to breaking changes in v9 change log
    • \n
\n

9.4.0(2021-02-26)

\n
    \n
  • ✨ Popover / Pop / Tooltip hover mode handles disabled input and button correctly, but only with zent native inputs and buttons
    • \n
  • \n

    Select

    \n
      \n
    • ✨ Add meta onKeywordChange to distinguish event source
      • \n
    • 🦀️ Suppress onChange events during IME composition
      • \n
    \n
    • \n
\n

9.3.0(2021-01-28)

\n
    \n
  • ✨ MenuCascader supports selection merge with simplifySelection
    • \n
  • \n

    Form

    \n
      \n
    • ✨ AddclearError to form models
      • \n
    • ✨ Add two new hooks useModelValue and useModelValid which don\'t rely on FormContext
      • \n
    \n
    • \n
  • 📚 Add missing description of Table in v9 changelog
    • \n
\n

9.2.0(2021-01-21)

\n
    \n
  • ✨ Grid now supports single selection
    • \n
  • \n

    DatePicker

    \n
      \n
    • 🦀️ Fix year and month selection disable logic
      • \n
    • 🦀️ Update UI interaction in CombinedDatePicker
      • \n
    • 🦀️ disabled and canClear in DateRangePicker can be an array
      • \n
    \n
    • \n
  • 🦀️ Fix min and max not working in DateRangeQuickPicker
    • \n
  • 🦀️ Fix typings in Select, Switch and CheckboxGroup
    • \n
  • 🦀️ Fix React warning in Form with willScrollToError
    • \n
  • 🦀️ Update arrow style in Select and Cascader
    • \n
\n

9.1.2(2021-01-11)

\n
    \n
  • 🦀️ Fix incorrect checkbox state in Grid
    • \n
  • 🦀️ Fix expandAll not reacting to props change in Tree
    • \n
  • 🦀️ Fix FormInputField demo in Form doc
    • \n
\n

9.1.1(2021-01-05)

\n
    \n
  • ✨ Add a new icon
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Supports custom offsets through willScrollToError when scrolling to first error
      • \n
    • 🦀️ Changed vertical margin between fields to 24px
      • \n
    \n
    • \n
\n

9.1.0(2020-12-21)

\n
    \n
  • 💥 Fix generic types in Select, from one type parameter to two type parameters, Select<ISelecItem<number>> => Select<number>
    • \n
  • ✨ New simple file upload component
    • \n
  • ✨ Supports custom step in NumberInput
    • \n
  • 🦀️ Fix border style issue in disabled Button
    • \n
\n

9.0.2(2020-12-18)

\n
    \n
  • ✨ Swiper supports custom previous/next button
    • \n
\n

9.0.1(2020-12-18)

\n
    \n
  • \n

    Select

    \n
      \n
    • ✨ Add value reviver support to Select
      • \n
    • ✨ Support custom tag list render in multiple mode
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • ✨ batchRender adds position information
      • \n
    • 🦀️ Fix incorrect height with float grouped header
      • \n
    \n
    • \n
  • 🦀️ DateRangeQuickPicker formats the endtime of today to current time
    • \n
\n

9.0.0(2020-12-14)

\n

See Upgrade to 9.x.

\n

8.6.3(2021-03-19)

\n
    \n
  • 🦀️ Fix onUpload return value being ignored in Upload
    • \n
\n

8.6.2(2021-01-11)

\n
    \n
  • 🦀️ Fix expandAll not reacting to prop change in Tree
    • \n
\n

8.6.1(2020-12-18)

\n
    \n
  • \n

    Grid

    \n
      \n
    • 🦀️ Fix the fixed cloumns\' height when head groups
      • \n
    • 🦀️ batchRender supports second optional parameter about position
      • \n
    \n
    • \n
\n

8.6.0(2020-12-15)

\n
    \n
  • ✨ Supports rgba in theme colors
    • \n
  • 🦀️ Adjust Radio right margin to 24px
    • \n
\n

8.5.12(2020-11-05)

\n
    \n
  • 🦀️ Fix wrong file order when uploading in Upload
    • \n
  • 🦀️ Fix custom row component prop type in Grid
    • \n
\n

8.5.11(2020-10-28)

\n
    \n
  • 🦀️ Fix type definitions in Form
    • \n
  • 🦀️ Fix WindowEventHandler compatibilty issue with SSR
    • \n
  • 🦀️ Hide clear button when Input is not editable
    • \n
\n

8.5.10(2020-10-22)

\n
    \n
  • Fix a bug that prevents moving an item to the front in Sortable
    • \n
\n

8.5.9(2020-10-12)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ Fix cannot assign value to FormModel.prototype.owner
      • \n
    • 🦀️ Optimize async subscribe logic in value-listener
      • \n
    • 🦀️ Optimize TypeScript definitions
      • \n
    \n
    • \n
  • 🦀️ Fix incorrect handleing of disabled in Button
    • \n
  • 🦀️ Fix runtime error in Portal when used in SSR mode
    • \n
  • 🦀️ Fix ClampLines render issues when text is empty
    • \n
\n

8.5.8(2020-09-11)

\n
    \n
  • 🦀️ Adjust space between succesive Buttons
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Add form.resetValue to reset all fields to initialValue
      • \n
    • 🦀️ Fix unnessary creation of ZentForm
      • \n
    \n
    • \n
  • \n

    Input

    \n
      \n
    • ✨ Add a new onIconClick callback
      • \n
    • ✨ TextareaInput add maxCharacterCount prop to support textarea\'s value out of range
      • \n
    \n
    • \n
\n

8.5.7(2020-08-28)

\n
    \n
  • 🦀️ Fix Progress of circle\'s normalColor, successColor, exceptionColor and strokeWidth not working
    • \n
\n

8.5.6(2020-08-21)

\n
    \n
  • 🦀️ Fix Slider value out of range
    • \n
  • 🦀️ Adjust space between succesive Checkboxs
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ Export IMaybeError and ValidatorContext
      • \n
    • 🦀️ Fix FormSelectField type definition
      • \n
    \n
    • \n
\n

8.5.5(2020-08-14)

\n
    \n
  • ✨ Loading has a new prop colorPreset
    • \n
  • ✨ ColorPicker now supports disabled, and is compatible with Disabled component
    • \n
  • 🦀️ Fix Table\'s renderBody TypeScript definition
    • \n
  • 🦀️ Fix Form\'s scrollToError scrolls to wrong position
    • \n
  • 🦀️ Remove unused dependency formulr
    • \n
  • 🦀️ Updated two icons: calendar-o and gift
    • \n
  • 📚 Update prismjs to 1.21.0 for documentation code highlight
    • \n
\n

8.5.4(2020-08-04)

\n
    \n
  • 🦀️ Fix unmatched TypeScript and tslib version in 8.5.3
    • \n
  • 🦀️ Fix label text color in disabled Checkbox
    • \n
  • 📚 Add a new demo for custom Form field
    • \n
\n

8.5.3(2020-07-22)

\n
    \n
  • ✨ Add a new icon thumbnail
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Merge formulr into Zent repository
      • \n
    • ✨ Add FormContext, only supports labelStyle for now
      • \n
    • 🦀️ Ensure FieldArray\'s child has an id, no need to use array indices for key
      • \n
    • 🦀️ Fix a React warning
      • \n
    \n
    • \n
  • 🦀️ Fix an issue in Grid when batchComponents is an empty array
    • \n
  • 🦀️ Fix style lint when building custom theme
    • \n
  • 🦀️ Allow word wrap in ClampLines
    • \n
  • 📚 Add babel-plugin-zent link in doc site side nav
    • \n
  • 📚 Fix some style issue in doc site
    • \n
\n

8.5.2(2020-06-23)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ Fix some minor issues
      • \n
    • 🦀️ FormSelectField is compatible with tags mode
      • \n
    • 🦀️ Export validator types
      • \n
    \n
    • \n
  • 🦀️ Fix Swiper transition issue in some edge cases
    • \n
  • 🦀️ Fix ScrollAlert children check
    • \n
\n

8.5.1(2020-06-10)

\n
    \n
  • ✨ Tooltip now passes display prop to Popover
    • \n
  • ✨ New icon: drag
    • \n
  • 🦀️ Update Dialog TypeScript definition
    • \n
  • 🦀️ Fix NumberInput TypeScript definition
    • \n
  • 🦀️ Fix Form warning in React >= 16.13
    • \n
  • 📚 More docs on Form ValidateOption
    • \n
\n

8.5.0(2020-05-07)

\n
    \n
  • ✨ Add 4 new icons: folder-o, open-folder-o, refresh, save-o
    • \n
  • ✨ Remove Upload default help text, don\'t render help text if tips is not present
    • \n
  • \n

    Alert

    \n
      \n
    • ✨ Add hint style
      • \n
    • ✨ Add ScrollAlert for rolling alert
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Field\'s validate now propagates to FieldArray or FieldSet
      • \n
    • ✨ Add ValidatorMiddlewares, these middlewares can be used to dynamically change validators behavior
      • \n
    • ✨ FormSelectField pass through children
      • \n
    • 🦀️ Fix Form submit use after unmount
      • \n
    • 🦀️ Fix Select、Option、FormInputField type definition
      • \n
    \n
    • \n
  • 🦀️ Fix Grid shadow after scroll.x changes
    • \n
  • 🦀️ Fix Collapse type definition
    • \n
  • 🦀️ Fix Pagination page jump not working in some cases
    • \n
\n

8.4.0-1(2020-11-17)

\n
    \n
  • 🦀️ Fix CSS Variable support in some components
    • \n
\n

8.4.0(2020-03-16)

\n
    \n
  • ✨ Upload item UI can be customized
    • \n
  • ✨ Update Tabs button like style
    • \n
  • 🦀️ Fix development compatibility issue on Windows
    • \n
  • 🦀️ Fix an issue where DatePicker modifies Date values in props directly
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀️ Fix shadow of fixed column when window resizes
      • \n
    • 🦀️ Fix background color when row hover highlight is disabled
      • \n
    • 🦀️ Fix TypeScript definition of getCheckboxProps
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ Export BasicForm
      • \n
    • 🦀️ Fix mishandling of type conversion for required
      • \n
    \n
    • \n
\n

8.3.0(2020-02-26)

\n
    \n
  • \n

    Grid

    \n
      \n
    • ✨ Add disableHoverHighlight to disable row hover highlight
      • \n
    • 🦀️ Fix wrong selection data after reverting [Select All]
      • \n
    \n
    • \n
  • 🦀️ Fix some broken style in documentation
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ Update styles
      • \n
    • 🦀️ Fix FieldSet type definition
      • \n
    • 🦀️ Export ValidateOption
      • \n
    \n
    • \n
  • 📚 Upgrade documentation site dependencies
    • \n
\n

8.2.0(2020-02-18)

\n
    \n
  • ✨ BlockHeader has a new minimum style
    • \n
  • ✨ Grid stick header offset top can be customized
    • \n
  • 🦀️ Fix style issue when value is outside range in Progress
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ Fix error style
      • \n
    • 🦀️ Fix TypeScript definition
      • \n
    \n
    • \n
\n

8.1.0(2020-02-10)

\n
    \n
  • \n

    Grid

    \n
      \n
    • ✨ Support sticky header
      • \n
    • ✨ Row checkbox can have a tooltip for the reason
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Add field interaction demo
      • \n
    • ✨ Allow validators in Field when model is used
      • \n
    • 🦀️ Fix a FormNumberInputField bug that causes data and view in an inconsistent state
      • \n
    • 🦀️ Updated line height for non input fields
      • \n
    \n
    • \n
  • 🦀️ Improved dragging performance in ColorPicker
    • \n
  • 🦀️ Fix item not selected when Select mounts
    • \n
  • \n

    Upload

    \n
      \n
    • 🦀️ Include failed files when calculating file numbers
      • \n
    • 🦀️ Export FILE_UPLOAD_STATUS as static property on component
      • \n
    \n
    • \n
\n

8.0.1(2020-01-19)

\n
    \n
  • \n

    Upload

    \n
      \n
    • 🦀️ Use a different CSS class name from the old version
      • \n
    • 🦀️ Fix a pagination bug when removing items
      • \n
    \n
    • \n
\n

8.0.0(2020-01-17)

\n
    \n
  • 🎉 New component Waypoint
    • \n
  • 🎉 New component Dropdown
    • \n
  • 🎉 [breaking change] Rewrite Upload, use @zent/compat if you want the old version
    • \n
  • \n

    Cascader

    \n
      \n
    • ✨ Add support to disabled
      • \n
    • ✨ Remove prefix
      • \n
    • 🦀️ onChange is passed the same option item from props
      • \n
    • 🦀️ Update placeholder text color
      • \n
    • 🦀️ [breaking change] Namespace all CSS selectors
      • \n
    \n
    • \n
  • \n

    Select

    \n
      \n
    • ✨ Remove prefix
      • \n
    • 🦀️ Update caret style
      • \n
    • 🦀️ [breaking change] Namespace all CSS selectors
      • \n
    \n
    • \n
  • \n

    Affix

    \n
      \n
    • ✨ Rewrite using Waypoint
      • \n
    • ✨ [breaking change] offsetTop has no default value
      • \n
    • ✨ offsetTop and offsetBottom can be used together
      • \n
    \n
    • \n
  • \n

    InfiniteScroller

    \n
      \n
    • ✨ Rewrite using Waypoint
      • \n
    • ✨ [breaking change] Remove offset, useCapture and prefix
      • \n
    • ✨ [breaking change] Rename initialLoad to skipLoadOnMount
      • \n
    • ✨ [breaking change] hasMore defaults to false
      • \n
    • ✨ [breaking change] useWindow defaults to false
      • \n
    \n
    • \n
  • ✨ Optimize event handlers in every place
    • \n
  • \n

    Icon

    \n
      \n
    • ✨ New icons filter-o and scan-code-o
      • \n
    • ✨ Rename text-guide to text-guide-o
      • \n
    • ✨ Rename video-guide to video-guide-o
      • \n
    \n
    • \n
  • ✨ QuickDateRangePicker can select a default preset on mount
    • \n
  • ✨ Replace tslint with eslint
    • \n
  • 🦀️ Update Dialog close button style
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Add useFieldValue hook
      • \n
    • ✨ Form gets a getSubmitValue method
      • \n
    • 🦀️ Update error style
      • \n
    • 🦀️ Update TypeScript definition
      • \n
    • 🦀️ Export FormDescription component
      • \n
    • 🦀️ FormSelectField properly handles withoutLabel
      • \n
    • 🦀️ layout is optional
      • \n
    \n
    • \n
  • 🦀️ Fix CopyButton TypeScript definition
    • \n
  • 🦀️ Update Pagination font style
    • \n
  • 🦀️ Fix Rate icon issue when using fraction values
    • \n
  • 🦀️ Fix incorrect rewrite rules used in babel-plugin-zent
    • \n
\n

7.4.5(2021-03-11)

\n\n

7.4.4(2020-05-11)

\n
    \n
  • 🦀️ Fix a state bug in NumberInput
    • \n
\n

7.4.3(2019-12-19)

\n
    \n
  • 🦀️ Fix FormSelectField\'s destroyOnUnmount not working
    • \n
  • 🦀️ Update Form TypeScript definition
    • \n
  • 🦀️ All props are under props in FormNumberInputField(integer) and FormSelectField(tags, data)
    • \n
  • 🦀️ Update form error style
    • \n
\n

7.4.2(2019-12-13)

\n
    \n
  • 🦀️ Fix a style issue in Grid
    • \n
  • 🦀️ Fix TypeScript definition in DateRangeQuickPicker
    • \n
\n

7.4.1(2019-12-13)

\n
    \n
  • ✨ New icons：doc, video, audio
    • \n
  • ✨ Replace tinycolor2 with an internal slim version
    • \n
  • 🦀️ Fix SSR for Layout
    • \n
  • 🦀️ Add back support for a.b.c for column name in Grid, only for compatibility, not recommended for daily use
    • \n
  • 🦀️ Fix repeated initialization in Sortable and TypeScript definition bugs
    • \n
  • 🦀️ Fix TextMark TypeScript definition
    • \n
  • 🦀️ Enlarge icon size in time pickers
    • \n
  • 🦀️ Change title to ReactNode in BlockHeader
    • \n
  • 🦀️ Cleanup unused createAlias usage
    • \n
\n

7.4.0(2019-12-06)

\n
    \n
  • ✨ New Tooltip component
    • \n
  • ✨ Replace lodash-es with built-ins and language features
    • \n
  • 🦀️ [breaking change] All time related pickers\' isFooterVisble prop is renamed to isFooterVisible.
    • \n
  • 🦀️ Fix Enter to select not working after filter in Select
    • \n
  • 🦀️ Fix Upload crash if you remove some item during upload
    • \n
  • 🦀️ Don\'t reassign unique internal id after DnD sort in Upload
    • \n
\n

7.3.2(2019-11-29)

\n
    \n
  • ✨ Link moves to its own directory, compatible with Disabled
    • \n
\n

7.3.1(2019-11-27)

\n
    \n
  • ✨ New Link component to replace zent-link CSS class
    • \n
  • ✨ Add labelStyle to Radio and Checkbox
    • \n
  • 🦀️ Fix ButtonDirective children style issue
    • \n
  • 🦀️ Fix inconsistent package version between build and publish
    • \n
  • 🦀️ Revert Radio label\'s display to inline
    • \n
  • 🦀️ Fix elements other than Radio are invisible inside RadioGroup
    • \n
  • 🦀️ Fix elements other than Checkbox are invisible inside CheckboxGroup
    • \n
\n

7.3.0(2019-11-25)

\n
    \n
  • 🎉 Isolate styles in different zent versions
    • \n
  • 🎉 Add a few compile time constants to TypeScript and SCSS compiler, like __FILE__ in C
    • \n
  • 🦀️ Update icon color in BlockHeader
    • \n
  • 🦀️ Fix style issue in Grid when batch operation and fixed header are both present
    • \n
  • 🦀️ Fix FormRadioGroupField defaultValue test issue
    • \n
\n

7.2.0(2019-11-18)

\n
    \n
  • 🎉 New IMEComposition component
    • \n
  • ✨ Add batch operation to Grid
    • \n
  • ✨ Add tooltip when hover on next page in Pagination
    • \n
  • ✨ Upgrade date-fns to 2.x
    • \n
  • ✨ Fork fecha and rewrite in TypeScript
    • \n
  • 📚 Add more docs on Form usage
    • \n
  • 🦀️ Enlarge icon size in BlockHeader
    • \n
  • 🦀️ Fix height issue in Radio and Checkbox
    • \n
  • 🦀️ Fix data missing when using useFieldArrayValue
    • \n
  • 🦀️ Fix the handling of undefined values in default error render of Form fields
    • \n
  • 🦀️ Fix type definitions in FormSelectField, Form and FieldSet
    • \n
  • 🦀️ Fix type definitions in Switch, CopyButton and DatePicker
    • \n
\n

7.1.0(2019-11-08)

\n
    \n
  • ✨ Select adds an retainNullOption option to allow Options with null value to be selected
    • \n
  • ✨ New Notify.info method
    • \n
  • 📚 Brand new icon grid
    • \n
  • 🦀️ Fix Progress style when page is zoomed in/out in Safari
    • \n
  • 🦀️ Fix type definition for Form and Cascader
    • \n
  • 🦀️ Update i18n usage in Pagination and QuarterPicker
    • \n
\n

7.0.1 (2019-11-01)

\n
    \n
  • Add default export to Form
    • \n
\n

7.0.0 (2019-11-01)

\n

This is major release with lots of breaking changes, read the full change log.

\n

6.6.2 (2019-02-26)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ Fix field error even if async validation is passed
      • \n
    • 🦀️ Update createForm TypeScript definition
      • \n
    \n
    • \n
  • 🦀️ Handle DOM not exist exception for Affix and Avatar
    • \n
\n

6.6.1 (2019-01-30)

\n
    \n
  • 🦀️ Fix bug in Grid header scroll
    • \n
\n

6.6.0 (2019-01-29)

\n
    \n
  • ✨ Grid supports head groups
    • \n
  • 🦀️ Fix undefined error in Table, Grid and WindowResizeHandler
    • \n
\n

6.5.3 (2019-01-13)

\n
    \n
  • ✨ Pop position now supports function value, same as Popover.Position.create
    • \n
  • \n

    Form

    \n
      \n
    • 📚 Add docs about custom validation function
      • \n
    • 🦀️ Fix form scroll when using Fragment
      • \n
    \n
    • \n
  • 🦀️ Fix ClampLines not updating when changing text
    • \n
  • 🦀️ Fix use after unmount bug in some components, e.g. Table, Select, Grid and ClampLines
    • \n
\n

6.5.2 (2018-12-12)

\n
    \n
  • ⚠️ Reverts an regression introduced in 6.4.0. When using FormSelectField in tags mode, the value in onChange callback is broken. Select itself is not affected.
    • \n
\n

6.5.1 (2018-12-07)

\n

⚠️ 6.5.2 reverted a regression for FormSelectField in tags mode.

\n
    \n
  • ✨ Add a new icon
    • \n
  • \n

    Table

    \n
      \n
    • ✨ Support indeterminate state for row selection checkbox
      • \n
    • 🦀️ Fix right align not working
      • \n
    \n
    • \n
  • 🦀️ Fix Form component validation in propTypes definition
    • \n
  • 🦀️ Fix some TypeScript definition bugs
    • \n
\n

6.5.0 (2018-10-29)

\n

⚠️ 6.5.2 reverted a regression for FormSelectField in tags mode.

\n

⚠️ Form\'s change may reveal bugs in working code, you can handle these unhandled exceptions in onSubmitFail.

\n
    \n
  • ✨ Add a few new icons
    • \n
  • 🦀️ Form will re-throw unhandled exceptions during submit
    • \n
  • 🦀️ Replace Object.assign with lodash/assign
    • \n
  • 🦀️ Fix incorrect z-index in SKU
    • \n
  • 🦀️ Fix Grid\'s TypeScript definition
    • \n
\n

6.4.1 (2018-10-16)

\n

⚠️ 6.5.2 reverted a regression for FormSelectField in tags mode.

\n
    \n
  • ✨ Tabs can have custom content through navExtraContent
    • \n
\n

6.4.0 (2018-09-26)

\n

⚠️ 6.5.2 reverted a regression for FormSelectField in tags mode.

\n
    \n
  • ✨ Support tags mode in FormSelectField (reverted)
    • \n
  • 🦀️ Fix Select placeholder color
    • \n
  • 🦀️ Fix Upload broken style when uploading multiple audio files
    • \n
\n

6.3.0 (2018-09-07)

\n
    \n
  • ✨ TimePicker add disabledTime support
    • \n
  • ✨ Loading supports show delay
    • \n
  • ✨ Add ES module output
    • \n
  • ✨ babel-plugin-zent@1.2.1 now has an option to only transform styles imports, use with ES module to support tree shaking(requires bundle tool support)
    • \n
  • \n

    InfiniteScroller

    \n
      \n
    • 🦀️ Fix loadMore repeatedly get called
      • \n
    • 🦀️ Fix documentation
      • \n
    \n
    • \n
\n

6.2.0 (2018-08-24)

\n
    \n
  • 🎉 Add ClampLines component
    • \n
  • ✨ Grid suppports DnD
    • \n
  • ✨ Menu add sub menu click and expand/collapse callback
    • \n
  • 🦀️ Disable input auto complete in DatePicker
    • \n
  • 🦀️ Fix bug when initializing FieldArray
    • \n
\n

6.1.0 (2018-08-03)

\n
    \n
  • \n

    Grid

    \n
      \n
    • ✨ Support a default text for each column
      • \n
    • 🦀️ Fix selection.getCheckboxProps not updated
      • \n
    \n
    • \n
  • ✨ Add some new Icons
    • \n
  • ✨ Cascader menu trigger can be controlled by expandTrigger
    • \n
  • ✨ Add containerSelector support for Pop
    • \n
  • \n

    Button

    \n
      \n
    • ✨ Style update
      • \n
    • ✨ Add a space between button text iff button text consists of two Chinese characters
      • \n
    \n
    • \n
  • 🦀️ Fix a floating point number parsing issue in NumberInput
    • \n
  • 🦀️ Rows in Table now can be configured as selected and disabled
    • \n
  • 🦀️ Fix FieldArray not updating in Form
    • \n
  • 🦀️ Fix lots of TypeScript definition issues
    • \n
\n

6.0.1 (2018-07-13)

\n
\n

⚠️ Icon\'s ttf file may be broken on Windows in previous versions, use this version if Windows means a lot to you.

\n
\n
    \n
  • 🦀️ Fix broken Icons in Windows
    • \n
\n

6.0.0 (2018-07-04)

\n
\n

React <= 15.3 is no longer supported

\n

Documentation site is now on github pages

\n
\n
    \n
  • 💥 [breaking change] Remove on, off and newInstance static methods in Loadign
    • \n
  • 💥 [breaking change] Fix WeekPicker disable and selection logic
    • \n
  • 💥 [breaking change] Table cell now uses border-box
    • \n
  • 💥 [breaking change] Remove zent-select from Select popover, this class should only be on the trigger
    • \n
  • 🎉 New component Mention
    • \n
  • 🎉 New component Timeline
    • \n
  • 🎉 Rewrite Tree, add useNew prop to use this new version. APIs are compatible with the old one, and a controlled mode is added in this new version.
    • \n
  • \n

    Form

    \n
      \n
    • ✨ FieldArray supports calling calling date date manipulation funcitons in a chain, e.g. push, shift
      • \n
    • ✨ DateRangePickerField and DateRangeQuickPickerField supports passing format prop to the underlying componets using dateFormat
      • \n
    • ✨ Add missing DatePicker related Fields，e.g. FormWeekPickerField
      • \n
    • ✨ FieldArray supports initialization using setFieldsValue and initialize
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • ✨ Add missing TypeScript definition
      • \n
    • ✨ Add support for row expansion using the same expandation prop as Table
      • \n
    • ✨ Add a new onExpand callback when a row is expanded
      • \n
    • ✨ Support page size in onChange
      • \n
    • 🦀️ Remove cloneDeep usage，cloning a react element in React 16 results an error
      • \n
    • 🦀️ Fix rowKey not working
      • \n
    • 📚 Update documentation
      • \n
    \n
    • \n
  • \n

    ErrorBoundary

    \n
      \n
    • ✨ Add a new catchError HOC，useful when using decorator
      • \n
    • 📚 Fix withErrorBoundary documentation
      • \n
    \n
    • \n
  • \n

    Cascader

    \n
      \n
    • ✨ Add displayText to customize value display
      • \n
    • 🦀️ Fix a bug if value does not exist
      • \n
    \n
    • \n
  • ✨ AutoComplete now handles TAB
    • \n
  • ✨ SplitButton supports dropdown position configuration
    • \n
  • ✨ Table now passes page size in its onChange callback
    • \n
  • ✨ Pagination now triggers onPageSizeChange callback when page size changes
    • \n
  • ✨ The onChange callback now supports page size in Table
    • \n
  • 🦀️ Fix BlockHeader HTML tag nesting bug(a div cannot be inside a p)
    • \n
  • 🦀️ Fix Avatar\'s TypeScript definition
    • \n
  • 🦀️ Fix Sortable\'s TypeScript definition
    • \n
  • 🦀️ Fix SplitButton\'s TypeScript definition
    • \n
  • 🦀️ Fix Tabs\'s TypeScript definition
    • \n
  • 🦀️ Add a few more icons
    • \n
  • 🦀️ Fix addonBefore and addonAfter style in Input
    • \n
  • 🦀️ Fix a bug in Swiper when removing the second last element
    • \n
  • 🦀️ Fix error when closing Loading in React 16
    • \n
  • \n

    Dialog

    \n
      \n
    • 🦀️ Fix a bug when closing dialog
      • \n
    • 🦀️ Fix a bug when used in SSR
      • \n
    \n
    • \n
  • 🦀️ Fix some typo in Button
    • \n
  • 🦀️ Fix Collapse prop type
    • \n
  • 🦀️ Fix DatePicker time disable logic
    • \n
  • 🦀️ Fix a bug when calling focus in Select
    • \n
  • 🦀️ Remove some unused style in Card
    • \n
  • 📚 Fix typo babel
    • \n
\n

Breaking change workaronds

\n
\n

Loading on, off, newInstance workaround：

\n
\n

Replace Loading.on and Loading.off with a Loading instance, and controll it using component state.

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

If you use newInstance, just render multile <Loading> instances.

\n
\n

WeekPicker workaround:

\n
\n
    \n
  • If you are not using disabledDate, then you\'re mostly fine.
    • \n
  • WeekPicker now returns only the dates can be selected, but in old versions it will return the whole week including those disabled dates.
    • \n
  • The [start, end] value in disabledDate has some change in time part. The start has time set to 00:00:00:000 while the end has time set to 23:59:59:999.
    • \n
  • If your code relies on the time part when comparing two Date objects, you are likely in trouble with this new bahavior. Either ajust your logic to get the time part correct, or don\'t rely on time part when comparing two Date objects.
    • \n
\n
\n

Table cell style workaround:

\n
\n

Table\'s cell box-sizing has changed to border-box, so you may have to adjust your column width.

\n
\n

Select zent-select workaround:

\n
\n

If you rely on zent-select when overwriting Select popover style, use zent-select__popover instead.

\n

5.1.1 (2018-04-19)

\n
    \n
  • 🦀️ Fix missing Dialog close animation in some cases
    • \n
  • 🦀️ Fix incorrect Table cell width
    • \n
  • 🦀️ Allow non ControlGroup in Form when scrolling to first error
    • \n
  • ✨ Upgrade lerna to latest version
    • \n
\n

5.1.0 (2018-04-17)

\n
    \n
  • 🎉 New component ErrorBoundary, requires React >= 16
    • \n
  • 🎉 New component SplitButton
    • \n
  • ✨ previewImage now supports image zoom
    • \n
  • ✨ BlockHeader adds a new prop childAlign to control child position
    • \n
  • ✨ Refactor Portal, add PurePortal and LayeredPortal
    • \n
  • ✨ Upgrade DnD library in Design
    • \n
  • ✨ Add open/close animation to Dialog
    • \n
  • \n

    YearPicker

    \n
      \n
    • ✨ Add max and min support
      • \n
    • ✨ value supports Date type
      • \n
    \n
    • \n
  • 🦀️ Fix Loading height ignored in some cases
    • \n
  • 🦀️ Fix BlockHeader style
    • \n
  • 🦀️ Fix Popover wrong position in React 16
    • \n
  • 🦀️ Fix Form asyncValidate not returning Promise in some cases
    • \n
  • 🦀️ Fix Pagination style
    • \n
  • 🦀️ tag mode in Select will not scroll when content overflows
    • \n
  • 🦀️ Fix Cascader tests in React 16
    • \n
  • 📚 Update screenshots in docs
    • \n
\n

5.0.1 (2018-03-20)

\n
    \n
  • 🦀️ Fix text overflow issues in WeekPicker
    • \n
  • 🦀️ Fix some build issues
    • \n
\n

5.0.0 (2018-03-16)

\n
\n

⚠️ Upload is broken in this version, do NOT use.

\n

React 16 is now offically supported.

\n
\n
    \n
  • 🎉 Upgrade to React 16
    • \n
  • \n

    Button

    \n
      \n
    • ✨ Add support for Icons
      • \n
    • ✨ New Button.Group component
      • \n
    \n
    • \n
  • ✨ Steps now has a new state: process, and default state value is changed to process
    • \n
  • 🦀️ Fix height bug in Loading
    • \n
  • 🦀️ Fix BlockHeader style
    • \n
  • \n

    Tree

    \n
      \n
    • 🦀️ Fix expand not working
      • \n
    • 📚 Add doc about loadMore
      • \n
    \n
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ Allow custom error messages through errorMessages
      • \n
    • 🦀️ Move CSS class name to zent-upload namespace
      • \n
    \n
    • \n
\n

4.3.2 (2018-03-07)

\n
\n

⚠️ Loading style is broken in this version, do NOT use.

\n
\n
    \n
  • 🦀️ Update Loading height logic
    • \n
  • 🦀️ Fix text in Pagination
    • \n
  • 🦀️ Fix bugs when using nested Radio and Checkbox
    • \n
  • 🦀️ Radio and Checkbox will ignore readonly and disabled settings on itself if it is within a group
    • \n
  • 🦀️ Fix Upload style issues
    • \n
\n

4.3.1 (2018-03-05)

\n
    \n
  • 🦀️ Fix wrong placeholder indentation when using tag style in Select
    • \n
  • 🦀️ Fix calling adjustPosition in Popover in some cases
    • \n
  • 🦀️ Adjust font size in Tree
    • \n
  • 🦀️ Fix Grid style issues in Windows
    • \n
  • 🦀️ Fix wrong selection in CopyButton
    • \n
\n

4.3.0 (2018-02-14)

\n
\n

Happy Valentine\'s Day and happy Chinese New Year!

\n
\n
    \n
  • 🎉 New component AutoComplete
    • \n
  • 🎉 New component Rate
    • \n
  • 🦀️ Optimize Notify animation
    • \n
  • 🦀️ Remove unnecessary !important in Tabs style
    • \n
  • 🦀️ Fix input focus lost in Select
    • \n
\n

4.2.3 (2018-02-09)

\n
    \n
  • 🦀️ Fix bug in Sortable when items is missing
    • \n
\n

4.2.2 (2018-02-07)

\n
    \n
  • ✨ Add vertical style to Steps
    • \n
  • 🦀️ Fix header height in Grid
    • \n
  • 🦀️ Fix styles missing after build
    • \n
\n

4.2.1 (2018-02-06)

\n
\n

⚠️ Styles are broken due to a building problem in this version, do NOT use.

\n
\n
    \n
  • 🦀️ Fix Upload file type bug
    • \n
\n

4.2.0 (2018-02-05)

\n
\n

⚠️ Styles are broken due to a building problem in this version, do NOT use.

\n
\n
    \n
  • 🎉 New component Avatar
    • \n
  • 🎉 New component Collapase
    • \n
  • ✨ Menu adds inline style
    • \n
  • ✨ Cascader adds menu style
    • \n
  • ✨ Input adds fromClearButton in callback event
    • \n
  • ✨ Add missing TypeScript definitions
    • \n
  • ✨ Badge supports custom offset
    • \n
  • ✨ NumberInput supports presss enter to confirm input
    • \n
  • ✨ onUpload can return a Promise in Upload
    • \n
  • 🦀️ Fix a bug in Sortable when onMove, onEnd and onChange are present at the same time
    • \n
  • 🦀️ Fix can not start new line in textarea when using Form
    • \n
  • 🦀️ Fix styles in InfiniteScroller
    • \n
  • 🦀️ Fix keyboard events not working in Select
    • \n
  • 🦀️ Fix border style in Grid
    • \n
  • 🦀️ Fix infinite loop in Select
    • \n
\n

4.1.0 (2018-01-29)

\n
    \n
  • 🎉 New component: TimePicker and TimeRangePicker
    • \n
  • 🎉 New compponent: Placeholder, a composable placeholder
    • \n
  • 🎉 New documation site
    • \n
  • \n

    Card

    \n
      \n
    • ✨ Supports loading state
      • \n
    • ✨ Supports nested cards
      • \n
    • 🦀️ Update styles
      • \n
    \n
    • \n
  • ✨ Add canClear to DatePicker to control reset
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ Category id can be passed from outside
      • \n
    • 🦀️ Fix file amount can exceed maxAmount
      • \n
    • 🦀️ Fix auto open bug
      • \n
    \n
    • \n
  • 🦀️ Fix Notify background color
    • \n
\n

4.0.0 (2018-01-23)

\n
    \n
  • 💥 Remove combine mode in DateRangePicker, type prop is removed.
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ Supports file groups
      • \n
    • ✨ Supports i18n
      • \n
    \n
    • \n
  • ✨ Add support for icons in Menu
    • \n
  • \n

    DatePicker

    \n
      \n
    • 🦀️ Fix minimum time not respected in some cases
      • \n
    • 🦀️ Fix minimum time test bug
      • \n
    \n
    • \n
  • \n

    Design

    \n
      \n
    • 🦀️ Fix styles in demos
      • \n
    • 🦀️ DesignEditor no longer inherits PureComponent
      • \n
    \n
    • \n
  • 🦀️ Fix style in Slider
    • \n
  • 🦀️ Fix anchor not working in documentation site
    • \n
  • 🦀️ Fix header not synchronized in Grid
    • \n
  • 🦀️ Tune Notify animation
    • \n
  • \n

    Select

    \n
      \n
    • 🦀️ Fix compatibility bug in some browsers
      • \n
    • 🦀️ Fix emptyText not working
      • \n
    \n
    • \n
  • 🦀️ Fix demos in Sortable
    • \n
\n

3.12.3 (2018-01-10)

\n
    \n
  • 🦀️ Fix Slider background
    • \n
  • 🦀️ Support image/bmp in Upload
    • \n
  • 🦀️ Fix button styles and layout in Design
    • \n
\n

3.12.2 (2018-01-09)

\n
    \n
  • ✨ Remove mask background when Loading has no children
    • \n
  • ✨ Rename files to follow the project naming style
    • \n
  • 🦀️ Fix Grid header style
    • \n
  • 🦀️ Fix font size in large Button
    • \n
  • 🦀️ Fix year not checked in MonthPicker
    • \n
  • 📚 New internationalization documentation
    • \n
\n

3.12.1 (2018-01-05)

\n
    \n
  • 🦀️ Fix CombineDateRangePicker closes before select the second date
    • \n
  • 🦀️ Fix exit animation in Notify
    • \n
\n

3.12.0 (2018-01-04)

\n
    \n
  • 🎉 New component Sortable
    • \n
  • 🎉 i18n support for components
    • \n
  • ✨ Tag visibility can be controlled using props
    • \n
  • ✨ Input supports clear button
    • \n
  • ✨ Grid supports scroll with fixed header
    • \n
  • ✨ Notify supports pile many instances with enter/leave animation
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Field supports displayError to control error message display
      • \n
    • ✨ Field supports relatedFields to specify validation dependencies.
      • \n
    • ✨ Rewrite FieldArray
      • \n
    \n
    • \n
  • ✨ Swiper supports add/remove images dynamically
    • \n
  • ✨ Design supports settings and onSettingsChange to manage dynamic global settings
    • \n
  • ✨ Sweetalert can configure close button and click on mask to close
    • \n
  • 🦀️ Fix DateRangePicker disabled style
    • \n
  • 🦀️ Fix Loading not centered
    • \n
  • 🦀️ Fix DatePicker wrong value in onChange
    • \n
  • 🦀️ Fix NumberInput inconsistent onBlur and onChange values
    • \n
  • 🦀️ Fix Upload image order after uploading
    • \n
  • 🦀️ Fix Select item order in tag mode
    • \n
  • 🦀️ Fix can not edit hex in ColorPicker
    • \n
  • 🦀️ Fix textarea height tingle
    • \n
  • 🦀️ Fix some typo
    • \n
  • 🦀️ Fix yarn new-component command
    • \n
\n

3.11.0 (2017-12-20)

\n
    \n
  • 🎉 New component QuarterPicker
    • \n
  • ✨ Select can have a reset option
    • \n
  • ✨ Support vertical scroll with fixed header in Grid
    • \n
  • ✨ No more confirm in DatePicker when used without time selection
    • \n
  • ✨ Support image drag-and-drag in Upload
    • \n
  • ✨ Support autoresize for textarea
    • \n
  • ✨ Support character count in textarea
    • \n
  • ✨ Update pop position in BlockHeader
    • \n
  • \n

    Design

    \n
      \n
    • ✨ New image ad demo
      • \n
    • ✨ New richtext demo
      • \n
    • ✨ Allow custom content after preview section
      • \n
    \n
    • \n
  • ✨ Add onPositionUpdated to Popover and Pop
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Change required rule，null is considered an error
      • \n
    • ✨ Add option to disable form submition triggered by pressing Enter in input
      • \n
    • 🦀️ Fix rerender when validationOnChange is false
      • \n
    • 🦀️ Support functional component in scroll to first error
      • \n
    \n
    • \n
  • \n

    Swiper

    \n
      \n
    • 🦀️ Fix bug with only one image
      • \n
    • 🦀️ Fix animation when quickly click on prev/next button
      • \n
    \n
    • \n
  • 🦀️ Fix image not centered in Loading
    • \n
  • 🦀️ Allow scroll function to run in node.js
    • \n
  • 🦀️ Fix bug when using batchcomponents in Form
    • \n
  • 📚 Fix InfiniteScroller documentation
    • \n
  • 📚 Fix Button demo
    • \n
\n

3.10.7 (2017-12-07)

\n
    \n
  • ✨ Allow custom styles to be applied in Menu
    • \n
  • 🦀️ Fix single file uploading in Upload
    • \n
\n

3.10.6 (2017-12-06)

\n
    \n
  • ✨ Form supports scroll to first error
    • \n
  • 🦀️ Upload adds support for file filter
    • \n
\n

3.10.5 (2017-12-05)

\n
    \n
  • 🦀️ Revert Design\'s preview width to 320px
    • \n
\n

3.10.4 (2017-12-04)

\n
    \n
  • \n

    Design

    \n
      \n
    • ✨ Preview width is now 375px
      • \n
    • 🦀️ Update styles
      • \n
    \n
    • \n
  • ✨ Pop and Popover exports adjustPosition, it is rarely needed but can be used to trigger manual position update in some cases.
    • \n
  • 🦀️ Fix Button broken style in some cases.
    • \n
  • \n

    Upload

    \n
      \n
    • 🦀️ Update styles
      • \n
    • 🦀️ Fix some ES6 compatibility issues
      • \n
    \n
    • \n
\n

3.10.3 (2017-11-29)

\n
    \n
  • \n

    Upload

    \n
      \n
    • 🦀️ Fix accept not working
      • \n
    • 🦀️ Fix audio uplaod
      • \n
    \n
    • \n
  • 🦀️ Fix Pagination style
    • \n
  • \n

    Design

    \n
      \n
    • ✨ Update add component button style
      • \n
    • ✨ Optimize add component
      • \n
    • 🦀️ Remove auto scroll when adding/removing component
      • \n
    \n
    • \n
\n

3.10.2 (2017-11-28)

\n
    \n
  • 🦀️ Fix accept not working in Upload
    • \n
\n

3.10.1 (2017-11-27)

\n
    \n
  • 🎉 Add a new style for NumberInput, just set showCounter to true
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ Enhance file type check
      • \n
    • ✨ Supports audio upload
      • \n
    • 🦀️ Fix remove wrong image
      • \n
    \n
    • \n
  • \n

    Design

    \n
      \n
    • 🦀️ Fix some style issues
      • \n
    • ✨ Add canInsert, canDelete to control Add/Delete button visiblity
      • \n
    \n
    • \n
  • 🦀️ Fix Form cannot submit when containing async validations
    • \n
  • 🦀️ Fix Pop\'s TypeScript definition
    • \n
\n

3.10.0 (2017-11-24)

\n
    \n
  • 🎉 New YearPicker component
    • \n
  • \n

    Design

    \n
      \n
    • ✨ New add component UI
      • \n
    • ✨ Remove dependency on react-dnd
      • \n
    \n
    • \n
  • 🦀️ Allow empty data in Cascader
    • \n
\n

If your Desgin componets rely on react-dnd, you may have to inject react-dnd\'s context into your app.

\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
    • 🦀️ Fix font color in add component popup
      • \n
    • 🦀️ Temporarily removed the scroll into screen behavior when selecting a component
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ Fix FieldArray validation error after removing element
      • \n
    • 🦀️ Fix corrupted data in nested FieldArray
      • \n
    • 🦀️ Fix typo in documentation
      • \n
    • 🦀️ Fix setFieldsValue and initialize cannot set value to 0
      • \n
    • 🦀️ Fix non-submit validation still reports error when validateOnChange and validateOnBlur both are false
      • \n
    \n
    • \n
\n

3.9.8 (2017-11-21)

\n
    \n
  • 🦀️ Update add/remove component UI in Design
    • \n
\n

3.9.7 (2017-11-20)

\n
    \n
  • 🦀️ Fix grouped style in Design
    • \n
\n

3.9.6 (2017-11-20)

\n
    \n
  • \n

    Design

    \n
      \n
    • ✨ Supports tooltip if component count reaches limit
      • \n
    • ✨ Style updates
      • \n
    \n
    • \n
  • \n

    Input

    \n
      \n
    • ✨ Add select method to support text selection; and a corresponding autoSelect prop
      • \n
    • 🦀️ Fix styles in disabled state
      • \n
    \n
    • \n
  • 🦀️ Fix cannot upload the same image twice in Upload
    • \n
  • 🦀️ Fix exceptions when data in undefined or null in Select
    • \n
  • 🦀️ Fix disable logic in MonthPicker
    • \n
  • 🦀️ Fix emptyLabel type in Table
    • \n
  • 🦀️ Fix TypeScript definition for Button
    • \n
\n

3.9.5 (2017-11-13)

\n
    \n
  • ✨ You can search components in doc site now.
    • \n
  • 🦀️ Fix disable logic in DatePicker
    • \n
\n

3.9.4 (2017-11-09)

\n
    \n
  • 🦀️ Update English documentation
    • \n
\n

3.9.3 (2017-11-09)

\n
    \n
  • 🎉 New documentation site with English support
    • \n
  • ✨ Progress adds the ability to customize colors
    • \n
  • ✨ Form components(Input, Select etc.) now supports width=xx to set width
    • \n
  • ✨ Notify now has a config method to set duration globally
    • \n
  • ✨ DatePicker adds time support in max and min
    • \n
  • 🦀️ Fix async validations that haven\'t triggered before not triggered when submitting
    • \n
  • 🦀️ Fix getBoundingClientRect errors in Popover
    • \n
\n

3.9.2 (2017-11-06)

\n
    \n
  • ✨ Design now supports custom component type when creating new instance
    • \n
  • 🦀️ Fix cross page selection not working in some circumstances
    • \n
  • 🦀️ Fix some compatibility issues in React 16
    • \n
\n

3.9.1 (2017-11-02)

\n
    \n
  • 🦀️ Fix some style issues in Design
    • \n
\n

3.9.0 (2017-10-31)

\n
    \n
  • ✨ Add global normalization style，just like normalize.css and reset.css
    • \n
  • \n

    Grid:

    \n
      \n
    • 🦀️ Fix colums cannot be changed at runtime
      • \n
    • 🦀️ Fix unmatched height between left and right fixed columns when line height is larger than default height
      • \n
    • 🦀️ Fix right fixed column\'s shadow does not disappear when scroll to the right edge
      • \n
    \n
    • \n
  • 🦀️ Fix a variable name in Design
    • \n
  • 🦀️ Fix Form\'s ControlGroup cannot render functional component
    • \n
  • 📚 Update this site\'s styles
    • \n
\n

3.8.1 (2017-10-26)

\n
    \n
  • 🎉 New demo page, you can find it here
    • \n
  • 🎉 A new script to help create new components: yarn new-component
    • \n
  • ✨ Support row selection in Table, use canRowSelect to control this behavior, off by default
    • \n
  • \n

    Design:

    \n
      \n
    • 🦀️ Fix defaultSelectedIndex\'s logic
      • \n
    • 🦀️ Fix button style in Chrome 62
      • \n
    \n
    • \n
  • 🦀️ Fix data unexpectedly mutated in Select
    • \n
\n

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

\n
    \n
  • ✨ New useRawStyle option to support import postcss files, requires Zent >= 3.8.1
    • \n
\n

3.8.0 (2017-10-20)

\n
    \n
  • 🎉 New component InfiniteScroller, implements the scroll-to-load interaction.
    • \n
  • \n

    Form:

    \n
      \n
    • 🎉 Add FormSection and FieldArray support
      • \n
    • 🎉 Add setFieldsValue adn initialize
      • \n
    • 🎉 More builtin form fields: FormColorPickerField, FormDateRangePickerField, FormNumberInputField, FormSwitchField
      • \n
    • 🎉 Add notice to Field to support notice
      • \n
    • ✨ Add setFormDirty and isFieldDirty
      • \n
    \n
    • \n
  • ✨ Some optimizations in Select
    • \n
  • ✨ Add support to abort add component operation in Design
    • \n
  • ✨ onBeforeClose and onBeforeShow can abort current operation in Popover
    • \n
  • 🦀️ Slider now highlights dot and line correctly
    • \n
  • 🦀️ Fix TypeScript definition for DateRangePicker
    • \n
  • 🦀 Fix a style issue in SearchInput
    • \n
\n

3.7.0 (2017-09-28)

\n
    \n
  • 🎉 New component Grid, a rewrite of Table using HTML\'s table, some features are still missing in Grid
    • \n
  • 🎉 Zent now supports custom themes, add Colors and Theme documentations
    • \n
  • \n

    Steps:

    \n
      \n
    • ✨ Add support for onStepChange and sequence
      • \n
    • ✨ Update UI for number style
      • \n
    \n
    • \n
  • 🦀️ Fix warnings with React 16
    • \n
  • 🦀️ Fix warnings in Slider\'s documentation
    • \n
  • 🦀️ Update styles for DateRangeQuickPicker
    • \n
  • 🦀️ Fix selection not reset after reseting data in Select
    • \n
\n

3.6.1 (2017-09-21)

\n
    \n
  • 🦀️ Fix a style issue in Design
    • \n
\n

3.6.0 (2017-09-21)

\n
    \n
  • \n

    Design:

    \n
      \n
    • ✨ Supports grouped mode in add components area
      • \n
    • ✨ Supports instance limit for each component
      • \n
    \n
    • \n
  • ✨ DatePicker adds onBeforeConfirm and onBeforeClear hooks
    • \n
  • ️🦀️ Fix select-all checkbox not disabled when there\'s no selectable rows in Table
    • \n
  • 🦀️ Fix incorrect position in Popover after scrolling the page
    • \n
  • 🦀️ Fix disabled month is still selectable in MonthPicker
    • \n
\n

3.5.4 (2017-09-15)

\n
    \n
  • \n

    Swiper：

    \n
      \n
    • 🦀️ Fix UI issue when there\'s only one slide
      • \n
    • 📚 Add instance API in documentaion
      • \n
    \n
    • \n
  • 🦀️ Fix select-all not working in cross page mode in Table
    • \n
  • 🦀️ Revert Select\'s width style
    • \n
  • 🦀️ Fix beforeunload callback leaks in Design
    • \n
  • 🦀️ Fix Typescript definition for Tabs
    • \n
  • 📚 Add contribute guide in this site
    • \n
\n

3.5.3 (2017-09-13)

\n
    \n
  • 🦀️ Fix z-index issue when opening more than two Dialogs
    • \n
  • 🦀️ Fix today is not included in the last 7 days in DateRangeQuickPicker
    • \n
  • 🦀️ Fix tab cannot be selected when activeId is zero in Tabs
    • \n
  • 🦀️ Fix missing form validation errors if validateOnChange and validateOnBlur are both set to false in Form
    • \n
  • \n

    Table:

    \n
      \n
    • 🦀️ Fix missing clearfix style
      • \n
    • 🦀️ Fix totalItem not respected
      • \n
    • 📚 Fix title type description
      • \n
    \n
    • \n
  • 🦀️ Fix Select\'s height
    • \n
'}))}}}}]); \ No newline at end of file diff --git a/9349-97123a9821d9f05c1329.js b/9349-97123a9821d9f05c1329.js deleted file mode 100644 index c8c6ee310..000000000 --- a/9349-97123a9821d9f05c1329.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9349],{39349:(e,o,i)=>{"use strict";i.r(o),i.d(o,{default:()=>u});var n=i(73450),c=i(27378),d=i(57318),l=i(24246);function a(e,o){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),i.push.apply(i,n)}return i}function t(e){for(var o=1;oChange Log\n

You can find detailed change logs for versions prior to 3.5.3 at Github Log.

\n

Upgrade guides

\n\n

10.0.9(2023-04-24)

\n
    \n
  • ✨ datePicker export CombinedPanelRangePicker and SingleCalendarDatePanelPicker
    • \n
\n

10.0.7(2023-01-06)

\n
    \n
  • 🦀 Fix date jump after end date is selected in CombinedDateRangePicker
    • \n
\n

10.0.6(2022-12-27)

\n
    \n
  • 🦀 Fix infinite re-rendering in NumberInput caused by 10.0.5
    • \n
\n

10.0.5(2022-12-08)

\n
    \n
  • 🦀 Fix infinite re-rendering in NumberInput
    • \n
\n

10.0.4(2022-11-15)

\n
    \n
  • 🦀 href is no longer rendered in disabled <a> tag Button
    • \n
  • 🦀️ Fix onError typing issue in withErrorBoundary
    • \n
\n

10.0.3(2022-08-31)

\n
    \n
  • 🦀️ Fix theme colors
    • \n
\n

10.0.2(2022-08-23)

\n
    \n
  • ✨ Select add renderCollapsedContent prop to customize the rendering of the collapsed items
    • \n
  • 🦀️ AnimateHeight fix animation missing when appear is true and height is auto
    • \n
  • 🦀️ Fix theme colors
    • \n
\n

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

\n
    \n
  • ✨ Cascader supports using searchable and placeholder together
    • \n
\n

10.0.0(2022-03-28)

\n

See 10.x Upgrade Guides(Chinese Only)

\n

9.12.4(2022-01-11)

\n
    \n
  • \n

    Popover

    \n
      \n
    • 🦀 Fix withPop HOC type error
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀 Replace sort button with iconfont, fix position problem when font-family changed
      • \n
    • 🦀 selectedRowKeys support number type
      • \n
    \n
    • \n
  • 🦀 Fix css variable name matching problem, old color can be override and delete the useless prefix
    • \n
  • 🦀 Update caniuse-lite database to latest version
    • \n
\n

9.12.3(2021-12-08)

\n
    \n
  • DatePicker\n- 🦀️ Disable DatePicker confirm button when TimePicker is open
    • \n
\n

9.12.2(2021-11-26)

\n
    \n
  • 🦀️ Fix MiniPagination page number input renders wrong value in some cases
    • \n
\n

9.12.1(2021-11-17)

\n
    \n
  • Form\n- 🦀️ Add destroyOnUnmount and normalizeBeforeSubmit support to FieldSet and FieldArrayModel\n- 🦀️ Fix crash when FieldSet sets destroyOnUnmount and value or valid are never read
    • \n
  • CombinedDateRangePicker\n- 🦀️ Make onChange trigger only when confirm button is clicked\n- 🦀️ Fix start time lost after selecting end time
    • \n
\n

9.12.0(2021-10-26)

\n
    \n
  • Form\n- ✨ Add filter and sort methods to FieldArrayModel\n- ✨ Add useObservableBatchedEagerState for merging model changes\n- ✨ Replace useValue$ with observable-hooks
    • \n
  • Notice\n- 🦀️ Fix Notice.push crash in some cases(e.g. useEffect)\n- 🦀️ Changed Notice.push\'s return type and Notice.remove\'s parameter type from number to string
    • \n
  • 🦀️ Update caret-down and caret-up icons
    • \n
  • 🦀️ Update SplitButton arrow style
    • \n
  • 🦀️ Fix incorrect end date in RangeDatePicker when showTime is false
    • \n
  • 🦀️ Update caniuse-lite database to latest version
    • \n
\n

9.11.0(2021-09-29)

\n
    \n
  • ✨ Add meta.simplify to onChange callback in MenuCascader multiple mode
    • \n
  • I18n\n- ✨ Add useComponentI18nData hook\n- 🦀️ Refine I18nReceiver typings
    • \n
  • 🦀️ Fix onMove, onEnd and onMove callbacks triggered not up to date in Sortable
    • \n
  • 🦀️ Change default error message for Form Field required prop to \'required\'
    • \n
  • 🦀️ Fix style prop in Input being applied twice
    • \n
  • Grid\n- 🦀️ Fix state of the select all checkbox in header\n- 🦀️ Fix row highlight behavior when there\'re fixed columns but scroll.x is falsy value
    • \n
  • 🦀️ Upgrade caniuse-lite to latest
    • \n
  • 📚 Add onOpened and onClosed to Dialog doc
    • \n
  • 📚 Cleanup usage of danger and success Buttons in doc
    • \n
\n

9.10.1(2021-09-15)

\n
    \n
  • 🦀️ Preserve state in NumberInput when a rerender occurs during editing with no props change
    • \n
\n

9.10.0(2021-09-14)

\n
    \n
  • ✨ Add auto mode to topOffset and bottomOffset in Waypoint
    • \n
  • ✨ Auto focus to search input after selection in Cascader tags mode
    • \n
  • 🦀️ Stop event propagation in nested Form events(submit, reset and enter)
    • \n
  • 🦀️ Adjust default threshold to 1px for InfiniteScroller
    • \n
  • 🦀️ Grid will hide select all checkbox in batch operation area if batchRender returns null
    • \n
  • 🦀️ Update arrow icon in Select and Cascader
    • \n
  • 📚 Update caniuse-lite database
    • \n
  • 📚 Fix typo in Pagination demo
    • \n
  • 📚 Fix validate default value description in Form documentation
    • \n
  • 📚 Fix typo in ClampLines source code
    • \n
\n

9.9.3(2021-08-28)

\n
    \n
  • 🦀️ Replace ttypescript with ts-patch
    • \n
  • 🦀️ Fix MiniPagination not reacting to props.current change
    • \n
  • 🦀️ Fix lastPageHelp not working in pagination components
    • \n
  • 📚 Remove gitee mirror for docs
    • \n
  • 📚 Add Github Action to check for 404 links in Form doc
    • \n
  • 📚 Add docs on NumberInput onInput
    • \n
\n

9.9.2(2021-08-16)

\n
    \n
  • ✨ Add hotel icons
    • \n
  • Form\n- ✨ Add controlStyle support in FormContext\n- ✨ Add direction support in form layout\n- 🦀️ Fix FieldArrayModel.splice can not insert new items\n- 🦀️ Rename FieldUtils.makeChangeHandler to useChangeHandler because it\'s a React hook\n- 🦀️ Optimize validator runtime error message\n- 📚 Fix broken API links caused by upgrading typedoc in previous version
    • \n
\n

9.9.1(2021-07-30)

\n
    \n
  • 🦀️ Fix font-family missing version tag in Icon style
    • \n
  • 🦀️ Upgrade caniuse-lite database to latest
    • \n
\n

9.9.0(2021-07-23)

\n
\n

Please upgrade sass to >=1.33.0 if your sass complains about math.div function not found.

\n
\n
    \n
  • ✨ Semantic theme support and a new @zent/theme-sdk for generating theme config
    • \n
  • ✨ New jaJP component translations
    • \n
  • 🦀️ Prefix Tree CSS class names\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
  • 🦀️ NumberInput\n- Fix incorrectstate.value when props.value changes in uncontrolled mode\n- Fix demo behavior in docs
    • \n
  • 🦀️ Form\n- Deprecate Form.useFieldArrayValue in favor of Form.useFieldArrayChildModels\n- Fix demos missing Form docs
    • \n
  • 🦀️ Ban useLayoutEffect because of annoying warnings in SSR mode, use utils/hooks/useIsomorphicLayoutEffect instead
    • \n
  • 📚 Add a demo for using the return value of openDialog to close dialog in Dialog docs
    • \n
  • Remove postcss-plugin-constants plugin in NPM package
    • \n
  • Update caniuse-lite database to latest version
    • \n
  • Replace sass-lint with stylelint
    • \n
\n

9.8.0(2021-07-15)

\n
    \n
  • ✨ Rework all icons with a few new icons
    • \n
  • 🦀️ Fix UI not updated when selection changes in Grid
    • \n
  • 🦀️ Fix Select popup width when changing from display: none at mount to visible
    • \n
  • 🦀️ Rewrite and cleanup eslint rules
    • \n
  • 📚 Migrate site layout backbone to TypeScript
    • \n
\n

9.7.3(2021-07-02)

\n
    \n
  • 🦀️ Expose file and id properties in Upload file object, _file and _id are still there
    • \n
  • 🦀️ Fix bootstrap script
    • \n
  • 📚 Replace useMAppend with useMulti in Form documentation
    • \n
  • Update dependencies\n- TypeScript 4.1 to 4.3\n- rxjs v6 to v7\n- sortablejs 1.12.0 to 1.13.0\n- webpack v4 to v5, this improves dev mode compile performance\n- jest v24 to v27\n- postcss v6 to v8\n- Upgrade all other dependencies to the latest versions
    • \n
  • 📚 Replace react-refresh-webpack-plugin with @hot-loader/react-dom
    • \n
\n

9.7.2(2021-06-25)

\n
    \n
  • 🦀️ Fix Tag cannot be used as Pop\'s trigger
    • \n
  • 🦀️ Fix Now button disable logic in DatePicker
    • \n
  • 🦀️ Update caniuse-lite database to latest version
    • \n
  • 📚 Fix missing demos in DataPicker English documentation
    • \n
\n

9.7.1(2021-06-17)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ Add use-after-free check in models
      • \n
    • 🦀️ Fix performance warning text typo
      • \n
    • 📚 Add model API in documentation
      • \n
    • 📚 Update destroyOnUnmount description in documentation
      • \n
    \n
    • \n
  • 📚 Add long text FAQ in Pop documentation
    • \n
\n

9.7.0(2021-06-04)

\n
    \n
  • ✨ Allow Field and FieldArray hooks to be used without form context if using Model as argument. FieldSet hooks always require a form context.
    • \n
  • ✨ Allow referencing models using names in Model mode, it was only possible in View mode.
    • \n
  • ✨ Deprecate useModelValue and useModelValid, use useFieldValue and useFieldValid instead.
    • \n
  • ✨ Add builder property to all model objects, only available in Model mode
    • \n
  • ✨ Expose removeChild and registerChild in FieldSetModel and FormModel
    • \n
  • ✨ Overload push, unshift and splice method in FieldArrayModel to allow using model objects as arguments
    • \n
  • ✨ Add useNamedChildModel to subscribe child model remove/register actions
    • \n
  • 📚 Update docs with a new demo showing how to add or remove child models in Model mode
    • \n
\n

9.6.0(2021-05-28)

\n
    \n
  • ✨ Add threshold to InfiniteScroller to control the distance before the end of the items that will trigger a call to loadMore
    • \n
  • ✨ Support controlled mode for menu selection and expansion in inline Menu
    • \n
  • ✨ Support inline style in Checkbox
    • \n
  • 🦀️ Fix trigger and popup widths not in sync when width is not a number and popupWidth is not set in Select
    • \n
  • 📚 Update Collapse typings and docs
    • \n
\n

9.5.0(2021-05-07)

\n
    \n
  • ✨ Support non window container in Affix
    • \n
  • ✨ Add ref support to InfiniteScroller
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Support customize scroll DOM node in willScrollToError
      • \n
    • 🦀️ Remove null in ArrayBuilder typings
      • \n
    • 🦀️ Internal code path no longer triggers subscription performance warnings
      • \n
    \n
    • \n
  • 🦀️ Fix incorrect handling of Fragment in Popover triggers
    • \n
  • 🦀️ Fix incorrect handling of Fragment in ButtonDirective
    • \n
  • 🦀️ Fix onChange not fired within IMEComposition in some browsers, e.g. Safari
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀️ Update single/multiple/expand column styles
      • \n
    • 🦀️ Rename nowrap to noWrap in column config, nowrap still works
      • \n
    • 📚 Remove Table comparison in documentation
      • \n
    \n
    • \n
  • 📚 Update Form documentation
    • \n
\n

9.4.2(2021-03-26)

\n
    \n
  • 🦀️ Change children to optional in Badge TS definition
    • \n
  • 🦀️ Upgrade @wojtekmaj/enzyme-adapter-react-17 to latest version
    • \n
  • \n

    Upload

    \n
      \n
    • 🦀️ Fix getUploadSuccessOverrideProps not working
      • \n
    • 🦀️ Fix typos in code and doc
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ Add warning when setting default value in props.props in FormInputField, FormImageUploadField and FormUploadField
      • \n
    • 📚 Fix issues caused by using array index as key in Model strategy example
      • \n
    • 📚 Restructure documentation for better readbility
      • \n
    \n
    • \n
  • 📚 Fix crash in Select virtual scroll demo
    • \n
  • \n

    Documentation

    \n
      \n
    • 📚 Add sync to Gitee Pages step in Github Action
      • \n
    • 📚 Send Wechat Work notification after releasing a new version in Github Action
      • \n
    • 📚 Update logo and design site link
      • \n
    \n
    • \n
\n

9.4.1(2021-03-11)

\n
    \n
  • ✨ Export useFormChild in Form
    • \n
  • 🦀️ Fix incorrect selection state after options changes in Cascader
    • \n
  • 📚 Use relative url for links to old versions of docs
    • \n
  • 📚 Upgrade prismjs to fix security issues
    • \n
  • 📚 Add Dialog UI changes to breaking changes in v9 change log
    • \n
\n

9.4.0(2021-02-26)

\n
    \n
  • ✨ Popover / Pop / Tooltip hover mode handles disabled input and button correctly, but only with zent native inputs and buttons
    • \n
  • \n

    Select

    \n
      \n
    • ✨ Add meta onKeywordChange to distinguish event source
      • \n
    • 🦀️ Suppress onChange events during IME composition
      • \n
    \n
    • \n
\n

9.3.0(2021-01-28)

\n
    \n
  • ✨ MenuCascader supports selection merge with simplifySelection
    • \n
  • \n

    Form

    \n
      \n
    • ✨ AddclearError to form models
      • \n
    • ✨ Add two new hooks useModelValue and useModelValid which don\'t rely on FormContext
      • \n
    \n
    • \n
  • 📚 Add missing description of Table in v9 changelog
    • \n
\n

9.2.0(2021-01-21)

\n
    \n
  • ✨ Grid now supports single selection
    • \n
  • \n

    DatePicker

    \n
      \n
    • 🦀️ Fix year and month selection disable logic
      • \n
    • 🦀️ Update UI interaction in CombinedDatePicker
      • \n
    • 🦀️ disabled and canClear in DateRangePicker can be an array
      • \n
    \n
    • \n
  • 🦀️ Fix min and max not working in DateRangeQuickPicker
    • \n
  • 🦀️ Fix typings in Select, Switch and CheckboxGroup
    • \n
  • 🦀️ Fix React warning in Form with willScrollToError
    • \n
  • 🦀️ Update arrow style in Select and Cascader
    • \n
\n

9.1.2(2021-01-11)

\n
    \n
  • 🦀️ Fix incorrect checkbox state in Grid
    • \n
  • 🦀️ Fix expandAll not reacting to props change in Tree
    • \n
  • 🦀️ Fix FormInputField demo in Form doc
    • \n
\n

9.1.1(2021-01-05)

\n
    \n
  • ✨ Add a new icon
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Supports custom offsets through willScrollToError when scrolling to first error
      • \n
    • 🦀️ Changed vertical margin between fields to 24px
      • \n
    \n
    • \n
\n

9.1.0(2020-12-21)

\n
    \n
  • 💥 Fix generic types in Select, from one type parameter to two type parameters, Select<ISelecItem<number>> => Select<number>
    • \n
  • ✨ New simple file upload component
    • \n
  • ✨ Supports custom step in NumberInput
    • \n
  • 🦀️ Fix border style issue in disabled Button
    • \n
\n

9.0.2(2020-12-18)

\n
    \n
  • ✨ Swiper supports custom previous/next button
    • \n
\n

9.0.1(2020-12-18)

\n
    \n
  • \n

    Select

    \n
      \n
    • ✨ Add value reviver support to Select
      • \n
    • ✨ Support custom tag list render in multiple mode
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • ✨ batchRender adds position information
      • \n
    • 🦀️ Fix incorrect height with float grouped header
      • \n
    \n
    • \n
  • 🦀️ DateRangeQuickPicker formats the endtime of today to current time
    • \n
\n

9.0.0(2020-12-14)

\n

See Upgrade to 9.x.

\n

8.6.3(2021-03-19)

\n
    \n
  • 🦀️ Fix onUpload return value being ignored in Upload
    • \n
\n

8.6.2(2021-01-11)

\n
    \n
  • 🦀️ Fix expandAll not reacting to prop change in Tree
    • \n
\n

8.6.1(2020-12-18)

\n
    \n
  • \n

    Grid

    \n
      \n
    • 🦀️ Fix the fixed cloumns\' height when head groups
      • \n
    • 🦀️ batchRender supports second optional parameter about position
      • \n
    \n
    • \n
\n

8.6.0(2020-12-15)

\n
    \n
  • ✨ Supports rgba in theme colors
    • \n
  • 🦀️ Adjust Radio right margin to 24px
    • \n
\n

8.5.12(2020-11-05)

\n
    \n
  • 🦀️ Fix wrong file order when uploading in Upload
    • \n
  • 🦀️ Fix custom row component prop type in Grid
    • \n
\n

8.5.11(2020-10-28)

\n
    \n
  • 🦀️ Fix type definitions in Form
    • \n
  • 🦀️ Fix WindowEventHandler compatibilty issue with SSR
    • \n
  • 🦀️ Hide clear button when Input is not editable
    • \n
\n

8.5.10(2020-10-22)

\n
    \n
  • Fix a bug that prevents moving an item to the front in Sortable
    • \n
\n

8.5.9(2020-10-12)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ Fix cannot assign value to FormModel.prototype.owner
      • \n
    • 🦀️ Optimize async subscribe logic in value-listener
      • \n
    • 🦀️ Optimize TypeScript definitions
      • \n
    \n
    • \n
  • 🦀️ Fix incorrect handleing of disabled in Button
    • \n
  • 🦀️ Fix runtime error in Portal when used in SSR mode
    • \n
  • 🦀️ Fix ClampLines render issues when text is empty
    • \n
\n

8.5.8(2020-09-11)

\n
    \n
  • 🦀️ Adjust space between succesive Buttons
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Add form.resetValue to reset all fields to initialValue
      • \n
    • 🦀️ Fix unnessary creation of ZentForm
      • \n
    \n
    • \n
  • \n

    Input

    \n
      \n
    • ✨ Add a new onIconClick callback
      • \n
    • ✨ TextareaInput add maxCharacterCount prop to support textarea\'s value out of range
      • \n
    \n
    • \n
\n

8.5.7(2020-08-28)

\n
    \n
  • 🦀️ Fix Progress of circle\'s normalColor, successColor, exceptionColor and strokeWidth not working
    • \n
\n

8.5.6(2020-08-21)

\n
    \n
  • 🦀️ Fix Slider value out of range
    • \n
  • 🦀️ Adjust space between succesive Checkboxs
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ Export IMaybeError and ValidatorContext
      • \n
    • 🦀️ Fix FormSelectField type definition
      • \n
    \n
    • \n
\n

8.5.5(2020-08-14)

\n
    \n
  • ✨ Loading has a new prop colorPreset
    • \n
  • ✨ ColorPicker now supports disabled, and is compatible with Disabled component
    • \n
  • 🦀️ Fix Table\'s renderBody TypeScript definition
    • \n
  • 🦀️ Fix Form\'s scrollToError scrolls to wrong position
    • \n
  • 🦀️ Remove unused dependency formulr
    • \n
  • 🦀️ Updated two icons: calendar-o and gift
    • \n
  • 📚 Update prismjs to 1.21.0 for documentation code highlight
    • \n
\n

8.5.4(2020-08-04)

\n
    \n
  • 🦀️ Fix unmatched TypeScript and tslib version in 8.5.3
    • \n
  • 🦀️ Fix label text color in disabled Checkbox
    • \n
  • 📚 Add a new demo for custom Form field
    • \n
\n

8.5.3(2020-07-22)

\n
    \n
  • ✨ Add a new icon thumbnail
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Merge formulr into Zent repository
      • \n
    • ✨ Add FormContext, only supports labelStyle for now
      • \n
    • 🦀️ Ensure FieldArray\'s child has an id, no need to use array indices for key
      • \n
    • 🦀️ Fix a React warning
      • \n
    \n
    • \n
  • 🦀️ Fix an issue in Grid when batchComponents is an empty array
    • \n
  • 🦀️ Fix style lint when building custom theme
    • \n
  • 🦀️ Allow word wrap in ClampLines
    • \n
  • 📚 Add babel-plugin-zent link in doc site side nav
    • \n
  • 📚 Fix some style issue in doc site
    • \n
\n

8.5.2(2020-06-23)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ Fix some minor issues
      • \n
    • 🦀️ FormSelectField is compatible with tags mode
      • \n
    • 🦀️ Export validator types
      • \n
    \n
    • \n
  • 🦀️ Fix Swiper transition issue in some edge cases
    • \n
  • 🦀️ Fix ScrollAlert children check
    • \n
\n

8.5.1(2020-06-10)

\n
    \n
  • ✨ Tooltip now passes display prop to Popover
    • \n
  • ✨ New icon: drag
    • \n
  • 🦀️ Update Dialog TypeScript definition
    • \n
  • 🦀️ Fix NumberInput TypeScript definition
    • \n
  • 🦀️ Fix Form warning in React >= 16.13
    • \n
  • 📚 More docs on Form ValidateOption
    • \n
\n

8.5.0(2020-05-07)

\n
    \n
  • ✨ Add 4 new icons: folder-o, open-folder-o, refresh, save-o
    • \n
  • ✨ Remove Upload default help text, don\'t render help text if tips is not present
    • \n
  • \n

    Alert

    \n
      \n
    • ✨ Add hint style
      • \n
    • ✨ Add ScrollAlert for rolling alert
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Field\'s validate now propagates to FieldArray or FieldSet
      • \n
    • ✨ Add ValidatorMiddlewares, these middlewares can be used to dynamically change validators behavior
      • \n
    • ✨ FormSelectField pass through children
      • \n
    • 🦀️ Fix Form submit use after unmount
      • \n
    • 🦀️ Fix Select、Option、FormInputField type definition
      • \n
    \n
    • \n
  • 🦀️ Fix Grid shadow after scroll.x changes
    • \n
  • 🦀️ Fix Collapse type definition
    • \n
  • 🦀️ Fix Pagination page jump not working in some cases
    • \n
\n

8.4.0-1(2020-11-17)

\n
    \n
  • 🦀️ Fix CSS Variable support in some components
    • \n
\n

8.4.0(2020-03-16)

\n
    \n
  • ✨ Upload item UI can be customized
    • \n
  • ✨ Update Tabs button like style
    • \n
  • 🦀️ Fix development compatibility issue on Windows
    • \n
  • 🦀️ Fix an issue where DatePicker modifies Date values in props directly
    • \n
  • \n

    Grid

    \n
      \n
    • 🦀️ Fix shadow of fixed column when window resizes
      • \n
    • 🦀️ Fix background color when row hover highlight is disabled
      • \n
    • 🦀️ Fix TypeScript definition of getCheckboxProps
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ Export BasicForm
      • \n
    • 🦀️ Fix mishandling of type conversion for required
      • \n
    \n
    • \n
\n

8.3.0(2020-02-26)

\n
    \n
  • \n

    Grid

    \n
      \n
    • ✨ Add disableHoverHighlight to disable row hover highlight
      • \n
    • 🦀️ Fix wrong selection data after reverting [Select All]
      • \n
    \n
    • \n
  • 🦀️ Fix some broken style in documentation
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ Update styles
      • \n
    • 🦀️ Fix FieldSet type definition
      • \n
    • 🦀️ Export ValidateOption
      • \n
    \n
    • \n
  • 📚 Upgrade documentation site dependencies
    • \n
\n

8.2.0(2020-02-18)

\n
    \n
  • ✨ BlockHeader has a new minimum style
    • \n
  • ✨ Grid stick header offset top can be customized
    • \n
  • 🦀️ Fix style issue when value is outside range in Progress
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ Fix error style
      • \n
    • 🦀️ Fix TypeScript definition
      • \n
    \n
    • \n
\n

8.1.0(2020-02-10)

\n
    \n
  • \n

    Grid

    \n
      \n
    • ✨ Support sticky header
      • \n
    • ✨ Row checkbox can have a tooltip for the reason
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Add field interaction demo
      • \n
    • ✨ Allow validators in Field when model is used
      • \n
    • 🦀️ Fix a FormNumberInputField bug that causes data and view in an inconsistent state
      • \n
    • 🦀️ Updated line height for non input fields
      • \n
    \n
    • \n
  • 🦀️ Improved dragging performance in ColorPicker
    • \n
  • 🦀️ Fix item not selected when Select mounts
    • \n
  • \n

    Upload

    \n
      \n
    • 🦀️ Include failed files when calculating file numbers
      • \n
    • 🦀️ Export FILE_UPLOAD_STATUS as static property on component
      • \n
    \n
    • \n
\n

8.0.1(2020-01-19)

\n
    \n
  • \n

    Upload

    \n
      \n
    • 🦀️ Use a different CSS class name from the old version
      • \n
    • 🦀️ Fix a pagination bug when removing items
      • \n
    \n
    • \n
\n

8.0.0(2020-01-17)

\n
    \n
  • 🎉 New component Waypoint
    • \n
  • 🎉 New component Dropdown
    • \n
  • 🎉 [breaking change] Rewrite Upload, use @zent/compat if you want the old version
    • \n
  • \n

    Cascader

    \n
      \n
    • ✨ Add support to disabled
      • \n
    • ✨ Remove prefix
      • \n
    • 🦀️ onChange is passed the same option item from props
      • \n
    • 🦀️ Update placeholder text color
      • \n
    • 🦀️ [breaking change] Namespace all CSS selectors
      • \n
    \n
    • \n
  • \n

    Select

    \n
      \n
    • ✨ Remove prefix
      • \n
    • 🦀️ Update caret style
      • \n
    • 🦀️ [breaking change] Namespace all CSS selectors
      • \n
    \n
    • \n
  • \n

    Affix

    \n
      \n
    • ✨ Rewrite using Waypoint
      • \n
    • ✨ [breaking change] offsetTop has no default value
      • \n
    • ✨ offsetTop and offsetBottom can be used together
      • \n
    \n
    • \n
  • \n

    InfiniteScroller

    \n
      \n
    • ✨ Rewrite using Waypoint
      • \n
    • ✨ [breaking change] Remove offset, useCapture and prefix
      • \n
    • ✨ [breaking change] Rename initialLoad to skipLoadOnMount
      • \n
    • ✨ [breaking change] hasMore defaults to false
      • \n
    • ✨ [breaking change] useWindow defaults to false
      • \n
    \n
    • \n
  • ✨ Optimize event handlers in every place
    • \n
  • \n

    Icon

    \n
      \n
    • ✨ New icons filter-o and scan-code-o
      • \n
    • ✨ Rename text-guide to text-guide-o
      • \n
    • ✨ Rename video-guide to video-guide-o
      • \n
    \n
    • \n
  • ✨ QuickDateRangePicker can select a default preset on mount
    • \n
  • ✨ Replace tslint with eslint
    • \n
  • 🦀️ Update Dialog close button style
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Add useFieldValue hook
      • \n
    • ✨ Form gets a getSubmitValue method
      • \n
    • 🦀️ Update error style
      • \n
    • 🦀️ Update TypeScript definition
      • \n
    • 🦀️ Export FormDescription component
      • \n
    • 🦀️ FormSelectField properly handles withoutLabel
      • \n
    • 🦀️ layout is optional
      • \n
    \n
    • \n
  • 🦀️ Fix CopyButton TypeScript definition
    • \n
  • 🦀️ Update Pagination font style
    • \n
  • 🦀️ Fix Rate icon issue when using fraction values
    • \n
  • 🦀️ Fix incorrect rewrite rules used in babel-plugin-zent
    • \n
\n

7.4.5(2021-03-11)

\n\n

7.4.4(2020-05-11)

\n
    \n
  • 🦀️ Fix a state bug in NumberInput
    • \n
\n

7.4.3(2019-12-19)

\n
    \n
  • 🦀️ Fix FormSelectField\'s destroyOnUnmount not working
    • \n
  • 🦀️ Update Form TypeScript definition
    • \n
  • 🦀️ All props are under props in FormNumberInputField(integer) and FormSelectField(tags, data)
    • \n
  • 🦀️ Update form error style
    • \n
\n

7.4.2(2019-12-13)

\n
    \n
  • 🦀️ Fix a style issue in Grid
    • \n
  • 🦀️ Fix TypeScript definition in DateRangeQuickPicker
    • \n
\n

7.4.1(2019-12-13)

\n
    \n
  • ✨ New icons：doc, video, audio
    • \n
  • ✨ Replace tinycolor2 with an internal slim version
    • \n
  • 🦀️ Fix SSR for Layout
    • \n
  • 🦀️ Add back support for a.b.c for column name in Grid, only for compatibility, not recommended for daily use
    • \n
  • 🦀️ Fix repeated initialization in Sortable and TypeScript definition bugs
    • \n
  • 🦀️ Fix TextMark TypeScript definition
    • \n
  • 🦀️ Enlarge icon size in time pickers
    • \n
  • 🦀️ Change title to ReactNode in BlockHeader
    • \n
  • 🦀️ Cleanup unused createAlias usage
    • \n
\n

7.4.0(2019-12-06)

\n
    \n
  • ✨ New Tooltip component
    • \n
  • ✨ Replace lodash-es with built-ins and language features
    • \n
  • 🦀️ [breaking change] All time related pickers\' isFooterVisble prop is renamed to isFooterVisible.
    • \n
  • 🦀️ Fix Enter to select not working after filter in Select
    • \n
  • 🦀️ Fix Upload crash if you remove some item during upload
    • \n
  • 🦀️ Don\'t reassign unique internal id after DnD sort in Upload
    • \n
\n

7.3.2(2019-11-29)

\n
    \n
  • ✨ Link moves to its own directory, compatible with Disabled
    • \n
\n

7.3.1(2019-11-27)

\n
    \n
  • ✨ New Link component to replace zent-link CSS class
    • \n
  • ✨ Add labelStyle to Radio and Checkbox
    • \n
  • 🦀️ Fix ButtonDirective children style issue
    • \n
  • 🦀️ Fix inconsistent package version between build and publish
    • \n
  • 🦀️ Revert Radio label\'s display to inline
    • \n
  • 🦀️ Fix elements other than Radio are invisible inside RadioGroup
    • \n
  • 🦀️ Fix elements other than Checkbox are invisible inside CheckboxGroup
    • \n
\n

7.3.0(2019-11-25)

\n
    \n
  • 🎉 Isolate styles in different zent versions
    • \n
  • 🎉 Add a few compile time constants to TypeScript and SCSS compiler, like __FILE__ in C
    • \n
  • 🦀️ Update icon color in BlockHeader
    • \n
  • 🦀️ Fix style issue in Grid when batch operation and fixed header are both present
    • \n
  • 🦀️ Fix FormRadioGroupField defaultValue test issue
    • \n
\n

7.2.0(2019-11-18)

\n
    \n
  • 🎉 New IMEComposition component
    • \n
  • ✨ Add batch operation to Grid
    • \n
  • ✨ Add tooltip when hover on next page in Pagination
    • \n
  • ✨ Upgrade date-fns to 2.x
    • \n
  • ✨ Fork fecha and rewrite in TypeScript
    • \n
  • 📚 Add more docs on Form usage
    • \n
  • 🦀️ Enlarge icon size in BlockHeader
    • \n
  • 🦀️ Fix height issue in Radio and Checkbox
    • \n
  • 🦀️ Fix data missing when using useFieldArrayValue
    • \n
  • 🦀️ Fix the handling of undefined values in default error render of Form fields
    • \n
  • 🦀️ Fix type definitions in FormSelectField, Form and FieldSet
    • \n
  • 🦀️ Fix type definitions in Switch, CopyButton and DatePicker
    • \n
\n

7.1.0(2019-11-08)

\n
    \n
  • ✨ Select adds an retainNullOption option to allow Options with null value to be selected
    • \n
  • ✨ New Notify.info method
    • \n
  • 📚 Brand new icon grid
    • \n
  • 🦀️ Fix Progress style when page is zoomed in/out in Safari
    • \n
  • 🦀️ Fix type definition for Form and Cascader
    • \n
  • 🦀️ Update i18n usage in Pagination and QuarterPicker
    • \n
\n

7.0.1 (2019-11-01)

\n
    \n
  • Add default export to Form
    • \n
\n

7.0.0 (2019-11-01)

\n

This is major release with lots of breaking changes, read the full change log.

\n

6.6.2 (2019-02-26)

\n
    \n
  • \n

    Form

    \n
      \n
    • 🦀️ Fix field error even if async validation is passed
      • \n
    • 🦀️ Update createForm TypeScript definition
      • \n
    \n
    • \n
  • 🦀️ Handle DOM not exist exception for Affix and Avatar
    • \n
\n

6.6.1 (2019-01-30)

\n
    \n
  • 🦀️ Fix bug in Grid header scroll
    • \n
\n

6.6.0 (2019-01-29)

\n
    \n
  • ✨ Grid supports head groups
    • \n
  • 🦀️ Fix undefined error in Table, Grid and WindowResizeHandler
    • \n
\n

6.5.3 (2019-01-13)

\n
    \n
  • ✨ Pop position now supports function value, same as Popover.Position.create
    • \n
  • \n

    Form

    \n
      \n
    • 📚 Add docs about custom validation function
      • \n
    • 🦀️ Fix form scroll when using Fragment
      • \n
    \n
    • \n
  • 🦀️ Fix ClampLines not updating when changing text
    • \n
  • 🦀️ Fix use after unmount bug in some components, e.g. Table, Select, Grid and ClampLines
    • \n
\n

6.5.2 (2018-12-12)

\n
    \n
  • ⚠️ Reverts an regression introduced in 6.4.0. When using FormSelectField in tags mode, the value in onChange callback is broken. Select itself is not affected.
    • \n
\n

6.5.1 (2018-12-07)

\n

⚠️ 6.5.2 reverted a regression for FormSelectField in tags mode.

\n
    \n
  • ✨ Add a new icon
    • \n
  • \n

    Table

    \n
      \n
    • ✨ Support indeterminate state for row selection checkbox
      • \n
    • 🦀️ Fix right align not working
      • \n
    \n
    • \n
  • 🦀️ Fix Form component validation in propTypes definition
    • \n
  • 🦀️ Fix some TypeScript definition bugs
    • \n
\n

6.5.0 (2018-10-29)

\n

⚠️ 6.5.2 reverted a regression for FormSelectField in tags mode.

\n

⚠️ Form\'s change may reveal bugs in working code, you can handle these unhandled exceptions in onSubmitFail.

\n
    \n
  • ✨ Add a few new icons
    • \n
  • 🦀️ Form will re-throw unhandled exceptions during submit
    • \n
  • 🦀️ Replace Object.assign with lodash/assign
    • \n
  • 🦀️ Fix incorrect z-index in SKU
    • \n
  • 🦀️ Fix Grid\'s TypeScript definition
    • \n
\n

6.4.1 (2018-10-16)

\n

⚠️ 6.5.2 reverted a regression for FormSelectField in tags mode.

\n
    \n
  • ✨ Tabs can have custom content through navExtraContent
    • \n
\n

6.4.0 (2018-09-26)

\n

⚠️ 6.5.2 reverted a regression for FormSelectField in tags mode.

\n
    \n
  • ✨ Support tags mode in FormSelectField (reverted)
    • \n
  • 🦀️ Fix Select placeholder color
    • \n
  • 🦀️ Fix Upload broken style when uploading multiple audio files
    • \n
\n

6.3.0 (2018-09-07)

\n
    \n
  • ✨ TimePicker add disabledTime support
    • \n
  • ✨ Loading supports show delay
    • \n
  • ✨ Add ES module output
    • \n
  • ✨ babel-plugin-zent@1.2.1 now has an option to only transform styles imports, use with ES module to support tree shaking(requires bundle tool support)
    • \n
  • \n

    InfiniteScroller

    \n
      \n
    • 🦀️ Fix loadMore repeatedly get called
      • \n
    • 🦀️ Fix documentation
      • \n
    \n
    • \n
\n

6.2.0 (2018-08-24)

\n
    \n
  • 🎉 Add ClampLines component
    • \n
  • ✨ Grid suppports DnD
    • \n
  • ✨ Menu add sub menu click and expand/collapse callback
    • \n
  • 🦀️ Disable input auto complete in DatePicker
    • \n
  • 🦀️ Fix bug when initializing FieldArray
    • \n
\n

6.1.0 (2018-08-03)

\n
    \n
  • \n

    Grid

    \n
      \n
    • ✨ Support a default text for each column
      • \n
    • 🦀️ Fix selection.getCheckboxProps not updated
      • \n
    \n
    • \n
  • ✨ Add some new Icons
    • \n
  • ✨ Cascader menu trigger can be controlled by expandTrigger
    • \n
  • ✨ Add containerSelector support for Pop
    • \n
  • \n

    Button

    \n
      \n
    • ✨ Style update
      • \n
    • ✨ Add a space between button text iff button text consists of two Chinese characters
      • \n
    \n
    • \n
  • 🦀️ Fix a floating point number parsing issue in NumberInput
    • \n
  • 🦀️ Rows in Table now can be configured as selected and disabled
    • \n
  • 🦀️ Fix FieldArray not updating in Form
    • \n
  • 🦀️ Fix lots of TypeScript definition issues
    • \n
\n

6.0.1 (2018-07-13)

\n
\n

⚠️ Icon\'s ttf file may be broken on Windows in previous versions, use this version if Windows means a lot to you.

\n
\n
    \n
  • 🦀️ Fix broken Icons in Windows
    • \n
\n

6.0.0 (2018-07-04)

\n
\n

React <= 15.3 is no longer supported

\n

Documentation site is now on github pages

\n
\n
    \n
  • 💥 [breaking change] Remove on, off and newInstance static methods in Loadign
    • \n
  • 💥 [breaking change] Fix WeekPicker disable and selection logic
    • \n
  • 💥 [breaking change] Table cell now uses border-box
    • \n
  • 💥 [breaking change] Remove zent-select from Select popover, this class should only be on the trigger
    • \n
  • 🎉 New component Mention
    • \n
  • 🎉 New component Timeline
    • \n
  • 🎉 Rewrite Tree, add useNew prop to use this new version. APIs are compatible with the old one, and a controlled mode is added in this new version.
    • \n
  • \n

    Form

    \n
      \n
    • ✨ FieldArray supports calling calling date date manipulation funcitons in a chain, e.g. push, shift
      • \n
    • ✨ DateRangePickerField and DateRangeQuickPickerField supports passing format prop to the underlying componets using dateFormat
      • \n
    • ✨ Add missing DatePicker related Fields，e.g. FormWeekPickerField
      • \n
    • ✨ FieldArray supports initialization using setFieldsValue and initialize
      • \n
    \n
    • \n
  • \n

    Grid

    \n
      \n
    • ✨ Add missing TypeScript definition
      • \n
    • ✨ Add support for row expansion using the same expandation prop as Table
      • \n
    • ✨ Add a new onExpand callback when a row is expanded
      • \n
    • ✨ Support page size in onChange
      • \n
    • 🦀️ Remove cloneDeep usage，cloning a react element in React 16 results an error
      • \n
    • 🦀️ Fix rowKey not working
      • \n
    • 📚 Update documentation
      • \n
    \n
    • \n
  • \n

    ErrorBoundary

    \n
      \n
    • ✨ Add a new catchError HOC，useful when using decorator
      • \n
    • 📚 Fix withErrorBoundary documentation
      • \n
    \n
    • \n
  • \n

    Cascader

    \n
      \n
    • ✨ Add displayText to customize value display
      • \n
    • 🦀️ Fix a bug if value does not exist
      • \n
    \n
    • \n
  • ✨ AutoComplete now handles TAB
    • \n
  • ✨ SplitButton supports dropdown position configuration
    • \n
  • ✨ Table now passes page size in its onChange callback
    • \n
  • ✨ Pagination now triggers onPageSizeChange callback when page size changes
    • \n
  • ✨ The onChange callback now supports page size in Table
    • \n
  • 🦀️ Fix BlockHeader HTML tag nesting bug(a div cannot be inside a p)
    • \n
  • 🦀️ Fix Avatar\'s TypeScript definition
    • \n
  • 🦀️ Fix Sortable\'s TypeScript definition
    • \n
  • 🦀️ Fix SplitButton\'s TypeScript definition
    • \n
  • 🦀️ Fix Tabs\'s TypeScript definition
    • \n
  • 🦀️ Add a few more icons
    • \n
  • 🦀️ Fix addonBefore and addonAfter style in Input
    • \n
  • 🦀️ Fix a bug in Swiper when removing the second last element
    • \n
  • 🦀️ Fix error when closing Loading in React 16
    • \n
  • \n

    Dialog

    \n
      \n
    • 🦀️ Fix a bug when closing dialog
      • \n
    • 🦀️ Fix a bug when used in SSR
      • \n
    \n
    • \n
  • 🦀️ Fix some typo in Button
    • \n
  • 🦀️ Fix Collapse prop type
    • \n
  • 🦀️ Fix DatePicker time disable logic
    • \n
  • 🦀️ Fix a bug when calling focus in Select
    • \n
  • 🦀️ Remove some unused style in Card
    • \n
  • 📚 Fix typo babel
    • \n
\n

Breaking change workaronds

\n
\n

Loading on, off, newInstance workaround：

\n
\n

Replace Loading.on and Loading.off with a Loading instance, and controll it using component state.

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

If you use newInstance, just render multile <Loading> instances.

\n
\n

WeekPicker workaround:

\n
\n
    \n
  • If you are not using disabledDate, then you\'re mostly fine.
    • \n
  • WeekPicker now returns only the dates can be selected, but in old versions it will return the whole week including those disabled dates.
    • \n
  • The [start, end] value in disabledDate has some change in time part. The start has time set to 00:00:00:000 while the end has time set to 23:59:59:999.
    • \n
  • If your code relies on the time part when comparing two Date objects, you are likely in trouble with this new bahavior. Either ajust your logic to get the time part correct, or don\'t rely on time part when comparing two Date objects.
    • \n
\n
\n

Table cell style workaround:

\n
\n

Table\'s cell box-sizing has changed to border-box, so you may have to adjust your column width.

\n
\n

Select zent-select workaround:

\n
\n

If you rely on zent-select when overwriting Select popover style, use zent-select__popover instead.

\n

5.1.1 (2018-04-19)

\n
    \n
  • 🦀️ Fix missing Dialog close animation in some cases
    • \n
  • 🦀️ Fix incorrect Table cell width
    • \n
  • 🦀️ Allow non ControlGroup in Form when scrolling to first error
    • \n
  • ✨ Upgrade lerna to latest version
    • \n
\n

5.1.0 (2018-04-17)

\n
    \n
  • 🎉 New component ErrorBoundary, requires React >= 16
    • \n
  • 🎉 New component SplitButton
    • \n
  • ✨ previewImage now supports image zoom
    • \n
  • ✨ BlockHeader adds a new prop childAlign to control child position
    • \n
  • ✨ Refactor Portal, add PurePortal and LayeredPortal
    • \n
  • ✨ Upgrade DnD library in Design
    • \n
  • ✨ Add open/close animation to Dialog
    • \n
  • \n

    YearPicker

    \n
      \n
    • ✨ Add max and min support
      • \n
    • ✨ value supports Date type
      • \n
    \n
    • \n
  • 🦀️ Fix Loading height ignored in some cases
    • \n
  • 🦀️ Fix BlockHeader style
    • \n
  • 🦀️ Fix Popover wrong position in React 16
    • \n
  • 🦀️ Fix Form asyncValidate not returning Promise in some cases
    • \n
  • 🦀️ Fix Pagination style
    • \n
  • 🦀️ tag mode in Select will not scroll when content overflows
    • \n
  • 🦀️ Fix Cascader tests in React 16
    • \n
  • 📚 Update screenshots in docs
    • \n
\n

5.0.1 (2018-03-20)

\n
    \n
  • 🦀️ Fix text overflow issues in WeekPicker
    • \n
  • 🦀️ Fix some build issues
    • \n
\n

5.0.0 (2018-03-16)

\n
\n

⚠️ Upload is broken in this version, do NOT use.

\n

React 16 is now offically supported.

\n
\n
    \n
  • 🎉 Upgrade to React 16
    • \n
  • \n

    Button

    \n
      \n
    • ✨ Add support for Icons
      • \n
    • ✨ New Button.Group component
      • \n
    \n
    • \n
  • ✨ Steps now has a new state: process, and default state value is changed to process
    • \n
  • 🦀️ Fix height bug in Loading
    • \n
  • 🦀️ Fix BlockHeader style
    • \n
  • \n

    Tree

    \n
      \n
    • 🦀️ Fix expand not working
      • \n
    • 📚 Add doc about loadMore
      • \n
    \n
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ Allow custom error messages through errorMessages
      • \n
    • 🦀️ Move CSS class name to zent-upload namespace
      • \n
    \n
    • \n
\n

4.3.2 (2018-03-07)

\n
\n

⚠️ Loading style is broken in this version, do NOT use.

\n
\n
    \n
  • 🦀️ Update Loading height logic
    • \n
  • 🦀️ Fix text in Pagination
    • \n
  • 🦀️ Fix bugs when using nested Radio and Checkbox
    • \n
  • 🦀️ Radio and Checkbox will ignore readonly and disabled settings on itself if it is within a group
    • \n
  • 🦀️ Fix Upload style issues
    • \n
\n

4.3.1 (2018-03-05)

\n
    \n
  • 🦀️ Fix wrong placeholder indentation when using tag style in Select
    • \n
  • 🦀️ Fix calling adjustPosition in Popover in some cases
    • \n
  • 🦀️ Adjust font size in Tree
    • \n
  • 🦀️ Fix Grid style issues in Windows
    • \n
  • 🦀️ Fix wrong selection in CopyButton
    • \n
\n

4.3.0 (2018-02-14)

\n
\n

Happy Valentine\'s Day and happy Chinese New Year!

\n
\n
    \n
  • 🎉 New component AutoComplete
    • \n
  • 🎉 New component Rate
    • \n
  • 🦀️ Optimize Notify animation
    • \n
  • 🦀️ Remove unnecessary !important in Tabs style
    • \n
  • 🦀️ Fix input focus lost in Select
    • \n
\n

4.2.3 (2018-02-09)

\n
    \n
  • 🦀️ Fix bug in Sortable when items is missing
    • \n
\n

4.2.2 (2018-02-07)

\n
    \n
  • ✨ Add vertical style to Steps
    • \n
  • 🦀️ Fix header height in Grid
    • \n
  • 🦀️ Fix styles missing after build
    • \n
\n

4.2.1 (2018-02-06)

\n
\n

⚠️ Styles are broken due to a building problem in this version, do NOT use.

\n
\n
    \n
  • 🦀️ Fix Upload file type bug
    • \n
\n

4.2.0 (2018-02-05)

\n
\n

⚠️ Styles are broken due to a building problem in this version, do NOT use.

\n
\n
    \n
  • 🎉 New component Avatar
    • \n
  • 🎉 New component Collapase
    • \n
  • ✨ Menu adds inline style
    • \n
  • ✨ Cascader adds menu style
    • \n
  • ✨ Input adds fromClearButton in callback event
    • \n
  • ✨ Add missing TypeScript definitions
    • \n
  • ✨ Badge supports custom offset
    • \n
  • ✨ NumberInput supports presss enter to confirm input
    • \n
  • ✨ onUpload can return a Promise in Upload
    • \n
  • 🦀️ Fix a bug in Sortable when onMove, onEnd and onChange are present at the same time
    • \n
  • 🦀️ Fix can not start new line in textarea when using Form
    • \n
  • 🦀️ Fix styles in InfiniteScroller
    • \n
  • 🦀️ Fix keyboard events not working in Select
    • \n
  • 🦀️ Fix border style in Grid
    • \n
  • 🦀️ Fix infinite loop in Select
    • \n
\n

4.1.0 (2018-01-29)

\n
    \n
  • 🎉 New component: TimePicker and TimeRangePicker
    • \n
  • 🎉 New compponent: Placeholder, a composable placeholder
    • \n
  • 🎉 New documation site
    • \n
  • \n

    Card

    \n
      \n
    • ✨ Supports loading state
      • \n
    • ✨ Supports nested cards
      • \n
    • 🦀️ Update styles
      • \n
    \n
    • \n
  • ✨ Add canClear to DatePicker to control reset
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ Category id can be passed from outside
      • \n
    • 🦀️ Fix file amount can exceed maxAmount
      • \n
    • 🦀️ Fix auto open bug
      • \n
    \n
    • \n
  • 🦀️ Fix Notify background color
    • \n
\n

4.0.0 (2018-01-23)

\n
    \n
  • 💥 Remove combine mode in DateRangePicker, type prop is removed.
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ Supports file groups
      • \n
    • ✨ Supports i18n
      • \n
    \n
    • \n
  • ✨ Add support for icons in Menu
    • \n
  • \n

    DatePicker

    \n
      \n
    • 🦀️ Fix minimum time not respected in some cases
      • \n
    • 🦀️ Fix minimum time test bug
      • \n
    \n
    • \n
  • \n

    Design

    \n
      \n
    • 🦀️ Fix styles in demos
      • \n
    • 🦀️ DesignEditor no longer inherits PureComponent
      • \n
    \n
    • \n
  • 🦀️ Fix style in Slider
    • \n
  • 🦀️ Fix anchor not working in documentation site
    • \n
  • 🦀️ Fix header not synchronized in Grid
    • \n
  • 🦀️ Tune Notify animation
    • \n
  • \n

    Select

    \n
      \n
    • 🦀️ Fix compatibility bug in some browsers
      • \n
    • 🦀️ Fix emptyText not working
      • \n
    \n
    • \n
  • 🦀️ Fix demos in Sortable
    • \n
\n

3.12.3 (2018-01-10)

\n
    \n
  • 🦀️ Fix Slider background
    • \n
  • 🦀️ Support image/bmp in Upload
    • \n
  • 🦀️ Fix button styles and layout in Design
    • \n
\n

3.12.2 (2018-01-09)

\n
    \n
  • ✨ Remove mask background when Loading has no children
    • \n
  • ✨ Rename files to follow the project naming style
    • \n
  • 🦀️ Fix Grid header style
    • \n
  • 🦀️ Fix font size in large Button
    • \n
  • 🦀️ Fix year not checked in MonthPicker
    • \n
  • 📚 New internationalization documentation
    • \n
\n

3.12.1 (2018-01-05)

\n
    \n
  • 🦀️ Fix CombineDateRangePicker closes before select the second date
    • \n
  • 🦀️ Fix exit animation in Notify
    • \n
\n

3.12.0 (2018-01-04)

\n
    \n
  • 🎉 New component Sortable
    • \n
  • 🎉 i18n support for components
    • \n
  • ✨ Tag visibility can be controlled using props
    • \n
  • ✨ Input supports clear button
    • \n
  • ✨ Grid supports scroll with fixed header
    • \n
  • ✨ Notify supports pile many instances with enter/leave animation
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Field supports displayError to control error message display
      • \n
    • ✨ Field supports relatedFields to specify validation dependencies.
      • \n
    • ✨ Rewrite FieldArray
      • \n
    \n
    • \n
  • ✨ Swiper supports add/remove images dynamically
    • \n
  • ✨ Design supports settings and onSettingsChange to manage dynamic global settings
    • \n
  • ✨ Sweetalert can configure close button and click on mask to close
    • \n
  • 🦀️ Fix DateRangePicker disabled style
    • \n
  • 🦀️ Fix Loading not centered
    • \n
  • 🦀️ Fix DatePicker wrong value in onChange
    • \n
  • 🦀️ Fix NumberInput inconsistent onBlur and onChange values
    • \n
  • 🦀️ Fix Upload image order after uploading
    • \n
  • 🦀️ Fix Select item order in tag mode
    • \n
  • 🦀️ Fix can not edit hex in ColorPicker
    • \n
  • 🦀️ Fix textarea height tingle
    • \n
  • 🦀️ Fix some typo
    • \n
  • 🦀️ Fix yarn new-component command
    • \n
\n

3.11.0 (2017-12-20)

\n
    \n
  • 🎉 New component QuarterPicker
    • \n
  • ✨ Select can have a reset option
    • \n
  • ✨ Support vertical scroll with fixed header in Grid
    • \n
  • ✨ No more confirm in DatePicker when used without time selection
    • \n
  • ✨ Support image drag-and-drag in Upload
    • \n
  • ✨ Support autoresize for textarea
    • \n
  • ✨ Support character count in textarea
    • \n
  • ✨ Update pop position in BlockHeader
    • \n
  • \n

    Design

    \n
      \n
    • ✨ New image ad demo
      • \n
    • ✨ New richtext demo
      • \n
    • ✨ Allow custom content after preview section
      • \n
    \n
    • \n
  • ✨ Add onPositionUpdated to Popover and Pop
    • \n
  • \n

    Form

    \n
      \n
    • ✨ Change required rule，null is considered an error
      • \n
    • ✨ Add option to disable form submition triggered by pressing Enter in input
      • \n
    • 🦀️ Fix rerender when validationOnChange is false
      • \n
    • 🦀️ Support functional component in scroll to first error
      • \n
    \n
    • \n
  • \n

    Swiper

    \n
      \n
    • 🦀️ Fix bug with only one image
      • \n
    • 🦀️ Fix animation when quickly click on prev/next button
      • \n
    \n
    • \n
  • 🦀️ Fix image not centered in Loading
    • \n
  • 🦀️ Allow scroll function to run in node.js
    • \n
  • 🦀️ Fix bug when using batchcomponents in Form
    • \n
  • 📚 Fix InfiniteScroller documentation
    • \n
  • 📚 Fix Button demo
    • \n
\n

3.10.7 (2017-12-07)

\n
    \n
  • ✨ Allow custom styles to be applied in Menu
    • \n
  • 🦀️ Fix single file uploading in Upload
    • \n
\n

3.10.6 (2017-12-06)

\n
    \n
  • ✨ Form supports scroll to first error
    • \n
  • 🦀️ Upload adds support for file filter
    • \n
\n

3.10.5 (2017-12-05)

\n
    \n
  • 🦀️ Revert Design\'s preview width to 320px
    • \n
\n

3.10.4 (2017-12-04)

\n
    \n
  • \n

    Design

    \n
      \n
    • ✨ Preview width is now 375px
      • \n
    • 🦀️ Update styles
      • \n
    \n
    • \n
  • ✨ Pop and Popover exports adjustPosition, it is rarely needed but can be used to trigger manual position update in some cases.
    • \n
  • 🦀️ Fix Button broken style in some cases.
    • \n
  • \n

    Upload

    \n
      \n
    • 🦀️ Update styles
      • \n
    • 🦀️ Fix some ES6 compatibility issues
      • \n
    \n
    • \n
\n

3.10.3 (2017-11-29)

\n
    \n
  • \n

    Upload

    \n
      \n
    • 🦀️ Fix accept not working
      • \n
    • 🦀️ Fix audio uplaod
      • \n
    \n
    • \n
  • 🦀️ Fix Pagination style
    • \n
  • \n

    Design

    \n
      \n
    • ✨ Update add component button style
      • \n
    • ✨ Optimize add component
      • \n
    • 🦀️ Remove auto scroll when adding/removing component
      • \n
    \n
    • \n
\n

3.10.2 (2017-11-28)

\n
    \n
  • 🦀️ Fix accept not working in Upload
    • \n
\n

3.10.1 (2017-11-27)

\n
    \n
  • 🎉 Add a new style for NumberInput, just set showCounter to true
    • \n
  • \n

    Upload

    \n
      \n
    • ✨ Enhance file type check
      • \n
    • ✨ Supports audio upload
      • \n
    • 🦀️ Fix remove wrong image
      • \n
    \n
    • \n
  • \n

    Design

    \n
      \n
    • 🦀️ Fix some style issues
      • \n
    • ✨ Add canInsert, canDelete to control Add/Delete button visiblity
      • \n
    \n
    • \n
  • 🦀️ Fix Form cannot submit when containing async validations
    • \n
  • 🦀️ Fix Pop\'s TypeScript definition
    • \n
\n

3.10.0 (2017-11-24)

\n
    \n
  • 🎉 New YearPicker component
    • \n
  • \n

    Design

    \n
      \n
    • ✨ New add component UI
      • \n
    • ✨ Remove dependency on react-dnd
      • \n
    \n
    • \n
  • 🦀️ Allow empty data in Cascader
    • \n
\n

If your Desgin componets rely on react-dnd, you may have to inject react-dnd\'s context into your app.

\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
    • 🦀️ Fix font color in add component popup
      • \n
    • 🦀️ Temporarily removed the scroll into screen behavior when selecting a component
      • \n
    \n
    • \n
  • \n

    Form

    \n
      \n
    • 🦀️ Fix FieldArray validation error after removing element
      • \n
    • 🦀️ Fix corrupted data in nested FieldArray
      • \n
    • 🦀️ Fix typo in documentation
      • \n
    • 🦀️ Fix setFieldsValue and initialize cannot set value to 0
      • \n
    • 🦀️ Fix non-submit validation still reports error when validateOnChange and validateOnBlur both are false
      • \n
    \n
    • \n
\n

3.9.8 (2017-11-21)

\n
    \n
  • 🦀️ Update add/remove component UI in Design
    • \n
\n

3.9.7 (2017-11-20)

\n
    \n
  • 🦀️ Fix grouped style in Design
    • \n
\n

3.9.6 (2017-11-20)

\n
    \n
  • \n

    Design

    \n
      \n
    • ✨ Supports tooltip if component count reaches limit
      • \n
    • ✨ Style updates
      • \n
    \n
    • \n
  • \n

    Input

    \n
      \n
    • ✨ Add select method to support text selection; and a corresponding autoSelect prop
      • \n
    • 🦀️ Fix styles in disabled state
      • \n
    \n
    • \n
  • 🦀️ Fix cannot upload the same image twice in Upload
    • \n
  • 🦀️ Fix exceptions when data in undefined or null in Select
    • \n
  • 🦀️ Fix disable logic in MonthPicker
    • \n
  • 🦀️ Fix emptyLabel type in Table
    • \n
  • 🦀️ Fix TypeScript definition for Button
    • \n
\n

3.9.5 (2017-11-13)

\n
    \n
  • ✨ You can search components in doc site now.
    • \n
  • 🦀️ Fix disable logic in DatePicker
    • \n
\n

3.9.4 (2017-11-09)

\n
    \n
  • 🦀️ Update English documentation
    • \n
\n

3.9.3 (2017-11-09)

\n
    \n
  • 🎉 New documentation site with English support
    • \n
  • ✨ Progress adds the ability to customize colors
    • \n
  • ✨ Form components(Input, Select etc.) now supports width=xx to set width
    • \n
  • ✨ Notify now has a config method to set duration globally
    • \n
  • ✨ DatePicker adds time support in max and min
    • \n
  • 🦀️ Fix async validations that haven\'t triggered before not triggered when submitting
    • \n
  • 🦀️ Fix getBoundingClientRect errors in Popover
    • \n
\n

3.9.2 (2017-11-06)

\n
    \n
  • ✨ Design now supports custom component type when creating new instance
    • \n
  • 🦀️ Fix cross page selection not working in some circumstances
    • \n
  • 🦀️ Fix some compatibility issues in React 16
    • \n
\n

3.9.1 (2017-11-02)

\n
    \n
  • 🦀️ Fix some style issues in Design
    • \n
\n

3.9.0 (2017-10-31)

\n
    \n
  • ✨ Add global normalization style，just like normalize.css and reset.css
    • \n
  • \n

    Grid:

    \n
      \n
    • 🦀️ Fix colums cannot be changed at runtime
      • \n
    • 🦀️ Fix unmatched height between left and right fixed columns when line height is larger than default height
      • \n
    • 🦀️ Fix right fixed column\'s shadow does not disappear when scroll to the right edge
      • \n
    \n
    • \n
  • 🦀️ Fix a variable name in Design
    • \n
  • 🦀️ Fix Form\'s ControlGroup cannot render functional component
    • \n
  • 📚 Update this site\'s styles
    • \n
\n

3.8.1 (2017-10-26)

\n
    \n
  • 🎉 New demo page, you can find it here
    • \n
  • 🎉 A new script to help create new components: yarn new-component
    • \n
  • ✨ Support row selection in Table, use canRowSelect to control this behavior, off by default
    • \n
  • \n

    Design:

    \n
      \n
    • 🦀️ Fix defaultSelectedIndex\'s logic
      • \n
    • 🦀️ Fix button style in Chrome 62
      • \n
    \n
    • \n
  • 🦀️ Fix data unexpectedly mutated in Select
    • \n
\n

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

\n
    \n
  • ✨ New useRawStyle option to support import postcss files, requires Zent >= 3.8.1
    • \n
\n

3.8.0 (2017-10-20)

\n
    \n
  • 🎉 New component InfiniteScroller, implements the scroll-to-load interaction.
    • \n
  • \n

    Form:

    \n
      \n
    • 🎉 Add FormSection and FieldArray support
      • \n
    • 🎉 Add setFieldsValue adn initialize
      • \n
    • 🎉 More builtin form fields: FormColorPickerField, FormDateRangePickerField, FormNumberInputField, FormSwitchField
      • \n
    • 🎉 Add notice to Field to support notice
      • \n
    • ✨ Add setFormDirty and isFieldDirty
      • \n
    \n
    • \n
  • ✨ Some optimizations in Select
    • \n
  • ✨ Add support to abort add component operation in Design
    • \n
  • ✨ onBeforeClose and onBeforeShow can abort current operation in Popover
    • \n
  • 🦀️ Slider now highlights dot and line correctly
    • \n
  • 🦀️ Fix TypeScript definition for DateRangePicker
    • \n
  • 🦀 Fix a style issue in SearchInput
    • \n
\n

3.7.0 (2017-09-28)

\n
    \n
  • 🎉 New component Grid, a rewrite of Table using HTML\'s table, some features are still missing in Grid
    • \n
  • 🎉 Zent now supports custom themes, add Colors and Theme documentations
    • \n
  • \n

    Steps:

    \n
      \n
    • ✨ Add support for onStepChange and sequence
      • \n
    • ✨ Update UI for number style
      • \n
    \n
    • \n
  • 🦀️ Fix warnings with React 16
    • \n
  • 🦀️ Fix warnings in Slider\'s documentation
    • \n
  • 🦀️ Update styles for DateRangeQuickPicker
    • \n
  • 🦀️ Fix selection not reset after reseting data in Select
    • \n
\n

3.6.1 (2017-09-21)

\n
    \n
  • 🦀️ Fix a style issue in Design
    • \n
\n

3.6.0 (2017-09-21)

\n
    \n
  • \n

    Design:

    \n
      \n
    • ✨ Supports grouped mode in add components area
      • \n
    • ✨ Supports instance limit for each component
      • \n
    \n
    • \n
  • ✨ DatePicker adds onBeforeConfirm and onBeforeClear hooks
    • \n
  • ️🦀️ Fix select-all checkbox not disabled when there\'s no selectable rows in Table
    • \n
  • 🦀️ Fix incorrect position in Popover after scrolling the page
    • \n
  • 🦀️ Fix disabled month is still selectable in MonthPicker
    • \n
\n

3.5.4 (2017-09-15)

\n
    \n
  • \n

    Swiper：

    \n
      \n
    • 🦀️ Fix UI issue when there\'s only one slide
      • \n
    • 📚 Add instance API in documentaion
      • \n
    \n
    • \n
  • 🦀️ Fix select-all not working in cross page mode in Table
    • \n
  • 🦀️ Revert Select\'s width style
    • \n
  • 🦀️ Fix beforeunload callback leaks in Design
    • \n
  • 🦀️ Fix Typescript definition for Tabs
    • \n
  • 📚 Add contribute guide in this site
    • \n
\n

3.5.3 (2017-09-13)

\n
    \n
  • 🦀️ Fix z-index issue when opening more than two Dialogs
    • \n
  • 🦀️ Fix today is not included in the last 7 days in DateRangeQuickPicker
    • \n
  • 🦀️ Fix tab cannot be selected when activeId is zero in Tabs
    • \n
  • 🦀️ Fix missing form validation errors if validateOnChange and validateOnBlur are both set to false in Form
    • \n
  • \n

    Table:

    \n
      \n
    • 🦀️ Fix missing clearfix style
      • \n
    • 🦀️ Fix totalItem not respected
      • \n
    • 📚 Fix title type description
      • \n
    \n
    • \n
  • 🦀️ Fix Select\'s height
    • \n
'}))}}}}]); \ No newline at end of file diff --git a/9430-b679c98e2c32d1e38237.js b/9430-bfe2cd1add9d07e5a966.js similarity index 61% rename from 9430-b679c98e2c32d1e38237.js rename to 9430-bfe2cd1add9d07e5a966.js index ede43163b..c90f4f852 100644 --- a/9430-b679c98e2c32d1e38237.js +++ b/9430-bfe2cd1add9d07e5a966.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9430],{29430:(e,t,n)=>{"use strict";n.d(t,{p:()=>K});var o=n(59312),i=n(24246),r=n(27378),s=n(31542),u=n(60042),a=n.n(u),l=n(17949),p=n(82285),c=n(33806),d=n(14805),f=n(79352),g="undefined"!=typeof InstallTrigger,h=["direction","boxSizing","width","height","overflowX","overflowY","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderStyle","paddingTop","paddingRight","paddingBottom","paddingLeft","fontStyle","fontVariant","fontWeight","fontStretch","fontSize","fontSizeAdjust","lineHeight","fontFamily","textAlign","textTransform","textIndent","textDecoration","letterSpacing","wordSpacing","tabSize","MozTabSize"],v="zent-input-textarea-caret-coordinates-mirror-div",m=n(99292),I=n(52074);function C(e,t,n){return t<=n?e.substring(t,n):""}function x(e,t,n,o){var i=e.substring(0,t),r=e.substring(n+1);" "!==r[0]&&(r=" "+r);var s=""+i+o;return{value:""+s+r,caret:s.length+1}}function b(e){return/^\s$/.test(e)}function S(e){if(!e||e.nodeType===Node.TEXT_NODE)return null;var t=e,n=t.tagName;return"INPUT"===n||"TEXTAREA"===n?t:t.querySelector("input")||t.querySelector("textarea")||null}function y(e,t){return e&&0!==e.length?e.map((function(e){return"string"==typeof e||"number"==typeof e?{content:e,value:e}:e})):[{content:t,value:"",disabled:!0}]}var w=n(31256),T={code:1};function D(e){var t=e.input,n=e.value,o=e.triggerText,i=t.selectionEnd,r=function(e,t,n){if((0,w.Z)(e))return-1;void 0===n||n>e.length-1?n=e.length-1:n<0&&(n=0);for(var o=n;o>=0;o--)if(t(e[o],o,e))return o;return-1}(n,b,i-1);if(r+1===i)return T;for(var s=function(e,t,n){if((0,w.Z)(e))return-1;void 0===n||n<0?n=0:n>e.length-1&&(n=e.length-1);for(var o=n;ol||n[u]!==o[p]){d=!1;break}u++,p++}return d?{code:2,caretMeasureStart:a,searchStart:u,searchEnd:l,placeholderStart:a+o.length,placeholderEnd:l}:T}var M=n(49744),L=[],k=null;function N(e){k=g?(0,M.Oo)(document,"click",R,{capture:!0,passive:!0}):(0,M.Oo)(document,"selectionchange",R,{passive:!0}),-1===E(e)&&L.push(e)}function F(e){var t=E(e);-1!==t&&(L.splice(t,1),0===L.length&&k())}function R(e){var t=E({node:document.activeElement});-1!==t&&L[t].callback(e)}function E(e){var t=Object.keys(e);return L.findIndex((function(n){return t.every((function(t){return n[t]===e[t]}))}))}var z=function(e){return function(t){var n=t.relativeRect,o=t.cushion,i=n.left,r=n.top,s=n.right,u=n.bottom,a=e.state.position,l=i+a.left,p=r+o+a.top+a.height,c=getComputedStyle(e.input),d=parseInt(c.paddingLeft,10)+parseInt(c.borderLeftWidth,10),f=parseInt(c.paddingRight,10)+parseInt(c.borderRightWidth,10);return l>s-f&&(l=s-f),lu&&(p=u),{style:{position:"absolute",left:Math.round(l)+"px",top:Math.round(p)+"px"},className:"position-mention-bottom-left"}}},U=function(e){return function(t){var n=t.relativeRect,o=t.contentRect,i=t.cushion,r=n.left,s=n.top,u=n.right,a=n.bottom,l=o.height,p=e.state.position,c=r+p.left,d=s-l-i+p.top,f=getComputedStyle(e.input),g=parseInt(f.paddingLeft,10)+parseInt(f.borderLeftWidth,10),h=parseInt(f.paddingRight,10)+parseInt(f.borderRightWidth,10);return c>u-h&&(c=u-h),ca&&(d=a-l),{style:{position:"absolute",left:Math.round(c)+"px",top:Math.round(d)+"px"},className:"position-mention-top-left"}}},V=n(55978),W=n(17127),Z=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],j={suggestionVisible:!1,search:null},K=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.input=null,t.suggestionList=null,t.state=(0,o.pi)((0,o.pi)({},j),{position:void 0,placeholder:null}),t.BottomPosition=z(t),t.TopPosition=U(t),t.onSuggestionVisibleChange=function(e){e||t.setStateIfChange(t.getDefaultState())},t.onCloseMenuList=function(){t.onSuggestionVisibleChange(!1)},t.onSelectSuggestion=function(e){t.onCloseMenuList();var n=t.props,o=n.value,i=n.onChange,r=t.state.placeholder,s=x(o,r.start,r.end,e);i(s.value),(0,V.Z)((function(){t.input&&(t.input.setSelectionRange(s.caret,s.caret),t.input.blur(),t.input.focus())}))},t.onInputChange=function(e){t.props.onChange(e.target.value)},t.onInputScroll=(0,W.$j)((function(){t.state.suggestionVisible&&t.setSuggestionVisible()})),t.onInputCompositionStart=function(){t._compositing=!0},t.onInputCompositionEnd=function(){t._compositing=!1},t.onInputBlur=function(e){t.state.suggestionVisible||t.setStateIfChange(t.getDefaultState()),t.triggerEventCallback("onBlur",e)},t.onInputKeyUp=function(e){g&&(e.altKey||e.ctrlKey||e.metaKey||-1!==Z.indexOf(e.key))&&(0,V.Z)(t.setSuggestionVisible,t.props.value),t.triggerEventCallback("onKeyUp",e)},t.onInputKeyDown=function(e){if(t.state.suggestionVisible&&t.suggestionList){var n=e.key;"ArrowUp"===n?(t.suggestionList.moveFocusIndexUp(),e.preventDefault()):"ArrowDown"===n?(t.suggestionList.moveFocusIndexDown(),e.preventDefault()):"Enter"===n?(t.suggestionList.selectCurrentFocusIndex(e),e.preventDefault()):"Escape"===n&&t.setStateIfChange(t.getDefaultState())}t.triggerEventCallback("onKeyDown",e)},t.onSelectionChange=function(){t.setSuggestionVisible(t.props.value)},t.saveInputRef=function(e){if(t.input&&F({node:t.input,callback:t.onSelectionChange}),e){var n=S((0,s.findDOMNode)(e));t.input=n,t.input&&N({node:t.input,callback:t.onSelectionChange})}},t.onSuggestionListRefChange=function(e){t.suggestionList=e},t.setSuggestionVisible=function(e){if(t.input&&!t._compositing){e=void 0!==e?e:t.props.value;var n=t.props.triggerText,o=D({input:t.input,value:e,triggerText:n}),i=t.getDefaultState();2===o.code&&(i.suggestionVisible=!0,i.search=C(e,o.searchStart,o.searchEnd+1),i.position=t.getCaretCoordinates(o.caretMeasureStart),i.placeholder={start:o.placeholderStart,end:o.placeholderEnd}),t.setStateIfChange(i)}},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.multiLine,r=t.position,s=t.suggestions,u=(t.onSearchChange,t.suggestionNotFoundContent,t.loading,t.triggerText,t.onChange,t.onBlur,t.onKeyUp,t.onKeyDown,t.type,t.className),l=t.inline,d=(0,o._T)(t,["multiLine","position","suggestions","onSearchChange","suggestionNotFoundContent","loading","triggerText","onChange","onBlur","onKeyUp","onKeyDown","type","className","inline"]),f=n?"textarea":"text",g=this.state.suggestionVisible;return(0,i.jsx)(I.Z,(0,o.pi)({componentName:"Mention"},{children:function(t){return(0,i.jsxs)(c.ZP,(0,o.pi)({visible:g,onVisibleChange:e.onSuggestionVisibleChange,position:"bottom"===r?e.BottomPosition:e.TopPosition},{children:[(0,i.jsx)(c.ZP.Trigger.Click,(0,o.pi)({getElement:S},{children:(0,i.jsx)(p.I,(0,o.pi)({type:f,ref:e.saveInputRef,className:a()("zent-mention",u),onChange:e.onInputChange,onBlur:e.onInputBlur,onKeyUp:e.onInputKeyUp,onKeyDown:e.onInputKeyDown,onScroll:e.onInputScroll,onWheel:e.onInputScroll,onCompositionStart:e.onInputCompositionStart,onCompositionEnd:e.onInputCompositionEnd,inline:l},d),void 0)}),void 0),(0,i.jsx)(c.ZP.Content,{children:(0,i.jsx)(m.ZP,{ref:e.onSuggestionListRefChange,items:y(s,t.noContent),onRequestClose:e.onCloseMenuList,onSelect:e.onSelectSuggestion},void 0)},void 0)]}),void 0)}}),void 0)},t.prototype.componentDidUpdate=function(e){e.value!==this.props.value&&this.setSuggestionVisible(this.props.value)},t.prototype.componentDidMount=function(){this.setSuggestionVisible(this.props.value)},t.prototype.triggerEventCallback=function(e,t){var n=this.props[e];"function"==typeof n&&n(t)},t.prototype.setStateIfChange=function(e){var t=e.search!==this.state.search;if(!(0,l.Z)(this.state,e)){var n=this.props.onSearchChange;t&&"function"==typeof n&&n(e.search),this.setState(e)}},t.prototype.getCaretCoordinates=function(e){var t=function(e,t,n){var o=n.debug;if(!f.Z)throw new Error("getCaretCoordinates should only be called in a browser");if(o){var i=document.getElementById(v);i&&i.parentNode.removeChild(i)}var r=(0,d.Z)("div");r.id=v,document.body.appendChild(r);var s=r.style,u=getComputedStyle(e),a="INPUT"===e.nodeName;a?s.whiteSpace="nowrap":(s.whiteSpace="pre-wrap",s.wordWrap="break-word"),s.position="absolute",o||(s.visibility="hidden"),h.forEach((function(e){a&&"lineHeight"===e?s.lineHeight=u.height:s[e]=u[e]})),g?e.scrollHeight>parseInt(u.height,10)&&(s.overflowY="scroll"):s.overflow="hidden",r.textContent=e.value.substring(0,t),a&&(r.textContent=r.textContent.replace(/\s/g," "));var l=(0,d.Z)("span");l.textContent=e.value.substring(t)||".",r.appendChild(l);var p=l.offsetLeft+parseInt(u.borderLeftWidth,10),c=parseInt(u.lineHeight,10),m={top:l.offsetTop+parseInt(u.borderTopWidth,10),left:p,height:Number.isNaN(c)?1.5*parseInt(u.fontSize,10):c};return o?l.style.backgroundColor="#aaa":document.body.removeChild(r),m}(this.input,e,{debug:!1}),n=this.input,o=n.scrollLeft,i=n.scrollTop;return o&&(t.left=t.left-o),i&&(t.top=t.top-i),t},t.prototype.getDefaultState=function(){return(0,o.pi)((0,o.pi)({},this.state),j)},t.defaultProps={multiLine:!1,position:"bottom",suggestionNotFoundContent:"",suggestions:[],triggerText:"@",inline:!0},t}(r.Component)},99292:(e,t,n)=>{"use strict";n.d(t,{ZP:()=>g});var o=n(59312),i=n(24246),r=n(27378),s=n(41925),u=n(60042),a=n.n(u),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onClick=function(e){var n=t.props;return p({item:n.item,onRequestClose:n.onRequestClose,event:e})},t.onMouseEnter=function(){var e=t.props;(0,e.focusTo)(e.index,!1)},t.onMouseLeave=function(){t.props.focusTo(null)},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.item,n=e.hover;if(!t)return null;var r=t.className,s=t.isDivider,u=t.isGroup,l=t.content;if(s)return(0,i.jsx)("div",{className:a()("zent-divider-line",r),"data-zv":"10.0.9"},void 0);if(u)return(0,i.jsx)("li",(0,o.pi)({className:a()("zent-menu-item-group-header",r),"data-zv":"10.0.9"},{children:(0,i.jsx)("span",(0,o.pi)({"data-zv":"10.0.9"},{children:l}),void 0)}),void 0);var p="number"==typeof l||"string"==typeof l?""+l:void 0,c="function"==typeof t.active?t.active(t.value):!!t.active,d=void 0===t.hoverable||!!t.hoverable;return(0,i.jsxs)("li",(0,o.pi)({className:a()("zent-popup-menu-item",{hoverable:d,disabled:t.disabled,active:c,hover:n},r),onClick:this.onClick,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,"data-zv":"10.0.9"},{children:[t.icon?(0,i.jsx)("i",{className:a()("zent-popup-menu-item-icon"),"data-zv":"10.0.9"},void 0):null,(0,i.jsx)("span",(0,o.pi)({title:p,"data-zv":"10.0.9"},{children:l}),void 0)]}),void 0)},t}(r.Component);function p(e){var t=e.event,n=e.item,o=e.onRequestClose,i=n.disabled,r=n.onClick;i||r&&(r(t),t.defaultPrevented||(t.preventDefault(),t.stopPropagation(),o&&o()))}var c=function(e){function t(t){var n=e.call(this,t)||this;return n.refMenuScrollContainer=(0,r.createRef)(),n.refMenuItemList=(0,r.createRef)(),n.onKeyDown=function(e){switch(e.key){case"Escape":n.close();break;case"ArrowDown":e.preventDefault(),n.state.open&&n.moveFocusIndexDown();break;case"ArrowUp":e.preventDefault(),n.state.open&&n.moveFocusIndexUp();break;case"Enter":n.state.open&&n.selectCurrentFocusIndex(e)}},n.setFocusIndex=function(e,t){void 0===t&&(t=!0),n.setState({focusIdx:null==e?null:n.getItemIdxInItems(e),autoScrollFocusIdx:t?e:null})},n.getItemIdxInItems=function(e){var t=n.props.items,o=e%t.length;return o<0&&(o+=t.length),o},n.getValidItemIdx=function(e,t){void 0===t&&(t=!0);var o=n.props.items;if(!o||!o.length||o.every((function(e){return e.isDivider&&e.isGroup}))||"number"!=typeof e||Number.isNaN(e))return null;var i=n.getItemIdxInItems(e),r=o[i];if(!r||r.isDivider||r.isGroup||r.disabled){var s=i;for(r=o[i=n.getItemIdxInItems(t?i+1:i-1)];!r||(r.isDivider||r.isGroup||r.disabled)&&i!==s;)r=o[i=n.getItemIdxInItems(t?i+1:i-1)]}return i},n.getTopMenu=function(){return n},n.moveFocusIndex=function(e){var t=n.state.focusIdx;null!==t?n.setFocusIndex(n.getValidItemIdx(t+e,e>0)):n.setFocusIndex(n.getValidItemIdx(0))},n.moveFocusIndexDown=function(){n.getTopMenu().moveFocusIndex(1)},n.moveFocusIndexUp=function(){n.getTopMenu().moveFocusIndex(-1)},n.selectCurrentFocusIndex=function(e){var t=n.getTopMenu().state.focusIdx;if(null!==t){var o=n.props,i=o.items,r=o.onRequestClose;p({item:i[t],event:e,onRequestClose:r})}},n.close=function(){n.setState({open:!1})},n.renderItems=function(e){void 0===e&&(e=[]);var t=n.props.onRequestClose,o=n.state.focusIdx;return e.map((function(e,r){return(0,i.jsx)(l,{index:r,item:e,onRequestClose:t,focusTo:n.setFocusIndex,hover:o===r},void 0===e.value?r:e.value)}))},n.state={focusIdx:null},n}return(0,o.ZT)(t,e),t.prototype.componentDidUpdate=function(){this.autoScroll()},t.prototype.autoScroll=function(){var e=(this.props.items||[]).length,t=this.state,n=t.focusIdx,o=t.autoScrollFocusIdx,i=this.refMenuItemList.current,r=this.refMenuScrollContainer.current;if(e&&null!==n&&n===o&&i&&r){var s=i.childNodes[this.state.focusIdx];if(!s)return;var u=s.offsetTop,a=s.offsetHeight,l=r.offsetHeight,p=r.scrollTop;l+pu&&(r.scrollTop=u-0)}},t.prototype.render=function(){var e=this.props.items;return(0,i.jsx)("div",(0,o.pi)({ref:this.refMenuScrollContainer,className:"zent-popup-menu",tabIndex:0,onKeyDown:this.onKeyDown,"data-zv":"10.0.9"},{children:e&&e.length?(0,i.jsx)("ul",(0,o.pi)({ref:this.refMenuItemList,"data-zv":"10.0.9"},{children:this.renderItems(e)}),void 0):null}),void 0)},t}(r.Component),d=function(e){return"string"==typeof e||"number"==typeof e};function f(e,t){return!e||(d(t.searchContent)?(""+t.searchContent).toUpperCase().includes(e.toUpperCase()):d(t.content)?(""+t.content).toUpperCase().includes(e.toUpperCase()):!!d(t.value)&&(""+t.value).toUpperCase().includes(e.toUpperCase()))}var g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.refMenuItemList=(0,r.createRef)(),t.wrapWithIdx=function(e,n){return void 0===e&&(e=[]),void 0===n&&(n=[]),e.map((function(e,i){return(0,o.pi)((0,o.pi)({},e),{idx:i,parentIndexes:n,items:e.items?t.wrapWithIdx(e.items,n.concat([i])):void 0})}))},t.wrapWithNullOption=function(e,t){return void 0===e&&(e=[]),[{content:t,value:null,idx:-1,parentIndexes:[]}].concat(e)},t.wrapWithValueCallback=function(e){return void 0===e&&(e=[]),e.map((function(e){return(0,o.pi)((0,o.pi)((0,o.pi)({active:function(e){return e===t.props.value}},e),void 0!==e.value?{onClick:function(n){t.props.onSelect&&t.props.onSelect(e.value,e),e.onClick&&e.onClick(n)}}:{}),{items:t.wrapWithValueCallback(e.items)})}))},t.transformItems=(0,s.Z)((function(e,n,o){var i=t.wrapWithIdx(e);return n&&(i=t.wrapWithNullOption(i,o)),t.wrapWithValueCallback(i)})),t.moveFocusIndexDown=function(){var e=t.refMenuItemList.current;if(e)return e.moveFocusIndexDown()},t.moveFocusIndexUp=function(){var e=t.refMenuItemList.current;if(e)return e.moveFocusIndexUp()},t.selectCurrentFocusIndex=function(e){var n=t.refMenuItemList.current;if(n)return n.selectCurrentFocusIndex(e)},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.filterOption,n=e.searchText,o=e.items,r=e.nullOption,s=e.nullOptionContent,u=this.transformItems(o,r,s),a=u||[];return"function"==typeof t&&(a=(u||[]).filter((function(e){return t(n,e)}))),(0,i.jsx)(c,{ref:this.refMenuItemList,items:a,onRequestClose:this.props.onRequestClose},void 0)},t.defaultProps={filterOption:f,nullOption:!1},t.caselessMatchFilterOption=f,t}(r.Component)},55978:(e,t,n)=>{"use strict";function o(e){for(var t=[],n=1;no})},31256:(e,t,n)=>{"use strict";function o(e){return null==e}n.d(t,{Z:()=>o})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9430],{29430:(e,t,n)=>{"use strict";n.d(t,{p:()=>K});var o=n(59312),i=n(24246),r=n(27378),s=n(31542),u=n(60042),a=n.n(u),l=n(17949),p=n(82285),c=n(33806),d=n(14805),f=n(79352),g="undefined"!=typeof InstallTrigger,h=["direction","boxSizing","width","height","overflowX","overflowY","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderStyle","paddingTop","paddingRight","paddingBottom","paddingLeft","fontStyle","fontVariant","fontWeight","fontStretch","fontSize","fontSizeAdjust","lineHeight","fontFamily","textAlign","textTransform","textIndent","textDecoration","letterSpacing","wordSpacing","tabSize","MozTabSize"],v="zent-input-textarea-caret-coordinates-mirror-div",m=n(99292),I=n(52074);function C(e,t,n){return t<=n?e.substring(t,n):""}function x(e,t,n,o){var i=e.substring(0,t),r=e.substring(n+1);" "!==r[0]&&(r=" "+r);var s=""+i+o;return{value:""+s+r,caret:s.length+1}}function b(e){return/^\s$/.test(e)}function S(e){if(!e||e.nodeType===Node.TEXT_NODE)return null;var t=e,n=t.tagName;return"INPUT"===n||"TEXTAREA"===n?t:t.querySelector("input")||t.querySelector("textarea")||null}function y(e,t){return e&&0!==e.length?e.map((function(e){return"string"==typeof e||"number"==typeof e?{content:e,value:e}:e})):[{content:t,value:"",disabled:!0}]}var w=n(31256),T={code:1};function D(e){var t=e.input,n=e.value,o=e.triggerText,i=t.selectionEnd,r=function(e,t,n){if((0,w.Z)(e))return-1;void 0===n||n>e.length-1?n=e.length-1:n<0&&(n=0);for(var o=n;o>=0;o--)if(t(e[o],o,e))return o;return-1}(n,b,i-1);if(r+1===i)return T;for(var s=function(e,t,n){if((0,w.Z)(e))return-1;void 0===n||n<0?n=0:n>e.length-1&&(n=e.length-1);for(var o=n;ol||n[u]!==o[p]){d=!1;break}u++,p++}return d?{code:2,caretMeasureStart:a,searchStart:u,searchEnd:l,placeholderStart:a+o.length,placeholderEnd:l}:T}var M=n(49744),L=[],k=null;function N(e){k=g?(0,M.Oo)(document,"click",R,{capture:!0,passive:!0}):(0,M.Oo)(document,"selectionchange",R,{passive:!0}),-1===E(e)&&L.push(e)}function F(e){var t=E(e);-1!==t&&(L.splice(t,1),0===L.length&&k())}function R(e){var t=E({node:document.activeElement});-1!==t&&L[t].callback(e)}function E(e){var t=Object.keys(e);return L.findIndex((function(n){return t.every((function(t){return n[t]===e[t]}))}))}var z=function(e){return function(t){var n=t.relativeRect,o=t.cushion,i=n.left,r=n.top,s=n.right,u=n.bottom,a=e.state.position,l=i+a.left,p=r+o+a.top+a.height,c=getComputedStyle(e.input),d=parseInt(c.paddingLeft,10)+parseInt(c.borderLeftWidth,10),f=parseInt(c.paddingRight,10)+parseInt(c.borderRightWidth,10);return l>s-f&&(l=s-f),lu&&(p=u),{style:{position:"absolute",left:Math.round(l)+"px",top:Math.round(p)+"px"},className:"position-mention-bottom-left"}}},U=function(e){return function(t){var n=t.relativeRect,o=t.contentRect,i=t.cushion,r=n.left,s=n.top,u=n.right,a=n.bottom,l=o.height,p=e.state.position,c=r+p.left,d=s-l-i+p.top,f=getComputedStyle(e.input),g=parseInt(f.paddingLeft,10)+parseInt(f.borderLeftWidth,10),h=parseInt(f.paddingRight,10)+parseInt(f.borderRightWidth,10);return c>u-h&&(c=u-h),ca&&(d=a-l),{style:{position:"absolute",left:Math.round(c)+"px",top:Math.round(d)+"px"},className:"position-mention-top-left"}}},V=n(55978),W=n(17127),Z=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],j={suggestionVisible:!1,search:null},K=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.input=null,t.suggestionList=null,t.state=(0,o.pi)((0,o.pi)({},j),{position:void 0,placeholder:null}),t.BottomPosition=z(t),t.TopPosition=U(t),t.onSuggestionVisibleChange=function(e){e||t.setStateIfChange(t.getDefaultState())},t.onCloseMenuList=function(){t.onSuggestionVisibleChange(!1)},t.onSelectSuggestion=function(e){t.onCloseMenuList();var n=t.props,o=n.value,i=n.onChange,r=t.state.placeholder,s=x(o,r.start,r.end,e);i(s.value),(0,V.Z)((function(){t.input&&(t.input.setSelectionRange(s.caret,s.caret),t.input.blur(),t.input.focus())}))},t.onInputChange=function(e){t.props.onChange(e.target.value)},t.onInputScroll=(0,W.$j)((function(){t.state.suggestionVisible&&t.setSuggestionVisible()})),t.onInputCompositionStart=function(){t._compositing=!0},t.onInputCompositionEnd=function(){t._compositing=!1},t.onInputBlur=function(e){t.state.suggestionVisible||t.setStateIfChange(t.getDefaultState()),t.triggerEventCallback("onBlur",e)},t.onInputKeyUp=function(e){g&&(e.altKey||e.ctrlKey||e.metaKey||-1!==Z.indexOf(e.key))&&(0,V.Z)(t.setSuggestionVisible,t.props.value),t.triggerEventCallback("onKeyUp",e)},t.onInputKeyDown=function(e){if(t.state.suggestionVisible&&t.suggestionList){var n=e.key;"ArrowUp"===n?(t.suggestionList.moveFocusIndexUp(),e.preventDefault()):"ArrowDown"===n?(t.suggestionList.moveFocusIndexDown(),e.preventDefault()):"Enter"===n?(t.suggestionList.selectCurrentFocusIndex(e),e.preventDefault()):"Escape"===n&&t.setStateIfChange(t.getDefaultState())}t.triggerEventCallback("onKeyDown",e)},t.onSelectionChange=function(){t.setSuggestionVisible(t.props.value)},t.saveInputRef=function(e){if(t.input&&F({node:t.input,callback:t.onSelectionChange}),e){var n=S((0,s.findDOMNode)(e));t.input=n,t.input&&N({node:t.input,callback:t.onSelectionChange})}},t.onSuggestionListRefChange=function(e){t.suggestionList=e},t.setSuggestionVisible=function(e){if(t.input&&!t._compositing){e=void 0!==e?e:t.props.value;var n=t.props.triggerText,o=D({input:t.input,value:e,triggerText:n}),i=t.getDefaultState();2===o.code&&(i.suggestionVisible=!0,i.search=C(e,o.searchStart,o.searchEnd+1),i.position=t.getCaretCoordinates(o.caretMeasureStart),i.placeholder={start:o.placeholderStart,end:o.placeholderEnd}),t.setStateIfChange(i)}},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.multiLine,r=t.position,s=t.suggestions,u=(t.onSearchChange,t.suggestionNotFoundContent,t.loading,t.triggerText,t.onChange,t.onBlur,t.onKeyUp,t.onKeyDown,t.type,t.className),l=t.inline,d=(0,o._T)(t,["multiLine","position","suggestions","onSearchChange","suggestionNotFoundContent","loading","triggerText","onChange","onBlur","onKeyUp","onKeyDown","type","className","inline"]),f=n?"textarea":"text",g=this.state.suggestionVisible;return(0,i.jsx)(I.Z,(0,o.pi)({componentName:"Mention"},{children:function(t){return(0,i.jsxs)(c.ZP,(0,o.pi)({visible:g,onVisibleChange:e.onSuggestionVisibleChange,position:"bottom"===r?e.BottomPosition:e.TopPosition},{children:[(0,i.jsx)(c.ZP.Trigger.Click,(0,o.pi)({getElement:S},{children:(0,i.jsx)(p.I,(0,o.pi)({type:f,ref:e.saveInputRef,className:a()("zent-mention",u),onChange:e.onInputChange,onBlur:e.onInputBlur,onKeyUp:e.onInputKeyUp,onKeyDown:e.onInputKeyDown,onScroll:e.onInputScroll,onWheel:e.onInputScroll,onCompositionStart:e.onInputCompositionStart,onCompositionEnd:e.onInputCompositionEnd,inline:l},d),void 0)}),void 0),(0,i.jsx)(c.ZP.Content,{children:(0,i.jsx)(m.ZP,{ref:e.onSuggestionListRefChange,items:y(s,t.noContent),onRequestClose:e.onCloseMenuList,onSelect:e.onSelectSuggestion},void 0)},void 0)]}),void 0)}}),void 0)},t.prototype.componentDidUpdate=function(e){e.value!==this.props.value&&this.setSuggestionVisible(this.props.value)},t.prototype.componentDidMount=function(){this.setSuggestionVisible(this.props.value)},t.prototype.triggerEventCallback=function(e,t){var n=this.props[e];"function"==typeof n&&n(t)},t.prototype.setStateIfChange=function(e){var t=e.search!==this.state.search;if(!(0,l.Z)(this.state,e)){var n=this.props.onSearchChange;t&&"function"==typeof n&&n(e.search),this.setState(e)}},t.prototype.getCaretCoordinates=function(e){var t=function(e,t,n){var o=n.debug;if(!f.Z)throw new Error("getCaretCoordinates should only be called in a browser");if(o){var i=document.getElementById(v);i&&i.parentNode.removeChild(i)}var r=(0,d.Z)("div");r.id=v,document.body.appendChild(r);var s=r.style,u=getComputedStyle(e),a="INPUT"===e.nodeName;a?s.whiteSpace="nowrap":(s.whiteSpace="pre-wrap",s.wordWrap="break-word"),s.position="absolute",o||(s.visibility="hidden"),h.forEach((function(e){a&&"lineHeight"===e?s.lineHeight=u.height:s[e]=u[e]})),g?e.scrollHeight>parseInt(u.height,10)&&(s.overflowY="scroll"):s.overflow="hidden",r.textContent=e.value.substring(0,t),a&&(r.textContent=r.textContent.replace(/\s/g," "));var l=(0,d.Z)("span");l.textContent=e.value.substring(t)||".",r.appendChild(l);var p=l.offsetLeft+parseInt(u.borderLeftWidth,10),c=parseInt(u.lineHeight,10),m={top:l.offsetTop+parseInt(u.borderTopWidth,10),left:p,height:Number.isNaN(c)?1.5*parseInt(u.fontSize,10):c};return o?l.style.backgroundColor="#aaa":document.body.removeChild(r),m}(this.input,e,{debug:!1}),n=this.input,o=n.scrollLeft,i=n.scrollTop;return o&&(t.left=t.left-o),i&&(t.top=t.top-i),t},t.prototype.getDefaultState=function(){return(0,o.pi)((0,o.pi)({},this.state),j)},t.defaultProps={multiLine:!1,position:"bottom",suggestionNotFoundContent:"",suggestions:[],triggerText:"@",inline:!0},t}(r.Component)},99292:(e,t,n)=>{"use strict";n.d(t,{ZP:()=>g});var o=n(59312),i=n(24246),r=n(27378),s=n(41925),u=n(60042),a=n.n(u),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.onClick=function(e){var n=t.props;return p({item:n.item,onRequestClose:n.onRequestClose,event:e})},t.onMouseEnter=function(){var e=t.props;(0,e.focusTo)(e.index,!1)},t.onMouseLeave=function(){t.props.focusTo(null)},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.item,n=e.hover;if(!t)return null;var r=t.className,s=t.isDivider,u=t.isGroup,l=t.content;if(s)return(0,i.jsx)("div",{className:a()("zent-divider-line",r),"data-zv":"10.0.10"},void 0);if(u)return(0,i.jsx)("li",(0,o.pi)({className:a()("zent-menu-item-group-header",r),"data-zv":"10.0.10"},{children:(0,i.jsx)("span",(0,o.pi)({"data-zv":"10.0.10"},{children:l}),void 0)}),void 0);var p="number"==typeof l||"string"==typeof l?""+l:void 0,c="function"==typeof t.active?t.active(t.value):!!t.active,d=void 0===t.hoverable||!!t.hoverable;return(0,i.jsxs)("li",(0,o.pi)({className:a()("zent-popup-menu-item",{hoverable:d,disabled:t.disabled,active:c,hover:n},r),onClick:this.onClick,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,"data-zv":"10.0.10"},{children:[t.icon?(0,i.jsx)("i",{className:a()("zent-popup-menu-item-icon"),"data-zv":"10.0.10"},void 0):null,(0,i.jsx)("span",(0,o.pi)({title:p,"data-zv":"10.0.10"},{children:l}),void 0)]}),void 0)},t}(r.Component);function p(e){var t=e.event,n=e.item,o=e.onRequestClose,i=n.disabled,r=n.onClick;i||r&&(r(t),t.defaultPrevented||(t.preventDefault(),t.stopPropagation(),o&&o()))}var c=function(e){function t(t){var n=e.call(this,t)||this;return n.refMenuScrollContainer=(0,r.createRef)(),n.refMenuItemList=(0,r.createRef)(),n.onKeyDown=function(e){switch(e.key){case"Escape":n.close();break;case"ArrowDown":e.preventDefault(),n.state.open&&n.moveFocusIndexDown();break;case"ArrowUp":e.preventDefault(),n.state.open&&n.moveFocusIndexUp();break;case"Enter":n.state.open&&n.selectCurrentFocusIndex(e)}},n.setFocusIndex=function(e,t){void 0===t&&(t=!0),n.setState({focusIdx:null==e?null:n.getItemIdxInItems(e),autoScrollFocusIdx:t?e:null})},n.getItemIdxInItems=function(e){var t=n.props.items,o=e%t.length;return o<0&&(o+=t.length),o},n.getValidItemIdx=function(e,t){void 0===t&&(t=!0);var o=n.props.items;if(!o||!o.length||o.every((function(e){return e.isDivider&&e.isGroup}))||"number"!=typeof e||Number.isNaN(e))return null;var i=n.getItemIdxInItems(e),r=o[i];if(!r||r.isDivider||r.isGroup||r.disabled){var s=i;for(r=o[i=n.getItemIdxInItems(t?i+1:i-1)];!r||(r.isDivider||r.isGroup||r.disabled)&&i!==s;)r=o[i=n.getItemIdxInItems(t?i+1:i-1)]}return i},n.getTopMenu=function(){return n},n.moveFocusIndex=function(e){var t=n.state.focusIdx;null!==t?n.setFocusIndex(n.getValidItemIdx(t+e,e>0)):n.setFocusIndex(n.getValidItemIdx(0))},n.moveFocusIndexDown=function(){n.getTopMenu().moveFocusIndex(1)},n.moveFocusIndexUp=function(){n.getTopMenu().moveFocusIndex(-1)},n.selectCurrentFocusIndex=function(e){var t=n.getTopMenu().state.focusIdx;if(null!==t){var o=n.props,i=o.items,r=o.onRequestClose;p({item:i[t],event:e,onRequestClose:r})}},n.close=function(){n.setState({open:!1})},n.renderItems=function(e){void 0===e&&(e=[]);var t=n.props.onRequestClose,o=n.state.focusIdx;return e.map((function(e,r){return(0,i.jsx)(l,{index:r,item:e,onRequestClose:t,focusTo:n.setFocusIndex,hover:o===r},void 0===e.value?r:e.value)}))},n.state={focusIdx:null},n}return(0,o.ZT)(t,e),t.prototype.componentDidUpdate=function(){this.autoScroll()},t.prototype.autoScroll=function(){var e=(this.props.items||[]).length,t=this.state,n=t.focusIdx,o=t.autoScrollFocusIdx,i=this.refMenuItemList.current,r=this.refMenuScrollContainer.current;if(e&&null!==n&&n===o&&i&&r){var s=i.childNodes[this.state.focusIdx];if(!s)return;var u=s.offsetTop,a=s.offsetHeight,l=r.offsetHeight,p=r.scrollTop;l+pu&&(r.scrollTop=u-0)}},t.prototype.render=function(){var e=this.props.items;return(0,i.jsx)("div",(0,o.pi)({ref:this.refMenuScrollContainer,className:"zent-popup-menu",tabIndex:0,onKeyDown:this.onKeyDown,"data-zv":"10.0.10"},{children:e&&e.length?(0,i.jsx)("ul",(0,o.pi)({ref:this.refMenuItemList,"data-zv":"10.0.10"},{children:this.renderItems(e)}),void 0):null}),void 0)},t}(r.Component),d=function(e){return"string"==typeof e||"number"==typeof e};function f(e,t){return!e||(d(t.searchContent)?(""+t.searchContent).toUpperCase().includes(e.toUpperCase()):d(t.content)?(""+t.content).toUpperCase().includes(e.toUpperCase()):!!d(t.value)&&(""+t.value).toUpperCase().includes(e.toUpperCase()))}var g=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.refMenuItemList=(0,r.createRef)(),t.wrapWithIdx=function(e,n){return void 0===e&&(e=[]),void 0===n&&(n=[]),e.map((function(e,i){return(0,o.pi)((0,o.pi)({},e),{idx:i,parentIndexes:n,items:e.items?t.wrapWithIdx(e.items,n.concat([i])):void 0})}))},t.wrapWithNullOption=function(e,t){return void 0===e&&(e=[]),[{content:t,value:null,idx:-1,parentIndexes:[]}].concat(e)},t.wrapWithValueCallback=function(e){return void 0===e&&(e=[]),e.map((function(e){return(0,o.pi)((0,o.pi)((0,o.pi)({active:function(e){return e===t.props.value}},e),void 0!==e.value?{onClick:function(n){t.props.onSelect&&t.props.onSelect(e.value,e),e.onClick&&e.onClick(n)}}:{}),{items:t.wrapWithValueCallback(e.items)})}))},t.transformItems=(0,s.Z)((function(e,n,o){var i=t.wrapWithIdx(e);return n&&(i=t.wrapWithNullOption(i,o)),t.wrapWithValueCallback(i)})),t.moveFocusIndexDown=function(){var e=t.refMenuItemList.current;if(e)return e.moveFocusIndexDown()},t.moveFocusIndexUp=function(){var e=t.refMenuItemList.current;if(e)return e.moveFocusIndexUp()},t.selectCurrentFocusIndex=function(e){var n=t.refMenuItemList.current;if(n)return n.selectCurrentFocusIndex(e)},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.filterOption,n=e.searchText,o=e.items,r=e.nullOption,s=e.nullOptionContent,u=this.transformItems(o,r,s),a=u||[];return"function"==typeof t&&(a=(u||[]).filter((function(e){return t(n,e)}))),(0,i.jsx)(c,{ref:this.refMenuItemList,items:a,onRequestClose:this.props.onRequestClose},void 0)},t.defaultProps={filterOption:f,nullOption:!1},t.caselessMatchFilterOption=f,t}(r.Component)},55978:(e,t,n)=>{"use strict";function o(e){for(var t=[],n=1;no})},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/9503-f4142826176a71ea7306.js b/9503-ef68c52659ca5121f21f.js similarity index 91% rename from 9503-f4142826176a71ea7306.js rename to 9503-ef68c52659ca5121f21f.js index 6c10a3e38..d51e07a07 100644 --- a/9503-f4142826176a71ea7306.js +++ b/9503-ef68c52659ca5121f21f.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9503],{29503:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),p=a(27378),e=a(57318),o=a(8434),c=a(3454),l=a(24246);function u(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 r(n){for(var s=1;s{var n=this.state.value+10;n>=100&&(n=100),this.setState({value:n})})),(0,t.Z)(this,"decrease",(()=>{var n=this.state.value-10;n<0&&(n=0),this.setState({value:n})}))}render(){var n=this.state.value;return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:n}),(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:this.decrease,children:"-"}),(0,l.jsx)(c.z,{onClick:this.increase,children:"+"})]})]})}}return(0,l.jsx)(n,{})},d=function(){class n extends p.Component{render(){return(0,l.jsx)("div",{className:"zent-progress-demo",children:(0,l.jsx)(o.E,{percent:70,width:300,strokeWidth:5})})}}return(0,l.jsx)(n,{})},m=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:70,status:"normal"}),(0,l.jsx)(o.E,{percent:80,status:"success"}),(0,l.jsx)(o.E,{percent:30,status:"exception"})]})}}return(0,l.jsx)(n,{})},g=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:70,showInfo:!1}),(0,l.jsx)(o.E,{percent:100,showInfo:!1})]})}}return(0,l.jsx)(n,{})},h=function(){class n extends p.Component{render(){return(0,l.jsx)("div",{className:"zent-progress-demo",children:(0,l.jsx)(o.E,{percent:70,format:n=>"Percent ".concat(n,"%")})})}}return(0,l.jsx)(n,{})},f=function(){var n={bgColor:"#fff",normalColor:"#38f",successColor:"#0a0",exceptionColor:"#f85"};class s extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,r({percent:70},n)),(0,l.jsx)(o.E,r({percent:100},n)),(0,l.jsx)(o.E,r({percent:80,status:"exception"},n))]})}}return(0,l.jsx)(s,{})},v=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{type:"circle",percent:80,width:76,strokeWidth:5}),(0,l.jsx)(o.E,{type:"circle",percent:70}),(0,l.jsx)(o.E,{type:"circle",percent:80,status:"success"}),(0,l.jsx)(o.E,{type:"circle",percent:30,status:"exception"})]})}}return(0,l.jsx)(n,{})},y=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:70}),(0,l.jsx)(o.E,{percent:70,strokeLinecap:"square"}),(0,l.jsx)(o.E,{percent:100,strokeLinecap:"square"}),(0,l.jsx)(o.E,{percent:70,type:"circle"}),(0,l.jsx)(o.E,{percent:70,type:"circle",strokeLinecap:"square"}),(0,l.jsx)(o.E,{percent:100,type:"circle",strokeLinecap:"square"})]})}}return(0,l.jsx)(n,{})};function j(n){return(0,l.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function w(n){return(0,l.jsx)(j,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function x(n){return(0,l.jsx)(j,{tag:"style",html:n.style})}function b(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),b(n.parentNode,s);return s}class z extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(j,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,b(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(x,{style:".zent-progress-demo .zent-progress {\n\t\tmargin-bottom: 10px;\n\t}\n\t.zent-progress-demo .zent-progress-type__circle {\n\t\tmargin-right: 10px;\n\t}\n\n.zent-progress-demo .zent-progress {\n\t\tmargin-bottom: 10px;\n\t}\n\n.zent-progress-demo .zent-progress-type__circle {\n\t\tmargin-right: 10px;\n\t}\n\n.zent-progress-demo .zent-progress {\n\t\tmargin-bottom: 10px;\n\t}\n\n.zent-progress-demo .zent-progress-type__circle {\n\t\tmargin-right: 10px;\n\t}"}),p.createElement(w,{html:'

Progress

\n

Displays the current progress of an operation when it takes a long time to complete.

\n

Suggestion

\n
    \n
  • It takes a long time to finish
    • \n
  • Is running in the background and may take more than 4 seconds
    • \n
  • The action needs to show a percentage of completion
    • \n
\n

Note

\n
    \n
  • The process time cannot be estimated. Loading is recommended.
    • \n
  • Actions determined by the process within 4 seconds are not recommended
    • \n
\n

Demos

'}),p.createElement(z,{title:"Basic usage",id:"Demobasic",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(i)),p.createElement(z,{title:"Dynamic",id:"Demodynamic",src:'import { Progress, Button } from \'zent\';\n\nclass App extends Component {\n state = {\n value: 10,\n };\n\n increase = () => {\n let value = this.state.value + 10;\n if (value >= 100) {\n value = 100;\n }\n this.setState({ value });\n };\n\n decrease = () => {\n let value = this.state.value - 10;\n if (value < 0) {\n value = 0;\n }\n this.setState({ value });\n };\n\n render() {\n const { value } = this.state;\n return (\n <div className="zent-progress-demo">\n <Progress percent={value} />\n <div>\n <Button onClick={this.decrease}>-</Button>\n <Button onClick={this.increase}>+</Button>\n </div>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(k)),p.createElement(z,{title:"Custom size",id:"Demosize",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} width={300} strokeWidth={5} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(d)),p.createElement(z,{title:"Support set status manually",id:"Demostatus",src:'import { Progress, Slider } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} status="normal" />\n <Progress percent={80} status="success" />\n <Progress percent={30} status="exception" />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(m)),p.createElement(z,{title:"Hide process infomation",id:"Demoinfo",src:'import { Progress, Slider } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} showInfo={false} />\n <Progress percent={100} showInfo={false} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(g)),p.createElement(z,{title:"Custom format function of text",id:"Demoformat",src:'import { Progress, Slider } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress\n percent={70}\n format={percent => `Percent ${percent}%`}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(h)),p.createElement(z,{title:"Custom color of progress",id:"Democustomcolor",src:'import { Progress } from \'zent\';\n\nconst colors = {\n bgColor: \'#fff\',\n normalColor: \'#38f\',\n successColor: \'#0a0\',\n exceptionColor: \'#f85\',\n};\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} {...colors} />\n <Progress percent={100} {...colors} />\n <Progress percent={80} status="exception" {...colors} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(f)),p.createElement(w,{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
PropertyDescriptionTypeDefaultAlternative
classNameThe custom classnamestring
typeStyle of progessstring\'line\'\'circle\'
percentpercentage of progressnumber0
statusstatus of progress, has higher priority than percentstring\'normal\'\n \n|\n \n\'success\'\n \n|\n \n\'exception\'
showInfoWhether to show status informationbooleantruefalse
formatThe format function of text, only work on normal statusfuncbuilt-in function
strokeWidthThe width of progess bar, unit: pxnumber10
widthThe diameter of the cicrle progress bar or the length of the line progessnumber
bgColorThe color of backgroundstring
normalColorThe color in normal statestring
successColorThe color in successful state.string
exceptionColorThe color in exception statestring
strokeLinecapChange the linecaps from round to squarestring\'round\'\'round\'\n \n|\n \n\'square\'
\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),p.createElement(z,{title:"Circle Progress",id:"Democircle",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress type="circle" percent={80} width={76} strokeWidth={5} />\n <Progress type="circle" percent={70} />\n <Progress type="circle" percent={80} status="success" />\n <Progress type="circle" percent={30} status="exception" />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(v)),p.createElement(z,{title:"Change the linecaps from round to square",id:"Demolinecap",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} />\n <Progress percent={70} strokeLinecap="square" />\n <Progress percent={100} strokeLinecap="square" />\n <Progress percent={70} type="circle" />\n <Progress percent={70} type="circle" strokeLinecap="square" />\n <Progress percent={100} type="circle" strokeLinecap="square" />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(y)))}}},8434:(n,s,a)=>{"use strict";a.d(s,{E:()=>f});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=["normal","success","exception"],u=(0,a(70453).Z)("zentAnimatedArcStrokeGradient"),r={},i={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={opacity:0,rotate:0,transition:r},s.startAnimation=function(){s.animationDelayTimerId&&clearTimeout(s.animationDelayTimerId);var n=s.props,a=n.arcLength,t=n.radius,p=(a-s.getMaskArcLength())/t;s.setState({rotate:p,transition:r,opacity:.2},s.queueAnimationEnd)},s.finishAnimation=function(){s.transitionEndTimerId&&clearTimeout(s.transitionEndTimerId),s.setState({rotate:0,transition:i,opacity:0}),s.animationDelayTimerId=setTimeout(s.startAnimation,1e3)},s.queueAnimationEnd=function(){s.transitionEndTimerId=setTimeout(s.finishAnimation,400)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.getPath(),s=this.props,a=s.className,e=s.strokeWidth,o=this.state,c=o.rotate,l=o.transition,r=o.opacity;return(0,p.jsxs)("g",(0,t.pi)({"data-zv":"10.0.9"},{children:[(0,p.jsx)("defs",(0,t.pi)({"data-zv":"10.0.9"},{children:(0,p.jsxs)("linearGradient",(0,t.pi)({id:u},{children:[(0,p.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.9"},void 0),(0,p.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.9"},void 0)]}),void 0)}),void 0),(0,p.jsx)("path",{className:a,d:n,stroke:"url(#"+u+")",strokeOpacity:r,strokeWidth:e,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.9"},void 0)]}),void 0)},s.prototype.componentDidMount=function(){this.startAnimation()},s.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},s.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},s.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},s.prototype.getArcStartPoint=function(){var n=this.props,s=n.radius,a=n.strokeWidth/2;return[s+a,a]},s.prototype.getArcEndPoint=function(){var n=this.props,s=n.radius,a=s+n.strokeWidth/2,t=this.getMaskTheta();return[a+Math.sin(t)*s,a-Math.cos(t)*s]},s.prototype.getPath=function(){var n=this.getArcStartPoint(),s=this.getArcEndPoint(),a=this.props.radius;return"M"+n.join(",")+" A"+a+","+a+" 0 0 1 "+s.join(",")},s}(e.PureComponent),d=a(39215),m=function(n){var s=n.type,a=n.percent,t=n.format,e=n.state,o=n.color;return"success"===e?(0,p.jsx)(d.J,{type:"circle"===s?"check":"check-circle",style:{color:o}},void 0):"exception"===e?(0,p.jsx)(d.J,{type:"circle"===s?"close":"close-circle",style:{color:o}},void 0):(0,p.jsx)(p.Fragment,{children:t(a)},void 0)},g=function(n){var s=n.percent,a=n.showInfo,e=n.format,o=n.strokeWidth,l=n.width,u=n.bgColor,r=n.color,i=n.state,d=n.strokeLinecap,g=l||132,h=g/2,f=g-o,v=f/2,y=f*Math.PI,j=y*(100-s)/100;return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:g,height:g},"data-zv":"10.0.9"},{children:[(0,p.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:u,width:g,height:g},"data-zv":"10.0.9"},void 0),(0,p.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+g+" "+g,width:g,height:g,"data-zv":"10.0.9"},{children:[(0,p.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+h+" "+h+")","data-zv":"10.0.9"},{children:(0,p.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+d),cx:h,cy:h,r:v,style:{stroke:r,strokeWidth:o},strokeDasharray:y,strokeDashoffset:j,"data-zv":"10.0.9"},void 0)}),void 0),"normal"===i&&(0,p.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+d),radius:v,arcLength:y-j,strokeWidth:o},void 0)]}),void 0),a&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,p.jsx)(m,{type:"circle",percent:s,format:e,state:i,color:r},void 0)}),void 0)]}),void 0)},h=function(n){var s=n.format,a=n.width,e=n.percent,o=n.showInfo,l=n.strokeWidth,u=n.bgColor,r=n.color,i=n.state,k=n.strokeLinecap,d=a||"100%",g=o&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,p.jsx)(m,{type:"line",percent:e,format:s,state:i,color:r},void 0)}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.9"},{children:[(0,p.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===e}),style:{background:u,width:d,height:l},"data-zv":"10.0.9"},{children:(0,p.jsx)("div",{className:"zent-progress-inner",style:{background:r,width:e+"%",height:l},"data-zv":"10.0.9"},void 0)}),void 0),g]}),void 0)},f=function(n){var s,a=n,o=a.type,u=a.status,r=a.percent,i=a.className,k=a.normalColor,d=a.successColor,m=a.exceptionColor,f=a.bgColor,v=a.format,y=a.showInfo,j=a.strokeWidth,w=a.width,x=a.strokeLinecap,b=(0,t._T)(a,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),z=(0,e.useMemo)((function(){return-1!==l.indexOf(u)?u:r>=100?"success":"normal"}),[u,r]),C={exception:m,success:d,normal:k}[z],E=(0,e.useMemo)((function(){return r<0?0:r>100?100:r}),[r]);switch(o){case"circle":s=g;break;case"line":default:s=h}var N=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+z,i);return(0,p.jsx)("div",(0,t.pi)({className:N},b,{"data-zv":"10.0.9"},{children:(0,p.jsx)(s,{percent:E,showInfo:y,strokeWidth:j,width:w,bgColor:f,format:v,color:C,state:z,strokeLinecap:x},void 0)}),void 0)};f.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9503],{29503:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>C});var t=a(73450),p=a(27378),e=a(57318),o=a(8434),c=a(3454),l=a(24246);function u(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 r(n){for(var s=1;s{var n=this.state.value+10;n>=100&&(n=100),this.setState({value:n})})),(0,t.Z)(this,"decrease",(()=>{var n=this.state.value-10;n<0&&(n=0),this.setState({value:n})}))}render(){var n=this.state.value;return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:n}),(0,l.jsxs)("div",{children:[(0,l.jsx)(c.z,{onClick:this.decrease,children:"-"}),(0,l.jsx)(c.z,{onClick:this.increase,children:"+"})]})]})}}return(0,l.jsx)(n,{})},d=function(){class n extends p.Component{render(){return(0,l.jsx)("div",{className:"zent-progress-demo",children:(0,l.jsx)(o.E,{percent:70,width:300,strokeWidth:5})})}}return(0,l.jsx)(n,{})},m=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:70,status:"normal"}),(0,l.jsx)(o.E,{percent:80,status:"success"}),(0,l.jsx)(o.E,{percent:30,status:"exception"})]})}}return(0,l.jsx)(n,{})},g=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:70,showInfo:!1}),(0,l.jsx)(o.E,{percent:100,showInfo:!1})]})}}return(0,l.jsx)(n,{})},h=function(){class n extends p.Component{render(){return(0,l.jsx)("div",{className:"zent-progress-demo",children:(0,l.jsx)(o.E,{percent:70,format:n=>"Percent ".concat(n,"%")})})}}return(0,l.jsx)(n,{})},f=function(){var n={bgColor:"#fff",normalColor:"#38f",successColor:"#0a0",exceptionColor:"#f85"};class s extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,r({percent:70},n)),(0,l.jsx)(o.E,r({percent:100},n)),(0,l.jsx)(o.E,r({percent:80,status:"exception"},n))]})}}return(0,l.jsx)(s,{})},v=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{type:"circle",percent:80,width:76,strokeWidth:5}),(0,l.jsx)(o.E,{type:"circle",percent:70}),(0,l.jsx)(o.E,{type:"circle",percent:80,status:"success"}),(0,l.jsx)(o.E,{type:"circle",percent:30,status:"exception"})]})}}return(0,l.jsx)(n,{})},y=function(){class n extends p.Component{render(){return(0,l.jsxs)("div",{className:"zent-progress-demo",children:[(0,l.jsx)(o.E,{percent:70}),(0,l.jsx)(o.E,{percent:70,strokeLinecap:"square"}),(0,l.jsx)(o.E,{percent:100,strokeLinecap:"square"}),(0,l.jsx)(o.E,{percent:70,type:"circle"}),(0,l.jsx)(o.E,{percent:70,type:"circle",strokeLinecap:"square"}),(0,l.jsx)(o.E,{percent:100,type:"circle",strokeLinecap:"square"})]})}}return(0,l.jsx)(n,{})};function j(n){return(0,l.jsx)(n.tag,r(r({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function w(n){return(0,l.jsx)(j,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function x(n){return(0,l.jsx)(j,{tag:"style",html:n.style})}function b(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),b(n.parentNode,s);return s}class z extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(j,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,b(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(x,{style:".zent-progress-demo .zent-progress {\n\t\tmargin-bottom: 10px;\n\t}\n\t.zent-progress-demo .zent-progress-type__circle {\n\t\tmargin-right: 10px;\n\t}\n\n.zent-progress-demo .zent-progress {\n\t\tmargin-bottom: 10px;\n\t}\n\n.zent-progress-demo .zent-progress-type__circle {\n\t\tmargin-right: 10px;\n\t}\n\n.zent-progress-demo .zent-progress {\n\t\tmargin-bottom: 10px;\n\t}\n\n.zent-progress-demo .zent-progress-type__circle {\n\t\tmargin-right: 10px;\n\t}"}),p.createElement(w,{html:'

Progress

\n

Displays the current progress of an operation when it takes a long time to complete.

\n

Suggestion

\n
    \n
  • It takes a long time to finish
    • \n
  • Is running in the background and may take more than 4 seconds
    • \n
  • The action needs to show a percentage of completion
    • \n
\n

Note

\n
    \n
  • The process time cannot be estimated. Loading is recommended.
    • \n
  • Actions determined by the process within 4 seconds are not recommended
    • \n
\n

Demos

'}),p.createElement(z,{title:"Basic usage",id:"Demobasic",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(i)),p.createElement(z,{title:"Dynamic",id:"Demodynamic",src:'import { Progress, Button } from \'zent\';\n\nclass App extends Component {\n state = {\n value: 10,\n };\n\n increase = () => {\n let value = this.state.value + 10;\n if (value >= 100) {\n value = 100;\n }\n this.setState({ value });\n };\n\n decrease = () => {\n let value = this.state.value - 10;\n if (value < 0) {\n value = 0;\n }\n this.setState({ value });\n };\n\n render() {\n const { value } = this.state;\n return (\n <div className="zent-progress-demo">\n <Progress percent={value} />\n <div>\n <Button onClick={this.decrease}>-</Button>\n <Button onClick={this.increase}>+</Button>\n </div>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(k)),p.createElement(z,{title:"Custom size",id:"Demosize",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} width={300} strokeWidth={5} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(d)),p.createElement(z,{title:"Support set status manually",id:"Demostatus",src:'import { Progress, Slider } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} status="normal" />\n <Progress percent={80} status="success" />\n <Progress percent={30} status="exception" />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(m)),p.createElement(z,{title:"Hide process infomation",id:"Demoinfo",src:'import { Progress, Slider } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} showInfo={false} />\n <Progress percent={100} showInfo={false} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(g)),p.createElement(z,{title:"Custom format function of text",id:"Demoformat",src:'import { Progress, Slider } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress\n percent={70}\n format={percent => `Percent ${percent}%`}\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(h)),p.createElement(z,{title:"Custom color of progress",id:"Democustomcolor",src:'import { Progress } from \'zent\';\n\nconst colors = {\n bgColor: \'#fff\',\n normalColor: \'#38f\',\n successColor: \'#0a0\',\n exceptionColor: \'#f85\',\n};\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} {...colors} />\n <Progress percent={100} {...colors} />\n <Progress percent={80} status="exception" {...colors} />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(f)),p.createElement(w,{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
PropertyDescriptionTypeDefaultAlternative
classNameThe custom classnamestring
typeStyle of progessstring\'line\'\'circle\'
percentpercentage of progressnumber0
statusstatus of progress, has higher priority than percentstring\'normal\'\n \n|\n \n\'success\'\n \n|\n \n\'exception\'
showInfoWhether to show status informationbooleantruefalse
formatThe format function of text, only work on normal statusfuncbuilt-in function
strokeWidthThe width of progess bar, unit: pxnumber10
widthThe diameter of the cicrle progress bar or the length of the line progessnumber
bgColorThe color of backgroundstring
normalColorThe color in normal statestring
successColorThe color in successful state.string
exceptionColorThe color in exception statestring
strokeLinecapChange the linecaps from round to squarestring\'round\'\'round\'\n \n|\n \n\'square\'
\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),p.createElement(z,{title:"Circle Progress",id:"Democircle",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress type="circle" percent={80} width={76} strokeWidth={5} />\n <Progress type="circle" percent={70} />\n <Progress type="circle" percent={80} status="success" />\n <Progress type="circle" percent={30} status="exception" />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(v)),p.createElement(z,{title:"Change the linecaps from round to square",id:"Demolinecap",src:'import { Progress } from \'zent\';\n\nclass App extends Component {\n render() {\n return (\n <div className="zent-progress-demo">\n <Progress percent={70} />\n <Progress percent={70} strokeLinecap="square" />\n <Progress percent={100} strokeLinecap="square" />\n <Progress percent={70} type="circle" />\n <Progress percent={70} type="circle" strokeLinecap="square" />\n <Progress percent={100} type="circle" strokeLinecap="square" />\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(y)))}}},8434:(n,s,a)=>{"use strict";a.d(s,{E:()=>f});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=["normal","success","exception"],u=(0,a(70453).Z)("zentAnimatedArcStrokeGradient"),r={},i={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},k=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={opacity:0,rotate:0,transition:r},s.startAnimation=function(){s.animationDelayTimerId&&clearTimeout(s.animationDelayTimerId);var n=s.props,a=n.arcLength,t=n.radius,p=(a-s.getMaskArcLength())/t;s.setState({rotate:p,transition:r,opacity:.2},s.queueAnimationEnd)},s.finishAnimation=function(){s.transitionEndTimerId&&clearTimeout(s.transitionEndTimerId),s.setState({rotate:0,transition:i,opacity:0}),s.animationDelayTimerId=setTimeout(s.startAnimation,1e3)},s.queueAnimationEnd=function(){s.transitionEndTimerId=setTimeout(s.finishAnimation,400)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.getPath(),s=this.props,a=s.className,e=s.strokeWidth,o=this.state,c=o.rotate,l=o.transition,r=o.opacity;return(0,p.jsxs)("g",(0,t.pi)({"data-zv":"10.0.10"},{children:[(0,p.jsx)("defs",(0,t.pi)({"data-zv":"10.0.10"},{children:(0,p.jsxs)("linearGradient",(0,t.pi)({id:u},{children:[(0,p.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.10"},void 0),(0,p.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.10"},void 0)]}),void 0)}),void 0),(0,p.jsx)("path",{className:a,d:n,stroke:"url(#"+u+")",strokeOpacity:r,strokeWidth:e,style:(0,t.pi)({transform:"rotate("+c+"rad)"},l),"data-zv":"10.0.10"},void 0)]}),void 0)},s.prototype.componentDidMount=function(){this.startAnimation()},s.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},s.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},s.prototype.getMaskTheta=function(){var n=this.props.radius;return this.getMaskArcLength()/n},s.prototype.getArcStartPoint=function(){var n=this.props,s=n.radius,a=n.strokeWidth/2;return[s+a,a]},s.prototype.getArcEndPoint=function(){var n=this.props,s=n.radius,a=s+n.strokeWidth/2,t=this.getMaskTheta();return[a+Math.sin(t)*s,a-Math.cos(t)*s]},s.prototype.getPath=function(){var n=this.getArcStartPoint(),s=this.getArcEndPoint(),a=this.props.radius;return"M"+n.join(",")+" A"+a+","+a+" 0 0 1 "+s.join(",")},s}(e.PureComponent),d=a(39215),m=function(n){var s=n.type,a=n.percent,t=n.format,e=n.state,o=n.color;return"success"===e?(0,p.jsx)(d.J,{type:"circle"===s?"check":"check-circle",style:{color:o}},void 0):"exception"===e?(0,p.jsx)(d.J,{type:"circle"===s?"close":"close-circle",style:{color:o}},void 0):(0,p.jsx)(p.Fragment,{children:t(a)},void 0)},g=function(n){var s=n.percent,a=n.showInfo,e=n.format,o=n.strokeWidth,l=n.width,u=n.bgColor,r=n.color,i=n.state,d=n.strokeLinecap,g=l||132,h=g/2,f=g-o,v=f/2,y=f*Math.PI,j=y*(100-s)/100;return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container",style:{width:g,height:g},"data-zv":"10.0.10"},{children:[(0,p.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:o,borderColor:u,width:g,height:g},"data-zv":"10.0.10"},void 0),(0,p.jsxs)("svg",(0,t.pi)({className:"zent-progress-inner",viewBox:"0 0 "+g+" "+g,width:g,height:g,"data-zv":"10.0.10"},{children:[(0,p.jsx)("g",(0,t.pi)({transform:"rotate(-90 "+h+" "+h+")","data-zv":"10.0.10"},{children:(0,p.jsx)("circle",{className:c()("zent-progress-inner-path","zent-progress-inner-path--"+d),cx:h,cy:h,r:v,style:{stroke:r,strokeWidth:o},strokeDasharray:y,strokeDashoffset:j,"data-zv":"10.0.10"},void 0)}),void 0),"normal"===i&&(0,p.jsx)(k,{className:c()("zent-progress-path-mask","zent-progress-path-mask--"+d),radius:v,arcLength:y-j,strokeWidth:o},void 0)]}),void 0),a&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,p.jsx)(m,{type:"circle",percent:s,format:e,state:i,color:r},void 0)}),void 0)]}),void 0)},h=function(n){var s=n.format,a=n.width,e=n.percent,o=n.showInfo,l=n.strokeWidth,u=n.bgColor,r=n.color,i=n.state,k=n.strokeLinecap,d=a||"100%",g=o&&(0,p.jsx)("div",(0,t.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,p.jsx)(m,{type:"line",percent:e,format:s,state:i,color:r},void 0)}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:"zent-progress-container","data-zv":"10.0.10"},{children:[(0,p.jsx)("div",(0,t.pi)({className:c()("zent-progress-wrapper","zent-progress-wrapper--"+k,{"zent-progress-wrapper--finished":100===e}),style:{background:u,width:d,height:l},"data-zv":"10.0.10"},{children:(0,p.jsx)("div",{className:"zent-progress-inner",style:{background:r,width:e+"%",height:l},"data-zv":"10.0.10"},void 0)}),void 0),g]}),void 0)},f=function(n){var s,a=n,o=a.type,u=a.status,r=a.percent,i=a.className,k=a.normalColor,d=a.successColor,m=a.exceptionColor,f=a.bgColor,v=a.format,y=a.showInfo,j=a.strokeWidth,w=a.width,x=a.strokeLinecap,b=(0,t._T)(a,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),z=(0,e.useMemo)((function(){return-1!==l.indexOf(u)?u:r>=100?"success":"normal"}),[u,r]),C={exception:m,success:d,normal:k}[z],E=(0,e.useMemo)((function(){return r<0?0:r>100?100:r}),[r]);switch(o){case"circle":s=g;break;case"line":default:s=h}var N=c()("zent-progress","zent-progress-type__"+o,"zent-progress-state__"+z,i);return(0,p.jsx)("div",(0,t.pi)({className:N},b,{"data-zv":"10.0.10"},{children:(0,p.jsx)(s,{percent:E,showInfo:y,strokeWidth:j,width:w,bgColor:f,format:v,color:C,state:z,strokeLinecap:x},void 0)}),void 0)};f.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(n){return n+"%"}}}}]); \ No newline at end of file diff --git a/9570-3411a90f617f889f7832.js b/9570-23d933efff04cf2b84a4.js similarity index 64% rename from 9570-3411a90f617f889f7832.js rename to 9570-23d933efff04cf2b84a4.js index d05379e95..441cdaf40 100644 --- a/9570-3411a90f617f889f7832.js +++ b/9570-23d933efff04cf2b84a4.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9570],{89570:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>w});var t=a(73450),p=a(27378),o=a(57318),e=a(3454),c=a(69024),l=a(24246);function i(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 u(n){for(var s=1;s{this.setState({visible:n})}))}render(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!0),children:"Show Dialog"}),(0,l.jsx)(c.V,{className:"zent-dialog-demo-basic-dialog",visible:this.state.visible,onClose:()=>this.setVisible(!1),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{onClick:()=>this.setVisible(!1),children:"Close"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!1),children:"Ok"})]}),title:"prompt",children:(0,l.jsx)("p",{children:"content content content content content content content content content"})})]})}}return(0,l.jsx)(n,{})},k=function(){var n,s=c.V.openDialog,a=c.V.closeDialog,t="my_dialog";return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>{s({dialogId:t,title:"Open the dialog through openDialog",children:(0,l.jsx)("div",{children:"Hello World"}),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{onClick:()=>a(t),children:"Close"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>a(t),children:"Ok"})]}),onClose(){}})},children:"Open"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>{n=s({title:"Open the dialog through openDialog",children:(0,l.jsx)("div",{children:"Hello World"}),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{onClick:()=>n(),children:"Close"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>n(),children:"Ok"})]}),onClose(){}})},children:"Open2"})]})},d=function(){var n=c.V.openDialog,s=p.createContext({shared:"This is from context"});class a extends p.Component{constructor(...a){super(...a),(0,t.Z)(this,"open",(()=>{n({parentComponent:this,title:"openDialog support context",children:(0,l.jsx)(s.Consumer,{children:({shared:n})=>(0,l.jsx)("span",{children:n})}),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{children:"Close"}),(0,l.jsx)(e.z,{type:"primary",children:"Ok"})]})})}))}render(){return(0,l.jsx)(e.z,{type:"primary",onClick:this.open,children:"Show"})}}return(0,l.jsx)(s.Provider,{value:{shared:"This is from context"},children:(0,l.jsx)(a,{})})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{visible:!1}),(0,t.Z)(this,"setVisible",(n=>{this.setState({visible:n})}))}render(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!0),children:"Show Dialog"}),(0,l.jsx)(c.V,{visible:this.state.visible,onClose:()=>this.setVisible(!1),children:(0,l.jsx)("p",{children:"content"})})]})}}return(0,l.jsx)(n,{})},g=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{visible:!1}),(0,t.Z)(this,"setVisible",(n=>{this.setState({visible:n})}))}render(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!0),children:"Show Dialog"}),(0,l.jsx)(c.V,{visible:this.state.visible,onClose:()=>this.setVisible(!1),closeBtn:!1,children:(0,l.jsx)("p",{children:"content"})})]})}}return(0,l.jsx)(n,{})};function h(n){return(0,l.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,l.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,l.jsx)(h,{tag:"style",html:n.style})}function v(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),v(n.parentNode,s);return s}class b extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,v(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:".zent-dialog-demo-basic-dialog {\n\t\twidth: 500px;\n\t}"}),p.createElement(y,{html:'

Dialog

\n

Modal window with background mask; It is often used to carry the feedback of details and forms of small and medium-sized volumes that must be confirmed by users.

\n

Suggestion

\n
    \n
  • When you need to provide some key information or ask the user to make a decision, you can use the dialog window.
    • \n
\n

Note

\n
    \n
  • Disallow the use of single buttons in modal dialogs.
    • \n
  • Disallow the use of more than two main action buttons in a modal dialog.
    • \n
\n

Guides

\n
    \n
  • \n

    Imperative, call openDialog function.

    \n
    • \n
  • \n

    Component-based, show/hide the dialog through visible prop.

    \n
    • \n
'}),p.createElement(b,{title:"Basic Usage",id:"Demobasic",src:'import { Dialog, Button } from \'zent\';\n\nclass Example extends React.Component {\n state = { visible: false };\n\n setVisible = visible => {\n this.setState({ visible });\n };\n\n render() {\n return (\n <div>\n <Button type="primary" onClick={() => this.setVisible(true)}>\n Show Dialog\n </Button>\n <Dialog\n className="zent-dialog-demo-basic-dialog"\n visible={this.state.visible}\n onClose={() => this.setVisible(false)}\n footer={\n <>\n <Button onClick={() => this.setVisible(false)}>\n Close\n </Button>\n <Button type="primary" onClick={() => this.setVisible(false)}>\n Ok\n </Button>\n </>\n }\n title="prompt"\n >\n <p>content content content content content content content content content</p>\n </Dialog>\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(r)),p.createElement(b,{title:"Set up with openDialog",id:"Demoopen",src:'import { Dialog, Button } from \'zent\';\n\nconst { openDialog, closeDialog } = Dialog;\nconst id = \'my_dialog\';\n\n// 使用 `closeDialog` 关闭需要传入 `dialogId`\nconst open = () => {\n openDialog({\n dialogId: id, // id is used to close the dialog\n title: \'Open the dialog through openDialog\',\n children: <div>Hello World</div>,\n footer: (\n <>\n <Button onClick={() => closeDialog(id)}>Close</Button>\n <Button type="primary" onClick={() => closeDialog(id)}>\n Ok\n </Button>\n </>\n ),\n onClose() {\n console.log(\'outer dialog closed\');\n },\n });\n};\n\n// 使用 `openDialog` 返回的 `close` 函数关闭\nlet close;\nconst open2 = () => {\n close = openDialog({\n title: \'Open the dialog through openDialog\',\n children: <div>Hello World</div>,\n footer: (\n <>\n <Button onClick={() => close()}>Close</Button>\n <Button type="primary" onClick={() => close()}>\n Ok\n </Button>\n </>\n ),\n onClose() {\n console.log(\'outer dialog closed\');\n },\n });\n};\n\nReactDOM.render(\n <>\n <Button type="primary" onClick={open}>\n Open\n </Button>\n <Button type="primary" onClick={open2}>\n Open2\n </Button>\n </>,\n mountNode\n);'},p.createElement(k)),p.createElement(b,{title:"openDialog with context",id:"Democontext",src:'import { Dialog, Button } from \'zent\';\n\nconst { openDialog } = Dialog;\n\nconst DemoContext = React.createContext({\n shared: \'This is from context\',\n});\n\nclass Example extends React.Component {\n open = () => {\n openDialog({\n parentComponent: this,\n title: \'openDialog support context\',\n children: (\n <DemoContext.Consumer>\n {({ shared }) => <span>{shared}</span>}\n </DemoContext.Consumer>\n ),\n footer: (\n <>\n <Button>Close</Button>\n <Button type="primary">Ok</Button>\n </>\n ),\n });\n };\n\n render() {\n return (\n <Button type="primary" onClick={this.open}>\n Show\n </Button>\n );\n }\n}\n\nReactDOM.render(\n <DemoContext.Provider value={{ shared: \'This is from context\' }}>\n <Example />\n </DemoContext.Provider>,\n mountNode\n);'},p.createElement(d)),p.createElement(y,{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
PropsDescriptionTypeDefault
titleDialog titleReactNode\'\'
childrenContent of the dialog\n|\nReactNode\n|\nnull`
footerContent of the dialog footerReactNodenull
visibleVisibility of the dialogbooleanfalse
closeBtnVisibility of the close button at the upper right cornerbooleantrue
onCloseClose callback(event) => voidnoop
onClosedCallback when dialog closing animation is done() => void
onOpenedCallback when dialog opening animation is done() => void
maskVisibility of the maskbooleantrue
maskClosableClick on the mask to close the dialogbooleantrue
classNameCustom classnamestring\'\'
styleCustom style objectCSSProperties{}
\n

openDialog

\n

openDialog(options: Partial<IOpenDialogOption>): () => void

\n

options can contain all props above in addition to visible as well as the following parameters：

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
parameterdescriptionTypeDefault
dialogIdOptional, the id of dialog. The dialog can be closed throuth \ncloseDialog(dialogId)\n.string\'random-id\'
parentComponentOptional, the reference of dialog\'s parent, used to correlate the \ncontextReactInstance
\n

A ref function passed to openDialog can provide a reference to the instance, ref in string format is non-supported.

\n
\n

The return value of openDialog is a function which can close the dialog manually, and close the dialog with this function won\'t trigger onClose.

\n
\n

closeDialog

\n

closeDialog(dialogId: string, options: object): void

\n

If options.triggerOnClose is true, onClose will be triggered when the dialog is closed.

\n

Specify the width of the Dialog

\n

Set a style prop on Dialog can specify its width, e.g. style={{ width: \'600px\' }}.

\n

By default the pop-up window width will adapt its content, meanwhile it has a minimum width and maximum width.

\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),p.createElement(b,{title:"No Header",id:"Demonoheader",src:'import { Dialog, Button } from \'zent\';\n\nclass Example extends React.Component {\n state = { visible: false };\n\n setVisible = visible => {\n this.setState({ visible });\n };\n\n render() {\n return (\n <div>\n <Button type="primary" onClick={() => this.setVisible(true)}>\n Show Dialog\n </Button>\n <Dialog\n visible={this.state.visible}\n onClose={() => this.setVisible(false)}\n >\n <p>content</p>\n </Dialog>\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(m)),p.createElement(b,{title:"Content Only",id:"Democontentonly",src:'import { Dialog, Button } from \'zent\';\n\nconst ID = \'zent-demo-dialog-no-header\';\n\nclass Example extends React.Component {\n state = { visible: false };\n\n setVisible = visible => {\n this.setState({ visible });\n };\n\n render() {\n return (\n <div>\n <Button type="primary" onClick={() => this.setVisible(true)}>\n Show Dialog\n </Button>\n <Dialog\n visible={this.state.visible}\n onClose={() => this.setVisible(false)}\n closeBtn={false}\n >\n <p>content</p>\n </Dialog>\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(g)))}}},69024:(n,s,a)=>{"use strict";a.d(s,{V:()=>z,Z:()=>O});var t=a(59312),p=a(24246),o=a(27378),e=a(14623),c=a(53552),l=a(79352),i=a(60042),u=a.n(i),r=a(58801),k=a(27036),d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.dialogEl=null,s.onClickClose=function(n){var a=s.props.onClose;a&&a(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){this.resetTransformOrigin()},s.prototype.componentDidUpdate=function(){this.resetTransformOrigin()},s.prototype.resetTransformOrigin=function(n){void 0===n&&(n=this.props);var s=n.mousePosition;if(s&&s.x>=0&&s.y>=0&&this.dialogEl&&this.dialogEl.getBoundingClientRect){var a=this.dialogEl.getBoundingClientRect(),t=a.left,p=a.top,o=s.x-t+"px "+(s.y-p)+"px 0",e=this.dialogEl.style;["Webkit","Moz","Ms","ms"].forEach((function(n){e[n+"TransformOrigin"]=o})),e.transformOrigin=o}},s.prototype.renderHeader=function(){var n=this.props.title;return n?(n="number"==typeof n||"string"==typeof n?(0,p.jsx)("span",(0,t.pi)({className:"zent-dialog-r-title-text","data-zv":"10.0.9"},{children:n}),void 0):n,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-header","data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-title","data-zv":"10.0.9"},{children:n}),void 0)}),void 0)):null},s.prototype.render=function(){var n=this,s=this.props,a=s.className,o=s.closeBtn,e=s.footer,c=s.style,l=s.children,i=this.renderHeader(),r=u()("zent-dialog-r-close",{"zent-dialog-r-has-title":!!i}),d=o&&(0,p.jsx)("button",(0,t.pi)({type:"button",className:r,onClick:this.onClickClose,"data-zv":"10.0.9"},{children:(0,p.jsx)(k.Z,{type:"close"},void 0)}),void 0),m=e&&(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-footer","data-zv":"10.0.9"},{children:e}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:u()("zent-dialog-r",a,{"zent-dialog-r--has-header":!!i,"zent-dialog-r--has-footer":!!m,"zent-dialog-r--no-close-btn":!d}),style:c,ref:function(s){return n.dialogEl=s},"data-zv":"10.0.9"},{children:[d,i,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body","data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body-content","data-zv":"10.0.9"},{children:l}),void 0)}),void 0),m]}),void 0)},s}(o.Component),m=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.rootRef=(0,o.createRef)(),s.onMaskClick=function(n){n.target===n.currentTarget&&s.props.mask&&s.props.maskClosable&&s.props.onClose(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=document.activeElement,s=this.rootRef.current;s!==n&&s&&!s.contains(n)&&function(n){if(n){var s=(0,r.Z)();n.focus(),window.scroll(s.x,s.y)}}(s)},s.prototype.render=function(){var n=this.props,s=n.mask,a=n.visible,o=n.children;return(0,p.jsxs)("div",(0,t.pi)({ref:this.rootRef,tabIndex:-1,className:"zent-dialog-r-root","data-zv":"10.0.9"},{children:[a&&s&&(0,p.jsx)("div",{className:"zent-dialog-r-backdrop","data-zv":"10.0.9"},void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-wrap",onClick:this.onMaskClick,"data-zv":"10.0.9"},{children:o}),void 0)]}),void 0)},s}(o.Component),g=a(31542),h=a.t(g,2),y=a(70453),f=a(42690),v=a(14805),b=new Map,w=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={visible:!0},s.closeOptions={},s.onClosed=function(){var n=s.props,a=n.options.onClose,t=n.container,p=s.closeOptions.triggerOnClose;(void 0===p||p)&&a&&a(),g.unmountComponentAtNode(t)},s.onClose=function(n){s.close({triggerOnClose:!1!==n})},s}return(0,t.ZT)(s,n),s.prototype.close=function(n){void 0===n&&(n={}),this.closeOptions=n,this.setState({visible:!1})},s.prototype.componentWillUnmount=function(){var n=this.props.options.dialogId;b.delete(n)},s.prototype.render=function(){var n=this.props.options,s=this.state.visible;return(0,p.jsx)(O,(0,t.pi)({},n,{onClose:this.onClose,onClosed:this.onClosed,visible:s}),void 0)},s}(o.Component);function C(n,s){void 0===s&&(s={});var a=b.get(n);if(a){var t=a.current;t&&t.close(s)}}function x(n){if(void 0===n&&(n={}),!l.Z)return f.Z;var s=n.dialogId,a=void 0===s?(0,y.Z)("__zent-dialog__"):s,e=n.parentComponent;!function(n){if(b.has(n))throw new Error("Duplicate dialog id found: "+n)}(a);var c=(0,v.Z)("div"),i=e?g.unstable_renderSubtreeIntoContainer.bind(h,e):g.render,u=(0,o.createRef)();return i((0,p.jsx)(w,{ref:u,options:(0,t.pi)((0,t.pi)({},n),{dialogId:a}),container:c},void 0),c),function(n,s){b.set(n,s)}(a,u),function(n){void 0===n&&(n=!0),C(a,{triggerOnClose:!1!==n})}}var j=a(49744),D=null;l.Z&&(0,j.Oo)(document.documentElement,"click",(function(n){D={x:n.clientX,y:n.clientY}}),{capture:!0});var z=function(n){function s(s){var a=n.call(this,s)||this;return a.lastMousePosition=null,a.onClose=function(n){var s=a.props.onClose;s&&s(n)},a.onExited=function(){var n=a.props.onClosed;a.setState({exiting:!1}),n&&n()},a.state={prevOpen:s.visible,exiting:!1},a}return(0,t.ZT)(s,n),s.getDerivedStateFromProps=function(n,s){var a=s.prevOpen;return n.visible===a?null:n.visible?{prevOpen:n.visible,exiting:!1}:{prevOpen:n.visible,exiting:!0}},s.prototype.render=function(){var n=this.props,s=n.visible,a=n.closeBtn,o=n.style,l=n.onOpened,i=(n.onClosed,n.mask),u=n.maskClosable,r=n.children,k=(0,t._T)(n,["visible","closeBtn","style","onOpened","onClosed","mask","maskClosable","children"]),g=this.state.exiting;return this.lastMousePosition=s?this.lastMousePosition||D:null,(0,p.jsx)(c.ZP,(0,t.pi)({visible:s||g,onClose:this.onClose,className:"zent-dialog-r-anchor",closeOnESC:a,blockPageScroll:!0},{children:(0,p.jsx)(m,(0,t.pi)({mask:i,maskClosable:u,visible:s,onClose:this.onClose},{children:(0,p.jsx)(e.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:s,timeout:300,classNames:"zent-zoom",onEntered:l,onExited:this.onExited},{children:(0,p.jsx)(d,(0,t.pi)({},k,{style:o,closeBtn:a,mousePosition:this.lastMousePosition},{children:r}),void 0)}),void 0)}),void 0)}),void 0)},s.defaultProps={onClose:function(){},visible:!1,className:"",style:{},title:"",closeBtn:!0,mask:!0,maskClosable:!0,footer:null},s.openDialog=x,s.closeDialog=C,s}(o.Component),O=z},58801:(n,s,a)=>{"use strict";function t(){var n=window.pageXOffset,s=window.pageYOffset;return{x:void 0!==n?n:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==s?s:(document.documentElement||document.body.parentNode||document.body).scrollTop}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9570],{89570:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>w});var t=a(73450),p=a(27378),o=a(57318),e=a(3454),c=a(97701),l=a(24246);function i(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 u(n){for(var s=1;s{this.setState({visible:n})}))}render(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!0),children:"Show Dialog"}),(0,l.jsx)(c.V,{className:"zent-dialog-demo-basic-dialog",visible:this.state.visible,onClose:()=>this.setVisible(!1),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{onClick:()=>this.setVisible(!1),children:"Close"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!1),children:"Ok"})]}),title:"prompt",children:(0,l.jsx)("p",{children:"content content content content content content content content content"})})]})}}return(0,l.jsx)(n,{})},k=function(){var n,s=c.V.openDialog,a=c.V.closeDialog,t="my_dialog";return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>{s({dialogId:t,title:"Open the dialog through openDialog",children:(0,l.jsx)("div",{children:"Hello World"}),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{onClick:()=>a(t),children:"Close"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>a(t),children:"Ok"})]}),onClose(){}})},children:"Open"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>{n=s({title:"Open the dialog through openDialog",children:(0,l.jsx)("div",{children:"Hello World"}),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{onClick:()=>n(),children:"Close"}),(0,l.jsx)(e.z,{type:"primary",onClick:()=>n(),children:"Ok"})]}),onClose(){}})},children:"Open2"})]})},d=function(){var n=c.V.openDialog,s=p.createContext({shared:"This is from context"});class a extends p.Component{constructor(...a){super(...a),(0,t.Z)(this,"open",(()=>{n({parentComponent:this,title:"openDialog support context",children:(0,l.jsx)(s.Consumer,{children:({shared:n})=>(0,l.jsx)("span",{children:n})}),footer:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.z,{children:"Close"}),(0,l.jsx)(e.z,{type:"primary",children:"Ok"})]})})}))}render(){return(0,l.jsx)(e.z,{type:"primary",onClick:this.open,children:"Show"})}}return(0,l.jsx)(s.Provider,{value:{shared:"This is from context"},children:(0,l.jsx)(a,{})})},m=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{visible:!1}),(0,t.Z)(this,"setVisible",(n=>{this.setState({visible:n})}))}render(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!0),children:"Show Dialog"}),(0,l.jsx)(c.V,{visible:this.state.visible,onClose:()=>this.setVisible(!1),children:(0,l.jsx)("p",{children:"content"})})]})}}return(0,l.jsx)(n,{})},g=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{visible:!1}),(0,t.Z)(this,"setVisible",(n=>{this.setState({visible:n})}))}render(){return(0,l.jsxs)("div",{children:[(0,l.jsx)(e.z,{type:"primary",onClick:()=>this.setVisible(!0),children:"Show Dialog"}),(0,l.jsx)(c.V,{visible:this.state.visible,onClose:()=>this.setVisible(!1),closeBtn:!1,children:(0,l.jsx)("p",{children:"content"})})]})}}return(0,l.jsx)(n,{})};function h(n){return(0,l.jsx)(n.tag,u(u({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function y(n){return(0,l.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function f(n){return(0,l.jsx)(h,{tag:"style",html:n.style})}function v(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),v(n.parentNode,s);return s}class b extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,v(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(f,{style:".zent-dialog-demo-basic-dialog {\n\t\twidth: 500px;\n\t}"}),p.createElement(y,{html:'

Dialog

\n

Modal window with background mask; It is often used to carry the feedback of details and forms of small and medium-sized volumes that must be confirmed by users.

\n

Suggestion

\n
    \n
  • When you need to provide some key information or ask the user to make a decision, you can use the dialog window.
    • \n
\n

Note

\n
    \n
  • Disallow the use of single buttons in modal dialogs.
    • \n
  • Disallow the use of more than two main action buttons in a modal dialog.
    • \n
\n

Guides

\n
    \n
  • \n

    Imperative, call openDialog function.

    \n
    • \n
  • \n

    Component-based, show/hide the dialog through visible prop.

    \n
    • \n
'}),p.createElement(b,{title:"Basic Usage",id:"Demobasic",src:'import { Dialog, Button } from \'zent\';\n\nclass Example extends React.Component {\n state = { visible: false };\n\n setVisible = visible => {\n this.setState({ visible });\n };\n\n render() {\n return (\n <div>\n <Button type="primary" onClick={() => this.setVisible(true)}>\n Show Dialog\n </Button>\n <Dialog\n className="zent-dialog-demo-basic-dialog"\n visible={this.state.visible}\n onClose={() => this.setVisible(false)}\n footer={\n <>\n <Button onClick={() => this.setVisible(false)}>\n Close\n </Button>\n <Button type="primary" onClick={() => this.setVisible(false)}>\n Ok\n </Button>\n </>\n }\n title="prompt"\n >\n <p>content content content content content content content content content</p>\n </Dialog>\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(r)),p.createElement(b,{title:"Set up with openDialog",id:"Demoopen",src:'import { Dialog, Button } from \'zent\';\n\nconst { openDialog, closeDialog } = Dialog;\nconst id = \'my_dialog\';\n\n// 使用 `closeDialog` 关闭需要传入 `dialogId`\nconst open = () => {\n openDialog({\n dialogId: id, // id is used to close the dialog\n title: \'Open the dialog through openDialog\',\n children: <div>Hello World</div>,\n footer: (\n <>\n <Button onClick={() => closeDialog(id)}>Close</Button>\n <Button type="primary" onClick={() => closeDialog(id)}>\n Ok\n </Button>\n </>\n ),\n onClose() {\n console.log(\'outer dialog closed\');\n },\n });\n};\n\n// 使用 `openDialog` 返回的 `close` 函数关闭\nlet close;\nconst open2 = () => {\n close = openDialog({\n title: \'Open the dialog through openDialog\',\n children: <div>Hello World</div>,\n footer: (\n <>\n <Button onClick={() => close()}>Close</Button>\n <Button type="primary" onClick={() => close()}>\n Ok\n </Button>\n </>\n ),\n onClose() {\n console.log(\'outer dialog closed\');\n },\n });\n};\n\nReactDOM.render(\n <>\n <Button type="primary" onClick={open}>\n Open\n </Button>\n <Button type="primary" onClick={open2}>\n Open2\n </Button>\n </>,\n mountNode\n);'},p.createElement(k)),p.createElement(b,{title:"openDialog with context",id:"Democontext",src:'import { Dialog, Button } from \'zent\';\n\nconst { openDialog } = Dialog;\n\nconst DemoContext = React.createContext({\n shared: \'This is from context\',\n});\n\nclass Example extends React.Component {\n open = () => {\n openDialog({\n parentComponent: this,\n title: \'openDialog support context\',\n children: (\n <DemoContext.Consumer>\n {({ shared }) => <span>{shared}</span>}\n </DemoContext.Consumer>\n ),\n footer: (\n <>\n <Button>Close</Button>\n <Button type="primary">Ok</Button>\n </>\n ),\n });\n };\n\n render() {\n return (\n <Button type="primary" onClick={this.open}>\n Show\n </Button>\n );\n }\n}\n\nReactDOM.render(\n <DemoContext.Provider value={{ shared: \'This is from context\' }}>\n <Example />\n </DemoContext.Provider>,\n mountNode\n);'},p.createElement(d)),p.createElement(y,{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
PropsDescriptionTypeDefault
titleDialog titleReactNode\'\'
childrenContent of the dialog\n|\nReactNode\n|\nnull`
footerContent of the dialog footerReactNodenull
visibleVisibility of the dialogbooleanfalse
closeBtnVisibility of the close button at the upper right cornerbooleantrue
onCloseClose callback(event) => voidnoop
onClosedCallback when dialog closing animation is done() => void
onOpenedCallback when dialog opening animation is done() => void
maskVisibility of the maskbooleantrue
maskClosableClick on the mask to close the dialogbooleantrue
classNameCustom classnamestring\'\'
styleCustom style objectCSSProperties{}
positionPosition wayIDialogPositionTypeauto
\n

openDialog

\n

openDialog(options: Partial<IOpenDialogOption>): () => void

\n

options can contain all props above in addition to visible as well as the following parameters：

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
parameterdescriptionTypeDefault
dialogIdOptional, the id of dialog. The dialog can be closed throuth \ncloseDialog(dialogId)\n.string\'random-id\'
parentComponentOptional, the reference of dialog\'s parent, used to correlate the \ncontextReactInstance
\n

A ref function passed to openDialog can provide a reference to the instance, ref in string format is non-supported.

\n
\n

The return value of openDialog is a function which can close the dialog manually, and close the dialog with this function won\'t trigger onClose.

\n
\n

closeDialog

\n

closeDialog(dialogId: string, options: object): void

\n

If options.triggerOnClose is true, onClose will be triggered when the dialog is closed.

\n

Specify the width of the Dialog

\n

Set a style prop on Dialog can specify its width, e.g. style={{ width: \'600px\' }}.

\n

By default the pop-up window width will adapt its content, meanwhile it has a minimum width and maximum width.

\n

Position

\n

The position prop can be used to specify the opening position of the dialog.

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
valuedescription
autoAutomatically chooses the opening position, default value.
centerThe dialog will be displayed in the center of the screen.
\n

The following functions is obsolete in the new design system and is only used as a reference for the old version

'}),p.createElement(b,{title:"No Header",id:"Demonoheader",src:'import { Dialog, Button } from \'zent\';\n\nclass Example extends React.Component {\n state = { visible: false };\n\n setVisible = visible => {\n this.setState({ visible });\n };\n\n render() {\n return (\n <div>\n <Button type="primary" onClick={() => this.setVisible(true)}>\n Show Dialog\n </Button>\n <Dialog\n visible={this.state.visible}\n onClose={() => this.setVisible(false)}\n >\n <p>content</p>\n </Dialog>\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(m)),p.createElement(b,{title:"Content Only",id:"Democontentonly",src:'import { Dialog, Button } from \'zent\';\n\nconst ID = \'zent-demo-dialog-no-header\';\n\nclass Example extends React.Component {\n state = { visible: false };\n\n setVisible = visible => {\n this.setState({ visible });\n };\n\n render() {\n return (\n <div>\n <Button type="primary" onClick={() => this.setVisible(true)}>\n Show Dialog\n </Button>\n <Dialog\n visible={this.state.visible}\n onClose={() => this.setVisible(false)}\n closeBtn={false}\n >\n <p>content</p>\n </Dialog>\n </div>\n );\n }\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(g)))}}},97701:(n,s,a)=>{"use strict";a.d(s,{V:()=>O,Z:()=>z});var t=a(59312),p=a(24246),o=a(27378),e=a(14623),c=a(53552),l=a(79352),i=a(60042),u=a.n(i),r=a(58801),k=a(27036),d=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.dialogEl=null,s.onClickClose=function(n){var a=s.props.onClose;a&&a(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){this.resetTransformOrigin()},s.prototype.componentDidUpdate=function(){this.resetTransformOrigin()},s.prototype.setTransformOrigin=function(n,s){["Webkit","Moz","Ms","ms"].forEach((function(a){n[a+"TransformOrigin"]=s})),n.transformOrigin=s},s.prototype.resetTransformOrigin=function(n){void 0===n&&(n=this.props);var s=n.mousePosition,a=function(n,s){switch(n){case"center":return"center center 0";case"auto":default:return}}(n.position,this.dialogEl);if(void 0===a&&s&&s.x>=0&&s.y>=0&&this.dialogEl&&this.dialogEl.getBoundingClientRect){var t=this.dialogEl.getBoundingClientRect(),p=t.left,o=t.top;a=s.x-p+"px "+(s.y-o)+"px 0"}a&&this.dialogEl&&this.setTransformOrigin(this.dialogEl.style,a)},s.prototype.renderHeader=function(){var n=this.props.title;return n?(n="number"==typeof n||"string"==typeof n?(0,p.jsx)("span",(0,t.pi)({className:"zent-dialog-r-title-text","data-zv":"10.0.10"},{children:n}),void 0):n,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-header","data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-title","data-zv":"10.0.10"},{children:n}),void 0)}),void 0)):null},s.prototype.render=function(){var n=this,s=this.props,a=s.className,o=s.closeBtn,e=s.footer,c=s.style,l=s.children,i=this.renderHeader(),r=u()("zent-dialog-r-close",{"zent-dialog-r-has-title":!!i}),d=o&&(0,p.jsx)("button",(0,t.pi)({type:"button",className:r,onClick:this.onClickClose,"data-zv":"10.0.10"},{children:(0,p.jsx)(k.Z,{type:"close"},void 0)}),void 0),m=e&&(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-footer","data-zv":"10.0.10"},{children:e}),void 0);return(0,p.jsxs)("div",(0,t.pi)({className:u()("zent-dialog-r",a,{"zent-dialog-r--has-header":!!i,"zent-dialog-r--has-footer":!!m,"zent-dialog-r--no-close-btn":!d}),style:c,ref:function(s){return n.dialogEl=s},"data-zv":"10.0.10"},{children:[d,i,(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body","data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-body-content","data-zv":"10.0.10"},{children:l}),void 0)}),void 0),m]}),void 0)},s}(o.Component),m=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.rootRef=(0,o.createRef)(),s.onMaskClick=function(n){n.target===n.currentTarget&&s.props.mask&&s.props.maskClosable&&s.props.onClose(n)},s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=document.activeElement,s=this.rootRef.current;s!==n&&s&&!s.contains(n)&&function(n){if(n){var s=(0,r.Z)();n.focus(),window.scroll(s.x,s.y)}}(s)},s.prototype.render=function(){var n=this.props,s=n.mask,a=n.visible,o=n.children;return(0,p.jsxs)("div",(0,t.pi)({ref:this.rootRef,tabIndex:-1,className:"zent-dialog-r-root","data-zv":"10.0.10"},{children:[a&&s&&(0,p.jsx)("div",{className:"zent-dialog-r-backdrop","data-zv":"10.0.10"},void 0),(0,p.jsx)("div",(0,t.pi)({className:"zent-dialog-r-wrap",onClick:this.onMaskClick,"data-zv":"10.0.10"},{children:o}),void 0)]}),void 0)},s}(o.Component),g=a(31542),h=a.t(g,2),y=a(70453),f=a(42690),v=a(14805),b=new Map,w=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={visible:!0},s.closeOptions={},s.onClosed=function(){var n=s.props,a=n.options.onClose,t=n.container,p=s.closeOptions.triggerOnClose;(void 0===p||p)&&a&&a(),g.unmountComponentAtNode(t)},s.onClose=function(n){s.close({triggerOnClose:!1!==n})},s}return(0,t.ZT)(s,n),s.prototype.close=function(n){void 0===n&&(n={}),this.closeOptions=n,this.setState({visible:!1})},s.prototype.componentWillUnmount=function(){var n=this.props.options.dialogId;b.delete(n)},s.prototype.render=function(){var n=this.props.options,s=this.state.visible;return(0,p.jsx)(z,(0,t.pi)({},n,{onClose:this.onClose,onClosed:this.onClosed,visible:s}),void 0)},s}(o.Component);function C(n,s){void 0===s&&(s={});var a=b.get(n);if(a){var t=a.current;t&&t.close(s)}}function x(n){if(void 0===n&&(n={}),!l.Z)return f.Z;var s=n.dialogId,a=void 0===s?(0,y.Z)("__zent-dialog__"):s,e=n.parentComponent;!function(n){if(b.has(n))throw new Error("Duplicate dialog id found: "+n)}(a);var c=(0,v.Z)("div"),i=e?g.unstable_renderSubtreeIntoContainer.bind(h,e):g.render,u=(0,o.createRef)();return i((0,p.jsx)(w,{ref:u,options:(0,t.pi)((0,t.pi)({},n),{dialogId:a}),container:c},void 0),c),function(n,s){b.set(n,s)}(a,u),function(n){void 0===n&&(n=!0),C(a,{triggerOnClose:!1!==n})}}var j=a(49744),D=null;l.Z&&(0,j.Oo)(document.documentElement,"click",(function(n){0!==n.clientX&&0!==n.clientY&&(D={x:n.clientX,y:n.clientY})}),{capture:!0});var O=function(n){function s(s){var a=n.call(this,s)||this;return a.lastMousePosition=null,a.onClose=function(n){var s=a.props.onClose;s&&s(n)},a.onExited=function(){var n=a.props.onClosed;a.setState({exiting:!1}),n&&n()},a.state={prevOpen:s.visible,exiting:!1},a}return(0,t.ZT)(s,n),s.getDerivedStateFromProps=function(n,s){var a=s.prevOpen;return n.visible===a?null:n.visible?{prevOpen:n.visible,exiting:!1}:{prevOpen:n.visible,exiting:!0}},s.prototype.render=function(){var n=this.props,s=n.visible,a=n.closeBtn,o=n.style,l=n.position,i=n.onOpened,u=(n.onClosed,n.mask),r=n.maskClosable,k=n.children,g=(0,t._T)(n,["visible","closeBtn","style","position","onOpened","onClosed","mask","maskClosable","children"]),h=this.state.exiting;return this.lastMousePosition=s?this.lastMousePosition||D:null,(0,p.jsx)(c.ZP,(0,t.pi)({visible:s||h,onClose:this.onClose,className:"zent-dialog-r-anchor",closeOnESC:a,blockPageScroll:!0},{children:(0,p.jsx)(m,(0,t.pi)({mask:u,maskClosable:r,visible:s,onClose:this.onClose},{children:(0,p.jsx)(e.Z,(0,t.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:s,timeout:300,classNames:"zent-zoom",onEntered:i,onExited:this.onExited},{children:(0,p.jsx)(d,(0,t.pi)({},g,{style:o,closeBtn:a,position:l,mousePosition:this.lastMousePosition},{children:k}),void 0)}),void 0)}),void 0)}),void 0)},s.defaultProps={onClose:function(){},visible:!1,className:"",style:{},position:"auto",title:"",closeBtn:!0,mask:!0,maskClosable:!0,footer:null},s.openDialog=x,s.closeDialog=C,s}(o.Component),z=O},58801:(n,s,a)=>{"use strict";function t(){var n=window.pageXOffset,s=window.pageYOffset;return{x:void 0!==n?n:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==s?s:(document.documentElement||document.body.parentNode||document.body).scrollTop}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file diff --git a/964-3aabc00fec83a75539e4.js b/964-a8711cda6c86146892d8.js similarity index 77% rename from 964-3aabc00fec83a75539e4.js rename to 964-a8711cda6c86146892d8.js index 5f16af598..2e7ba4ed8 100644 --- a/964-3aabc00fec83a75539e4.js +++ b/964-a8711cda6c86146892d8.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[964],{80964:(e,t,n)=>{"use strict";n.d(t,{Y:()=>M,Z:()=>P});var i=n(59312),r=n(24246),u=n(27378),a=n(60042),o=n.n(a),s=n(52074),p=n(9828),l=n.n(p),c=n(27036),m=n(82285),v=n(85883),d=n(77125),h=n(1348);function f(e,t,n){return e>=n?e:t<=n?t:n}function x(e){var t=function(e){return"number"!=typeof e||Number.isNaN(e)?Number.MAX_SAFE_INTEGER:f(Number.MIN_SAFE_INTEGER,Number.MAX_SAFE_INTEGER,e)}(e.max),n=function(e){return"number"!=typeof e||Number.isNaN(e)?Number.MIN_SAFE_INTEGER:f(Number.MIN_SAFE_INTEGER,Number.MAX_SAFE_INTEGER,e)}(e.min);return n>t?(function(e,t){for(var n=[],i=2;in&&r&&(a={visible:!0,text:String(n),type:"max"}),u=Math.min(n,u),u=Math.max(t,u)),null===o&&(o=String(u));var s=a&&r?{pop:a}:{};return(0,i.pi)((0,i.pi)({},s),{value:u,input:o})}function g(e,t,n){if(null===e)return{canDec:!1,canInc:!1};var i=!0,r=!0;return t>=e&&(i=!1),n<=e&&(r=!1),{canDec:i,canInc:r}}function N(e){return e.startsWith("+")?e.substring(1):e}var w=new(l())(0);function I(e){return""===e||"."===e||"-"===e||"+"===e}function S(e){return/^[-+]?\d*\.?\d*$/.test(e)}function y(e,t){return Number.isFinite(t)?new(l())(t):new(l())(1).div(Math.pow(10,e))}function C(e){return S(e=String(e))?new(l())(N(e)):null}function z(e){return{min:C(e.min),max:C(e.max)}}function T(e,t,n,r,u){var a;if(null==e)return{input:"",value:w};if(I(e=String(e))||!S(e))return{input:"",value:w};if(""===e||I(e))return{input:e,value:w};var o=new(l())(N(e));null!==t&&1===t.cmp(o)&&(o=t,u&&(a={visible:!0,text:String(t),type:"min"})),null!==n&&-1===n.cmp(o)&&(o=n,u&&(a={visible:!0,text:String(n),type:"max"}));var s=a&&u?{pop:a}:{};return(0,i.pi)({input:o.toFixed(r),value:o},s)}function E(e,t,n){var i=!0,r=!0;return null!==t&&(i=-1===t.cmp(e)),null!==n&&(r=1===n.cmp(e)),{canDec:i,canInc:r}}var F=n(72551),_=Object.is;function j(e,t){var n=e.showTooltip?{pop:{visible:!1,type:"",text:""}}:{};if(!0===e.integer){var r=x(e),u=r.min,a=r.max;return(0,i.pi)((0,i.pi)((0,i.pi)({},n),{prevProps:e,min:u,max:a,delta:(o=e.step,Number.isFinite(o)?Math.round(o):1)}),t?b(e.value,u,a):{})}var o,s=z(e);return u=s.min,a=s.max,(0,i.pi)((0,i.pi)((0,i.pi)({},n),{prevProps:e,min:u,max:a,delta:y(e.decimal,e.step)}),t?T(e.value,u,a,e.decimal):{})}var M=function(e){function t(t){var n=e.call(this,t)||this;return n.focused=!1,n.timer=null,n.inputRef=(0,u.createRef)(),n.inputContext={renderInner:function(e){return n.renderChild(e)}},n.onUserInput=function(e){var t=e.target.value;if(!1===n.props.integer){var i=n.props.onInput;I(t)?n.setState({input:t,value:w}):S(t)&&(n.setState({input:t,value:new(l())(N(t))}),i&&i(t))}else if(i=n.props.onInput,function(e){return""===e||"-"===e||"+"===e}(t))n.setState({input:t,value:null}),i&&i(t);else if(function(e){return/^[-+]?\d*$/.test(e.toString())}(t)){var r=parseInt(t,10)||0;n.setState({input:t,value:r}),i&&i(t)}},n.onFocus=function(e){n.focused=!0;var t=n.props.onFocus;t&&t(e)},n.hideTooltip=function(){n.timer&&clearTimeout(n.timer),n.timer=setTimeout((function(){n.setState({pop:{visible:!1,text:"",type:""}})}),1500)},n.onBlur=function(e){if(n.focused=!1,!0===n.props.integer){var t=n.props,i=t.onChange,r=t.showTooltip,u=n.state,a=b(u.value,u.min,u.max,r);null==i||i(a.value),n.setState(a,(function(){r&&n.state.pop.visible&&n.hideTooltip()})),null==(o=n.props.onBlur)||o(e)}else{var o,s=n.props,p=(i=s.onChange,s.decimal),l=s.showTooltip,c=n.state;a=T(c.input,c.min,c.max,p,l),null==i||i(a.input),n.setState(a,(function(){l&&n.state.pop.visible&&n.hideTooltip()})),(o=n.props.onBlur)&&o(e)}},n.inc=function(){n.step("inc")},n.dec=function(){n.step("dec")},n.state=j(t,!0),n}return(0,i.ZT)(t,e),t.prototype.step=function(e){if(!this.props.disabled)if(!0===this.props.integer){var t=this.state,n=t.value,i=t.min,r=t.max,u=t.delta,a=g(n,i,r),o=a.canInc,s=a.canDec;if(null===n||"inc"===e&&!o||"dec"===e&&!s)return;var p=void 0;p="inc"===e?n+u:n-u,null==(c=this.props.onChange)||c(p),this.setState({value:p,input:String(p)})}else{var l=this.props,c=l.onChange,m=l.decimal,v=this.state,d=(n=v.value,i=v.min,r=v.max,u=v.delta,E(n,i,r));if(o=d.canInc,s=d.canDec,"inc"===e&&!o||"dec"===e&&!s)return;p=void 0;var h=(p="inc"===e?n.plus(u):n.minus(u)).toFixed(m);null==c||c(h),this.setState({value:p,input:h})}},t.getDerivedStateFromProps=function(e,t){var n=t.prevProps;if(e===n)return null;var r=function(e){return(0,F.n)(e,"value")&&(0,F.n)(e,"onChange")}(e);if(e.integer!==n.integer)return j(e,r);if(!0===e.integer){var u=(0,i.pi)((0,i.pi)({},t),{prevProps:e}),a=!1;if(!_(e.min,n.min)||!_(e.max,n.max)){var o=x(e),s=o.min,p=o.max;u.min=s,u.max=p,a=!0}if(r&&(a||!_(e.value,n.value))){var l=b(e.value,u.min,u.max),c=l.value,m=l.input;u.value=c,u.input=m}return u}var v=(0,i.pi)((0,i.pi)({},t),{prevProps:e}),d=!1;if(!_(e.min,n.min)||!_(e.max,n.max)){var h=z(e);s=h.min,p=h.max,v.min=s,v.max=p,d=!0}if(r&&(d||!_(e.value,n.value)||!_(e.decimal,n.decimal))){var f=T(e.value,v.min,v.max,e.decimal);c=f.value,m=f.input,v.value=c,v.input=m}return _(e.step,n.step)&&_(e.decimal,n.decimal)||(v.delta=y(e.decimal,e.step)),v},t.prototype.checkPropsValue=function(){if(!0===this.props.integer)this.props.value!==this.state.value&&(t=this.props.onChange)&&t(this.state.value);else{var e=this.props,t=e.onChange,n=e.decimal,i=e.value,r=this.state.value.toFixed(n),u="number"==typeof i?i.toFixed(n):i;t&&""!==this.props.value&&""!==this.state.input&&u!==r&&t(r)}},t.prototype.componentDidMount=function(){"value"in this.props&&!this.focused&&this.checkPropsValue()},t.prototype.componentDidUpdate=function(e){e!==this.props&&"value"in this.props&&!this.focused&&this.checkPropsValue()},t.prototype.renderChild=function(e){var t,n=this.props,u=n.disabled,a=void 0===u?this.context.value:u,s=n.readOnly,p=n.showCounter,l=n.showStepper;if(!0===this.props.integer){var m=this.state,v=m.min,d=m.max;t=g(m.value,v,d)}else{var h=this.state;t=E(h.value,v=h.min,d=h.max)}var f=t.canDec,x=t.canInc,b=this.state.input,N=a||s||!x||""===b,w=a||s||!f||""===b,I=o()({"zent-number-input-arrow":!0,"zent-number-input-arrowup":!0,"zent-number-input-arrow-disable":N}),S=o()({"zent-number-input-arrow":!0,"zent-number-input-arrowdown":!0,"zent-number-input-arrow-disable":w}),y=o()({"zent-number-input-count":!0,"zent-number-input-countreduce":!0,"zent-number-input-count-disable":w}),C=o()({"zent-number-input-count":!0,"zent-number-input-countadd":!0,"zent-number-input-count-disable":N});return(0,r.jsxs)(r.Fragment,{children:[p&&(0,r.jsx)("div",(0,i.pi)({className:y,onClick:this.dec,"data-zv":"10.0.9"},{children:"–"}),void 0),e,p&&(0,r.jsx)("div",(0,i.pi)({className:C,onClick:this.inc,"data-zv":"10.0.9"},{children:"+"}),void 0),l&&(0,r.jsxs)("div",(0,i.pi)({className:"zent-number-input-arrows","data-zv":"10.0.9"},{children:[(0,r.jsx)("div",(0,i.pi)({className:I,onClick:this.inc,"data-zv":"10.0.9"},{children:(0,r.jsx)(c.Z,{type:"up"},void 0)}),void 0),(0,r.jsx)("div",(0,i.pi)({className:S,onClick:this.dec,"data-zv":"10.0.9"},{children:(0,r.jsx)(c.Z,{type:"down"},void 0)}),void 0)]}),void 0)]},void 0)},t.prototype.renderInput=function(){var e=this.props,t=(e.integer,e.className),n=e.disabled,u=e.readOnly,a=(e.type,e.onChange,e.showStepper),s=e.showCounter,p=(e.min,e.max,e.decimal,e.onInput,e.showTooltip,(0,i._T)(e,["integer","className","disabled","readOnly","type","onChange","showStepper","showCounter","min","max","decimal","onInput","showTooltip"])),l=this.state.input;if(a&&s)throw new Error("NumberInput: showStepper、 showCounter cannot exist at the same time");return(0,r.jsx)(m.I,(0,i.pi)({ref:this.inputRef,autoComplete:"off"},p,{readOnly:u,disabled:n,className:o()("zent-number-input",t),value:l,onChange:this.onUserInput,onFocus:this.onFocus,onBlur:this.onBlur}),void 0)},t.prototype.render=function(){var e=this,t=this.state.pop;return this.props.showTooltip?(0,r.jsx)(s.Z,(0,i.pi)({componentName:"NumberInput"},{children:function(n){return(0,r.jsx)(d.r.Provider,(0,i.pi)({value:e.inputContext},{children:(0,r.jsx)(v.Z,(0,i.pi)({trigger:"none",content:t.visible?n[t.type]+t.text:"",visible:t.visible,position:"bottom-left"},{children:e.renderInput()}),void 0)}),void 0)}}),void 0):(0,r.jsx)(d.r.Provider,(0,i.pi)({value:this.inputContext},{children:this.renderInput()}),void 0)},t.defaultProps={integer:!1,type:"number",decimal:0,size:"normal"},t.contextType=h.d,t}(u.Component),P=M},85883:(e,t,n)=>{"use strict";var i=n(92497);t.Z=i.Z}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[964],{80964:(e,t,n)=>{"use strict";n.d(t,{Y:()=>M,Z:()=>P});var i=n(59312),r=n(24246),u=n(27378),a=n(60042),o=n.n(a),s=n(52074),p=n(9828),l=n.n(p),c=n(27036),m=n(82285),v=n(85883),d=n(77125),h=n(1348);function f(e,t,n){return e>=n?e:t<=n?t:n}function x(e){var t=function(e){return"number"!=typeof e||Number.isNaN(e)?Number.MAX_SAFE_INTEGER:f(Number.MIN_SAFE_INTEGER,Number.MAX_SAFE_INTEGER,e)}(e.max),n=function(e){return"number"!=typeof e||Number.isNaN(e)?Number.MIN_SAFE_INTEGER:f(Number.MIN_SAFE_INTEGER,Number.MAX_SAFE_INTEGER,e)}(e.min);return n>t?(function(e,t){for(var n=[],i=2;in&&r&&(a={visible:!0,text:String(n),type:"max"}),u=Math.min(n,u),u=Math.max(t,u)),null===o&&(o=String(u));var s=a&&r?{pop:a}:{};return(0,i.pi)((0,i.pi)({},s),{value:u,input:o})}function g(e,t,n){if(null===e)return{canDec:!1,canInc:!1};var i=!0,r=!0;return t>=e&&(i=!1),n<=e&&(r=!1),{canDec:i,canInc:r}}function N(e){return e.startsWith("+")?e.substring(1):e}var w=new(l())(0);function I(e){return""===e||"."===e||"-"===e||"+"===e}function S(e){return/^[-+]?\d*\.?\d*$/.test(e)}function y(e,t){return Number.isFinite(t)?new(l())(t):new(l())(1).div(Math.pow(10,e))}function C(e){return S(e=String(e))?new(l())(N(e)):null}function z(e){return{min:C(e.min),max:C(e.max)}}function T(e,t,n,r,u){var a;if(null==e)return{input:"",value:w};if(I(e=String(e))||!S(e))return{input:"",value:w};if(""===e||I(e))return{input:e,value:w};var o=new(l())(N(e));null!==t&&1===t.cmp(o)&&(o=t,u&&(a={visible:!0,text:String(t),type:"min"})),null!==n&&-1===n.cmp(o)&&(o=n,u&&(a={visible:!0,text:String(n),type:"max"}));var s=a&&u?{pop:a}:{};return(0,i.pi)({input:o.toFixed(r),value:o},s)}function E(e,t,n){var i=!0,r=!0;return null!==t&&(i=-1===t.cmp(e)),null!==n&&(r=1===n.cmp(e)),{canDec:i,canInc:r}}var F=n(72551),_=Object.is;function j(e,t){var n=e.showTooltip?{pop:{visible:!1,type:"",text:""}}:{};if(!0===e.integer){var r=x(e),u=r.min,a=r.max;return(0,i.pi)((0,i.pi)((0,i.pi)({},n),{prevProps:e,min:u,max:a,delta:(o=e.step,Number.isFinite(o)?Math.round(o):1)}),t?b(e.value,u,a):{})}var o,s=z(e);return u=s.min,a=s.max,(0,i.pi)((0,i.pi)((0,i.pi)({},n),{prevProps:e,min:u,max:a,delta:y(e.decimal,e.step)}),t?T(e.value,u,a,e.decimal):{})}var M=function(e){function t(t){var n=e.call(this,t)||this;return n.focused=!1,n.timer=null,n.inputRef=(0,u.createRef)(),n.inputContext={renderInner:function(e){return n.renderChild(e)}},n.onUserInput=function(e){var t=e.target.value;if(!1===n.props.integer){var i=n.props.onInput;I(t)?n.setState({input:t,value:w}):S(t)&&(n.setState({input:t,value:new(l())(N(t))}),i&&i(t))}else if(i=n.props.onInput,function(e){return""===e||"-"===e||"+"===e}(t))n.setState({input:t,value:null}),i&&i(t);else if(function(e){return/^[-+]?\d*$/.test(e.toString())}(t)){var r=parseInt(t,10)||0;n.setState({input:t,value:r}),i&&i(t)}},n.onFocus=function(e){n.focused=!0;var t=n.props.onFocus;t&&t(e)},n.hideTooltip=function(){n.timer&&clearTimeout(n.timer),n.timer=setTimeout((function(){n.setState({pop:{visible:!1,text:"",type:""}})}),1500)},n.onBlur=function(e){if(n.focused=!1,!0===n.props.integer){var t=n.props,i=t.onChange,r=t.showTooltip,u=n.state,a=b(u.value,u.min,u.max,r);null==i||i(a.value),n.setState(a,(function(){r&&n.state.pop.visible&&n.hideTooltip()})),null==(o=n.props.onBlur)||o(e)}else{var o,s=n.props,p=(i=s.onChange,s.decimal),l=s.showTooltip,c=n.state;a=T(c.input,c.min,c.max,p,l),null==i||i(a.input),n.setState(a,(function(){l&&n.state.pop.visible&&n.hideTooltip()})),(o=n.props.onBlur)&&o(e)}},n.inc=function(){n.step("inc")},n.dec=function(){n.step("dec")},n.state=j(t,!0),n}return(0,i.ZT)(t,e),t.prototype.step=function(e){if(!this.props.disabled)if(!0===this.props.integer){var t=this.state,n=t.value,i=t.min,r=t.max,u=t.delta,a=g(n,i,r),o=a.canInc,s=a.canDec;if(null===n||"inc"===e&&!o||"dec"===e&&!s)return;var p=void 0;p="inc"===e?n+u:n-u,null==(c=this.props.onChange)||c(p),this.setState({value:p,input:String(p)})}else{var l=this.props,c=l.onChange,m=l.decimal,v=this.state,d=(n=v.value,i=v.min,r=v.max,u=v.delta,E(n,i,r));if(o=d.canInc,s=d.canDec,"inc"===e&&!o||"dec"===e&&!s)return;p=void 0;var h=(p="inc"===e?n.plus(u):n.minus(u)).toFixed(m);null==c||c(h),this.setState({value:p,input:h})}},t.getDerivedStateFromProps=function(e,t){var n=t.prevProps;if(e===n)return null;var r=function(e){return(0,F.n)(e,"value")&&(0,F.n)(e,"onChange")}(e);if(e.integer!==n.integer)return j(e,r);if(!0===e.integer){var u=(0,i.pi)((0,i.pi)({},t),{prevProps:e}),a=!1;if(!_(e.min,n.min)||!_(e.max,n.max)){var o=x(e),s=o.min,p=o.max;u.min=s,u.max=p,a=!0}if(r&&(a||!_(e.value,n.value))){var l=b(e.value,u.min,u.max),c=l.value,m=l.input;u.value=c,u.input=m}return u}var v=(0,i.pi)((0,i.pi)({},t),{prevProps:e}),d=!1;if(!_(e.min,n.min)||!_(e.max,n.max)){var h=z(e);s=h.min,p=h.max,v.min=s,v.max=p,d=!0}if(r&&(d||!_(e.value,n.value)||!_(e.decimal,n.decimal))){var f=T(e.value,v.min,v.max,e.decimal);c=f.value,m=f.input,v.value=c,v.input=m}return _(e.step,n.step)&&_(e.decimal,n.decimal)||(v.delta=y(e.decimal,e.step)),v},t.prototype.checkPropsValue=function(){if(!0===this.props.integer)this.props.value!==this.state.value&&(t=this.props.onChange)&&t(this.state.value);else{var e=this.props,t=e.onChange,n=e.decimal,i=e.value,r=this.state.value.toFixed(n),u="number"==typeof i?i.toFixed(n):i;t&&""!==this.props.value&&""!==this.state.input&&u!==r&&t(r)}},t.prototype.componentDidMount=function(){"value"in this.props&&!this.focused&&this.checkPropsValue()},t.prototype.componentDidUpdate=function(e){e!==this.props&&"value"in this.props&&!this.focused&&this.checkPropsValue()},t.prototype.renderChild=function(e){var t,n=this.props,u=n.disabled,a=void 0===u?this.context.value:u,s=n.readOnly,p=n.showCounter,l=n.showStepper;if(!0===this.props.integer){var m=this.state,v=m.min,d=m.max;t=g(m.value,v,d)}else{var h=this.state;t=E(h.value,v=h.min,d=h.max)}var f=t.canDec,x=t.canInc,b=this.state.input,N=a||s||!x||""===b,w=a||s||!f||""===b,I=o()({"zent-number-input-arrow":!0,"zent-number-input-arrowup":!0,"zent-number-input-arrow-disable":N}),S=o()({"zent-number-input-arrow":!0,"zent-number-input-arrowdown":!0,"zent-number-input-arrow-disable":w}),y=o()({"zent-number-input-count":!0,"zent-number-input-countreduce":!0,"zent-number-input-count-disable":w}),C=o()({"zent-number-input-count":!0,"zent-number-input-countadd":!0,"zent-number-input-count-disable":N});return(0,r.jsxs)(r.Fragment,{children:[p&&(0,r.jsx)("div",(0,i.pi)({className:y,onClick:this.dec,"data-zv":"10.0.10"},{children:"–"}),void 0),e,p&&(0,r.jsx)("div",(0,i.pi)({className:C,onClick:this.inc,"data-zv":"10.0.10"},{children:"+"}),void 0),l&&(0,r.jsxs)("div",(0,i.pi)({className:"zent-number-input-arrows","data-zv":"10.0.10"},{children:[(0,r.jsx)("div",(0,i.pi)({className:I,onClick:this.inc,"data-zv":"10.0.10"},{children:(0,r.jsx)(c.Z,{type:"up"},void 0)}),void 0),(0,r.jsx)("div",(0,i.pi)({className:S,onClick:this.dec,"data-zv":"10.0.10"},{children:(0,r.jsx)(c.Z,{type:"down"},void 0)}),void 0)]}),void 0)]},void 0)},t.prototype.renderInput=function(){var e=this.props,t=(e.integer,e.className),n=e.disabled,u=e.readOnly,a=(e.type,e.onChange,e.showStepper),s=e.showCounter,p=(e.min,e.max,e.decimal,e.onInput,e.showTooltip,(0,i._T)(e,["integer","className","disabled","readOnly","type","onChange","showStepper","showCounter","min","max","decimal","onInput","showTooltip"])),l=this.state.input;if(a&&s)throw new Error("NumberInput: showStepper、 showCounter cannot exist at the same time");return(0,r.jsx)(m.I,(0,i.pi)({ref:this.inputRef,autoComplete:"off"},p,{readOnly:u,disabled:n,className:o()("zent-number-input",t),value:l,onChange:this.onUserInput,onFocus:this.onFocus,onBlur:this.onBlur}),void 0)},t.prototype.render=function(){var e=this,t=this.state.pop;return this.props.showTooltip?(0,r.jsx)(s.Z,(0,i.pi)({componentName:"NumberInput"},{children:function(n){return(0,r.jsx)(d.r.Provider,(0,i.pi)({value:e.inputContext},{children:(0,r.jsx)(v.Z,(0,i.pi)({trigger:"none",content:t.visible?n[t.type]+t.text:"",visible:t.visible,position:"bottom-left"},{children:e.renderInput()}),void 0)}),void 0)}}),void 0):(0,r.jsx)(d.r.Provider,(0,i.pi)({value:this.inputContext},{children:this.renderInput()}),void 0)},t.defaultProps={integer:!1,type:"number",decimal:0,size:"normal"},t.contextType=h.d,t}(u.Component),P=M},85883:(e,t,n)=>{"use strict";var i=n(92497);t.Z=i.Z}}]); \ No newline at end of file diff --git a/9690-a45c402d5b97bdd0b147.js b/9690-2cd8980d1cf57c253ab4.js similarity index 91% rename from 9690-a45c402d5b97bdd0b147.js rename to 9690-2cd8980d1cf57c253ab4.js index 32403bb67..222d90b45 100644 --- a/9690-a45c402d5b97bdd0b147.js +++ b/9690-2cd8980d1cf57c253ab4.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9690],{89690:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>b});var t=a(73450),p=a(27378),o=a(57318),e=a(32109),c=a(39550),l=a(74473),u=a(75438),i=a(24246);function r(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 k(n){for(var s=1;s{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,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:a||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(g,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,f(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:".layout-demo-cell {\n\t background: #155bd4;\n\t\t\topacity: 0.8;\n\t color: #fff;\n\t text-align: center;\n\t\t\tline-height: 64px;\n\t}"}),p.createElement(h,{html:'

Layout 布局

\n
    \n
  • 基于 flex 的 24 栅格布局组件
    • \n
  • Row 和 Col 必须包裹在 Grid 内部
    • \n
  • 可配置的行、列间隔
    • \n
  • 支持响应式
    • \n
\n

依赖

\n

⚠️ 注意：响应式能力依赖 matchMedia 以及 matchMedia.addListener。如果需要支持较老的浏览器，使用是请确保引入相应的 polyfill。

\n\n

代码演示

'}),p.createElement(y,{title:"基础用法",id:"Demobasic",src:'import { LayoutRow as Row, LayoutCol as Col, LayoutGrid as Grid } from \'zent\';\n\nReactDOM.render(\n <Grid className="layout-demo-basic">\n <Row>\n <Col span={24}>\n <div className="layout-demo-cell">col-24</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8} order={3}>\n <div className="layout-demo-cell">col-8 order-3</div>\n </Col>\n <Col span={8} order={2}>\n <div className="layout-demo-cell">col-8 order-2</div>\n </Col>\n <Col span={8} order={1}>\n <div className="layout-demo-cell">col-8 order-1</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8} offset={8}>\n <div className="layout-demo-cell">col-8 offset-8</div>\n </Col>\n </Row>\n\n <Row justify="center">\n <Col span={4}>\n <div className="layout-demo-cell">col-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n </Row>\n </Grid>,\n mountNode\n);'},p.createElement(d)),p.createElement(y,{title:"响应式",id:"Demoresponsive",src:'import {\n LayoutRow as Row,\n LayoutCol as Col,\n LayoutGrid as Grid,\n LayoutConfigProvider as ConfigProvider,\n} from \'zent\';\n\nReactDOM.render(\n <ConfigProvider\n value={{\n rowGutter: 8,\n colGutter: { fallback: 8, xxl: 48, xl: 24, lg: 16, md: 8, sm: 8, xs: 0 },\n }}\n >\n <Grid className="layout-demo-basic">\n <Row>\n <Col span={24}>\n <div className="layout-demo-cell">col-24</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={{ fallback: 8, xxl: 8, xl: 6, lg: 5, md: 4, sm: 3, xs: 2 }}>\n <div className="layout-demo-cell">col-x</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8} order={3}>\n <div className="layout-demo-cell">col-8 order-3</div>\n </Col>\n <Col span={8} order={2}>\n <div className="layout-demo-cell">col-8 order-2</div>\n </Col>\n <Col span={8} order={1}>\n <div className="layout-demo-cell">col-8 order-1</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8} offset={8}>\n <div className="layout-demo-cell">col-8 offset-8</div>\n </Col>\n </Row>\n\n <Row justify="center">\n <Col span={4}>\n <div className="layout-demo-cell">col-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n </Row>\n </Grid>\n </ConfigProvider>,\n mountNode\n);'},p.createElement(m)),p.createElement(h,{html:'

API

\n

Grid

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性说明类型是否必填默认值
className自定义类名string否
\n

Row

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性说明类型是否必填默认值备选值
justify水平排列方式string否startend\n \ncenter\n \nspace-around\n \nspace-between
align垂直对齐方式string否topmiddle\n \nbottom
className额外的样式名string否
\n

Col

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性说明类型是否必填默认值
span所占的栅格数number | ResponsiveValue是
offset左偏移的栅格数number | ResponsiveValue否0
order栅格顺序number | ResponsiveValue否
className额外的样式名string否
\n

ConfigProvider

\n

默认的配置是 { rowGutter: 0, colGutter: 0 }。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性说明类型是否必填
value栅格配置LayoutConfig是
\n

ResponsiveValue

\n
interface ResponsiveValue {\n  // 未匹配到相应式值时候的默认值\n  fallback: number;\n\n  // 以下响应式断点同 bootstrap 4\n  xs?: number; // width <576px\n  sm?: number; // width ≥576px\n  md?: number; // width ≥768px\n  lg?: number; // width ≥992px\n  xl?: number; // width ≥1200px\n\n  // 以下断点 bootstrap 中不存在\n  xxl?: number; // width ≥1600px\n  fhd?: number; // width ≥1920px\n}\n\ninterface LayoutConfig {\n  colGutter?: number | ResponsiveValue;\n  rowGutter?: number | ResponsiveValue;\n}
'}))}}},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>r});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var o,e=n.props,l=e.span,u=e.offset,r=e.order,k=e.className,d=e.style,m=(0,t._T)(e,["span","offset","order","className","style"]),g=d,h=(0,i.r)(s,a.colGutter);if(h>0){var v=h/2;g=(0,t.pi)((0,t.pi)({},g),{paddingLeft:v,paddingRight:v})}var f=(0,i.r)(s,l),y=(0,i.r)(s,u),b=(0,i.r)(s,r),j=c()("zent-col",((o={})["zent-col-offset-"+u]=y,o["zent-col-order-"+r]=b,o),"zent-col-"+f,k);return(0,p.jsx)("div",(0,t.pi)({},m,{className:j,style:g,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(o.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},32109:(n,s,a)=>{"use strict";a.d(s,{J:()=>f});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(79352),i=function(){function n(n){this.options=n,!n.deferSetup&&this.setup()}return n.prototype.setup=function(){var n,s;null===(s=(n=this.options).setup)||void 0===s||s.call(n),this.initialized=!0},n.prototype.on=function(){var n,s;!this.initialized&&this.setup(),null===(s=(n=this.options).match)||void 0===s||s.call(n)},n.prototype.off=function(){var n,s;null===(s=(n=this.options).unmatch)||void 0===s||s.call(n)},n.prototype.destroy=function(){this.options.destroy?this.options.destroy():this.off()},n.prototype.equals=function(n){return this.options===n||this.options.match===n},n}(),r=function(){function n(n,s){var a=this;void 0===s&&(s=!1),this.query=n,this.isUnconditional=s,this.handlers=[],this.mql=window.matchMedia(n),this.listener=function(n){a.mql=n.currentTarget||n,a.assess()},this.mql.addListener(this.listener)}return n.prototype.addHandler=function(n){var s=new i(n);this.handlers.push(s),this.matches()&&s.on()},n.prototype.removeHandler=function(n){for(var s=this.handlers,a=0;a0){var r=-l/2;i=(0,t.pi)((0,t.pi)({},i),{marginTop:r,marginBottom:r})}return(0,p.jsxs)("div",(0,t.pi)({},e,{className:c()("zent-layout-grid",a),style:i,"data-zv":"10.0.9"},{children:[(0,p.jsx)(h.Z.Provider,(0,t.pi)({value:u},{children:n.props.children}),void 0),(0,p.jsx)(g,{breakpoints:v.j,onChange:n.onBreakpointChange},void 0)]}),void 0)}},void 0)},s}(o.Component)},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>r});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,o=s.style,e=s.justify,r=s.align,k=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+e,"zent-row-align-"+r,a);return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var e=(0,i.r)(s,a.colGutter),c=(0,i.r)(s,a.rowGutter),l=o;if(e>0){var u=-e/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var r=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:r,paddingBottom:r})}return(0,p.jsx)("div",(0,t.pi)({},k,{className:d,style:l,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(o.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>e,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=a(72551),o=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),e=Object.keys(o);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";a.d(s,{Zr:()=>t});var t=a(65225).x.Provider}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9690],{89690:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>b});var t=a(73450),p=a(27378),o=a(57318),e=a(32109),c=a(39550),l=a(74473),u=a(75438),i=a(24246);function r(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 k(n){for(var s=1;s{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,i.jsxs)("div",{className:"zandoc-react-demo",children:[(0,i.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,i.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,i.jsx)("div",{className:"zandoc-react-demo__title",children:(0,i.jsx)("p",{children:a||""})}),(0,i.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,i.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,i.jsx)(g,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class b extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,o.l)(document.documentElement,0,f(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:".layout-demo-cell {\n\t background: #155bd4;\n\t\t\topacity: 0.8;\n\t color: #fff;\n\t text-align: center;\n\t\t\tline-height: 64px;\n\t}"}),p.createElement(h,{html:'

Layout 布局

\n
    \n
  • 基于 flex 的 24 栅格布局组件
    • \n
  • Row 和 Col 必须包裹在 Grid 内部
    • \n
  • 可配置的行、列间隔
    • \n
  • 支持响应式
    • \n
\n

依赖

\n

⚠️ 注意：响应式能力依赖 matchMedia 以及 matchMedia.addListener。如果需要支持较老的浏览器，使用是请确保引入相应的 polyfill。

\n\n

代码演示

'}),p.createElement(y,{title:"基础用法",id:"Demobasic",src:'import { LayoutRow as Row, LayoutCol as Col, LayoutGrid as Grid } from \'zent\';\n\nReactDOM.render(\n <Grid className="layout-demo-basic">\n <Row>\n <Col span={24}>\n <div className="layout-demo-cell">col-24</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8} order={3}>\n <div className="layout-demo-cell">col-8 order-3</div>\n </Col>\n <Col span={8} order={2}>\n <div className="layout-demo-cell">col-8 order-2</div>\n </Col>\n <Col span={8} order={1}>\n <div className="layout-demo-cell">col-8 order-1</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8} offset={8}>\n <div className="layout-demo-cell">col-8 offset-8</div>\n </Col>\n </Row>\n\n <Row justify="center">\n <Col span={4}>\n <div className="layout-demo-cell">col-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n </Row>\n </Grid>,\n mountNode\n);'},p.createElement(d)),p.createElement(y,{title:"响应式",id:"Demoresponsive",src:'import {\n LayoutRow as Row,\n LayoutCol as Col,\n LayoutGrid as Grid,\n LayoutConfigProvider as ConfigProvider,\n} from \'zent\';\n\nReactDOM.render(\n <ConfigProvider\n value={{\n rowGutter: 8,\n colGutter: { fallback: 8, xxl: 48, xl: 24, lg: 16, md: 8, sm: 8, xs: 0 },\n }}\n >\n <Grid className="layout-demo-basic">\n <Row>\n <Col span={24}>\n <div className="layout-demo-cell">col-24</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={{ fallback: 8, xxl: 8, xl: 6, lg: 5, md: 4, sm: 3, xs: 2 }}>\n <div className="layout-demo-cell">col-x</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8} order={3}>\n <div className="layout-demo-cell">col-8 order-3</div>\n </Col>\n <Col span={8} order={2}>\n <div className="layout-demo-cell">col-8 order-2</div>\n </Col>\n <Col span={8} order={1}>\n <div className="layout-demo-cell">col-8 order-1</div>\n </Col>\n </Row>\n\n <Row>\n <Col span={8}>\n <div className="layout-demo-cell">col-8</div>\n </Col>\n <Col span={8} offset={8}>\n <div className="layout-demo-cell">col-8 offset-8</div>\n </Col>\n </Row>\n\n <Row justify="center">\n <Col span={4}>\n <div className="layout-demo-cell">col-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n <Col span={4} offset={4}>\n <div className="layout-demo-cell">col-4 offset-4</div>\n </Col>\n </Row>\n </Grid>\n </ConfigProvider>,\n mountNode\n);'},p.createElement(m)),p.createElement(h,{html:'

API

\n

Grid

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性说明类型是否必填默认值
className自定义类名string否
\n

Row

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性说明类型是否必填默认值备选值
justify水平排列方式string否startend\n \ncenter\n \nspace-around\n \nspace-between
align垂直对齐方式string否topmiddle\n \nbottom
className额外的样式名string否
\n

Col

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性说明类型是否必填默认值
span所占的栅格数number | ResponsiveValue是
offset左偏移的栅格数number | ResponsiveValue否0
order栅格顺序number | ResponsiveValue否
className额外的样式名string否
\n

ConfigProvider

\n

默认的配置是 { rowGutter: 0, colGutter: 0 }。

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
属性说明类型是否必填
value栅格配置LayoutConfig是
\n

ResponsiveValue

\n
interface ResponsiveValue {\n  // 未匹配到相应式值时候的默认值\n  fallback: number;\n\n  // 以下响应式断点同 bootstrap 4\n  xs?: number; // width <576px\n  sm?: number; // width ≥576px\n  md?: number; // width ≥768px\n  lg?: number; // width ≥992px\n  xl?: number; // width ≥1200px\n\n  // 以下断点 bootstrap 中不存在\n  xxl?: number; // width ≥1600px\n  fhd?: number; // width ≥1920px\n}\n\ninterface LayoutConfig {\n  colGutter?: number | ResponsiveValue;\n  rowGutter?: number | ResponsiveValue;\n}
'}))}}},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>r});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var o,e=n.props,l=e.span,u=e.offset,r=e.order,k=e.className,d=e.style,m=(0,t._T)(e,["span","offset","order","className","style"]),g=d,h=(0,i.r)(s,a.colGutter);if(h>0){var v=h/2;g=(0,t.pi)((0,t.pi)({},g),{paddingLeft:v,paddingRight:v})}var f=(0,i.r)(s,l),y=(0,i.r)(s,u),b=(0,i.r)(s,r),j=c()("zent-col",((o={})["zent-col-offset-"+u]=y,o["zent-col-order-"+r]=b,o),"zent-col-"+f,k);return(0,p.jsx)("div",(0,t.pi)({},m,{className:j,style:g,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(o.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},32109:(n,s,a)=>{"use strict";a.d(s,{J:()=>f});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(79352),i=function(){function n(n){this.options=n,!n.deferSetup&&this.setup()}return n.prototype.setup=function(){var n,s;null===(s=(n=this.options).setup)||void 0===s||s.call(n),this.initialized=!0},n.prototype.on=function(){var n,s;!this.initialized&&this.setup(),null===(s=(n=this.options).match)||void 0===s||s.call(n)},n.prototype.off=function(){var n,s;null===(s=(n=this.options).unmatch)||void 0===s||s.call(n)},n.prototype.destroy=function(){this.options.destroy?this.options.destroy():this.off()},n.prototype.equals=function(n){return this.options===n||this.options.match===n},n}(),r=function(){function n(n,s){var a=this;void 0===s&&(s=!1),this.query=n,this.isUnconditional=s,this.handlers=[],this.mql=window.matchMedia(n),this.listener=function(n){a.mql=n.currentTarget||n,a.assess()},this.mql.addListener(this.listener)}return n.prototype.addHandler=function(n){var s=new i(n);this.handlers.push(s),this.matches()&&s.on()},n.prototype.removeHandler=function(n){for(var s=this.handlers,a=0;a0){var r=-l/2;i=(0,t.pi)((0,t.pi)({},i),{marginTop:r,marginBottom:r})}return(0,p.jsxs)("div",(0,t.pi)({},e,{className:c()("zent-layout-grid",a),style:i,"data-zv":"10.0.10"},{children:[(0,p.jsx)(h.Z.Provider,(0,t.pi)({value:u},{children:n.props.children}),void 0),(0,p.jsx)(g,{breakpoints:v.j,onChange:n.onBreakpointChange},void 0)]}),void 0)}},void 0)},s}(o.Component)},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>r});var t=a(59312),p=a(24246),o=a(27378),e=a(60042),c=a.n(e),l=a(65225),u=a(48591),i=a(81093),r=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,o=s.style,e=s.justify,r=s.align,k=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+e,"zent-row-align-"+r,a);return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var e=(0,i.r)(s,a.colGutter),c=(0,i.r)(s,a.rowGutter),l=o;if(e>0){var u=-e/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var r=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:r,paddingBottom:r})}return(0,p.jsx)("div",(0,t.pi)({},k,{className:d,style:l,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(o.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>e,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=a(72551),o=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),e=Object.keys(o);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";a.d(s,{Zr:()=>t});var t=a(65225).x.Provider}}]); \ No newline at end of file diff --git a/9736-1b67d0fad756c8ca1ea6.js b/9736-1b67d0fad756c8ca1ea6.js new file mode 100644 index 000000000..7fc34aaf0 --- /dev/null +++ b/9736-1b67d0fad756c8ca1ea6.js @@ -0,0 +1 @@ +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9736],{82010:(e,t,n)=>{"use strict";n.d(t,{b:()=>h});var o=n(59312),i=n(24246),r=n(60042),s=n.n(r),a=n(27378),l=n(8434),c=n(78486),d=n(78513),p=["outline","closed","onClose"],u=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={closed:!1},t.onCloseHandler=function(){t.isControlled||t.setState({closed:!0}),t.props.onClose&&t.props.onClose()},t}return(0,o.ZT)(t,e),Object.defineProperty(t.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),t.prototype.render=function(){var e;if(this.closed)return null;var t=(0,d.Z)(this.props,u),n=t.className,r=t.type,a=t.outline,h=t.bordered,v=t.progress,m=(0,o._T)(t,["className","type","outline","bordered","progress"]),f=(0,d.Z)(this.props,p),g=s()("zent-alert","zent-alert-style-"+r,n,((e={})["zent-alert-outline"]=a,e["zent-alert--borderless"]=!h,e));return(0,i.jsxs)("div",(0,o.pi)({className:g},m,{"data-zv":"10.0.10"},{children:[!!v&&(0,i.jsx)(l.E,{className:"zent-alert__progress",percent:v,showInfo:!1,strokeWidth:2},void 0),(0,i.jsx)(c.Z,(0,o.pi)({},f,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},t.highlightClassName="zent-alert-item-content__highlight",t.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},t}(a.PureComponent)},68715:(e,t,n)=>{"use strict";n.d(t,{C:()=>i});var o=n(59312),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,o.ZT)(t,e),t.prototype.render=function(){return null},t}(n(27378).Component)},83931:(e,t,n)=>{"use strict";n.d(t,{f:()=>m});var o=n(59312),i=n(24246),r=n(27378),s=n(60042),a=n.n(s),l=n(78486),c=n(68715),d=n(65922),p=n(78513);function u(e){var t=r.Children.count(e),n=new Array(t);return r.Children.forEach(e,(function(e,o){n[o]=e,0===o&&(n[t]=e)})),t>1?n:[e]}var h=["loading","scrollInterval","onClose","closed"],v={items:[],renderItems:[],preChildren:null,transitionDuration:0,containerHeight:0,activeIndex:0},m=function(e){function t(t){var n,i,s=e.call(this,t)||this;return s.firstChildHeight=0,s.scrollHandler=function(){var e=s.props.scrollInterval;s.timeoutId=setTimeout((function(){var e=s.state,t=e.renderItems,n=e.activeIndex,o=t.length;if(!(o<=1)){var i=n+1;s.setState({transitionDuration:600,activeIndex:i}),i===o-1&&setTimeout(s.resetChildren,600),s.scrollHandler()}}),e)},s.stopScroll=function(){s.clearTimer()},s.continueScroll=function(){s.scrollHandler()},s.resetChildren=function(){s.setState({transitionDuration:0,activeIndex:0})},s.clearTimer=function(){s.timeoutId&&(clearTimeout(s.timeoutId),s.timeoutId=null)},s.onCloseItemHandler=function(e){var t=s.props.onClose,n=s.state.items;e===n.length&&(e=0,s.resetChildren());var o=n.filter((function(t,n){return e!==n}));0===o.length?null==t||t():1!==o.length&&e!==o.length||s.resetChildren(),s.setState({items:o,renderItems:u(o)})},s.onFirstChildRef=function(e){s.firstChildHeight=(null==e?void 0:e.offsetHeight)||0},s.state=(0,o.pi)((0,o.pi)({},v),(n=t.children,{items:i=r.Children.toArray(n).reduce((function(e,t){var n=t.type;return(0,d.Z)(n,c.C)&&e.push(t),e}),[]),preChildren:n,renderItems:u(i)})),s}return(0,o.ZT)(t,e),t.prototype.componentDidMount=function(){this.setState({containerHeight:this.firstChildHeight},this.scrollHandler)},t.prototype.componentWillUnmount=function(){this.clearTimer()},Object.defineProperty(t.prototype,"renderItem",{get:function(){var e=this,t=this.props,n=(t.outline,t.children,t.onClose,t.className,(0,o._T)(t,["outline","children","onClose","className"])),i=this.state,s=i.renderItems,c=i.activeIndex,d=s.length;return r.Children.map(s,(function(t,i){var s=Object.assign({},n,(0,o.pi)({},t.props));return(0,r.createElement)(l.Z,(0,o.pi)({classItemName:a()({"zent-alert-scroll-active-item":i===c,"zent-alert-scroll-virtual-item":!i&&c===d-1})},s,{key:i,onAlertItemClose:function(){return e.onCloseItemHandler(i)},ref:i?void 0:e.onFirstChildRef}))}))},enumerable:!1,configurable:!0}),t.prototype.render=function(){var e;if(this.props.closed)return null;var t=(0,p.Z)(this.props,h),n=t.className,r=t.outline,s=t.type,l=t.bordered,c=(0,o._T)(t,["className","outline","type","bordered"]),d=this.state,u=d.transitionDuration,v=d.containerHeight,m=d.activeIndex,f=this.renderItem,g=a()("zent-alert-scroll","zent-alert-style-"+s,n,((e={})["zent-alert-scroll-outline"]=r,e["zent-alert-scroll--borderless"]=!l,e));return f.length>0?(0,i.jsx)("div",(0,o.pi)({className:g},c,{"data-zv":"10.0.10"},{children:(0,i.jsx)("div",(0,o.pi)({className:"zent-alert-scroll-container",style:{height:v,transform:"translateY(-"+v*m+"px)",transitionDuration:u+"ms",transitionProperty:"transform"},onMouseEnter:this.stopScroll,onMouseLeave:this.continueScroll,"data-zv":"10.0.10"},{children:f}),void 0)}),void 0):null},t.defaultProps={type:"info",loading:!1,scrollInterval:5e3,bordered:!1},t}(r.Component)},78486:(e,t,n)=>{"use strict";var o=n(59312),i=n(24246),r=n(27378),s=n(60042),a=n.n(s),l=n(27036),c=n(20840),d={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},p=(0,r.forwardRef)((function(e,t){var n=e.extraContent,s=e.classItemName,p=e.title,u=e.description,h=e.children,v=e.loading,m=e.type,f=e.closable,g=e.icon,C=e.closeIconColor,y=e.closeContent,z=e.onAlertItemClose,x=(0,r.useRef)(e);x.current=e;var b=(0,r.useMemo)((function(){return h||(0,i.jsxs)(i.Fragment,{children:[p&&(0,i.jsx)("h3",(0,o.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.10"},{children:p}),void 0),u&&(0,i.jsx)("p",(0,o.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.10"},{children:u}),void 0)]},void 0)}),[h,u,p]),k=(0,r.useMemo)((function(){var e=x.current.onClose,t=C?{color:C}:{};return f?(0,i.jsx)("div",(0,o.pi)({className:"zent-alert-item-close-wrapper",onClick:function(t){null==e||e(),z&&z(),t.stopPropagation()},"data-zv":"10.0.10"},{children:null!=y?y:(0,i.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:t},void 0)}),void 0):null}),[f,y,C,z]),j=(0,r.useMemo)((function(){return v?(0,i.jsx)(c.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===g||!1===g?null:g?(0,i.jsx)("span",(0,o.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.10"},{children:g}),void 0):m in d?(0,i.jsx)(l.Z,{className:"zent-alert-item-icon",type:d[m]},void 0):null}),[v,m,g]);return(0,i.jsxs)("div",(0,o.pi)({className:a()("zent-alert-item",s),ref:t,"data-zv":"10.0.10"},{children:[j,(0,i.jsx)("div",(0,o.pi)({className:"zent-alert-item-content","data-zv":"10.0.10"},{children:b}),void 0),n&&(0,i.jsx)("div",(0,o.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.10"},{children:n}),void 0),k]}),void 0)}));p.displayName="AlertItem",t.Z=p},97701:(e,t,n)=>{"use strict";n.d(t,{V:()=>T,Z:()=>w});var o=n(59312),i=n(24246),r=n(27378),s=n(14623),a=n(53552),l=n(79352),c=n(60042),d=n.n(c),p=n(58801),u=n(27036),h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.dialogEl=null,t.onClickClose=function(e){var n=t.props.onClose;n&&n(e)},t}return(0,o.ZT)(t,e),t.prototype.componentDidMount=function(){this.resetTransformOrigin()},t.prototype.componentDidUpdate=function(){this.resetTransformOrigin()},t.prototype.setTransformOrigin=function(e,t){["Webkit","Moz","Ms","ms"].forEach((function(n){e[n+"TransformOrigin"]=t})),e.transformOrigin=t},t.prototype.resetTransformOrigin=function(e){void 0===e&&(e=this.props);var t=e.mousePosition,n=function(e,t){switch(e){case"center":return"center center 0";case"auto":default:return}}(e.position,this.dialogEl);if(void 0===n&&t&&t.x>=0&&t.y>=0&&this.dialogEl&&this.dialogEl.getBoundingClientRect){var o=this.dialogEl.getBoundingClientRect(),i=o.left,r=o.top;n=t.x-i+"px "+(t.y-r)+"px 0"}n&&this.dialogEl&&this.setTransformOrigin(this.dialogEl.style,n)},t.prototype.renderHeader=function(){var e=this.props.title;return e?(e="number"==typeof e||"string"==typeof e?(0,i.jsx)("span",(0,o.pi)({className:"zent-dialog-r-title-text","data-zv":"10.0.10"},{children:e}),void 0):e,(0,i.jsx)("div",(0,o.pi)({className:"zent-dialog-r-header","data-zv":"10.0.10"},{children:(0,i.jsx)("div",(0,o.pi)({className:"zent-dialog-r-title","data-zv":"10.0.10"},{children:e}),void 0)}),void 0)):null},t.prototype.render=function(){var e=this,t=this.props,n=t.className,r=t.closeBtn,s=t.footer,a=t.style,l=t.children,c=this.renderHeader(),p=d()("zent-dialog-r-close",{"zent-dialog-r-has-title":!!c}),h=r&&(0,i.jsx)("button",(0,o.pi)({type:"button",className:p,onClick:this.onClickClose,"data-zv":"10.0.10"},{children:(0,i.jsx)(u.Z,{type:"close"},void 0)}),void 0),v=s&&(0,i.jsx)("div",(0,o.pi)({className:"zent-dialog-r-footer","data-zv":"10.0.10"},{children:s}),void 0);return(0,i.jsxs)("div",(0,o.pi)({className:d()("zent-dialog-r",n,{"zent-dialog-r--has-header":!!c,"zent-dialog-r--has-footer":!!v,"zent-dialog-r--no-close-btn":!h}),style:a,ref:function(t){return e.dialogEl=t},"data-zv":"10.0.10"},{children:[h,c,(0,i.jsx)("div",(0,o.pi)({className:"zent-dialog-r-body","data-zv":"10.0.10"},{children:(0,i.jsx)("div",(0,o.pi)({className:"zent-dialog-r-body-content","data-zv":"10.0.10"},{children:l}),void 0)}),void 0),v]}),void 0)},t}(r.Component),v=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.rootRef=(0,r.createRef)(),t.onMaskClick=function(e){e.target===e.currentTarget&&t.props.mask&&t.props.maskClosable&&t.props.onClose(e)},t}return(0,o.ZT)(t,e),t.prototype.componentDidMount=function(){var e=document.activeElement,t=this.rootRef.current;t!==e&&t&&!t.contains(e)&&function(e){if(e){var t=(0,p.Z)();e.focus(),window.scroll(t.x,t.y)}}(t)},t.prototype.render=function(){var e=this.props,t=e.mask,n=e.visible,r=e.children;return(0,i.jsxs)("div",(0,o.pi)({ref:this.rootRef,tabIndex:-1,className:"zent-dialog-r-root","data-zv":"10.0.10"},{children:[n&&t&&(0,i.jsx)("div",{className:"zent-dialog-r-backdrop","data-zv":"10.0.10"},void 0),(0,i.jsx)("div",(0,o.pi)({className:"zent-dialog-r-wrap",onClick:this.onMaskClick,"data-zv":"10.0.10"},{children:r}),void 0)]}),void 0)},t}(r.Component),m=n(31542),f=n.t(m,2),g=n(70453),C=n(42690),y=n(14805),z=new Map,x=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={visible:!0},t.closeOptions={},t.onClosed=function(){var e=t.props,n=e.options.onClose,o=e.container,i=t.closeOptions.triggerOnClose;(void 0===i||i)&&n&&n(),m.unmountComponentAtNode(o)},t.onClose=function(e){t.close({triggerOnClose:!1!==e})},t}return(0,o.ZT)(t,e),t.prototype.close=function(e){void 0===e&&(e={}),this.closeOptions=e,this.setState({visible:!1})},t.prototype.componentWillUnmount=function(){var e=this.props.options.dialogId;z.delete(e)},t.prototype.render=function(){var e=this.props.options,t=this.state.visible;return(0,i.jsx)(w,(0,o.pi)({},e,{onClose:this.onClose,onClosed:this.onClosed,visible:t}),void 0)},t}(r.Component);function b(e,t){void 0===t&&(t={});var n=z.get(e);if(n){var o=n.current;o&&o.close(t)}}function k(e){if(void 0===e&&(e={}),!l.Z)return C.Z;var t=e.dialogId,n=void 0===t?(0,g.Z)("__zent-dialog__"):t,s=e.parentComponent;!function(e){if(z.has(e))throw new Error("Duplicate dialog id found: "+e)}(n);var a=(0,y.Z)("div"),c=s?m.unstable_renderSubtreeIntoContainer.bind(f,s):m.render,d=(0,r.createRef)();return c((0,i.jsx)(x,{ref:d,options:(0,o.pi)((0,o.pi)({},e),{dialogId:n}),container:a},void 0),a),function(e,t){z.set(e,t)}(n,d),function(e){void 0===e&&(e=!0),b(n,{triggerOnClose:!1!==e})}}var j=n(49744),N=null;l.Z&&(0,j.Oo)(document.documentElement,"click",(function(e){0!==e.clientX&&0!==e.clientY&&(N={x:e.clientX,y:e.clientY})}),{capture:!0});var T=function(e){function t(t){var n=e.call(this,t)||this;return n.lastMousePosition=null,n.onClose=function(e){var t=n.props.onClose;t&&t(e)},n.onExited=function(){var e=n.props.onClosed;n.setState({exiting:!1}),e&&e()},n.state={prevOpen:t.visible,exiting:!1},n}return(0,o.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){var n=t.prevOpen;return e.visible===n?null:e.visible?{prevOpen:e.visible,exiting:!1}:{prevOpen:e.visible,exiting:!0}},t.prototype.render=function(){var e=this.props,t=e.visible,n=e.closeBtn,r=e.style,l=e.position,c=e.onOpened,d=(e.onClosed,e.mask),p=e.maskClosable,u=e.children,m=(0,o._T)(e,["visible","closeBtn","style","position","onOpened","onClosed","mask","maskClosable","children"]),f=this.state.exiting;return this.lastMousePosition=t?this.lastMousePosition||N:null,(0,i.jsx)(a.ZP,(0,o.pi)({visible:t||f,onClose:this.onClose,className:"zent-dialog-r-anchor",closeOnESC:n,blockPageScroll:!0},{children:(0,i.jsx)(v,(0,o.pi)({mask:d,maskClosable:p,visible:t,onClose:this.onClose},{children:(0,i.jsx)(s.Z,(0,o.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:t,timeout:300,classNames:"zent-zoom",onEntered:c,onExited:this.onExited},{children:(0,i.jsx)(h,(0,o.pi)({},m,{style:r,closeBtn:n,position:l,mousePosition:this.lastMousePosition},{children:u}),void 0)}),void 0)}),void 0)}),void 0)},t.defaultProps={onClose:function(){},visible:!1,className:"",style:{},position:"auto",title:"",closeBtn:!0,mask:!0,maskClosable:!0,footer:null},t.openDialog=k,t.closeDialog=b,t}(r.Component),w=T},50993:(e,t,n)=>{"use strict";n.d(t,{c:()=>d});var o=n(59312),i=n(24246),r=n(60042),s=n.n(r),a=n(40695),l=n(73326),c=n(72551);function d(e){var t=function(e){var t=(0,c.n)(e,"height"),n=e.children;return n||t?n&&!t?"initial":e.height:160}(e),n=e.loading,r=void 0!==n&&n,d=e.delay,p=void 0===d?0:d,u=e.className,h=e.children,v=e.icon,m=void 0===v?"circle":v,f=e.iconSize,g=e.iconText,C=e.textPosition,y=void 0===C?"bottom":C,z=e.colorPreset,x=void 0===z?"primary":z,b=!!h,k=!(0,l.Z)({loading:r,delay:p})&&r;return k||b?(0,i.jsxs)("div",(0,o.pi)({className:s()("zent-loading","zent-loading--block",u,{"zent-loading--has-children":b}),style:{height:t},"data-zv":"10.0.10"},{children:[h,k&&(0,i.jsx)(a.Z,{icon:m,size:f,text:g,textPosition:y,colorPreset:x},void 0)]}),void 0):null}t.Z=d},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)}},8434:(e,t,n)=>{"use strict";n.d(t,{E:()=>g});var o=n(59312),i=n(24246),r=n(27378),s=n(60042),a=n.n(s),l=["normal","success","exception"],c=(0,n(70453).Z)("zentAnimatedArcStrokeGradient"),d={},p={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={opacity:0,rotate:0,transition:d},t.startAnimation=function(){t.animationDelayTimerId&&clearTimeout(t.animationDelayTimerId);var e=t.props,n=e.arcLength,o=e.radius,i=(n-t.getMaskArcLength())/o;t.setState({rotate:i,transition:d,opacity:.2},t.queueAnimationEnd)},t.finishAnimation=function(){t.transitionEndTimerId&&clearTimeout(t.transitionEndTimerId),t.setState({rotate:0,transition:p,opacity:0}),t.animationDelayTimerId=setTimeout(t.startAnimation,1e3)},t.queueAnimationEnd=function(){t.transitionEndTimerId=setTimeout(t.finishAnimation,400)},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.getPath(),t=this.props,n=t.className,r=t.strokeWidth,s=this.state,a=s.rotate,l=s.transition,d=s.opacity;return(0,i.jsxs)("g",(0,o.pi)({"data-zv":"10.0.10"},{children:[(0,i.jsx)("defs",(0,o.pi)({"data-zv":"10.0.10"},{children:(0,i.jsxs)("linearGradient",(0,o.pi)({id:c},{children:[(0,i.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.10"},void 0),(0,i.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.10"},void 0)]}),void 0)}),void 0),(0,i.jsx)("path",{className:n,d:e,stroke:"url(#"+c+")",strokeOpacity:d,strokeWidth:r,style:(0,o.pi)({transform:"rotate("+a+"rad)"},l),"data-zv":"10.0.10"},void 0)]}),void 0)},t.prototype.componentDidMount=function(){this.startAnimation()},t.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},t.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},t.prototype.getMaskTheta=function(){var e=this.props.radius;return this.getMaskArcLength()/e},t.prototype.getArcStartPoint=function(){var e=this.props,t=e.radius,n=e.strokeWidth/2;return[t+n,n]},t.prototype.getArcEndPoint=function(){var e=this.props,t=e.radius,n=t+e.strokeWidth/2,o=this.getMaskTheta();return[n+Math.sin(o)*t,n-Math.cos(o)*t]},t.prototype.getPath=function(){var e=this.getArcStartPoint(),t=this.getArcEndPoint(),n=this.props.radius;return"M"+e.join(",")+" A"+n+","+n+" 0 0 1 "+t.join(",")},t}(r.PureComponent),h=n(39215),v=function(e){var t=e.type,n=e.percent,o=e.format,r=e.state,s=e.color;return"success"===r?(0,i.jsx)(h.J,{type:"circle"===t?"check":"check-circle",style:{color:s}},void 0):"exception"===r?(0,i.jsx)(h.J,{type:"circle"===t?"close":"close-circle",style:{color:s}},void 0):(0,i.jsx)(i.Fragment,{children:o(n)},void 0)},m=function(e){var t=e.percent,n=e.showInfo,r=e.format,s=e.strokeWidth,l=e.width,c=e.bgColor,d=e.color,p=e.state,h=e.strokeLinecap,m=l||132,f=m/2,g=m-s,C=g/2,y=g*Math.PI,z=y*(100-t)/100;return(0,i.jsxs)("div",(0,o.pi)({className:"zent-progress-container",style:{width:m,height:m},"data-zv":"10.0.10"},{children:[(0,i.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:s,borderColor:c,width:m,height:m},"data-zv":"10.0.10"},void 0),(0,i.jsxs)("svg",(0,o.pi)({className:"zent-progress-inner",viewBox:"0 0 "+m+" "+m,width:m,height:m,"data-zv":"10.0.10"},{children:[(0,i.jsx)("g",(0,o.pi)({transform:"rotate(-90 "+f+" "+f+")","data-zv":"10.0.10"},{children:(0,i.jsx)("circle",{className:a()("zent-progress-inner-path","zent-progress-inner-path--"+h),cx:f,cy:f,r:C,style:{stroke:d,strokeWidth:s},strokeDasharray:y,strokeDashoffset:z,"data-zv":"10.0.10"},void 0)}),void 0),"normal"===p&&(0,i.jsx)(u,{className:a()("zent-progress-path-mask","zent-progress-path-mask--"+h),radius:C,arcLength:y-z,strokeWidth:s},void 0)]}),void 0),n&&(0,i.jsx)("div",(0,o.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,i.jsx)(v,{type:"circle",percent:t,format:r,state:p,color:d},void 0)}),void 0)]}),void 0)},f=function(e){var t=e.format,n=e.width,r=e.percent,s=e.showInfo,l=e.strokeWidth,c=e.bgColor,d=e.color,p=e.state,u=e.strokeLinecap,h=n||"100%",m=s&&(0,i.jsx)("div",(0,o.pi)({className:"zent-progress-info","data-zv":"10.0.10"},{children:(0,i.jsx)(v,{type:"line",percent:r,format:t,state:p,color:d},void 0)}),void 0);return(0,i.jsxs)("div",(0,o.pi)({className:"zent-progress-container","data-zv":"10.0.10"},{children:[(0,i.jsx)("div",(0,o.pi)({className:a()("zent-progress-wrapper","zent-progress-wrapper--"+u,{"zent-progress-wrapper--finished":100===r}),style:{background:c,width:h,height:l},"data-zv":"10.0.10"},{children:(0,i.jsx)("div",{className:"zent-progress-inner",style:{background:d,width:r+"%",height:l},"data-zv":"10.0.10"},void 0)}),void 0),m]}),void 0)},g=function(e){var t,n=e,s=n.type,c=n.status,d=n.percent,p=n.className,u=n.normalColor,h=n.successColor,v=n.exceptionColor,g=n.bgColor,C=n.format,y=n.showInfo,z=n.strokeWidth,x=n.width,b=n.strokeLinecap,k=(0,o._T)(n,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),j=(0,r.useMemo)((function(){return-1!==l.indexOf(c)?c:d>=100?"success":"normal"}),[c,d]),N={exception:v,success:h,normal:u}[j],T=(0,r.useMemo)((function(){return d<0?0:d>100?100:d}),[d]);switch(s){case"circle":t=m;break;case"line":default:t=f}var w=a()("zent-progress","zent-progress-type__"+s,"zent-progress-state__"+j,p);return(0,i.jsx)("div",(0,o.pi)({className:w},k,{"data-zv":"10.0.10"},{children:(0,i.jsx)(t,{percent:T,showInfo:y,strokeWidth:z,width:x,bgColor:g,format:C,color:N,state:j,strokeLinecap:b},void 0)}),void 0)};g.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(e){return e+"%"}}},11497:(e,t,n)=>{"use strict";n.d(t,{Hj:()=>C});var o=n(59312),i=n(24246),r=n(60042),s=n.n(r),a=n(52074),l=n(97701).Z,c=n(27036),d=n(27378),p=n(90347),u=n(65436),h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={loading:!1},t.onClick=function(){var e=t.props,n=e.onClick,o=(0,e.getClose)();if(!n)return o();var i=n.length>0,r=i?n(o):n();if((0,u.Z)(r))return t.setState({loading:!0}),void r.then((function(){o()}),(function(){t.setState({loading:!1})}));i||!1===r||o()},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.type,r=e.text,s=this.state.loading;return(0,i.jsx)(p.ZP,(0,o.pi)({type:n,className:t,loading:s,onClick:this.onClick},{children:r}),void 0)},t}(d.Component),v={info:"info-circle-o",success:"check-circle-o",error:"close-circle-o",warning:"warning-o"},m=l.openDialog;function f(e,t){var n,r=e.className,l=void 0===r?"":r,d=e.confirmType,p=void 0===d?"primary":d,u=e.closeBtn,f=void 0!==u&&u,g=e.maskClosable,C=void 0!==g&&g,y=e.title,z=e.type,x=e.content,b=e.onConfirm,k=e.onCancel,j=e.confirmText,N=e.cancelText,T=e.parentComponent,w=e.onClose,I=null;return I=m({closeBtn:f,maskClosable:C,className:s()("zent-sweetalert-"+t,(n={},n[l]=!!l,n)),title:(0,i.jsx)(a.Z,(0,o.pi)({componentName:"Sweetalert"},{children:function(e){var t=v[z];return(0,i.jsxs)("div",(0,o.pi)({className:"zent-sweetalert-"+(z?"icon-":"")+"title","data-zv":"10.0.10"},{children:[z&&(0,i.jsx)(c.Z,{className:"zent-sweetalert-type-icon",type:t},void 0),y||e.title]}),void 0)}}),void 0),children:x,footer:(0,i.jsx)(a.Z,(0,o.pi)({componentName:"Sweetalert"},{children:function(e){var n="alert"===t;return(0,i.jsxs)("div",(0,o.pi)({className:"sweet-"+t+"-actions","data-zv":"10.0.10"},{children:[!n&&(0,i.jsx)(h,{type:"default",className:"zent-sweetalert-"+t+"-btn-cancel",getClose:function(){return I},onClick:k,text:N||e.cancel},"sweetalert-cancel"),(0,i.jsx)(h,{type:p,className:"zent-sweetalert-"+t+"-btn-confirm",getClose:function(){return I},onClick:b,text:j||(n?e.ok:e.confirm)},"sweetalert-confirm")]}),void 0)}}),void 0),parentComponent:T,onClose:w})}function g(e){return void 0===e&&(e={}),f(e,"alert")}var C={alert:g,info:g,confirm:function(e){return void 0===e&&(e={}),f(e,"confirm")}}},58801:(e,t,n)=>{"use strict";function o(){var e=window.pageXOffset,t=window.pageYOffset;return{x:void 0!==e?e:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==t?t:(document.documentElement||document.body.parentNode||document.body).scrollTop}}n.d(t,{Z:()=>o})},65922:(e,t,n)=>{"use strict";function o(e,t){return e===t||(null==e?void 0:e.prototype)instanceof t}n.d(t,{Z:()=>o})}}]); \ No newline at end of file diff --git a/9736-bfe3be32068297d6a054.js b/9736-bfe3be32068297d6a054.js deleted file mode 100644 index a1ec93f77..000000000 --- a/9736-bfe3be32068297d6a054.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9736],{82010:(e,t,n)=>{"use strict";n.d(t,{b:()=>h});var o=n(59312),i=n(24246),r=n(60042),s=n.n(r),a=n(27378),l=n(8434),c=n(78486),d=n(78513),p=["outline","closed","onClose"],u=["title","description","loading","closable","closed","onClose","closeContent","closeIconColor","icon","extraContent"],h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={closed:!1},t.onCloseHandler=function(){t.isControlled||t.setState({closed:!0}),t.props.onClose&&t.props.onClose()},t}return(0,o.ZT)(t,e),Object.defineProperty(t.prototype,"isControlled",{get:function(){return"closed"in this.props},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"closed",{get:function(){return this.isControlled?this.props.closed:this.state.closed},enumerable:!1,configurable:!0}),t.prototype.render=function(){var e;if(this.closed)return null;var t=(0,d.Z)(this.props,u),n=t.className,r=t.type,a=t.outline,h=t.bordered,v=t.progress,m=(0,o._T)(t,["className","type","outline","bordered","progress"]),f=(0,d.Z)(this.props,p),g=s()("zent-alert","zent-alert-style-"+r,n,((e={})["zent-alert-outline"]=a,e["zent-alert--borderless"]=!h,e));return(0,i.jsxs)("div",(0,o.pi)({className:g},m,{"data-zv":"10.0.9"},{children:[!!v&&(0,i.jsx)(l.E,{className:"zent-alert__progress",percent:v,showInfo:!1,strokeWidth:2},void 0),(0,i.jsx)(c.Z,(0,o.pi)({},f,{onAlertItemClose:this.onCloseHandler},{children:this.props.children}),void 0)]}),void 0)},t.highlightClassName="zent-alert-item-content__highlight",t.defaultProps={type:"info",bordered:!1,loading:!1,outline:!1,closable:!1},t}(a.PureComponent)},68715:(e,t,n)=>{"use strict";n.d(t,{C:()=>i});var o=n(59312),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,o.ZT)(t,e),t.prototype.render=function(){return null},t}(n(27378).Component)},83931:(e,t,n)=>{"use strict";n.d(t,{f:()=>m});var o=n(59312),i=n(24246),r=n(27378),s=n(60042),a=n.n(s),l=n(78486),c=n(68715),d=n(65922),p=n(78513);function u(e){var t=r.Children.count(e),n=new Array(t);return r.Children.forEach(e,(function(e,o){n[o]=e,0===o&&(n[t]=e)})),t>1?n:[e]}var h=["loading","scrollInterval","onClose","closed"],v={items:[],renderItems:[],preChildren:null,transitionDuration:0,containerHeight:0,activeIndex:0},m=function(e){function t(t){var n,i,s=e.call(this,t)||this;return s.firstChildHeight=0,s.scrollHandler=function(){var e=s.props.scrollInterval;s.timeoutId=setTimeout((function(){var e=s.state,t=e.renderItems,n=e.activeIndex,o=t.length;if(!(o<=1)){var i=n+1;s.setState({transitionDuration:600,activeIndex:i}),i===o-1&&setTimeout(s.resetChildren,600),s.scrollHandler()}}),e)},s.stopScroll=function(){s.clearTimer()},s.continueScroll=function(){s.scrollHandler()},s.resetChildren=function(){s.setState({transitionDuration:0,activeIndex:0})},s.clearTimer=function(){s.timeoutId&&(clearTimeout(s.timeoutId),s.timeoutId=null)},s.onCloseItemHandler=function(e){var t=s.props.onClose,n=s.state.items;e===n.length&&(e=0,s.resetChildren());var o=n.filter((function(t,n){return e!==n}));0===o.length?null==t||t():1!==o.length&&e!==o.length||s.resetChildren(),s.setState({items:o,renderItems:u(o)})},s.onFirstChildRef=function(e){s.firstChildHeight=(null==e?void 0:e.offsetHeight)||0},s.state=(0,o.pi)((0,o.pi)({},v),(n=t.children,{items:i=r.Children.toArray(n).reduce((function(e,t){var n=t.type;return(0,d.Z)(n,c.C)&&e.push(t),e}),[]),preChildren:n,renderItems:u(i)})),s}return(0,o.ZT)(t,e),t.prototype.componentDidMount=function(){this.setState({containerHeight:this.firstChildHeight},this.scrollHandler)},t.prototype.componentWillUnmount=function(){this.clearTimer()},Object.defineProperty(t.prototype,"renderItem",{get:function(){var e=this,t=this.props,n=(t.outline,t.children,t.onClose,t.className,(0,o._T)(t,["outline","children","onClose","className"])),i=this.state,s=i.renderItems,c=i.activeIndex,d=s.length;return r.Children.map(s,(function(t,i){var s=Object.assign({},n,(0,o.pi)({},t.props));return(0,r.createElement)(l.Z,(0,o.pi)({classItemName:a()({"zent-alert-scroll-active-item":i===c,"zent-alert-scroll-virtual-item":!i&&c===d-1})},s,{key:i,onAlertItemClose:function(){return e.onCloseItemHandler(i)},ref:i?void 0:e.onFirstChildRef}))}))},enumerable:!1,configurable:!0}),t.prototype.render=function(){var e;if(this.props.closed)return null;var t=(0,p.Z)(this.props,h),n=t.className,r=t.outline,s=t.type,l=t.bordered,c=(0,o._T)(t,["className","outline","type","bordered"]),d=this.state,u=d.transitionDuration,v=d.containerHeight,m=d.activeIndex,f=this.renderItem,g=a()("zent-alert-scroll","zent-alert-style-"+s,n,((e={})["zent-alert-scroll-outline"]=r,e["zent-alert-scroll--borderless"]=!l,e));return f.length>0?(0,i.jsx)("div",(0,o.pi)({className:g},c,{"data-zv":"10.0.9"},{children:(0,i.jsx)("div",(0,o.pi)({className:"zent-alert-scroll-container",style:{height:v,transform:"translateY(-"+v*m+"px)",transitionDuration:u+"ms",transitionProperty:"transform"},onMouseEnter:this.stopScroll,onMouseLeave:this.continueScroll,"data-zv":"10.0.9"},{children:f}),void 0)}),void 0):null},t.defaultProps={type:"info",loading:!1,scrollInterval:5e3,bordered:!1},t}(r.Component)},78486:(e,t,n)=>{"use strict";var o=n(59312),i=n(24246),r=n(27378),s=n(60042),a=n.n(s),l=n(27036),c=n(20840),d={info:"info-circle",warning:"warning",success:"check-circle",error:"close-circle"},p=(0,r.forwardRef)((function(e,t){var n=e.extraContent,s=e.classItemName,p=e.title,u=e.description,h=e.children,v=e.loading,m=e.type,f=e.closable,g=e.icon,C=e.closeIconColor,y=e.closeContent,z=e.onAlertItemClose,x=(0,r.useRef)(e);x.current=e;var b=(0,r.useMemo)((function(){return h||(0,i.jsxs)(i.Fragment,{children:[p&&(0,i.jsx)("h3",(0,o.pi)({className:"zent-alert-item-content__title","data-zv":"10.0.9"},{children:p}),void 0),u&&(0,i.jsx)("p",(0,o.pi)({className:"zent-alert-item-content__description","data-zv":"10.0.9"},{children:u}),void 0)]},void 0)}),[h,u,p]),k=(0,r.useMemo)((function(){var e=x.current.onClose,t=C?{color:C}:{};return f?(0,i.jsx)("div",(0,o.pi)({className:"zent-alert-item-close-wrapper",onClick:function(t){null==e||e(),z&&z(),t.stopPropagation()},"data-zv":"10.0.9"},{children:null!=y?y:(0,i.jsx)(l.Z,{type:"close",className:"zent-alert-item-close-btn",style:t},void 0)}),void 0):null}),[f,y,C,z]),j=(0,r.useMemo)((function(){return v?(0,i.jsx)(c.Z,{className:"zent-alert-item-icon",loading:!0,icon:"circle",iconSize:16},void 0):null===g||!1===g?null:g?(0,i.jsx)("span",(0,o.pi)({className:"zent-alert-item-custom-icon","data-zv":"10.0.9"},{children:g}),void 0):m in d?(0,i.jsx)(l.Z,{className:"zent-alert-item-icon",type:d[m]},void 0):null}),[v,m,g]);return(0,i.jsxs)("div",(0,o.pi)({className:a()("zent-alert-item",s),ref:t,"data-zv":"10.0.9"},{children:[j,(0,i.jsx)("div",(0,o.pi)({className:"zent-alert-item-content","data-zv":"10.0.9"},{children:b}),void 0),n&&(0,i.jsx)("div",(0,o.pi)({className:"zent-alert-item-extra-content","data-zv":"10.0.9"},{children:n}),void 0),k]}),void 0)}));p.displayName="AlertItem",t.Z=p},69024:(e,t,n)=>{"use strict";n.d(t,{V:()=>I,Z:()=>w});var o=n(59312),i=n(24246),r=n(27378),s=n(14623),a=n(53552),l=n(79352),c=n(60042),d=n.n(c),p=n(58801),u=n(27036),h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.dialogEl=null,t.onClickClose=function(e){var n=t.props.onClose;n&&n(e)},t}return(0,o.ZT)(t,e),t.prototype.componentDidMount=function(){this.resetTransformOrigin()},t.prototype.componentDidUpdate=function(){this.resetTransformOrigin()},t.prototype.resetTransformOrigin=function(e){void 0===e&&(e=this.props);var t=e.mousePosition;if(t&&t.x>=0&&t.y>=0&&this.dialogEl&&this.dialogEl.getBoundingClientRect){var n=this.dialogEl.getBoundingClientRect(),o=n.left,i=n.top,r=t.x-o+"px "+(t.y-i)+"px 0",s=this.dialogEl.style;["Webkit","Moz","Ms","ms"].forEach((function(e){s[e+"TransformOrigin"]=r})),s.transformOrigin=r}},t.prototype.renderHeader=function(){var e=this.props.title;return e?(e="number"==typeof e||"string"==typeof e?(0,i.jsx)("span",(0,o.pi)({className:"zent-dialog-r-title-text","data-zv":"10.0.9"},{children:e}),void 0):e,(0,i.jsx)("div",(0,o.pi)({className:"zent-dialog-r-header","data-zv":"10.0.9"},{children:(0,i.jsx)("div",(0,o.pi)({className:"zent-dialog-r-title","data-zv":"10.0.9"},{children:e}),void 0)}),void 0)):null},t.prototype.render=function(){var e=this,t=this.props,n=t.className,r=t.closeBtn,s=t.footer,a=t.style,l=t.children,c=this.renderHeader(),p=d()("zent-dialog-r-close",{"zent-dialog-r-has-title":!!c}),h=r&&(0,i.jsx)("button",(0,o.pi)({type:"button",className:p,onClick:this.onClickClose,"data-zv":"10.0.9"},{children:(0,i.jsx)(u.Z,{type:"close"},void 0)}),void 0),v=s&&(0,i.jsx)("div",(0,o.pi)({className:"zent-dialog-r-footer","data-zv":"10.0.9"},{children:s}),void 0);return(0,i.jsxs)("div",(0,o.pi)({className:d()("zent-dialog-r",n,{"zent-dialog-r--has-header":!!c,"zent-dialog-r--has-footer":!!v,"zent-dialog-r--no-close-btn":!h}),style:a,ref:function(t){return e.dialogEl=t},"data-zv":"10.0.9"},{children:[h,c,(0,i.jsx)("div",(0,o.pi)({className:"zent-dialog-r-body","data-zv":"10.0.9"},{children:(0,i.jsx)("div",(0,o.pi)({className:"zent-dialog-r-body-content","data-zv":"10.0.9"},{children:l}),void 0)}),void 0),v]}),void 0)},t}(r.Component),v=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.rootRef=(0,r.createRef)(),t.onMaskClick=function(e){e.target===e.currentTarget&&t.props.mask&&t.props.maskClosable&&t.props.onClose(e)},t}return(0,o.ZT)(t,e),t.prototype.componentDidMount=function(){var e=document.activeElement,t=this.rootRef.current;t!==e&&t&&!t.contains(e)&&function(e){if(e){var t=(0,p.Z)();e.focus(),window.scroll(t.x,t.y)}}(t)},t.prototype.render=function(){var e=this.props,t=e.mask,n=e.visible,r=e.children;return(0,i.jsxs)("div",(0,o.pi)({ref:this.rootRef,tabIndex:-1,className:"zent-dialog-r-root","data-zv":"10.0.9"},{children:[n&&t&&(0,i.jsx)("div",{className:"zent-dialog-r-backdrop","data-zv":"10.0.9"},void 0),(0,i.jsx)("div",(0,o.pi)({className:"zent-dialog-r-wrap",onClick:this.onMaskClick,"data-zv":"10.0.9"},{children:r}),void 0)]}),void 0)},t}(r.Component),m=n(31542),f=n.t(m,2),g=n(70453),C=n(42690),y=n(14805),z=new Map,x=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={visible:!0},t.closeOptions={},t.onClosed=function(){var e=t.props,n=e.options.onClose,o=e.container,i=t.closeOptions.triggerOnClose;(void 0===i||i)&&n&&n(),m.unmountComponentAtNode(o)},t.onClose=function(e){t.close({triggerOnClose:!1!==e})},t}return(0,o.ZT)(t,e),t.prototype.close=function(e){void 0===e&&(e={}),this.closeOptions=e,this.setState({visible:!1})},t.prototype.componentWillUnmount=function(){var e=this.props.options.dialogId;z.delete(e)},t.prototype.render=function(){var e=this.props.options,t=this.state.visible;return(0,i.jsx)(w,(0,o.pi)({},e,{onClose:this.onClose,onClosed:this.onClosed,visible:t}),void 0)},t}(r.Component);function b(e,t){void 0===t&&(t={});var n=z.get(e);if(n){var o=n.current;o&&o.close(t)}}function k(e){if(void 0===e&&(e={}),!l.Z)return C.Z;var t=e.dialogId,n=void 0===t?(0,g.Z)("__zent-dialog__"):t,s=e.parentComponent;!function(e){if(z.has(e))throw new Error("Duplicate dialog id found: "+e)}(n);var a=(0,y.Z)("div"),c=s?m.unstable_renderSubtreeIntoContainer.bind(f,s):m.render,d=(0,r.createRef)();return c((0,i.jsx)(x,{ref:d,options:(0,o.pi)((0,o.pi)({},e),{dialogId:n}),container:a},void 0),a),function(e,t){z.set(e,t)}(n,d),function(e){void 0===e&&(e=!0),b(n,{triggerOnClose:!1!==e})}}var j=n(49744),N=null;l.Z&&(0,j.Oo)(document.documentElement,"click",(function(e){N={x:e.clientX,y:e.clientY}}),{capture:!0});var I=function(e){function t(t){var n=e.call(this,t)||this;return n.lastMousePosition=null,n.onClose=function(e){var t=n.props.onClose;t&&t(e)},n.onExited=function(){var e=n.props.onClosed;n.setState({exiting:!1}),e&&e()},n.state={prevOpen:t.visible,exiting:!1},n}return(0,o.ZT)(t,e),t.getDerivedStateFromProps=function(e,t){var n=t.prevOpen;return e.visible===n?null:e.visible?{prevOpen:e.visible,exiting:!1}:{prevOpen:e.visible,exiting:!0}},t.prototype.render=function(){var e=this.props,t=e.visible,n=e.closeBtn,r=e.style,l=e.onOpened,c=(e.onClosed,e.mask),d=e.maskClosable,p=e.children,u=(0,o._T)(e,["visible","closeBtn","style","onOpened","onClosed","mask","maskClosable","children"]),m=this.state.exiting;return this.lastMousePosition=t?this.lastMousePosition||N:null,(0,i.jsx)(a.ZP,(0,o.pi)({visible:t||m,onClose:this.onClose,className:"zent-dialog-r-anchor",closeOnESC:n,blockPageScroll:!0},{children:(0,i.jsx)(v,(0,o.pi)({mask:c,maskClosable:d,visible:t,onClose:this.onClose},{children:(0,i.jsx)(s.Z,(0,o.pi)({appear:!0,mountOnEnter:!0,unmountOnExit:!0,in:t,timeout:300,classNames:"zent-zoom",onEntered:l,onExited:this.onExited},{children:(0,i.jsx)(h,(0,o.pi)({},u,{style:r,closeBtn:n,mousePosition:this.lastMousePosition},{children:p}),void 0)}),void 0)}),void 0)}),void 0)},t.defaultProps={onClose:function(){},visible:!1,className:"",style:{},title:"",closeBtn:!0,mask:!0,maskClosable:!0,footer:null},t.openDialog=k,t.closeDialog=b,t}(r.Component),w=I},50993:(e,t,n)=>{"use strict";n.d(t,{c:()=>d});var o=n(59312),i=n(24246),r=n(60042),s=n.n(r),a=n(40695),l=n(73326),c=n(72551);function d(e){var t=function(e){var t=(0,c.n)(e,"height"),n=e.children;return n||t?n&&!t?"initial":e.height:160}(e),n=e.loading,r=void 0!==n&&n,d=e.delay,p=void 0===d?0:d,u=e.className,h=e.children,v=e.icon,m=void 0===v?"circle":v,f=e.iconSize,g=e.iconText,C=e.textPosition,y=void 0===C?"bottom":C,z=e.colorPreset,x=void 0===z?"primary":z,b=!!h,k=!(0,l.Z)({loading:r,delay:p})&&r;return k||b?(0,i.jsxs)("div",(0,o.pi)({className:s()("zent-loading","zent-loading--block",u,{"zent-loading--has-children":b}),style:{height:t},"data-zv":"10.0.9"},{children:[h,k&&(0,i.jsx)(a.Z,{icon:m,size:f,text:g,textPosition:y,colorPreset:x},void 0)]}),void 0):null}t.Z=d},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.9"},{children:(0,i.jsx)(r.Z,(0,o.pi)({},e),void 0)}),void 0)}},8434:(e,t,n)=>{"use strict";n.d(t,{E:()=>g});var o=n(59312),i=n(24246),r=n(27378),s=n(60042),a=n.n(s),l=["normal","success","exception"],c=(0,n(70453).Z)("zentAnimatedArcStrokeGradient"),d={},p={WebkitTransition:"none",MozTransition:"none",OTransition:"none",msTransition:"none",transition:"none"},u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={opacity:0,rotate:0,transition:d},t.startAnimation=function(){t.animationDelayTimerId&&clearTimeout(t.animationDelayTimerId);var e=t.props,n=e.arcLength,o=e.radius,i=(n-t.getMaskArcLength())/o;t.setState({rotate:i,transition:d,opacity:.2},t.queueAnimationEnd)},t.finishAnimation=function(){t.transitionEndTimerId&&clearTimeout(t.transitionEndTimerId),t.setState({rotate:0,transition:p,opacity:0}),t.animationDelayTimerId=setTimeout(t.startAnimation,1e3)},t.queueAnimationEnd=function(){t.transitionEndTimerId=setTimeout(t.finishAnimation,400)},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.getPath(),t=this.props,n=t.className,r=t.strokeWidth,s=this.state,a=s.rotate,l=s.transition,d=s.opacity;return(0,i.jsxs)("g",(0,o.pi)({"data-zv":"10.0.9"},{children:[(0,i.jsx)("defs",(0,o.pi)({"data-zv":"10.0.9"},{children:(0,i.jsxs)("linearGradient",(0,o.pi)({id:c},{children:[(0,i.jsx)("stop",{offset:"0%",stopColor:"rgba(255, 255, 255, 0)","data-zv":"10.0.9"},void 0),(0,i.jsx)("stop",{offset:"100%",stopColor:"#fff","data-zv":"10.0.9"},void 0)]}),void 0)}),void 0),(0,i.jsx)("path",{className:n,d:e,stroke:"url(#"+c+")",strokeOpacity:d,strokeWidth:r,style:(0,o.pi)({transform:"rotate("+a+"rad)"},l),"data-zv":"10.0.9"},void 0)]}),void 0)},t.prototype.componentDidMount=function(){this.startAnimation()},t.prototype.componentWillUnmount=function(){clearTimeout(this.animationDelayTimerId),clearTimeout(this.transitionEndTimerId),this.animationDelayTimerId=null,this.transitionEndTimerId=null},t.prototype.getMaskArcLength=function(){return.2*this.props.arcLength},t.prototype.getMaskTheta=function(){var e=this.props.radius;return this.getMaskArcLength()/e},t.prototype.getArcStartPoint=function(){var e=this.props,t=e.radius,n=e.strokeWidth/2;return[t+n,n]},t.prototype.getArcEndPoint=function(){var e=this.props,t=e.radius,n=t+e.strokeWidth/2,o=this.getMaskTheta();return[n+Math.sin(o)*t,n-Math.cos(o)*t]},t.prototype.getPath=function(){var e=this.getArcStartPoint(),t=this.getArcEndPoint(),n=this.props.radius;return"M"+e.join(",")+" A"+n+","+n+" 0 0 1 "+t.join(",")},t}(r.PureComponent),h=n(39215),v=function(e){var t=e.type,n=e.percent,o=e.format,r=e.state,s=e.color;return"success"===r?(0,i.jsx)(h.J,{type:"circle"===t?"check":"check-circle",style:{color:s}},void 0):"exception"===r?(0,i.jsx)(h.J,{type:"circle"===t?"close":"close-circle",style:{color:s}},void 0):(0,i.jsx)(i.Fragment,{children:o(n)},void 0)},m=function(e){var t=e.percent,n=e.showInfo,r=e.format,s=e.strokeWidth,l=e.width,c=e.bgColor,d=e.color,p=e.state,h=e.strokeLinecap,m=l||132,f=m/2,g=m-s,C=g/2,y=g*Math.PI,z=y*(100-t)/100;return(0,i.jsxs)("div",(0,o.pi)({className:"zent-progress-container",style:{width:m,height:m},"data-zv":"10.0.9"},{children:[(0,i.jsx)("div",{className:"zent-progress-wrapper",style:{borderWidth:s,borderColor:c,width:m,height:m},"data-zv":"10.0.9"},void 0),(0,i.jsxs)("svg",(0,o.pi)({className:"zent-progress-inner",viewBox:"0 0 "+m+" "+m,width:m,height:m,"data-zv":"10.0.9"},{children:[(0,i.jsx)("g",(0,o.pi)({transform:"rotate(-90 "+f+" "+f+")","data-zv":"10.0.9"},{children:(0,i.jsx)("circle",{className:a()("zent-progress-inner-path","zent-progress-inner-path--"+h),cx:f,cy:f,r:C,style:{stroke:d,strokeWidth:s},strokeDasharray:y,strokeDashoffset:z,"data-zv":"10.0.9"},void 0)}),void 0),"normal"===p&&(0,i.jsx)(u,{className:a()("zent-progress-path-mask","zent-progress-path-mask--"+h),radius:C,arcLength:y-z,strokeWidth:s},void 0)]}),void 0),n&&(0,i.jsx)("div",(0,o.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,i.jsx)(v,{type:"circle",percent:t,format:r,state:p,color:d},void 0)}),void 0)]}),void 0)},f=function(e){var t=e.format,n=e.width,r=e.percent,s=e.showInfo,l=e.strokeWidth,c=e.bgColor,d=e.color,p=e.state,u=e.strokeLinecap,h=n||"100%",m=s&&(0,i.jsx)("div",(0,o.pi)({className:"zent-progress-info","data-zv":"10.0.9"},{children:(0,i.jsx)(v,{type:"line",percent:r,format:t,state:p,color:d},void 0)}),void 0);return(0,i.jsxs)("div",(0,o.pi)({className:"zent-progress-container","data-zv":"10.0.9"},{children:[(0,i.jsx)("div",(0,o.pi)({className:a()("zent-progress-wrapper","zent-progress-wrapper--"+u,{"zent-progress-wrapper--finished":100===r}),style:{background:c,width:h,height:l},"data-zv":"10.0.9"},{children:(0,i.jsx)("div",{className:"zent-progress-inner",style:{background:d,width:r+"%",height:l},"data-zv":"10.0.9"},void 0)}),void 0),m]}),void 0)},g=function(e){var t,n=e,s=n.type,c=n.status,d=n.percent,p=n.className,u=n.normalColor,h=n.successColor,v=n.exceptionColor,g=n.bgColor,C=n.format,y=n.showInfo,z=n.strokeWidth,x=n.width,b=n.strokeLinecap,k=(0,o._T)(n,["type","status","percent","className","normalColor","successColor","exceptionColor","bgColor","format","showInfo","strokeWidth","width","strokeLinecap"]),j=(0,r.useMemo)((function(){return-1!==l.indexOf(c)?c:d>=100?"success":"normal"}),[c,d]),N={exception:v,success:h,normal:u}[j],I=(0,r.useMemo)((function(){return d<0?0:d>100?100:d}),[d]);switch(s){case"circle":t=m;break;case"line":default:t=f}var w=a()("zent-progress","zent-progress-type__"+s,"zent-progress-state__"+j,p);return(0,i.jsx)("div",(0,o.pi)({className:w},k,{"data-zv":"10.0.9"},{children:(0,i.jsx)(t,{percent:I,showInfo:y,strokeWidth:z,width:x,bgColor:g,format:C,color:N,state:j,strokeLinecap:b},void 0)}),void 0)};g.defaultProps={type:"line",percent:0,showInfo:!0,strokeWidth:8,strokeLinecap:"round",format:function(e){return e+"%"}}},11497:(e,t,n)=>{"use strict";n.d(t,{Hj:()=>C});var o=n(59312),i=n(24246),r=n(60042),s=n.n(r),a=n(52074),l=n(69024).Z,c=n(27036),d=n(27378),p=n(90347),u=n(65436),h=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.state={loading:!1},t.onClick=function(){var e=t.props,n=e.onClick,o=(0,e.getClose)();if(!n)return o();var i=n.length>0,r=i?n(o):n();if((0,u.Z)(r))return t.setState({loading:!0}),void r.then((function(){o()}),(function(){t.setState({loading:!1})}));i||!1===r||o()},t}return(0,o.ZT)(t,e),t.prototype.render=function(){var e=this.props,t=e.className,n=e.type,r=e.text,s=this.state.loading;return(0,i.jsx)(p.ZP,(0,o.pi)({type:n,className:t,loading:s,onClick:this.onClick},{children:r}),void 0)},t}(d.Component),v={info:"info-circle-o",success:"check-circle-o",error:"close-circle-o",warning:"warning-o"},m=l.openDialog;function f(e,t){var n,r=e.className,l=void 0===r?"":r,d=e.confirmType,p=void 0===d?"primary":d,u=e.closeBtn,f=void 0!==u&&u,g=e.maskClosable,C=void 0!==g&&g,y=e.title,z=e.type,x=e.content,b=e.onConfirm,k=e.onCancel,j=e.confirmText,N=e.cancelText,I=e.parentComponent,w=e.onClose,T=null;return T=m({closeBtn:f,maskClosable:C,className:s()("zent-sweetalert-"+t,(n={},n[l]=!!l,n)),title:(0,i.jsx)(a.Z,(0,o.pi)({componentName:"Sweetalert"},{children:function(e){var t=v[z];return(0,i.jsxs)("div",(0,o.pi)({className:"zent-sweetalert-"+(z?"icon-":"")+"title","data-zv":"10.0.9"},{children:[z&&(0,i.jsx)(c.Z,{className:"zent-sweetalert-type-icon",type:t},void 0),y||e.title]}),void 0)}}),void 0),children:x,footer:(0,i.jsx)(a.Z,(0,o.pi)({componentName:"Sweetalert"},{children:function(e){var n="alert"===t;return(0,i.jsxs)("div",(0,o.pi)({className:"sweet-"+t+"-actions","data-zv":"10.0.9"},{children:[!n&&(0,i.jsx)(h,{type:"default",className:"zent-sweetalert-"+t+"-btn-cancel",getClose:function(){return T},onClick:k,text:N||e.cancel},"sweetalert-cancel"),(0,i.jsx)(h,{type:p,className:"zent-sweetalert-"+t+"-btn-confirm",getClose:function(){return T},onClick:b,text:j||(n?e.ok:e.confirm)},"sweetalert-confirm")]}),void 0)}}),void 0),parentComponent:I,onClose:w})}function g(e){return void 0===e&&(e={}),f(e,"alert")}var C={alert:g,info:g,confirm:function(e){return void 0===e&&(e={}),f(e,"confirm")}}},58801:(e,t,n)=>{"use strict";function o(){var e=window.pageXOffset,t=window.pageYOffset;return{x:void 0!==e?e:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==t?t:(document.documentElement||document.body.parentNode||document.body).scrollTop}}n.d(t,{Z:()=>o})},65922:(e,t,n)=>{"use strict";function o(e,t){return e===t||(null==e?void 0:e.prototype)instanceof t}n.d(t,{Z:()=>o})}}]); \ No newline at end of file diff --git a/9760-c321d53ccc2cababf175.js b/9760-0b291d8eb9b0e0b2752e.js similarity index 91% rename from 9760-c321d53ccc2cababf175.js rename to 9760-0b291d8eb9b0e0b2752e.js index f2c4e0056..fa01d91df 100644 --- a/9760-c321d53ccc2cababf175.js +++ b/9760-0b291d8eb9b0e0b2752e.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9760],{99760:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>x});var t=a(73450),p=a(27378),e=a(57318),c=a(90218),o=a(39215),l=a(24246);function u(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 k(n){for(var s=1;s{},a=()=>(0,l.jsxs)(c.v,{onClick:s,className:"hello",children:[(0,l.jsx)(n,{className:"food",children:"Food"},"1-1"),(0,l.jsx)(n,{disabled:!0,children:"Clothing"},"1-2")]});return(0,l.jsx)(a,{})},r=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{onClick:a,className:"hello",children:[(0,l.jsx)(n,{className:"food",children:"Food"},"1-1"),(0,l.jsx)(n,{disabled:!0,children:"Clothing"},"1-2"),(0,l.jsxs)(s,{title:"Electrical",overlayClassName:"sub",children:[(0,l.jsx)(n,{className:"tv",children:"TV"},"2-1"),(0,l.jsx)(n,{disabled:!0,children:"Laptop"},"2-2"),(0,l.jsx)(n,{children:"Washing"},"2-3")]}),(0,l.jsxs)(s,{title:"Makeup",disabled:!0,children:[(0,l.jsx)(n,{children:"Eye Shadow"},"3-1"),(0,l.jsx)(n,{children:"Cleanser"},"3-2")]})]});return(0,l.jsx)(t,{})},m=function(){var n=c.v.MenuItem,s=c.v.SubMenu;return(0,l.jsx)("div",{className:"zent-menu-simple-wrapper",children:(0,l.jsxs)(c.v,{className:"simple",onClick:function(n,s){},children:[(0,l.jsx)(n,{children:"Guangdong"}),(0,l.jsxs)(s,{title:"Jiangsu",children:[(0,l.jsx)(n,{children:"Suzhou"}),(0,l.jsx)(n,{children:"Wuxi"}),(0,l.jsx)(n,{children:"Changzhou"}),(0,l.jsx)(n,{children:"Zhenjiang"}),(0,l.jsxs)(s,{title:"Nanjing",children:[(0,l.jsx)(n,{children:"Jiangning"}),(0,l.jsx)(n,{children:"Xianling"})]})]}),(0,l.jsx)(n,{children:"Shandong"}),(0,l.jsxs)(s,{title:"Zhejiang",children:[(0,l.jsxs)(s,{title:"Hangzhou",children:[(0,l.jsx)(n,{children:"Xihu"}),(0,l.jsx)(n,{children:"Shangcheng"})]}),(0,l.jsx)(n,{children:"Wenzhou"}),(0,l.jsx)(n,{children:"Shaoxing"}),(0,l.jsx)(n,{children:"Jiaxing"})]})]})})},d=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{onClick:a,className:"hello",children:[(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"youzan"}),"Electrical"]}),overlayClassName:"sub",children:[(0,l.jsx)(n,{className:"tv",children:"TV"},"2-1"),(0,l.jsx)(n,{disabled:!0,children:"Laptop"},"2-2"),(0,l.jsx)(n,{children:"Washing"},"2-3")]}),(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"settings"}),"Makeup"]}),children:[(0,l.jsx)(n,{children:"Eye Shadow"},"3-1"),(0,l.jsx)(n,{children:"Cleanser"},"3-2")]})]});return(0,l.jsx)(t,{})},g=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{mode:"inline",onClick:a,children:[(0,l.jsx)(n,{children:"Food"},"1-1"),(0,l.jsx)(n,{children:"Clothing"},"1-2"),(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"youzan"}),"Electrical"]}),children:[(0,l.jsx)(n,{children:"TV"},"1-3-1"),(0,l.jsx)(n,{children:"Laptop"},"1-3-2"),(0,l.jsx)(n,{children:"Washing"},"1-3-3")]},"1-3"),(0,l.jsxs)(s,{title:"Makeup",children:[(0,l.jsx)(n,{children:"Eye Shadow"},"1-4-1"),(0,l.jsx)(n,{children:"Cleanser"},"1-4-2"),(0,l.jsxs)(s,{title:"Food",children:[(0,l.jsx)(n,{children:"TV"},"1-4-3-1"),(0,l.jsx)(n,{children:"Laptop"},"1-4-3-2"),(0,l.jsx)(n,{children:"Washing"},"1-4-3-3")]},"1-4-3")]},"1-4"),(0,l.jsx)(n,{disabled:!0,children:"Clothing"},"1-5"),(0,l.jsx)(s,{title:"Food",disabled:!0},"1-6")]});return(0,l.jsx)(t,{})},h=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{mode:"inline",defaultSelectedKey:"1-2",defaultExpandedKeys:["1-4","1-4-3"],onClick:a,children:[(0,l.jsx)(n,{children:"Food"},"1-1"),(0,l.jsx)(n,{children:"Clothing"},"1-2"),(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"youzan"}),"Electrical"]}),children:[(0,l.jsx)(n,{children:"TV"},"1-3-1"),(0,l.jsx)(n,{children:"Laptop"},"1-3-2"),(0,l.jsx)(n,{children:"Washing"},"1-3-3")]},"1-3"),(0,l.jsxs)(s,{title:"Makeup",children:[(0,l.jsx)(n,{children:"Eye Shadow"},"1-4-1"),(0,l.jsx)(n,{children:"Cleanser"},"1-4-2"),(0,l.jsxs)(s,{title:"Food",children:[(0,l.jsx)(n,{children:"TV"},"1-4-3-1"),(0,l.jsx)(n,{children:"Laptop"},"1-4-3-2"),(0,l.jsx)(n,{children:"Washing"},"1-4-3-3")]},"1-4-3")]},"1-4")]});return(0,l.jsx)(t,{})};function y(n){return(0,l.jsx)(n.tag,k(k({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function b(n){return(0,l.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,l.jsx)(y,{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 f extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends p.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 p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:""}),p.createElement(b,{html:'

Menu

\n

Menu, can be used to provide navigation.

\n

Demos

'}),p.createElement(f,{title:"Basic Usage",id:"Demobasic",src:'import { Menu } from \'zent\';\nconst { MenuItem } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n onClick={onClick}\n className="hello"\n >\n <MenuItem key="1-1" className="food">Food</MenuItem>\n <MenuItem key="1-2" disabled>Clothing</MenuItem>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(i)),p.createElement(f,{title:"Submenu",id:"Demosubmenu",src:'import { Menu } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n onClick={onClick}\n className="hello"\n >\n <MenuItem key="1-1" className="food">Food</MenuItem>\n <MenuItem key="1-2" disabled>Clothing</MenuItem>\n <SubMenu title={"Electrical"} overlayClassName="sub">\n <MenuItem key="2-1" className="tv">TV</MenuItem>\n <MenuItem key="2-2" disabled>Laptop</MenuItem>\n <MenuItem key="2-3">Washing</MenuItem>\n </SubMenu>\n <SubMenu title={"Makeup"} disabled>\n <MenuItem key="3-1">Eye Shadow</MenuItem>\n <MenuItem key="3-2">Cleanser</MenuItem>\n </SubMenu>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(r)),p.createElement(f,{title:"Nested",id:"Demonested",src:'import { Menu } from \'zent\';\n\nconst { MenuItem, SubMenu } = Menu;\nconst clickHandler = function(event, key) {\n console.log(event, key);\n};\n\nReactDOM.render(\n <div className="zent-menu-simple-wrapper">\n <Menu className="simple" onClick={clickHandler}>\n <MenuItem>Guangdong</MenuItem>\n <SubMenu title="Jiangsu">\n <MenuItem>Suzhou</MenuItem>\n <MenuItem>Wuxi</MenuItem>\n <MenuItem>Changzhou</MenuItem>\n <MenuItem>Zhenjiang</MenuItem>\n <SubMenu title="Nanjing">\n <MenuItem>Jiangning</MenuItem>\n <MenuItem>Xianling</MenuItem>\n </SubMenu>\n </SubMenu>\n <MenuItem>Shandong</MenuItem>\n <SubMenu title="Zhejiang">\n <SubMenu title="Hangzhou">\n <MenuItem>Xihu</MenuItem>\n <MenuItem>Shangcheng</MenuItem>\n </SubMenu>\n <MenuItem>Wenzhou</MenuItem>\n <MenuItem>Shaoxing</MenuItem>\n <MenuItem>Jiaxing</MenuItem>\n </SubMenu>\n </Menu>\n </div>\n , mountNode\n);'},p.createElement(m)),p.createElement(f,{title:"WithIcon",id:"Demowithicon",src:'import { Menu, Icon } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n onClick={onClick}\n className="hello"\n >\n <SubMenu title={<span><Icon type="youzan" />Electrical</span>} overlayClassName="sub">\n <MenuItem key="2-1" className="tv">TV</MenuItem>\n <MenuItem key="2-2" disabled>Laptop</MenuItem>\n <MenuItem key="2-3">Washing</MenuItem>\n </SubMenu>\n <SubMenu title={<span><Icon type="settings" />Makeup</span>}>\n <MenuItem key="3-1">Eye Shadow</MenuItem>\n <MenuItem key="3-2">Cleanser</MenuItem>\n </SubMenu>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(d)),p.createElement(f,{title:"Inline",id:"Demoinline",src:'import { Menu } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n mode="inline"\n onClick={onClick}\n >\n <MenuItem key="1-1">\n Food\n </MenuItem>\n <MenuItem key="1-2">\n Clothing\n </MenuItem>\n <SubMenu title={<span><Icon type="youzan" />Electrical</span>} key="1-3">\n <MenuItem key="1-3-1">TV</MenuItem>\n <MenuItem key="1-3-2">Laptop</MenuItem>\n <MenuItem key="1-3-3">Washing</MenuItem>\n </SubMenu>\n <SubMenu title={"Makeup"} key="1-4">\n <MenuItem key="1-4-1">Eye Shadow</MenuItem>\n <MenuItem key="1-4-2">Cleanser</MenuItem>\n <SubMenu key="1-4-3" title={"Food"}>\n <MenuItem key="1-4-3-1">TV</MenuItem>\n <MenuItem key="1-4-3-2">Laptop</MenuItem>\n <MenuItem key="1-4-3-3">Washing</MenuItem>\n </SubMenu>\n </SubMenu>\n <MenuItem key="1-5" disabled>\n Clothing\n </MenuItem>\n <SubMenu key="1-6" title={"Food"} disabled />\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(g)),p.createElement(f,{title:"Inline with selected key",id:"Demoinlineselected",src:'import { Menu } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n mode="inline"\n defaultSelectedKey="1-2"\n defaultExpandedKeys={["1-4", "1-4-3"]}\n onClick={onClick}\n >\n <MenuItem key="1-1">\n Food\n </MenuItem>\n <MenuItem key="1-2">\n Clothing\n </MenuItem>\n <SubMenu title={<span><Icon type="youzan" />Electrical</span>} key="1-3">\n <MenuItem key="1-3-1">TV</MenuItem>\n <MenuItem key="1-3-2">Laptop</MenuItem>\n <MenuItem key="1-3-3">Washing</MenuItem>\n </SubMenu>\n <SubMenu title={"Makeup"} key="1-4">\n <MenuItem key="1-4-1">Eye Shadow</MenuItem>\n <MenuItem key="1-4-2">Cleanser</MenuItem>\n <SubMenu key="1-4-3" title={"Food"}>\n <MenuItem key="1-4-3-1">TV</MenuItem>\n <MenuItem key="1-4-3-2">Laptop</MenuItem>\n <MenuItem key="1-4-3-3">Washing</MenuItem>\n </SubMenu>\n </SubMenu>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(h)),p.createElement(b,{html:'

API

\n

Menu

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultOptional
onClickCallback fires when a node of menu is clickedfunc
onSubMenuClickCallback fires when a SubMenu is clickedfunc
styleCustom inline stylesobject
modeDisplay modestring\'pop\'\'pop\', \'inline\'
classNameClass name for the nodestring
\n

inline mode Menu

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultOptional
defaultExpandedKeysDefault expand keys for SubMenustring[]
defaultSelectedKeyDefault selected Key for MenuItemstring
expandedKeysExpand keys for SubMenustring[]
selectedKeySelected Key for MenuItemstring
onSelectChangeCallback fires when selected menu item is changed(key: string) => void
onExpandChangeCallback fires when SubMenus toggle expand/collapsed, input param is the array of currently expanded SubMenu IDs(keys: string[]) => void
inlineIndentDistance in px when the mode is inlinenumber24
\n

MenuItem

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
keythe unique identify of the itemstringan ID generated internally
disabledwhether to disable the menu itembool
classNamecustom class namestring
\n

SubMenu

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
keythe unique identify of the itemstringan ID generated internally
titletitle of the submenunode
disabledwhether to disable the submenubool
overlayClassNamecustom class name of the pop menustring
classNamecustom class name of the submenu itemstring
\n

FAQ

\n
    \n
  • \n

    A click event callback function, whose parameters are event and key(which is the key property of the node), is used as a unified agent.

    \n
    • \n
  • \n

    When the key property is not set for the MenuItem, a unique identify of the node (starting from 0) is generated automatically in order and hierarchy, which will be saved on the index property as the second argument of the onClick function.\nWhen the key property is set manually, the property will be copied to the index property and will override the unique identify generated. It\'s recommanded to manually set the key property to a proper value of MenuItem in the condition that the Menu is not complex.

    \n
    <Menu>\n      <MenuItem>   -------- \'item_0\'\n      <SubMenu>\n        <MenuItem> -------- \'item_1_0\'\n        <MenuItem> -------- \'item_1_1\'\n      </SubMenu>\n      <MenuItem>   -------- \'item_2\'\n    </Menu>\n    ```
    \n
    • \n
'}))}}},90218:(n,s,a)=>{"use strict";a.d(s,{v:()=>y,Z:()=>b});var t=a(59312),p=a(24246),e=a(60042),c=a.n(e),o=a(27378),l=a(17949),u=a(42690),k=a(53090),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.renderCommonMenuItem=function(n,s,a,p){var e=(0,t.pi)({specKey:(0,k.o)(n,s,a),onClick:this.handleClick},p);return(0,o.cloneElement)(n,e)},s}(o.PureComponent),r=a(80736),m=a(27036),d=a(79737),g=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.handleClick=function(n,a){(0,s.props.onClick)(n,a)},s.onSubMenuClick=function(){s.props.onSubMenuClick&&s.props.onSubMenuClick(s.props.specKey)},s.renderSubMenuItems=function(n,a){if(!n)return null;var t=s.props.specKey;return s.renderCommonMenuItem(n,a,t)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.children,a=n.visible,e=n.overlayCx;return a?(0,p.jsx)("ul",(0,t.pi)({className:c()("zent-menu","zent-submenu-content",e),onClick:this.onSubMenuClick,"data-zv":"10.0.9"},{children:o.Children.map(s,this.renderSubMenuItems)}),void 0):null},s}(i),h=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={subMenuVisible:!1},s.getEventHanders=function(n,a){var t={};return n||a||(t={onMouseEnter:s.onMouseEnter,onMouseLeave:s.onMouseLeave}),t},s.handleClick=function(n,a){var t=s.props,p=t.onClick;!t.isInline&&s.setState({subMenuVisible:!1}),p(n,a)},s.titleClickHandler=function(n){var a,t,p=s.props,e=p.isInline,c=p.specKey,o=p.toggleExpand;null===(t=(a=s.props).onSubMenuClick)||void 0===t||t.call(a,c),e&&o(c),n.stopPropagation()},s.onMouseEnter=function(){s.leaveTimer&&clearTimeout(s.leaveTimer),s.enterTimer=setTimeout((function(){s.setState({subMenuVisible:!0})}),200)},s.onMouseLeave=function(){s.enterTimer&&clearTimeout(s.enterTimer),s.leaveTimer=setTimeout((function(){s.setState({subMenuVisible:!1})}),200)},s.renderInlineChild=function(n,a){var t=s.props,p=t.depth,e=t.isInline,c=t.inlineIndent,o=t.selectedKey,l=t.expandKeys,u=t.handleSelect,k=t.toggleExpand,i=t.specKey;return s.renderCommonMenuItem(n,a,i,{depth:p+1,isInline:e,inlineIndent:c,selectedKey:o,expandKeys:l,handleSelect:u,toggleExpand:k,onSubMenuClick:s.props.onSubMenuClick})},s}return(0,t.ZT)(s,n),s.prototype.renderContent=function(){var n=this.props,s=n.children,a=n.specKey,e=n.overlayClassName,c=n.isInline,l=n.expandKeys,u=l&&-1!==l.indexOf(a);return c?(0,p.jsx)(d.H,(0,t.pi)({duration:200,height:u?"auto":0},{children:(0,p.jsx)("ul",(0,t.pi)({className:"zent-menu__inner","data-zv":"10.0.9"},{children:o.Children.map(s,this.renderInlineChild)}),void 0)}),void 0):(0,p.jsx)(g,(0,t.pi)({visible:this.state.subMenuVisible,onClick:this.handleClick,specKey:a,overlayCx:e,onSubMenuClick:this.props.onSubMenuClick},{children:s}),void 0)},s.prototype.render=function(){var n=this.props,s=n.className,a=n.disabled,e=n.title,o=n.isInline,l=n.depth,u=n.inlineIndent,i=n.expandKeys,r=n.specKey,d=i&&-1!==i.indexOf(r),g=this.getEventHanders(a,o),h=(0,k.g)({isInline:o,depth:l,inlineIndent:u}),y=c()(s,{"zent-menu-item":!o,"zent-menu-item-disabled":a,"zent-submenu":!o,"zent-menu__inline-submenu":o,"zent-menu__inline-item-disabled":a&&o});return(0,p.jsxs)("li",(0,t.pi)({className:y},g,{"data-zv":"10.0.9"},{children:[(0,p.jsxs)("div",(0,t.pi)({className:c()({"zent-submenu-title":!o,"zent-menu__inline-submenu-title":o,"zent-submenu-disabled":a}),style:h,onClick:this.titleClickHandler,"data-zv":"10.0.9"},{children:[e,!a&&(0,p.jsx)(m.Z,{className:c()("zent-submenu-title-operate-icon",{"zent-menu__inline-submenu-icon--expand":o&&d}),type:"right"},void 0)]}),void 0),!a&&this.renderContent()]}),void 0)},s.defaultProps={className:""},s}(i),y=function(n){function s(s){var a,p,e,c=n.call(this,s)||this;return c.toggleExpand=function(n){var s,a,p=c.state.expandedKeys,e=-1!==p.indexOf(n)?p.filter((function(s){return s!==n})):(0,t.ev)([n],p);c.setState({expandedKeys:e}),null===(a=(s=c.props).onExpandChange)||void 0===a||a.call(s,e)},c.handleSelect=function(n){var s,a;c.setState({selectedKey:n}),null===(a=(s=c.props).onSelectChange)||void 0===a||a.call(s,n)},c.handleClick=function(n,s){var a=c.props.onClick;a&&a(n,s)},c.renderMenuItem=function(n,s){return n?c.renderCommonMenuItem(n,s,void 0,{depth:1,isInline:"inline"===c.props.mode,inlineIndent:c.props.inlineIndent,selectedKey:c.state.selectedKey,expandKeys:c.state.expandedKeys,handleSelect:c.handleSelect,toggleExpand:c.toggleExpand,onSubMenuClick:c.props.onSubMenuClick}):null},"inline"===s.mode?c.state={selectedKey:null!==(a=s.selectedKey)&&void 0!==a?a:s.defaultSelectedKey,expandedKeys:null!==(e=null!==(p=s.expandedKeys)&&void 0!==p?p:s.defaultExpandedKeys)&&void 0!==e?e:s.defaultExpandKeys,prevExpandedKeysProp:s.expandedKeys,prevSelectedKeyProp:s.selectedKey}:c.state={},c}return(0,t.ZT)(s,n),s.getDerivedStateFromProps=function(n,s){if("inline"!==n.mode)return null;var a={prevSelectedKeyProp:n.selectedKey,prevExpandedKeysProp:n.expandedKeys};return n.selectedKey!==s.prevSelectedKeyProp&&n.selectedKey!==s.selectedKey&&(a.selectedKey=n.selectedKey),(0,l.Z)(n.expandedKeys,s.prevExpandedKeysProp)||(0,l.Z)(n.expandedKeys,s.expandedKeys)||(a.expandedKeys=n.expandedKeys),a},s.prototype.render=function(){var n=this.props,s=n.children,a=n.className,e=n.style,l="inline"===n.mode,u=c()("zent-menu",a,{"zent-menu__inline":l});return(0,p.jsx)("ul",(0,t.pi)({className:u,style:e,"data-zv":"10.0.9"},{children:o.Children.map(s,this.renderMenuItem)}),void 0)},s.MenuItem=r.Z,s.SubMenu=h,s.defaultProps={onClick:u.Z,mode:"pop",inlineIndent:24,defaultExpandKeys:[],onSubMenuClick:u.Z},s}(i),b=y},80736:(n,s,a)=>{"use strict";a.d(s,{s:()=>u});var t=a(59312),p=a(24246),e=a(27378),c=a(60042),o=a.n(c),l=a(53090),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.handleClick=function(n){var a=s.props,t=a.specKey,p=a.onClick,e=a.disabled,c=a.isInline,o=a.handleSelect;e||(c&&o(t),p(n,t))},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.specKey,a=n.className,e=n.children,c=n.disabled,u=n.isInline,k=n.selectedKey,i=n.depth,r=n.inlineIndent,m=k===s,d=(0,l.g)({isInline:u,depth:i,inlineIndent:r});return(0,p.jsx)("li",(0,t.pi)({className:o()("zent-menu-item",a,{"zent-menu__inline-item":u,"zent-menu__inline-item-selected":m,"zent-menu-item-disabled":c}),style:d,onClick:this.handleClick,"data-zv":"10.0.9"},{children:e}),void 0)},s}(e.Component);s.Z=u},53090:(n,s,a)=>{"use strict";function t(n,s,a){return void 0===a&&(a="item"),n.key||a+"_"+s}function p(n){var s=n.isInline,a=n.depth,t=n.inlineIndent,p={};return s&&(p={paddingLeft:a*t+"px"}),p}a.d(s,{o:()=>t,g:()=>p})},79737:(n,s,a)=>{"use strict";a.d(s,{H:()=>l});var t=a(59312),p=a(24246),e=a(27378),c=a(17127);function o(n,s){n.style.height="number"==typeof s?s+"px":s}var l=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.ref=(0,e.createRef)(),s.timer=null,s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=this,s=this.props,a=s.appear,t=s.height,p=s.duration,e=this.ref.current;if(a&&"auto"===t){var l=e.offsetHeight;e.style.height="0px",(0,c.tA)((function(){n.props.height===t&&(e.style.height=l+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===t&&(e.style.height="auto")}),p))}))}else o(e,t)},s.prototype.componentDidUpdate=function(n){var s=this,a=this.props,t=a.height,p=a.duration;if(n.height!==t){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var e=this.ref.current;if("auto"===n.height)e.style.height=e.offsetHeight+"px",(0,c.tA)((function(){s.props.height===t&&o(e,t)}));else if("auto"===t){var l=e.offsetHeight;e.style.height="auto";var u=e.offsetHeight;e.style.height=l+"px",(0,c.tA)((function(){e.style.height=u+"px",s.timer=setTimeout((function(){s.timer=null,s.props.height===t&&(e.style.height=t)}),p)}))}else o(e,t)}},s.prototype.render=function(){var n=this.props,s=n.duration,a=n.className,e=n.style,c=n.easing,o=n.overflow,l=n.children,u=n.transitionPrototype;return(0,p.jsx)("div",(0,t.pi)({ref:this.ref,className:a,style:(0,t.pi)((0,t.pi)({},e),{transition:u+" "+s+"ms "+c,overflow:o}),"data-zv":"10.0.9"},{children:l}),void 0)},s.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},s}(e.Component)}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9760],{99760:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>x});var t=a(73450),p=a(27378),e=a(57318),c=a(90218),o=a(39215),l=a(24246);function u(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 k(n){for(var s=1;s{},a=()=>(0,l.jsxs)(c.v,{onClick:s,className:"hello",children:[(0,l.jsx)(n,{className:"food",children:"Food"},"1-1"),(0,l.jsx)(n,{disabled:!0,children:"Clothing"},"1-2")]});return(0,l.jsx)(a,{})},r=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{onClick:a,className:"hello",children:[(0,l.jsx)(n,{className:"food",children:"Food"},"1-1"),(0,l.jsx)(n,{disabled:!0,children:"Clothing"},"1-2"),(0,l.jsxs)(s,{title:"Electrical",overlayClassName:"sub",children:[(0,l.jsx)(n,{className:"tv",children:"TV"},"2-1"),(0,l.jsx)(n,{disabled:!0,children:"Laptop"},"2-2"),(0,l.jsx)(n,{children:"Washing"},"2-3")]}),(0,l.jsxs)(s,{title:"Makeup",disabled:!0,children:[(0,l.jsx)(n,{children:"Eye Shadow"},"3-1"),(0,l.jsx)(n,{children:"Cleanser"},"3-2")]})]});return(0,l.jsx)(t,{})},m=function(){var n=c.v.MenuItem,s=c.v.SubMenu;return(0,l.jsx)("div",{className:"zent-menu-simple-wrapper",children:(0,l.jsxs)(c.v,{className:"simple",onClick:function(n,s){},children:[(0,l.jsx)(n,{children:"Guangdong"}),(0,l.jsxs)(s,{title:"Jiangsu",children:[(0,l.jsx)(n,{children:"Suzhou"}),(0,l.jsx)(n,{children:"Wuxi"}),(0,l.jsx)(n,{children:"Changzhou"}),(0,l.jsx)(n,{children:"Zhenjiang"}),(0,l.jsxs)(s,{title:"Nanjing",children:[(0,l.jsx)(n,{children:"Jiangning"}),(0,l.jsx)(n,{children:"Xianling"})]})]}),(0,l.jsx)(n,{children:"Shandong"}),(0,l.jsxs)(s,{title:"Zhejiang",children:[(0,l.jsxs)(s,{title:"Hangzhou",children:[(0,l.jsx)(n,{children:"Xihu"}),(0,l.jsx)(n,{children:"Shangcheng"})]}),(0,l.jsx)(n,{children:"Wenzhou"}),(0,l.jsx)(n,{children:"Shaoxing"}),(0,l.jsx)(n,{children:"Jiaxing"})]})]})})},d=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{onClick:a,className:"hello",children:[(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"youzan"}),"Electrical"]}),overlayClassName:"sub",children:[(0,l.jsx)(n,{className:"tv",children:"TV"},"2-1"),(0,l.jsx)(n,{disabled:!0,children:"Laptop"},"2-2"),(0,l.jsx)(n,{children:"Washing"},"2-3")]}),(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"settings"}),"Makeup"]}),children:[(0,l.jsx)(n,{children:"Eye Shadow"},"3-1"),(0,l.jsx)(n,{children:"Cleanser"},"3-2")]})]});return(0,l.jsx)(t,{})},g=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{mode:"inline",onClick:a,children:[(0,l.jsx)(n,{children:"Food"},"1-1"),(0,l.jsx)(n,{children:"Clothing"},"1-2"),(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"youzan"}),"Electrical"]}),children:[(0,l.jsx)(n,{children:"TV"},"1-3-1"),(0,l.jsx)(n,{children:"Laptop"},"1-3-2"),(0,l.jsx)(n,{children:"Washing"},"1-3-3")]},"1-3"),(0,l.jsxs)(s,{title:"Makeup",children:[(0,l.jsx)(n,{children:"Eye Shadow"},"1-4-1"),(0,l.jsx)(n,{children:"Cleanser"},"1-4-2"),(0,l.jsxs)(s,{title:"Food",children:[(0,l.jsx)(n,{children:"TV"},"1-4-3-1"),(0,l.jsx)(n,{children:"Laptop"},"1-4-3-2"),(0,l.jsx)(n,{children:"Washing"},"1-4-3-3")]},"1-4-3")]},"1-4"),(0,l.jsx)(n,{disabled:!0,children:"Clothing"},"1-5"),(0,l.jsx)(s,{title:"Food",disabled:!0},"1-6")]});return(0,l.jsx)(t,{})},h=function(){var n=c.v.MenuItem,s=c.v.SubMenu,a=(n,s)=>{},t=()=>(0,l.jsxs)(c.v,{mode:"inline",defaultSelectedKey:"1-2",defaultExpandedKeys:["1-4","1-4-3"],onClick:a,children:[(0,l.jsx)(n,{children:"Food"},"1-1"),(0,l.jsx)(n,{children:"Clothing"},"1-2"),(0,l.jsxs)(s,{title:(0,l.jsxs)("span",{children:[(0,l.jsx)(o.J,{type:"youzan"}),"Electrical"]}),children:[(0,l.jsx)(n,{children:"TV"},"1-3-1"),(0,l.jsx)(n,{children:"Laptop"},"1-3-2"),(0,l.jsx)(n,{children:"Washing"},"1-3-3")]},"1-3"),(0,l.jsxs)(s,{title:"Makeup",children:[(0,l.jsx)(n,{children:"Eye Shadow"},"1-4-1"),(0,l.jsx)(n,{children:"Cleanser"},"1-4-2"),(0,l.jsxs)(s,{title:"Food",children:[(0,l.jsx)(n,{children:"TV"},"1-4-3-1"),(0,l.jsx)(n,{children:"Laptop"},"1-4-3-2"),(0,l.jsx)(n,{children:"Washing"},"1-4-3-3")]},"1-4-3")]},"1-4")]});return(0,l.jsx)(t,{})};function y(n){return(0,l.jsx)(n.tag,k(k({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function b(n){return(0,l.jsx)(y,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function v(n){return(0,l.jsx)(y,{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 f extends p.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,l.jsxs)("div",{className:"zandoc-react-demo",children:[(0,l.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,l.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,l.jsx)("div",{className:"zandoc-react-demo__title",children:(0,l.jsx)("p",{children:a||""})}),(0,l.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,l.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,l.jsx)(y,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class x extends p.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 p.createElement("div",{className:"zandoc-react-container"},p.createElement(v,{style:""}),p.createElement(b,{html:'

Menu

\n

Menu, can be used to provide navigation.

\n

Demos

'}),p.createElement(f,{title:"Basic Usage",id:"Demobasic",src:'import { Menu } from \'zent\';\nconst { MenuItem } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n onClick={onClick}\n className="hello"\n >\n <MenuItem key="1-1" className="food">Food</MenuItem>\n <MenuItem key="1-2" disabled>Clothing</MenuItem>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(i)),p.createElement(f,{title:"Submenu",id:"Demosubmenu",src:'import { Menu } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n onClick={onClick}\n className="hello"\n >\n <MenuItem key="1-1" className="food">Food</MenuItem>\n <MenuItem key="1-2" disabled>Clothing</MenuItem>\n <SubMenu title={"Electrical"} overlayClassName="sub">\n <MenuItem key="2-1" className="tv">TV</MenuItem>\n <MenuItem key="2-2" disabled>Laptop</MenuItem>\n <MenuItem key="2-3">Washing</MenuItem>\n </SubMenu>\n <SubMenu title={"Makeup"} disabled>\n <MenuItem key="3-1">Eye Shadow</MenuItem>\n <MenuItem key="3-2">Cleanser</MenuItem>\n </SubMenu>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(r)),p.createElement(f,{title:"Nested",id:"Demonested",src:'import { Menu } from \'zent\';\n\nconst { MenuItem, SubMenu } = Menu;\nconst clickHandler = function(event, key) {\n console.log(event, key);\n};\n\nReactDOM.render(\n <div className="zent-menu-simple-wrapper">\n <Menu className="simple" onClick={clickHandler}>\n <MenuItem>Guangdong</MenuItem>\n <SubMenu title="Jiangsu">\n <MenuItem>Suzhou</MenuItem>\n <MenuItem>Wuxi</MenuItem>\n <MenuItem>Changzhou</MenuItem>\n <MenuItem>Zhenjiang</MenuItem>\n <SubMenu title="Nanjing">\n <MenuItem>Jiangning</MenuItem>\n <MenuItem>Xianling</MenuItem>\n </SubMenu>\n </SubMenu>\n <MenuItem>Shandong</MenuItem>\n <SubMenu title="Zhejiang">\n <SubMenu title="Hangzhou">\n <MenuItem>Xihu</MenuItem>\n <MenuItem>Shangcheng</MenuItem>\n </SubMenu>\n <MenuItem>Wenzhou</MenuItem>\n <MenuItem>Shaoxing</MenuItem>\n <MenuItem>Jiaxing</MenuItem>\n </SubMenu>\n </Menu>\n </div>\n , mountNode\n);'},p.createElement(m)),p.createElement(f,{title:"WithIcon",id:"Demowithicon",src:'import { Menu, Icon } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n onClick={onClick}\n className="hello"\n >\n <SubMenu title={<span><Icon type="youzan" />Electrical</span>} overlayClassName="sub">\n <MenuItem key="2-1" className="tv">TV</MenuItem>\n <MenuItem key="2-2" disabled>Laptop</MenuItem>\n <MenuItem key="2-3">Washing</MenuItem>\n </SubMenu>\n <SubMenu title={<span><Icon type="settings" />Makeup</span>}>\n <MenuItem key="3-1">Eye Shadow</MenuItem>\n <MenuItem key="3-2">Cleanser</MenuItem>\n </SubMenu>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(d)),p.createElement(f,{title:"Inline",id:"Demoinline",src:'import { Menu } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n mode="inline"\n onClick={onClick}\n >\n <MenuItem key="1-1">\n Food\n </MenuItem>\n <MenuItem key="1-2">\n Clothing\n </MenuItem>\n <SubMenu title={<span><Icon type="youzan" />Electrical</span>} key="1-3">\n <MenuItem key="1-3-1">TV</MenuItem>\n <MenuItem key="1-3-2">Laptop</MenuItem>\n <MenuItem key="1-3-3">Washing</MenuItem>\n </SubMenu>\n <SubMenu title={"Makeup"} key="1-4">\n <MenuItem key="1-4-1">Eye Shadow</MenuItem>\n <MenuItem key="1-4-2">Cleanser</MenuItem>\n <SubMenu key="1-4-3" title={"Food"}>\n <MenuItem key="1-4-3-1">TV</MenuItem>\n <MenuItem key="1-4-3-2">Laptop</MenuItem>\n <MenuItem key="1-4-3-3">Washing</MenuItem>\n </SubMenu>\n </SubMenu>\n <MenuItem key="1-5" disabled>\n Clothing\n </MenuItem>\n <SubMenu key="1-6" title={"Food"} disabled />\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(g)),p.createElement(f,{title:"Inline with selected key",id:"Demoinlineselected",src:'import { Menu } from \'zent\';\nconst { MenuItem, SubMenu } = Menu;\n\nconst onClick = (e, key) => {\n console.log(e, key);\n}\n\nconst Example = () => {\n return (\n <Menu\n mode="inline"\n defaultSelectedKey="1-2"\n defaultExpandedKeys={["1-4", "1-4-3"]}\n onClick={onClick}\n >\n <MenuItem key="1-1">\n Food\n </MenuItem>\n <MenuItem key="1-2">\n Clothing\n </MenuItem>\n <SubMenu title={<span><Icon type="youzan" />Electrical</span>} key="1-3">\n <MenuItem key="1-3-1">TV</MenuItem>\n <MenuItem key="1-3-2">Laptop</MenuItem>\n <MenuItem key="1-3-3">Washing</MenuItem>\n </SubMenu>\n <SubMenu title={"Makeup"} key="1-4">\n <MenuItem key="1-4-1">Eye Shadow</MenuItem>\n <MenuItem key="1-4-2">Cleanser</MenuItem>\n <SubMenu key="1-4-3" title={"Food"}>\n <MenuItem key="1-4-3-1">TV</MenuItem>\n <MenuItem key="1-4-3-2">Laptop</MenuItem>\n <MenuItem key="1-4-3-3">Washing</MenuItem>\n </SubMenu>\n </SubMenu>\n </Menu>\n )\n}\n\nReactDOM.render(<Example />, mountNode);'},p.createElement(h)),p.createElement(b,{html:'

API

\n

Menu

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultOptional
onClickCallback fires when a node of menu is clickedfunc
onSubMenuClickCallback fires when a SubMenu is clickedfunc
styleCustom inline stylesobject
modeDisplay modestring\'pop\'\'pop\', \'inline\'
classNameClass name for the nodestring
\n

inline mode Menu

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefaultOptional
defaultExpandedKeysDefault expand keys for SubMenustring[]
defaultSelectedKeyDefault selected Key for MenuItemstring
expandedKeysExpand keys for SubMenustring[]
selectedKeySelected Key for MenuItemstring
onSelectChangeCallback fires when selected menu item is changed(key: string) => void
onExpandChangeCallback fires when SubMenus toggle expand/collapsed, input param is the array of currently expanded SubMenu IDs(keys: string[]) => void
inlineIndentDistance in px when the mode is inlinenumber24
\n

MenuItem

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
keythe unique identify of the itemstringan ID generated internally
disabledwhether to disable the menu itembool
classNamecustom class namestring
\n

SubMenu

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
PropertyDescriptionTypeDefault
keythe unique identify of the itemstringan ID generated internally
titletitle of the submenunode
disabledwhether to disable the submenubool
overlayClassNamecustom class name of the pop menustring
classNamecustom class name of the submenu itemstring
\n

FAQ

\n
    \n
  • \n

    A click event callback function, whose parameters are event and key(which is the key property of the node), is used as a unified agent.

    \n
    • \n
  • \n

    When the key property is not set for the MenuItem, a unique identify of the node (starting from 0) is generated automatically in order and hierarchy, which will be saved on the index property as the second argument of the onClick function.\nWhen the key property is set manually, the property will be copied to the index property and will override the unique identify generated. It\'s recommanded to manually set the key property to a proper value of MenuItem in the condition that the Menu is not complex.

    \n
    <Menu>\n      <MenuItem>   -------- \'item_0\'\n      <SubMenu>\n        <MenuItem> -------- \'item_1_0\'\n        <MenuItem> -------- \'item_1_1\'\n      </SubMenu>\n      <MenuItem>   -------- \'item_2\'\n    </Menu>\n    ```
    \n
    • \n
'}))}}},90218:(n,s,a)=>{"use strict";a.d(s,{v:()=>y,Z:()=>b});var t=a(59312),p=a(24246),e=a(60042),c=a.n(e),o=a(27378),l=a(17949),u=a(42690),k=a(53090),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.renderCommonMenuItem=function(n,s,a,p){var e=(0,t.pi)({specKey:(0,k.o)(n,s,a),onClick:this.handleClick},p);return(0,o.cloneElement)(n,e)},s}(o.PureComponent),r=a(80736),m=a(27036),d=a(79737),g=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.handleClick=function(n,a){(0,s.props.onClick)(n,a)},s.onSubMenuClick=function(){s.props.onSubMenuClick&&s.props.onSubMenuClick(s.props.specKey)},s.renderSubMenuItems=function(n,a){if(!n)return null;var t=s.props.specKey;return s.renderCommonMenuItem(n,a,t)},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.children,a=n.visible,e=n.overlayCx;return a?(0,p.jsx)("ul",(0,t.pi)({className:c()("zent-menu","zent-submenu-content",e),onClick:this.onSubMenuClick,"data-zv":"10.0.10"},{children:o.Children.map(s,this.renderSubMenuItems)}),void 0):null},s}(i),h=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.state={subMenuVisible:!1},s.getEventHanders=function(n,a){var t={};return n||a||(t={onMouseEnter:s.onMouseEnter,onMouseLeave:s.onMouseLeave}),t},s.handleClick=function(n,a){var t=s.props,p=t.onClick;!t.isInline&&s.setState({subMenuVisible:!1}),p(n,a)},s.titleClickHandler=function(n){var a,t,p=s.props,e=p.isInline,c=p.specKey,o=p.toggleExpand;null===(t=(a=s.props).onSubMenuClick)||void 0===t||t.call(a,c),e&&o(c),n.stopPropagation()},s.onMouseEnter=function(){s.leaveTimer&&clearTimeout(s.leaveTimer),s.enterTimer=setTimeout((function(){s.setState({subMenuVisible:!0})}),200)},s.onMouseLeave=function(){s.enterTimer&&clearTimeout(s.enterTimer),s.leaveTimer=setTimeout((function(){s.setState({subMenuVisible:!1})}),200)},s.renderInlineChild=function(n,a){var t=s.props,p=t.depth,e=t.isInline,c=t.inlineIndent,o=t.selectedKey,l=t.expandKeys,u=t.handleSelect,k=t.toggleExpand,i=t.specKey;return s.renderCommonMenuItem(n,a,i,{depth:p+1,isInline:e,inlineIndent:c,selectedKey:o,expandKeys:l,handleSelect:u,toggleExpand:k,onSubMenuClick:s.props.onSubMenuClick})},s}return(0,t.ZT)(s,n),s.prototype.renderContent=function(){var n=this.props,s=n.children,a=n.specKey,e=n.overlayClassName,c=n.isInline,l=n.expandKeys,u=l&&-1!==l.indexOf(a);return c?(0,p.jsx)(d.H,(0,t.pi)({duration:200,height:u?"auto":0},{children:(0,p.jsx)("ul",(0,t.pi)({className:"zent-menu__inner","data-zv":"10.0.10"},{children:o.Children.map(s,this.renderInlineChild)}),void 0)}),void 0):(0,p.jsx)(g,(0,t.pi)({visible:this.state.subMenuVisible,onClick:this.handleClick,specKey:a,overlayCx:e,onSubMenuClick:this.props.onSubMenuClick},{children:s}),void 0)},s.prototype.render=function(){var n=this.props,s=n.className,a=n.disabled,e=n.title,o=n.isInline,l=n.depth,u=n.inlineIndent,i=n.expandKeys,r=n.specKey,d=i&&-1!==i.indexOf(r),g=this.getEventHanders(a,o),h=(0,k.g)({isInline:o,depth:l,inlineIndent:u}),y=c()(s,{"zent-menu-item":!o,"zent-menu-item-disabled":a,"zent-submenu":!o,"zent-menu__inline-submenu":o,"zent-menu__inline-item-disabled":a&&o});return(0,p.jsxs)("li",(0,t.pi)({className:y},g,{"data-zv":"10.0.10"},{children:[(0,p.jsxs)("div",(0,t.pi)({className:c()({"zent-submenu-title":!o,"zent-menu__inline-submenu-title":o,"zent-submenu-disabled":a}),style:h,onClick:this.titleClickHandler,"data-zv":"10.0.10"},{children:[e,!a&&(0,p.jsx)(m.Z,{className:c()("zent-submenu-title-operate-icon",{"zent-menu__inline-submenu-icon--expand":o&&d}),type:"right"},void 0)]}),void 0),!a&&this.renderContent()]}),void 0)},s.defaultProps={className:""},s}(i),y=function(n){function s(s){var a,p,e,c=n.call(this,s)||this;return c.toggleExpand=function(n){var s,a,p=c.state.expandedKeys,e=-1!==p.indexOf(n)?p.filter((function(s){return s!==n})):(0,t.ev)([n],p);c.setState({expandedKeys:e}),null===(a=(s=c.props).onExpandChange)||void 0===a||a.call(s,e)},c.handleSelect=function(n){var s,a;c.setState({selectedKey:n}),null===(a=(s=c.props).onSelectChange)||void 0===a||a.call(s,n)},c.handleClick=function(n,s){var a=c.props.onClick;a&&a(n,s)},c.renderMenuItem=function(n,s){return n?c.renderCommonMenuItem(n,s,void 0,{depth:1,isInline:"inline"===c.props.mode,inlineIndent:c.props.inlineIndent,selectedKey:c.state.selectedKey,expandKeys:c.state.expandedKeys,handleSelect:c.handleSelect,toggleExpand:c.toggleExpand,onSubMenuClick:c.props.onSubMenuClick}):null},"inline"===s.mode?c.state={selectedKey:null!==(a=s.selectedKey)&&void 0!==a?a:s.defaultSelectedKey,expandedKeys:null!==(e=null!==(p=s.expandedKeys)&&void 0!==p?p:s.defaultExpandedKeys)&&void 0!==e?e:s.defaultExpandKeys,prevExpandedKeysProp:s.expandedKeys,prevSelectedKeyProp:s.selectedKey}:c.state={},c}return(0,t.ZT)(s,n),s.getDerivedStateFromProps=function(n,s){if("inline"!==n.mode)return null;var a={prevSelectedKeyProp:n.selectedKey,prevExpandedKeysProp:n.expandedKeys};return n.selectedKey!==s.prevSelectedKeyProp&&n.selectedKey!==s.selectedKey&&(a.selectedKey=n.selectedKey),(0,l.Z)(n.expandedKeys,s.prevExpandedKeysProp)||(0,l.Z)(n.expandedKeys,s.expandedKeys)||(a.expandedKeys=n.expandedKeys),a},s.prototype.render=function(){var n=this.props,s=n.children,a=n.className,e=n.style,l="inline"===n.mode,u=c()("zent-menu",a,{"zent-menu__inline":l});return(0,p.jsx)("ul",(0,t.pi)({className:u,style:e,"data-zv":"10.0.10"},{children:o.Children.map(s,this.renderMenuItem)}),void 0)},s.MenuItem=r.Z,s.SubMenu=h,s.defaultProps={onClick:u.Z,mode:"pop",inlineIndent:24,defaultExpandKeys:[],onSubMenuClick:u.Z},s}(i),b=y},80736:(n,s,a)=>{"use strict";a.d(s,{s:()=>u});var t=a(59312),p=a(24246),e=a(27378),c=a(60042),o=a.n(c),l=a(53090),u=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.handleClick=function(n){var a=s.props,t=a.specKey,p=a.onClick,e=a.disabled,c=a.isInline,o=a.handleSelect;e||(c&&o(t),p(n,t))},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.specKey,a=n.className,e=n.children,c=n.disabled,u=n.isInline,k=n.selectedKey,i=n.depth,r=n.inlineIndent,m=k===s,d=(0,l.g)({isInline:u,depth:i,inlineIndent:r});return(0,p.jsx)("li",(0,t.pi)({className:o()("zent-menu-item",a,{"zent-menu__inline-item":u,"zent-menu__inline-item-selected":m,"zent-menu-item-disabled":c}),style:d,onClick:this.handleClick,"data-zv":"10.0.10"},{children:e}),void 0)},s}(e.Component);s.Z=u},53090:(n,s,a)=>{"use strict";function t(n,s,a){return void 0===a&&(a="item"),n.key||a+"_"+s}function p(n){var s=n.isInline,a=n.depth,t=n.inlineIndent,p={};return s&&(p={paddingLeft:a*t+"px"}),p}a.d(s,{o:()=>t,g:()=>p})},79737:(n,s,a)=>{"use strict";a.d(s,{H:()=>l});var t=a(59312),p=a(24246),e=a(27378),c=a(17127);function o(n,s){n.style.height="number"==typeof s?s+"px":s}var l=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.ref=(0,e.createRef)(),s.timer=null,s}return(0,t.ZT)(s,n),s.prototype.componentDidMount=function(){var n=this,s=this.props,a=s.appear,t=s.height,p=s.duration,e=this.ref.current;if(a&&"auto"===t){var l=e.offsetHeight;e.style.height="0px",(0,c.tA)((function(){n.props.height===t&&(e.style.height=l+"px",n.timer=setTimeout((function(){n.timer=null,n.props.height===t&&(e.style.height="auto")}),p))}))}else o(e,t)},s.prototype.componentDidUpdate=function(n){var s=this,a=this.props,t=a.height,p=a.duration;if(n.height!==t){null!==this.timer&&(clearTimeout(this.timer),this.timer=null);var e=this.ref.current;if("auto"===n.height)e.style.height=e.offsetHeight+"px",(0,c.tA)((function(){s.props.height===t&&o(e,t)}));else if("auto"===t){var l=e.offsetHeight;e.style.height="auto";var u=e.offsetHeight;e.style.height=l+"px",(0,c.tA)((function(){e.style.height=u+"px",s.timer=setTimeout((function(){s.timer=null,s.props.height===t&&(e.style.height=t)}),p)}))}else o(e,t)}},s.prototype.render=function(){var n=this.props,s=n.duration,a=n.className,e=n.style,c=n.easing,o=n.overflow,l=n.children,u=n.transitionPrototype;return(0,p.jsx)("div",(0,t.pi)({ref:this.ref,className:a,style:(0,t.pi)((0,t.pi)({},e),{transition:u+" "+s+"ms "+c,overflow:o}),"data-zv":"10.0.10"},{children:l}),void 0)},s.defaultProps={appear:!1,duration:200,easing:"ease",overflow:"hidden",transitionPrototype:"height"},s}(e.Component)}}]); \ No newline at end of file diff --git a/9871-c816b70a330f89582137.js b/9871-a74f6f6b5eaaa45fc7b6.js similarity index 92% rename from 9871-c816b70a330f89582137.js rename to 9871-a74f6f6b5eaaa45fc7b6.js index d6ccbf63c..7b2b7fdfa 100644 --- a/9871-c816b70a330f89582137.js +++ b/9871-a74f6f6b5eaaa45fc7b6.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9871],{9871:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>w});var t=a(73450),p=a(27378),e=a(57318),o=a(33938),c=a(39550),l=a(74473),u=a(24246);function k(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 i(n){for(var s=1;s{this.setState({checked:n.target.checked})}))}render(){var n=this.state.checked;return(0,u.jsx)(o.X,{checked:n,onChange:this.handleChange,children:"Checkbox"})}}return(0,u.jsx)(n,{})},d=function(){return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.X,{checked:!0,disabled:!0}),(0,u.jsx)(o.X,{disabled:!0})]})},h=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedList:[]}),(0,t.Z)(this,"onChange",(n=>{this.setState({checkedList:n})}))}render(){var n=this.state.checkedList;return(0,u.jsx)("div",{children:(0,u.jsxs)(o.X.Group,{value:n,onChange:this.onChange,children:[(0,u.jsx)(o.X,{value:"Apple",children:"苹果"}),(0,u.jsx)(o.X,{value:"Pear",children:"梨子"}),(0,u.jsx)(o.X,{value:"Orange",children:"橘子"}),(0,u.jsx)(o.X,{value:"OrangeDisabled",disabled:!0,children:"烂苹果"})]})})}}return(0,u.jsx)(n,{})},m=function(){var n=o.X.Group;class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedList:[]}),(0,t.Z)(this,"onChange",(n=>{this.setState({checkedList:n})}))}render(){var s=this.state.checkedList;return(0,u.jsx)("div",{children:(0,u.jsx)(n,{value:s,onChange:this.onChange,style:{width:"100%"},children:(0,u.jsxs)(c.W,{children:[(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"A",children:"A"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"B",children:"B"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"C",children:"C"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"D",children:"D"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"E",children:"E"})})]})})})}}return(0,u.jsx)(s,{})},g=function(){var n=o.X.Group,s=["Item 1","Item 2","Item 3"];class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedList:[]}),(0,t.Z)(this,"handleCheckedAll",(n=>{this.setState({checkedList:n.target.checked?s.slice():[]})}))}handleChange(n){this.setState({checkedList:n})}render(){var a=this.state.checkedList,t=!!a.length&&a.length===s.length,p=!!a.length&&a.length!==s.length;return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.X,{checked:t,indeterminate:p,onChange:this.handleCheckedAll,children:"全选"}),(0,u.jsx)("div",{style:{margin:"5px 0",height:1,background:"#dcdee0"}}),(0,u.jsx)(n,{value:a,onChange:this.handleChange.bind(this),children:s.map((n=>(0,u.jsx)(o.X,{value:n,children:n},n)))})]})}}return(0,u.jsx)(a,{})},y=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{style:{},checked:[]}),(0,t.Z)(this,"onStyleChange",(n=>{this.setState((n=>({style:"inline"===n.style.display?{}:{display:"inline"}})))})),(0,t.Z)(this,"handleChange",(n=>{this.setState({checked:n})}))}render(){var n=this.state,s=n.checked,a=n.style;return(0,u.jsx)("div",{className:"checkbox-muti-line",children:(0,u.jsxs)(o.X.Group,{value:s,onChange:this.handleChange,children:[(0,u.jsxs)(o.X,{value:"Apple",labelStyle:a,children:["我不能创造的东西，我就不了解。",(0,u.jsx)("p",{children:"我很早就明白知道一样事物(Know-how) 和知道一样事物的名字(Know-what)的分别。"})]}),(0,u.jsx)("div",{style:{color:"#969799",marginTop:8},children:"事实证明真理总是比你想象得更简单。"})]})})}}return(0,u.jsx)(n,{})};function v(n){return(0,u.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function b(n){return(0,u.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function x(n){return(0,u.jsx)(v,{tag:"style",html:n.style})}function f(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),f(n.parentNode,s);return s}class C extends p.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,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:a||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,f(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(x,{style:".zent-checkbox-doc-p {\n\t\tfont-size: 12px;\n\t\tline-height: 2em;\n\t}\n\n.checkbox-muti-line .zent-checkbox{\n vertical-align: 2px !important;\n}"}),p.createElement(b,{html:'

Checkbox 多选

\n

用于从一个或多个可用选项中选择一个或一个以上的选项

\n

使用指南

\n
    \n
  • \n

    Checkbox 表现为一个受控组件, 需要设置 onChange 回调在组件外部处理其 value 属性的变化。

    \n
    • \n
  • \n

    value 支持任意类型的值, 包括引用类型。

    \n
    • \n
\n

代码演示

'}),p.createElement(C,{title:"基础用法",id:"Demobasic",src:'import { Checkbox } from \'zent\';\n\nclass App extends React.Component {\n\n state = {\n checked: true\n }\n\n handleChange = (e) => {\n this.setState({\n checked: e.target.checked\n })\n }\n\n render() {\n const { checked } = this.state\n return (\n <Checkbox checked={checked} onChange={this.handleChange}>Checkbox</Checkbox>\n )\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(r)),p.createElement(C,{title:"不可用",id:"Demodisable",src:'import { Checkbox } from \'zent\';\n\nReactDOM.render(\n <div>\n <Checkbox checked disabled />\n <Checkbox disabled />\n </div>\n , mountNode\n);'},p.createElement(d)),p.createElement(C,{title:"Checkbox组",id:"Democheckboxgroup",src:'import { Checkbox } from \'zent\';\n\nclass App extends React.Component {\n\n state = {\n checkedList: []\n }\n\n onChange = (checkedList) => {\n this.setState({ checkedList });\n }\n\n render() {\n const { checkedList } = this.state;\n\n return (\n <div>\n <Checkbox.Group value={checkedList} onChange={this.onChange}>\n <Checkbox value="Apple">苹果</Checkbox>\n <Checkbox value="Pear">梨子</Checkbox>\n <Checkbox value="Orange">橘子</Checkbox>\n <Checkbox value="OrangeDisabled" disabled>烂苹果</Checkbox>\n </Checkbox.Group>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(h)),p.createElement(C,{title:"布局",id:"Demolayout",src:'import { Checkbox, LayoutRow as Row, LayoutCol as Col } from \'zent\';\nconst CheckboxGroup = Checkbox.Group;\n\nclass App extends React.Component {\n state = {\n checkedList: [],\n };\n\n onChange = checkedList => {\n this.setState({ checkedList });\n };\n\n render() {\n const { checkedList } = this.state;\n\n return (\n <div>\n <CheckboxGroup\n value={checkedList}\n onChange={this.onChange}\n style={{ width: \'100%\' }}\n >\n <Row>\n <Col span={8}>\n <Checkbox value="A">A</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="B">B</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="C">C</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="D">D</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="E">E</Checkbox>\n </Col>\n </Row>\n </CheckboxGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(m)),p.createElement(C,{title:"全选，在实现全选效果时，你可能会用到 `indeterminate` 属性",id:"Demoselectall",src:'import { Checkbox } from \'zent\';\n\nconst CheckboxGroup = Checkbox.Group;\nconst ITEMS = [\'Item 1\', \'Item 2\', \'Item 3\'];\n\nclass App extends Component {\n state = {\n checkedList: [],\n };\n\n handleCheckedAll = e => {\n this.setState({\n checkedList: e.target.checked ? ITEMS.slice() : [],\n });\n };\n\n handleChange(checkedList) {\n this.setState({ checkedList });\n }\n\n render() {\n const { checkedList } = this.state;\n const checkedAll =\n !!checkedList.length && checkedList.length === ITEMS.length;\n const indeterminate =\n !!checkedList.length && checkedList.length !== ITEMS.length;\n\n return (\n <div>\n <Checkbox\n checked={checkedAll}\n indeterminate={indeterminate}\n onChange={this.handleCheckedAll}\n >\n 全选\n </Checkbox>\n\n <div style={{ margin: \'5px 0\', height: 1, background: \'#dcdee0\' }} />\n\n <CheckboxGroup\n value={checkedList}\n onChange={this.handleChange.bind(this)}\n >\n {ITEMS.map(item => {\n return (\n <Checkbox key={item} value={item}>\n {item}\n </Checkbox>\n );\n })}\n </CheckboxGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(g)),p.createElement(C,{title:"多行文本",id:"Demomultiline",src:'import { Checkbox, Button } from \'zent\';\n\nclass App extends React.Component {\n state = {\n style: {},\n checked: [],\n };\n\n onStyleChange = e => {\n this.setState(state => ({\n style: state.style.display === \'inline\' ? {} : { display: \'inline\' },\n }));\n };\n\n handleChange = checked => {\n this.setState({\n checked,\n });\n };\n\n render() {\n const { checked, style } = this.state;\n return (\n <div className="checkbox-muti-line">\n <Checkbox.Group value={checked} onChange={this.handleChange}>\n <Checkbox value="Apple" labelStyle={style}>\n 我不能创造的东西，我就不了解。\n <p>我很早就明白知道一样事物(Know-how) 和知道一样事物的名字(Know-what)的分别。</p>\n </Checkbox>\n <div style={{ color: \'#969799\', marginTop: 8 }}>事实证明真理总是比你想象得更简单。</div>\n </Checkbox.Group>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(y)),p.createElement(b,{html:'

API

\n

Checkbox 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
参数说明类型默认值
checked指定当前是否选中booleanfalse
value组件对应的值，在\nCheckboxGroup\n中使用any
disabled使组件不可用boolean
readOnly使组件只读boolean
indeterminate展示部分选中的模式booleanfalse
onChange变化时回调函数(e:Event) => void
labelStylelabel 的内联样式React.CSSProperties
style内联样式React.CSSProperties
className自定义额外类名string
\n

Checkbox Group 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
参数说明类型默认值
value必填，指定选中的选项any[][]
isValueEqual可选，判断 value 值是否相等(a: any, b: any) => boolean() => a === b
disabled使组件不可用boolean
readOnly使组件只读boolean
onChange变化时回调函数(checkedValueList: any[]) => void
className自定义额外类名string
'}))}}},33938:(n,s,a)=>{"use strict";a.d(s,{X:()=>r});var t=a(59312),p=a(24246),e=a(60042),o=a.n(e),c=a(27378),l=a(1535),u=a(23130),k=a(1348),i=a(4008);function r(n){var s=(0,c.useContext)(k.d),a=(0,c.useContext)(u.Z),e=(0,c.useRef)(n);e.current=n;var i,r=a&&a.onChange,d=(0,c.useCallback)((function(n){var s=e.current,a=s.value,p=s.onChange;if(r)r(a);else if(p){var o=Object.create(n);o.target=(0,t.pi)((0,t.pi)({},e.current),{type:"checkbox",checked:n.target.checked}),p(o)}}),[r]),h=(n.checked,n.className),m=n.style,g=(n.disabled,n.readOnly,n.children),y=n.indeterminate,v=n.width,b=(n.value,n.labelStyle),x=n.onMouseEnter,f=n.onMouseLeave,C=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),w=function(n,s){return"boolean"==typeof s.readOnly?s.readOnly:!!n&&n.readOnly}(a,n),j=function(n,s,a){return"boolean"==typeof a.disabled?a.disabled:s?s.disabled:n.value}(s,a,n);if(a){var z=a.value,O=a.isValueEqual;i=-1!==z.findIndex((function(s){return O(s,n.value)}))}else i=!!n.checked;return(0,p.jsxs)("label",(0,t.pi)({className:o()("zent-checkbox-wrap",h,{"zent-checkbox-checked":!!i,"zent-checkbox-disabled":j||w,"zent-checkbox-indeterminate":y}),style:(0,t.pi)((0,t.pi)({},m),(0,l.Z)(v)),onMouseEnter:x,onMouseLeave:f,"data-zv":"10.0.9"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.9"},{children:[(0,p.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.9"},void 0),(0,p.jsx)("input",(0,t.pi)({},C,{type:"checkbox",checked:i&&!y,disabled:j,readOnly:w,onChange:d,"data-zv":"10.0.9"}),void 0)]}),void 0),null!=g&&!0!==g&&!1!==g?(0,p.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:b,"data-zv":"10.0.9"},{children:g}),void 0):null]}),void 0)}r.Group=i.Z,s.Z=r},4008:(n,s,a)=>{"use strict";a.d(s,{c:()=>r});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(41925),u=a(23130),k=a(1348),i=u.Z.Provider,r=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.getGroupContext=(0,l.Z)((function(n,a,t,p){return{value:Array.isArray(n)?n:[],disabled:a,readOnly:t,isValueEqual:p,onChange:s.onCheckboxChange}})),s.onCheckboxChange=function(n){var a=s.props,t=a.isValueEqual,p=a.onChange,e=a.value;if(p){var o=e?e.slice():[],c=o.findIndex((function(s){return t(s,n)}));-1!==c?o.splice(c,1):o.push(n),p(o)}},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.style,e=n.children,o=n.value,l=n.disabled,u=void 0===l?this.context.value:l,k=n.readOnly,r=void 0!==k&&k,d=n.isValueEqual,h=c()("zent-checkbox-group",s);return(0,p.jsx)(i,(0,t.pi)({value:this.getGroupContext(o,u,r,d)},{children:(0,p.jsx)("div",(0,t.pi)({className:h,style:a,"data-zv":"10.0.9"},{children:e}),void 0)}),void 0)},s.defaultProps={isValueEqual:Object.is,value:[]},s.contextType=k.d,s}(e.Component);s.Z=r},23130:(n,s,a)=>{"use strict";var t=a(27378);s.Z=(0,t.createContext)(null)},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>i});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(65225),u=a(48591),k=a(81093),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var e,o=n.props,l=o.span,u=o.offset,i=o.order,r=o.className,d=o.style,h=(0,t._T)(o,["span","offset","order","className","style"]),m=d,g=(0,k.r)(s,a.colGutter);if(g>0){var y=g/2;m=(0,t.pi)((0,t.pi)({},m),{paddingLeft:y,paddingRight:y})}var v=(0,k.r)(s,l),b=(0,k.r)(s,u),x=(0,k.r)(s,i),f=c()("zent-col",((e={})["zent-col-offset-"+u]=b,e["zent-col-order-"+i]=x,e),"zent-col-"+v,r);return(0,p.jsx)("div",(0,t.pi)({},h,{className:f,style:m,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(e.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>i});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(65225),u=a(48591),k=a(81093),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,e=s.style,o=s.justify,i=s.align,r=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+o,"zent-row-align-"+i,a);return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var o=(0,k.r)(s,a.colGutter),c=(0,k.r)(s,a.rowGutter),l=e;if(o>0){var u=-o/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var i=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:i,paddingBottom:i})}return(0,p.jsx)("div",(0,t.pi)({},r,{className:d,style:l,"data-zv":"10.0.9"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(e.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>o,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=a(72551),e=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),o=Object.keys(e);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9871],{9871:(n,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>w});var t=a(73450),p=a(27378),e=a(57318),o=a(33938),c=a(39550),l=a(74473),u=a(24246);function k(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 i(n){for(var s=1;s{this.setState({checked:n.target.checked})}))}render(){var n=this.state.checked;return(0,u.jsx)(o.X,{checked:n,onChange:this.handleChange,children:"Checkbox"})}}return(0,u.jsx)(n,{})},d=function(){return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.X,{checked:!0,disabled:!0}),(0,u.jsx)(o.X,{disabled:!0})]})},h=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedList:[]}),(0,t.Z)(this,"onChange",(n=>{this.setState({checkedList:n})}))}render(){var n=this.state.checkedList;return(0,u.jsx)("div",{children:(0,u.jsxs)(o.X.Group,{value:n,onChange:this.onChange,children:[(0,u.jsx)(o.X,{value:"Apple",children:"苹果"}),(0,u.jsx)(o.X,{value:"Pear",children:"梨子"}),(0,u.jsx)(o.X,{value:"Orange",children:"橘子"}),(0,u.jsx)(o.X,{value:"OrangeDisabled",disabled:!0,children:"烂苹果"})]})})}}return(0,u.jsx)(n,{})},m=function(){var n=o.X.Group;class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedList:[]}),(0,t.Z)(this,"onChange",(n=>{this.setState({checkedList:n})}))}render(){var s=this.state.checkedList;return(0,u.jsx)("div",{children:(0,u.jsx)(n,{value:s,onChange:this.onChange,style:{width:"100%"},children:(0,u.jsxs)(c.W,{children:[(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"A",children:"A"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"B",children:"B"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"C",children:"C"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"D",children:"D"})}),(0,u.jsx)(l.r,{span:8,children:(0,u.jsx)(o.X,{value:"E",children:"E"})})]})})})}}return(0,u.jsx)(s,{})},g=function(){var n=o.X.Group,s=["Item 1","Item 2","Item 3"];class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{checkedList:[]}),(0,t.Z)(this,"handleCheckedAll",(n=>{this.setState({checkedList:n.target.checked?s.slice():[]})}))}handleChange(n){this.setState({checkedList:n})}render(){var a=this.state.checkedList,t=!!a.length&&a.length===s.length,p=!!a.length&&a.length!==s.length;return(0,u.jsxs)("div",{children:[(0,u.jsx)(o.X,{checked:t,indeterminate:p,onChange:this.handleCheckedAll,children:"全选"}),(0,u.jsx)("div",{style:{margin:"5px 0",height:1,background:"#dcdee0"}}),(0,u.jsx)(n,{value:a,onChange:this.handleChange.bind(this),children:s.map((n=>(0,u.jsx)(o.X,{value:n,children:n},n)))})]})}}return(0,u.jsx)(a,{})},y=function(){class n extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{style:{},checked:[]}),(0,t.Z)(this,"onStyleChange",(n=>{this.setState((n=>({style:"inline"===n.style.display?{}:{display:"inline"}})))})),(0,t.Z)(this,"handleChange",(n=>{this.setState({checked:n})}))}render(){var n=this.state,s=n.checked,a=n.style;return(0,u.jsx)("div",{className:"checkbox-muti-line",children:(0,u.jsxs)(o.X.Group,{value:s,onChange:this.handleChange,children:[(0,u.jsxs)(o.X,{value:"Apple",labelStyle:a,children:["我不能创造的东西，我就不了解。",(0,u.jsx)("p",{children:"我很早就明白知道一样事物(Know-how) 和知道一样事物的名字(Know-what)的分别。"})]}),(0,u.jsx)("div",{style:{color:"#969799",marginTop:8},children:"事实证明真理总是比你想象得更简单。"})]})})}}return(0,u.jsx)(n,{})};function v(n){return(0,u.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function b(n){return(0,u.jsx)(v,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function x(n){return(0,u.jsx)(v,{tag:"style",html:n.style})}function f(n,s){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(s+=n.offsetTop),f(n.parentNode,s);return s}class C extends p.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,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:a||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(v,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends p.Component{componentDidMount(){var n=location.hash;if(n){var s=document.querySelector('a[href="'.concat(n,'"]'));s&&(0,e.l)(document.documentElement,0,f(s,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(x,{style:".zent-checkbox-doc-p {\n\t\tfont-size: 12px;\n\t\tline-height: 2em;\n\t}\n\n.checkbox-muti-line .zent-checkbox{\n vertical-align: 2px !important;\n}"}),p.createElement(b,{html:'

Checkbox 多选

\n

用于从一个或多个可用选项中选择一个或一个以上的选项

\n

使用指南

\n
    \n
  • \n

    Checkbox 表现为一个受控组件, 需要设置 onChange 回调在组件外部处理其 value 属性的变化。

    \n
    • \n
  • \n

    value 支持任意类型的值, 包括引用类型。

    \n
    • \n
\n

代码演示

'}),p.createElement(C,{title:"基础用法",id:"Demobasic",src:'import { Checkbox } from \'zent\';\n\nclass App extends React.Component {\n\n state = {\n checked: true\n }\n\n handleChange = (e) => {\n this.setState({\n checked: e.target.checked\n })\n }\n\n render() {\n const { checked } = this.state\n return (\n <Checkbox checked={checked} onChange={this.handleChange}>Checkbox</Checkbox>\n )\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(r)),p.createElement(C,{title:"不可用",id:"Demodisable",src:'import { Checkbox } from \'zent\';\n\nReactDOM.render(\n <div>\n <Checkbox checked disabled />\n <Checkbox disabled />\n </div>\n , mountNode\n);'},p.createElement(d)),p.createElement(C,{title:"Checkbox组",id:"Democheckboxgroup",src:'import { Checkbox } from \'zent\';\n\nclass App extends React.Component {\n\n state = {\n checkedList: []\n }\n\n onChange = (checkedList) => {\n this.setState({ checkedList });\n }\n\n render() {\n const { checkedList } = this.state;\n\n return (\n <div>\n <Checkbox.Group value={checkedList} onChange={this.onChange}>\n <Checkbox value="Apple">苹果</Checkbox>\n <Checkbox value="Pear">梨子</Checkbox>\n <Checkbox value="Orange">橘子</Checkbox>\n <Checkbox value="OrangeDisabled" disabled>烂苹果</Checkbox>\n </Checkbox.Group>\n </div>\n );\n }\n}\n\nReactDOM.render(\n <App />\n , mountNode\n);'},p.createElement(h)),p.createElement(C,{title:"布局",id:"Demolayout",src:'import { Checkbox, LayoutRow as Row, LayoutCol as Col } from \'zent\';\nconst CheckboxGroup = Checkbox.Group;\n\nclass App extends React.Component {\n state = {\n checkedList: [],\n };\n\n onChange = checkedList => {\n this.setState({ checkedList });\n };\n\n render() {\n const { checkedList } = this.state;\n\n return (\n <div>\n <CheckboxGroup\n value={checkedList}\n onChange={this.onChange}\n style={{ width: \'100%\' }}\n >\n <Row>\n <Col span={8}>\n <Checkbox value="A">A</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="B">B</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="C">C</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="D">D</Checkbox>\n </Col>\n <Col span={8}>\n <Checkbox value="E">E</Checkbox>\n </Col>\n </Row>\n </CheckboxGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(m)),p.createElement(C,{title:"全选，在实现全选效果时，你可能会用到 `indeterminate` 属性",id:"Demoselectall",src:'import { Checkbox } from \'zent\';\n\nconst CheckboxGroup = Checkbox.Group;\nconst ITEMS = [\'Item 1\', \'Item 2\', \'Item 3\'];\n\nclass App extends Component {\n state = {\n checkedList: [],\n };\n\n handleCheckedAll = e => {\n this.setState({\n checkedList: e.target.checked ? ITEMS.slice() : [],\n });\n };\n\n handleChange(checkedList) {\n this.setState({ checkedList });\n }\n\n render() {\n const { checkedList } = this.state;\n const checkedAll =\n !!checkedList.length && checkedList.length === ITEMS.length;\n const indeterminate =\n !!checkedList.length && checkedList.length !== ITEMS.length;\n\n return (\n <div>\n <Checkbox\n checked={checkedAll}\n indeterminate={indeterminate}\n onChange={this.handleCheckedAll}\n >\n 全选\n </Checkbox>\n\n <div style={{ margin: \'5px 0\', height: 1, background: \'#dcdee0\' }} />\n\n <CheckboxGroup\n value={checkedList}\n onChange={this.handleChange.bind(this)}\n >\n {ITEMS.map(item => {\n return (\n <Checkbox key={item} value={item}>\n {item}\n </Checkbox>\n );\n })}\n </CheckboxGroup>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(g)),p.createElement(C,{title:"多行文本",id:"Demomultiline",src:'import { Checkbox, Button } from \'zent\';\n\nclass App extends React.Component {\n state = {\n style: {},\n checked: [],\n };\n\n onStyleChange = e => {\n this.setState(state => ({\n style: state.style.display === \'inline\' ? {} : { display: \'inline\' },\n }));\n };\n\n handleChange = checked => {\n this.setState({\n checked,\n });\n };\n\n render() {\n const { checked, style } = this.state;\n return (\n <div className="checkbox-muti-line">\n <Checkbox.Group value={checked} onChange={this.handleChange}>\n <Checkbox value="Apple" labelStyle={style}>\n 我不能创造的东西，我就不了解。\n <p>我很早就明白知道一样事物(Know-how) 和知道一样事物的名字(Know-what)的分别。</p>\n </Checkbox>\n <div style={{ color: \'#969799\', marginTop: 8 }}>事实证明真理总是比你想象得更简单。</div>\n </Checkbox.Group>\n </div>\n );\n }\n}\n\nReactDOM.render(<App />, mountNode);'},p.createElement(y)),p.createElement(b,{html:'

API

\n

Checkbox 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
参数说明类型默认值
checked指定当前是否选中booleanfalse
value组件对应的值，在\nCheckboxGroup\n中使用any
disabled使组件不可用boolean
readOnly使组件只读boolean
indeterminate展示部分选中的模式booleanfalse
onChange变化时回调函数(e:Event) => void
labelStylelabel 的内联样式React.CSSProperties
style内联样式React.CSSProperties
className自定义额外类名string
\n

Checkbox Group 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
参数说明类型默认值
value必填，指定选中的选项any[][]
isValueEqual可选，判断 value 值是否相等(a: any, b: any) => boolean() => a === b
disabled使组件不可用boolean
readOnly使组件只读boolean
onChange变化时回调函数(checkedValueList: any[]) => void
className自定义额外类名string
'}))}}},33938:(n,s,a)=>{"use strict";a.d(s,{X:()=>r});var t=a(59312),p=a(24246),e=a(60042),o=a.n(e),c=a(27378),l=a(1535),u=a(23130),k=a(1348),i=a(4008);function r(n){var s=(0,c.useContext)(k.d),a=(0,c.useContext)(u.Z),e=(0,c.useRef)(n);e.current=n;var i,r=a&&a.onChange,d=(0,c.useCallback)((function(n){var s=e.current,a=s.value,p=s.onChange;if(r)r(a);else if(p){var o=Object.create(n);o.target=(0,t.pi)((0,t.pi)({},e.current),{type:"checkbox",checked:n.target.checked}),p(o)}}),[r]),h=(n.checked,n.className),m=n.style,g=(n.disabled,n.readOnly,n.children),y=n.indeterminate,v=n.width,b=(n.value,n.labelStyle),x=n.onMouseEnter,f=n.onMouseLeave,C=(0,t._T)(n,["checked","className","style","disabled","readOnly","children","indeterminate","width","value","labelStyle","onMouseEnter","onMouseLeave"]),w=function(n,s){return"boolean"==typeof s.readOnly?s.readOnly:!!n&&n.readOnly}(a,n),j=function(n,s,a){return"boolean"==typeof a.disabled?a.disabled:s?s.disabled:n.value}(s,a,n);if(a){var z=a.value,O=a.isValueEqual;i=-1!==z.findIndex((function(s){return O(s,n.value)}))}else i=!!n.checked;return(0,p.jsxs)("label",(0,t.pi)({className:o()("zent-checkbox-wrap",h,{"zent-checkbox-checked":!!i,"zent-checkbox-disabled":j||w,"zent-checkbox-indeterminate":y}),style:(0,t.pi)((0,t.pi)({},m),(0,l.Z)(v)),onMouseEnter:x,onMouseLeave:f,"data-zv":"10.0.10"},{children:[(0,p.jsxs)("span",(0,t.pi)({className:"zent-checkbox","data-zv":"10.0.10"},{children:[(0,p.jsx)("span",{className:"zent-checkbox-inner","data-zv":"10.0.10"},void 0),(0,p.jsx)("input",(0,t.pi)({},C,{type:"checkbox",checked:i&&!y,disabled:j,readOnly:w,onChange:d,"data-zv":"10.0.10"}),void 0)]}),void 0),null!=g&&!0!==g&&!1!==g?(0,p.jsx)("div",(0,t.pi)({className:"zent-checkbox-label",style:b,"data-zv":"10.0.10"},{children:g}),void 0):null]}),void 0)}r.Group=i.Z,s.Z=r},4008:(n,s,a)=>{"use strict";a.d(s,{c:()=>r});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(41925),u=a(23130),k=a(1348),i=u.Z.Provider,r=function(n){function s(){var s=null!==n&&n.apply(this,arguments)||this;return s.getGroupContext=(0,l.Z)((function(n,a,t,p){return{value:Array.isArray(n)?n:[],disabled:a,readOnly:t,isValueEqual:p,onChange:s.onCheckboxChange}})),s.onCheckboxChange=function(n){var a=s.props,t=a.isValueEqual,p=a.onChange,e=a.value;if(p){var o=e?e.slice():[],c=o.findIndex((function(s){return t(s,n)}));-1!==c?o.splice(c,1):o.push(n),p(o)}},s}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this.props,s=n.className,a=n.style,e=n.children,o=n.value,l=n.disabled,u=void 0===l?this.context.value:l,k=n.readOnly,r=void 0!==k&&k,d=n.isValueEqual,h=c()("zent-checkbox-group",s);return(0,p.jsx)(i,(0,t.pi)({value:this.getGroupContext(o,u,r,d)},{children:(0,p.jsx)("div",(0,t.pi)({className:h,style:a,"data-zv":"10.0.10"},{children:e}),void 0)}),void 0)},s.defaultProps={isValueEqual:Object.is,value:[]},s.contextType=k.d,s}(e.Component);s.Z=r},23130:(n,s,a)=>{"use strict";var t=a(27378);s.Z=(0,t.createContext)(null)},48591:(n,s,a)=>{"use strict";var t=(0,a(27378).createContext)({});s.Z=t},74473:(n,s,a)=>{"use strict";a.d(s,{r:()=>i});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(65225),u=a(48591),k=a(81093),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this;return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var e,o=n.props,l=o.span,u=o.offset,i=o.order,r=o.className,d=o.style,h=(0,t._T)(o,["span","offset","order","className","style"]),m=d,g=(0,k.r)(s,a.colGutter);if(g>0){var y=g/2;m=(0,t.pi)((0,t.pi)({},m),{paddingLeft:y,paddingRight:y})}var v=(0,k.r)(s,l),b=(0,k.r)(s,u),x=(0,k.r)(s,i),f=c()("zent-col",((e={})["zent-col-offset-"+u]=b,e["zent-col-order-"+i]=x,e),"zent-col-"+v,r);return(0,p.jsx)("div",(0,t.pi)({},h,{className:f,style:m,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={offset:0,order:0},s}(e.Component)},65225:(n,s,a)=>{"use strict";a.d(s,{x:()=>t});var t=(0,a(27378).createContext)({rowGutter:0,colGutter:0});s.Z=t},39550:(n,s,a)=>{"use strict";a.d(s,{W:()=>i});var t=a(59312),p=a(24246),e=a(27378),o=a(60042),c=a.n(o),l=a(65225),u=a(48591),k=a(81093),i=function(n){function s(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(s,n),s.prototype.render=function(){var n=this,s=this.props,a=s.className,e=s.style,o=s.justify,i=s.align,r=(0,t._T)(s,["className","style","justify","align"]),d=c()({"zent-row":!0},"zent-row-justify-"+o,"zent-row-align-"+i,a);return(0,p.jsx)(u.Z.Consumer,{children:function(s){return(0,p.jsx)(l.Z.Consumer,{children:function(a){var o=(0,k.r)(s,a.colGutter),c=(0,k.r)(s,a.rowGutter),l=e;if(o>0){var u=-o/2;l=(0,t.pi)((0,t.pi)({},l),{marginLeft:u,marginRight:u})}if(c&&c>0){var i=c/2;l=(0,t.pi)((0,t.pi)({},l),{paddingTop:i,paddingBottom:i})}return(0,p.jsx)("div",(0,t.pi)({},r,{className:d,style:l,"data-zv":"10.0.10"},{children:n.props.children}),void 0)}},void 0)}},void 0)},s.defaultProps={justify:"start",align:"start"},s}(e.Component)},81093:(n,s,a)=>{"use strict";var t;a.d(s,{j:()=>o,r:()=>c}),function(n){n.fhd="(min-width: 1920px)",n.xxl="(min-width: 1600px)",n.xl="(min-width: 1200px)",n.lg="(min-width: 992px)",n.md="(min-width: 768px)",n.sm="(min-width: 576px)",n.xs="(max-width: 575px)"}(t||(t={}));var p=a(72551),e=Object.keys(t).reduce((function(n,s){return n[t[s]]=s,n}),{}),o=Object.keys(e);function c(n,s){if("number"==typeof s)return s;for(var a=0;a{"use strict";function t(n){return"string"==typeof n||"number"==typeof n?{width:n}:{}}a.d(s,{Z:()=>t})}}]); \ No newline at end of file diff --git a/9907-4fa5e0bad87347e93083.js b/9907-72db89ee413de5677397.js similarity index 98% rename from 9907-4fa5e0bad87347e93083.js rename to 9907-72db89ee413de5677397.js index 4ae99ab23..89460f723 100644 --- a/9907-4fa5e0bad87347e93083.js +++ b/9907-72db89ee413de5677397.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9907],{59907:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>C});var t=s(73450),p=s(27378),o=s(57318),e=s(33420),c=s(31846),l=s(43793),u=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({activeId:n})}))}render(){var a=[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"选项一"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"选项一的内容"})},"1"),(0,u.jsx)(n,{tab:"选项二",id:"2",children:(0,u.jsx)("div",{children:"选项二的内容"})},"2"),(0,u.jsx)(n,{tab:"选项三",id:"3",children:(0,u.jsx)("div",{children:"选项三的内容"})},"3")];return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange,children:a})})}}return(0,u.jsx)(a,{})},d=function(){var n=e.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2",panels:[{tab:(0,u.jsx)("span",{children:"选项1"}),id:"1",disabled:!0,content:"选项1的内容"},{tab:(0,u.jsx)("span",{children:"选项2"}),id:"2",content:(0,u.jsx)("div",{children:"选项2的内容"})}]}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}renderPanels(){return this.state.panels.map((a=>(0,p.createElement)(n,i(i({},a),{},{key:a.id}),a.content)))}render(){return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange.bind(this),navExtraContent:(0,u.jsx)("div",{style:{whiteSpace:"nowrap"},children:"当前网店：文三路网店"}),children:this.renderPanels()})})}}return(0,u.jsx)(a,{})},m=function(){var n=e.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2"}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}render(){var a=[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"选项一"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"选项一的内容"})},"1"),(0,u.jsx)(n,{tab:"选项二",id:"2",children:(0,u.jsx)("div",{children:"选项二的内容"})},"2"),(0,u.jsx)(n,{tab:"选项三",id:"3",children:(0,u.jsx)("div",{children:"选项三的内容"})},"3")];return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange,type:"normal",children:a}),(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange,type:"card",children:a})]})}}return(0,u.jsx)(a,{})},g=function(){var n=e.m.TabPanel,a=3;class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2",panels:[{tab:(0,u.jsx)("span",{children:"选项1"}),id:"1",content:"选项1的内容",disabled:!0},{tab:(0,u.jsx)("span",{children:"选项2"}),id:"2",content:(0,u.jsx)("div",{children:"选项2的内容"})}]}),(0,t.Z)(this,"onTabAdd",(()=>{var n=this.state.panels,s="".concat(a++);n.push({id:s,tab:"选项".concat(a),content:Date.now()}),this.setState({panels:n,activeId:s})})),(0,t.Z)(this,"onTabDel",(n=>{var a=this.state,s=a.panels,t=a.activeId,p=s.findIndex((a=>a.id===n));this.setState({panels:s.filter((a=>a.id!==n))},(()=>{if(n===t){var a=Math.max(0,p-1),o=s[a];if(!s.length||null!=o&&o.disabled)return;this.setState({activeId:o.id})}}))})),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}renderPanels(){return this.state.panels.map((a=>(0,p.createElement)(n,i(i({},a),{},{key:a.id}),a.content)))}render(){var n=this.renderPanels();return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsx)(e.m,{candel:!0,canFixed:!0,type:"card",activeId:this.state.activeId,onChange:this.onTabChange,onDelete:this.onTabDel,onAdd:this.onTabAdd,children:n}),(0,u.jsx)("div",{style:{marginTop:16},children:"canFixed 属性只有在 card 模式下起效"})]})}}return(0,u.jsx)(s,{})},y=function(){var n=Array(35).fill(null).map(((n,a)=>({title:"tab".concat(a+1),key:a+1})));class a extends p.Component{constructor(a){super(a),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),this.state={activeId:10,tabs:n}}render(){return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange,tabs:this.state.tabs,overflowMode:"slide",type:"card"}),(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange,tabs:this.state.tabs,overflowMode:"anchor",type:"card"})]})}}return(0,u.jsx)(a,{})},b=function(){var n=e.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2"}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),(0,t.Z)(this,"renderTabBar",((n,a)=>(0,u.jsx)(c.D,{offsetTop:0,children:(0,u.jsx)(a,i(i({},n),{},{className:"zent-tabs-demo-custom-tab-bar"}))})))}render(){var a=[(0,u.jsxs)(n,{tab:(0,u.jsx)("span",{children:"选项一"}),id:"1",disabled:!0,children:[(0,u.jsx)("div",{children:"选项一的内容"}),(0,u.jsx)("div",{children:"选项一的内容"}),(0,u.jsx)("div",{children:"选项一的内容"}),(0,u.jsx)("div",{children:"选项一的内容"}),(0,u.jsx)("div",{children:"选项一的内容"})]},"1"),(0,u.jsxs)(n,{tab:"选项二",id:"2",children:[(0,u.jsx)("div",{children:"选项二的内容"}),(0,u.jsx)("div",{children:"选项二的内容"}),(0,u.jsx)("div",{children:"选项二的内容"}),(0,u.jsx)("div",{children:"选项二的内容"}),(0,u.jsx)("div",{children:"选项二的内容"}),(0,u.jsx)("div",{children:"选项二的内容"})]},"2"),(0,u.jsxs)(n,{tab:"选项三",id:"3",children:[(0,u.jsx)("div",{children:"选项三的内容"}),(0,u.jsx)("div",{children:"选项三的内容"}),(0,u.jsx)("div",{children:"选项三的内容"}),(0,u.jsx)("div",{children:"选项三的内容"}),(0,u.jsx)("div",{children:"选项三的内容"}),(0,u.jsx)("div",{children:"选项三的内容"})]},"3")];return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)(e.m,{type:"card",renderTabBar:this.renderTabBar,activeId:this.state.activeId,onChange:this.onTabChange,children:a})})}}return(0,u.jsx)(a,{})},h=function(){class n extends p.Component{constructor(n){super(n),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),this.state={activeId:"2",tabs:[{title:"选项一",key:"1",disabled:!0},{title:"选项二",key:"2"},{title:"选项三",key:"3"}]}}render(){return(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange,tabs:this.state.tabs})}}return(0,u.jsx)(n,{})},v=function(){var n=l.e.TabPanel,a=l.e.Divide;class s extends p.Component{constructor(n){super(n),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),this.state={activeId:"2"}}render(){return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsxs)(l.e,{activeId:this.state.activeId,onChange:this.onTabChange,children:[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"选项1"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"选项一的内容"})}),(0,u.jsx)(n,{tab:"选项2",id:"2",children:(0,u.jsx)("div",{children:"选项二的内容"})}),(0,u.jsx)(a,{}),(0,u.jsx)(n,{tab:"选项3",id:"3",children:(0,u.jsx)("div",{children:"选项三的内容"})})]}),(0,u.jsx)(l.e,{tabs:[{title:"选项1",key:"1",disabled:!0},{title:"选项2",key:"2"},{divide:!0},{title:"选项3",key:"3"}],activeId:this.state.activeId,onChange:this.onTabChange,scrollHeight:100}),(0,u.jsx)("div",{children:"竖直模式下，无法使用内部的删除、对齐、伸展、额外内容等功能"})]})}}return(0,u.jsx)(s,{})},f=function(){var n=e.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2"}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}render(){var a=[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"选项一"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"选项一的内容"})},"1"),(0,u.jsx)(n,{tab:"选项二",id:"2",children:(0,u.jsx)("div",{children:"选项二的内容"})},"2"),(0,u.jsx)(n,{tab:"选项三",id:"3",children:(0,u.jsx)("div",{children:"选项三的内容"})},"3")];return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)("div",{children:(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange,type:"button",children:a})})})}}return(0,u.jsx)(a,{})};function w(n){return(0,u.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function T(n){return(0,u.jsx)(w,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function j(n){return(0,u.jsx)(w,{tag:"style",html:n.style})}function x(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),x(n.parentNode,a);return a}class I extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:s||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(w,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,x(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(j,{style:".zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}\n\n.zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}\n\n.zent-tabs-add-btn {\n\tcursor: pointer;\n}\n\n.zent-tabs-demo .zent-tabs {\n margin-bottom: 16px;\n}\n\n.zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}\n.zent-tabs-demo-custom-tab-bar {\n\tbackground: #fff;\n}\n\n.zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}"}),p.createElement(T,{html:'

Tabs 选项卡

\n

用于大体量信息的拆分展示，提供切换

\n

建议

\n
    \n
  • 适用于在同个容器内，同级别信息的分类展示。
    • \n
  • 在某个容器内需要把大量信息摆放出来时，可对信息进行归类，以平级的方式进行收纳和展现。
    • \n
\n

注意

\n
    \n
  • 信息之间有层级关系时，不使用选项卡。
    • \n
\n

代码演示

'}),p.createElement(I,{title:"基础模式",id:"Demobasic",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>选项一</span>} id="1" disabled>\n <div>选项一的内容</div>\n </TabPanel>,\n <TabPanel key="2" tab="选项二" id="2">\n <div>选项二的内容</div>\n </TabPanel>,\n <TabPanel key="3" tab="选项三" id="3">\n <div>选项三的内容</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n >\n {panels}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(r)),p.createElement(I,{title:"额外内容",id:"Demonavextracontent",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\nlet uniqId = 4;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n panels: [\n {\n tab: <span>选项1</span>,\n id: \'1\',\n disabled: true,\n content: \'选项1的内容\',\n },\n {\n tab: <span>选项2</span>,\n id: \'2\',\n content: <div>选项2的内容</div>,\n },\n ],\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n renderPanels() {\n let { panels } = this.state;\n return panels.map(p => {\n return (\n <TabPanel {...p} key={p.id}>\n {p.content}\n </TabPanel>\n );\n });\n }\n\n render() {\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange.bind(this)}\n navExtraContent={\n <div style={{ whiteSpace: \'nowrap\' }}>{`当前网店：文三路网店`}</div>\n }\n >\n {this.renderPanels()}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(d)),p.createElement(I,{title:"普通、卡片",id:"Demotypes",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>选项一</span>} id="1" disabled>\n <div>选项一的内容</div>\n </TabPanel>,\n <TabPanel key="2" tab="选项二" id="2">\n <div>选项二的内容</div>\n </TabPanel>,\n <TabPanel key="3" tab="选项三" id="3">\n <div>选项三的内容</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n type="normal"\n >\n {panels}\n </Tabs>\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n type="card"\n >\n {panels}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(m)),p.createElement(I,{title:"可添加、删除、固定tab",id:"Demofixed",src:'import { Tabs, Icon } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\nlet uniqId = 3;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n panels: [\n {\n tab: <span>选项1</span>,\n id: \'1\',\n content: \'选项1的内容\',\n disabled: true,\n },\n {\n tab: <span>选项2</span>,\n id: \'2\',\n content: <div>选项2的内容</div>,\n },\n ],\n };\n\n onTabAdd = () => {\n let { panels } = this.state;\n const id = `${uniqId++}`;\n panels.push({\n id,\n tab: `选项${uniqId}`,\n content: Date.now(),\n });\n this.setState({\n panels,\n activeId: id,\n });\n };\n\n onTabDel = id => {\n const { panels, activeId } = this.state;\n const delPanelIndex = panels.findIndex(panel => panel.id === id);\n this.setState(\n {\n panels: panels.filter(panel => panel.id !== id),\n },\n () => {\n if (id === activeId) {\n const prePanelIndex = Math.max(0, delPanelIndex - 1);\n const prePanel = panels[prePanelIndex];\n if (!panels.length || prePanel?.disabled) {\n return;\n }\n this.setState({ activeId: prePanel.id });\n }\n }\n );\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n renderPanels() {\n let { panels } = this.state;\n return panels.map(p => {\n return (\n <TabPanel {...p} key={p.id}>\n {p.content}\n </TabPanel>\n );\n });\n }\n\n render() {\n const panels = this.renderPanels();\n return (\n <div className="zent-tabs-demo">\n <Tabs\n candel\n canFixed\n type="card"\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n onDelete={this.onTabDel}\n onAdd={this.onTabAdd}\n >\n {panels}\n </Tabs>\n <div\n style={{\n marginTop: 16,\n }}\n >\n canFixed 属性只有在 card 模式下起效\n </div>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(g)),p.createElement(I,{title:"支持多标签滚动查看",id:"Demooverflowmode",src:'import { Tabs, Icon } from \'zent\';\n\nconst tabs = Array(35)\n .fill(null)\n .map((_, index) => ({\n title: `tab${index + 1}`,\n key: index + 1,\n }));\n\nclass Simple extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n activeId: 10,\n tabs: tabs,\n };\n }\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n tabs={this.state.tabs}\n overflowMode="slide"\n type="card"\n />\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n tabs={this.state.tabs}\n overflowMode="anchor"\n type="card"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(y)),p.createElement(I,{title:"自定义标签头",id:"Democustomtabbar",src:'import { Tabs, Affix } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n renderTabBar = (props, TabBar) => {\n return (\n <Affix offsetTop={0}>\n <TabBar {...props} className="zent-tabs-demo-custom-tab-bar" />\n </Affix>\n );\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>选项一</span>} id="1" disabled>\n <div>选项一的内容</div>\n <div>选项一的内容</div>\n <div>选项一的内容</div>\n <div>选项一的内容</div>\n <div>选项一的内容</div>\n </TabPanel>,\n <TabPanel key="2" tab="选项二" id="2">\n <div>选项二的内容</div>\n <div>选项二的内容</div>\n <div>选项二的内容</div>\n <div>选项二的内容</div>\n <div>选项二的内容</div>\n <div>选项二的内容</div>\n </TabPanel>,\n <TabPanel key="3" tab="选项三" id="3">\n <div>选项三的内容</div>\n <div>选项三的内容</div>\n <div>选项三的内容</div>\n <div>选项三的内容</div>\n <div>选项三的内容</div>\n <div>选项三的内容</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <Tabs\n type="card"\n renderTabBar={this.renderTabBar}\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n >\n {panels}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(b)),p.createElement(T,{html:'

API

\n

Tabs

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值是否必须
activeId激活的 tab-idstring \n|\n number是
onChange选中的 tab 改变时(id: string \n|\n number) => any是
tabs不使用 Panel 时的标签列表Array<ITab\n>否
className自定义额外类名string否
typetabs 组件类型string\'normal\'\'card\'\n, \n\'button\'否
navExtraContent导航添加额外内容React.ReactNode否
stretchtab 是否撑满全部空间booleanfalse否
onDelete关闭 tab 时(id: string \n|\n number) => any否
onAdd添加 tab 时() => void否
candel是否可删除boolfalse否
canFixed是否可固定boolfalse否
fixedIds当前固定的 tabId[]否
onFixedChange当前固定状态改变时的回调(ids: Id[]) => void否
unmountPanelOnHidepanel 非 active 时，不使用 \ndisplay: none\n 隐藏而是直接 unmount 组件boolfalse否
overflowMode标签过多时查看全部标签的方式string\'anchor\'\'slide\'否
disableLazyMount禁用 \nTabPanel\n 延迟挂载boolfalse否
renderTabBar替换 TabBar，用于二次封装标签头(props: ITabsNavProps, TabBar: ComponentType<ITabsNavProps>) => React.ReactElement否
\n

tabs 参数类型：

\n
interface ITab {\n  key: string | number; // 同TabPanel id\n  title: ReactNode; // 同TabPanel tab\n  disabled?: boolean; // 同TabPanel disabled\n}
\n

VerticalTabs

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值是否必须
activeId激活的 tab-idstring \n|\n number是
onChange选中的 tab 改变时(id: string \n|\n number) => any是
tabs不使用 Panel 时的标签列表Array<IVerticalTab\n>否
className自定义额外类名string否
scrollHeight可滚动区域的最大高度string \n|\n number否
unmountPanelOnHidepanel 非 active 时，不使用 \ndisplay: none\n 隐藏而是直接 unmount 组件boolfalseno
\n

tabs 参数类型：

\n
type IVerticalTab = ITab | { divide: true };
\n

TabPanel

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须
tab该 TabPanel 所对应的 tab 标签的名字ReactNode是
id该 TabPanel 的 idstring \n|\n number是
disabled该 TabPanel 是否被禁用bool否
className该 TabPanel 上添加的额外 classNamebool否
unmountOnHide非 active 时，不使用 \ndisplay: none\n 隐藏而是直接 unmount 组件bool否
candel是否可删除，优先级高于 Tabs candelbool否
canFixed是否可固定，优先级高于 Tabs canFixedbool否
\n

Divide

\n

用于表示 VerticalTabs 的分割线，不需要传递 props

\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),p.createElement(I,{title:"不使用TabPanel，只使用Tab展示导航",id:"Demonotabpanel",src:'import { Tabs } from \'zent\';\n\nclass Simple extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n activeId: \'2\',\n tabs: [\n {\n title: \'选项一\',\n key: \'1\',\n disabled: true,\n },\n {\n title: \'选项二\',\n key: \'2\',\n },\n {\n title: \'选项三\',\n key: \'3\',\n },\n ],\n };\n }\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n return (\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n tabs={this.state.tabs}\n />\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(h)),p.createElement(I,{title:"竖直模式",id:"Demovertical",src:'import { VerticalTabs } from \'zent\';\n\nconst { TabPanel, Divide } = VerticalTabs;\n\nclass Simple extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n activeId: \'2\',\n };\n }\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n return (\n <div className="zent-tabs-demo">\n <VerticalTabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n >\n <TabPanel tab={<span>选项1</span>} id="1" disabled>\n <div>选项一的内容</div>\n </TabPanel>\n <TabPanel tab="选项2" id="2">\n <div>选项二的内容</div>\n </TabPanel>\n <Divide />\n <TabPanel tab="选项3" id="3">\n <div>选项三的内容</div>\n </TabPanel>\n </VerticalTabs>\n <VerticalTabs\n tabs={[\n {\n title: \'选项1\',\n key: \'1\',\n disabled: true,\n },\n {\n title: \'选项2\',\n key: \'2\',\n },\n {\n divide: true,\n },\n {\n title: \'选项3\',\n key: \'3\',\n },\n ]}\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n scrollHeight={100}\n />\n <div>竖直模式下，无法使用内部的删除、对齐、伸展、额外内容等功能</div>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(v)),p.createElement(I,{title:"按钮类型",id:"Demotypebutton",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>选项一</span>} id="1" disabled>\n <div>选项一的内容</div>\n </TabPanel>,\n <TabPanel key="2" tab="选项二" id="2">\n <div>选项二的内容</div>\n </TabPanel>,\n <TabPanel key="3" tab="选项三" id="3">\n <div>选项三的内容</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <div>\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n type="button"\n >\n {panels}\n </Tabs>\n </div>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(f)))}}},43793:(n,a,s)=>{"use strict";s.d(a,{e:()=>f});var t=s(59312),p=s(24246),o=s(19185),e=s(60042),c=s.n(e),l=s(27378),u=s(31256),k=s(42690),i=s(12856),r=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.typeName="vertical",a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.actived,s=n.disabled,o=n.children;return(0,p.jsx)("div",(0,t.pi)({role:"tab",className:this.tabsCls,"aria-disabled":s,"aria-selected":a,onClick:this.onClick,"data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-tabs-tab-inner","data-zv":"10.0.9"},{children:o}),void 0)}),void 0)},a}(s(98454).Z),d=s(53789),m=s(77465),g=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.typeName="vertical",a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"tabsNavCls",{get:function(){return c()("zent-tabs-nav","zent-tabs-nav-type__"+this.typeName)},enumerable:!1,configurable:!0}),a.prototype.transformTabDataList=function(n){return n.map((function(n){return"divide"in n?n:(0,m.Vw)(n,!1)}))},a.prototype.renderTab=function(n,a){return"divide"in n?(0,p.jsx)("div",{className:"zent-tabs-divide","data-zv":"10.0.9"},"divide-"+a):(0,p.jsx)(r,(0,t.pi)({onSelected:this.onTabSelected},n,{id:n.key},{children:n.title}),void 0)},a.prototype.render=function(){var n=this.props.scrollHeight;return(0,p.jsx)("div",(0,t.pi)({className:this.tabsNavCls,"data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-tabs-nav-content","data-zv":"10.0.9"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-tabs-scroll",style:{maxHeight:n},role:"tablist","data-zv":"10.0.9"},{children:this.renderTabs()}),void 0)}),void 0)}),void 0)},a}(d.Z),y=s(87057);function b(n){return null}b.defaultProps={divide:!0};var h=b,v=s(87396),f=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"tabsCls",{get:function(){var n=this.props.className;return c()("zent-tabs","zent-tabs-type__vertical",n)},enumerable:!1,configurable:!0}),a.prototype.getTabDataListFromTabs=function(n){var a=this.props.activeId;return n.map((function(n){return"divide"in n?n:(0,t.pi)((0,t.pi)({},n),{actived:n.key===a})}))},a.prototype.getTabDataListFromChildren=function(n){var a=this.props.activeId;return l.Children.map(n,(function(n){return(0,o.isElement)(n)?"divide"in n.props?{divide:!0}:(0,m.AQ)(n,a):null})).filter((function(n){return!(0,u.Z)(n)}))},a.prototype.renderNav=function(n){var a=this.props,s=a.onChange,t=a.scrollHeight;return(0,p.jsx)(g,{scrollHeight:t,onChange:s,tabDataList:n},void 0)},a.prototype.renderTabPanel=function(n){if("divide"in n)return null;var a=this.props.unmountPanelOnHide;return(0,p.jsx)(i.Z,(0,t.pi)({mount:n.actived},{children:(0,p.jsx)(v.Z,(0,t.pi)({tab:n.title,actived:n.actived,unmountOnHide:n.unmountOnHide||a,className:n.className,id:n.key},{children:n.panelChildren}),void 0)}),n.key)},a.TabPanel=v.Z,a.Divide=h,a.defaultProps={activeId:"",onChange:k.Z,unmountPanelOnHide:!1},a}(y.Z)}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9907],{59907:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>C});var t=s(73450),p=s(27378),o=s(57318),e=s(33420),c=s(31846),l=s(43793),u=s(24246);function k(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function i(n){for(var a=1;a{this.setState({activeId:n})}))}render(){var a=[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"选项一"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"选项一的内容"})},"1"),(0,u.jsx)(n,{tab:"选项二",id:"2",children:(0,u.jsx)("div",{children:"选项二的内容"})},"2"),(0,u.jsx)(n,{tab:"选项三",id:"3",children:(0,u.jsx)("div",{children:"选项三的内容"})},"3")];return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange,children:a})})}}return(0,u.jsx)(a,{})},d=function(){var n=e.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2",panels:[{tab:(0,u.jsx)("span",{children:"选项1"}),id:"1",disabled:!0,content:"选项1的内容"},{tab:(0,u.jsx)("span",{children:"选项2"}),id:"2",content:(0,u.jsx)("div",{children:"选项2的内容"})}]}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}renderPanels(){return this.state.panels.map((a=>(0,p.createElement)(n,i(i({},a),{},{key:a.id}),a.content)))}render(){return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange.bind(this),navExtraContent:(0,u.jsx)("div",{style:{whiteSpace:"nowrap"},children:"当前网店：文三路网店"}),children:this.renderPanels()})})}}return(0,u.jsx)(a,{})},m=function(){var n=e.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2"}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}render(){var a=[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"选项一"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"选项一的内容"})},"1"),(0,u.jsx)(n,{tab:"选项二",id:"2",children:(0,u.jsx)("div",{children:"选项二的内容"})},"2"),(0,u.jsx)(n,{tab:"选项三",id:"3",children:(0,u.jsx)("div",{children:"选项三的内容"})},"3")];return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange,type:"normal",children:a}),(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange,type:"card",children:a})]})}}return(0,u.jsx)(a,{})},g=function(){var n=e.m.TabPanel,a=3;class s extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2",panels:[{tab:(0,u.jsx)("span",{children:"选项1"}),id:"1",content:"选项1的内容",disabled:!0},{tab:(0,u.jsx)("span",{children:"选项2"}),id:"2",content:(0,u.jsx)("div",{children:"选项2的内容"})}]}),(0,t.Z)(this,"onTabAdd",(()=>{var n=this.state.panels,s="".concat(a++);n.push({id:s,tab:"选项".concat(a),content:Date.now()}),this.setState({panels:n,activeId:s})})),(0,t.Z)(this,"onTabDel",(n=>{var a=this.state,s=a.panels,t=a.activeId,p=s.findIndex((a=>a.id===n));this.setState({panels:s.filter((a=>a.id!==n))},(()=>{if(n===t){var a=Math.max(0,p-1),o=s[a];if(!s.length||null!=o&&o.disabled)return;this.setState({activeId:o.id})}}))})),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}renderPanels(){return this.state.panels.map((a=>(0,p.createElement)(n,i(i({},a),{},{key:a.id}),a.content)))}render(){var n=this.renderPanels();return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsx)(e.m,{candel:!0,canFixed:!0,type:"card",activeId:this.state.activeId,onChange:this.onTabChange,onDelete:this.onTabDel,onAdd:this.onTabAdd,children:n}),(0,u.jsx)("div",{style:{marginTop:16},children:"canFixed 属性只有在 card 模式下起效"})]})}}return(0,u.jsx)(s,{})},y=function(){var n=Array(35).fill(null).map(((n,a)=>({title:"tab".concat(a+1),key:a+1})));class a extends p.Component{constructor(a){super(a),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),this.state={activeId:10,tabs:n}}render(){return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange,tabs:this.state.tabs,overflowMode:"slide",type:"card"}),(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange,tabs:this.state.tabs,overflowMode:"anchor",type:"card"})]})}}return(0,u.jsx)(a,{})},b=function(){var n=e.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2"}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),(0,t.Z)(this,"renderTabBar",((n,a)=>(0,u.jsx)(c.D,{offsetTop:0,children:(0,u.jsx)(a,i(i({},n),{},{className:"zent-tabs-demo-custom-tab-bar"}))})))}render(){var a=[(0,u.jsxs)(n,{tab:(0,u.jsx)("span",{children:"选项一"}),id:"1",disabled:!0,children:[(0,u.jsx)("div",{children:"选项一的内容"}),(0,u.jsx)("div",{children:"选项一的内容"}),(0,u.jsx)("div",{children:"选项一的内容"}),(0,u.jsx)("div",{children:"选项一的内容"}),(0,u.jsx)("div",{children:"选项一的内容"})]},"1"),(0,u.jsxs)(n,{tab:"选项二",id:"2",children:[(0,u.jsx)("div",{children:"选项二的内容"}),(0,u.jsx)("div",{children:"选项二的内容"}),(0,u.jsx)("div",{children:"选项二的内容"}),(0,u.jsx)("div",{children:"选项二的内容"}),(0,u.jsx)("div",{children:"选项二的内容"}),(0,u.jsx)("div",{children:"选项二的内容"})]},"2"),(0,u.jsxs)(n,{tab:"选项三",id:"3",children:[(0,u.jsx)("div",{children:"选项三的内容"}),(0,u.jsx)("div",{children:"选项三的内容"}),(0,u.jsx)("div",{children:"选项三的内容"}),(0,u.jsx)("div",{children:"选项三的内容"}),(0,u.jsx)("div",{children:"选项三的内容"}),(0,u.jsx)("div",{children:"选项三的内容"})]},"3")];return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)(e.m,{type:"card",renderTabBar:this.renderTabBar,activeId:this.state.activeId,onChange:this.onTabChange,children:a})})}}return(0,u.jsx)(a,{})},h=function(){class n extends p.Component{constructor(n){super(n),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),this.state={activeId:"2",tabs:[{title:"选项一",key:"1",disabled:!0},{title:"选项二",key:"2"},{title:"选项三",key:"3"}]}}render(){return(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange,tabs:this.state.tabs})}}return(0,u.jsx)(n,{})},v=function(){var n=l.e.TabPanel,a=l.e.Divide;class s extends p.Component{constructor(n){super(n),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})})),this.state={activeId:"2"}}render(){return(0,u.jsxs)("div",{className:"zent-tabs-demo",children:[(0,u.jsxs)(l.e,{activeId:this.state.activeId,onChange:this.onTabChange,children:[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"选项1"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"选项一的内容"})}),(0,u.jsx)(n,{tab:"选项2",id:"2",children:(0,u.jsx)("div",{children:"选项二的内容"})}),(0,u.jsx)(a,{}),(0,u.jsx)(n,{tab:"选项3",id:"3",children:(0,u.jsx)("div",{children:"选项三的内容"})})]}),(0,u.jsx)(l.e,{tabs:[{title:"选项1",key:"1",disabled:!0},{title:"选项2",key:"2"},{divide:!0},{title:"选项3",key:"3"}],activeId:this.state.activeId,onChange:this.onTabChange,scrollHeight:100}),(0,u.jsx)("div",{children:"竖直模式下，无法使用内部的删除、对齐、伸展、额外内容等功能"})]})}}return(0,u.jsx)(s,{})},f=function(){var n=e.m.TabPanel;class a extends p.Component{constructor(...n){super(...n),(0,t.Z)(this,"state",{activeId:"2"}),(0,t.Z)(this,"onTabChange",(n=>{this.setState({activeId:n})}))}render(){var a=[(0,u.jsx)(n,{tab:(0,u.jsx)("span",{children:"选项一"}),id:"1",disabled:!0,children:(0,u.jsx)("div",{children:"选项一的内容"})},"1"),(0,u.jsx)(n,{tab:"选项二",id:"2",children:(0,u.jsx)("div",{children:"选项二的内容"})},"2"),(0,u.jsx)(n,{tab:"选项三",id:"3",children:(0,u.jsx)("div",{children:"选项三的内容"})},"3")];return(0,u.jsx)("div",{className:"zent-tabs-demo",children:(0,u.jsx)("div",{children:(0,u.jsx)(e.m,{activeId:this.state.activeId,onChange:this.onTabChange,type:"button",children:a})})})}}return(0,u.jsx)(a,{})};function w(n){return(0,u.jsx)(n.tag,i(i({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function T(n){return(0,u.jsx)(w,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function j(n){return(0,u.jsx)(w,{tag:"style",html:n.style})}function x(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),x(n.parentNode,a);return a}class I extends p.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,a=this.props,s=a.title,t=a.src,p=a.children;return(0,u.jsxs)("div",{className:"zandoc-react-demo",children:[(0,u.jsx)("div",{className:"zandoc-react-demo__preview",children:p}),(0,u.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,u.jsx)("div",{className:"zandoc-react-demo__title",children:(0,u.jsx)("p",{children:s||""})}),(0,u.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,u.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,u.jsx)(w,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class C extends p.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,o.l)(document.documentElement,0,x(a,-9))}}render(){return p.createElement("div",{className:"zandoc-react-container"},p.createElement(j,{style:".zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}\n\n.zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}\n\n.zent-tabs-add-btn {\n\tcursor: pointer;\n}\n\n.zent-tabs-demo .zent-tabs {\n margin-bottom: 16px;\n}\n\n.zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}\n.zent-tabs-demo-custom-tab-bar {\n\tbackground: #fff;\n}\n\n.zent-tabs-demo .zent-tabs {\n\tmargin-bottom: 16px;\n}"}),p.createElement(T,{html:'

Tabs 选项卡

\n

用于大体量信息的拆分展示，提供切换

\n

建议

\n
    \n
  • 适用于在同个容器内，同级别信息的分类展示。
    • \n
  • 在某个容器内需要把大量信息摆放出来时，可对信息进行归类，以平级的方式进行收纳和展现。
    • \n
\n

注意

\n
    \n
  • 信息之间有层级关系时，不使用选项卡。
    • \n
\n

代码演示

'}),p.createElement(I,{title:"基础模式",id:"Demobasic",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>选项一</span>} id="1" disabled>\n <div>选项一的内容</div>\n </TabPanel>,\n <TabPanel key="2" tab="选项二" id="2">\n <div>选项二的内容</div>\n </TabPanel>,\n <TabPanel key="3" tab="选项三" id="3">\n <div>选项三的内容</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n >\n {panels}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(r)),p.createElement(I,{title:"额外内容",id:"Demonavextracontent",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\nlet uniqId = 4;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n panels: [\n {\n tab: <span>选项1</span>,\n id: \'1\',\n disabled: true,\n content: \'选项1的内容\',\n },\n {\n tab: <span>选项2</span>,\n id: \'2\',\n content: <div>选项2的内容</div>,\n },\n ],\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n renderPanels() {\n let { panels } = this.state;\n return panels.map(p => {\n return (\n <TabPanel {...p} key={p.id}>\n {p.content}\n </TabPanel>\n );\n });\n }\n\n render() {\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange.bind(this)}\n navExtraContent={\n <div style={{ whiteSpace: \'nowrap\' }}>{`当前网店：文三路网店`}</div>\n }\n >\n {this.renderPanels()}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(d)),p.createElement(I,{title:"普通、卡片",id:"Demotypes",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>选项一</span>} id="1" disabled>\n <div>选项一的内容</div>\n </TabPanel>,\n <TabPanel key="2" tab="选项二" id="2">\n <div>选项二的内容</div>\n </TabPanel>,\n <TabPanel key="3" tab="选项三" id="3">\n <div>选项三的内容</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n type="normal"\n >\n {panels}\n </Tabs>\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n type="card"\n >\n {panels}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(m)),p.createElement(I,{title:"可添加、删除、固定tab",id:"Demofixed",src:'import { Tabs, Icon } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\nlet uniqId = 3;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n panels: [\n {\n tab: <span>选项1</span>,\n id: \'1\',\n content: \'选项1的内容\',\n disabled: true,\n },\n {\n tab: <span>选项2</span>,\n id: \'2\',\n content: <div>选项2的内容</div>,\n },\n ],\n };\n\n onTabAdd = () => {\n let { panels } = this.state;\n const id = `${uniqId++}`;\n panels.push({\n id,\n tab: `选项${uniqId}`,\n content: Date.now(),\n });\n this.setState({\n panels,\n activeId: id,\n });\n };\n\n onTabDel = id => {\n const { panels, activeId } = this.state;\n const delPanelIndex = panels.findIndex(panel => panel.id === id);\n this.setState(\n {\n panels: panels.filter(panel => panel.id !== id),\n },\n () => {\n if (id === activeId) {\n const prePanelIndex = Math.max(0, delPanelIndex - 1);\n const prePanel = panels[prePanelIndex];\n if (!panels.length || prePanel?.disabled) {\n return;\n }\n this.setState({ activeId: prePanel.id });\n }\n }\n );\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n renderPanels() {\n let { panels } = this.state;\n return panels.map(p => {\n return (\n <TabPanel {...p} key={p.id}>\n {p.content}\n </TabPanel>\n );\n });\n }\n\n render() {\n const panels = this.renderPanels();\n return (\n <div className="zent-tabs-demo">\n <Tabs\n candel\n canFixed\n type="card"\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n onDelete={this.onTabDel}\n onAdd={this.onTabAdd}\n >\n {panels}\n </Tabs>\n <div\n style={{\n marginTop: 16,\n }}\n >\n canFixed 属性只有在 card 模式下起效\n </div>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(g)),p.createElement(I,{title:"支持多标签滚动查看",id:"Demooverflowmode",src:'import { Tabs, Icon } from \'zent\';\n\nconst tabs = Array(35)\n .fill(null)\n .map((_, index) => ({\n title: `tab${index + 1}`,\n key: index + 1,\n }));\n\nclass Simple extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n activeId: 10,\n tabs: tabs,\n };\n }\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n return (\n <div className="zent-tabs-demo">\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n tabs={this.state.tabs}\n overflowMode="slide"\n type="card"\n />\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n tabs={this.state.tabs}\n overflowMode="anchor"\n type="card"\n />\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(y)),p.createElement(I,{title:"自定义标签头",id:"Democustomtabbar",src:'import { Tabs, Affix } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n renderTabBar = (props, TabBar) => {\n return (\n <Affix offsetTop={0}>\n <TabBar {...props} className="zent-tabs-demo-custom-tab-bar" />\n </Affix>\n );\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>选项一</span>} id="1" disabled>\n <div>选项一的内容</div>\n <div>选项一的内容</div>\n <div>选项一的内容</div>\n <div>选项一的内容</div>\n <div>选项一的内容</div>\n </TabPanel>,\n <TabPanel key="2" tab="选项二" id="2">\n <div>选项二的内容</div>\n <div>选项二的内容</div>\n <div>选项二的内容</div>\n <div>选项二的内容</div>\n <div>选项二的内容</div>\n <div>选项二的内容</div>\n </TabPanel>,\n <TabPanel key="3" tab="选项三" id="3">\n <div>选项三的内容</div>\n <div>选项三的内容</div>\n <div>选项三的内容</div>\n <div>选项三的内容</div>\n <div>选项三的内容</div>\n <div>选项三的内容</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <Tabs\n type="card"\n renderTabBar={this.renderTabBar}\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n >\n {panels}\n </Tabs>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(b)),p.createElement(T,{html:'

API

\n

Tabs

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值是否必须
activeId激活的 tab-idstring \n|\n number是
onChange选中的 tab 改变时(id: string \n|\n number) => any是
tabs不使用 Panel 时的标签列表Array<ITab\n>否
className自定义额外类名string否
typetabs 组件类型string\'normal\'\'card\'\n, \n\'button\'否
navExtraContent导航添加额外内容React.ReactNode否
stretchtab 是否撑满全部空间booleanfalse否
onDelete关闭 tab 时(id: string \n|\n number) => any否
onAdd添加 tab 时() => void否
candel是否可删除boolfalse否
canFixed是否可固定boolfalse否
fixedIds当前固定的 tabId[]否
onFixedChange当前固定状态改变时的回调(ids: Id[]) => void否
unmountPanelOnHidepanel 非 active 时，不使用 \ndisplay: none\n 隐藏而是直接 unmount 组件boolfalse否
overflowMode标签过多时查看全部标签的方式string\'anchor\'\'slide\'否
disableLazyMount禁用 \nTabPanel\n 延迟挂载boolfalse否
renderTabBar替换 TabBar，用于二次封装标签头(props: ITabsNavProps, TabBar: ComponentType<ITabsNavProps>) => React.ReactElement否
\n

tabs 参数类型：

\n
interface ITab {\n  key: string | number; // 同TabPanel id\n  title: ReactNode; // 同TabPanel tab\n  disabled?: boolean; // 同TabPanel disabled\n}
\n

VerticalTabs

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值备选值是否必须
activeId激活的 tab-idstring \n|\n number是
onChange选中的 tab 改变时(id: string \n|\n number) => any是
tabs不使用 Panel 时的标签列表Array<IVerticalTab\n>否
className自定义额外类名string否
scrollHeight可滚动区域的最大高度string \n|\n number否
unmountPanelOnHidepanel 非 active 时，不使用 \ndisplay: none\n 隐藏而是直接 unmount 组件boolfalseno
\n

tabs 参数类型：

\n
type IVerticalTab = ITab | { divide: true };
\n

TabPanel

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型是否必须
tab该 TabPanel 所对应的 tab 标签的名字ReactNode是
id该 TabPanel 的 idstring \n|\n number是
disabled该 TabPanel 是否被禁用bool否
className该 TabPanel 上添加的额外 classNamebool否
unmountOnHide非 active 时，不使用 \ndisplay: none\n 隐藏而是直接 unmount 组件bool否
candel是否可删除，优先级高于 Tabs candelbool否
canFixed是否可固定，优先级高于 Tabs canFixedbool否
\n

Divide

\n

用于表示 VerticalTabs 的分割线，不需要传递 props

\n

以下功能新版设计语言已废弃，仅作为老版使用的参考

'}),p.createElement(I,{title:"不使用TabPanel，只使用Tab展示导航",id:"Demonotabpanel",src:'import { Tabs } from \'zent\';\n\nclass Simple extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n activeId: \'2\',\n tabs: [\n {\n title: \'选项一\',\n key: \'1\',\n disabled: true,\n },\n {\n title: \'选项二\',\n key: \'2\',\n },\n {\n title: \'选项三\',\n key: \'3\',\n },\n ],\n };\n }\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n return (\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n tabs={this.state.tabs}\n />\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(h)),p.createElement(I,{title:"竖直模式",id:"Demovertical",src:'import { VerticalTabs } from \'zent\';\n\nconst { TabPanel, Divide } = VerticalTabs;\n\nclass Simple extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n activeId: \'2\',\n };\n }\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n return (\n <div className="zent-tabs-demo">\n <VerticalTabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n >\n <TabPanel tab={<span>选项1</span>} id="1" disabled>\n <div>选项一的内容</div>\n </TabPanel>\n <TabPanel tab="选项2" id="2">\n <div>选项二的内容</div>\n </TabPanel>\n <Divide />\n <TabPanel tab="选项3" id="3">\n <div>选项三的内容</div>\n </TabPanel>\n </VerticalTabs>\n <VerticalTabs\n tabs={[\n {\n title: \'选项1\',\n key: \'1\',\n disabled: true,\n },\n {\n title: \'选项2\',\n key: \'2\',\n },\n {\n divide: true,\n },\n {\n title: \'选项3\',\n key: \'3\',\n },\n ]}\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n scrollHeight={100}\n />\n <div>竖直模式下，无法使用内部的删除、对齐、伸展、额外内容等功能</div>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(v)),p.createElement(I,{title:"按钮类型",id:"Demotypebutton",src:'import { Tabs } from \'zent\';\nconst TabPanel = Tabs.TabPanel;\n\nclass Simple extends React.Component {\n state = {\n activeId: \'2\',\n };\n\n onTabChange = id => {\n this.setState({\n activeId: id,\n });\n };\n\n render() {\n const panels = [\n <TabPanel key="1" tab={<span>选项一</span>} id="1" disabled>\n <div>选项一的内容</div>\n </TabPanel>,\n <TabPanel key="2" tab="选项二" id="2">\n <div>选项二的内容</div>\n </TabPanel>,\n <TabPanel key="3" tab="选项三" id="3">\n <div>选项三的内容</div>\n </TabPanel>,\n ];\n return (\n <div className="zent-tabs-demo">\n <div>\n <Tabs\n activeId={this.state.activeId}\n onChange={this.onTabChange}\n type="button"\n >\n {panels}\n </Tabs>\n </div>\n </div>\n );\n }\n}\n\nReactDOM.render(<Simple />, mountNode);'},p.createElement(f)))}}},43793:(n,a,s)=>{"use strict";s.d(a,{e:()=>f});var t=s(59312),p=s(24246),o=s(19185),e=s(60042),c=s.n(e),l=s(27378),u=s(31256),k=s(42690),i=s(12856),r=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.typeName="vertical",a}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.actived,s=n.disabled,o=n.children;return(0,p.jsx)("div",(0,t.pi)({role:"tab",className:this.tabsCls,"aria-disabled":s,"aria-selected":a,onClick:this.onClick,"data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-tabs-tab-inner","data-zv":"10.0.10"},{children:o}),void 0)}),void 0)},a}(s(98454).Z),d=s(53789),m=s(77465),g=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.typeName="vertical",a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"tabsNavCls",{get:function(){return c()("zent-tabs-nav","zent-tabs-nav-type__"+this.typeName)},enumerable:!1,configurable:!0}),a.prototype.transformTabDataList=function(n){return n.map((function(n){return"divide"in n?n:(0,m.Vw)(n,!1)}))},a.prototype.renderTab=function(n,a){return"divide"in n?(0,p.jsx)("div",{className:"zent-tabs-divide","data-zv":"10.0.10"},"divide-"+a):(0,p.jsx)(r,(0,t.pi)({onSelected:this.onTabSelected},n,{id:n.key},{children:n.title}),void 0)},a.prototype.render=function(){var n=this.props.scrollHeight;return(0,p.jsx)("div",(0,t.pi)({className:this.tabsNavCls,"data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-tabs-nav-content","data-zv":"10.0.10"},{children:(0,p.jsx)("div",(0,t.pi)({className:"zent-tabs-scroll",style:{maxHeight:n},role:"tablist","data-zv":"10.0.10"},{children:this.renderTabs()}),void 0)}),void 0)}),void 0)},a}(d.Z),y=s(87057);function b(n){return null}b.defaultProps={divide:!0};var h=b,v=s(87396),f=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"tabsCls",{get:function(){var n=this.props.className;return c()("zent-tabs","zent-tabs-type__vertical",n)},enumerable:!1,configurable:!0}),a.prototype.getTabDataListFromTabs=function(n){var a=this.props.activeId;return n.map((function(n){return"divide"in n?n:(0,t.pi)((0,t.pi)({},n),{actived:n.key===a})}))},a.prototype.getTabDataListFromChildren=function(n){var a=this.props.activeId;return l.Children.map(n,(function(n){return(0,o.isElement)(n)?"divide"in n.props?{divide:!0}:(0,m.AQ)(n,a):null})).filter((function(n){return!(0,u.Z)(n)}))},a.prototype.renderNav=function(n){var a=this.props,s=a.onChange,t=a.scrollHeight;return(0,p.jsx)(g,{scrollHeight:t,onChange:s,tabDataList:n},void 0)},a.prototype.renderTabPanel=function(n){if("divide"in n)return null;var a=this.props.unmountPanelOnHide;return(0,p.jsx)(i.Z,(0,t.pi)({mount:n.actived},{children:(0,p.jsx)(v.Z,(0,t.pi)({tab:n.title,actived:n.actived,unmountOnHide:n.unmountOnHide||a,className:n.className,id:n.key},{children:n.panelChildren}),void 0)}),n.key)},a.TabPanel=v.Z,a.Divide=h,a.defaultProps={activeId:"",onChange:k.Z,unmountPanelOnHide:!1},a}(y.Z)}}]); \ No newline at end of file diff --git a/9928-c730b45dca873105f8a9.js b/9928-3aa4f476eb7e4f682cc9.js similarity index 84% rename from 9928-c730b45dca873105f8a9.js rename to 9928-3aa4f476eb7e4f682cc9.js index a426e6b25..fee360c74 100644 --- a/9928-c730b45dca873105f8a9.js +++ b/9928-3aa4f476eb7e4f682cc9.js @@ -1 +1 @@ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9928],{79928:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>w});var t=s(73450),e=s(27378),p=s(57318),o=s(25802),c=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function l(n){for(var a=1;a({name:"内容 ".concat(a),href:"//www.youzan.com"}))).concat({name:"内容 20"});return(0,c.jsx)(o.a,{style:{width:"400px"},breads:n,maxItemCount:3})};function h(n){return(0,c.jsx)(n.tag,l(l({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function f(n){return(0,c.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function g(n){return(0,c.jsx)(h,{tag:"style",html:n.style})}function b(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),b(n.parentNode,a);return a}class y 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,a=this.props,s=a.title,t=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,b(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(g,{style:""}),e.createElement(f,{html:'

Breadcrumb 面包屑

\n

用于展示当前页面在系统层级中的位置，可定位跳转，只有一行高度。

\n

建议

\n
    \n
  • 当系统拥有两级以上的层级结构时，可使用面包屑；
    • \n
  • 当需要告知用户「你在哪里 」时，可使用面包屑；
    • \n
  • 当需要向上导航的功能时，可使用面包屑。
    • \n
\n

注意

\n
    \n
  • 面包屑不允许超过一行
    • \n
  • 禁止直接使用面包屑描述操作路径
    • \n
\n

代码演示

'}),e.createElement(y,{title:"基础用法",id:"Demobasic",src:'import { Breadcrumb } from \'zent\';\n\nconst dataList = [\n { name: \'首页\', href: \'//www.youzan.com\' },\n { name: \'应用中心\', href: \'//www.youzan.com\' },\n { name: \'营销中心\', href: \'//www.youzan.com\' },\n { name: \'营销玩法\' },\n];\n\nReactDOM.render(\n <Breadcrumb breads={dataList} />\n , mountNode\n);'},e.createElement(u)),e.createElement(y,{title:"可以直接调用 Breadcrumb.Item 组件",id:"Demoitem",src:'import { Alert, Icon } from \'zent\';\n\nReactDOM.render(\n <Breadcrumb>\n <Breadcrumb.Item name="首页" href="//www.youzan.com" />\n <Breadcrumb.Item name="应用中心" href="//www.youzan.com" className="zent-demo-bread" />\n <Breadcrumb.Item name="营销中心" />\n </Breadcrumb>\n , mountNode\n)'},e.createElement(i)),e.createElement(y,{title:"用户自定义 Breadcrumb.Item 的内容，或者自定义面包屑的所有内容",id:"Democustomitem",src:'import { Alert, Icon } from \'zent\';\n\nReactDOM.render(\n <Breadcrumb>\n <Breadcrumb.Item>\n <a href="//www.youzan.com">首页</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item>\n <a href="//www.youzan.com">应用中心</a>\n </Breadcrumb.Item>\n <span>营销中心</span>\n </Breadcrumb>,\n mountNode\n);'},e.createElement(k)),e.createElement(y,{title:"可折叠的面包屑",id:"Demofold",src:'import { Breadcrumb } from \'zent\';\n\nconst dataList = [\n { name: \'首页\', href: \'//www.youzan.com\' },\n { name: \'应用中心\', href: \'//www.youzan.com\' },\n { name: \'营销中心\', href: \'//www.youzan.com\' },\n { name: \'营销玩法\' },\n];\n\nReactDOM.render(\n <Breadcrumb breads={dataList} maxItemCount={3} />\n , mountNode\n);'},e.createElement(d)),e.createElement(y,{title:"可宽度适配",id:"Demofitwdith",src:'import { Breadcrumb } from \'zent\';\n\nconst dataList = Array(20)\n .fill()\n .map((_, index) => ({\n name: `内容 ${index}`,\n href: \'//www.youzan.com\',\n }))\n .concat({ name: `内容 20` });\n\nReactDOM.render(\n <Breadcrumb style={{ width: \'400px\' }} breads={dataList} maxItemCount={3} />,\n mountNode\n);'},e.createElement(m)),e.createElement(f,{html:'

API

\n

Breadcrumb

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
breads数据array[]
className自定义额外类名string\'\'
maxItemCount超出多少个进行自动折叠number
\n

Item

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
className自定义额外类名string\'\'
name内容string or React node-
href链接string-
'}))}}},25802:(n,a,s)=>{"use strict";s.d(a,{a:()=>d});var t=s(59312),e=s(27378),p=s(24246),o=s(60042),c=s.n(o),r=s(14322),l=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.href,s=n.name,e=(0,t._T)(n,["href","name"]);return this.props.children?this.props.children:a?(0,p.jsx)("a",(0,t.pi)({},e,{href:a,"data-zv":"10.0.9"},{children:s}),void 0):(0,p.jsx)("span",(0,t.pi)({},e,{"data-zv":"10.0.9"},{children:s}),void 0)},a}(e.Component),u=s(27036),i=s(17949),k=200,d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={isFolded:!0,overflowLeft:!1,overflowRight:!1,contentStyleLeft:0},a.breadcrumbRef=(0,e.createRef)(),a.contentRef=(0,e.createRef)(),a.isMoving=!1,a.getOverflowStatus=function(){var n=a.state.contentStyleLeft;a.breadcrumbWidth&&a.contentWidth&&(n<0?a.setState({overflowLeft:!0}):a.setState({overflowLeft:!1}),a.breadcrumbWidth-n=0;e--){var p=s.children.item(e).getBoundingClientRect().left;if(pa.breadcrumbLeft+a.breadcrumbWidth){t=o+c-(a.breadcrumbLeft+a.breadcrumbWidth)+24-24;break}}var r=a.contentWidth-a.breadcrumbWidth,l=Math.abs(n-t)>r?-r:n-t;a.setState({contentStyleLeft:l},(function(){a.getOverflowStatus(),setTimeout((function(){a.isMoving=!1}),k)}))}},a.unfoldBreads=function(){a.setState({isFolded:!1},(function(){a.getOverflowStatus()}))},a.getFoldItems=function(){var n=a.state.isFolded,s=a.props,e=s.maxItemCount,p=s.breads;if(!e||e<2)return p;if(!n||(null==p?void 0:p.length)<=e)return p;var o=(0,t.ev)([],p);return o.splice(1,p.length-e,{name:"...",className:"zent-breadcrumb__fold",onClick:a.unfoldBreads}),o},a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"breadcrumbWidth",{get:function(){var n=this.breadcrumbRef.current;return null==n?void 0:n.getBoundingClientRect().width},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"breadcrumbLeft",{get:function(){var n=this.breadcrumbRef.current;return null==n?void 0:n.getBoundingClientRect().left},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"contentWidth",{get:function(){var n=this.contentRef.current;return null==n?void 0:n.getBoundingClientRect().width},enumerable:!1,configurable:!0}),a.prototype.render=function(){var n=this.props,a=n.className,s=n.children,o=void 0===s?null:s,i=n.style,k=this.state,d=k.overflowLeft,m=k.overflowRight,h=k.contentStyleLeft,f=this.getFoldItems(),g=o||f&&f.length>0;return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-breadcrumb",a,{"zent-breadcrumb--overflow-left":d,"zent-breadcrumb--overflow-right":m}),ref:this.breadcrumbRef,style:i,"data-zv":"10.0.9"},{children:[d&&(0,p.jsx)(u.Z,{type:"left",className:"zent-breadcrumb__move-left",onClick:this.handleClickMoveLeft},void 0),g&&(0,p.jsxs)("div",(0,t.pi)({className:"zent-breadcrumb__content",style:{left:h+"px"},ref:this.contentRef,"data-zv":"10.0.9"},{children:[o,f&&f.length>0&&f.map((function(n,a){return(0,e.createElement)(l,(0,t.pi)({},n,{key:a}))}))]}),void 0),m&&(0,p.jsx)(u.Z,{type:"right",className:"zent-breadcrumb__move-right",onClick:this.handleClickMoveRight},void 0),(0,p.jsx)(r.w,{onResize:this.getOverflowStatus},void 0)]}),void 0)},a.defaultProps={className:"",breads:[]},a.Item=l,a}(e.Component)},14322:(n,a,s)=>{"use strict";s.d(a,{w:()=>l});var t=s(24246),e=s(27378),p=s(27468),o=s(80186),c=s(17127),r={passive:!0},l=function(n){var a=n.disableThrottle,s=void 0!==a&&a,l=n.onResize,u=(0,e.useRef)(null),i=(0,e.useRef)(l);i.current=l;var k=(0,e.useCallback)((function(n){var a=(0,p.ZP)();u.current||(u.current=a);var s=u.current,t={deltaX:a.width-s.width,deltaY:a.height-s.height};0===t.deltaX&&0===t.deltaY||(i.current(n,t),u.current=a)}),[]),d=(0,c.BN)(k,s);return(0,e.useEffect)((function(){return u.current=(0,p.ZP)(),d.cancel}),[d]),(0,t.jsx)(o.ZP,{eventName:"resize",listener:d,options:r},void 0)}}}]); \ No newline at end of file +(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[9928],{79928:(n,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>w});var t=s(73450),e=s(27378),p=s(57318),o=s(25802),c=s(24246);function r(n,a){var s=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);a&&(t=t.filter((function(a){return Object.getOwnPropertyDescriptor(n,a).enumerable}))),s.push.apply(s,t)}return s}function l(n){for(var a=1;a({name:"内容 ".concat(a),href:"//www.youzan.com"}))).concat({name:"内容 20"});return(0,c.jsx)(o.a,{style:{width:"400px"},breads:n,maxItemCount:3})};function h(n){return(0,c.jsx)(n.tag,l(l({},n.attributes),{},{dangerouslySetInnerHTML:{__html:n.html}}))}function f(n){return(0,c.jsx)(h,{tag:"section",html:n.html,attributes:{className:"zandoc-react-markdown"}})}function g(n){return(0,c.jsx)(h,{tag:"style",html:n.style})}function b(n,a){for(;n;)return n.offsetTop&&"static"!==getComputedStyle(n).position&&(a+=n.offsetTop),b(n.parentNode,a);return a}class y 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,a=this.props,s=a.title,t=a.src,e=a.children;return(0,c.jsxs)("div",{className:"zandoc-react-demo",children:[(0,c.jsx)("div",{className:"zandoc-react-demo__preview",children:e}),(0,c.jsxs)("div",{className:"zandoc-react-demo__bottom",onClick:this.toggle,children:[(0,c.jsx)("div",{className:"zandoc-react-demo__title",children:(0,c.jsx)("p",{children:s||""})}),(0,c.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,c.jsx)("pre",{className:"zandoc-react-demo__code",children:(0,c.jsx)(h,{tag:"code",html:t,attributes:{className:"language-jsx"}})})]})}}class w extends e.Component{componentDidMount(){var n=location.hash;if(n){var a=document.querySelector('a[href="'.concat(n,'"]'));a&&(0,p.l)(document.documentElement,0,b(a,-9))}}render(){return e.createElement("div",{className:"zandoc-react-container"},e.createElement(g,{style:""}),e.createElement(f,{html:'

Breadcrumb 面包屑

\n

用于展示当前页面在系统层级中的位置，可定位跳转，只有一行高度。

\n

建议

\n
    \n
  • 当系统拥有两级以上的层级结构时，可使用面包屑；
    • \n
  • 当需要告知用户「你在哪里 」时，可使用面包屑；
    • \n
  • 当需要向上导航的功能时，可使用面包屑。
    • \n
\n

注意

\n
    \n
  • 面包屑不允许超过一行
    • \n
  • 禁止直接使用面包屑描述操作路径
    • \n
\n

代码演示

'}),e.createElement(y,{title:"基础用法",id:"Demobasic",src:'import { Breadcrumb } from \'zent\';\n\nconst dataList = [\n { name: \'首页\', href: \'//www.youzan.com\' },\n { name: \'应用中心\', href: \'//www.youzan.com\' },\n { name: \'营销中心\', href: \'//www.youzan.com\' },\n { name: \'营销玩法\' },\n];\n\nReactDOM.render(\n <Breadcrumb breads={dataList} />\n , mountNode\n);'},e.createElement(u)),e.createElement(y,{title:"可以直接调用 Breadcrumb.Item 组件",id:"Demoitem",src:'import { Alert, Icon } from \'zent\';\n\nReactDOM.render(\n <Breadcrumb>\n <Breadcrumb.Item name="首页" href="//www.youzan.com" />\n <Breadcrumb.Item name="应用中心" href="//www.youzan.com" className="zent-demo-bread" />\n <Breadcrumb.Item name="营销中心" />\n </Breadcrumb>\n , mountNode\n)'},e.createElement(i)),e.createElement(y,{title:"用户自定义 Breadcrumb.Item 的内容，或者自定义面包屑的所有内容",id:"Democustomitem",src:'import { Alert, Icon } from \'zent\';\n\nReactDOM.render(\n <Breadcrumb>\n <Breadcrumb.Item>\n <a href="//www.youzan.com">首页</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item>\n <a href="//www.youzan.com">应用中心</a>\n </Breadcrumb.Item>\n <span>营销中心</span>\n </Breadcrumb>,\n mountNode\n);'},e.createElement(k)),e.createElement(y,{title:"可折叠的面包屑",id:"Demofold",src:'import { Breadcrumb } from \'zent\';\n\nconst dataList = [\n { name: \'首页\', href: \'//www.youzan.com\' },\n { name: \'应用中心\', href: \'//www.youzan.com\' },\n { name: \'营销中心\', href: \'//www.youzan.com\' },\n { name: \'营销玩法\' },\n];\n\nReactDOM.render(\n <Breadcrumb breads={dataList} maxItemCount={3} />\n , mountNode\n);'},e.createElement(d)),e.createElement(y,{title:"可宽度适配",id:"Demofitwdith",src:'import { Breadcrumb } from \'zent\';\n\nconst dataList = Array(20)\n .fill()\n .map((_, index) => ({\n name: `内容 ${index}`,\n href: \'//www.youzan.com\',\n }))\n .concat({ name: `内容 20` });\n\nReactDOM.render(\n <Breadcrumb style={{ width: \'400px\' }} breads={dataList} maxItemCount={3} />,\n mountNode\n);'},e.createElement(m)),e.createElement(f,{html:'

API

\n

Breadcrumb

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
breads数据array[]
className自定义额外类名string\'\'
maxItemCount超出多少个进行自动折叠number
\n

Item

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
参数说明类型默认值
className自定义额外类名string\'\'
name内容string or React node-
href链接string-
'}))}}},25802:(n,a,s)=>{"use strict";s.d(a,{a:()=>d});var t=s(59312),e=s(27378),p=s(24246),o=s(60042),c=s.n(o),r=s(14322),l=function(n){function a(){return null!==n&&n.apply(this,arguments)||this}return(0,t.ZT)(a,n),a.prototype.render=function(){var n=this.props,a=n.href,s=n.name,e=(0,t._T)(n,["href","name"]);return this.props.children?this.props.children:a?(0,p.jsx)("a",(0,t.pi)({},e,{href:a,"data-zv":"10.0.10"},{children:s}),void 0):(0,p.jsx)("span",(0,t.pi)({},e,{"data-zv":"10.0.10"},{children:s}),void 0)},a}(e.Component),u=s(27036),i=s(17949),k=200,d=function(n){function a(){var a=null!==n&&n.apply(this,arguments)||this;return a.state={isFolded:!0,overflowLeft:!1,overflowRight:!1,contentStyleLeft:0},a.breadcrumbRef=(0,e.createRef)(),a.contentRef=(0,e.createRef)(),a.isMoving=!1,a.getOverflowStatus=function(){var n=a.state.contentStyleLeft;a.breadcrumbWidth&&a.contentWidth&&(n<0?a.setState({overflowLeft:!0}):a.setState({overflowLeft:!1}),a.breadcrumbWidth-n=0;e--){var p=s.children.item(e).getBoundingClientRect().left;if(pa.breadcrumbLeft+a.breadcrumbWidth){t=o+c-(a.breadcrumbLeft+a.breadcrumbWidth)+24-24;break}}var r=a.contentWidth-a.breadcrumbWidth,l=Math.abs(n-t)>r?-r:n-t;a.setState({contentStyleLeft:l},(function(){a.getOverflowStatus(),setTimeout((function(){a.isMoving=!1}),k)}))}},a.unfoldBreads=function(){a.setState({isFolded:!1},(function(){a.getOverflowStatus()}))},a.getFoldItems=function(){var n=a.state.isFolded,s=a.props,e=s.maxItemCount,p=s.breads;if(!e||e<2)return p;if(!n||(null==p?void 0:p.length)<=e)return p;var o=(0,t.ev)([],p);return o.splice(1,p.length-e,{name:"...",className:"zent-breadcrumb__fold",onClick:a.unfoldBreads}),o},a}return(0,t.ZT)(a,n),Object.defineProperty(a.prototype,"breadcrumbWidth",{get:function(){var n=this.breadcrumbRef.current;return null==n?void 0:n.getBoundingClientRect().width},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"breadcrumbLeft",{get:function(){var n=this.breadcrumbRef.current;return null==n?void 0:n.getBoundingClientRect().left},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"contentWidth",{get:function(){var n=this.contentRef.current;return null==n?void 0:n.getBoundingClientRect().width},enumerable:!1,configurable:!0}),a.prototype.render=function(){var n=this.props,a=n.className,s=n.children,o=void 0===s?null:s,i=n.style,k=this.state,d=k.overflowLeft,m=k.overflowRight,h=k.contentStyleLeft,f=this.getFoldItems(),g=o||f&&f.length>0;return(0,p.jsxs)("div",(0,t.pi)({className:c()("zent-breadcrumb",a,{"zent-breadcrumb--overflow-left":d,"zent-breadcrumb--overflow-right":m}),ref:this.breadcrumbRef,style:i,"data-zv":"10.0.10"},{children:[d&&(0,p.jsx)(u.Z,{type:"left",className:"zent-breadcrumb__move-left",onClick:this.handleClickMoveLeft},void 0),g&&(0,p.jsxs)("div",(0,t.pi)({className:"zent-breadcrumb__content",style:{left:h+"px"},ref:this.contentRef,"data-zv":"10.0.10"},{children:[o,f&&f.length>0&&f.map((function(n,a){return(0,e.createElement)(l,(0,t.pi)({},n,{key:a}))}))]}),void 0),m&&(0,p.jsx)(u.Z,{type:"right",className:"zent-breadcrumb__move-right",onClick:this.handleClickMoveRight},void 0),(0,p.jsx)(r.w,{onResize:this.getOverflowStatus},void 0)]}),void 0)},a.defaultProps={className:"",breads:[]},a.Item=l,a}(e.Component)},14322:(n,a,s)=>{"use strict";s.d(a,{w:()=>l});var t=s(24246),e=s(27378),p=s(27468),o=s(80186),c=s(17127),r={passive:!0},l=function(n){var a=n.disableThrottle,s=void 0!==a&&a,l=n.onResize,u=(0,e.useRef)(null),i=(0,e.useRef)(l);i.current=l;var k=(0,e.useCallback)((function(n){var a=(0,p.ZP)();u.current||(u.current=a);var s=u.current,t={deltaX:a.width-s.width,deltaY:a.height-s.height};0===t.deltaX&&0===t.deltaY||(i.current(n,t),u.current=a)}),[]),d=(0,c.BN)(k,s);return(0,e.useEffect)((function(){return u.current=(0,p.ZP)(),d.cancel}),[d]),(0,t.jsx)(o.ZP,{eventName:"resize",listener:d,options:r},void 0)}}}]); \ No newline at end of file diff --git a/apidoc/assets/js/search.js b/apidoc/assets/js/search.js index 3635fb3aa..fd1bb3548 100644 --- a/apidoc/assets/js/search.js +++ b/apidoc/assets/js/search.js @@ -1 +1 @@ -window.searchData = {"kinds":{"2":"Namespace","4":"Enumeration","16":"Enumeration member","32":"Variable","64":"Function","128":"Class","256":"Interface","512":"Constructor","1024":"Property","2048":"Method","65536":"Type literal","262144":"Accessor","4194304":"Type alias"},"rows":[{"id":0,"kind":256,"name":"IAffixImperativeHandlers","url":"interfaces/IAffixImperativeHandlers.html","classes":"tsd-kind-interface"},{"id":1,"kind":2048,"name":"updatePosition","url":"interfaces/IAffixImperativeHandlers.html#updatePosition","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAffixImperativeHandlers"},{"id":2,"kind":256,"name":"IAffixProps","url":"interfaces/IAffixProps.html","classes":"tsd-kind-interface"},{"id":3,"kind":1024,"name":"offsetTop","url":"interfaces/IAffixProps.html#offsetTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAffixProps"},{"id":4,"kind":1024,"name":"offsetBottom","url":"interfaces/IAffixProps.html#offsetBottom","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAffixProps"},{"id":5,"kind":2048,"name":"getAffixContainer","url":"interfaces/IAffixProps.html#getAffixContainer","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAffixProps"},{"id":6,"kind":1024,"name":"children","url":"interfaces/IAffixProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAffixProps"},{"id":7,"kind":2048,"name":"onPin","url":"interfaces/IAffixProps.html#onPin","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAffixProps"},{"id":8,"kind":2048,"name":"onUnpin","url":"interfaces/IAffixProps.html#onUnpin","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAffixProps"},{"id":9,"kind":1024,"name":"zIndex","url":"interfaces/IAffixProps.html#zIndex","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAffixProps"},{"id":10,"kind":1024,"name":"className","url":"interfaces/IAffixProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAffixProps"},{"id":11,"kind":1024,"name":"placeholderClassName","url":"interfaces/IAffixProps.html#placeholderClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAffixProps"},{"id":12,"kind":32,"name":"Affix","url":"modules.html#Affix","classes":"tsd-kind-variable"},{"id":13,"kind":256,"name":"IAlertItemProps","url":"interfaces/IAlertItemProps.html","classes":"tsd-kind-interface"},{"id":14,"kind":1024,"name":"closable","url":"interfaces/IAlertItemProps.html#closable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAlertItemProps"},{"id":15,"kind":1024,"name":"closeContent","url":"interfaces/IAlertItemProps.html#closeContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAlertItemProps"},{"id":16,"kind":1024,"name":"extraContent","url":"interfaces/IAlertItemProps.html#extraContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAlertItemProps"},{"id":17,"kind":1024,"name":"title","url":"interfaces/IAlertItemProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAlertItemProps"},{"id":18,"kind":1024,"name":"description","url":"interfaces/IAlertItemProps.html#description","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAlertItemProps"},{"id":19,"kind":2048,"name":"onClose","url":"interfaces/IAlertItemProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAlertItemProps"},{"id":20,"kind":128,"name":"AlertItem","url":"classes/AlertItem.html","classes":"tsd-kind-class"},{"id":21,"kind":512,"name":"constructor","url":"classes/AlertItem.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"AlertItem"},{"id":22,"kind":2048,"name":"render","url":"classes/AlertItem.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"AlertItem"},{"id":23,"kind":65536,"name":"__type","url":"classes/AlertItem.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"AlertItem"},{"id":24,"kind":256,"name":"IAlertProps","url":"interfaces/IAlertProps.html","classes":"tsd-kind-interface"},{"id":25,"kind":65536,"name":"__type","url":"interfaces/IAlertProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IAlertProps"},{"id":26,"kind":1024,"name":"type","url":"interfaces/IAlertProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":27,"kind":1024,"name":"loading","url":"interfaces/IAlertProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":28,"kind":1024,"name":"outline","url":"interfaces/IAlertProps.html#outline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":29,"kind":1024,"name":"bordered","url":"interfaces/IAlertProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":30,"kind":1024,"name":"title","url":"interfaces/IAlertProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":31,"kind":1024,"name":"description","url":"interfaces/IAlertProps.html#description","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":32,"kind":1024,"name":"extraContent","url":"interfaces/IAlertProps.html#extraContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":33,"kind":1024,"name":"closable","url":"interfaces/IAlertProps.html#closable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":34,"kind":1024,"name":"closed","url":"interfaces/IAlertProps.html#closed","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":35,"kind":1024,"name":"icon","url":"interfaces/IAlertProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":36,"kind":1024,"name":"closeIconColor","url":"interfaces/IAlertProps.html#closeIconColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":37,"kind":1024,"name":"progress","url":"interfaces/IAlertProps.html#progress","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":38,"kind":2048,"name":"onClose","url":"interfaces/IAlertProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":39,"kind":1024,"name":"closeContent","url":"interfaces/IAlertProps.html#closeContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":40,"kind":128,"name":"Alert","url":"classes/Alert.html","classes":"tsd-kind-class"},{"id":41,"kind":1024,"name":"highlightClassName","url":"classes/Alert.html#highlightClassName","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Alert"},{"id":42,"kind":1024,"name":"defaultProps","url":"classes/Alert.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Alert"},{"id":43,"kind":65536,"name":"__type","url":"classes/Alert.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Alert"},{"id":44,"kind":1024,"name":"type","url":"classes/Alert.html#__type-1.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Alert.__type"},{"id":45,"kind":1024,"name":"bordered","url":"classes/Alert.html#__type-1.bordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Alert.__type"},{"id":46,"kind":1024,"name":"loading","url":"classes/Alert.html#__type-1.loading","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Alert.__type"},{"id":47,"kind":1024,"name":"outline","url":"classes/Alert.html#__type-1.outline","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Alert.__type"},{"id":48,"kind":1024,"name":"closable","url":"classes/Alert.html#__type-1.closable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Alert.__type"},{"id":49,"kind":512,"name":"constructor","url":"classes/Alert.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Alert"},{"id":50,"kind":1024,"name":"state","url":"classes/Alert.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Alert"},{"id":51,"kind":2048,"name":"render","url":"classes/Alert.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Alert"},{"id":52,"kind":65536,"name":"__type","url":"classes/Alert.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Alert"},{"id":53,"kind":256,"name":"IScrollAlertProps","url":"interfaces/IScrollAlertProps.html","classes":"tsd-kind-interface"},{"id":54,"kind":1024,"name":"type","url":"interfaces/IScrollAlertProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":55,"kind":1024,"name":"outline","url":"interfaces/IScrollAlertProps.html#outline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":56,"kind":1024,"name":"loading","url":"interfaces/IScrollAlertProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":57,"kind":1024,"name":"scrollInterval","url":"interfaces/IScrollAlertProps.html#scrollInterval","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":58,"kind":2048,"name":"onClose","url":"interfaces/IScrollAlertProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":59,"kind":1024,"name":"closed","url":"interfaces/IScrollAlertProps.html#closed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":60,"kind":1024,"name":"bordered","url":"interfaces/IScrollAlertProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":61,"kind":65536,"name":"__type","url":"interfaces/IScrollAlertProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":62,"kind":128,"name":"ScrollAlert","url":"classes/ScrollAlert.html","classes":"tsd-kind-class"},{"id":63,"kind":1024,"name":"defaultProps","url":"classes/ScrollAlert.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ScrollAlert"},{"id":64,"kind":65536,"name":"__type","url":"classes/ScrollAlert.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ScrollAlert"},{"id":65,"kind":1024,"name":"type","url":"classes/ScrollAlert.html#__type-1.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ScrollAlert.__type"},{"id":66,"kind":1024,"name":"loading","url":"classes/ScrollAlert.html#__type-1.loading","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ScrollAlert.__type"},{"id":67,"kind":1024,"name":"scrollInterval","url":"classes/ScrollAlert.html#__type-1.scrollInterval","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ScrollAlert.__type"},{"id":68,"kind":1024,"name":"bordered","url":"classes/ScrollAlert.html#__type-1.bordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ScrollAlert.__type"},{"id":69,"kind":512,"name":"constructor","url":"classes/ScrollAlert.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"ScrollAlert"},{"id":70,"kind":1024,"name":"timeoutId","url":"classes/ScrollAlert.html#timeoutId","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ScrollAlert"},{"id":71,"kind":1024,"name":"firstChildHeight","url":"classes/ScrollAlert.html#firstChildHeight","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ScrollAlert"},{"id":72,"kind":2048,"name":"componentDidMount","url":"classes/ScrollAlert.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ScrollAlert"},{"id":73,"kind":2048,"name":"componentWillUnmount","url":"classes/ScrollAlert.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ScrollAlert"},{"id":74,"kind":2048,"name":"scrollHandler","url":"classes/ScrollAlert.html#scrollHandler","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ScrollAlert"},{"id":75,"kind":2048,"name":"stopScroll","url":"classes/ScrollAlert.html#stopScroll","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ScrollAlert"},{"id":76,"kind":2048,"name":"continueScroll","url":"classes/ScrollAlert.html#continueScroll","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ScrollAlert"},{"id":77,"kind":2048,"name":"resetChildren","url":"classes/ScrollAlert.html#resetChildren","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ScrollAlert"},{"id":78,"kind":2048,"name":"clearTimer","url":"classes/ScrollAlert.html#clearTimer","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ScrollAlert"},{"id":79,"kind":2048,"name":"onFirstChildRef","url":"classes/ScrollAlert.html#onFirstChildRef","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ScrollAlert"},{"id":80,"kind":262144,"name":"renderItem","url":"classes/ScrollAlert.html#renderItem","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"ScrollAlert"},{"id":81,"kind":2048,"name":"render","url":"classes/ScrollAlert.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ScrollAlert"},{"id":82,"kind":65536,"name":"__type","url":"classes/ScrollAlert.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ScrollAlert"},{"id":83,"kind":4194304,"name":"AlertTypes","url":"modules.html#AlertTypes","classes":"tsd-kind-type-alias"},{"id":84,"kind":256,"name":"IAnimateHeightProps","url":"interfaces/IAnimateHeightProps.html","classes":"tsd-kind-interface"},{"id":85,"kind":1024,"name":"height","url":"interfaces/IAnimateHeightProps.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":86,"kind":1024,"name":"appear","url":"interfaces/IAnimateHeightProps.html#appear","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":87,"kind":1024,"name":"duration","url":"interfaces/IAnimateHeightProps.html#duration","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":88,"kind":1024,"name":"easing","url":"interfaces/IAnimateHeightProps.html#easing","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":89,"kind":1024,"name":"className","url":"interfaces/IAnimateHeightProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":90,"kind":1024,"name":"style","url":"interfaces/IAnimateHeightProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":91,"kind":1024,"name":"overflow","url":"interfaces/IAnimateHeightProps.html#overflow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":92,"kind":1024,"name":"transitionPrototype","url":"interfaces/IAnimateHeightProps.html#transitionPrototype","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":93,"kind":128,"name":"AnimateHeight","url":"classes/AnimateHeight.html","classes":"tsd-kind-class"},{"id":94,"kind":1024,"name":"defaultProps","url":"classes/AnimateHeight.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"AnimateHeight"},{"id":95,"kind":65536,"name":"__type","url":"classes/AnimateHeight.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"AnimateHeight"},{"id":96,"kind":1024,"name":"appear","url":"classes/AnimateHeight.html#__type-1.appear","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AnimateHeight.__type"},{"id":97,"kind":1024,"name":"duration","url":"classes/AnimateHeight.html#__type-1.duration","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AnimateHeight.__type"},{"id":98,"kind":1024,"name":"easing","url":"classes/AnimateHeight.html#__type-1.easing","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AnimateHeight.__type"},{"id":99,"kind":1024,"name":"overflow","url":"classes/AnimateHeight.html#__type-1.overflow","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AnimateHeight.__type"},{"id":100,"kind":1024,"name":"transitionPrototype","url":"classes/AnimateHeight.html#__type-1.transitionPrototype","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AnimateHeight.__type"},{"id":101,"kind":512,"name":"constructor","url":"classes/AnimateHeight.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"AnimateHeight"},{"id":102,"kind":2048,"name":"componentDidMount","url":"classes/AnimateHeight.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"AnimateHeight"},{"id":103,"kind":2048,"name":"componentDidUpdate","url":"classes/AnimateHeight.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"AnimateHeight"},{"id":104,"kind":2048,"name":"render","url":"classes/AnimateHeight.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"AnimateHeight"},{"id":105,"kind":65536,"name":"__type","url":"classes/AnimateHeight.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"AnimateHeight"},{"id":106,"kind":256,"name":"IAutoCompleteMenuObjectItem","url":"interfaces/IAutoCompleteMenuObjectItem.html","classes":"tsd-kind-interface"},{"id":107,"kind":1024,"name":"value","url":"interfaces/IAutoCompleteMenuObjectItem.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IAutoCompleteMenuObjectItem"},{"id":108,"kind":1024,"name":"valueField","url":"interfaces/IAutoCompleteMenuObjectItem.html#valueField","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteMenuObjectItem"},{"id":109,"kind":1024,"name":"textField","url":"interfaces/IAutoCompleteMenuObjectItem.html#textField","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteMenuObjectItem"},{"id":110,"kind":1024,"name":"contentField","url":"interfaces/IAutoCompleteMenuObjectItem.html#contentField","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteMenuObjectItem"},{"id":111,"kind":1024,"name":"searchContent","url":"interfaces/IAutoCompleteMenuObjectItem.html#searchContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IAutoCompleteMenuObjectItem"},{"id":112,"kind":1024,"name":"className","url":"interfaces/IAutoCompleteMenuObjectItem.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":113,"kind":1024,"name":"onClick","url":"interfaces/IAutoCompleteMenuObjectItem.html#onClick","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":114,"kind":1024,"name":"icon","url":"interfaces/IAutoCompleteMenuObjectItem.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":115,"kind":1024,"name":"content","url":"interfaces/IAutoCompleteMenuObjectItem.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":116,"kind":1024,"name":"isGroup","url":"interfaces/IAutoCompleteMenuObjectItem.html#isGroup","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":117,"kind":1024,"name":"isDivider","url":"interfaces/IAutoCompleteMenuObjectItem.html#isDivider","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":118,"kind":1024,"name":"disabled","url":"interfaces/IAutoCompleteMenuObjectItem.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":119,"kind":1024,"name":"active","url":"interfaces/IAutoCompleteMenuObjectItem.html#active","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":120,"kind":1024,"name":"hoverable","url":"interfaces/IAutoCompleteMenuObjectItem.html#hoverable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":121,"kind":4194304,"name":"IAutoCompleteMenuItem","url":"modules.html#IAutoCompleteMenuItem","classes":"tsd-kind-type-alias"},{"id":122,"kind":256,"name":"IAutoCompleteProps","url":"interfaces/IAutoCompleteProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":123,"kind":1024,"name":"value","url":"interfaces/IAutoCompleteProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":124,"kind":1024,"name":"initialValue","url":"interfaces/IAutoCompleteProps.html#initialValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":125,"kind":1024,"name":"placeholder","url":"interfaces/IAutoCompleteProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":126,"kind":1024,"name":"data","url":"interfaces/IAutoCompleteProps.html#data","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":127,"kind":1024,"name":"items","url":"interfaces/IAutoCompleteProps.html#items","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":128,"kind":2048,"name":"onChange","url":"interfaces/IAutoCompleteProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":129,"kind":2048,"name":"onSelect","url":"interfaces/IAutoCompleteProps.html#onSelect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":130,"kind":2048,"name":"onSearch","url":"interfaces/IAutoCompleteProps.html#onSearch","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":131,"kind":2048,"name":"filterOption","url":"interfaces/IAutoCompleteProps.html#filterOption","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":132,"kind":1024,"name":"valueFromOption","url":"interfaces/IAutoCompleteProps.html#valueFromOption","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":133,"kind":1024,"name":"className","url":"interfaces/IAutoCompleteProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":134,"kind":1024,"name":"popupClassName","url":"interfaces/IAutoCompleteProps.html#popupClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":135,"kind":1024,"name":"width","url":"interfaces/IAutoCompleteProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":136,"kind":1024,"name":"valueFromOptions","url":"interfaces/IAutoCompleteProps.html#valueFromOptions","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":137,"kind":1024,"name":"valueField","url":"interfaces/IAutoCompleteProps.html#valueField","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":138,"kind":1024,"name":"contentField","url":"interfaces/IAutoCompleteProps.html#contentField","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":139,"kind":1024,"name":"textField","url":"interfaces/IAutoCompleteProps.html#textField","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":140,"kind":1024,"name":"disabled","url":"interfaces/IAutoCompleteProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":141,"kind":1024,"name":"inline","url":"interfaces/IAutoCompleteProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":142,"kind":256,"name":"IAutoCompleteState","url":"interfaces/IAutoCompleteState.html","classes":"tsd-kind-interface"},{"id":143,"kind":1024,"name":"open","url":"interfaces/IAutoCompleteState.html#open","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteState"},{"id":144,"kind":1024,"name":"value","url":"interfaces/IAutoCompleteState.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteState"},{"id":145,"kind":1024,"name":"searchText","url":"interfaces/IAutoCompleteState.html#searchText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteState"},{"id":146,"kind":128,"name":"AutoComplete","url":"classes/AutoComplete.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":147,"kind":1024,"name":"defaultProps","url":"classes/AutoComplete.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"AutoComplete"},{"id":148,"kind":65536,"name":"__type","url":"classes/AutoComplete.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"AutoComplete"},{"id":149,"kind":1024,"name":"filterOption","url":"classes/AutoComplete.html#__type-1.filterOption","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AutoComplete.__type"},{"id":150,"kind":65536,"name":"__type","url":"classes/AutoComplete.html#__type-1.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"AutoComplete.__type"},{"id":151,"kind":1024,"name":"valueFromOptions","url":"classes/AutoComplete.html#__type-1.valueFromOptions","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AutoComplete.__type"},{"id":152,"kind":1024,"name":"valueField","url":"classes/AutoComplete.html#__type-1.valueField","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AutoComplete.__type"},{"id":153,"kind":1024,"name":"contentField","url":"classes/AutoComplete.html#__type-1.contentField","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AutoComplete.__type"},{"id":154,"kind":1024,"name":"textField","url":"classes/AutoComplete.html#__type-1.textField","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AutoComplete.__type"},{"id":155,"kind":1024,"name":"width","url":"classes/AutoComplete.html#__type-1.width","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AutoComplete.__type"},{"id":156,"kind":1024,"name":"contextType","url":"classes/AutoComplete.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"AutoComplete"},{"id":157,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/AutoComplete.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-static","parent":"AutoComplete"},{"id":158,"kind":512,"name":"constructor","url":"classes/AutoComplete.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"AutoComplete"},{"id":159,"kind":1024,"name":"context","url":"classes/AutoComplete.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"AutoComplete"},{"id":160,"kind":1024,"name":"blurHandlerPrevented","url":"classes/AutoComplete.html#blurHandlerPrevented","classes":"tsd-kind-property tsd-parent-kind-class","parent":"AutoComplete"},{"id":161,"kind":1024,"name":"refMenuItemList","url":"classes/AutoComplete.html#refMenuItemList","classes":"tsd-kind-property tsd-parent-kind-class","parent":"AutoComplete"},{"id":162,"kind":2048,"name":"onSearchTextChange","url":"classes/AutoComplete.html#onSearchTextChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":163,"kind":1024,"name":"onSearchKeyDown","url":"classes/AutoComplete.html#onSearchKeyDown","classes":"tsd-kind-property tsd-parent-kind-class","parent":"AutoComplete"},{"id":164,"kind":2048,"name":"onSearchBlur","url":"classes/AutoComplete.html#onSearchBlur","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":165,"kind":2048,"name":"getSelectedValueFromSearchText","url":"classes/AutoComplete.html#getSelectedValueFromSearchText","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":166,"kind":2048,"name":"onSelect","url":"classes/AutoComplete.html#onSelect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":167,"kind":2048,"name":"getTransformedItemConfigsFromProps","url":"classes/AutoComplete.html#getTransformedItemConfigsFromProps","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":168,"kind":2048,"name":"open","url":"classes/AutoComplete.html#open","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":169,"kind":2048,"name":"close","url":"classes/AutoComplete.html#close","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":170,"kind":2048,"name":"togglePopoverOpen","url":"classes/AutoComplete.html#togglePopoverOpen","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":171,"kind":2048,"name":"moveFocusIndexDown","url":"classes/AutoComplete.html#moveFocusIndexDown","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":172,"kind":2048,"name":"moveFocusIndexUp","url":"classes/AutoComplete.html#moveFocusIndexUp","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":173,"kind":2048,"name":"selectCurrentFocusIndex","url":"classes/AutoComplete.html#selectCurrentFocusIndex","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":174,"kind":2048,"name":"render","url":"classes/AutoComplete.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"AutoComplete"},{"id":175,"kind":65536,"name":"__type","url":"classes/AutoComplete.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"AutoComplete"},{"id":176,"kind":256,"name":"IAvatarProps","url":"interfaces/IAvatarProps.html","classes":"tsd-kind-interface"},{"id":177,"kind":1024,"name":"shape","url":"interfaces/IAvatarProps.html#shape","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":178,"kind":1024,"name":"size","url":"interfaces/IAvatarProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":179,"kind":1024,"name":"icon","url":"interfaces/IAvatarProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":180,"kind":1024,"name":"src","url":"interfaces/IAvatarProps.html#src","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":181,"kind":1024,"name":"children","url":"interfaces/IAvatarProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":182,"kind":1024,"name":"bordered","url":"interfaces/IAvatarProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":183,"kind":1024,"name":"style","url":"interfaces/IAvatarProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":184,"kind":1024,"name":"className","url":"interfaces/IAvatarProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":185,"kind":256,"name":"IAvatarState","url":"interfaces/IAvatarState.html","classes":"tsd-kind-interface"},{"id":186,"kind":1024,"name":"textScale","url":"interfaces/IAvatarState.html#textScale","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarState"},{"id":187,"kind":1024,"name":"textReady","url":"interfaces/IAvatarState.html#textReady","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarState"},{"id":188,"kind":1024,"name":"prevChildren","url":"interfaces/IAvatarState.html#prevChildren","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarState"},{"id":189,"kind":128,"name":"Avatar","url":"classes/Avatar.html","classes":"tsd-kind-class"},{"id":190,"kind":1024,"name":"defaultProps","url":"classes/Avatar.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Avatar"},{"id":191,"kind":65536,"name":"__type","url":"classes/Avatar.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Avatar"},{"id":192,"kind":1024,"name":"shape","url":"classes/Avatar.html#__type-2.shape","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Avatar.__type"},{"id":193,"kind":1024,"name":"size","url":"classes/Avatar.html#__type-2.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Avatar.__type"},{"id":194,"kind":1024,"name":"bordered","url":"classes/Avatar.html#__type-2.bordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Avatar.__type"},{"id":195,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Avatar.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Avatar"},{"id":196,"kind":512,"name":"constructor","url":"classes/Avatar.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Avatar"},{"id":197,"kind":1024,"name":"textNodeRef","url":"classes/Avatar.html#textNodeRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Avatar"},{"id":198,"kind":1024,"name":"avatarNodeRef","url":"classes/Avatar.html#avatarNodeRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Avatar"},{"id":199,"kind":1024,"name":"state","url":"classes/Avatar.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Avatar"},{"id":200,"kind":65536,"name":"__type","url":"classes/Avatar.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Avatar"},{"id":201,"kind":1024,"name":"textScale","url":"classes/Avatar.html#__type-1.textScale","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Avatar.__type"},{"id":202,"kind":1024,"name":"textReady","url":"classes/Avatar.html#__type-1.textReady","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Avatar.__type"},{"id":203,"kind":2048,"name":"render","url":"classes/Avatar.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Avatar"},{"id":204,"kind":2048,"name":"componentDidMount","url":"classes/Avatar.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Avatar"},{"id":205,"kind":2048,"name":"componentDidUpdate","url":"classes/Avatar.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Avatar"},{"id":206,"kind":2048,"name":"updateTextScale","url":"classes/Avatar.html#updateTextScale","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Avatar"},{"id":207,"kind":65536,"name":"__type","url":"classes/Avatar.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Avatar"},{"id":208,"kind":256,"name":"IBadgeProps","url":"interfaces/IBadgeProps.html","classes":"tsd-kind-interface"},{"id":209,"kind":1024,"name":"count","url":"interfaces/IBadgeProps.html#count","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":210,"kind":1024,"name":"maxCount","url":"interfaces/IBadgeProps.html#maxCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":211,"kind":1024,"name":"dot","url":"interfaces/IBadgeProps.html#dot","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":212,"kind":1024,"name":"showZero","url":"interfaces/IBadgeProps.html#showZero","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":213,"kind":1024,"name":"offset","url":"interfaces/IBadgeProps.html#offset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":214,"kind":1024,"name":"style","url":"interfaces/IBadgeProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":215,"kind":1024,"name":"children","url":"interfaces/IBadgeProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":216,"kind":1024,"name":"className","url":"interfaces/IBadgeProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":217,"kind":128,"name":"Badge","url":"classes/Badge.html","classes":"tsd-kind-class"},{"id":218,"kind":1024,"name":"defaultProps","url":"classes/Badge.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Badge"},{"id":219,"kind":65536,"name":"__type","url":"classes/Badge.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Badge"},{"id":220,"kind":1024,"name":"count","url":"classes/Badge.html#__type-1.count","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Badge.__type"},{"id":221,"kind":1024,"name":"maxCount","url":"classes/Badge.html#__type-1.maxCount","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Badge.__type"},{"id":222,"kind":1024,"name":"dot","url":"classes/Badge.html#__type-1.dot","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Badge.__type"},{"id":223,"kind":1024,"name":"showZero","url":"classes/Badge.html#__type-1.showZero","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Badge.__type"},{"id":224,"kind":1024,"name":"className","url":"classes/Badge.html#__type-1.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Badge.__type"},{"id":225,"kind":512,"name":"constructor","url":"classes/Badge.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Badge"},{"id":226,"kind":2048,"name":"renderCount","url":"classes/Badge.html#renderCount","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Badge"},{"id":227,"kind":2048,"name":"render","url":"classes/Badge.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Badge"},{"id":228,"kind":65536,"name":"__type","url":"classes/Badge.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Badge"},{"id":229,"kind":4194304,"name":"BannerCloseIconColor","url":"modules.html#BannerCloseIconColor","classes":"tsd-kind-type-alias"},{"id":230,"kind":4194304,"name":"IBannerProps","url":"modules.html#IBannerProps","classes":"tsd-kind-type-alias"},{"id":231,"kind":32,"name":"Banner","url":"modules.html#Banner","classes":"tsd-kind-variable"},{"id":232,"kind":256,"name":"IBlockHeaderProps","url":"interfaces/IBlockHeaderProps.html","classes":"tsd-kind-interface"},{"id":233,"kind":1024,"name":"title","url":"interfaces/IBlockHeaderProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBlockHeaderProps"},{"id":234,"kind":1024,"name":"type","url":"interfaces/IBlockHeaderProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBlockHeaderProps"},{"id":235,"kind":1024,"name":"className","url":"interfaces/IBlockHeaderProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBlockHeaderProps"},{"id":236,"kind":1024,"name":"tooltip","url":"interfaces/IBlockHeaderProps.html#tooltip","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBlockHeaderProps"},{"id":237,"kind":1024,"name":"position","url":"interfaces/IBlockHeaderProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBlockHeaderProps"},{"id":238,"kind":1024,"name":"leftContent","url":"interfaces/IBlockHeaderProps.html#leftContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBlockHeaderProps"},{"id":239,"kind":1024,"name":"rightContent","url":"interfaces/IBlockHeaderProps.html#rightContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBlockHeaderProps"},{"id":240,"kind":128,"name":"BlockHeader","url":"classes/BlockHeader.html","classes":"tsd-kind-class"},{"id":241,"kind":1024,"name":"defaultProps","url":"classes/BlockHeader.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"BlockHeader"},{"id":242,"kind":65536,"name":"__type","url":"classes/BlockHeader.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"BlockHeader"},{"id":243,"kind":1024,"name":"className","url":"classes/BlockHeader.html#__type-1.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"BlockHeader.__type"},{"id":244,"kind":1024,"name":"position","url":"classes/BlockHeader.html#__type-1.position","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"BlockHeader.__type"},{"id":245,"kind":1024,"name":"type","url":"classes/BlockHeader.html#__type-1.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"BlockHeader.__type"},{"id":246,"kind":512,"name":"constructor","url":"classes/BlockHeader.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"BlockHeader"},{"id":247,"kind":2048,"name":"render","url":"classes/BlockHeader.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"BlockHeader"},{"id":248,"kind":65536,"name":"__type","url":"classes/BlockHeader.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"BlockHeader"},{"id":249,"kind":256,"name":"IBreadcrumbProps","url":"interfaces/IBreadcrumbProps.html","classes":"tsd-kind-interface"},{"id":250,"kind":1024,"name":"breads","url":"interfaces/IBreadcrumbProps.html#breads","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbProps"},{"id":251,"kind":1024,"name":"className","url":"interfaces/IBreadcrumbProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbProps"},{"id":252,"kind":1024,"name":"maxItemCount","url":"interfaces/IBreadcrumbProps.html#maxItemCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbProps"},{"id":253,"kind":1024,"name":"style","url":"interfaces/IBreadcrumbProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbProps"},{"id":254,"kind":256,"name":"IBreadcrumbState","url":"interfaces/IBreadcrumbState.html","classes":"tsd-kind-interface"},{"id":255,"kind":1024,"name":"isFolded","url":"interfaces/IBreadcrumbState.html#isFolded","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbState"},{"id":256,"kind":1024,"name":"overflowLeft","url":"interfaces/IBreadcrumbState.html#overflowLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbState"},{"id":257,"kind":1024,"name":"overflowRight","url":"interfaces/IBreadcrumbState.html#overflowRight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbState"},{"id":258,"kind":1024,"name":"contentStyleLeft","url":"interfaces/IBreadcrumbState.html#contentStyleLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbState"},{"id":259,"kind":128,"name":"Breadcrumb","url":"classes/Breadcrumb.html","classes":"tsd-kind-class"},{"id":260,"kind":1024,"name":"defaultProps","url":"classes/Breadcrumb.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Breadcrumb"},{"id":261,"kind":65536,"name":"__type","url":"classes/Breadcrumb.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Breadcrumb"},{"id":262,"kind":1024,"name":"className","url":"classes/Breadcrumb.html#__type-2.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Breadcrumb.__type"},{"id":263,"kind":1024,"name":"breads","url":"classes/Breadcrumb.html#__type-2.breads","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Breadcrumb.__type"},{"id":264,"kind":1024,"name":"Item","url":"classes/Breadcrumb.html#Item","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Breadcrumb"},{"id":265,"kind":512,"name":"constructor","url":"classes/Breadcrumb.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Breadcrumb"},{"id":266,"kind":1024,"name":"state","url":"classes/Breadcrumb.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Breadcrumb"},{"id":267,"kind":65536,"name":"__type","url":"classes/Breadcrumb.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Breadcrumb"},{"id":268,"kind":1024,"name":"isFolded","url":"classes/Breadcrumb.html#__type-1.isFolded","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Breadcrumb.__type"},{"id":269,"kind":1024,"name":"overflowLeft","url":"classes/Breadcrumb.html#__type-1.overflowLeft","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Breadcrumb.__type"},{"id":270,"kind":1024,"name":"overflowRight","url":"classes/Breadcrumb.html#__type-1.overflowRight","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Breadcrumb.__type"},{"id":271,"kind":1024,"name":"contentStyleLeft","url":"classes/Breadcrumb.html#__type-1.contentStyleLeft","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Breadcrumb.__type"},{"id":272,"kind":1024,"name":"breadcrumbRef","url":"classes/Breadcrumb.html#breadcrumbRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Breadcrumb"},{"id":273,"kind":1024,"name":"contentRef","url":"classes/Breadcrumb.html#contentRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Breadcrumb"},{"id":274,"kind":1024,"name":"isMoving","url":"classes/Breadcrumb.html#isMoving","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Breadcrumb"},{"id":275,"kind":262144,"name":"breadcrumbWidth","url":"classes/Breadcrumb.html#breadcrumbWidth","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Breadcrumb"},{"id":276,"kind":262144,"name":"breadcrumbLeft","url":"classes/Breadcrumb.html#breadcrumbLeft","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Breadcrumb"},{"id":277,"kind":262144,"name":"contentWidth","url":"classes/Breadcrumb.html#contentWidth","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Breadcrumb"},{"id":278,"kind":2048,"name":"getOverflowStatus","url":"classes/Breadcrumb.html#getOverflowStatus","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Breadcrumb"},{"id":279,"kind":2048,"name":"componentDidMount","url":"classes/Breadcrumb.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Breadcrumb"},{"id":280,"kind":2048,"name":"componentDidUpdate","url":"classes/Breadcrumb.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Breadcrumb"},{"id":281,"kind":2048,"name":"handleClickMoveLeft","url":"classes/Breadcrumb.html#handleClickMoveLeft","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Breadcrumb"},{"id":282,"kind":2048,"name":"handleClickMoveRight","url":"classes/Breadcrumb.html#handleClickMoveRight","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Breadcrumb"},{"id":283,"kind":2048,"name":"unfoldBreads","url":"classes/Breadcrumb.html#unfoldBreads","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Breadcrumb"},{"id":284,"kind":2048,"name":"getFoldItems","url":"classes/Breadcrumb.html#getFoldItems","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Breadcrumb"},{"id":285,"kind":2048,"name":"render","url":"classes/Breadcrumb.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Breadcrumb"},{"id":286,"kind":65536,"name":"__type","url":"classes/Breadcrumb.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Breadcrumb"},{"id":287,"kind":256,"name":"IBreadcrumbItemProps","url":"interfaces/IBreadcrumbItemProps.html","classes":"tsd-kind-interface"},{"id":288,"kind":1024,"name":"className","url":"interfaces/IBreadcrumbItemProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbItemProps"},{"id":289,"kind":1024,"name":"name","url":"interfaces/IBreadcrumbItemProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbItemProps"},{"id":290,"kind":1024,"name":"href","url":"interfaces/IBreadcrumbItemProps.html#href","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbItemProps"},{"id":291,"kind":2048,"name":"onClick","url":"interfaces/IBreadcrumbItemProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IBreadcrumbItemProps"},{"id":292,"kind":128,"name":"BreadcrumbItem","url":"classes/BreadcrumbItem.html","classes":"tsd-kind-class"},{"id":293,"kind":512,"name":"constructor","url":"classes/BreadcrumbItem.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"BreadcrumbItem"},{"id":294,"kind":2048,"name":"render","url":"classes/BreadcrumbItem.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"BreadcrumbItem"},{"id":295,"kind":65536,"name":"__type","url":"classes/BreadcrumbItem.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"BreadcrumbItem"},{"id":296,"kind":256,"name":"IButtonProps","url":"interfaces/IButtonProps.html","classes":"tsd-kind-interface"},{"id":297,"kind":1024,"name":"className","url":"interfaces/IButtonProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IButtonProps"},{"id":298,"kind":1024,"name":"style","url":"interfaces/IButtonProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IButtonProps"},{"id":299,"kind":1024,"name":"href","url":"interfaces/IButtonProps.html#href","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonProps"},{"id":300,"kind":1024,"name":"target","url":"interfaces/IButtonProps.html#target","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonProps"},{"id":301,"kind":1024,"name":"htmlType","url":"interfaces/IButtonProps.html#htmlType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonProps"},{"id":302,"kind":1024,"name":"download","url":"interfaces/IButtonProps.html#download","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonProps"},{"id":303,"kind":1024,"name":"onMouseEnter","url":"interfaces/IButtonProps.html#onMouseEnter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":304,"kind":1024,"name":"onMouseLeave","url":"interfaces/IButtonProps.html#onMouseLeave","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":305,"kind":1024,"name":"type","url":"interfaces/IButtonProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":306,"kind":1024,"name":"loading","url":"interfaces/IButtonProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":307,"kind":1024,"name":"outline","url":"interfaces/IButtonProps.html#outline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":308,"kind":1024,"name":"bordered","url":"interfaces/IButtonProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":309,"kind":1024,"name":"icon","url":"interfaces/IButtonProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":310,"kind":1024,"name":"disabled","url":"interfaces/IButtonProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":311,"kind":1024,"name":"size","url":"interfaces/IButtonProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":312,"kind":1024,"name":"block","url":"interfaces/IButtonProps.html#block","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":313,"kind":65536,"name":"__type","url":"interfaces/IButtonProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IButtonProps"},{"id":314,"kind":128,"name":"Button","url":"classes/Button.html","classes":"tsd-kind-class"},{"id":315,"kind":1024,"name":"defaultProps","url":"classes/Button.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Button"},{"id":316,"kind":65536,"name":"__type","url":"classes/Button.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Button"},{"id":317,"kind":1024,"name":"type","url":"classes/Button.html#__type-2.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Button.__type"},{"id":318,"kind":1024,"name":"size","url":"classes/Button.html#__type-2.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Button.__type"},{"id":319,"kind":1024,"name":"htmlType","url":"classes/Button.html#__type-2.htmlType","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Button.__type"},{"id":320,"kind":1024,"name":"bordered","url":"classes/Button.html#__type-2.bordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Button.__type"},{"id":321,"kind":1024,"name":"Group","url":"classes/Button.html#Group","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Button"},{"id":322,"kind":1024,"name":"Directive","url":"classes/Button.html#Directive","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Button"},{"id":323,"kind":65536,"name":"__type","url":"classes/Button.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Button"},{"id":324,"kind":1024,"name":"contextType","url":"classes/Button.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Button"},{"id":325,"kind":512,"name":"constructor","url":"classes/Button.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Button"},{"id":326,"kind":1024,"name":"context","url":"classes/Button.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Button"},{"id":327,"kind":2048,"name":"render","url":"classes/Button.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Button"},{"id":328,"kind":65536,"name":"__type","url":"classes/Button.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Button"},{"id":329,"kind":4194304,"name":"IButtonGroupProps","url":"modules.html#IButtonGroupProps","classes":"tsd-kind-type-alias"},{"id":330,"kind":32,"name":"ButtonGroup","url":"modules.html#ButtonGroup","classes":"tsd-kind-variable"},{"id":331,"kind":64,"name":"ButtonDirective","url":"modules.html#ButtonDirective","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":332,"kind":256,"name":"IButtonDirectiveChildProps","url":"interfaces/IButtonDirectiveChildProps.html","classes":"tsd-kind-interface"},{"id":333,"kind":1024,"name":"className","url":"interfaces/IButtonDirectiveChildProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveChildProps"},{"id":334,"kind":1024,"name":"disabled","url":"interfaces/IButtonDirectiveChildProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveChildProps"},{"id":335,"kind":1024,"name":"children","url":"interfaces/IButtonDirectiveChildProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveChildProps"},{"id":336,"kind":1024,"name":"data-zv","url":"interfaces/IButtonDirectiveChildProps.html#data_zv","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveChildProps"},{"id":337,"kind":1024,"name":"onClick","url":"interfaces/IButtonDirectiveChildProps.html#onClick","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveChildProps"},{"id":338,"kind":4194304,"name":"IButtonSize","url":"modules.html#IButtonSize","classes":"tsd-kind-type-alias"},{"id":339,"kind":4194304,"name":"IButtonType","url":"modules.html#IButtonType","classes":"tsd-kind-type-alias"},{"id":340,"kind":4194304,"name":"IButtonHtmlType","url":"modules.html#IButtonHtmlType","classes":"tsd-kind-type-alias"},{"id":341,"kind":256,"name":"IButtonDirectiveProps","url":"interfaces/IButtonDirectiveProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":342,"kind":1024,"name":"size","url":"interfaces/IButtonDirectiveProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":343,"kind":1024,"name":"type","url":"interfaces/IButtonDirectiveProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":344,"kind":1024,"name":"disabled","url":"interfaces/IButtonDirectiveProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":345,"kind":1024,"name":"loading","url":"interfaces/IButtonDirectiveProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":346,"kind":1024,"name":"outline","url":"interfaces/IButtonDirectiveProps.html#outline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":347,"kind":1024,"name":"bordered","url":"interfaces/IButtonDirectiveProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":348,"kind":1024,"name":"style","url":"interfaces/IButtonDirectiveProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":349,"kind":1024,"name":"icon","url":"interfaces/IButtonDirectiveProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":350,"kind":1024,"name":"block","url":"interfaces/IButtonDirectiveProps.html#block","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":351,"kind":1024,"name":"children","url":"interfaces/IButtonDirectiveProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":352,"kind":1024,"name":"onMouseEnter","url":"interfaces/IButtonDirectiveProps.html#onMouseEnter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":353,"kind":1024,"name":"onMouseLeave","url":"interfaces/IButtonDirectiveProps.html#onMouseLeave","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":354,"kind":256,"name":"ICardProps","url":"interfaces/ICardProps.html","classes":"tsd-kind-interface"},{"id":355,"kind":1024,"name":"type","url":"interfaces/ICardProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICardProps"},{"id":356,"kind":1024,"name":"title","url":"interfaces/ICardProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICardProps"},{"id":357,"kind":1024,"name":"action","url":"interfaces/ICardProps.html#action","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICardProps"},{"id":358,"kind":1024,"name":"style","url":"interfaces/ICardProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICardProps"},{"id":359,"kind":1024,"name":"bodyStyle","url":"interfaces/ICardProps.html#bodyStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICardProps"},{"id":360,"kind":1024,"name":"loading","url":"interfaces/ICardProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICardProps"},{"id":361,"kind":1024,"name":"className","url":"interfaces/ICardProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICardProps"},{"id":362,"kind":128,"name":"Card","url":"classes/Card.html","classes":"tsd-kind-class"},{"id":363,"kind":1024,"name":"defaultProps","url":"classes/Card.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Card"},{"id":364,"kind":65536,"name":"__type","url":"classes/Card.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Card"},{"id":365,"kind":1024,"name":"type","url":"classes/Card.html#__type-1.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Card.__type"},{"id":366,"kind":1024,"name":"style","url":"classes/Card.html#__type-1.style","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Card.__type"},{"id":367,"kind":65536,"name":"__type","url":"classes/Card.html#__type-1.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Card.__type"},{"id":368,"kind":1024,"name":"bodyStyle","url":"classes/Card.html#__type-1.bodyStyle","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Card.__type"},{"id":369,"kind":65536,"name":"__type","url":"classes/Card.html#__type-1.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Card.__type"},{"id":370,"kind":1024,"name":"loading","url":"classes/Card.html#__type-1.loading","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Card.__type"},{"id":371,"kind":1024,"name":"className","url":"classes/Card.html#__type-1.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Card.__type"},{"id":372,"kind":512,"name":"constructor","url":"classes/Card.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Card"},{"id":373,"kind":2048,"name":"render","url":"classes/Card.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Card"},{"id":374,"kind":65536,"name":"__type","url":"classes/Card.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Card"},{"id":375,"kind":256,"name":"ICascaderBaseProps","url":"interfaces/ICascaderBaseProps.html","classes":"tsd-kind-interface"},{"id":376,"kind":1024,"name":"options","url":"interfaces/ICascaderBaseProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":377,"kind":1024,"name":"placeholder","url":"interfaces/ICascaderBaseProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":378,"kind":1024,"name":"className","url":"interfaces/ICascaderBaseProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":379,"kind":1024,"name":"popupClassName","url":"interfaces/ICascaderBaseProps.html#popupClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":380,"kind":1024,"name":"disabled","url":"interfaces/ICascaderBaseProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":381,"kind":1024,"name":"clearable","url":"interfaces/ICascaderBaseProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":382,"kind":1024,"name":"visible","url":"interfaces/ICascaderBaseProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":383,"kind":2048,"name":"onVisibleChange","url":"interfaces/ICascaderBaseProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":384,"kind":2048,"name":"renderValue","url":"interfaces/ICascaderBaseProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":385,"kind":2048,"name":"renderItemContent","url":"interfaces/ICascaderBaseProps.html#renderItemContent","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":386,"kind":2048,"name":"getItemTooltip","url":"interfaces/ICascaderBaseProps.html#getItemTooltip","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":387,"kind":2048,"name":"renderList","url":"interfaces/ICascaderBaseProps.html#renderList","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":388,"kind":4194304,"name":"CascaderValue","url":"modules.html#CascaderValue","classes":"tsd-kind-type-alias"},{"id":389,"kind":4194304,"name":"CascaderItemSelectionState","url":"modules.html#CascaderItemSelectionState","classes":"tsd-kind-type-alias"},{"id":390,"kind":4194304,"name":"CascaderSimplifySelectionMode","url":"modules.html#CascaderSimplifySelectionMode","classes":"tsd-kind-type-alias"},{"id":391,"kind":256,"name":"IPublicCascaderItem","url":"interfaces/IPublicCascaderItem.html","classes":"tsd-kind-interface"},{"id":392,"kind":1024,"name":"value","url":"interfaces/IPublicCascaderItem.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPublicCascaderItem"},{"id":393,"kind":1024,"name":"label","url":"interfaces/IPublicCascaderItem.html#label","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPublicCascaderItem"},{"id":394,"kind":1024,"name":"children","url":"interfaces/IPublicCascaderItem.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPublicCascaderItem"},{"id":395,"kind":1024,"name":"disabled","url":"interfaces/IPublicCascaderItem.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPublicCascaderItem"},{"id":396,"kind":1024,"name":"loadChildrenOnExpand","url":"interfaces/IPublicCascaderItem.html#loadChildrenOnExpand","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPublicCascaderItem"},{"id":397,"kind":1024,"name":"loadChildrenOnScroll","url":"interfaces/IPublicCascaderItem.html#loadChildrenOnScroll","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPublicCascaderItem"},{"id":398,"kind":256,"name":"ICascaderItem","url":"interfaces/ICascaderItem.html","classes":"tsd-kind-interface"},{"id":399,"kind":1024,"name":"children","url":"interfaces/ICascaderItem.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ICascaderItem"},{"id":400,"kind":1024,"name":"parent","url":"interfaces/ICascaderItem.html#parent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderItem"},{"id":401,"kind":1024,"name":"value","url":"interfaces/ICascaderItem.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICascaderItem"},{"id":402,"kind":1024,"name":"label","url":"interfaces/ICascaderItem.html#label","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICascaderItem"},{"id":403,"kind":1024,"name":"disabled","url":"interfaces/ICascaderItem.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICascaderItem"},{"id":404,"kind":1024,"name":"loadChildrenOnExpand","url":"interfaces/ICascaderItem.html#loadChildrenOnExpand","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICascaderItem"},{"id":405,"kind":1024,"name":"loadChildrenOnScroll","url":"interfaces/ICascaderItem.html#loadChildrenOnScroll","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICascaderItem"},{"id":406,"kind":4194304,"name":"CascaderTabsClickHandler","url":"modules.html#CascaderTabsClickHandler","classes":"tsd-kind-type-alias"},{"id":407,"kind":65536,"name":"__type","url":"modules.html#CascaderTabsClickHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"CascaderTabsClickHandler"},{"id":408,"kind":4194304,"name":"CascaderMenuClickHandler","url":"modules.html#CascaderMenuClickHandler","classes":"tsd-kind-type-alias"},{"id":409,"kind":65536,"name":"__type","url":"modules.html#CascaderMenuClickHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"CascaderMenuClickHandler"},{"id":410,"kind":4194304,"name":"CascaderMenuHoverHandler","url":"modules.html#CascaderMenuHoverHandler","classes":"tsd-kind-type-alias"},{"id":411,"kind":65536,"name":"__type","url":"modules.html#CascaderMenuHoverHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"CascaderMenuHoverHandler"},{"id":412,"kind":4194304,"name":"CascaderSearchClickHandler","url":"modules.html#CascaderSearchClickHandler","classes":"tsd-kind-type-alias"},{"id":413,"kind":65536,"name":"__type","url":"modules.html#CascaderSearchClickHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"CascaderSearchClickHandler"},{"id":414,"kind":4,"name":"CascaderChangeAction","url":"enums/CascaderChangeAction.html","classes":"tsd-kind-enum"},{"id":415,"kind":16,"name":"Clear","url":"enums/CascaderChangeAction.html#Clear","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"CascaderChangeAction"},{"id":416,"kind":16,"name":"Change","url":"enums/CascaderChangeAction.html#Change","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"CascaderChangeAction"},{"id":417,"kind":256,"name":"ICascaderChangeMeta","url":"interfaces/ICascaderChangeMeta.html","classes":"tsd-kind-interface"},{"id":418,"kind":1024,"name":"action","url":"interfaces/ICascaderChangeMeta.html#action","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderChangeMeta"},{"id":419,"kind":256,"name":"ICascaderMultipleChangeMeta","url":"interfaces/ICascaderMultipleChangeMeta.html","classes":"tsd-kind-interface"},{"id":420,"kind":2048,"name":"simplify","url":"interfaces/ICascaderMultipleChangeMeta.html#simplify","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderMultipleChangeMeta"},{"id":421,"kind":1024,"name":"action","url":"interfaces/ICascaderMultipleChangeMeta.html#action","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICascaderMultipleChangeMeta"},{"id":422,"kind":4,"name":"CascaderLoadAction","url":"enums/CascaderLoadAction.html","classes":"tsd-kind-enum"},{"id":423,"kind":16,"name":"LoadChildren","url":"enums/CascaderLoadAction.html#LoadChildren","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"CascaderLoadAction"},{"id":424,"kind":16,"name":"Scroll","url":"enums/CascaderLoadAction.html#Scroll","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"CascaderLoadAction"},{"id":425,"kind":256,"name":"ICascaderLoadMeta","url":"interfaces/ICascaderLoadMeta.html","classes":"tsd-kind-interface"},{"id":426,"kind":1024,"name":"action","url":"interfaces/ICascaderLoadMeta.html#action","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderLoadMeta"},{"id":427,"kind":256,"name":"ICascaderTagsProps","url":"interfaces/ICascaderTagsProps.html","classes":"tsd-kind-interface"},{"id":428,"kind":1024,"name":"list","url":"interfaces/ICascaderTagsProps.html#list","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderTagsProps"},{"id":429,"kind":1024,"name":"selectionMap","url":"interfaces/ICascaderTagsProps.html#selectionMap","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderTagsProps"},{"id":430,"kind":1024,"name":"simplifyPaths","url":"interfaces/ICascaderTagsProps.html#simplifyPaths","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderTagsProps"},{"id":431,"kind":2048,"name":"onRemove","url":"interfaces/ICascaderTagsProps.html#onRemove","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderTagsProps"},{"id":432,"kind":2048,"name":"renderValue","url":"interfaces/ICascaderTagsProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderTagsProps"},{"id":433,"kind":1024,"name":"collapse","url":"interfaces/ICascaderTagsProps.html#collapse","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderTagsProps"},{"id":434,"kind":256,"name":"IMenuCascaderCommonProps","url":"interfaces/IMenuCascaderCommonProps.html","classes":"tsd-kind-interface"},{"id":435,"kind":2048,"name":"loadOptions","url":"interfaces/IMenuCascaderCommonProps.html#loadOptions","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":436,"kind":1024,"name":"expandTrigger","url":"interfaces/IMenuCascaderCommonProps.html#expandTrigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":437,"kind":1024,"name":"scrollable","url":"interfaces/IMenuCascaderCommonProps.html#scrollable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":438,"kind":1024,"name":"loadChildrenOnScroll","url":"interfaces/IMenuCascaderCommonProps.html#loadChildrenOnScroll","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":439,"kind":1024,"name":"searchable","url":"interfaces/IMenuCascaderCommonProps.html#searchable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":440,"kind":1024,"name":"async","url":"interfaces/IMenuCascaderCommonProps.html#async","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":441,"kind":2048,"name":"asyncFilter","url":"interfaces/IMenuCascaderCommonProps.html#asyncFilter","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":442,"kind":2048,"name":"filter","url":"interfaces/IMenuCascaderCommonProps.html#filter","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":443,"kind":2048,"name":"highlight","url":"interfaces/IMenuCascaderCommonProps.html#highlight","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":444,"kind":1024,"name":"limit","url":"interfaces/IMenuCascaderCommonProps.html#limit","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":445,"kind":1024,"name":"multipleType","url":"interfaces/IMenuCascaderCommonProps.html#multipleType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":446,"kind":1024,"name":"maxLine","url":"interfaces/IMenuCascaderCommonProps.html#maxLine","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":447,"kind":1024,"name":"lineHeight","url":"interfaces/IMenuCascaderCommonProps.html#lineHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":448,"kind":1024,"name":"options","url":"interfaces/IMenuCascaderCommonProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":449,"kind":1024,"name":"placeholder","url":"interfaces/IMenuCascaderCommonProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":450,"kind":1024,"name":"className","url":"interfaces/IMenuCascaderCommonProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":451,"kind":1024,"name":"popupClassName","url":"interfaces/IMenuCascaderCommonProps.html#popupClassName","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":452,"kind":1024,"name":"disabled","url":"interfaces/IMenuCascaderCommonProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":453,"kind":1024,"name":"clearable","url":"interfaces/IMenuCascaderCommonProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":454,"kind":1024,"name":"visible","url":"interfaces/IMenuCascaderCommonProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":455,"kind":2048,"name":"onVisibleChange","url":"interfaces/IMenuCascaderCommonProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":456,"kind":2048,"name":"renderValue","url":"interfaces/IMenuCascaderCommonProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":457,"kind":2048,"name":"renderItemContent","url":"interfaces/IMenuCascaderCommonProps.html#renderItemContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":458,"kind":2048,"name":"getItemTooltip","url":"interfaces/IMenuCascaderCommonProps.html#getItemTooltip","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":459,"kind":2048,"name":"renderList","url":"interfaces/IMenuCascaderCommonProps.html#renderList","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":460,"kind":256,"name":"IMenuCascaderSingleProps","url":"interfaces/IMenuCascaderSingleProps.html","classes":"tsd-kind-interface"},{"id":461,"kind":1024,"name":"multiple","url":"interfaces/IMenuCascaderSingleProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderSingleProps"},{"id":462,"kind":1024,"name":"value","url":"interfaces/IMenuCascaderSingleProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderSingleProps"},{"id":463,"kind":2048,"name":"onChange","url":"interfaces/IMenuCascaderSingleProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuCascaderSingleProps"},{"id":464,"kind":1024,"name":"changeOnSelect","url":"interfaces/IMenuCascaderSingleProps.html#changeOnSelect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderSingleProps"},{"id":465,"kind":2048,"name":"loadOptions","url":"interfaces/IMenuCascaderSingleProps.html#loadOptions","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":466,"kind":1024,"name":"expandTrigger","url":"interfaces/IMenuCascaderSingleProps.html#expandTrigger","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":467,"kind":1024,"name":"scrollable","url":"interfaces/IMenuCascaderSingleProps.html#scrollable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":468,"kind":1024,"name":"loadChildrenOnScroll","url":"interfaces/IMenuCascaderSingleProps.html#loadChildrenOnScroll","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":469,"kind":1024,"name":"searchable","url":"interfaces/IMenuCascaderSingleProps.html#searchable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":470,"kind":1024,"name":"async","url":"interfaces/IMenuCascaderSingleProps.html#async","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":471,"kind":2048,"name":"asyncFilter","url":"interfaces/IMenuCascaderSingleProps.html#asyncFilter","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":472,"kind":2048,"name":"filter","url":"interfaces/IMenuCascaderSingleProps.html#filter","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":473,"kind":2048,"name":"highlight","url":"interfaces/IMenuCascaderSingleProps.html#highlight","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":474,"kind":1024,"name":"limit","url":"interfaces/IMenuCascaderSingleProps.html#limit","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":475,"kind":1024,"name":"multipleType","url":"interfaces/IMenuCascaderSingleProps.html#multipleType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":476,"kind":1024,"name":"maxLine","url":"interfaces/IMenuCascaderSingleProps.html#maxLine","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":477,"kind":1024,"name":"lineHeight","url":"interfaces/IMenuCascaderSingleProps.html#lineHeight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":478,"kind":1024,"name":"options","url":"interfaces/IMenuCascaderSingleProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":479,"kind":1024,"name":"placeholder","url":"interfaces/IMenuCascaderSingleProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":480,"kind":1024,"name":"className","url":"interfaces/IMenuCascaderSingleProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":481,"kind":1024,"name":"popupClassName","url":"interfaces/IMenuCascaderSingleProps.html#popupClassName","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":482,"kind":1024,"name":"disabled","url":"interfaces/IMenuCascaderSingleProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":483,"kind":1024,"name":"clearable","url":"interfaces/IMenuCascaderSingleProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":484,"kind":1024,"name":"visible","url":"interfaces/IMenuCascaderSingleProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":485,"kind":2048,"name":"onVisibleChange","url":"interfaces/IMenuCascaderSingleProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":486,"kind":2048,"name":"renderValue","url":"interfaces/IMenuCascaderSingleProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":487,"kind":2048,"name":"renderItemContent","url":"interfaces/IMenuCascaderSingleProps.html#renderItemContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":488,"kind":2048,"name":"getItemTooltip","url":"interfaces/IMenuCascaderSingleProps.html#getItemTooltip","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":489,"kind":2048,"name":"renderList","url":"interfaces/IMenuCascaderSingleProps.html#renderList","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":490,"kind":256,"name":"IMenuCascaderMultipleProps","url":"interfaces/IMenuCascaderMultipleProps.html","classes":"tsd-kind-interface"},{"id":491,"kind":1024,"name":"multiple","url":"interfaces/IMenuCascaderMultipleProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderMultipleProps"},{"id":492,"kind":1024,"name":"value","url":"interfaces/IMenuCascaderMultipleProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderMultipleProps"},{"id":493,"kind":2048,"name":"onChange","url":"interfaces/IMenuCascaderMultipleProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuCascaderMultipleProps"},{"id":494,"kind":2048,"name":"renderTags","url":"interfaces/IMenuCascaderMultipleProps.html#renderTags","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuCascaderMultipleProps"},{"id":495,"kind":1024,"name":"simplifySelection","url":"interfaces/IMenuCascaderMultipleProps.html#simplifySelection","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderMultipleProps"},{"id":496,"kind":1024,"name":"simplifySelectionMode","url":"interfaces/IMenuCascaderMultipleProps.html#simplifySelectionMode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderMultipleProps"},{"id":497,"kind":2048,"name":"loadOptions","url":"interfaces/IMenuCascaderMultipleProps.html#loadOptions","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":498,"kind":1024,"name":"expandTrigger","url":"interfaces/IMenuCascaderMultipleProps.html#expandTrigger","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":499,"kind":1024,"name":"scrollable","url":"interfaces/IMenuCascaderMultipleProps.html#scrollable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":500,"kind":1024,"name":"loadChildrenOnScroll","url":"interfaces/IMenuCascaderMultipleProps.html#loadChildrenOnScroll","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":501,"kind":1024,"name":"searchable","url":"interfaces/IMenuCascaderMultipleProps.html#searchable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":502,"kind":1024,"name":"async","url":"interfaces/IMenuCascaderMultipleProps.html#async","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":503,"kind":2048,"name":"asyncFilter","url":"interfaces/IMenuCascaderMultipleProps.html#asyncFilter","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":504,"kind":2048,"name":"filter","url":"interfaces/IMenuCascaderMultipleProps.html#filter","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":505,"kind":2048,"name":"highlight","url":"interfaces/IMenuCascaderMultipleProps.html#highlight","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":506,"kind":1024,"name":"limit","url":"interfaces/IMenuCascaderMultipleProps.html#limit","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":507,"kind":1024,"name":"multipleType","url":"interfaces/IMenuCascaderMultipleProps.html#multipleType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":508,"kind":1024,"name":"maxLine","url":"interfaces/IMenuCascaderMultipleProps.html#maxLine","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":509,"kind":1024,"name":"lineHeight","url":"interfaces/IMenuCascaderMultipleProps.html#lineHeight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":510,"kind":1024,"name":"options","url":"interfaces/IMenuCascaderMultipleProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":511,"kind":1024,"name":"placeholder","url":"interfaces/IMenuCascaderMultipleProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":512,"kind":1024,"name":"className","url":"interfaces/IMenuCascaderMultipleProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":513,"kind":1024,"name":"popupClassName","url":"interfaces/IMenuCascaderMultipleProps.html#popupClassName","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":514,"kind":1024,"name":"disabled","url":"interfaces/IMenuCascaderMultipleProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":515,"kind":1024,"name":"clearable","url":"interfaces/IMenuCascaderMultipleProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":516,"kind":1024,"name":"visible","url":"interfaces/IMenuCascaderMultipleProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":517,"kind":2048,"name":"onVisibleChange","url":"interfaces/IMenuCascaderMultipleProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":518,"kind":2048,"name":"renderValue","url":"interfaces/IMenuCascaderMultipleProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":519,"kind":2048,"name":"renderItemContent","url":"interfaces/IMenuCascaderMultipleProps.html#renderItemContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":520,"kind":2048,"name":"getItemTooltip","url":"interfaces/IMenuCascaderMultipleProps.html#getItemTooltip","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":521,"kind":2048,"name":"renderList","url":"interfaces/IMenuCascaderMultipleProps.html#renderList","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":522,"kind":4194304,"name":"IMenuCascaderProps","url":"modules.html#IMenuCascaderProps","classes":"tsd-kind-type-alias"},{"id":523,"kind":128,"name":"MenuCascader","url":"classes/MenuCascader.html","classes":"tsd-kind-class"},{"id":524,"kind":1024,"name":"defaultProps","url":"classes/MenuCascader.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"MenuCascader"},{"id":525,"kind":65536,"name":"__type","url":"classes/MenuCascader.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"MenuCascader"},{"id":526,"kind":1024,"name":"value","url":"classes/MenuCascader.html#__type-1.value","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":527,"kind":1024,"name":"options","url":"classes/MenuCascader.html#__type-1.options","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":528,"kind":1024,"name":"clearable","url":"classes/MenuCascader.html#__type-1.clearable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":529,"kind":1024,"name":"multiple","url":"classes/MenuCascader.html#__type-1.multiple","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":530,"kind":1024,"name":"multipleType","url":"classes/MenuCascader.html#__type-1.multipleType","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":531,"kind":1024,"name":"maxLine","url":"classes/MenuCascader.html#__type-1.maxLine","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":532,"kind":1024,"name":"lineHeight","url":"classes/MenuCascader.html#__type-1.lineHeight","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":533,"kind":1024,"name":"expandTrigger","url":"classes/MenuCascader.html#__type-1.expandTrigger","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":534,"kind":1024,"name":"scrollable","url":"classes/MenuCascader.html#__type-1.scrollable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":535,"kind":1024,"name":"loadChildrenOnScroll","url":"classes/MenuCascader.html#__type-1.loadChildrenOnScroll","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":536,"kind":1024,"name":"searchable","url":"classes/MenuCascader.html#__type-1.searchable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":537,"kind":1024,"name":"async","url":"classes/MenuCascader.html#__type-1.async","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":538,"kind":1024,"name":"limit","url":"classes/MenuCascader.html#__type-1.limit","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":539,"kind":1024,"name":"renderValue","url":"classes/MenuCascader.html#__type-1.renderValue","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":540,"kind":65536,"name":"__type","url":"classes/MenuCascader.html#__type-1.__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":541,"kind":1024,"name":"filter","url":"classes/MenuCascader.html#__type-1.filter","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":542,"kind":65536,"name":"__type","url":"classes/MenuCascader.html#__type-1.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":543,"kind":1024,"name":"highlight","url":"classes/MenuCascader.html#__type-1.highlight","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":544,"kind":65536,"name":"__type","url":"classes/MenuCascader.html#__type-1.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":545,"kind":1024,"name":"simplifySelectionMode","url":"classes/MenuCascader.html#__type-1.simplifySelectionMode","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":546,"kind":1024,"name":"contextType","url":"classes/MenuCascader.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"MenuCascader"},{"id":547,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/MenuCascader.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"MenuCascader"},{"id":548,"kind":512,"name":"constructor","url":"classes/MenuCascader.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"MenuCascader"},{"id":549,"kind":1024,"name":"tagsTriggerRef","url":"classes/MenuCascader.html#tagsTriggerRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"MenuCascader"},{"id":550,"kind":1024,"name":"context","url":"classes/MenuCascader.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"MenuCascader"},{"id":551,"kind":2048,"name":"render","url":"classes/MenuCascader.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"MenuCascader"},{"id":552,"kind":65536,"name":"__type","url":"classes/MenuCascader.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"MenuCascader"},{"id":553,"kind":256,"name":"ITabsCascaderProps","url":"interfaces/ITabsCascaderProps.html","classes":"tsd-kind-interface"},{"id":554,"kind":1024,"name":"value","url":"interfaces/ITabsCascaderProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsCascaderProps"},{"id":555,"kind":2048,"name":"onChange","url":"interfaces/ITabsCascaderProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabsCascaderProps"},{"id":556,"kind":2048,"name":"loadOptions","url":"interfaces/ITabsCascaderProps.html#loadOptions","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabsCascaderProps"},{"id":557,"kind":1024,"name":"title","url":"interfaces/ITabsCascaderProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsCascaderProps"},{"id":558,"kind":1024,"name":"changeOnSelect","url":"interfaces/ITabsCascaderProps.html#changeOnSelect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsCascaderProps"},{"id":559,"kind":1024,"name":"options","url":"interfaces/ITabsCascaderProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":560,"kind":1024,"name":"placeholder","url":"interfaces/ITabsCascaderProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":561,"kind":1024,"name":"className","url":"interfaces/ITabsCascaderProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":562,"kind":1024,"name":"popupClassName","url":"interfaces/ITabsCascaderProps.html#popupClassName","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":563,"kind":1024,"name":"disabled","url":"interfaces/ITabsCascaderProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":564,"kind":1024,"name":"clearable","url":"interfaces/ITabsCascaderProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":565,"kind":1024,"name":"visible","url":"interfaces/ITabsCascaderProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":566,"kind":2048,"name":"onVisibleChange","url":"interfaces/ITabsCascaderProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":567,"kind":2048,"name":"renderValue","url":"interfaces/ITabsCascaderProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":568,"kind":2048,"name":"renderItemContent","url":"interfaces/ITabsCascaderProps.html#renderItemContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":569,"kind":2048,"name":"getItemTooltip","url":"interfaces/ITabsCascaderProps.html#getItemTooltip","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":570,"kind":2048,"name":"renderList","url":"interfaces/ITabsCascaderProps.html#renderList","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":571,"kind":128,"name":"TabsCascader","url":"classes/TabsCascader.html","classes":"tsd-kind-class"},{"id":572,"kind":1024,"name":"defaultProps","url":"classes/TabsCascader.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"TabsCascader"},{"id":573,"kind":65536,"name":"__type","url":"classes/TabsCascader.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"TabsCascader"},{"id":574,"kind":1024,"name":"value","url":"classes/TabsCascader.html#__type-1.value","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TabsCascader.__type"},{"id":575,"kind":1024,"name":"options","url":"classes/TabsCascader.html#__type-1.options","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TabsCascader.__type"},{"id":576,"kind":1024,"name":"changeOnSelect","url":"classes/TabsCascader.html#__type-1.changeOnSelect","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TabsCascader.__type"},{"id":577,"kind":1024,"name":"renderValue","url":"classes/TabsCascader.html#__type-1.renderValue","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TabsCascader.__type"},{"id":578,"kind":65536,"name":"__type","url":"classes/TabsCascader.html#__type-1.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"TabsCascader.__type"},{"id":579,"kind":1024,"name":"clearable","url":"classes/TabsCascader.html#__type-1.clearable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TabsCascader.__type"},{"id":580,"kind":1024,"name":"title","url":"classes/TabsCascader.html#__type-1.title","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TabsCascader.__type"},{"id":581,"kind":1024,"name":"contextType","url":"classes/TabsCascader.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"TabsCascader"},{"id":582,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/TabsCascader.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"TabsCascader"},{"id":583,"kind":512,"name":"constructor","url":"classes/TabsCascader.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"TabsCascader"},{"id":584,"kind":1024,"name":"context","url":"classes/TabsCascader.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"TabsCascader"},{"id":585,"kind":262144,"name":"disabled","url":"classes/TabsCascader.html#disabled","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"TabsCascader"},{"id":586,"kind":2048,"name":"isControlled","url":"classes/TabsCascader.html#isControlled","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TabsCascader"},{"id":587,"kind":2048,"name":"getVisible","url":"classes/TabsCascader.html#getVisible","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TabsCascader"},{"id":588,"kind":2048,"name":"setVisible","url":"classes/TabsCascader.html#setVisible","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TabsCascader"},{"id":589,"kind":2048,"name":"onVisibleChange","url":"classes/TabsCascader.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TabsCascader"},{"id":590,"kind":2048,"name":"onTabsChange","url":"classes/TabsCascader.html#onTabsChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TabsCascader"},{"id":591,"kind":1024,"name":"onClick","url":"classes/TabsCascader.html#onClick","classes":"tsd-kind-property tsd-parent-kind-class","parent":"TabsCascader"},{"id":592,"kind":2048,"name":"onClear","url":"classes/TabsCascader.html#onClear","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TabsCascader"},{"id":593,"kind":2048,"name":"render","url":"classes/TabsCascader.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"TabsCascader"},{"id":594,"kind":65536,"name":"__type","url":"classes/TabsCascader.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"TabsCascader"},{"id":595,"kind":256,"name":"ICheckboxGroupProps","url":"interfaces/ICheckboxGroupProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":596,"kind":1024,"name":"value","url":"interfaces/ICheckboxGroupProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxGroupProps"},{"id":597,"kind":2048,"name":"isValueEqual","url":"interfaces/ICheckboxGroupProps.html#isValueEqual","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICheckboxGroupProps"},{"id":598,"kind":1024,"name":"disabled","url":"interfaces/ICheckboxGroupProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxGroupProps"},{"id":599,"kind":1024,"name":"readOnly","url":"interfaces/ICheckboxGroupProps.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxGroupProps"},{"id":600,"kind":2048,"name":"onChange","url":"interfaces/ICheckboxGroupProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICheckboxGroupProps"},{"id":601,"kind":1024,"name":"className","url":"interfaces/ICheckboxGroupProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxGroupProps"},{"id":602,"kind":1024,"name":"style","url":"interfaces/ICheckboxGroupProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxGroupProps"},{"id":603,"kind":128,"name":"CheckboxGroup","url":"classes/CheckboxGroup.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":604,"kind":1024,"name":"defaultProps","url":"classes/CheckboxGroup.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"CheckboxGroup"},{"id":605,"kind":65536,"name":"__type","url":"classes/CheckboxGroup.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CheckboxGroup"},{"id":606,"kind":1024,"name":"isValueEqual","url":"classes/CheckboxGroup.html#__type-2.isValueEqual","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"CheckboxGroup.__type"},{"id":607,"kind":65536,"name":"__type","url":"classes/CheckboxGroup.html#__type-2.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"CheckboxGroup.__type"},{"id":608,"kind":1024,"name":"value","url":"classes/CheckboxGroup.html#__type-2.value","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"CheckboxGroup.__type"},{"id":609,"kind":1024,"name":"contextType","url":"classes/CheckboxGroup.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"CheckboxGroup"},{"id":610,"kind":512,"name":"constructor","url":"classes/CheckboxGroup.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"CheckboxGroup"},{"id":611,"kind":1024,"name":"context","url":"classes/CheckboxGroup.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"CheckboxGroup"},{"id":612,"kind":1024,"name":"getGroupContext","url":"classes/CheckboxGroup.html#getGroupContext","classes":"tsd-kind-property tsd-parent-kind-class","parent":"CheckboxGroup"},{"id":613,"kind":65536,"name":"__type","url":"classes/CheckboxGroup.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CheckboxGroup"},{"id":614,"kind":2048,"name":"onCheckboxChange","url":"classes/CheckboxGroup.html#onCheckboxChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"CheckboxGroup"},{"id":615,"kind":2048,"name":"render","url":"classes/CheckboxGroup.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CheckboxGroup"},{"id":616,"kind":65536,"name":"__type","url":"classes/CheckboxGroup.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CheckboxGroup"},{"id":617,"kind":64,"name":"Checkbox","url":"modules.html#Checkbox","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":618,"kind":2,"name":"Checkbox","url":"modules/Checkbox.html","classes":"tsd-kind-namespace"},{"id":619,"kind":32,"name":"Group","url":"modules/Checkbox.html#Group","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Checkbox"},{"id":620,"kind":256,"name":"ICheckboxEventTarget","url":"interfaces/ICheckboxEventTarget.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":621,"kind":1024,"name":"type","url":"interfaces/ICheckboxEventTarget.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxEventTarget"},{"id":622,"kind":1024,"name":"checked","url":"interfaces/ICheckboxEventTarget.html#checked","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ICheckboxEventTarget"},{"id":623,"kind":1024,"name":"value","url":"interfaces/ICheckboxEventTarget.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":624,"kind":1024,"name":"disabled","url":"interfaces/ICheckboxEventTarget.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":625,"kind":1024,"name":"readOnly","url":"interfaces/ICheckboxEventTarget.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":626,"kind":1024,"name":"indeterminate","url":"interfaces/ICheckboxEventTarget.html#indeterminate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":627,"kind":2048,"name":"onChange","url":"interfaces/ICheckboxEventTarget.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":628,"kind":1024,"name":"className","url":"interfaces/ICheckboxEventTarget.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":629,"kind":1024,"name":"style","url":"interfaces/ICheckboxEventTarget.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":630,"kind":1024,"name":"labelStyle","url":"interfaces/ICheckboxEventTarget.html#labelStyle","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":631,"kind":1024,"name":"width","url":"interfaces/ICheckboxEventTarget.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":632,"kind":1024,"name":"children","url":"interfaces/ICheckboxEventTarget.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":633,"kind":1024,"name":"onMouseEnter","url":"interfaces/ICheckboxEventTarget.html#onMouseEnter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":634,"kind":1024,"name":"onMouseLeave","url":"interfaces/ICheckboxEventTarget.html#onMouseLeave","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":635,"kind":256,"name":"ICheckboxEvent","url":"interfaces/ICheckboxEvent.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":636,"kind":1024,"name":"target","url":"interfaces/ICheckboxEvent.html#target","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxEvent"},{"id":637,"kind":2048,"name":"preventDefault","url":"interfaces/ICheckboxEvent.html#preventDefault","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICheckboxEvent"},{"id":638,"kind":2048,"name":"stopPropagation","url":"interfaces/ICheckboxEvent.html#stopPropagation","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICheckboxEvent"},{"id":639,"kind":256,"name":"ICheckboxProps","url":"interfaces/ICheckboxProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":640,"kind":1024,"name":"checked","url":"interfaces/ICheckboxProps.html#checked","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":641,"kind":1024,"name":"value","url":"interfaces/ICheckboxProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":642,"kind":1024,"name":"disabled","url":"interfaces/ICheckboxProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":643,"kind":1024,"name":"readOnly","url":"interfaces/ICheckboxProps.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":644,"kind":1024,"name":"indeterminate","url":"interfaces/ICheckboxProps.html#indeterminate","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":645,"kind":2048,"name":"onChange","url":"interfaces/ICheckboxProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":646,"kind":1024,"name":"className","url":"interfaces/ICheckboxProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":647,"kind":1024,"name":"style","url":"interfaces/ICheckboxProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":648,"kind":1024,"name":"labelStyle","url":"interfaces/ICheckboxProps.html#labelStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":649,"kind":1024,"name":"width","url":"interfaces/ICheckboxProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":650,"kind":1024,"name":"children","url":"interfaces/ICheckboxProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":651,"kind":1024,"name":"onMouseEnter","url":"interfaces/ICheckboxProps.html#onMouseEnter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":652,"kind":1024,"name":"onMouseLeave","url":"interfaces/ICheckboxProps.html#onMouseLeave","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":653,"kind":256,"name":"IClampLinesProps","url":"interfaces/IClampLinesProps.html","classes":"tsd-kind-interface"},{"id":654,"kind":1024,"name":"text","url":"interfaces/IClampLinesProps.html#text","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":655,"kind":1024,"name":"lines","url":"interfaces/IClampLinesProps.html#lines","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":656,"kind":1024,"name":"ellipsis","url":"interfaces/IClampLinesProps.html#ellipsis","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":657,"kind":1024,"name":"showPop","url":"interfaces/IClampLinesProps.html#showPop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":658,"kind":1024,"name":"popWidth","url":"interfaces/IClampLinesProps.html#popWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":659,"kind":1024,"name":"trigger","url":"interfaces/IClampLinesProps.html#trigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":660,"kind":2048,"name":"renderPop","url":"interfaces/IClampLinesProps.html#renderPop","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":661,"kind":1024,"name":"resizable","url":"interfaces/IClampLinesProps.html#resizable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":662,"kind":1024,"name":"extra","url":"interfaces/IClampLinesProps.html#extra","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":663,"kind":1024,"name":"mode","url":"interfaces/IClampLinesProps.html#mode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":664,"kind":1024,"name":"className","url":"interfaces/IClampLinesProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":665,"kind":256,"name":"IClampLinesState","url":"interfaces/IClampLinesState.html","classes":"tsd-kind-interface"},{"id":666,"kind":1024,"name":"holdsFullText","url":"interfaces/IClampLinesState.html#holdsFullText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesState"},{"id":667,"kind":1024,"name":"textSuited","url":"interfaces/IClampLinesState.html#textSuited","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesState"},{"id":668,"kind":128,"name":"ClampLines","url":"classes/ClampLines.html","classes":"tsd-kind-class"},{"id":669,"kind":1024,"name":"defaultProps","url":"classes/ClampLines.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ClampLines"},{"id":670,"kind":512,"name":"constructor","url":"classes/ClampLines.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"ClampLines"},{"id":671,"kind":1024,"name":"element","url":"classes/ClampLines.html#element","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ClampLines"},{"id":672,"kind":1024,"name":"innerElement","url":"classes/ClampLines.html#innerElement","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ClampLines"},{"id":673,"kind":1024,"name":"resizeObserver","url":"classes/ClampLines.html#resizeObserver","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ClampLines"},{"id":674,"kind":1024,"name":"containerWidth","url":"classes/ClampLines.html#containerWidth","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ClampLines"},{"id":675,"kind":2048,"name":"componentDidUpdate","url":"classes/ClampLines.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ClampLines"},{"id":676,"kind":2048,"name":"componentDidMount","url":"classes/ClampLines.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ClampLines"},{"id":677,"kind":2048,"name":"componentWillUnmount","url":"classes/ClampLines.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ClampLines"},{"id":678,"kind":2048,"name":"handleWindowResize","url":"classes/ClampLines.html#handleWindowResize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":679,"kind":1024,"name":"handleContainerResize","url":"classes/ClampLines.html#handleContainerResize","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ClampLines"},{"id":680,"kind":2048,"name":"onContainerRefChange","url":"classes/ClampLines.html#onContainerRefChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":681,"kind":2048,"name":"onNoClampContainerRefChange","url":"classes/ClampLines.html#onNoClampContainerRefChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":682,"kind":2048,"name":"getResizeObserver","url":"classes/ClampLines.html#getResizeObserver","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":683,"kind":2048,"name":"observe","url":"classes/ClampLines.html#observe","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":684,"kind":2048,"name":"clampLines","url":"classes/ClampLines.html#clampLines","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":685,"kind":2048,"name":"getEllipsis","url":"classes/ClampLines.html#getEllipsis","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":686,"kind":2048,"name":"renderResizable","url":"classes/ClampLines.html#renderResizable","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":687,"kind":2048,"name":"renderClampedText","url":"classes/ClampLines.html#renderClampedText","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":688,"kind":2048,"name":"render","url":"classes/ClampLines.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ClampLines"},{"id":689,"kind":65536,"name":"__type","url":"classes/ClampLines.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ClampLines"},{"id":690,"kind":256,"name":"ICollapsePropsAccordion","url":"interfaces/ICollapsePropsAccordion.html","classes":"tsd-kind-interface"},{"id":691,"kind":1024,"name":"accordion","url":"interfaces/ICollapsePropsAccordion.html#accordion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePropsAccordion"},{"id":692,"kind":1024,"name":"activeKey","url":"interfaces/ICollapsePropsAccordion.html#activeKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePropsAccordion"},{"id":693,"kind":2048,"name":"onChange","url":"interfaces/ICollapsePropsAccordion.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICollapsePropsAccordion"},{"id":694,"kind":1024,"name":"bordered","url":"interfaces/ICollapsePropsAccordion.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsAccordion"},{"id":695,"kind":1024,"name":"panelTitleBackground","url":"interfaces/ICollapsePropsAccordion.html#panelTitleBackground","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsAccordion"},{"id":696,"kind":1024,"name":"className","url":"interfaces/ICollapsePropsAccordion.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsAccordion"},{"id":697,"kind":1024,"name":"showContentBackground","url":"interfaces/ICollapsePropsAccordion.html#showContentBackground","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsAccordion"},{"id":698,"kind":256,"name":"ICollapsePropsMultiple","url":"interfaces/ICollapsePropsMultiple.html","classes":"tsd-kind-interface"},{"id":699,"kind":1024,"name":"accordion","url":"interfaces/ICollapsePropsMultiple.html#accordion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePropsMultiple"},{"id":700,"kind":1024,"name":"activeKey","url":"interfaces/ICollapsePropsMultiple.html#activeKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePropsMultiple"},{"id":701,"kind":2048,"name":"onChange","url":"interfaces/ICollapsePropsMultiple.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICollapsePropsMultiple"},{"id":702,"kind":1024,"name":"bordered","url":"interfaces/ICollapsePropsMultiple.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsMultiple"},{"id":703,"kind":1024,"name":"panelTitleBackground","url":"interfaces/ICollapsePropsMultiple.html#panelTitleBackground","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsMultiple"},{"id":704,"kind":1024,"name":"className","url":"interfaces/ICollapsePropsMultiple.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsMultiple"},{"id":705,"kind":1024,"name":"showContentBackground","url":"interfaces/ICollapsePropsMultiple.html#showContentBackground","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsMultiple"},{"id":706,"kind":4194304,"name":"ICollapseProps","url":"modules.html#ICollapseProps","classes":"tsd-kind-type-alias"},{"id":707,"kind":128,"name":"Collapse","url":"classes/Collapse.html","classes":"tsd-kind-class"},{"id":708,"kind":1024,"name":"defaultProps","url":"classes/Collapse.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Collapse"},{"id":709,"kind":65536,"name":"__type","url":"classes/Collapse.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Collapse"},{"id":710,"kind":1024,"name":"bordered","url":"classes/Collapse.html#__type-1.bordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Collapse.__type"},{"id":711,"kind":1024,"name":"panelTitleBackground","url":"classes/Collapse.html#__type-1.panelTitleBackground","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Collapse.__type"},{"id":712,"kind":1024,"name":"accordion","url":"classes/Collapse.html#__type-1.accordion","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Collapse.__type"},{"id":713,"kind":1024,"name":"Panel","url":"classes/Collapse.html#Panel","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Collapse"},{"id":714,"kind":512,"name":"constructor","url":"classes/Collapse.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Collapse"},{"id":715,"kind":2048,"name":"render","url":"classes/Collapse.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Collapse"},{"id":716,"kind":2048,"name":"onChange","url":"classes/Collapse.html#onChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Collapse"},{"id":717,"kind":65536,"name":"__type","url":"classes/Collapse.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Collapse"},{"id":718,"kind":256,"name":"ICollapsePanelProps","url":"interfaces/ICollapsePanelProps.html","classes":"tsd-kind-interface"},{"id":719,"kind":1024,"name":"title","url":"interfaces/ICollapsePanelProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":720,"kind":1024,"name":"disabled","url":"interfaces/ICollapsePanelProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":721,"kind":1024,"name":"showArrow","url":"interfaces/ICollapsePanelProps.html#showArrow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":722,"kind":1024,"name":"style","url":"interfaces/ICollapsePanelProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":723,"kind":1024,"name":"className","url":"interfaces/ICollapsePanelProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":724,"kind":1024,"name":"active","url":"interfaces/ICollapsePanelProps.html#active","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":725,"kind":2048,"name":"onChange","url":"interfaces/ICollapsePanelProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":726,"kind":1024,"name":"panelKey","url":"interfaces/ICollapsePanelProps.html#panelKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":727,"kind":1024,"name":"panelTitleBackground","url":"interfaces/ICollapsePanelProps.html#panelTitleBackground","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":728,"kind":1024,"name":"showContentBackground","url":"interfaces/ICollapsePanelProps.html#showContentBackground","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":729,"kind":1024,"name":"isLast","url":"interfaces/ICollapsePanelProps.html#isLast","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":730,"kind":1024,"name":"bordered","url":"interfaces/ICollapsePanelProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":731,"kind":1024,"name":"extra","url":"interfaces/ICollapsePanelProps.html#extra","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":732,"kind":128,"name":"CollapsePanel","url":"classes/CollapsePanel.html","classes":"tsd-kind-class"},{"id":733,"kind":1024,"name":"defaultProps","url":"classes/CollapsePanel.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"CollapsePanel"},{"id":734,"kind":65536,"name":"__type","url":"classes/CollapsePanel.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CollapsePanel"},{"id":735,"kind":1024,"name":"showArrow","url":"classes/CollapsePanel.html#__type-2.showArrow","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"CollapsePanel.__type"},{"id":736,"kind":1024,"name":"contextType","url":"classes/CollapsePanel.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"CollapsePanel"},{"id":737,"kind":512,"name":"constructor","url":"classes/CollapsePanel.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"CollapsePanel"},{"id":738,"kind":1024,"name":"context","url":"classes/CollapsePanel.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"CollapsePanel"},{"id":739,"kind":1024,"name":"state","url":"classes/CollapsePanel.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"CollapsePanel"},{"id":740,"kind":65536,"name":"__type","url":"classes/CollapsePanel.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CollapsePanel"},{"id":741,"kind":1024,"name":"animateAppear","url":"classes/CollapsePanel.html#__type-1.animateAppear","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"CollapsePanel.__type"},{"id":742,"kind":2048,"name":"render","url":"classes/CollapsePanel.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CollapsePanel"},{"id":743,"kind":2048,"name":"toggle","url":"classes/CollapsePanel.html#toggle","classes":"tsd-kind-method tsd-parent-kind-class","parent":"CollapsePanel"},{"id":744,"kind":65536,"name":"__type","url":"classes/CollapsePanel.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CollapsePanel"},{"id":745,"kind":4194304,"name":"PresetColors","url":"modules.html#PresetColors","classes":"tsd-kind-type-alias"},{"id":746,"kind":4194304,"name":"ColorPickerType","url":"modules.html#ColorPickerType","classes":"tsd-kind-type-alias"},{"id":747,"kind":256,"name":"IColorPickerProps","url":"interfaces/IColorPickerProps.html","classes":"tsd-kind-interface"},{"id":748,"kind":1024,"name":"color","url":"interfaces/IColorPickerProps.html#color","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":749,"kind":1024,"name":"showAlpha","url":"interfaces/IColorPickerProps.html#showAlpha","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":750,"kind":1024,"name":"type","url":"interfaces/IColorPickerProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":751,"kind":1024,"name":"presetColors","url":"interfaces/IColorPickerProps.html#presetColors","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":752,"kind":2048,"name":"onChange","url":"interfaces/IColorPickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":753,"kind":1024,"name":"className","url":"interfaces/IColorPickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":754,"kind":1024,"name":"wrapperClassName","url":"interfaces/IColorPickerProps.html#wrapperClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":755,"kind":1024,"name":"disabled","url":"interfaces/IColorPickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":756,"kind":128,"name":"ColorPicker","url":"classes/ColorPicker.html","classes":"tsd-kind-class"},{"id":757,"kind":1024,"name":"defaultProps","url":"classes/ColorPicker.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ColorPicker"},{"id":758,"kind":65536,"name":"__type","url":"classes/ColorPicker.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ColorPicker"},{"id":759,"kind":1024,"name":"showAlpha","url":"classes/ColorPicker.html#__type-2.showAlpha","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ColorPicker.__type"},{"id":760,"kind":2048,"name":"onChange","url":"classes/ColorPicker.html#__type-2.onChange","classes":"tsd-kind-method tsd-parent-kind-type-literal","parent":"ColorPicker.__type"},{"id":761,"kind":1024,"name":"className","url":"classes/ColorPicker.html#__type-2.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ColorPicker.__type"},{"id":762,"kind":1024,"name":"wrapperClassName","url":"classes/ColorPicker.html#__type-2.wrapperClassName","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ColorPicker.__type"},{"id":763,"kind":1024,"name":"type","url":"classes/ColorPicker.html#__type-2.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ColorPicker.__type"},{"id":764,"kind":1024,"name":"presetColors","url":"classes/ColorPicker.html#__type-2.presetColors","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ColorPicker.__type"},{"id":765,"kind":1024,"name":"ColorBoard","url":"classes/ColorPicker.html#ColorBoard","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ColorPicker"},{"id":766,"kind":1024,"name":"contextType","url":"classes/ColorPicker.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"ColorPicker"},{"id":767,"kind":512,"name":"constructor","url":"classes/ColorPicker.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"ColorPicker"},{"id":768,"kind":1024,"name":"state","url":"classes/ColorPicker.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"ColorPicker"},{"id":769,"kind":65536,"name":"__type","url":"classes/ColorPicker.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ColorPicker"},{"id":770,"kind":1024,"name":"popVisible","url":"classes/ColorPicker.html#__type-1.popVisible","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ColorPicker.__type"},{"id":771,"kind":1024,"name":"context","url":"classes/ColorPicker.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"ColorPicker"},{"id":772,"kind":262144,"name":"disabled","url":"classes/ColorPicker.html#disabled","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"ColorPicker"},{"id":773,"kind":2048,"name":"handleChange","url":"classes/ColorPicker.html#handleChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ColorPicker"},{"id":774,"kind":2048,"name":"handleVisibleChange","url":"classes/ColorPicker.html#handleVisibleChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ColorPicker"},{"id":775,"kind":2048,"name":"render","url":"classes/ColorPicker.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ColorPicker"},{"id":776,"kind":65536,"name":"__type","url":"classes/ColorPicker.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ColorPicker"},{"id":777,"kind":256,"name":"ICopyButtonProps","url":"interfaces/ICopyButtonProps.html","classes":"tsd-kind-interface"},{"id":778,"kind":1024,"name":"text","url":"interfaces/ICopyButtonProps.html#text","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICopyButtonProps"},{"id":779,"kind":1024,"name":"onClick","url":"interfaces/ICopyButtonProps.html#onClick","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICopyButtonProps"},{"id":780,"kind":1024,"name":"onCopySuccess","url":"interfaces/ICopyButtonProps.html#onCopySuccess","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICopyButtonProps"},{"id":781,"kind":1024,"name":"onCopyError","url":"interfaces/ICopyButtonProps.html#onCopyError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICopyButtonProps"},{"id":782,"kind":128,"name":"CopyButton","url":"classes/CopyButton.html","classes":"tsd-kind-class"},{"id":783,"kind":1024,"name":"defaultProps","url":"classes/CopyButton.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"CopyButton"},{"id":784,"kind":65536,"name":"__type","url":"classes/CopyButton.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CopyButton"},{"id":785,"kind":1024,"name":"onCopySuccess","url":"classes/CopyButton.html#__type-1.onCopySuccess","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"CopyButton.__type"},{"id":786,"kind":1024,"name":"onCopyError","url":"classes/CopyButton.html#__type-1.onCopyError","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"CopyButton.__type"},{"id":787,"kind":512,"name":"constructor","url":"classes/CopyButton.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"CopyButton"},{"id":788,"kind":2048,"name":"onCopyCallback","url":"classes/CopyButton.html#onCopyCallback","classes":"tsd-kind-method tsd-parent-kind-class","parent":"CopyButton"},{"id":789,"kind":2048,"name":"onCopy","url":"classes/CopyButton.html#onCopy","classes":"tsd-kind-method tsd-parent-kind-class","parent":"CopyButton"},{"id":790,"kind":2048,"name":"render","url":"classes/CopyButton.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CopyButton"},{"id":791,"kind":65536,"name":"__type","url":"classes/CopyButton.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CopyButton"},{"id":792,"kind":4194304,"name":"SingleDate","url":"modules.html#SingleDate","classes":"tsd-kind-type-alias"},{"id":793,"kind":4194304,"name":"RangeDate","url":"modules.html#RangeDate","classes":"tsd-kind-type-alias"},{"id":794,"kind":4194304,"name":"SingleTime","url":"modules.html#SingleTime","classes":"tsd-kind-type-alias"},{"id":795,"kind":4194304,"name":"RangeTime","url":"modules.html#RangeTime","classes":"tsd-kind-type-alias"},{"id":796,"kind":4194304,"name":"IDisabledTime","url":"modules.html#IDisabledTime","classes":"tsd-kind-type-alias"},{"id":797,"kind":65536,"name":"__type","url":"modules.html#IDisabledTime.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IDisabledTime"},{"id":798,"kind":4194304,"name":"IValueType","url":"modules.html#IValueType","classes":"tsd-kind-type-alias"},{"id":799,"kind":256,"name":"IValueTypeRangeMap","url":"interfaces/IValueTypeRangeMap.html","classes":"tsd-kind-interface"},{"id":800,"kind":1024,"name":"string","url":"interfaces/IValueTypeRangeMap.html#string","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IValueTypeRangeMap"},{"id":801,"kind":1024,"name":"number","url":"interfaces/IValueTypeRangeMap.html#number","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IValueTypeRangeMap"},{"id":802,"kind":1024,"name":"date","url":"interfaces/IValueTypeRangeMap.html#date","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IValueTypeRangeMap"},{"id":803,"kind":32,"name":"SingleCalendarDatePanelPicker","url":"modules.html#SingleCalendarDatePanelPicker","classes":"tsd-kind-variable"},{"id":804,"kind":256,"name":"IDatePickerPanelProps","url":"interfaces/IDatePickerPanelProps.html","classes":"tsd-kind-interface"},{"id":805,"kind":1024,"name":"disableRangeOverView","url":"interfaces/IDatePickerPanelProps.html#disableRangeOverView","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":806,"kind":1024,"name":"popText","url":"interfaces/IDatePickerPanelProps.html#popText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":807,"kind":1024,"name":"hideFooter","url":"interfaces/IDatePickerPanelProps.html#hideFooter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":808,"kind":1024,"name":"showTime","url":"interfaces/IDatePickerPanelProps.html#showTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":809,"kind":1024,"name":"disabledTime","url":"interfaces/IDatePickerPanelProps.html#disabledTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":810,"kind":1024,"name":"footerText","url":"interfaces/IDatePickerPanelProps.html#footerText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":811,"kind":1024,"name":"combinedLeft","url":"interfaces/IDatePickerPanelProps.html#combinedLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":812,"kind":1024,"name":"combinedRight","url":"interfaces/IDatePickerPanelProps.html#combinedRight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":813,"kind":2048,"name":"onPanelDateChange","url":"interfaces/IDatePickerPanelProps.html#onPanelDateChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":814,"kind":1024,"name":"selected","url":"interfaces/IDatePickerPanelProps.html#selected","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":815,"kind":1024,"name":"defaultPanelDate","url":"interfaces/IDatePickerPanelProps.html#defaultPanelDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":816,"kind":1024,"name":"hoverDate","url":"interfaces/IDatePickerPanelProps.html#hoverDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":817,"kind":1024,"name":"hoverRangeDate","url":"interfaces/IDatePickerPanelProps.html#hoverRangeDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":818,"kind":1024,"name":"rangeDate","url":"interfaces/IDatePickerPanelProps.html#rangeDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":819,"kind":1024,"name":"row","url":"interfaces/IDatePickerPanelProps.html#row","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":820,"kind":1024,"name":"col","url":"interfaces/IDatePickerPanelProps.html#col","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":821,"kind":2048,"name":"onSelected","url":"interfaces/IDatePickerPanelProps.html#onSelected","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":822,"kind":2048,"name":"disabledPanelDate","url":"interfaces/IDatePickerPanelProps.html#disabledPanelDate","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":823,"kind":2048,"name":"onChangePanel","url":"interfaces/IDatePickerPanelProps.html#onChangePanel","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":824,"kind":1024,"name":"showLunarDate","url":"interfaces/IDatePickerPanelProps.html#showLunarDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":825,"kind":2048,"name":"lunarValueFormatter","url":"interfaces/IDatePickerPanelProps.html#lunarValueFormatter","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":826,"kind":256,"name":"ICombinedDateRangePickerProps","url":"interfaces/ICombinedDateRangePickerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":827,"kind":1024,"name":"showTime","url":"interfaces/ICombinedDateRangePickerProps.html#showTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICombinedDateRangePickerProps"},{"id":828,"kind":1024,"name":"className","url":"interfaces/ICombinedDateRangePickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":829,"kind":2048,"name":"onClose","url":"interfaces/ICombinedDateRangePickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":830,"kind":1024,"name":"placeholder","url":"interfaces/ICombinedDateRangePickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":831,"kind":1024,"name":"value","url":"interfaces/ICombinedDateRangePickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":832,"kind":1024,"name":"disabled","url":"interfaces/ICombinedDateRangePickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":833,"kind":1024,"name":"width","url":"interfaces/ICombinedDateRangePickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":834,"kind":1024,"name":"name","url":"interfaces/ICombinedDateRangePickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":835,"kind":1024,"name":"disabledDate","url":"interfaces/ICombinedDateRangePickerProps.html#disabledDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":836,"kind":2048,"name":"onOpen","url":"interfaces/ICombinedDateRangePickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":837,"kind":1024,"name":"dateSpan","url":"interfaces/ICombinedDateRangePickerProps.html#dateSpan","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":838,"kind":1024,"name":"defaultDate","url":"interfaces/ICombinedDateRangePickerProps.html#defaultDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":839,"kind":1024,"name":"format","url":"interfaces/ICombinedDateRangePickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":840,"kind":1024,"name":"canClear","url":"interfaces/ICombinedDateRangePickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":841,"kind":1024,"name":"openPanel","url":"interfaces/ICombinedDateRangePickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":842,"kind":1024,"name":"valueType","url":"interfaces/ICombinedDateRangePickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":843,"kind":2048,"name":"onChange","url":"interfaces/ICombinedDateRangePickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":844,"kind":64,"name":"CombinedDateRangePicker","url":"modules.html#CombinedDateRangePicker","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":845,"kind":32,"name":"CombinedPanelRangePicker","url":"modules.html#CombinedPanelRangePicker","classes":"tsd-kind-variable"},{"id":846,"kind":2,"name":"CombinedPanelRangePicker","url":"modules/CombinedPanelRangePicker.html","classes":"tsd-kind-namespace"},{"id":847,"kind":32,"name":"defaultProps","url":"modules/CombinedPanelRangePicker.html#defaultProps","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"CombinedPanelRangePicker"},{"id":848,"kind":256,"name":"ICombinedTimeRangePickerProps","url":"interfaces/ICombinedTimeRangePickerProps.html","classes":"tsd-kind-interface"},{"id":849,"kind":1024,"name":"name","url":"interfaces/ICombinedTimeRangePickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICombinedTimeRangePickerProps"},{"id":850,"kind":1024,"name":"placeholder","url":"interfaces/ICombinedTimeRangePickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICombinedTimeRangePickerProps"},{"id":851,"kind":1024,"name":"value","url":"interfaces/ICombinedTimeRangePickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":852,"kind":2048,"name":"onChange","url":"interfaces/ICombinedTimeRangePickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":853,"kind":1024,"name":"hiddenIcon","url":"interfaces/ICombinedTimeRangePickerProps.html#hiddenIcon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":854,"kind":1024,"name":"autoComplete","url":"interfaces/ICombinedTimeRangePickerProps.html#autoComplete","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":855,"kind":1024,"name":"disabledTime","url":"interfaces/ICombinedTimeRangePickerProps.html#disabledTime","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":856,"kind":2048,"name":"onOpen","url":"interfaces/ICombinedTimeRangePickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":857,"kind":2048,"name":"onClose","url":"interfaces/ICombinedTimeRangePickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":858,"kind":1024,"name":"selectedDate","url":"interfaces/ICombinedTimeRangePickerProps.html#selectedDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":859,"kind":1024,"name":"hourStep","url":"interfaces/ICombinedTimeRangePickerProps.html#hourStep","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":860,"kind":1024,"name":"minuteStep","url":"interfaces/ICombinedTimeRangePickerProps.html#minuteStep","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":861,"kind":1024,"name":"secondStep","url":"interfaces/ICombinedTimeRangePickerProps.html#secondStep","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":862,"kind":1024,"name":"defaultTime","url":"interfaces/ICombinedTimeRangePickerProps.html#defaultTime","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":863,"kind":1024,"name":"format","url":"interfaces/ICombinedTimeRangePickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":864,"kind":1024,"name":"disabled","url":"interfaces/ICombinedTimeRangePickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":865,"kind":1024,"name":"canClear","url":"interfaces/ICombinedTimeRangePickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":866,"kind":1024,"name":"openPanel","url":"interfaces/ICombinedTimeRangePickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":867,"kind":1024,"name":"width","url":"interfaces/ICombinedTimeRangePickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":868,"kind":1024,"name":"className","url":"interfaces/ICombinedTimeRangePickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":869,"kind":32,"name":"CombinedTimeRangePicker","url":"modules.html#CombinedTimeRangePicker","classes":"tsd-kind-variable"},{"id":870,"kind":256,"name":"IDatePickerProps","url":"interfaces/IDatePickerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":871,"kind":1024,"name":"showTime","url":"interfaces/IDatePickerProps.html#showTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerProps"},{"id":872,"kind":1024,"name":"disabledTime","url":"interfaces/IDatePickerProps.html#disabledTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerProps"},{"id":873,"kind":1024,"name":"hideFooter","url":"interfaces/IDatePickerProps.html#hideFooter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerProps"},{"id":874,"kind":1024,"name":"showLunarDate","url":"interfaces/IDatePickerProps.html#showLunarDate","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerProps"},{"id":875,"kind":2048,"name":"lunarValueFormatter","url":"interfaces/IDatePickerProps.html#lunarValueFormatter","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IDatePickerProps"},{"id":876,"kind":1024,"name":"className","url":"interfaces/IDatePickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":877,"kind":2048,"name":"onClose","url":"interfaces/IDatePickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":878,"kind":1024,"name":"placeholder","url":"interfaces/IDatePickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":879,"kind":1024,"name":"value","url":"interfaces/IDatePickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":880,"kind":1024,"name":"disabled","url":"interfaces/IDatePickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":881,"kind":1024,"name":"width","url":"interfaces/IDatePickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":882,"kind":1024,"name":"name","url":"interfaces/IDatePickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":883,"kind":1024,"name":"disabledDate","url":"interfaces/IDatePickerProps.html#disabledDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":884,"kind":2048,"name":"onOpen","url":"interfaces/IDatePickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":885,"kind":1024,"name":"defaultDate","url":"interfaces/IDatePickerProps.html#defaultDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":886,"kind":1024,"name":"format","url":"interfaces/IDatePickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":887,"kind":1024,"name":"canClear","url":"interfaces/IDatePickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":888,"kind":1024,"name":"openPanel","url":"interfaces/IDatePickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":889,"kind":1024,"name":"valueType","url":"interfaces/IDatePickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":890,"kind":2048,"name":"onChange","url":"interfaces/IDatePickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":891,"kind":64,"name":"DatePicker","url":"modules.html#DatePicker","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":892,"kind":256,"name":"IDateRangePickerProps","url":"interfaces/IDateRangePickerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":893,"kind":1024,"name":"showTime","url":"interfaces/IDateRangePickerProps.html#showTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangePickerProps"},{"id":894,"kind":1024,"name":"disabledTime","url":"interfaces/IDateRangePickerProps.html#disabledTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangePickerProps"},{"id":895,"kind":1024,"name":"hideFooter","url":"interfaces/IDateRangePickerProps.html#hideFooter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangePickerProps"},{"id":896,"kind":1024,"name":"className","url":"interfaces/IDateRangePickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":897,"kind":2048,"name":"onClose","url":"interfaces/IDateRangePickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":898,"kind":1024,"name":"placeholder","url":"interfaces/IDateRangePickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":899,"kind":1024,"name":"value","url":"interfaces/IDateRangePickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":900,"kind":1024,"name":"disabled","url":"interfaces/IDateRangePickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":901,"kind":1024,"name":"width","url":"interfaces/IDateRangePickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":902,"kind":1024,"name":"name","url":"interfaces/IDateRangePickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":903,"kind":1024,"name":"disabledDate","url":"interfaces/IDateRangePickerProps.html#disabledDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":904,"kind":2048,"name":"onOpen","url":"interfaces/IDateRangePickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":905,"kind":1024,"name":"dateSpan","url":"interfaces/IDateRangePickerProps.html#dateSpan","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":906,"kind":1024,"name":"defaultDate","url":"interfaces/IDateRangePickerProps.html#defaultDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":907,"kind":1024,"name":"format","url":"interfaces/IDateRangePickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":908,"kind":1024,"name":"canClear","url":"interfaces/IDateRangePickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":909,"kind":1024,"name":"openPanel","url":"interfaces/IDateRangePickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":910,"kind":1024,"name":"valueType","url":"interfaces/IDateRangePickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":911,"kind":2048,"name":"onChange","url":"interfaces/IDateRangePickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":912,"kind":64,"name":"DateRangePicker","url":"modules.html#DateRangePicker","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":913,"kind":256,"name":"IMonthPickerProps","url":"interfaces/IMonthPickerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":914,"kind":1024,"name":"className","url":"interfaces/IMonthPickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":915,"kind":2048,"name":"onClose","url":"interfaces/IMonthPickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":916,"kind":1024,"name":"placeholder","url":"interfaces/IMonthPickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":917,"kind":1024,"name":"value","url":"interfaces/IMonthPickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":918,"kind":1024,"name":"disabled","url":"interfaces/IMonthPickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":919,"kind":1024,"name":"width","url":"interfaces/IMonthPickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":920,"kind":1024,"name":"name","url":"interfaces/IMonthPickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":921,"kind":1024,"name":"disabledDate","url":"interfaces/IMonthPickerProps.html#disabledDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":922,"kind":2048,"name":"onOpen","url":"interfaces/IMonthPickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":923,"kind":1024,"name":"defaultDate","url":"interfaces/IMonthPickerProps.html#defaultDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":924,"kind":1024,"name":"format","url":"interfaces/IMonthPickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":925,"kind":1024,"name":"canClear","url":"interfaces/IMonthPickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":926,"kind":1024,"name":"openPanel","url":"interfaces/IMonthPickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":927,"kind":1024,"name":"valueType","url":"interfaces/IMonthPickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":928,"kind":2048,"name":"onChange","url":"interfaces/IMonthPickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":929,"kind":64,"name":"MonthPicker","url":"modules.html#MonthPicker","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":930,"kind":256,"name":"IQuarterPickerProps","url":"interfaces/IQuarterPickerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":931,"kind":1024,"name":"className","url":"interfaces/IQuarterPickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":932,"kind":2048,"name":"onClose","url":"interfaces/IQuarterPickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":933,"kind":1024,"name":"placeholder","url":"interfaces/IQuarterPickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":934,"kind":1024,"name":"value","url":"interfaces/IQuarterPickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":935,"kind":1024,"name":"disabled","url":"interfaces/IQuarterPickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":936,"kind":1024,"name":"width","url":"interfaces/IQuarterPickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":937,"kind":1024,"name":"name","url":"interfaces/IQuarterPickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":938,"kind":1024,"name":"disabledDate","url":"interfaces/IQuarterPickerProps.html#disabledDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":939,"kind":2048,"name":"onOpen","url":"interfaces/IQuarterPickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":940,"kind":1024,"name":"defaultDate","url":"interfaces/IQuarterPickerProps.html#defaultDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":941,"kind":1024,"name":"format","url":"interfaces/IQuarterPickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":942,"kind":1024,"name":"canClear","url":"interfaces/IQuarterPickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":943,"kind":1024,"name":"openPanel","url":"interfaces/IQuarterPickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":944,"kind":1024,"name":"valueType","url":"interfaces/IQuarterPickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":945,"kind":2048,"name":"onChange","url":"interfaces/IQuarterPickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":946,"kind":64,"name":"QuarterPicker","url":"modules.html#QuarterPicker","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":947,"kind":4194304,"name":"ITimePickerProps","url":"modules.html#ITimePickerProps","classes":"tsd-kind-type-alias"},{"id":948,"kind":32,"name":"TimePicker","url":"modules.html#TimePicker","classes":"tsd-kind-variable"},{"id":949,"kind":256,"name":"ITimeRangePickerProps","url":"interfaces/ITimeRangePickerProps.html","classes":"tsd-kind-interface"},{"id":950,"kind":2048,"name":"onOpen","url":"interfaces/ITimeRangePickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite","parent":"ITimeRangePickerProps"},{"id":951,"kind":2048,"name":"onClose","url":"interfaces/ITimeRangePickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite","parent":"ITimeRangePickerProps"},{"id":952,"kind":1024,"name":"name","url":"interfaces/ITimeRangePickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":953,"kind":1024,"name":"placeholder","url":"interfaces/ITimeRangePickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":954,"kind":1024,"name":"value","url":"interfaces/ITimeRangePickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":955,"kind":2048,"name":"onChange","url":"interfaces/ITimeRangePickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":956,"kind":1024,"name":"hiddenIcon","url":"interfaces/ITimeRangePickerProps.html#hiddenIcon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":957,"kind":1024,"name":"autoComplete","url":"interfaces/ITimeRangePickerProps.html#autoComplete","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":958,"kind":1024,"name":"disabledTime","url":"interfaces/ITimeRangePickerProps.html#disabledTime","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":959,"kind":1024,"name":"selectedDate","url":"interfaces/ITimeRangePickerProps.html#selectedDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":960,"kind":1024,"name":"hourStep","url":"interfaces/ITimeRangePickerProps.html#hourStep","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":961,"kind":1024,"name":"minuteStep","url":"interfaces/ITimeRangePickerProps.html#minuteStep","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":962,"kind":1024,"name":"secondStep","url":"interfaces/ITimeRangePickerProps.html#secondStep","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":963,"kind":1024,"name":"defaultTime","url":"interfaces/ITimeRangePickerProps.html#defaultTime","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":964,"kind":1024,"name":"format","url":"interfaces/ITimeRangePickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":965,"kind":1024,"name":"disabled","url":"interfaces/ITimeRangePickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":966,"kind":1024,"name":"canClear","url":"interfaces/ITimeRangePickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":967,"kind":1024,"name":"openPanel","url":"interfaces/ITimeRangePickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":968,"kind":1024,"name":"width","url":"interfaces/ITimeRangePickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":969,"kind":1024,"name":"className","url":"interfaces/ITimeRangePickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":970,"kind":32,"name":"TimeRangePicker","url":"modules.html#TimeRangePicker","classes":"tsd-kind-variable"},{"id":971,"kind":4,"name":"WeekStartsOnMap","url":"enums/WeekStartsOnMap.html","classes":"tsd-kind-enum"},{"id":972,"kind":16,"name":"Sunday","url":"enums/WeekStartsOnMap.html#Sunday","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WeekStartsOnMap"},{"id":973,"kind":16,"name":"Monday","url":"enums/WeekStartsOnMap.html#Monday","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WeekStartsOnMap"},{"id":974,"kind":16,"name":"Tuesday","url":"enums/WeekStartsOnMap.html#Tuesday","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WeekStartsOnMap"},{"id":975,"kind":16,"name":"Wednesday","url":"enums/WeekStartsOnMap.html#Wednesday","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WeekStartsOnMap"},{"id":976,"kind":16,"name":"Thursday","url":"enums/WeekStartsOnMap.html#Thursday","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WeekStartsOnMap"},{"id":977,"kind":16,"name":"Friday","url":"enums/WeekStartsOnMap.html#Friday","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WeekStartsOnMap"},{"id":978,"kind":16,"name":"Saturday","url":"enums/WeekStartsOnMap.html#Saturday","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WeekStartsOnMap"},{"id":979,"kind":256,"name":"IWeekPickerProps","url":"interfaces/IWeekPickerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":980,"kind":1024,"name":"hideFooter","url":"interfaces/IWeekPickerProps.html#hideFooter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWeekPickerProps"},{"id":981,"kind":1024,"name":"weekStartsOn","url":"interfaces/IWeekPickerProps.html#weekStartsOn","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":982,"kind":1024,"name":"className","url":"interfaces/IWeekPickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":983,"kind":2048,"name":"onClose","url":"interfaces/IWeekPickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":984,"kind":1024,"name":"placeholder","url":"interfaces/IWeekPickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":985,"kind":1024,"name":"value","url":"interfaces/IWeekPickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":986,"kind":1024,"name":"disabled","url":"interfaces/IWeekPickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":987,"kind":1024,"name":"width","url":"interfaces/IWeekPickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":988,"kind":1024,"name":"name","url":"interfaces/IWeekPickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":989,"kind":1024,"name":"disabledDate","url":"interfaces/IWeekPickerProps.html#disabledDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":990,"kind":2048,"name":"onOpen","url":"interfaces/IWeekPickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":991,"kind":1024,"name":"defaultDate","url":"interfaces/IWeekPickerProps.html#defaultDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":992,"kind":1024,"name":"format","url":"interfaces/IWeekPickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":993,"kind":1024,"name":"canClear","url":"interfaces/IWeekPickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":994,"kind":1024,"name":"openPanel","url":"interfaces/IWeekPickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":995,"kind":1024,"name":"valueType","url":"interfaces/IWeekPickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":996,"kind":2048,"name":"onChange","url":"interfaces/IWeekPickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":997,"kind":64,"name":"WeekPicker","url":"modules.html#WeekPicker","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":998,"kind":256,"name":"IYearPickerProps","url":"interfaces/IYearPickerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":999,"kind":1024,"name":"className","url":"interfaces/IYearPickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1000,"kind":2048,"name":"onClose","url":"interfaces/IYearPickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1001,"kind":1024,"name":"placeholder","url":"interfaces/IYearPickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1002,"kind":1024,"name":"value","url":"interfaces/IYearPickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1003,"kind":1024,"name":"disabled","url":"interfaces/IYearPickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1004,"kind":1024,"name":"width","url":"interfaces/IYearPickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1005,"kind":1024,"name":"name","url":"interfaces/IYearPickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1006,"kind":1024,"name":"disabledDate","url":"interfaces/IYearPickerProps.html#disabledDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1007,"kind":2048,"name":"onOpen","url":"interfaces/IYearPickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1008,"kind":1024,"name":"defaultDate","url":"interfaces/IYearPickerProps.html#defaultDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1009,"kind":1024,"name":"format","url":"interfaces/IYearPickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1010,"kind":1024,"name":"canClear","url":"interfaces/IYearPickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1011,"kind":1024,"name":"openPanel","url":"interfaces/IYearPickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1012,"kind":1024,"name":"valueType","url":"interfaces/IYearPickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1013,"kind":2048,"name":"onChange","url":"interfaces/IYearPickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1014,"kind":64,"name":"YearPicker","url":"modules.html#YearPicker","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1015,"kind":4194304,"name":"DateRangeQuickPickerValueType","url":"modules.html#DateRangeQuickPickerValueType","classes":"tsd-kind-type-alias"},{"id":1016,"kind":4194304,"name":"DateRangeQuickPickerPresetValue","url":"modules.html#DateRangeQuickPickerPresetValue","classes":"tsd-kind-type-alias"},{"id":1017,"kind":4194304,"name":"DateRangeQuickPickerChangeCallback","url":"modules.html#DateRangeQuickPickerChangeCallback","classes":"tsd-kind-type-alias"},{"id":1018,"kind":65536,"name":"__type","url":"modules.html#DateRangeQuickPickerChangeCallback.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"DateRangeQuickPickerChangeCallback"},{"id":1019,"kind":256,"name":"IDateRangeQuickPickerPreset","url":"interfaces/IDateRangeQuickPickerPreset.html","classes":"tsd-kind-interface"},{"id":1020,"kind":1024,"name":"text","url":"interfaces/IDateRangeQuickPickerPreset.html#text","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerPreset"},{"id":1021,"kind":1024,"name":"value","url":"interfaces/IDateRangeQuickPickerPreset.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerPreset"},{"id":1022,"kind":256,"name":"IDateRangeQuickPickerProps","url":"interfaces/IDateRangeQuickPickerProps.html","classes":"tsd-kind-interface"},{"id":1023,"kind":1024,"name":"onChange","url":"interfaces/IDateRangeQuickPickerProps.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1024,"kind":1024,"name":"value","url":"interfaces/IDateRangeQuickPickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1025,"kind":1024,"name":"valueType","url":"interfaces/IDateRangeQuickPickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1026,"kind":1024,"name":"format","url":"interfaces/IDateRangeQuickPickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1027,"kind":1024,"name":"chooseDays","url":"interfaces/IDateRangeQuickPickerProps.html#chooseDays","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1028,"kind":1024,"name":"chosenDays","url":"interfaces/IDateRangeQuickPickerProps.html#chosenDays","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1029,"kind":1024,"name":"preset","url":"interfaces/IDateRangeQuickPickerProps.html#preset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1030,"kind":1024,"name":"defaultSelectedPresetIndex","url":"interfaces/IDateRangeQuickPickerProps.html#defaultSelectedPresetIndex","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1031,"kind":1024,"name":"min","url":"interfaces/IDateRangeQuickPickerProps.html#min","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1032,"kind":1024,"name":"max","url":"interfaces/IDateRangeQuickPickerProps.html#max","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1033,"kind":1024,"name":"className","url":"interfaces/IDateRangeQuickPickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1034,"kind":128,"name":"DateRangeQuickPicker","url":"classes/DateRangeQuickPicker.html","classes":"tsd-kind-class"},{"id":1035,"kind":1024,"name":"defaultProps","url":"classes/DateRangeQuickPicker.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"DateRangeQuickPicker"},{"id":1036,"kind":65536,"name":"__type","url":"classes/DateRangeQuickPicker.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"DateRangeQuickPicker"},{"id":1037,"kind":1024,"name":"className","url":"classes/DateRangeQuickPicker.html#__type-1.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"DateRangeQuickPicker.__type"},{"id":1038,"kind":1024,"name":"value","url":"classes/DateRangeQuickPicker.html#__type-1.value","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"DateRangeQuickPicker.__type"},{"id":1039,"kind":1024,"name":"valueType","url":"classes/DateRangeQuickPicker.html#__type-1.valueType","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"DateRangeQuickPicker.__type"},{"id":1040,"kind":1024,"name":"format","url":"classes/DateRangeQuickPicker.html#__type-1.format","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"DateRangeQuickPicker.__type"},{"id":1041,"kind":1024,"name":"preset","url":"classes/DateRangeQuickPicker.html#__type-1.preset","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"DateRangeQuickPicker.__type"},{"id":1042,"kind":1024,"name":"min","url":"classes/DateRangeQuickPicker.html#__type-1.min","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"DateRangeQuickPicker.__type"},{"id":1043,"kind":1024,"name":"max","url":"classes/DateRangeQuickPicker.html#__type-1.max","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"DateRangeQuickPicker.__type"},{"id":1044,"kind":512,"name":"constructor","url":"classes/DateRangeQuickPicker.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"DateRangeQuickPicker"},{"id":1045,"kind":2048,"name":"handleTimeChange","url":"classes/DateRangeQuickPicker.html#handleTimeChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"DateRangeQuickPicker"},{"id":1046,"kind":2048,"name":"handleChosenDays","url":"classes/DateRangeQuickPicker.html#handleChosenDays","classes":"tsd-kind-method tsd-parent-kind-class","parent":"DateRangeQuickPicker"},{"id":1047,"kind":2048,"name":"render","url":"classes/DateRangeQuickPicker.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"DateRangeQuickPicker"},{"id":1048,"kind":65536,"name":"__type","url":"classes/DateRangeQuickPicker.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"DateRangeQuickPicker"},{"id":1049,"kind":64,"name":"closeDialog","url":"modules.html#closeDialog","classes":"tsd-kind-function"},{"id":1050,"kind":64,"name":"openDialog","url":"modules.html#openDialog","classes":"tsd-kind-function"},{"id":1051,"kind":256,"name":"ICloseDialogOption","url":"interfaces/ICloseDialogOption.html","classes":"tsd-kind-interface"},{"id":1052,"kind":1024,"name":"triggerOnClose","url":"interfaces/ICloseDialogOption.html#triggerOnClose","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICloseDialogOption"},{"id":1053,"kind":256,"name":"IOpenDialogOption","url":"interfaces/IOpenDialogOption.html","classes":"tsd-kind-interface"},{"id":1054,"kind":1024,"name":"dialogId","url":"interfaces/IOpenDialogOption.html#dialogId","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IOpenDialogOption"},{"id":1055,"kind":2048,"name":"ref","url":"interfaces/IOpenDialogOption.html#ref","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IOpenDialogOption"},{"id":1056,"kind":1024,"name":"parentComponent","url":"interfaces/IOpenDialogOption.html#parentComponent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IOpenDialogOption"},{"id":1057,"kind":2048,"name":"onClose","url":"interfaces/IOpenDialogOption.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IOpenDialogOption"},{"id":1058,"kind":1024,"name":"className","url":"interfaces/IOpenDialogOption.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1059,"kind":1024,"name":"children","url":"interfaces/IOpenDialogOption.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1060,"kind":1024,"name":"title","url":"interfaces/IOpenDialogOption.html#title","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1061,"kind":1024,"name":"style","url":"interfaces/IOpenDialogOption.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1062,"kind":1024,"name":"visible","url":"interfaces/IOpenDialogOption.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1063,"kind":1024,"name":"footer","url":"interfaces/IOpenDialogOption.html#footer","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1064,"kind":1024,"name":"closeBtn","url":"interfaces/IOpenDialogOption.html#closeBtn","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1065,"kind":1024,"name":"mask","url":"interfaces/IOpenDialogOption.html#mask","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1066,"kind":1024,"name":"maskClosable","url":"interfaces/IOpenDialogOption.html#maskClosable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1067,"kind":2048,"name":"onOpened","url":"interfaces/IOpenDialogOption.html#onOpened","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1068,"kind":2048,"name":"onClosed","url":"interfaces/IOpenDialogOption.html#onClosed","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1069,"kind":256,"name":"IDialogProps","url":"interfaces/IDialogProps.html","classes":"tsd-kind-interface"},{"id":1070,"kind":1024,"name":"title","url":"interfaces/IDialogProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1071,"kind":1024,"name":"children","url":"interfaces/IDialogProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1072,"kind":1024,"name":"footer","url":"interfaces/IDialogProps.html#footer","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1073,"kind":1024,"name":"visible","url":"interfaces/IDialogProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1074,"kind":1024,"name":"closeBtn","url":"interfaces/IDialogProps.html#closeBtn","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1075,"kind":2048,"name":"onClose","url":"interfaces/IDialogProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1076,"kind":1024,"name":"mask","url":"interfaces/IDialogProps.html#mask","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1077,"kind":1024,"name":"maskClosable","url":"interfaces/IDialogProps.html#maskClosable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1078,"kind":1024,"name":"className","url":"interfaces/IDialogProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1079,"kind":1024,"name":"style","url":"interfaces/IDialogProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1080,"kind":2048,"name":"onOpened","url":"interfaces/IDialogProps.html#onOpened","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1081,"kind":2048,"name":"onClosed","url":"interfaces/IDialogProps.html#onClosed","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1082,"kind":256,"name":"IDialogState","url":"interfaces/IDialogState.html","classes":"tsd-kind-interface"},{"id":1083,"kind":1024,"name":"prevOpen","url":"interfaces/IDialogState.html#prevOpen","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogState"},{"id":1084,"kind":1024,"name":"exiting","url":"interfaces/IDialogState.html#exiting","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogState"},{"id":1085,"kind":128,"name":"Dialog","url":"classes/Dialog.html","classes":"tsd-kind-class"},{"id":1086,"kind":1024,"name":"defaultProps","url":"classes/Dialog.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Dialog"},{"id":1087,"kind":65536,"name":"__type","url":"classes/Dialog.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Dialog"},{"id":1088,"kind":2048,"name":"onClose","url":"classes/Dialog.html#__type-2.onClose","classes":"tsd-kind-method tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1089,"kind":1024,"name":"visible","url":"classes/Dialog.html#__type-2.visible","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1090,"kind":1024,"name":"className","url":"classes/Dialog.html#__type-2.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1091,"kind":1024,"name":"style","url":"classes/Dialog.html#__type-2.style","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1092,"kind":65536,"name":"__type","url":"classes/Dialog.html#__type-2.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1093,"kind":1024,"name":"title","url":"classes/Dialog.html#__type-2.title","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1094,"kind":1024,"name":"closeBtn","url":"classes/Dialog.html#__type-2.closeBtn","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1095,"kind":1024,"name":"mask","url":"classes/Dialog.html#__type-2.mask","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1096,"kind":1024,"name":"maskClosable","url":"classes/Dialog.html#__type-2.maskClosable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1097,"kind":1024,"name":"footer","url":"classes/Dialog.html#__type-2.footer","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1098,"kind":1024,"name":"openDialog","url":"classes/Dialog.html#openDialog","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Dialog"},{"id":1099,"kind":65536,"name":"__type","url":"classes/Dialog.html#__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Dialog"},{"id":1100,"kind":1024,"name":"closeDialog","url":"classes/Dialog.html#closeDialog","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Dialog"},{"id":1101,"kind":65536,"name":"__type","url":"classes/Dialog.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Dialog"},{"id":1102,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Dialog.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Dialog"},{"id":1103,"kind":512,"name":"constructor","url":"classes/Dialog.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"Dialog"},{"id":1104,"kind":1024,"name":"lastMousePosition","url":"classes/Dialog.html#lastMousePosition","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Dialog"},{"id":1105,"kind":2048,"name":"onClose","url":"classes/Dialog.html#onClose-1","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Dialog"},{"id":1106,"kind":2048,"name":"onExited","url":"classes/Dialog.html#onExited","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Dialog"},{"id":1107,"kind":2048,"name":"render","url":"classes/Dialog.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Dialog"},{"id":1108,"kind":65536,"name":"__type","url":"classes/Dialog.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Dialog"},{"id":1109,"kind":256,"name":"IDisabledProps","url":"interfaces/IDisabledProps.html","classes":"tsd-kind-interface"},{"id":1110,"kind":1024,"name":"value","url":"interfaces/IDisabledProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDisabledProps"},{"id":1111,"kind":256,"name":"IDisabledContext","url":"interfaces/IDisabledContext.html","classes":"tsd-kind-interface"},{"id":1112,"kind":1024,"name":"value","url":"interfaces/IDisabledContext.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDisabledContext"},{"id":1113,"kind":32,"name":"DisabledContext","url":"modules.html#DisabledContext","classes":"tsd-kind-variable"},{"id":1114,"kind":32,"name":"Disabled","url":"modules.html#Disabled","classes":"tsd-kind-variable"},{"id":1115,"kind":4194304,"name":"DrawerProps","url":"modules.html#DrawerProps","classes":"tsd-kind-type-alias"},{"id":1116,"kind":32,"name":"Drawer","url":"modules.html#Drawer","classes":"tsd-kind-variable"},{"id":1117,"kind":2,"name":"Drawer","url":"modules/Drawer.html","classes":"tsd-kind-namespace"},{"id":1118,"kind":32,"name":"defaultProps","url":"modules/Drawer.html#defaultProps","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Drawer"},{"id":1119,"kind":4194304,"name":"IDropdownButtonProps","url":"modules.html#IDropdownButtonProps","classes":"tsd-kind-type-alias"},{"id":1120,"kind":32,"name":"DropdownButton","url":"modules.html#DropdownButton","classes":"tsd-kind-variable"},{"id":1121,"kind":4194304,"name":"IDropdownProps","url":"modules.html#IDropdownProps","classes":"tsd-kind-type-alias"},{"id":1122,"kind":32,"name":"Dropdown","url":"modules.html#Dropdown","classes":"tsd-kind-variable"},{"id":1123,"kind":64,"name":"DropdownClickTrigger","url":"modules.html#DropdownClickTrigger","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1124,"kind":64,"name":"DropdownHoverTrigger","url":"modules.html#DropdownHoverTrigger","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1125,"kind":64,"name":"DropdownContent","url":"modules.html#DropdownContent","classes":"tsd-kind-function"},{"id":1126,"kind":32,"name":"DropdownPosition","url":"modules.html#DropdownPosition","classes":"tsd-kind-variable"},{"id":1127,"kind":32,"name":"DropdownNav","url":"modules.html#DropdownNav","classes":"tsd-kind-variable"},{"id":1128,"kind":256,"name":"IElevatorLinkItem","url":"interfaces/IElevatorLinkItem.html","classes":"tsd-kind-interface"},{"id":1129,"kind":1024,"name":"link","url":"interfaces/IElevatorLinkItem.html#link","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IElevatorLinkItem"},{"id":1130,"kind":1024,"name":"title","url":"interfaces/IElevatorLinkItem.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IElevatorLinkItem"},{"id":1131,"kind":4194304,"name":"IElevatorLinksProps","url":"modules.html#IElevatorLinksProps","classes":"tsd-kind-type-alias"},{"id":1132,"kind":32,"name":"ElevatorLinks","url":"modules.html#ElevatorLinks","classes":"tsd-kind-variable"},{"id":1133,"kind":256,"name":"IElevatorAnchorProps","url":"interfaces/IElevatorAnchorProps.html","classes":"tsd-kind-interface"},{"id":1134,"kind":1024,"name":"link","url":"interfaces/IElevatorAnchorProps.html#link","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IElevatorAnchorProps"},{"id":1135,"kind":32,"name":"ElevatorAnchor","url":"modules.html#ElevatorAnchor","classes":"tsd-kind-variable"},{"id":1136,"kind":256,"name":"IElevatorProps","url":"interfaces/IElevatorProps.html","classes":"tsd-kind-interface"},{"id":1137,"kind":2048,"name":"getContainer","url":"interfaces/IElevatorProps.html#getContainer","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IElevatorProps"},{"id":1138,"kind":1024,"name":"targetOffset","url":"interfaces/IElevatorProps.html#targetOffset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IElevatorProps"},{"id":1139,"kind":1024,"name":"offsetTop","url":"interfaces/IElevatorProps.html#offsetTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IElevatorProps"},{"id":1140,"kind":1024,"name":"activeLink","url":"interfaces/IElevatorProps.html#activeLink","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IElevatorProps"},{"id":1141,"kind":1024,"name":"defaultActiveLink","url":"interfaces/IElevatorProps.html#defaultActiveLink","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IElevatorProps"},{"id":1142,"kind":2048,"name":"onChange","url":"interfaces/IElevatorProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IElevatorProps"},{"id":1143,"kind":32,"name":"Elevator","url":"modules.html#Elevator","classes":"tsd-kind-variable"},{"id":1144,"kind":2,"name":"Elevator","url":"modules/Elevator.html","classes":"tsd-kind-namespace"},{"id":1145,"kind":32,"name":"Links","url":"modules/Elevator.html#Links","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Elevator"},{"id":1146,"kind":32,"name":"Anchor","url":"modules/Elevator.html#Anchor","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Elevator"},{"id":1147,"kind":256,"name":"IOnErrorCallback","url":"interfaces/IOnErrorCallback.html","classes":"tsd-kind-interface"},{"id":1148,"kind":256,"name":"IErrorBoundaryFallbackComponentProps","url":"interfaces/IErrorBoundaryFallbackComponentProps.html","classes":"tsd-kind-interface"},{"id":1149,"kind":1024,"name":"error","url":"interfaces/IErrorBoundaryFallbackComponentProps.html#error","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IErrorBoundaryFallbackComponentProps"},{"id":1150,"kind":1024,"name":"componentStack","url":"interfaces/IErrorBoundaryFallbackComponentProps.html#componentStack","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IErrorBoundaryFallbackComponentProps"},{"id":1151,"kind":256,"name":"IErrorBoundaryProps","url":"interfaces/IErrorBoundaryProps.html","classes":"tsd-kind-interface"},{"id":1152,"kind":1024,"name":"onError","url":"interfaces/IErrorBoundaryProps.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IErrorBoundaryProps"},{"id":1153,"kind":1024,"name":"FallbackComponent","url":"interfaces/IErrorBoundaryProps.html#FallbackComponent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IErrorBoundaryProps"},{"id":1154,"kind":128,"name":"ErrorBoundary","url":"classes/ErrorBoundary.html","classes":"tsd-kind-class"},{"id":1155,"kind":1024,"name":"defaultProps","url":"classes/ErrorBoundary.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ErrorBoundary"},{"id":1156,"kind":65536,"name":"__type","url":"classes/ErrorBoundary.html#__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ErrorBoundary"},{"id":1157,"kind":1024,"name":"FallbackComponent","url":"classes/ErrorBoundary.html#__type-3.FallbackComponent","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ErrorBoundary.__type"},{"id":1158,"kind":65536,"name":"__type","url":"classes/ErrorBoundary.html#__type-3.__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"ErrorBoundary.__type"},{"id":1159,"kind":1024,"name":"withErrorBoundary","url":"classes/ErrorBoundary.html#withErrorBoundary","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ErrorBoundary"},{"id":1160,"kind":65536,"name":"__type","url":"classes/ErrorBoundary.html#__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"ErrorBoundary"},{"id":1161,"kind":1024,"name":"catchError","url":"classes/ErrorBoundary.html#catchError","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ErrorBoundary"},{"id":1162,"kind":65536,"name":"__type","url":"classes/ErrorBoundary.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ErrorBoundary"},{"id":1163,"kind":512,"name":"constructor","url":"classes/ErrorBoundary.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"ErrorBoundary"},{"id":1164,"kind":1024,"name":"state","url":"classes/ErrorBoundary.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"ErrorBoundary"},{"id":1165,"kind":65536,"name":"__type","url":"classes/ErrorBoundary.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ErrorBoundary"},{"id":1166,"kind":1024,"name":"error","url":"classes/ErrorBoundary.html#__type-1.error","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ErrorBoundary.__type"},{"id":1167,"kind":1024,"name":"info","url":"classes/ErrorBoundary.html#__type-1.info","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ErrorBoundary.__type"},{"id":1168,"kind":2048,"name":"componentDidCatch","url":"classes/ErrorBoundary.html#componentDidCatch","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ErrorBoundary"},{"id":1169,"kind":2048,"name":"render","url":"classes/ErrorBoundary.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ErrorBoundary"},{"id":1170,"kind":65536,"name":"__type","url":"classes/ErrorBoundary.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ErrorBoundary"},{"id":1171,"kind":256,"name":"ICatchErrorOption","url":"interfaces/ICatchErrorOption.html","classes":"tsd-kind-interface"},{"id":1172,"kind":2048,"name":"onError","url":"interfaces/ICatchErrorOption.html#onError","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICatchErrorOption"},{"id":1173,"kind":1024,"name":"FallbackComponent","url":"interfaces/ICatchErrorOption.html#FallbackComponent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICatchErrorOption"},{"id":1174,"kind":64,"name":"withErrorBoundary","url":"modules.html#withErrorBoundary","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1175,"kind":256,"name":"IWithErrorBoundaryOption","url":"interfaces/IWithErrorBoundaryOption.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1176,"kind":1024,"name":"Component","url":"interfaces/IWithErrorBoundaryOption.html#Component","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWithErrorBoundaryOption"},{"id":1177,"kind":1024,"name":"FallbackComponent","url":"interfaces/IWithErrorBoundaryOption.html#FallbackComponent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWithErrorBoundaryOption"},{"id":1178,"kind":1024,"name":"onError","url":"interfaces/IWithErrorBoundaryOption.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWithErrorBoundaryOption"},{"id":1179,"kind":64,"name":"addEventListener","url":"modules.html#addEventListener","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1180,"kind":64,"name":"useEventHandler","url":"modules.html#useEventHandler","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1181,"kind":32,"name":"targetMap","url":"modules.html#targetMap","classes":"tsd-kind-variable"},{"id":1182,"kind":256,"name":"IEventHandlerProps","url":"interfaces/IEventHandlerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1183,"kind":1024,"name":"target","url":"interfaces/IEventHandlerProps.html#target","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IEventHandlerProps"},{"id":1184,"kind":1024,"name":"eventName","url":"interfaces/IEventHandlerProps.html#eventName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IEventHandlerProps"},{"id":1185,"kind":2048,"name":"listener","url":"interfaces/IEventHandlerProps.html#listener","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IEventHandlerProps"},{"id":1186,"kind":1024,"name":"options","url":"interfaces/IEventHandlerProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IEventHandlerProps"},{"id":1187,"kind":64,"name":"EventHandler","url":"modules.html#EventHandler","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1188,"kind":64,"name":"useWindowEventHandler","url":"modules.html#useWindowEventHandler","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1189,"kind":64,"name":"WindowEventHandler","url":"modules.html#WindowEventHandler","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1190,"kind":256,"name":"IWindowEventHandlerProps","url":"interfaces/IWindowEventHandlerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1191,"kind":1024,"name":"eventName","url":"interfaces/IWindowEventHandlerProps.html#eventName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWindowEventHandlerProps"},{"id":1192,"kind":2048,"name":"listener","url":"interfaces/IWindowEventHandlerProps.html#listener","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IWindowEventHandlerProps"},{"id":1193,"kind":1024,"name":"options","url":"interfaces/IWindowEventHandlerProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWindowEventHandlerProps"},{"id":1194,"kind":256,"name":"IWindowResizeHandlerDelta","url":"interfaces/IWindowResizeHandlerDelta.html","classes":"tsd-kind-interface"},{"id":1195,"kind":1024,"name":"deltaX","url":"interfaces/IWindowResizeHandlerDelta.html#deltaX","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWindowResizeHandlerDelta"},{"id":1196,"kind":1024,"name":"deltaY","url":"interfaces/IWindowResizeHandlerDelta.html#deltaY","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWindowResizeHandlerDelta"},{"id":1197,"kind":256,"name":"IWindowResizeHandlerProps","url":"interfaces/IWindowResizeHandlerProps.html","classes":"tsd-kind-interface"},{"id":1198,"kind":2048,"name":"onResize","url":"interfaces/IWindowResizeHandlerProps.html#onResize","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IWindowResizeHandlerProps"},{"id":1199,"kind":1024,"name":"disableThrottle","url":"interfaces/IWindowResizeHandlerProps.html#disableThrottle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWindowResizeHandlerProps"},{"id":1200,"kind":32,"name":"WindowResizeHandler","url":"modules.html#WindowResizeHandler","classes":"tsd-kind-variable"},{"id":1201,"kind":256,"name":"IWindowScrollHandler","url":"interfaces/IWindowScrollHandler.html","classes":"tsd-kind-interface"},{"id":1202,"kind":2048,"name":"onScroll","url":"interfaces/IWindowScrollHandler.html#onScroll","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IWindowScrollHandler"},{"id":1203,"kind":1024,"name":"disableThrottle","url":"interfaces/IWindowScrollHandler.html#disableThrottle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWindowScrollHandler"},{"id":1204,"kind":1024,"name":"options","url":"interfaces/IWindowScrollHandler.html#options","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWindowScrollHandler"},{"id":1205,"kind":32,"name":"WindowScrollHandler","url":"modules.html#WindowScrollHandler","classes":"tsd-kind-variable"},{"id":1206,"kind":128,"name":"BasicModel","url":"classes/BasicModel.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1207,"kind":512,"name":"constructor","url":"classes/BasicModel.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-protected","parent":"BasicModel"},{"id":1208,"kind":1024,"name":"_displayName","url":"classes/BasicModel.html#_displayName","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-protected","parent":"BasicModel"},{"id":1209,"kind":1024,"name":"destroyOnUnmount","url":"classes/BasicModel.html#destroyOnUnmount","classes":"tsd-kind-property tsd-parent-kind-class","parent":"BasicModel"},{"id":1210,"kind":1024,"name":"owner","url":"classes/BasicModel.html#owner","classes":"tsd-kind-property tsd-parent-kind-class","parent":"BasicModel"},{"id":1211,"kind":2048,"name":"getRawValue","url":"classes/BasicModel.html#getRawValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1212,"kind":2048,"name":"getSubmitValue","url":"classes/BasicModel.html#getSubmitValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1213,"kind":1024,"name":"error$","url":"classes/BasicModel.html#error_","classes":"tsd-kind-property tsd-parent-kind-class","parent":"BasicModel"},{"id":1214,"kind":262144,"name":"valid$","url":"classes/BasicModel.html#valid_","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"BasicModel"},{"id":1215,"kind":262144,"name":"value$","url":"classes/BasicModel.html#value_","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"BasicModel"},{"id":1216,"kind":262144,"name":"value","url":"classes/BasicModel.html#value","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"BasicModel"},{"id":1217,"kind":262144,"name":"form","url":"classes/BasicModel.html#form","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"BasicModel"},{"id":1218,"kind":1024,"name":"id","url":"classes/BasicModel.html#id","classes":"tsd-kind-property tsd-parent-kind-class","parent":"BasicModel"},{"id":1219,"kind":2048,"name":"pristine","url":"classes/BasicModel.html#pristine","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1220,"kind":2048,"name":"touched","url":"classes/BasicModel.html#touched","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1221,"kind":2048,"name":"dirty","url":"classes/BasicModel.html#dirty","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1222,"kind":2048,"name":"patchValue","url":"classes/BasicModel.html#patchValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1223,"kind":2048,"name":"reset","url":"classes/BasicModel.html#reset","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1224,"kind":2048,"name":"clear","url":"classes/BasicModel.html#clear","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1225,"kind":2048,"name":"clearError","url":"classes/BasicModel.html#clearError","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1226,"kind":2048,"name":"initialize","url":"classes/BasicModel.html#initialize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1227,"kind":2048,"name":"validate","url":"classes/BasicModel.html#validate","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1228,"kind":2048,"name":"dispose","url":"classes/BasicModel.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1229,"kind":2048,"name":"valid","url":"classes/BasicModel.html#valid","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1230,"kind":2048,"name":"triggerValidate","url":"classes/BasicModel.html#triggerValidate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-protected","parent":"BasicModel"},{"id":1231,"kind":262144,"name":"error","url":"classes/BasicModel.html#error","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"BasicModel"},{"id":1232,"kind":128,"name":"FieldArrayModel","url":"classes/FieldArrayModel.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1233,"kind":1024,"name":"_displayName","url":"classes/FieldArrayModel.html#_displayName","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"FieldArrayModel"},{"id":1234,"kind":1024,"name":"children$","url":"classes/FieldArrayModel.html#children_","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1235,"kind":1024,"name":"owner","url":"classes/FieldArrayModel.html#owner","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1236,"kind":1024,"name":"builder","url":"classes/FieldArrayModel.html#builder","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1237,"kind":1024,"name":"normalizeBeforeSubmit","url":"classes/FieldArrayModel.html#normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1238,"kind":262144,"name":"value","url":"classes/FieldArrayModel.html#value","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1239,"kind":262144,"name":"value$","url":"classes/FieldArrayModel.html#value_","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1240,"kind":262144,"name":"valid$","url":"classes/FieldArrayModel.html#valid_","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1241,"kind":2048,"name":"_getValid$","url":"classes/FieldArrayModel.html#_getValid_","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1242,"kind":2048,"name":"reset","url":"classes/FieldArrayModel.html#reset","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1243,"kind":2048,"name":"clear","url":"classes/FieldArrayModel.html#clear","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1244,"kind":2048,"name":"clearError","url":"classes/FieldArrayModel.html#clearError","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1245,"kind":262144,"name":"children","url":"classes/FieldArrayModel.html#children","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1246,"kind":2048,"name":"get","url":"classes/FieldArrayModel.html#get","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1247,"kind":2048,"name":"getRawValue","url":"classes/FieldArrayModel.html#getRawValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1248,"kind":2048,"name":"getSubmitValue","url":"classes/FieldArrayModel.html#getSubmitValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1249,"kind":2048,"name":"patchValue","url":"classes/FieldArrayModel.html#patchValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1250,"kind":2048,"name":"initialize","url":"classes/FieldArrayModel.html#initialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1251,"kind":2048,"name":"push","url":"classes/FieldArrayModel.html#push","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1252,"kind":2048,"name":"pop","url":"classes/FieldArrayModel.html#pop","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1253,"kind":2048,"name":"shift","url":"classes/FieldArrayModel.html#shift","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1254,"kind":2048,"name":"unshift","url":"classes/FieldArrayModel.html#unshift","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1255,"kind":2048,"name":"splice","url":"classes/FieldArrayModel.html#splice","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1256,"kind":2048,"name":"filter","url":"classes/FieldArrayModel.html#filter","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1257,"kind":2048,"name":"sort","url":"classes/FieldArrayModel.html#sort","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1258,"kind":2048,"name":"validate","url":"classes/FieldArrayModel.html#validate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1259,"kind":2048,"name":"pristine","url":"classes/FieldArrayModel.html#pristine","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1260,"kind":2048,"name":"dirty","url":"classes/FieldArrayModel.html#dirty","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1261,"kind":2048,"name":"touched","url":"classes/FieldArrayModel.html#touched","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1262,"kind":2048,"name":"dispose","url":"classes/FieldArrayModel.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1263,"kind":1024,"name":"destroyOnUnmount","url":"classes/FieldArrayModel.html#destroyOnUnmount","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1264,"kind":1024,"name":"error$","url":"classes/FieldArrayModel.html#error_","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1265,"kind":262144,"name":"form","url":"classes/FieldArrayModel.html#form","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1266,"kind":1024,"name":"id","url":"classes/FieldArrayModel.html#id","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1267,"kind":2048,"name":"valid","url":"classes/FieldArrayModel.html#valid","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1268,"kind":2048,"name":"triggerValidate","url":"classes/FieldArrayModel.html#triggerValidate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldArrayModel"},{"id":1269,"kind":262144,"name":"error","url":"classes/FieldArrayModel.html#error","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1270,"kind":128,"name":"FieldModel","url":"classes/FieldModel.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1271,"kind":1024,"name":"_displayName","url":"classes/FieldModel.html#_displayName","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"FieldModel"},{"id":1272,"kind":1024,"name":"_value$","url":"classes/FieldModel.html#_value_","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldModel"},{"id":1273,"kind":1024,"name":"_valid$","url":"classes/FieldModel.html#_valid_","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldModel"},{"id":1274,"kind":1024,"name":"builder","url":"classes/FieldModel.html#builder","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldModel"},{"id":1275,"kind":1024,"name":"isTouched","url":"classes/FieldModel.html#isTouched","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldModel"},{"id":1276,"kind":1024,"name":"isCompositing","url":"classes/FieldModel.html#isCompositing","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldModel"},{"id":1277,"kind":1024,"name":"normalizeBeforeSubmit","url":"classes/FieldModel.html#normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldModel"},{"id":1278,"kind":1024,"name":"owner","url":"classes/FieldModel.html#owner","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1279,"kind":262144,"name":"value$","url":"classes/FieldModel.html#value_","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1280,"kind":262144,"name":"valid$","url":"classes/FieldModel.html#valid_","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1281,"kind":2048,"name":"reset","url":"classes/FieldModel.html#reset","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1282,"kind":2048,"name":"clear","url":"classes/FieldModel.html#clear","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1283,"kind":2048,"name":"clearError","url":"classes/FieldModel.html#clearError","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1284,"kind":2048,"name":"initialize","url":"classes/FieldModel.html#initialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1285,"kind":2048,"name":"getRawValue","url":"classes/FieldModel.html#getRawValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1286,"kind":2048,"name":"getSubmitValue","url":"classes/FieldModel.html#getSubmitValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1287,"kind":2048,"name":"validate","url":"classes/FieldModel.html#validate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1288,"kind":2048,"name":"patchValue","url":"classes/FieldModel.html#patchValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1289,"kind":2048,"name":"pristine","url":"classes/FieldModel.html#pristine","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1290,"kind":2048,"name":"dirty","url":"classes/FieldModel.html#dirty","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1291,"kind":2048,"name":"touched","url":"classes/FieldModel.html#touched","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1292,"kind":2048,"name":"dispose","url":"classes/FieldModel.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1293,"kind":1024,"name":"destroyOnUnmount","url":"classes/FieldModel.html#destroyOnUnmount","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1294,"kind":1024,"name":"error$","url":"classes/FieldModel.html#error_","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1295,"kind":262144,"name":"value","url":"classes/FieldModel.html#value","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1296,"kind":262144,"name":"form","url":"classes/FieldModel.html#form","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1297,"kind":1024,"name":"id","url":"classes/FieldModel.html#id","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1298,"kind":2048,"name":"valid","url":"classes/FieldModel.html#valid","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1299,"kind":2048,"name":"triggerValidate","url":"classes/FieldModel.html#triggerValidate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldModel"},{"id":1300,"kind":262144,"name":"error","url":"classes/FieldModel.html#error","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1301,"kind":128,"name":"FieldSetModel","url":"classes/FieldSetModel.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1302,"kind":1024,"name":"_displayName","url":"classes/FieldSetModel.html#_displayName","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"FieldSetModel"},{"id":1303,"kind":1024,"name":"childRegister$","url":"classes/FieldSetModel.html#childRegister_","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldSetModel"},{"id":1304,"kind":1024,"name":"childRemove$","url":"classes/FieldSetModel.html#childRemove_","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldSetModel"},{"id":1305,"kind":1024,"name":"children","url":"classes/FieldSetModel.html#children","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldSetModel"},{"id":1306,"kind":1024,"name":"owner","url":"classes/FieldSetModel.html#owner","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1307,"kind":1024,"name":"builder","url":"classes/FieldSetModel.html#builder","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldSetModel"},{"id":1308,"kind":1024,"name":"normalizeBeforeSubmit","url":"classes/FieldSetModel.html#normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldSetModel"},{"id":1309,"kind":262144,"name":"value","url":"classes/FieldSetModel.html#value","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1310,"kind":262144,"name":"value$","url":"classes/FieldSetModel.html#value_","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1311,"kind":262144,"name":"valid$","url":"classes/FieldSetModel.html#valid_","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1312,"kind":2048,"name":"_getValid$","url":"classes/FieldSetModel.html#_getValid_","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1313,"kind":2048,"name":"_getValue$","url":"classes/FieldSetModel.html#_getValue_","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1314,"kind":2048,"name":"initialize","url":"classes/FieldSetModel.html#initialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1315,"kind":2048,"name":"getRawValue","url":"classes/FieldSetModel.html#getRawValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1316,"kind":2048,"name":"getSubmitValue","url":"classes/FieldSetModel.html#getSubmitValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1317,"kind":2048,"name":"registerChild","url":"classes/FieldSetModel.html#registerChild","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldSetModel"},{"id":1318,"kind":2048,"name":"removeChild","url":"classes/FieldSetModel.html#removeChild","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"FieldSetModel"},{"id":1319,"kind":2048,"name":"dispose","url":"classes/FieldSetModel.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1320,"kind":2048,"name":"patchValue","url":"classes/FieldSetModel.html#patchValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1321,"kind":2048,"name":"clear","url":"classes/FieldSetModel.html#clear","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1322,"kind":2048,"name":"clearError","url":"classes/FieldSetModel.html#clearError","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1323,"kind":2048,"name":"reset","url":"classes/FieldSetModel.html#reset","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1324,"kind":2048,"name":"validate","url":"classes/FieldSetModel.html#validate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1325,"kind":2048,"name":"pristine","url":"classes/FieldSetModel.html#pristine","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1326,"kind":2048,"name":"dirty","url":"classes/FieldSetModel.html#dirty","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1327,"kind":2048,"name":"touched","url":"classes/FieldSetModel.html#touched","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1328,"kind":2048,"name":"get","url":"classes/FieldSetModel.html#get","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"FieldSetModel"},{"id":1329,"kind":1024,"name":"destroyOnUnmount","url":"classes/FieldSetModel.html#destroyOnUnmount","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1330,"kind":1024,"name":"error$","url":"classes/FieldSetModel.html#error_","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1331,"kind":262144,"name":"form","url":"classes/FieldSetModel.html#form","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1332,"kind":1024,"name":"id","url":"classes/FieldSetModel.html#id","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1333,"kind":2048,"name":"valid","url":"classes/FieldSetModel.html#valid","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1334,"kind":2048,"name":"triggerValidate","url":"classes/FieldSetModel.html#triggerValidate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldSetModel"},{"id":1335,"kind":262144,"name":"error","url":"classes/FieldSetModel.html#error","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1336,"kind":4,"name":"FormStrategy","url":"enums/FormStrategy.html","classes":"tsd-kind-enum"},{"id":1337,"kind":16,"name":"Model","url":"enums/FormStrategy.html#Model","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"FormStrategy"},{"id":1338,"kind":16,"name":"View","url":"enums/FormStrategy.html#View","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"FormStrategy"},{"id":1339,"kind":256,"name":"ISyncValidator","url":"interfaces/ISyncValidator.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1340,"kind":1024,"name":"$$id","url":"interfaces/ISyncValidator.html#__id","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISyncValidator"},{"id":1341,"kind":256,"name":"IAsyncValidator","url":"interfaces/IAsyncValidator.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1342,"kind":2048,"name":"validator","url":"interfaces/IAsyncValidator.html#validator","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAsyncValidator"},{"id":1343,"kind":1024,"name":"$$id","url":"interfaces/IAsyncValidator.html#__id","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAsyncValidator"},{"id":1344,"kind":1024,"name":"[ASYNC_VALIDATOR]","url":"interfaces/IAsyncValidator.html#_ASYNC_VALIDATOR_","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAsyncValidator"},{"id":1345,"kind":4194304,"name":"IValidator","url":"modules.html#IValidator","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1346,"kind":4194304,"name":"IValidators","url":"modules.html#IValidators","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1347,"kind":2,"name":"Validators","url":"modules/Validators.html","classes":"tsd-kind-namespace"},{"id":1348,"kind":64,"name":"markForRequired","url":"modules/Validators.html#markForRequired","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"Validators"},{"id":1349,"kind":64,"name":"isRequiredValidator","url":"modules/Validators.html#isRequiredValidator","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"Validators"},{"id":1350,"kind":64,"name":"min","url":"modules/Validators.html#min","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"Validators"},{"id":1351,"kind":64,"name":"max","url":"modules/Validators.html#max","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"Validators"},{"id":1352,"kind":64,"name":"required","url":"modules/Validators.html#required","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"Validators"},{"id":1353,"kind":64,"name":"requiredTrue","url":"modules/Validators.html#requiredTrue","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"Validators"},{"id":1354,"kind":64,"name":"email","url":"modules/Validators.html#email","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"Validators"},{"id":1355,"kind":64,"name":"minLength","url":"modules/Validators.html#minLength","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"Validators"},{"id":1356,"kind":64,"name":"maxLength","url":"modules/Validators.html#maxLength","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"Validators"},{"id":1357,"kind":64,"name":"pattern","url":"modules/Validators.html#pattern","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"Validators"},{"id":1358,"kind":256,"name":"IWithLength","url":"interfaces/Validators.IWithLength.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"Validators"},{"id":1359,"kind":1024,"name":"length","url":"interfaces/Validators.IWithLength.html#length","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Validators.IWithLength"},{"id":1360,"kind":32,"name":"SYMBOL_REQUIRED","url":"modules/Validators.html#SYMBOL_REQUIRED","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Validators"},{"id":1361,"kind":2,"name":"ValidatorMiddlewares","url":"modules/ValidatorMiddlewares.html","classes":"tsd-kind-namespace"},{"id":1362,"kind":64,"name":"message","url":"modules/ValidatorMiddlewares.html#message","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"ValidatorMiddlewares"},{"id":1363,"kind":64,"name":"when","url":"modules/ValidatorMiddlewares.html#when","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"ValidatorMiddlewares"},{"id":1364,"kind":64,"name":"whenAsync","url":"modules/ValidatorMiddlewares.html#whenAsync","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"ValidatorMiddlewares"},{"id":1365,"kind":4,"name":"ValidateOption","url":"enums/ValidateOption.html","classes":"tsd-kind-enum"},{"id":1366,"kind":16,"name":"Empty","url":"enums/ValidateOption.html#Empty","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOption"},{"id":1367,"kind":16,"name":"IncludeAsync","url":"enums/ValidateOption.html#IncludeAsync","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOption"},{"id":1368,"kind":16,"name":"IncludeUntouched","url":"enums/ValidateOption.html#IncludeUntouched","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOption"},{"id":1369,"kind":16,"name":"IncludeChildrenRecursively","url":"enums/ValidateOption.html#IncludeChildrenRecursively","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOption"},{"id":1370,"kind":16,"name":"ExcludePristine","url":"enums/ValidateOption.html#ExcludePristine","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOption"},{"id":1371,"kind":16,"name":"StopPropagation","url":"enums/ValidateOption.html#StopPropagation","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOption"},{"id":1372,"kind":16,"name":"Default","url":"enums/ValidateOption.html#Default","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOption"},{"id":1373,"kind":2,"name":"FieldUtils","url":"modules/FieldUtils.html","classes":"tsd-kind-namespace"},{"id":1374,"kind":64,"name":"multi","url":"modules/FieldUtils.html#multi","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1375,"kind":64,"name":"useMulti","url":"modules/FieldUtils.html#useMulti","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1376,"kind":64,"name":"compose","url":"modules/FieldUtils.html#compose","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1377,"kind":64,"name":"useMAppend","url":"modules/FieldUtils.html#useMAppend","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1378,"kind":64,"name":"usePipe","url":"modules/FieldUtils.html#usePipe","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1379,"kind":64,"name":"useChangeHandler","url":"modules/FieldUtils.html#useChangeHandler","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1380,"kind":64,"name":"useCompositionHandler","url":"modules/FieldUtils.html#useCompositionHandler","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1381,"kind":4194304,"name":"Func","url":"modules/FieldUtils.html#Func","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1382,"kind":65536,"name":"__type","url":"modules/FieldUtils.html#Func.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"FieldUtils.Func"},{"id":1383,"kind":4194304,"name":"Middleware","url":"modules/FieldUtils.html#Middleware","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1384,"kind":65536,"name":"__type","url":"modules/FieldUtils.html#Middleware.__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"FieldUtils.Middleware"},{"id":1385,"kind":64,"name":"makeChangeHandler","url":"modules/FieldUtils.html#makeChangeHandler","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1386,"kind":256,"name":"ICompositionHandlers","url":"interfaces/FieldUtils.ICompositionHandlers.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1387,"kind":1024,"name":"onCompositionStart","url":"interfaces/FieldUtils.ICompositionHandlers.html#onCompositionStart","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"FieldUtils.ICompositionHandlers"},{"id":1388,"kind":1024,"name":"onCompositionEnd","url":"interfaces/FieldUtils.ICompositionHandlers.html#onCompositionEnd","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"FieldUtils.ICompositionHandlers"},{"id":1389,"kind":128,"name":"BasicBuilder","url":"classes/BasicBuilder.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1390,"kind":512,"name":"constructor","url":"classes/BasicBuilder.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter","parent":"BasicBuilder"},{"id":1391,"kind":1024,"name":"_validators","url":"classes/BasicBuilder.html#_validators","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-protected","parent":"BasicBuilder"},{"id":1392,"kind":1024,"name":"_normalizeBeforeSubmit","url":"classes/BasicBuilder.html#_normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-protected","parent":"BasicBuilder"},{"id":1393,"kind":2048,"name":"normalizeBeforeSubmit","url":"classes/BasicBuilder.html#normalizeBeforeSubmit","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"BasicBuilder"},{"id":1394,"kind":2048,"name":"build","url":"classes/BasicBuilder.html#build","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicBuilder"},{"id":1395,"kind":2048,"name":"validators","url":"classes/BasicBuilder.html#validators","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicBuilder"},{"id":1396,"kind":128,"name":"FieldArrayBuilder","url":"classes/FieldArrayBuilder.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1397,"kind":512,"name":"constructor","url":"classes/FieldArrayBuilder.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"FieldArrayBuilder"},{"id":1398,"kind":2048,"name":"defaultValue","url":"classes/FieldArrayBuilder.html#defaultValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayBuilder"},{"id":1399,"kind":2048,"name":"build","url":"classes/FieldArrayBuilder.html#build","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayBuilder"},{"id":1400,"kind":2048,"name":"unwrap","url":"classes/FieldArrayBuilder.html#unwrap","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayBuilder"},{"id":1401,"kind":1024,"name":"_validators","url":"classes/FieldArrayBuilder.html#_validators","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldArrayBuilder"},{"id":1402,"kind":1024,"name":"_normalizeBeforeSubmit","url":"classes/FieldArrayBuilder.html#_normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldArrayBuilder"},{"id":1403,"kind":2048,"name":"normalizeBeforeSubmit","url":"classes/FieldArrayBuilder.html#normalizeBeforeSubmit","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"FieldArrayBuilder"},{"id":1404,"kind":2048,"name":"validators","url":"classes/FieldArrayBuilder.html#validators","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayBuilder"},{"id":1405,"kind":128,"name":"FieldBuilder","url":"classes/FieldBuilder.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1406,"kind":512,"name":"constructor","url":"classes/FieldBuilder.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"FieldBuilder"},{"id":1407,"kind":1024,"name":"_defaultValue","url":"classes/FieldBuilder.html#_defaultValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-protected","parent":"FieldBuilder"},{"id":1408,"kind":2048,"name":"build","url":"classes/FieldBuilder.html#build","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldBuilder"},{"id":1409,"kind":1024,"name":"_validators","url":"classes/FieldBuilder.html#_validators","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldBuilder"},{"id":1410,"kind":1024,"name":"_normalizeBeforeSubmit","url":"classes/FieldBuilder.html#_normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldBuilder"},{"id":1411,"kind":2048,"name":"normalizeBeforeSubmit","url":"classes/FieldBuilder.html#normalizeBeforeSubmit","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"FieldBuilder"},{"id":1412,"kind":2048,"name":"validators","url":"classes/FieldBuilder.html#validators","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"FieldBuilder"},{"id":1413,"kind":128,"name":"FieldSetBuilder","url":"classes/FieldSetBuilder.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1414,"kind":512,"name":"constructor","url":"classes/FieldSetBuilder.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"FieldSetBuilder"},{"id":1415,"kind":1024,"name":"_childBuilders","url":"classes/FieldSetBuilder.html#_childBuilders","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-protected","parent":"FieldSetBuilder"},{"id":1416,"kind":2048,"name":"build","url":"classes/FieldSetBuilder.html#build","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetBuilder"},{"id":1417,"kind":2048,"name":"get","url":"classes/FieldSetBuilder.html#get","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"FieldSetBuilder"},{"id":1418,"kind":1024,"name":"_validators","url":"classes/FieldSetBuilder.html#_validators","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldSetBuilder"},{"id":1419,"kind":1024,"name":"_normalizeBeforeSubmit","url":"classes/FieldSetBuilder.html#_normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldSetBuilder"},{"id":1420,"kind":2048,"name":"normalizeBeforeSubmit","url":"classes/FieldSetBuilder.html#normalizeBeforeSubmit","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"FieldSetBuilder"},{"id":1421,"kind":2048,"name":"validators","url":"classes/FieldSetBuilder.html#validators","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetBuilder"},{"id":1422,"kind":128,"name":"FormBuilder","url":"classes/FormBuilder.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1423,"kind":512,"name":"constructor","url":"classes/FormBuilder.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"FormBuilder"},{"id":1424,"kind":2048,"name":"build","url":"classes/FormBuilder.html#build","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FormBuilder"},{"id":1425,"kind":1024,"name":"_childBuilders","url":"classes/FormBuilder.html#_childBuilders","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FormBuilder"},{"id":1426,"kind":2048,"name":"get","url":"classes/FormBuilder.html#get","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"FormBuilder"},{"id":1427,"kind":1024,"name":"_validators","url":"classes/FormBuilder.html#_validators","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FormBuilder"},{"id":1428,"kind":1024,"name":"_normalizeBeforeSubmit","url":"classes/FormBuilder.html#_normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FormBuilder"},{"id":1429,"kind":2048,"name":"normalizeBeforeSubmit","url":"classes/FormBuilder.html#normalizeBeforeSubmit","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"FormBuilder"},{"id":1430,"kind":2048,"name":"validators","url":"classes/FormBuilder.html#validators","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"FormBuilder"},{"id":1431,"kind":4194304,"name":"$FieldSetBuilderChildren","url":"modules.html#_FieldSetBuilderChildren","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1432,"kind":4194304,"name":"$FieldSetValue","url":"modules.html#_FieldSetValue","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1433,"kind":256,"name":"INormalizeBeforeSubmit","url":"interfaces/INormalizeBeforeSubmit.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1434,"kind":4194304,"name":"IMaybeError","url":"modules.html#IMaybeError","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1435,"kind":256,"name":"IValidateResult","url":"interfaces/IValidateResult.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1436,"kind":1024,"name":"name","url":"interfaces/IValidateResult.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IValidateResult"},{"id":1437,"kind":1024,"name":"message","url":"interfaces/IValidateResult.html#message","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IValidateResult"},{"id":1438,"kind":1024,"name":"expect","url":"interfaces/IValidateResult.html#expect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IValidateResult"},{"id":1439,"kind":1024,"name":"actual","url":"interfaces/IValidateResult.html#actual","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IValidateResult"},{"id":1440,"kind":128,"name":"ValidatorContext","url":"classes/ValidatorContext.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1441,"kind":512,"name":"constructor","url":"classes/ValidatorContext.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter","parent":"ValidatorContext"},{"id":1442,"kind":1024,"name":"model","url":"classes/ValidatorContext.html#model","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ValidatorContext"},{"id":1443,"kind":2048,"name":"getSection","url":"classes/ValidatorContext.html#getSection","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ValidatorContext"},{"id":1444,"kind":2048,"name":"getSectionValue","url":"classes/ValidatorContext.html#getSectionValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"ValidatorContext"},{"id":1445,"kind":2048,"name":"getFormValue","url":"classes/ValidatorContext.html#getFormValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"ValidatorContext"},{"id":1446,"kind":64,"name":"useObservableBatchedEagerState","url":"modules.html#useObservableBatchedEagerState","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1447,"kind":64,"name":"useFormChild","url":"modules.html#useFormChild","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1448,"kind":256,"name":"IFormFieldPropsBase","url":"interfaces/IFormFieldPropsBase.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1449,"kind":1024,"name":"renderError","url":"interfaces/IFormFieldPropsBase.html#renderError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1450,"kind":1024,"name":"helpDesc","url":"interfaces/IFormFieldPropsBase.html#helpDesc","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1451,"kind":1024,"name":"notice","url":"interfaces/IFormFieldPropsBase.html#notice","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1452,"kind":1024,"name":"withoutError","url":"interfaces/IFormFieldPropsBase.html#withoutError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1453,"kind":1024,"name":"before","url":"interfaces/IFormFieldPropsBase.html#before","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1454,"kind":1024,"name":"after","url":"interfaces/IFormFieldPropsBase.html#after","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1455,"kind":1024,"name":"required","url":"interfaces/IFormFieldPropsBase.html#required","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1456,"kind":1024,"name":"validateOccasion","url":"interfaces/IFormFieldPropsBase.html#validateOccasion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1457,"kind":2048,"name":"normalize","url":"interfaces/IFormFieldPropsBase.html#normalize","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1458,"kind":2048,"name":"normalizeBeforeBlur","url":"interfaces/IFormFieldPropsBase.html#normalizeBeforeBlur","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1459,"kind":2048,"name":"format","url":"interfaces/IFormFieldPropsBase.html#format","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1460,"kind":2048,"name":"getValidateOption","url":"interfaces/IFormFieldPropsBase.html#getValidateOption","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1461,"kind":1024,"name":"modelRef","url":"interfaces/IFormFieldPropsBase.html#modelRef","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1462,"kind":1024,"name":"touchWhen","url":"interfaces/IFormFieldPropsBase.html#touchWhen","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1463,"kind":1024,"name":"className","url":"interfaces/IFormFieldPropsBase.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1464,"kind":1024,"name":"children","url":"interfaces/IFormFieldPropsBase.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1465,"kind":1024,"name":"style","url":"interfaces/IFormFieldPropsBase.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1466,"kind":1024,"name":"label","url":"interfaces/IFormFieldPropsBase.html#label","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1467,"kind":1024,"name":"withoutLabel","url":"interfaces/IFormFieldPropsBase.html#withoutLabel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1468,"kind":1024,"name":"onCompositionEnd","url":"interfaces/IFormFieldPropsBase.html#onCompositionEnd","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1469,"kind":1024,"name":"onCompositionStart","url":"interfaces/IFormFieldPropsBase.html#onCompositionStart","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1470,"kind":1024,"name":"onBlur","url":"interfaces/IFormFieldPropsBase.html#onBlur","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1471,"kind":2048,"name":"onChange","url":"interfaces/IFormFieldPropsBase.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1472,"kind":32,"name":"FormContext","url":"modules.html#FormContext","classes":"tsd-kind-variable"},{"id":1473,"kind":256,"name":"IFormChild","url":"interfaces/IFormChild.html","classes":"tsd-kind-interface"},{"id":1474,"kind":2048,"name":"valid","url":"interfaces/IFormChild.html#valid","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormChild"},{"id":1475,"kind":2048,"name":"getDOMNode","url":"interfaces/IFormChild.html#getDOMNode","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormChild"},{"id":1476,"kind":64,"name":"FormCheckboxField","url":"modules.html#FormCheckboxField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1477,"kind":4194304,"name":"IFormCheckboxFieldProps","url":"modules.html#IFormCheckboxFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1478,"kind":64,"name":"FormCheckboxGroupField","url":"modules.html#FormCheckboxGroupField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1479,"kind":4194304,"name":"IFormCheckboxGroupFieldProps","url":"modules.html#IFormCheckboxGroupFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1480,"kind":4194304,"name":"IFormColorPickerFieldProps","url":"modules.html#IFormColorPickerFieldProps","classes":"tsd-kind-type-alias"},{"id":1481,"kind":32,"name":"FormColorPickerField","url":"modules.html#FormColorPickerField","classes":"tsd-kind-variable"},{"id":1482,"kind":4194304,"name":"IFormCombinedDateRangePickerFieldProps","url":"modules.html#IFormCombinedDateRangePickerFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1483,"kind":64,"name":"FormCombinedDateRangePickerField","url":"modules.html#FormCombinedDateRangePickerField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1484,"kind":4194304,"name":"ICombinedFormTimeRangePickerFieldProps","url":"modules.html#ICombinedFormTimeRangePickerFieldProps","classes":"tsd-kind-type-alias"},{"id":1485,"kind":32,"name":"FormCombinedTimeRangePickerField","url":"modules.html#FormCombinedTimeRangePickerField","classes":"tsd-kind-variable"},{"id":1486,"kind":4194304,"name":"IFormDatePickerField","url":"modules.html#IFormDatePickerField","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1487,"kind":64,"name":"FormDatePickerField","url":"modules.html#FormDatePickerField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1488,"kind":4194304,"name":"IFormDateRangePickerFieldProps","url":"modules.html#IFormDateRangePickerFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1489,"kind":64,"name":"FormDateRangePickerField","url":"modules.html#FormDateRangePickerField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1490,"kind":4194304,"name":"IFormDateRangeQuickPickerFieldProps","url":"modules.html#IFormDateRangeQuickPickerFieldProps","classes":"tsd-kind-type-alias"},{"id":1491,"kind":32,"name":"FormDateRangeQuickPickerField","url":"modules.html#FormDateRangeQuickPickerField","classes":"tsd-kind-variable"},{"id":1492,"kind":4194304,"name":"IFormInputFieldProps","url":"modules.html#IFormInputFieldProps","classes":"tsd-kind-type-alias"},{"id":1493,"kind":32,"name":"FormInputField","url":"modules.html#FormInputField","classes":"tsd-kind-variable"},{"id":1494,"kind":4194304,"name":"IFormMonthPickerFieldProps","url":"modules.html#IFormMonthPickerFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1495,"kind":64,"name":"FormMonthPickerField","url":"modules.html#FormMonthPickerField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1496,"kind":64,"name":"FormNumberInputField","url":"modules.html#FormNumberInputField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1497,"kind":4194304,"name":"IFormNumberInputFieldProps","url":"modules.html#IFormNumberInputFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1498,"kind":4194304,"name":"IFormQuarterPickerFieldProps","url":"modules.html#IFormQuarterPickerFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1499,"kind":64,"name":"FormQuarterPickerField","url":"modules.html#FormQuarterPickerField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1500,"kind":64,"name":"FormRadioGroupField","url":"modules.html#FormRadioGroupField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1501,"kind":4194304,"name":"IFormRadioGroupFieldProps","url":"modules.html#IFormRadioGroupFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1502,"kind":64,"name":"FormSelectField","url":"modules.html#FormSelectField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1503,"kind":4194304,"name":"IFormSelectFieldProps","url":"modules.html#IFormSelectFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1504,"kind":4194304,"name":"IFormSwitchFieldProps","url":"modules.html#IFormSwitchFieldProps","classes":"tsd-kind-type-alias"},{"id":1505,"kind":32,"name":"FormSwitchField","url":"modules.html#FormSwitchField","classes":"tsd-kind-variable"},{"id":1506,"kind":4194304,"name":"IFormTimePickerField","url":"modules.html#IFormTimePickerField","classes":"tsd-kind-type-alias"},{"id":1507,"kind":32,"name":"FormTimePickerField","url":"modules.html#FormTimePickerField","classes":"tsd-kind-variable"},{"id":1508,"kind":4194304,"name":"IFormTimeRangePickerFieldProps","url":"modules.html#IFormTimeRangePickerFieldProps","classes":"tsd-kind-type-alias"},{"id":1509,"kind":32,"name":"FormTimeRangePickerField","url":"modules.html#FormTimeRangePickerField","classes":"tsd-kind-variable"},{"id":1510,"kind":4194304,"name":"IFormWeekPickerFieldProps","url":"modules.html#IFormWeekPickerFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1511,"kind":64,"name":"FormWeekPickerField","url":"modules.html#FormWeekPickerField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1512,"kind":4194304,"name":"IFormYearPickerFieldProps","url":"modules.html#IFormYearPickerFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1513,"kind":64,"name":"FormYearPickerField","url":"modules.html#FormYearPickerField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1514,"kind":64,"name":"FormSingleUploadField","url":"modules.html#FormSingleUploadField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1515,"kind":4194304,"name":"IFormSingleUploadFieldProps","url":"modules.html#IFormSingleUploadFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1516,"kind":64,"name":"FormImageUploadField","url":"modules.html#FormImageUploadField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1517,"kind":4194304,"name":"IFormImageUploadFieldProps","url":"modules.html#IFormImageUploadFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1518,"kind":64,"name":"FormUploadField","url":"modules.html#FormUploadField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1519,"kind":4194304,"name":"IFormUploadFieldProps","url":"modules.html#IFormUploadFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1520,"kind":256,"name":"IRenderError","url":"interfaces/IRenderError.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1521,"kind":256,"name":"IFormFieldViewDrivenProps","url":"interfaces/IFormFieldViewDrivenProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1522,"kind":1024,"name":"name","url":"interfaces/IFormFieldViewDrivenProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldViewDrivenProps"},{"id":1523,"kind":1024,"name":"defaultValue","url":"interfaces/IFormFieldViewDrivenProps.html#defaultValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldViewDrivenProps"},{"id":1524,"kind":1024,"name":"initialValue","url":"interfaces/IFormFieldViewDrivenProps.html#initialValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldViewDrivenProps"},{"id":1525,"kind":1024,"name":"validators","url":"interfaces/IFormFieldViewDrivenProps.html#validators","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldViewDrivenProps"},{"id":1526,"kind":1024,"name":"destroyOnUnmount","url":"interfaces/IFormFieldViewDrivenProps.html#destroyOnUnmount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldViewDrivenProps"},{"id":1527,"kind":1024,"name":"normalizeBeforeSubmit","url":"interfaces/IFormFieldViewDrivenProps.html#normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldViewDrivenProps"},{"id":1528,"kind":256,"name":"IFormFieldModelDrivenProps","url":"interfaces/IFormFieldModelDrivenProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1529,"kind":1024,"name":"model","url":"interfaces/IFormFieldModelDrivenProps.html#model","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldModelDrivenProps"},{"id":1530,"kind":1024,"name":"validators","url":"interfaces/IFormFieldModelDrivenProps.html#validators","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldModelDrivenProps"},{"id":1531,"kind":1024,"name":"defaultValue","url":"interfaces/IFormFieldModelDrivenProps.html#defaultValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldModelDrivenProps"},{"id":1532,"kind":1024,"name":"initialValue","url":"interfaces/IFormFieldModelDrivenProps.html#initialValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldModelDrivenProps"},{"id":1533,"kind":4194304,"name":"IFormFieldModelProps","url":"modules.html#IFormFieldModelProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1534,"kind":64,"name":"isViewDrivenProps","url":"modules.html#isViewDrivenProps","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1535,"kind":4,"name":"ValidateOccasion","url":"enums/ValidateOccasion.html","classes":"tsd-kind-enum"},{"id":1536,"kind":16,"name":"None","url":"enums/ValidateOccasion.html#None","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOccasion"},{"id":1537,"kind":16,"name":"Change","url":"enums/ValidateOccasion.html#Change","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOccasion"},{"id":1538,"kind":16,"name":"Blur","url":"enums/ValidateOccasion.html#Blur","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOccasion"},{"id":1539,"kind":16,"name":"Default","url":"enums/ValidateOccasion.html#Default","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOccasion"},{"id":1540,"kind":4194304,"name":"IFormComponentProps","url":"modules.html#IFormComponentProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1541,"kind":256,"name":"IFormScrollToErrorOptions","url":"interfaces/IFormScrollToErrorOptions.html","classes":"tsd-kind-interface"},{"id":1542,"kind":1024,"name":"scrollContainer","url":"interfaces/IFormScrollToErrorOptions.html#scrollContainer","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormScrollToErrorOptions"},{"id":1543,"kind":1024,"name":"offsetX","url":"interfaces/IFormScrollToErrorOptions.html#offsetX","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormScrollToErrorOptions"},{"id":1544,"kind":1024,"name":"offsetY","url":"interfaces/IFormScrollToErrorOptions.html#offsetY","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormScrollToErrorOptions"},{"id":1545,"kind":256,"name":"IFormProps","url":"interfaces/IFormProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1546,"kind":1024,"name":"layout","url":"interfaces/IFormProps.html#layout","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormProps"},{"id":1547,"kind":1024,"name":"direction","url":"interfaces/IFormProps.html#direction","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormProps"},{"id":1548,"kind":1024,"name":"form","url":"interfaces/IFormProps.html#form","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormProps"},{"id":1549,"kind":1024,"name":"disabled","url":"interfaces/IFormProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormProps"},{"id":1550,"kind":1024,"name":"scrollToError","url":"interfaces/IFormProps.html#scrollToError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormProps"},{"id":1551,"kind":2048,"name":"willScrollToError","url":"interfaces/IFormProps.html#willScrollToError","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormProps"},{"id":1552,"kind":2048,"name":"onSubmit","url":"interfaces/IFormProps.html#onSubmit","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormProps"},{"id":1553,"kind":2048,"name":"onSubmitFail","url":"interfaces/IFormProps.html#onSubmitFail","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormProps"},{"id":1554,"kind":2048,"name":"onSubmitSuccess","url":"interfaces/IFormProps.html#onSubmitSuccess","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormProps"},{"id":1555,"kind":2048,"name":"onReset","url":"interfaces/IFormProps.html#onReset","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite","parent":"IFormProps"},{"id":1556,"kind":1024,"name":"disableEnterSubmit","url":"interfaces/IFormProps.html#disableEnterSubmit","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormProps"},{"id":1557,"kind":128,"name":"Form","url":"classes/Form.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1558,"kind":1024,"name":"displayName","url":"classes/Form.html#displayName","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1559,"kind":1024,"name":"CombineErrors","url":"classes/Form.html#CombineErrors","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1560,"kind":1024,"name":"useForm","url":"classes/Form.html#useForm","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1561,"kind":65536,"name":"__type","url":"classes/Form.html#__type-17","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1562,"kind":1024,"name":"useField","url":"classes/Form.html#useField","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1563,"kind":65536,"name":"__type","url":"classes/Form.html#__type-10","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1564,"kind":1024,"name":"useFieldArray","url":"classes/Form.html#useFieldArray","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1565,"kind":65536,"name":"__type","url":"classes/Form.html#__type-11","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1566,"kind":1024,"name":"useFieldSet","url":"classes/Form.html#useFieldSet","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1567,"kind":65536,"name":"__type","url":"classes/Form.html#__type-14","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1568,"kind":1024,"name":"useNamedChildModel","url":"classes/Form.html#useNamedChildModel","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1569,"kind":65536,"name":"__type","url":"classes/Form.html#__type-22","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1570,"kind":1024,"name":"useFieldArrayChildModels","url":"classes/Form.html#useFieldArrayChildModels","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1571,"kind":65536,"name":"__type","url":"classes/Form.html#__type-12","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1572,"kind":1024,"name":"useFieldArrayValue","url":"classes/Form.html#useFieldArrayValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1573,"kind":65536,"name":"__type","url":"classes/Form.html#__type-13","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1574,"kind":1024,"name":"field","url":"classes/Form.html#field","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1575,"kind":65536,"name":"__type","url":"classes/Form.html#__type-6","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1576,"kind":1024,"name":"set","url":"classes/Form.html#set","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1577,"kind":65536,"name":"__type","url":"classes/Form.html#__type-9","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1578,"kind":1024,"name":"array","url":"classes/Form.html#array","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1579,"kind":65536,"name":"__type","url":"classes/Form.html#__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1580,"kind":1024,"name":"form","url":"classes/Form.html#form","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1581,"kind":65536,"name":"__type","url":"classes/Form.html#__type-7","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1582,"kind":1024,"name":"FieldValue","url":"classes/Form.html#FieldValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1583,"kind":65536,"name":"__type","url":"classes/Form.html#__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1584,"kind":1024,"name":"FieldSetValue","url":"classes/Form.html#FieldSetValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1585,"kind":65536,"name":"__type","url":"classes/Form.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Form"},{"id":1586,"kind":1024,"name":"useFormValue","url":"classes/Form.html#useFormValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1587,"kind":65536,"name":"__type","url":"classes/Form.html#__type-19","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1588,"kind":1024,"name":"useFieldValue","url":"classes/Form.html#useFieldValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1589,"kind":65536,"name":"__type","url":"classes/Form.html#__type-16","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1590,"kind":1024,"name":"FieldValid","url":"classes/Form.html#FieldValid","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1591,"kind":65536,"name":"__type","url":"classes/Form.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1592,"kind":1024,"name":"useFormValid","url":"classes/Form.html#useFormValid","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1593,"kind":65536,"name":"__type","url":"classes/Form.html#__type-18","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1594,"kind":1024,"name":"useFieldValid","url":"classes/Form.html#useFieldValid","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1595,"kind":65536,"name":"__type","url":"classes/Form.html#__type-15","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1596,"kind":1024,"name":"useModelValue","url":"classes/Form.html#useModelValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1597,"kind":65536,"name":"__type","url":"classes/Form.html#__type-21","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1598,"kind":1024,"name":"useModelValid","url":"classes/Form.html#useModelValid","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1599,"kind":65536,"name":"__type","url":"classes/Form.html#__type-20","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1600,"kind":1024,"name":"ValidateOption","url":"classes/Form.html#ValidateOption","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1601,"kind":1024,"name":"createAsyncValidator","url":"classes/Form.html#createAsyncValidator","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1602,"kind":65536,"name":"__type","url":"classes/Form.html#__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1603,"kind":1024,"name":"isAsyncValidator","url":"classes/Form.html#isAsyncValidator","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1604,"kind":65536,"name":"__type","url":"classes/Form.html#__type-8","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1605,"kind":1024,"name":"ValidateOccasion","url":"classes/Form.html#ValidateOccasion","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1606,"kind":1024,"name":"TouchWhen","url":"classes/Form.html#TouchWhen","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1607,"kind":512,"name":"constructor","url":"classes/Form.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"Form"},{"id":1608,"kind":1024,"name":"formRef","url":"classes/Form.html#formRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Form"},{"id":1609,"kind":2048,"name":"scrollToFirstError","url":"classes/Form.html#scrollToFirstError","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Form"},{"id":1610,"kind":2048,"name":"componentDidMount","url":"classes/Form.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Form"},{"id":1611,"kind":2048,"name":"componentDidUpdate","url":"classes/Form.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Form"},{"id":1612,"kind":2048,"name":"componentWillUnmount","url":"classes/Form.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Form"},{"id":1613,"kind":2048,"name":"render","url":"classes/Form.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Form"},{"id":1614,"kind":65536,"name":"__type","url":"classes/Form.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Form"},{"id":1615,"kind":128,"name":"FormValidationError","url":"classes/FormValidationError.html","classes":"tsd-kind-class"},{"id":1616,"kind":512,"name":"constructor","url":"classes/FormValidationError.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"FormValidationError"},{"id":1617,"kind":256,"name":"IFormControlProps","url":"interfaces/IFormControlProps.html","classes":"tsd-kind-interface"},{"id":1618,"kind":1024,"name":"className","url":"interfaces/IFormControlProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormControlProps"},{"id":1619,"kind":1024,"name":"style","url":"interfaces/IFormControlProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormControlProps"},{"id":1620,"kind":1024,"name":"children","url":"interfaces/IFormControlProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormControlProps"},{"id":1621,"kind":1024,"name":"required","url":"interfaces/IFormControlProps.html#required","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormControlProps"},{"id":1622,"kind":1024,"name":"invalid","url":"interfaces/IFormControlProps.html#invalid","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormControlProps"},{"id":1623,"kind":1024,"name":"label","url":"interfaces/IFormControlProps.html#label","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormControlProps"},{"id":1624,"kind":1024,"name":"withoutLabel","url":"interfaces/IFormControlProps.html#withoutLabel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormControlProps"},{"id":1625,"kind":32,"name":"FormControl","url":"modules.html#FormControl","classes":"tsd-kind-variable"},{"id":1626,"kind":256,"name":"IFormErrorProps","url":"interfaces/IFormErrorProps.html","classes":"tsd-kind-interface"},{"id":1627,"kind":1024,"name":"className","url":"interfaces/IFormErrorProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormErrorProps"},{"id":1628,"kind":1024,"name":"style","url":"interfaces/IFormErrorProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormErrorProps"},{"id":1629,"kind":1024,"name":"children","url":"interfaces/IFormErrorProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormErrorProps"},{"id":1630,"kind":32,"name":"FormError","url":"modules.html#FormError","classes":"tsd-kind-variable"},{"id":1631,"kind":256,"name":"ILabelProps","url":"interfaces/ILabelProps.html","classes":"tsd-kind-interface"},{"id":1632,"kind":1024,"name":"required","url":"interfaces/ILabelProps.html#required","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILabelProps"},{"id":1633,"kind":32,"name":"Label","url":"modules.html#Label","classes":"tsd-kind-variable"},{"id":1634,"kind":64,"name":"defaultGetValidateOption","url":"modules.html#defaultGetValidateOption","classes":"tsd-kind-function"},{"id":1635,"kind":64,"name":"useInitialValue","url":"modules.html#useInitialValue","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1636,"kind":64,"name":"FormField","url":"modules.html#FormField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1637,"kind":256,"name":"IFormFieldChildProps","url":"interfaces/IFormFieldChildProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1638,"kind":1024,"name":"value","url":"interfaces/IFormFieldChildProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldChildProps"},{"id":1639,"kind":2048,"name":"onChange","url":"interfaces/IFormFieldChildProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormFieldChildProps"},{"id":1640,"kind":1024,"name":"onBlur","url":"interfaces/IFormFieldChildProps.html#onBlur","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldChildProps"},{"id":1641,"kind":1024,"name":"onCompositionStart","url":"interfaces/IFormFieldChildProps.html#onCompositionStart","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldChildProps"},{"id":1642,"kind":1024,"name":"onCompositionEnd","url":"interfaces/IFormFieldChildProps.html#onCompositionEnd","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldChildProps"},{"id":1643,"kind":4194304,"name":"IFormFieldProps","url":"modules.html#IFormFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1644,"kind":64,"name":"FieldSet","url":"modules.html#FieldSet","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1645,"kind":256,"name":"IFieldSetBaseProps","url":"interfaces/IFieldSetBaseProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1646,"kind":1024,"name":"scrollAnchorRef","url":"interfaces/IFieldSetBaseProps.html#scrollAnchorRef","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFieldSetBaseProps"},{"id":1647,"kind":1024,"name":"validators","url":"interfaces/IFieldSetBaseProps.html#validators","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFieldSetBaseProps"},{"id":1648,"kind":1024,"name":"children","url":"interfaces/IFieldSetBaseProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFieldSetBaseProps"},{"id":1649,"kind":1024,"name":"renderError","url":"interfaces/IFieldSetBaseProps.html#renderError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFieldSetBaseProps"},{"id":1650,"kind":1024,"name":"modelRef","url":"interfaces/IFieldSetBaseProps.html#modelRef","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFieldSetBaseProps"},{"id":1651,"kind":256,"name":"IFieldSetModelDrivenProps","url":"interfaces/IFieldSetModelDrivenProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1652,"kind":1024,"name":"model","url":"interfaces/IFieldSetModelDrivenProps.html#model","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFieldSetModelDrivenProps"},{"id":1653,"kind":1024,"name":"scrollAnchorRef","url":"interfaces/IFieldSetModelDrivenProps.html#scrollAnchorRef","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetModelDrivenProps"},{"id":1654,"kind":1024,"name":"validators","url":"interfaces/IFieldSetModelDrivenProps.html#validators","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetModelDrivenProps"},{"id":1655,"kind":1024,"name":"children","url":"interfaces/IFieldSetModelDrivenProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetModelDrivenProps"},{"id":1656,"kind":1024,"name":"renderError","url":"interfaces/IFieldSetModelDrivenProps.html#renderError","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetModelDrivenProps"},{"id":1657,"kind":1024,"name":"modelRef","url":"interfaces/IFieldSetModelDrivenProps.html#modelRef","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetModelDrivenProps"},{"id":1658,"kind":256,"name":"IFieldSetViewDrivenProps","url":"interfaces/IFieldSetViewDrivenProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1659,"kind":1024,"name":"name","url":"interfaces/IFieldSetViewDrivenProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1660,"kind":1024,"name":"normalizeBeforeSubmit","url":"interfaces/IFieldSetViewDrivenProps.html#normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1661,"kind":1024,"name":"destroyOnUnmount","url":"interfaces/IFieldSetViewDrivenProps.html#destroyOnUnmount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1662,"kind":1024,"name":"scrollAnchorRef","url":"interfaces/IFieldSetViewDrivenProps.html#scrollAnchorRef","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1663,"kind":1024,"name":"validators","url":"interfaces/IFieldSetViewDrivenProps.html#validators","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1664,"kind":1024,"name":"children","url":"interfaces/IFieldSetViewDrivenProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1665,"kind":1024,"name":"renderError","url":"interfaces/IFieldSetViewDrivenProps.html#renderError","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1666,"kind":1024,"name":"modelRef","url":"interfaces/IFieldSetViewDrivenProps.html#modelRef","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1667,"kind":256,"name":"IFormDescriptionProps","url":"interfaces/IFormDescriptionProps.html","classes":"tsd-kind-interface"},{"id":1668,"kind":1024,"name":"className","url":"interfaces/IFormDescriptionProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormDescriptionProps"},{"id":1669,"kind":1024,"name":"style","url":"interfaces/IFormDescriptionProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormDescriptionProps"},{"id":1670,"kind":32,"name":"FormDescription","url":"modules.html#FormDescription","classes":"tsd-kind-variable"},{"id":1671,"kind":256,"name":"ICombineErrorsProps","url":"interfaces/ICombineErrorsProps.html","classes":"tsd-kind-interface"},{"id":1672,"kind":1024,"name":"names","url":"interfaces/ICombineErrorsProps.html#names","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICombineErrorsProps"},{"id":1673,"kind":1024,"name":"models","url":"interfaces/ICombineErrorsProps.html#models","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICombineErrorsProps"},{"id":1674,"kind":2048,"name":"children","url":"interfaces/ICombineErrorsProps.html#children","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICombineErrorsProps"},{"id":1675,"kind":256,"name":"ICombineErrorState","url":"interfaces/ICombineErrorState.html","classes":"tsd-kind-interface"},{"id":1676,"kind":1024,"name":"error","url":"interfaces/ICombineErrorState.html#error","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICombineErrorState"},{"id":1677,"kind":128,"name":"CombineErrors","url":"classes/CombineErrors.html","classes":"tsd-kind-class"},{"id":1678,"kind":1024,"name":"contextType","url":"classes/CombineErrors.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"CombineErrors"},{"id":1679,"kind":512,"name":"constructor","url":"classes/CombineErrors.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"CombineErrors"},{"id":1680,"kind":1024,"name":"context","url":"classes/CombineErrors.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"CombineErrors"},{"id":1681,"kind":1024,"name":"state","url":"classes/CombineErrors.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"CombineErrors"},{"id":1682,"kind":2048,"name":"setError","url":"classes/CombineErrors.html#setError","classes":"tsd-kind-method tsd-parent-kind-class","parent":"CombineErrors"},{"id":1683,"kind":2048,"name":"subscribe","url":"classes/CombineErrors.html#subscribe","classes":"tsd-kind-method tsd-parent-kind-class","parent":"CombineErrors"},{"id":1684,"kind":2048,"name":"unsubscribe","url":"classes/CombineErrors.html#unsubscribe","classes":"tsd-kind-method tsd-parent-kind-class","parent":"CombineErrors"},{"id":1685,"kind":2048,"name":"shouldComponentUpdate","url":"classes/CombineErrors.html#shouldComponentUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CombineErrors"},{"id":1686,"kind":2048,"name":"componentDidMount","url":"classes/CombineErrors.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CombineErrors"},{"id":1687,"kind":2048,"name":"componentDidUpdate","url":"classes/CombineErrors.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CombineErrors"},{"id":1688,"kind":2048,"name":"componentWillUnmount","url":"classes/CombineErrors.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CombineErrors"},{"id":1689,"kind":2048,"name":"render","url":"classes/CombineErrors.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CombineErrors"},{"id":1690,"kind":65536,"name":"__type","url":"classes/CombineErrors.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CombineErrors"},{"id":1691,"kind":256,"name":"IFormNoticeProps","url":"interfaces/IFormNoticeProps.html","classes":"tsd-kind-interface"},{"id":1692,"kind":1024,"name":"className","url":"interfaces/IFormNoticeProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormNoticeProps"},{"id":1693,"kind":1024,"name":"style","url":"interfaces/IFormNoticeProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormNoticeProps"},{"id":1694,"kind":32,"name":"FormNotice","url":"modules.html#FormNotice","classes":"tsd-kind-variable"},{"id":1695,"kind":256,"name":"IGridProps","url":"interfaces/IGridProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1696,"kind":1024,"name":"size","url":"interfaces/IGridProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1697,"kind":1024,"name":"columns","url":"interfaces/IGridProps.html#columns","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1698,"kind":1024,"name":"datasets","url":"interfaces/IGridProps.html#datasets","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1699,"kind":1024,"name":"rowKey","url":"interfaces/IGridProps.html#rowKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1700,"kind":1024,"name":"tableLayout","url":"interfaces/IGridProps.html#tableLayout","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1701,"kind":2048,"name":"onChange","url":"interfaces/IGridProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridProps"},{"id":1702,"kind":1024,"name":"scroll","url":"interfaces/IGridProps.html#scroll","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1703,"kind":1024,"name":"sortBy","url":"interfaces/IGridProps.html#sortBy","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1704,"kind":1024,"name":"sortType","url":"interfaces/IGridProps.html#sortType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1705,"kind":1024,"name":"defaultSortType","url":"interfaces/IGridProps.html#defaultSortType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1706,"kind":1024,"name":"emptyLabel","url":"interfaces/IGridProps.html#emptyLabel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1707,"kind":1024,"name":"selection","url":"interfaces/IGridProps.html#selection","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1708,"kind":1024,"name":"expandation","url":"interfaces/IGridProps.html#expandation","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1709,"kind":1024,"name":"loading","url":"interfaces/IGridProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1710,"kind":1024,"name":"bordered","url":"interfaces/IGridProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1711,"kind":1024,"name":"className","url":"interfaces/IGridProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1712,"kind":1024,"name":"rowClassName","url":"interfaces/IGridProps.html#rowClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1713,"kind":1024,"name":"pageInfo","url":"interfaces/IGridProps.html#pageInfo","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1714,"kind":1024,"name":"paginationType","url":"interfaces/IGridProps.html#paginationType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1715,"kind":1024,"name":"onRowClick","url":"interfaces/IGridProps.html#onRowClick","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1716,"kind":1024,"name":"ellipsis","url":"interfaces/IGridProps.html#ellipsis","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1717,"kind":1024,"name":"onExpand","url":"interfaces/IGridProps.html#onExpand","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1718,"kind":1024,"name":"components","url":"interfaces/IGridProps.html#components","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1719,"kind":65536,"name":"__type","url":"interfaces/IGridProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IGridProps"},{"id":1720,"kind":1024,"name":"row","url":"interfaces/IGridProps.html#__type.row","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"IGridProps.__type"},{"id":1721,"kind":2048,"name":"rowProps","url":"interfaces/IGridProps.html#rowProps","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridProps"},{"id":1722,"kind":1024,"name":"batchRender","url":"interfaces/IGridProps.html#batchRender","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1723,"kind":1024,"name":"stickyBatch","url":"interfaces/IGridProps.html#stickyBatch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1724,"kind":1024,"name":"autoStick","url":"interfaces/IGridProps.html#autoStick","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1725,"kind":1024,"name":"autoStickOffsetTop","url":"interfaces/IGridProps.html#autoStickOffsetTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1726,"kind":1024,"name":"disableHoverHighlight","url":"interfaces/IGridProps.html#disableHoverHighlight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1727,"kind":1024,"name":"loadingProps","url":"interfaces/IGridProps.html#loadingProps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1728,"kind":256,"name":"IGridState","url":"interfaces/IGridState.html","classes":"tsd-kind-interface"},{"id":1729,"kind":1024,"name":"mouseOverRowIndex","url":"interfaces/IGridState.html#mouseOverRowIndex","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1730,"kind":1024,"name":"fixedColumnsBodyRowsHeight","url":"interfaces/IGridState.html#fixedColumnsBodyRowsHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1731,"kind":1024,"name":"fixedColumnsHeadRowsHeight","url":"interfaces/IGridState.html#fixedColumnsHeadRowsHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1732,"kind":1024,"name":"fixedColumnsBodyExpandRowsHeight","url":"interfaces/IGridState.html#fixedColumnsBodyExpandRowsHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1733,"kind":1024,"name":"expandRowKeys","url":"interfaces/IGridState.html#expandRowKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1734,"kind":1024,"name":"showStickHead","url":"interfaces/IGridState.html#showStickHead","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1735,"kind":1024,"name":"tableWidth","url":"interfaces/IGridState.html#tableWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1736,"kind":1024,"name":"marginLeft","url":"interfaces/IGridState.html#marginLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1737,"kind":256,"name":"IGridInnerColumn","url":"interfaces/IGridInnerColumn.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1738,"kind":1024,"name":"key","url":"interfaces/IGridInnerColumn.html#key","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridInnerColumn"},{"id":1739,"kind":1024,"name":"title","url":"interfaces/IGridInnerColumn.html#title","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1740,"kind":1024,"name":"name","url":"interfaces/IGridInnerColumn.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1741,"kind":1024,"name":"width","url":"interfaces/IGridInnerColumn.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1742,"kind":1024,"name":"bodyRender","url":"interfaces/IGridInnerColumn.html#bodyRender","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1743,"kind":1024,"name":"className","url":"interfaces/IGridInnerColumn.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1744,"kind":1024,"name":"needSort","url":"interfaces/IGridInnerColumn.html#needSort","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1745,"kind":1024,"name":"rowSpan","url":"interfaces/IGridInnerColumn.html#rowSpan","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1746,"kind":1024,"name":"colSpan","url":"interfaces/IGridInnerColumn.html#colSpan","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1747,"kind":1024,"name":"fixed","url":"interfaces/IGridInnerColumn.html#fixed","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1748,"kind":2048,"name":"onCellClick","url":"interfaces/IGridInnerColumn.html#onCellClick","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1749,"kind":1024,"name":"textAlign","url":"interfaces/IGridInnerColumn.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1750,"kind":1024,"name":"nowrap","url":"interfaces/IGridInnerColumn.html#nowrap","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1751,"kind":1024,"name":"noWrap","url":"interfaces/IGridInnerColumn.html#noWrap","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1752,"kind":1024,"name":"defaultText","url":"interfaces/IGridInnerColumn.html#defaultText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1753,"kind":2048,"name":"isValueEmpty","url":"interfaces/IGridInnerColumn.html#isValueEmpty","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1754,"kind":1024,"name":"children","url":"interfaces/IGridInnerColumn.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1755,"kind":128,"name":"Grid","url":"classes/Grid.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1756,"kind":1024,"name":"defaultProps","url":"classes/Grid.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Grid"},{"id":1757,"kind":512,"name":"constructor","url":"classes/Grid.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"Grid"},{"id":1758,"kind":1024,"name":"mounted","url":"classes/Grid.html#mounted","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1759,"kind":1024,"name":"selectionPropsCache","url":"classes/Grid.html#selectionPropsCache","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1760,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-8","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1761,"kind":1024,"name":"store","url":"classes/Grid.html#store","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1762,"kind":1024,"name":"gridNode","url":"classes/Grid.html#gridNode","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1763,"kind":1024,"name":"footNode","url":"classes/Grid.html#footNode","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1764,"kind":1024,"name":"footEl","url":"classes/Grid.html#footEl","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1765,"kind":1024,"name":"headerEl","url":"classes/Grid.html#headerEl","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1766,"kind":1024,"name":"headerNode","url":"classes/Grid.html#headerNode","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1767,"kind":1024,"name":"bodyTable","url":"classes/Grid.html#bodyTable","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1768,"kind":1024,"name":"leftBody","url":"classes/Grid.html#leftBody","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1769,"kind":1024,"name":"rightBody","url":"classes/Grid.html#rightBody","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1770,"kind":1024,"name":"scrollBody","url":"classes/Grid.html#scrollBody","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1771,"kind":1024,"name":"scrollHeader","url":"classes/Grid.html#scrollHeader","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1772,"kind":1024,"name":"scrollPosition","url":"classes/Grid.html#scrollPosition","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1773,"kind":1024,"name":"lastScrollLeft","url":"classes/Grid.html#lastScrollLeft","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1774,"kind":1024,"name":"lastScrollTop","url":"classes/Grid.html#lastScrollTop","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1775,"kind":1024,"name":"stickyHead","url":"classes/Grid.html#stickyHead","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1776,"kind":2048,"name":"getExpandRowKeys","url":"classes/Grid.html#getExpandRowKeys","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1777,"kind":2048,"name":"syncFixedTableRowHeight","url":"classes/Grid.html#syncFixedTableRowHeight","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1778,"kind":2048,"name":"onChange","url":"classes/Grid.html#onChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1779,"kind":2048,"name":"onPaginationChange","url":"classes/Grid.html#onPaginationChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1780,"kind":2048,"name":"getDataKey","url":"classes/Grid.html#getDataKey","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1781,"kind":1024,"name":"isAnyColumnsFixed","url":"classes/Grid.html#isAnyColumnsFixed","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1782,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1783,"kind":1024,"name":"isAnyColumnsLeftFixed","url":"classes/Grid.html#isAnyColumnsLeftFixed","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1784,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1785,"kind":1024,"name":"isAnyColumnsRightFixed","url":"classes/Grid.html#isAnyColumnsRightFixed","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1786,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1787,"kind":2048,"name":"getLeftColumns","url":"classes/Grid.html#getLeftColumns","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1788,"kind":2048,"name":"getRightColumns","url":"classes/Grid.html#getRightColumns","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1789,"kind":2048,"name":"handleExpandRow","url":"classes/Grid.html#handleExpandRow","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1790,"kind":1024,"name":"getExpandBodyRender","url":"classes/Grid.html#getExpandBodyRender","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1791,"kind":65536,"name":"__type","url":"classes/Grid.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1792,"kind":2048,"name":"getSelectionColumn","url":"classes/Grid.html#getSelectionColumn","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1793,"kind":2048,"name":"getColumns","url":"classes/Grid.html#getColumns","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1794,"kind":2048,"name":"getBatchFixedStyle","url":"classes/Grid.html#getBatchFixedStyle","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1795,"kind":2048,"name":"getBatchComponents","url":"classes/Grid.html#getBatchComponents","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1796,"kind":2048,"name":"getLeftFixedTable","url":"classes/Grid.html#getLeftFixedTable","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1797,"kind":2048,"name":"getRightFixedTable","url":"classes/Grid.html#getRightFixedTable","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1798,"kind":2048,"name":"setScrollPosition","url":"classes/Grid.html#setScrollPosition","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1799,"kind":2048,"name":"setScrollPositionClassName","url":"classes/Grid.html#setScrollPositionClassName","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1800,"kind":2048,"name":"forceScroll","url":"classes/Grid.html#forceScroll","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1801,"kind":1024,"name":"handleBodyScrollRunOnceNextFrame","url":"classes/Grid.html#handleBodyScrollRunOnceNextFrame","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1802,"kind":2048,"name":"handleBodyScroll","url":"classes/Grid.html#handleBodyScroll","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1803,"kind":2048,"name":"onResize","url":"classes/Grid.html#onResize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1804,"kind":2048,"name":"onRowMouseEnter","url":"classes/Grid.html#onRowMouseEnter","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1805,"kind":2048,"name":"getTable","url":"classes/Grid.html#getTable","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1806,"kind":2048,"name":"getEmpty","url":"classes/Grid.html#getEmpty","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1807,"kind":2048,"name":"getSelectionPropsByItem","url":"classes/Grid.html#getSelectionPropsByItem","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1808,"kind":2048,"name":"isFixedLayout","url":"classes/Grid.html#isFixedLayout","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1809,"kind":2048,"name":"onSelectChange","url":"classes/Grid.html#onSelectChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1810,"kind":2048,"name":"handleSelect","url":"classes/Grid.html#handleSelect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1811,"kind":1024,"name":"handleBatchSelect","url":"classes/Grid.html#handleBatchSelect","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1812,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1813,"kind":1024,"name":"renderSelectionCheckbox","url":"classes/Grid.html#renderSelectionCheckbox","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1814,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-6","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1815,"kind":1024,"name":"renderSelectionRadio","url":"classes/Grid.html#renderSelectionRadio","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1816,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-7","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1817,"kind":2048,"name":"toggleBatchComponents","url":"classes/Grid.html#toggleBatchComponents","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1818,"kind":2048,"name":"onScroll","url":"classes/Grid.html#onScroll","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1819,"kind":2048,"name":"getStickyHead","url":"classes/Grid.html#getStickyHead","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1820,"kind":2048,"name":"setStickyHeadWidth","url":"classes/Grid.html#setStickyHeadWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1821,"kind":2048,"name":"componentDidMount","url":"classes/Grid.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Grid"},{"id":1822,"kind":2048,"name":"componentWillUnmount","url":"classes/Grid.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Grid"},{"id":1823,"kind":2048,"name":"componentWillReceiveProps","url":"classes/Grid.html#componentWillReceiveProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Grid"},{"id":1824,"kind":2048,"name":"componentDidUpdate","url":"classes/Grid.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Grid"},{"id":1825,"kind":2048,"name":"render","url":"classes/Grid.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Grid"},{"id":1826,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1827,"kind":4194304,"name":"GridPaginationType","url":"modules.html#GridPaginationType","classes":"tsd-kind-type-alias"},{"id":1828,"kind":4194304,"name":"GridScrollPosition","url":"modules.html#GridScrollPosition","classes":"tsd-kind-type-alias"},{"id":1829,"kind":4194304,"name":"GridTextAlign","url":"modules.html#GridTextAlign","classes":"tsd-kind-type-alias"},{"id":1830,"kind":4194304,"name":"GridSortType","url":"modules.html#GridSortType","classes":"tsd-kind-type-alias"},{"id":1831,"kind":4194304,"name":"GridFixedType","url":"modules.html#GridFixedType","classes":"tsd-kind-type-alias"},{"id":1832,"kind":4194304,"name":"IGridInnerFixedType","url":"modules.html#IGridInnerFixedType","classes":"tsd-kind-type-alias"},{"id":1833,"kind":4194304,"name":"GridRowClassNameType","url":"modules.html#GridRowClassNameType","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1834,"kind":256,"name":"IGridScrollDelta","url":"interfaces/IGridScrollDelta.html","classes":"tsd-kind-interface"},{"id":1835,"kind":1024,"name":"x","url":"interfaces/IGridScrollDelta.html#x","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridScrollDelta"},{"id":1836,"kind":1024,"name":"y","url":"interfaces/IGridScrollDelta.html#y","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridScrollDelta"},{"id":1837,"kind":256,"name":"IGridPageInfo","url":"interfaces/IGridPageInfo.html","classes":"tsd-kind-interface"},{"id":1838,"kind":1024,"name":"current","url":"interfaces/IGridPageInfo.html#current","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridPageInfo"},{"id":1839,"kind":1024,"name":"total","url":"interfaces/IGridPageInfo.html#total","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridPageInfo"},{"id":1840,"kind":1024,"name":"pageSize","url":"interfaces/IGridPageInfo.html#pageSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridPageInfo"},{"id":1841,"kind":1024,"name":"pageSizeOptions","url":"interfaces/IGridPageInfo.html#pageSizeOptions","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridPageInfo"},{"id":1842,"kind":4194304,"name":"IGridColumnBodyRenderFunc","url":"modules.html#IGridColumnBodyRenderFunc","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1843,"kind":65536,"name":"__type","url":"modules.html#IGridColumnBodyRenderFunc.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IGridColumnBodyRenderFunc"},{"id":1844,"kind":256,"name":"IGridColumn","url":"interfaces/IGridColumn.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1845,"kind":1024,"name":"title","url":"interfaces/IGridColumn.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1846,"kind":1024,"name":"name","url":"interfaces/IGridColumn.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1847,"kind":1024,"name":"width","url":"interfaces/IGridColumn.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1848,"kind":1024,"name":"bodyRender","url":"interfaces/IGridColumn.html#bodyRender","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1849,"kind":1024,"name":"className","url":"interfaces/IGridColumn.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1850,"kind":1024,"name":"needSort","url":"interfaces/IGridColumn.html#needSort","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1851,"kind":1024,"name":"rowSpan","url":"interfaces/IGridColumn.html#rowSpan","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1852,"kind":1024,"name":"colSpan","url":"interfaces/IGridColumn.html#colSpan","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1853,"kind":1024,"name":"fixed","url":"interfaces/IGridColumn.html#fixed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1854,"kind":2048,"name":"onCellClick","url":"interfaces/IGridColumn.html#onCellClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1855,"kind":1024,"name":"textAlign","url":"interfaces/IGridColumn.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1856,"kind":1024,"name":"nowrap","url":"interfaces/IGridColumn.html#nowrap","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1857,"kind":1024,"name":"noWrap","url":"interfaces/IGridColumn.html#noWrap","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1858,"kind":1024,"name":"defaultText","url":"interfaces/IGridColumn.html#defaultText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1859,"kind":2048,"name":"isValueEmpty","url":"interfaces/IGridColumn.html#isValueEmpty","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1860,"kind":1024,"name":"children","url":"interfaces/IGridColumn.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1861,"kind":4194304,"name":"GridColumnContextType","url":"modules.html#GridColumnContextType","classes":"tsd-kind-type-alias"},{"id":1862,"kind":256,"name":"IGridOnChangeConfig","url":"interfaces/IGridOnChangeConfig.html","classes":"tsd-kind-interface"},{"id":1863,"kind":1024,"name":"current","url":"interfaces/IGridOnChangeConfig.html#current","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridOnChangeConfig"},{"id":1864,"kind":1024,"name":"pageSize","url":"interfaces/IGridOnChangeConfig.html#pageSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridOnChangeConfig"},{"id":1865,"kind":1024,"name":"sortBy","url":"interfaces/IGridOnChangeConfig.html#sortBy","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridOnChangeConfig"},{"id":1866,"kind":1024,"name":"sortType","url":"interfaces/IGridOnChangeConfig.html#sortType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridOnChangeConfig"},{"id":1867,"kind":256,"name":"IGridSelectionProps","url":"interfaces/IGridSelectionProps.html","classes":"tsd-kind-interface"},{"id":1868,"kind":1024,"name":"disabled","url":"interfaces/IGridSelectionProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridSelectionProps"},{"id":1869,"kind":1024,"name":"reason","url":"interfaces/IGridSelectionProps.html#reason","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridSelectionProps"},{"id":1870,"kind":256,"name":"IGridSelection","url":"interfaces/IGridSelection.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1871,"kind":1024,"name":"isSingleSelection","url":"interfaces/IGridSelection.html#isSingleSelection","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridSelection"},{"id":1872,"kind":1024,"name":"selectedRowKeys","url":"interfaces/IGridSelection.html#selectedRowKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridSelection"},{"id":1873,"kind":2048,"name":"onSelect","url":"interfaces/IGridSelection.html#onSelect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridSelection"},{"id":1874,"kind":2048,"name":"getSelectionProps","url":"interfaces/IGridSelection.html#getSelectionProps","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridSelection"},{"id":1875,"kind":2048,"name":"getCheckboxProps","url":"interfaces/IGridSelection.html#getCheckboxProps","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridSelection"},{"id":1876,"kind":256,"name":"IGridExpandation","url":"interfaces/IGridExpandation.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1877,"kind":2048,"name":"isExpanded","url":"interfaces/IGridExpandation.html#isExpanded","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridExpandation"},{"id":1878,"kind":2048,"name":"isExpandable","url":"interfaces/IGridExpandation.html#isExpandable","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridExpandation"},{"id":1879,"kind":2048,"name":"expandRender","url":"interfaces/IGridExpandation.html#expandRender","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridExpandation"},{"id":1880,"kind":4194304,"name":"IGridRowClickHandler","url":"modules.html#IGridRowClickHandler","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1881,"kind":65536,"name":"__type","url":"modules.html#IGridRowClickHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IGridRowClickHandler"},{"id":1882,"kind":4194304,"name":"IGridOnExpandHandler","url":"modules.html#IGridOnExpandHandler","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1883,"kind":65536,"name":"__type","url":"modules.html#IGridOnExpandHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IGridOnExpandHandler"},{"id":1884,"kind":256,"name":"IGridCellPos","url":"interfaces/IGridCellPos.html","classes":"tsd-kind-interface"},{"id":1885,"kind":1024,"name":"row","url":"interfaces/IGridCellPos.html#row","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridCellPos"},{"id":1886,"kind":1024,"name":"column","url":"interfaces/IGridCellPos.html#column","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridCellPos"},{"id":1887,"kind":1024,"name":"fixed","url":"interfaces/IGridCellPos.html#fixed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridCellPos"},{"id":1888,"kind":4194304,"name":"IGridBatchRender","url":"modules.html#IGridBatchRender","classes":"tsd-kind-type-alias"},{"id":1889,"kind":65536,"name":"__type","url":"modules.html#IGridBatchRender.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IGridBatchRender"},{"id":1890,"kind":32,"name":"GridColumnProvider","url":"modules.html#GridColumnProvider","classes":"tsd-kind-variable"},{"id":1891,"kind":128,"name":"I18nReceiver","url":"classes/I18nReceiver.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1892,"kind":1024,"name":"contextType","url":"classes/I18nReceiver.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"I18nReceiver"},{"id":1893,"kind":512,"name":"constructor","url":"classes/I18nReceiver.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"I18nReceiver"},{"id":1894,"kind":1024,"name":"context","url":"classes/I18nReceiver.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"I18nReceiver"},{"id":1895,"kind":2048,"name":"receive","url":"classes/I18nReceiver.html#receive","classes":"tsd-kind-method tsd-parent-kind-class","parent":"I18nReceiver"},{"id":1896,"kind":2048,"name":"render","url":"classes/I18nReceiver.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"I18nReceiver"},{"id":1897,"kind":65536,"name":"__type","url":"classes/I18nReceiver.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"I18nReceiver"},{"id":1898,"kind":2,"name":"enUSLocale","url":"modules/enUSLocale.html","classes":"tsd-kind-namespace"},{"id":1899,"kind":32,"name":"mark","url":"modules/enUSLocale.html#mark","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1900,"kind":32,"name":"CopyButton","url":"modules/enUSLocale.html#CopyButton","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1901,"kind":32,"name":"Pagination","url":"modules/enUSLocale.html#Pagination","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1902,"kind":32,"name":"Pop","url":"modules/enUSLocale.html#Pop","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1903,"kind":32,"name":"PreviewImage","url":"modules/enUSLocale.html#PreviewImage","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1904,"kind":32,"name":"RangePicker","url":"modules/enUSLocale.html#RangePicker","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1905,"kind":32,"name":"Select","url":"modules/enUSLocale.html#Select","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1906,"kind":32,"name":"Sweetalert","url":"modules/enUSLocale.html#Sweetalert","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1907,"kind":32,"name":"Switch","url":"modules/enUSLocale.html#Switch","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1908,"kind":32,"name":"Grid","url":"modules/enUSLocale.html#Grid","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1909,"kind":32,"name":"Cascader","url":"modules/enUSLocale.html#Cascader","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1910,"kind":64,"name":"TimePicker","url":"modules/enUSLocale.html#TimePicker","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1911,"kind":32,"name":"Upload","url":"modules/enUSLocale.html#Upload","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1912,"kind":32,"name":"Mention","url":"modules/enUSLocale.html#Mention","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1913,"kind":32,"name":"Transfer","url":"modules/enUSLocale.html#Transfer","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1914,"kind":32,"name":"Form","url":"modules/enUSLocale.html#Form","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1915,"kind":32,"name":"NumberInput","url":"modules/enUSLocale.html#NumberInput","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1916,"kind":2,"name":"zhCNLocale","url":"modules/zhCNLocale.html","classes":"tsd-kind-namespace"},{"id":1917,"kind":32,"name":"mark","url":"modules/zhCNLocale.html#mark","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1918,"kind":32,"name":"CopyButton","url":"modules/zhCNLocale.html#CopyButton","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1919,"kind":32,"name":"Pagination","url":"modules/zhCNLocale.html#Pagination","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1920,"kind":32,"name":"Pop","url":"modules/zhCNLocale.html#Pop","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1921,"kind":32,"name":"PreviewImage","url":"modules/zhCNLocale.html#PreviewImage","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1922,"kind":32,"name":"RangePicker","url":"modules/zhCNLocale.html#RangePicker","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1923,"kind":32,"name":"Select","url":"modules/zhCNLocale.html#Select","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1924,"kind":32,"name":"Switch","url":"modules/zhCNLocale.html#Switch","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1925,"kind":32,"name":"Sweetalert","url":"modules/zhCNLocale.html#Sweetalert","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1926,"kind":32,"name":"Grid","url":"modules/zhCNLocale.html#Grid","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1927,"kind":32,"name":"Cascader","url":"modules/zhCNLocale.html#Cascader","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1928,"kind":64,"name":"TimePicker","url":"modules/zhCNLocale.html#TimePicker","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1929,"kind":32,"name":"Upload","url":"modules/zhCNLocale.html#Upload","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1930,"kind":32,"name":"Mention","url":"modules/zhCNLocale.html#Mention","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1931,"kind":32,"name":"Transfer","url":"modules/zhCNLocale.html#Transfer","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1932,"kind":32,"name":"Form","url":"modules/zhCNLocale.html#Form","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1933,"kind":32,"name":"NumberInput","url":"modules/zhCNLocale.html#NumberInput","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1934,"kind":2,"name":"jaJPLocale","url":"modules/jaJPLocale.html","classes":"tsd-kind-namespace"},{"id":1935,"kind":32,"name":"mark","url":"modules/jaJPLocale.html#mark","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1936,"kind":32,"name":"CopyButton","url":"modules/jaJPLocale.html#CopyButton","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1937,"kind":32,"name":"Pagination","url":"modules/jaJPLocale.html#Pagination","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1938,"kind":32,"name":"Pop","url":"modules/jaJPLocale.html#Pop","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1939,"kind":32,"name":"PreviewImage","url":"modules/jaJPLocale.html#PreviewImage","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1940,"kind":32,"name":"RangePicker","url":"modules/jaJPLocale.html#RangePicker","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1941,"kind":32,"name":"Select","url":"modules/jaJPLocale.html#Select","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1942,"kind":32,"name":"Sweetalert","url":"modules/jaJPLocale.html#Sweetalert","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1943,"kind":32,"name":"Switch","url":"modules/jaJPLocale.html#Switch","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1944,"kind":32,"name":"Grid","url":"modules/jaJPLocale.html#Grid","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1945,"kind":32,"name":"Cascader","url":"modules/jaJPLocale.html#Cascader","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1946,"kind":64,"name":"TimePicker","url":"modules/jaJPLocale.html#TimePicker","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1947,"kind":32,"name":"Upload","url":"modules/jaJPLocale.html#Upload","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1948,"kind":32,"name":"Mention","url":"modules/jaJPLocale.html#Mention","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1949,"kind":32,"name":"Transfer","url":"modules/jaJPLocale.html#Transfer","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1950,"kind":32,"name":"Form","url":"modules/jaJPLocale.html#Form","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1951,"kind":32,"name":"NumberInput","url":"modules/jaJPLocale.html#NumberInput","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1952,"kind":256,"name":"II18nLocaleCommon","url":"interfaces/II18nLocaleCommon.html","classes":"tsd-kind-interface"},{"id":1953,"kind":1024,"name":"confirm","url":"interfaces/II18nLocaleCommon.html#confirm","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCommon"},{"id":1954,"kind":1024,"name":"cancel","url":"interfaces/II18nLocaleCommon.html#cancel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCommon"},{"id":1955,"kind":1024,"name":"ok","url":"interfaces/II18nLocaleCommon.html#ok","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCommon"},{"id":1956,"kind":1024,"name":"comma","url":"interfaces/II18nLocaleCommon.html#comma","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCommon"},{"id":1957,"kind":1024,"name":"reset","url":"interfaces/II18nLocaleCommon.html#reset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCommon"},{"id":1958,"kind":256,"name":"II18nLocaleCopyButton","url":"interfaces/II18nLocaleCopyButton.html","classes":"tsd-kind-interface"},{"id":1959,"kind":1024,"name":"copy","url":"interfaces/II18nLocaleCopyButton.html#copy","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCopyButton"},{"id":1960,"kind":1024,"name":"success","url":"interfaces/II18nLocaleCopyButton.html#success","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCopyButton"},{"id":1961,"kind":1024,"name":"error","url":"interfaces/II18nLocaleCopyButton.html#error","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCopyButton"},{"id":1962,"kind":256,"name":"II18nLocalePagination","url":"interfaces/II18nLocalePagination.html","classes":"tsd-kind-interface"},{"id":1963,"kind":2048,"name":"jumpTo","url":"interfaces/II18nLocalePagination.html#jumpTo","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"II18nLocalePagination"},{"id":1964,"kind":2048,"name":"pageStats","url":"interfaces/II18nLocalePagination.html#pageStats","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"II18nLocalePagination"},{"id":1965,"kind":2048,"name":"pageStatsStatic","url":"interfaces/II18nLocalePagination.html#pageStatsStatic","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"II18nLocalePagination"},{"id":1966,"kind":1024,"name":"selectWidth","url":"interfaces/II18nLocalePagination.html#selectWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocalePagination"},{"id":1967,"kind":1024,"name":"items","url":"interfaces/II18nLocalePagination.html#items","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocalePagination"},{"id":1968,"kind":4194304,"name":"II18nLocalePop","url":"modules.html#II18nLocalePop","classes":"tsd-kind-type-alias"},{"id":1969,"kind":256,"name":"II18nLocalePreviewImage","url":"interfaces/II18nLocalePreviewImage.html","classes":"tsd-kind-interface"},{"id":1970,"kind":1024,"name":"alt","url":"interfaces/II18nLocalePreviewImage.html#alt","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocalePreviewImage"},{"id":1971,"kind":1024,"name":"prev","url":"interfaces/II18nLocalePreviewImage.html#prev","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocalePreviewImage"},{"id":1972,"kind":1024,"name":"next","url":"interfaces/II18nLocalePreviewImage.html#next","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocalePreviewImage"},{"id":1973,"kind":1024,"name":"rotate","url":"interfaces/II18nLocalePreviewImage.html#rotate","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocalePreviewImage"},{"id":1974,"kind":256,"name":"II18nLocaleRangePicker","url":"interfaces/II18nLocaleRangePicker.html","classes":"tsd-kind-interface"},{"id":1975,"kind":1024,"name":"7","url":"interfaces/II18nLocaleRangePicker.html#7","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleRangePicker"},{"id":1976,"kind":1024,"name":"30","url":"interfaces/II18nLocaleRangePicker.html#30","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleRangePicker"},{"id":1977,"kind":256,"name":"II18nLocaleSelect","url":"interfaces/II18nLocaleSelect.html","classes":"tsd-kind-interface"},{"id":1978,"kind":1024,"name":"input","url":"interfaces/II18nLocaleSelect.html#input","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleSelect"},{"id":1979,"kind":1024,"name":"empty","url":"interfaces/II18nLocaleSelect.html#empty","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleSelect"},{"id":1980,"kind":1024,"name":"tagSeparator","url":"interfaces/II18nLocaleSelect.html#tagSeparator","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleSelect"},{"id":1981,"kind":1024,"name":"create","url":"interfaces/II18nLocaleSelect.html#create","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleSelect"},{"id":1982,"kind":256,"name":"II18nLocaleSwitch","url":"interfaces/II18nLocaleSwitch.html","classes":"tsd-kind-interface"},{"id":1983,"kind":1024,"name":"checked","url":"interfaces/II18nLocaleSwitch.html#checked","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleSwitch"},{"id":1984,"kind":1024,"name":"unchecked","url":"interfaces/II18nLocaleSwitch.html#unchecked","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleSwitch"},{"id":1985,"kind":256,"name":"II18nLocaleSweetalert","url":"interfaces/II18nLocaleSweetalert.html","classes":"tsd-kind-interface"},{"id":1986,"kind":1024,"name":"title","url":"interfaces/II18nLocaleSweetalert.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleSweetalert"},{"id":1987,"kind":1024,"name":"confirm","url":"interfaces/II18nLocaleSweetalert.html#confirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleSweetalert"},{"id":1988,"kind":1024,"name":"cancel","url":"interfaces/II18nLocaleSweetalert.html#cancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleSweetalert"},{"id":1989,"kind":1024,"name":"ok","url":"interfaces/II18nLocaleSweetalert.html#ok","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleSweetalert"},{"id":1990,"kind":1024,"name":"comma","url":"interfaces/II18nLocaleSweetalert.html#comma","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleSweetalert"},{"id":1991,"kind":1024,"name":"reset","url":"interfaces/II18nLocaleSweetalert.html#reset","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleSweetalert"},{"id":1992,"kind":256,"name":"II18nLocaleGrid","url":"interfaces/II18nLocaleGrid.html","classes":"tsd-kind-interface"},{"id":1993,"kind":1024,"name":"emptyLabel","url":"interfaces/II18nLocaleGrid.html#emptyLabel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleGrid"},{"id":1994,"kind":1024,"name":"confirm","url":"interfaces/II18nLocaleGrid.html#confirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleGrid"},{"id":1995,"kind":1024,"name":"cancel","url":"interfaces/II18nLocaleGrid.html#cancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleGrid"},{"id":1996,"kind":1024,"name":"ok","url":"interfaces/II18nLocaleGrid.html#ok","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleGrid"},{"id":1997,"kind":1024,"name":"comma","url":"interfaces/II18nLocaleGrid.html#comma","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleGrid"},{"id":1998,"kind":1024,"name":"reset","url":"interfaces/II18nLocaleGrid.html#reset","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleGrid"},{"id":1999,"kind":256,"name":"II18nLocaleCascader","url":"interfaces/II18nLocaleCascader.html","classes":"tsd-kind-interface"},{"id":2000,"kind":1024,"name":"title","url":"interfaces/II18nLocaleCascader.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCascader"},{"id":2001,"kind":1024,"name":"placeholder","url":"interfaces/II18nLocaleCascader.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCascader"},{"id":2002,"kind":1024,"name":"searchPlaceholder","url":"interfaces/II18nLocaleCascader.html#searchPlaceholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCascader"},{"id":2003,"kind":1024,"name":"searchEmpty","url":"interfaces/II18nLocaleCascader.html#searchEmpty","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCascader"},{"id":2004,"kind":1024,"name":"empty","url":"interfaces/II18nLocaleCascader.html#empty","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCascader"},{"id":2005,"kind":1024,"name":"loading","url":"interfaces/II18nLocaleCascader.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCascader"},{"id":2006,"kind":1024,"name":"confirm","url":"interfaces/II18nLocaleCascader.html#confirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleCascader"},{"id":2007,"kind":1024,"name":"cancel","url":"interfaces/II18nLocaleCascader.html#cancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleCascader"},{"id":2008,"kind":1024,"name":"ok","url":"interfaces/II18nLocaleCascader.html#ok","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleCascader"},{"id":2009,"kind":1024,"name":"comma","url":"interfaces/II18nLocaleCascader.html#comma","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleCascader"},{"id":2010,"kind":1024,"name":"reset","url":"interfaces/II18nLocaleCascader.html#reset","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleCascader"},{"id":2011,"kind":256,"name":"II18nLocaleTimePicker","url":"interfaces/II18nLocaleTimePicker.html","classes":"tsd-kind-interface"},{"id":2012,"kind":1024,"name":"time","url":"interfaces/II18nLocaleTimePicker.html#time-1","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2013,"kind":1024,"name":"date","url":"interfaces/II18nLocaleTimePicker.html#date-1","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2014,"kind":1024,"name":"week","url":"interfaces/II18nLocaleTimePicker.html#week-1","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2015,"kind":1024,"name":"month","url":"interfaces/II18nLocaleTimePicker.html#month-1","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2016,"kind":1024,"name":"quarter","url":"interfaces/II18nLocaleTimePicker.html#quarter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2017,"kind":1024,"name":"year","url":"interfaces/II18nLocaleTimePicker.html#year-2","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2018,"kind":1024,"name":"range","url":"interfaces/II18nLocaleTimePicker.html#range","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2019,"kind":1024,"name":"timeErrorPop","url":"interfaces/II18nLocaleTimePicker.html#timeErrorPop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2020,"kind":1024,"name":"dateErrorPop","url":"interfaces/II18nLocaleTimePicker.html#dateErrorPop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2021,"kind":1024,"name":"start","url":"interfaces/II18nLocaleTimePicker.html#start","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2022,"kind":1024,"name":"end","url":"interfaces/II18nLocaleTimePicker.html#end","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2023,"kind":1024,"name":"startTime","url":"interfaces/II18nLocaleTimePicker.html#startTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2024,"kind":1024,"name":"endTime","url":"interfaces/II18nLocaleTimePicker.html#endTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2025,"kind":1024,"name":"to","url":"interfaces/II18nLocaleTimePicker.html#to","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2026,"kind":1024,"name":"current","url":"interfaces/II18nLocaleTimePicker.html#current","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2027,"kind":65536,"name":"__type","url":"interfaces/II18nLocaleTimePicker.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2028,"kind":1024,"name":"time","url":"interfaces/II18nLocaleTimePicker.html#__type.time","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2029,"kind":1024,"name":"date","url":"interfaces/II18nLocaleTimePicker.html#__type.date","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2030,"kind":1024,"name":"week","url":"interfaces/II18nLocaleTimePicker.html#__type.week","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2031,"kind":1024,"name":"month","url":"interfaces/II18nLocaleTimePicker.html#__type.month","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2032,"kind":1024,"name":"year","url":"interfaces/II18nLocaleTimePicker.html#__type.year","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2033,"kind":1024,"name":"panel","url":"interfaces/II18nLocaleTimePicker.html#panel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2034,"kind":65536,"name":"__type","url":"interfaces/II18nLocaleTimePicker.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2035,"kind":1024,"name":"hour","url":"interfaces/II18nLocaleTimePicker.html#__type-1.hour","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2036,"kind":1024,"name":"minute","url":"interfaces/II18nLocaleTimePicker.html#__type-1.minute","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2037,"kind":1024,"name":"second","url":"interfaces/II18nLocaleTimePicker.html#__type-1.second","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2038,"kind":1024,"name":"year","url":"interfaces/II18nLocaleTimePicker.html#__type-1.year-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2039,"kind":1024,"name":"hourSelect","url":"interfaces/II18nLocaleTimePicker.html#__type-1.hourSelect","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2040,"kind":1024,"name":"minuteSelect","url":"interfaces/II18nLocaleTimePicker.html#__type-1.minuteSelect","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2041,"kind":1024,"name":"secondSelect","url":"interfaces/II18nLocaleTimePicker.html#__type-1.secondSelect","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2042,"kind":1024,"name":"titleFormat","url":"interfaces/II18nLocaleTimePicker.html#__type-1.titleFormat","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2043,"kind":1024,"name":"quarterNames","url":"interfaces/II18nLocaleTimePicker.html#__type-1.quarterNames","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2044,"kind":2048,"name":"yearQuarterName","url":"interfaces/II18nLocaleTimePicker.html#__type-1.yearQuarterName","classes":"tsd-kind-method tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2045,"kind":1024,"name":"dayNames","url":"interfaces/II18nLocaleTimePicker.html#__type-1.dayNames","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2046,"kind":1024,"name":"monthNames","url":"interfaces/II18nLocaleTimePicker.html#__type-1.monthNames","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2047,"kind":1024,"name":"confirm","url":"interfaces/II18nLocaleTimePicker.html#confirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleTimePicker"},{"id":2048,"kind":1024,"name":"cancel","url":"interfaces/II18nLocaleTimePicker.html#cancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleTimePicker"},{"id":2049,"kind":1024,"name":"ok","url":"interfaces/II18nLocaleTimePicker.html#ok","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleTimePicker"},{"id":2050,"kind":1024,"name":"comma","url":"interfaces/II18nLocaleTimePicker.html#comma","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleTimePicker"},{"id":2051,"kind":1024,"name":"reset","url":"interfaces/II18nLocaleTimePicker.html#reset","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleTimePicker"},{"id":2052,"kind":4194304,"name":"I18nLocaleTimePicker","url":"modules.html#I18nLocaleTimePicker","classes":"tsd-kind-type-alias"},{"id":2053,"kind":65536,"name":"__type","url":"modules.html#I18nLocaleTimePicker.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"I18nLocaleTimePicker"},{"id":2054,"kind":256,"name":"II18nLocaleUpload","url":"interfaces/II18nLocaleUpload.html","classes":"tsd-kind-interface"},{"id":2055,"kind":1024,"name":"retry","url":"interfaces/II18nLocaleUpload.html#retry","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleUpload"},{"id":2056,"kind":1024,"name":"delete","url":"interfaces/II18nLocaleUpload.html#delete","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleUpload"},{"id":2057,"kind":1024,"name":"failed","url":"interfaces/II18nLocaleUpload.html#failed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleUpload"},{"id":2058,"kind":1024,"name":"limit","url":"interfaces/II18nLocaleUpload.html#limit","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleUpload"},{"id":2059,"kind":1024,"name":"add","url":"interfaces/II18nLocaleUpload.html#add","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleUpload"},{"id":2060,"kind":1024,"name":"uploading","url":"interfaces/II18nLocaleUpload.html#uploading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleUpload"},{"id":2061,"kind":1024,"name":"confirm","url":"interfaces/II18nLocaleUpload.html#confirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleUpload"},{"id":2062,"kind":1024,"name":"cancel","url":"interfaces/II18nLocaleUpload.html#cancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleUpload"},{"id":2063,"kind":1024,"name":"ok","url":"interfaces/II18nLocaleUpload.html#ok","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleUpload"},{"id":2064,"kind":1024,"name":"comma","url":"interfaces/II18nLocaleUpload.html#comma","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleUpload"},{"id":2065,"kind":1024,"name":"reset","url":"interfaces/II18nLocaleUpload.html#reset","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleUpload"},{"id":2066,"kind":256,"name":"II18nLocaleMention","url":"interfaces/II18nLocaleMention.html","classes":"tsd-kind-interface"},{"id":2067,"kind":1024,"name":"noContent","url":"interfaces/II18nLocaleMention.html#noContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleMention"},{"id":2068,"kind":256,"name":"II18nLocaleTransfer","url":"interfaces/II18nLocaleTransfer.html","classes":"tsd-kind-interface"},{"id":2069,"kind":1024,"name":"placeholder","url":"interfaces/II18nLocaleTransfer.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTransfer"},{"id":2070,"kind":1024,"name":"item","url":"interfaces/II18nLocaleTransfer.html#item","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTransfer"},{"id":2071,"kind":1024,"name":"items","url":"interfaces/II18nLocaleTransfer.html#items","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTransfer"},{"id":2072,"kind":1024,"name":"emptyLabel","url":"interfaces/II18nLocaleTransfer.html#emptyLabel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTransfer"},{"id":2073,"kind":256,"name":"II18nLocaleForm","url":"interfaces/II18nLocaleForm.html","classes":"tsd-kind-interface"},{"id":2074,"kind":1024,"name":"required","url":"interfaces/II18nLocaleForm.html#required","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleForm"},{"id":2075,"kind":256,"name":"II18nLocaleNumberInput","url":"interfaces/II18nLocaleNumberInput.html","classes":"tsd-kind-interface"},{"id":2076,"kind":1024,"name":"min","url":"interfaces/II18nLocaleNumberInput.html#min","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleNumberInput"},{"id":2077,"kind":1024,"name":"max","url":"interfaces/II18nLocaleNumberInput.html#max","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleNumberInput"},{"id":2078,"kind":4194304,"name":"LocaleMark","url":"modules.html#LocaleMark","classes":"tsd-kind-type-alias"},{"id":2079,"kind":256,"name":"ILocaleData","url":"interfaces/ILocaleData.html","classes":"tsd-kind-interface"},{"id":2080,"kind":1024,"name":"mark","url":"interfaces/ILocaleData.html#mark","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2081,"kind":1024,"name":"CopyButton","url":"interfaces/ILocaleData.html#CopyButton","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2082,"kind":1024,"name":"Form","url":"interfaces/ILocaleData.html#Form","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2083,"kind":1024,"name":"Pagination","url":"interfaces/ILocaleData.html#Pagination","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2084,"kind":1024,"name":"Pop","url":"interfaces/ILocaleData.html#Pop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2085,"kind":1024,"name":"PreviewImage","url":"interfaces/ILocaleData.html#PreviewImage","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2086,"kind":1024,"name":"RangePicker","url":"interfaces/ILocaleData.html#RangePicker","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2087,"kind":1024,"name":"Select","url":"interfaces/ILocaleData.html#Select","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2088,"kind":1024,"name":"Switch","url":"interfaces/ILocaleData.html#Switch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2089,"kind":1024,"name":"Sweetalert","url":"interfaces/ILocaleData.html#Sweetalert","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2090,"kind":1024,"name":"Grid","url":"interfaces/ILocaleData.html#Grid","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2091,"kind":1024,"name":"Cascader","url":"interfaces/ILocaleData.html#Cascader","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2092,"kind":1024,"name":"TimePicker","url":"interfaces/ILocaleData.html#TimePicker","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2093,"kind":1024,"name":"Upload","url":"interfaces/ILocaleData.html#Upload","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2094,"kind":1024,"name":"Mention","url":"interfaces/ILocaleData.html#Mention","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2095,"kind":1024,"name":"Transfer","url":"interfaces/ILocaleData.html#Transfer","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2096,"kind":1024,"name":"NumberInput","url":"interfaces/ILocaleData.html#NumberInput","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2097,"kind":4194304,"name":"I18nComponentName","url":"modules.html#I18nComponentName","classes":"tsd-kind-type-alias"},{"id":2098,"kind":4194304,"name":"I18nLocaleDataType","url":"modules.html#I18nLocaleDataType","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":2099,"kind":4194304,"name":"IconType","url":"modules.html#IconType","classes":"tsd-kind-type-alias"},{"id":2100,"kind":256,"name":"IIconProps","url":"interfaces/IIconProps.html","classes":"tsd-kind-interface"},{"id":2101,"kind":1024,"name":"type","url":"interfaces/IIconProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IIconProps"},{"id":2102,"kind":1024,"name":"spin","url":"interfaces/IIconProps.html#spin","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IIconProps"},{"id":2103,"kind":65536,"name":"__type","url":"interfaces/IIconProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IIconProps"},{"id":2104,"kind":32,"name":"Icon","url":"modules.html#Icon","classes":"tsd-kind-variable"},{"id":2105,"kind":64,"name":"createUseIMEComposition","url":"modules.html#createUseIMEComposition","classes":"tsd-kind-function"},{"id":2106,"kind":256,"name":"ICreateUseIMECompositionOption","url":"interfaces/ICreateUseIMECompositionOption.html","classes":"tsd-kind-interface"},{"id":2107,"kind":2048,"name":"getEventValue","url":"interfaces/ICreateUseIMECompositionOption.html#getEventValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICreateUseIMECompositionOption"},{"id":2108,"kind":256,"name":"IUseIMECompositionResult","url":"interfaces/IUseIMECompositionResult.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2109,"kind":1024,"name":"value","url":"interfaces/IUseIMECompositionResult.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUseIMECompositionResult"},{"id":2110,"kind":1024,"name":"onChange","url":"interfaces/IUseIMECompositionResult.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUseIMECompositionResult"},{"id":2111,"kind":1024,"name":"onCompositionStart","url":"interfaces/IUseIMECompositionResult.html#onCompositionStart","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUseIMECompositionResult"},{"id":2112,"kind":1024,"name":"onCompositionEnd","url":"interfaces/IUseIMECompositionResult.html#onCompositionEnd","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUseIMECompositionResult"},{"id":2113,"kind":256,"name":"IIMECompositionProps","url":"interfaces/IIMECompositionProps.html","classes":"tsd-kind-interface"},{"id":2114,"kind":1024,"name":"enable","url":"interfaces/IIMECompositionProps.html#enable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IIMECompositionProps"},{"id":2115,"kind":256,"name":"IIMECompositionContext","url":"interfaces/IIMECompositionContext.html","classes":"tsd-kind-interface"},{"id":2116,"kind":1024,"name":"enable","url":"interfaces/IIMECompositionContext.html#enable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IIMECompositionContext"},{"id":2117,"kind":32,"name":"IMEComposition","url":"modules.html#IMEComposition","classes":"tsd-kind-variable"},{"id":2118,"kind":4194304,"name":"IIndicatorProps","url":"modules.html#IIndicatorProps","classes":"tsd-kind-type-alias"},{"id":2119,"kind":4194304,"name":"IIndicator","url":"modules.html#IIndicator","classes":"tsd-kind-type-alias"},{"id":2120,"kind":32,"name":"Indicator","url":"modules.html#Indicator","classes":"tsd-kind-variable"},{"id":2121,"kind":2,"name":"Indicator","url":"modules/Indicator.html","classes":"tsd-kind-namespace"},{"id":2122,"kind":32,"name":"Step","url":"modules/Indicator.html#Step","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Indicator"},{"id":2123,"kind":256,"name":"IInfiniteScrollerProps","url":"interfaces/IInfiniteScrollerProps.html","classes":"tsd-kind-interface"},{"id":2124,"kind":1024,"name":"className","url":"interfaces/IInfiniteScrollerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2125,"kind":1024,"name":"hasMore","url":"interfaces/IInfiniteScrollerProps.html#hasMore","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2126,"kind":1024,"name":"loadMore","url":"interfaces/IInfiniteScrollerProps.html#loadMore","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2127,"kind":1024,"name":"skipLoadOnMount","url":"interfaces/IInfiniteScrollerProps.html#skipLoadOnMount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2128,"kind":1024,"name":"useWindow","url":"interfaces/IInfiniteScrollerProps.html#useWindow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2129,"kind":1024,"name":"loader","url":"interfaces/IInfiniteScrollerProps.html#loader","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2130,"kind":1024,"name":"children","url":"interfaces/IInfiniteScrollerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2131,"kind":1024,"name":"threshold","url":"interfaces/IInfiniteScrollerProps.html#threshold","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2132,"kind":32,"name":"InfiniteScroller","url":"modules.html#InfiniteScroller","classes":"tsd-kind-variable"},{"id":2133,"kind":32,"name":"Password","url":"modules.html#Password","classes":"tsd-kind-variable"},{"id":2134,"kind":65536,"name":"__type","url":"modules.html#Password.__type","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"Password"},{"id":2135,"kind":1024,"name":"displayName","url":"modules.html#Password.__type.displayName","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Password.__type"},{"id":2136,"kind":2,"name":"Password","url":"modules/Password.html","classes":"tsd-kind-namespace"},{"id":2137,"kind":32,"name":"displayName","url":"modules/Password.html#displayName","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Password"},{"id":2138,"kind":4194304,"name":"InputType","url":"modules.html#InputType","classes":"tsd-kind-type-alias"},{"id":2139,"kind":4194304,"name":"InputWidthSizeType","url":"modules.html#InputWidthSizeType","classes":"tsd-kind-type-alias"},{"id":2140,"kind":4194304,"name":"IInputProps","url":"modules.html#IInputProps","classes":"tsd-kind-type-alias"},{"id":2141,"kind":256,"name":"IInputClearEvent","url":"interfaces/IInputClearEvent.html","classes":"tsd-kind-interface"},{"id":2142,"kind":1024,"name":"target","url":"interfaces/IInputClearEvent.html#target","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputClearEvent"},{"id":2143,"kind":1024,"name":"fromClearButton","url":"interfaces/IInputClearEvent.html#fromClearButton","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputClearEvent"},{"id":2144,"kind":4194304,"name":"IInputChangeEvent","url":"modules.html#IInputChangeEvent","classes":"tsd-kind-type-alias"},{"id":2145,"kind":256,"name":"IInputCommonProps","url":"interfaces/IInputCommonProps.html","classes":"tsd-kind-interface"},{"id":2146,"kind":1024,"name":"className","url":"interfaces/IInputCommonProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2147,"kind":1024,"name":"width","url":"interfaces/IInputCommonProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2148,"kind":1024,"name":"size","url":"interfaces/IInputCommonProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2149,"kind":1024,"name":"widthSize","url":"interfaces/IInputCommonProps.html#widthSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2150,"kind":1024,"name":"onPressEnter","url":"interfaces/IInputCommonProps.html#onPressEnter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2151,"kind":1024,"name":"autoFocus","url":"interfaces/IInputCommonProps.html#autoFocus","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2152,"kind":1024,"name":"autoSelect","url":"interfaces/IInputCommonProps.html#autoSelect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2153,"kind":1024,"name":"initSelectionStart","url":"interfaces/IInputCommonProps.html#initSelectionStart","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2154,"kind":1024,"name":"initSelectionEnd","url":"interfaces/IInputCommonProps.html#initSelectionEnd","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2155,"kind":1024,"name":"inline","url":"interfaces/IInputCommonProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2156,"kind":1024,"name":"style","url":"interfaces/IInputCommonProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2157,"kind":256,"name":"IInputCoreProps","url":"interfaces/IInputCoreProps.html","classes":"tsd-kind-interface"},{"id":2158,"kind":1024,"name":"type","url":"interfaces/IInputCoreProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IInputCoreProps"},{"id":2159,"kind":1024,"name":"icon","url":"interfaces/IInputCoreProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2160,"kind":1024,"name":"iconPosition","url":"interfaces/IInputCoreProps.html#iconPosition","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2161,"kind":1024,"name":"showClear","url":"interfaces/IInputCoreProps.html#showClear","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2162,"kind":1024,"name":"addonBefore","url":"interfaces/IInputCoreProps.html#addonBefore","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2163,"kind":1024,"name":"addonAfter","url":"interfaces/IInputCoreProps.html#addonAfter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2164,"kind":1024,"name":"value","url":"interfaces/IInputCoreProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2165,"kind":1024,"name":"inline","url":"interfaces/IInputCoreProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IInputCoreProps"},{"id":2166,"kind":2048,"name":"onChange","url":"interfaces/IInputCoreProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2167,"kind":1024,"name":"onIconClick","url":"interfaces/IInputCoreProps.html#onIconClick","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2168,"kind":65536,"name":"__type","url":"interfaces/IInputCoreProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2169,"kind":1024,"name":"size","url":"interfaces/IInputCoreProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInputCoreProps"},{"id":2170,"kind":1024,"name":"widthSize","url":"interfaces/IInputCoreProps.html#widthSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInputCoreProps"},{"id":2171,"kind":1024,"name":"onPressEnter","url":"interfaces/IInputCoreProps.html#onPressEnter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInputCoreProps"},{"id":2172,"kind":1024,"name":"autoSelect","url":"interfaces/IInputCoreProps.html#autoSelect","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInputCoreProps"},{"id":2173,"kind":1024,"name":"initSelectionStart","url":"interfaces/IInputCoreProps.html#initSelectionStart","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInputCoreProps"},{"id":2174,"kind":1024,"name":"initSelectionEnd","url":"interfaces/IInputCoreProps.html#initSelectionEnd","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInputCoreProps"},{"id":2175,"kind":256,"name":"ITextAreaProps","url":"interfaces/ITextAreaProps.html","classes":"tsd-kind-interface"},{"id":2176,"kind":1024,"name":"type","url":"interfaces/ITextAreaProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextAreaProps"},{"id":2177,"kind":1024,"name":"showCount","url":"interfaces/ITextAreaProps.html#showCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextAreaProps"},{"id":2178,"kind":1024,"name":"autoSize","url":"interfaces/ITextAreaProps.html#autoSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextAreaProps"},{"id":2179,"kind":1024,"name":"value","url":"interfaces/ITextAreaProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextAreaProps"},{"id":2180,"kind":1024,"name":"maxCharacterCount","url":"interfaces/ITextAreaProps.html#maxCharacterCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextAreaProps"},{"id":2181,"kind":2048,"name":"onChange","url":"interfaces/ITextAreaProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITextAreaProps"},{"id":2182,"kind":65536,"name":"__type","url":"interfaces/ITextAreaProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ITextAreaProps"},{"id":2183,"kind":1024,"name":"width","url":"interfaces/ITextAreaProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2184,"kind":1024,"name":"size","url":"interfaces/ITextAreaProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2185,"kind":1024,"name":"widthSize","url":"interfaces/ITextAreaProps.html#widthSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2186,"kind":1024,"name":"onPressEnter","url":"interfaces/ITextAreaProps.html#onPressEnter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2187,"kind":1024,"name":"autoSelect","url":"interfaces/ITextAreaProps.html#autoSelect","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2188,"kind":1024,"name":"initSelectionStart","url":"interfaces/ITextAreaProps.html#initSelectionStart","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2189,"kind":1024,"name":"initSelectionEnd","url":"interfaces/ITextAreaProps.html#initSelectionEnd","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2190,"kind":1024,"name":"inline","url":"interfaces/ITextAreaProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2191,"kind":256,"name":"IInputState","url":"interfaces/IInputState.html","classes":"tsd-kind-interface"},{"id":2192,"kind":1024,"name":"hasFocus","url":"interfaces/IInputState.html#hasFocus","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputState"},{"id":2193,"kind":128,"name":"Input","url":"classes/Input.html","classes":"tsd-kind-class"},{"id":2194,"kind":1024,"name":"contextType","url":"classes/Input.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Input"},{"id":2195,"kind":1024,"name":"displayName","url":"classes/Input.html#displayName","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Input"},{"id":2196,"kind":1024,"name":"defaultProps","url":"classes/Input.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Input"},{"id":2197,"kind":65536,"name":"__type","url":"classes/Input.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Input"},{"id":2198,"kind":1024,"name":"type","url":"classes/Input.html#__type-2.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Input.__type"},{"id":2199,"kind":1024,"name":"size","url":"classes/Input.html#__type-2.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Input.__type"},{"id":2200,"kind":512,"name":"constructor","url":"classes/Input.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Input"},{"id":2201,"kind":1024,"name":"context","url":"classes/Input.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Input"},{"id":2202,"kind":1024,"name":"elementRef","url":"classes/Input.html#elementRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Input"},{"id":2203,"kind":262144,"name":"input","url":"classes/Input.html#input","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Input"},{"id":2204,"kind":1024,"name":"state","url":"classes/Input.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Input"},{"id":2205,"kind":65536,"name":"__type","url":"classes/Input.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Input"},{"id":2206,"kind":1024,"name":"hasFocus","url":"classes/Input.html#__type-1.hasFocus","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Input.__type"},{"id":2207,"kind":2048,"name":"focus","url":"classes/Input.html#focus","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Input"},{"id":2208,"kind":2048,"name":"select","url":"classes/Input.html#select","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Input"},{"id":2209,"kind":2048,"name":"onKeyDown","url":"classes/Input.html#onKeyDown","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Input"},{"id":2210,"kind":1024,"name":"onFocus","url":"classes/Input.html#onFocus","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Input"},{"id":2211,"kind":1024,"name":"onBlur","url":"classes/Input.html#onBlur","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Input"},{"id":2212,"kind":1024,"name":"clearInput","url":"classes/Input.html#clearInput","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Input"},{"id":2213,"kind":2048,"name":"componentDidMount","url":"classes/Input.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Input"},{"id":2214,"kind":2048,"name":"renderImpl","url":"classes/Input.html#renderImpl","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Input"},{"id":2215,"kind":2048,"name":"renderInput","url":"classes/Input.html#renderInput","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Input"},{"id":2216,"kind":2048,"name":"render","url":"classes/Input.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Input"},{"id":2217,"kind":65536,"name":"__type","url":"classes/Input.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Input"},{"id":2218,"kind":32,"name":"LayoutConfigProvider","url":"modules.html#LayoutConfigProvider","classes":"tsd-kind-variable"},{"id":2219,"kind":256,"name":"ILayoutRowProps","url":"interfaces/ILayoutRowProps.html","classes":"tsd-kind-interface"},{"id":2220,"kind":1024,"name":"className","url":"interfaces/ILayoutRowProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutRowProps"},{"id":2221,"kind":1024,"name":"justify","url":"interfaces/ILayoutRowProps.html#justify","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutRowProps"},{"id":2222,"kind":1024,"name":"align","url":"interfaces/ILayoutRowProps.html#align","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutRowProps"},{"id":2223,"kind":1024,"name":"style","url":"interfaces/ILayoutRowProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutRowProps"},{"id":2224,"kind":128,"name":"LayoutRow","url":"classes/LayoutRow.html","classes":"tsd-kind-class"},{"id":2225,"kind":1024,"name":"defaultProps","url":"classes/LayoutRow.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"LayoutRow"},{"id":2226,"kind":65536,"name":"__type","url":"classes/LayoutRow.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LayoutRow"},{"id":2227,"kind":1024,"name":"justify","url":"classes/LayoutRow.html#__type-1.justify","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LayoutRow.__type"},{"id":2228,"kind":1024,"name":"align","url":"classes/LayoutRow.html#__type-1.align","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LayoutRow.__type"},{"id":2229,"kind":512,"name":"constructor","url":"classes/LayoutRow.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"LayoutRow"},{"id":2230,"kind":2048,"name":"render","url":"classes/LayoutRow.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"LayoutRow"},{"id":2231,"kind":65536,"name":"__type","url":"classes/LayoutRow.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LayoutRow"},{"id":2232,"kind":256,"name":"ILayoutColProps","url":"interfaces/ILayoutColProps.html","classes":"tsd-kind-interface"},{"id":2233,"kind":1024,"name":"span","url":"interfaces/ILayoutColProps.html#span","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutColProps"},{"id":2234,"kind":1024,"name":"offset","url":"interfaces/ILayoutColProps.html#offset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutColProps"},{"id":2235,"kind":1024,"name":"order","url":"interfaces/ILayoutColProps.html#order","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutColProps"},{"id":2236,"kind":1024,"name":"style","url":"interfaces/ILayoutColProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutColProps"},{"id":2237,"kind":1024,"name":"className","url":"interfaces/ILayoutColProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutColProps"},{"id":2238,"kind":128,"name":"LayoutCol","url":"classes/LayoutCol.html","classes":"tsd-kind-class"},{"id":2239,"kind":1024,"name":"defaultProps","url":"classes/LayoutCol.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"LayoutCol"},{"id":2240,"kind":65536,"name":"__type","url":"classes/LayoutCol.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LayoutCol"},{"id":2241,"kind":1024,"name":"offset","url":"classes/LayoutCol.html#__type-1.offset","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LayoutCol.__type"},{"id":2242,"kind":1024,"name":"order","url":"classes/LayoutCol.html#__type-1.order","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LayoutCol.__type"},{"id":2243,"kind":512,"name":"constructor","url":"classes/LayoutCol.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"LayoutCol"},{"id":2244,"kind":2048,"name":"render","url":"classes/LayoutCol.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"LayoutCol"},{"id":2245,"kind":65536,"name":"__type","url":"classes/LayoutCol.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LayoutCol"},{"id":2246,"kind":256,"name":"ILayoutGridProps","url":"interfaces/ILayoutGridProps.html","classes":"tsd-kind-interface"},{"id":2247,"kind":1024,"name":"className","url":"interfaces/ILayoutGridProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutGridProps"},{"id":2248,"kind":1024,"name":"style","url":"interfaces/ILayoutGridProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutGridProps"},{"id":2249,"kind":128,"name":"LayoutGrid","url":"classes/LayoutGrid.html","classes":"tsd-kind-class"},{"id":2250,"kind":512,"name":"constructor","url":"classes/LayoutGrid.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"LayoutGrid"},{"id":2251,"kind":1024,"name":"state","url":"classes/LayoutGrid.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"LayoutGrid"},{"id":2252,"kind":65536,"name":"__type","url":"classes/LayoutGrid.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LayoutGrid"},{"id":2253,"kind":1024,"name":"breakpoints","url":"classes/LayoutGrid.html#__type-1.breakpoints","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LayoutGrid.__type"},{"id":2254,"kind":2048,"name":"render","url":"classes/LayoutGrid.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"LayoutGrid"},{"id":2255,"kind":2048,"name":"onBreakpointChange","url":"classes/LayoutGrid.html#onBreakpointChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"LayoutGrid"},{"id":2256,"kind":65536,"name":"__type","url":"classes/LayoutGrid.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LayoutGrid"},{"id":2257,"kind":4,"name":"LayoutBreakPoint","url":"enums/LayoutBreakPoint.html","classes":"tsd-kind-enum"},{"id":2258,"kind":16,"name":"fhd","url":"enums/LayoutBreakPoint.html#fhd","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"LayoutBreakPoint"},{"id":2259,"kind":16,"name":"xxl","url":"enums/LayoutBreakPoint.html#xxl","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"LayoutBreakPoint"},{"id":2260,"kind":16,"name":"xl","url":"enums/LayoutBreakPoint.html#xl","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"LayoutBreakPoint"},{"id":2261,"kind":16,"name":"lg","url":"enums/LayoutBreakPoint.html#lg","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"LayoutBreakPoint"},{"id":2262,"kind":16,"name":"md","url":"enums/LayoutBreakPoint.html#md","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"LayoutBreakPoint"},{"id":2263,"kind":16,"name":"sm","url":"enums/LayoutBreakPoint.html#sm","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"LayoutBreakPoint"},{"id":2264,"kind":16,"name":"xs","url":"enums/LayoutBreakPoint.html#xs","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"LayoutBreakPoint"},{"id":2265,"kind":4194304,"name":"LayoutBreakPointName","url":"modules.html#LayoutBreakPointName","classes":"tsd-kind-type-alias"},{"id":2266,"kind":256,"name":"ILayoutResponsiveValue","url":"interfaces/ILayoutResponsiveValue.html","classes":"tsd-kind-interface"},{"id":2267,"kind":1024,"name":"fallback","url":"interfaces/ILayoutResponsiveValue.html#fallback","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutResponsiveValue"},{"id":2268,"kind":2048,"name":"xs","url":"interfaces/ILayoutResponsiveValue.html#xs","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ILayoutResponsiveValue"},{"id":2269,"kind":2048,"name":"xl","url":"interfaces/ILayoutResponsiveValue.html#xl","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ILayoutResponsiveValue"},{"id":2270,"kind":2048,"name":"fhd","url":"interfaces/ILayoutResponsiveValue.html#fhd","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ILayoutResponsiveValue"},{"id":2271,"kind":2048,"name":"xxl","url":"interfaces/ILayoutResponsiveValue.html#xxl","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ILayoutResponsiveValue"},{"id":2272,"kind":2048,"name":"lg","url":"interfaces/ILayoutResponsiveValue.html#lg","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ILayoutResponsiveValue"},{"id":2273,"kind":2048,"name":"md","url":"interfaces/ILayoutResponsiveValue.html#md","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ILayoutResponsiveValue"},{"id":2274,"kind":2048,"name":"sm","url":"interfaces/ILayoutResponsiveValue.html#sm","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ILayoutResponsiveValue"},{"id":2275,"kind":256,"name":"ILayoutConfig","url":"interfaces/ILayoutConfig.html","classes":"tsd-kind-interface"},{"id":2276,"kind":1024,"name":"colGutter","url":"interfaces/ILayoutConfig.html#colGutter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutConfig"},{"id":2277,"kind":1024,"name":"rowGutter","url":"interfaces/ILayoutConfig.html#rowGutter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutConfig"},{"id":2278,"kind":256,"name":"ILinkProps","url":"interfaces/ILinkProps.html","classes":"tsd-kind-interface"},{"id":2279,"kind":1024,"name":"disabled","url":"interfaces/ILinkProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILinkProps"},{"id":2280,"kind":1024,"name":"weak","url":"interfaces/ILinkProps.html#weak","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILinkProps"},{"id":2281,"kind":65536,"name":"__type","url":"interfaces/ILinkProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ILinkProps"},{"id":2282,"kind":32,"name":"Link","url":"modules.html#Link","classes":"tsd-kind-variable"},{"id":2283,"kind":64,"name":"BlockLoading","url":"modules.html#BlockLoading","classes":"tsd-kind-function"},{"id":2284,"kind":64,"name":"FullScreenLoading","url":"modules.html#FullScreenLoading","classes":"tsd-kind-function"},{"id":2285,"kind":64,"name":"InlineLoading","url":"modules.html#InlineLoading","classes":"tsd-kind-function"},{"id":2286,"kind":256,"name":"ICompoundMentionSuggestion","url":"interfaces/ICompoundMentionSuggestion.html","classes":"tsd-kind-interface"},{"id":2287,"kind":1024,"name":"value","url":"interfaces/ICompoundMentionSuggestion.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICompoundMentionSuggestion"},{"id":2288,"kind":1024,"name":"content","url":"interfaces/ICompoundMentionSuggestion.html#content","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICompoundMentionSuggestion"},{"id":2289,"kind":1024,"name":"isGroup","url":"interfaces/ICompoundMentionSuggestion.html#isGroup","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICompoundMentionSuggestion"},{"id":2290,"kind":1024,"name":"isDivider","url":"interfaces/ICompoundMentionSuggestion.html#isDivider","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICompoundMentionSuggestion"},{"id":2291,"kind":1024,"name":"icon","url":"interfaces/ICompoundMentionSuggestion.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICompoundMentionSuggestion"},{"id":2292,"kind":1024,"name":"disabled","url":"interfaces/ICompoundMentionSuggestion.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICompoundMentionSuggestion"},{"id":2293,"kind":256,"name":"IMentionProps","url":"interfaces/IMentionProps.html","classes":"tsd-kind-interface"},{"id":2294,"kind":1024,"name":"value","url":"interfaces/IMentionProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2295,"kind":2048,"name":"onChange","url":"interfaces/IMentionProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2296,"kind":2048,"name":"onSearchChange","url":"interfaces/IMentionProps.html#onSearchChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2297,"kind":1024,"name":"multiLine","url":"interfaces/IMentionProps.html#multiLine","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2298,"kind":1024,"name":"position","url":"interfaces/IMentionProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2299,"kind":1024,"name":"suggestions","url":"interfaces/IMentionProps.html#suggestions","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2300,"kind":1024,"name":"suggestionNotFoundContent","url":"interfaces/IMentionProps.html#suggestionNotFoundContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2301,"kind":1024,"name":"triggerText","url":"interfaces/IMentionProps.html#triggerText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2302,"kind":1024,"name":"className","url":"interfaces/IMentionProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2303,"kind":1024,"name":"loading","url":"interfaces/IMentionProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2304,"kind":1024,"name":"type","url":"interfaces/IMentionProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2305,"kind":1024,"name":"onBlur","url":"interfaces/IMentionProps.html#onBlur","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2306,"kind":1024,"name":"onKeyUp","url":"interfaces/IMentionProps.html#onKeyUp","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2307,"kind":1024,"name":"onKeyDown","url":"interfaces/IMentionProps.html#onKeyDown","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2308,"kind":1024,"name":"inline","url":"interfaces/IMentionProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2309,"kind":128,"name":"Mention","url":"classes/Mention.html","classes":"tsd-kind-class"},{"id":2310,"kind":1024,"name":"defaultProps","url":"classes/Mention.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Mention"},{"id":2311,"kind":65536,"name":"__type","url":"classes/Mention.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Mention"},{"id":2312,"kind":1024,"name":"multiLine","url":"classes/Mention.html#__type-2.multiLine","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2313,"kind":1024,"name":"position","url":"classes/Mention.html#__type-2.position-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2314,"kind":1024,"name":"suggestionNotFoundContent","url":"classes/Mention.html#__type-2.suggestionNotFoundContent","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2315,"kind":1024,"name":"suggestions","url":"classes/Mention.html#__type-2.suggestions","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2316,"kind":1024,"name":"triggerText","url":"classes/Mention.html#__type-2.triggerText","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2317,"kind":1024,"name":"inline","url":"classes/Mention.html#__type-2.inline","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2318,"kind":512,"name":"constructor","url":"classes/Mention.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Mention"},{"id":2319,"kind":1024,"name":"_compositing","url":"classes/Mention.html#_compositing","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Mention"},{"id":2320,"kind":1024,"name":"input","url":"classes/Mention.html#input","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Mention"},{"id":2321,"kind":1024,"name":"suggestionList","url":"classes/Mention.html#suggestionList","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Mention"},{"id":2322,"kind":1024,"name":"state","url":"classes/Mention.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Mention"},{"id":2323,"kind":65536,"name":"__type","url":"classes/Mention.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Mention"},{"id":2324,"kind":1024,"name":"position","url":"classes/Mention.html#__type-1.position","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2325,"kind":1024,"name":"placeholder","url":"classes/Mention.html#__type-1.placeholder","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2326,"kind":1024,"name":"suggestionVisible","url":"classes/Mention.html#__type-1.suggestionVisible","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2327,"kind":1024,"name":"search","url":"classes/Mention.html#__type-1.search","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2328,"kind":1024,"name":"BottomPosition","url":"classes/Mention.html#BottomPosition","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Mention"},{"id":2329,"kind":1024,"name":"TopPosition","url":"classes/Mention.html#TopPosition","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Mention"},{"id":2330,"kind":2048,"name":"render","url":"classes/Mention.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Mention"},{"id":2331,"kind":2048,"name":"componentDidUpdate","url":"classes/Mention.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Mention"},{"id":2332,"kind":2048,"name":"componentDidMount","url":"classes/Mention.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Mention"},{"id":2333,"kind":2048,"name":"onSuggestionVisibleChange","url":"classes/Mention.html#onSuggestionVisibleChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2334,"kind":2048,"name":"onCloseMenuList","url":"classes/Mention.html#onCloseMenuList","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2335,"kind":2048,"name":"onSelectSuggestion","url":"classes/Mention.html#onSelectSuggestion","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2336,"kind":2048,"name":"onInputChange","url":"classes/Mention.html#onInputChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2337,"kind":1024,"name":"onInputScroll","url":"classes/Mention.html#onInputScroll","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Mention"},{"id":2338,"kind":2048,"name":"onInputCompositionStart","url":"classes/Mention.html#onInputCompositionStart","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2339,"kind":2048,"name":"onInputCompositionEnd","url":"classes/Mention.html#onInputCompositionEnd","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2340,"kind":2048,"name":"onInputBlur","url":"classes/Mention.html#onInputBlur","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2341,"kind":2048,"name":"onInputKeyUp","url":"classes/Mention.html#onInputKeyUp","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2342,"kind":2048,"name":"onInputKeyDown","url":"classes/Mention.html#onInputKeyDown","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2343,"kind":2048,"name":"onSelectionChange","url":"classes/Mention.html#onSelectionChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2344,"kind":2048,"name":"triggerEventCallback","url":"classes/Mention.html#triggerEventCallback","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2345,"kind":2048,"name":"saveInputRef","url":"classes/Mention.html#saveInputRef","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2346,"kind":2048,"name":"onSuggestionListRefChange","url":"classes/Mention.html#onSuggestionListRefChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2347,"kind":2048,"name":"setSuggestionVisible","url":"classes/Mention.html#setSuggestionVisible","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2348,"kind":2048,"name":"setStateIfChange","url":"classes/Mention.html#setStateIfChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2349,"kind":2048,"name":"getCaretCoordinates","url":"classes/Mention.html#getCaretCoordinates","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2350,"kind":2048,"name":"getDefaultState","url":"classes/Mention.html#getDefaultState","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2351,"kind":65536,"name":"__type","url":"classes/Mention.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Mention"},{"id":2352,"kind":256,"name":"IMenuBaseProps","url":"interfaces/IMenuBaseProps.html","classes":"tsd-kind-interface"},{"id":2353,"kind":1024,"name":"mode","url":"interfaces/IMenuBaseProps.html#mode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuBaseProps"},{"id":2354,"kind":2048,"name":"onClick","url":"interfaces/IMenuBaseProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuBaseProps"},{"id":2355,"kind":2048,"name":"onSubMenuClick","url":"interfaces/IMenuBaseProps.html#onSubMenuClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuBaseProps"},{"id":2356,"kind":1024,"name":"style","url":"interfaces/IMenuBaseProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuBaseProps"},{"id":2357,"kind":1024,"name":"className","url":"interfaces/IMenuBaseProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuBaseProps"},{"id":2358,"kind":256,"name":"IMenuInlineProps","url":"interfaces/IMenuInlineProps.html","classes":"tsd-kind-interface"},{"id":2359,"kind":1024,"name":"mode","url":"interfaces/IMenuInlineProps.html#mode","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IMenuInlineProps"},{"id":2360,"kind":1024,"name":"defaultExpandKeys","url":"interfaces/IMenuInlineProps.html#defaultExpandKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2361,"kind":1024,"name":"defaultExpandedKeys","url":"interfaces/IMenuInlineProps.html#defaultExpandedKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2362,"kind":1024,"name":"defaultSelectedKey","url":"interfaces/IMenuInlineProps.html#defaultSelectedKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2363,"kind":1024,"name":"expandedKeys","url":"interfaces/IMenuInlineProps.html#expandedKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2364,"kind":2048,"name":"onExpandChange","url":"interfaces/IMenuInlineProps.html#onExpandChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2365,"kind":1024,"name":"selectedKey","url":"interfaces/IMenuInlineProps.html#selectedKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2366,"kind":2048,"name":"onSelectChange","url":"interfaces/IMenuInlineProps.html#onSelectChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2367,"kind":1024,"name":"inlineIndent","url":"interfaces/IMenuInlineProps.html#inlineIndent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2368,"kind":2048,"name":"onClick","url":"interfaces/IMenuInlineProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuInlineProps"},{"id":2369,"kind":2048,"name":"onSubMenuClick","url":"interfaces/IMenuInlineProps.html#onSubMenuClick","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuInlineProps"},{"id":2370,"kind":1024,"name":"style","url":"interfaces/IMenuInlineProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuInlineProps"},{"id":2371,"kind":1024,"name":"className","url":"interfaces/IMenuInlineProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuInlineProps"},{"id":2372,"kind":256,"name":"IMenuPopProps","url":"interfaces/IMenuPopProps.html","classes":"tsd-kind-interface"},{"id":2373,"kind":1024,"name":"mode","url":"interfaces/IMenuPopProps.html#mode","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IMenuPopProps"},{"id":2374,"kind":2048,"name":"onClick","url":"interfaces/IMenuPopProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuPopProps"},{"id":2375,"kind":2048,"name":"onSubMenuClick","url":"interfaces/IMenuPopProps.html#onSubMenuClick","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuPopProps"},{"id":2376,"kind":1024,"name":"style","url":"interfaces/IMenuPopProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuPopProps"},{"id":2377,"kind":1024,"name":"className","url":"interfaces/IMenuPopProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuPopProps"},{"id":2378,"kind":4194304,"name":"IMenuProps","url":"modules.html#IMenuProps","classes":"tsd-kind-type-alias"},{"id":2379,"kind":128,"name":"Menu","url":"classes/Menu.html","classes":"tsd-kind-class"},{"id":2380,"kind":1024,"name":"MenuItem","url":"classes/Menu.html#MenuItem","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Menu"},{"id":2381,"kind":1024,"name":"SubMenu","url":"classes/Menu.html#SubMenu","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Menu"},{"id":2382,"kind":1024,"name":"defaultProps","url":"classes/Menu.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Menu"},{"id":2383,"kind":65536,"name":"__type","url":"classes/Menu.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Menu"},{"id":2384,"kind":1024,"name":"onClick","url":"classes/Menu.html#__type-1.onClick","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Menu.__type"},{"id":2385,"kind":65536,"name":"__type","url":"classes/Menu.html#__type-1.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Menu.__type"},{"id":2386,"kind":1024,"name":"mode","url":"classes/Menu.html#__type-1.mode","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Menu.__type"},{"id":2387,"kind":1024,"name":"inlineIndent","url":"classes/Menu.html#__type-1.inlineIndent","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Menu.__type"},{"id":2388,"kind":1024,"name":"defaultExpandKeys","url":"classes/Menu.html#__type-1.defaultExpandKeys","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Menu.__type"},{"id":2389,"kind":1024,"name":"onSubMenuClick","url":"classes/Menu.html#__type-1.onSubMenuClick","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Menu.__type"},{"id":2390,"kind":65536,"name":"__type","url":"classes/Menu.html#__type-1.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Menu.__type"},{"id":2391,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Menu.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Menu"},{"id":2392,"kind":512,"name":"constructor","url":"classes/Menu.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"Menu"},{"id":2393,"kind":2048,"name":"toggleExpand","url":"classes/Menu.html#toggleExpand","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Menu"},{"id":2394,"kind":2048,"name":"handleSelect","url":"classes/Menu.html#handleSelect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Menu"},{"id":2395,"kind":2048,"name":"handleClick","url":"classes/Menu.html#handleClick","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Menu"},{"id":2396,"kind":2048,"name":"renderMenuItem","url":"classes/Menu.html#renderMenuItem","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Menu"},{"id":2397,"kind":2048,"name":"render","url":"classes/Menu.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Menu"},{"id":2398,"kind":2048,"name":"renderCommonMenuItem","url":"classes/Menu.html#renderCommonMenuItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Menu"},{"id":2399,"kind":65536,"name":"__type","url":"classes/Menu.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Menu"},{"id":2400,"kind":256,"name":"IMenuItemProps","url":"interfaces/IMenuItemProps.html","classes":"tsd-kind-interface"},{"id":2401,"kind":1024,"name":"key","url":"interfaces/IMenuItemProps.html#key","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2402,"kind":1024,"name":"disabled","url":"interfaces/IMenuItemProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2403,"kind":1024,"name":"className","url":"interfaces/IMenuItemProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2404,"kind":1024,"name":"specKey","url":"interfaces/IMenuItemProps.html#specKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2405,"kind":2048,"name":"onClick","url":"interfaces/IMenuItemProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2406,"kind":1024,"name":"isInline","url":"interfaces/IMenuItemProps.html#isInline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2407,"kind":2048,"name":"handleSelect","url":"interfaces/IMenuItemProps.html#handleSelect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2408,"kind":1024,"name":"selectedKey","url":"interfaces/IMenuItemProps.html#selectedKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2409,"kind":1024,"name":"depth","url":"interfaces/IMenuItemProps.html#depth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2410,"kind":1024,"name":"inlineIndent","url":"interfaces/IMenuItemProps.html#inlineIndent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2411,"kind":128,"name":"MenuItem","url":"classes/MenuItem.html","classes":"tsd-kind-class"},{"id":2412,"kind":512,"name":"constructor","url":"classes/MenuItem.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"MenuItem"},{"id":2413,"kind":2048,"name":"handleClick","url":"classes/MenuItem.html#handleClick","classes":"tsd-kind-method tsd-parent-kind-class","parent":"MenuItem"},{"id":2414,"kind":2048,"name":"render","url":"classes/MenuItem.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"MenuItem"},{"id":2415,"kind":65536,"name":"__type","url":"classes/MenuItem.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"MenuItem"},{"id":2416,"kind":256,"name":"ISubMenuProps","url":"interfaces/ISubMenuProps.html","classes":"tsd-kind-interface"},{"id":2417,"kind":1024,"name":"key","url":"interfaces/ISubMenuProps.html#key","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2418,"kind":1024,"name":"title","url":"interfaces/ISubMenuProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2419,"kind":1024,"name":"disabled","url":"interfaces/ISubMenuProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2420,"kind":1024,"name":"overlayClassName","url":"interfaces/ISubMenuProps.html#overlayClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2421,"kind":1024,"name":"className","url":"interfaces/ISubMenuProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2422,"kind":1024,"name":"isInline","url":"interfaces/ISubMenuProps.html#isInline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2423,"kind":2048,"name":"onClick","url":"interfaces/ISubMenuProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2424,"kind":1024,"name":"specKey","url":"interfaces/ISubMenuProps.html#specKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2425,"kind":2048,"name":"onSubMenuClick","url":"interfaces/ISubMenuProps.html#onSubMenuClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2426,"kind":2048,"name":"toggleExpand","url":"interfaces/ISubMenuProps.html#toggleExpand","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2427,"kind":1024,"name":"depth","url":"interfaces/ISubMenuProps.html#depth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2428,"kind":1024,"name":"expandKeys","url":"interfaces/ISubMenuProps.html#expandKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2429,"kind":1024,"name":"inlineIndent","url":"interfaces/ISubMenuProps.html#inlineIndent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2430,"kind":1024,"name":"selectedKey","url":"interfaces/ISubMenuProps.html#selectedKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2431,"kind":2048,"name":"handleSelect","url":"interfaces/ISubMenuProps.html#handleSelect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2432,"kind":256,"name":"ISubMenuState","url":"interfaces/ISubMenuState.html","classes":"tsd-kind-interface"},{"id":2433,"kind":1024,"name":"subMenuVisible","url":"interfaces/ISubMenuState.html#subMenuVisible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuState"},{"id":2434,"kind":64,"name":"Notice","url":"modules.html#Notice","classes":"tsd-kind-function"},{"id":2435,"kind":2,"name":"Notice","url":"modules/Notice.html","classes":"tsd-kind-namespace"},{"id":2436,"kind":64,"name":"push","url":"modules/Notice.html#push","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"Notice"},{"id":2437,"kind":32,"name":"close","url":"modules/Notice.html#close","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Notice"},{"id":2438,"kind":65536,"name":"__type","url":"modules/Notice.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-namespace","parent":"Notice"},{"id":2439,"kind":256,"name":"INoticeProps","url":"interfaces/INoticeProps.html","classes":"tsd-kind-interface"},{"id":2440,"kind":1024,"name":"title","url":"interfaces/INoticeProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2441,"kind":1024,"name":"className","url":"interfaces/INoticeProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2442,"kind":1024,"name":"style","url":"interfaces/INoticeProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2443,"kind":1024,"name":"type","url":"interfaces/INoticeProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2444,"kind":1024,"name":"closable","url":"interfaces/INoticeProps.html#closable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2445,"kind":2048,"name":"onClose","url":"interfaces/INoticeProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2446,"kind":1024,"name":"autoClose","url":"interfaces/INoticeProps.html#autoClose","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2447,"kind":1024,"name":"timeout","url":"interfaces/INoticeProps.html#timeout","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2448,"kind":1024,"name":"children","url":"interfaces/INoticeProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2449,"kind":1024,"name":"position","url":"interfaces/INoticeProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2450,"kind":32,"name":"Notify","url":"modules.html#Notify","classes":"tsd-kind-variable"},{"id":2451,"kind":65536,"name":"__type","url":"modules.html#Notify.__type","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"Notify"},{"id":2452,"kind":1024,"name":"info","url":"modules.html#Notify.__type.info","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2453,"kind":65536,"name":"__type","url":"modules.html#Notify.__type.__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2454,"kind":1024,"name":"success","url":"modules.html#Notify.__type.success","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2455,"kind":65536,"name":"__type","url":"modules.html#Notify.__type.__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2456,"kind":1024,"name":"warn","url":"modules.html#Notify.__type.warn","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2457,"kind":65536,"name":"__type","url":"modules.html#Notify.__type.__type-6","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2458,"kind":1024,"name":"error","url":"modules.html#Notify.__type.error","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2459,"kind":65536,"name":"__type","url":"modules.html#Notify.__type.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2460,"kind":1024,"name":"clear","url":"modules.html#Notify.__type.clear","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2461,"kind":65536,"name":"__type","url":"modules.html#Notify.__type.__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2462,"kind":1024,"name":"config","url":"modules.html#Notify.__type.config","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2463,"kind":65536,"name":"__type","url":"modules.html#Notify.__type.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2464,"kind":256,"name":"INumberInputCommonProps","url":"interfaces/INumberInputCommonProps.html","classes":"tsd-kind-interface"},{"id":2465,"kind":1024,"name":"type","url":"interfaces/INumberInputCommonProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputCommonProps"},{"id":2466,"kind":1024,"name":"showStepper","url":"interfaces/INumberInputCommonProps.html#showStepper","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputCommonProps"},{"id":2467,"kind":1024,"name":"showCounter","url":"interfaces/INumberInputCommonProps.html#showCounter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputCommonProps"},{"id":2468,"kind":1024,"name":"step","url":"interfaces/INumberInputCommonProps.html#step","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"INumberInputCommonProps"},{"id":2469,"kind":1024,"name":"showTooltip","url":"interfaces/INumberInputCommonProps.html#showTooltip","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputCommonProps"},{"id":2470,"kind":65536,"name":"__type","url":"interfaces/INumberInputCommonProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"INumberInputCommonProps"},{"id":2471,"kind":1024,"name":"inline","url":"interfaces/INumberInputCommonProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2472,"kind":1024,"name":"icon","url":"interfaces/INumberInputCommonProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2473,"kind":1024,"name":"size","url":"interfaces/INumberInputCommonProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2474,"kind":1024,"name":"iconPosition","url":"interfaces/INumberInputCommonProps.html#iconPosition","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2475,"kind":1024,"name":"showClear","url":"interfaces/INumberInputCommonProps.html#showClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2476,"kind":1024,"name":"addonBefore","url":"interfaces/INumberInputCommonProps.html#addonBefore","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2477,"kind":1024,"name":"addonAfter","url":"interfaces/INumberInputCommonProps.html#addonAfter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2478,"kind":1024,"name":"onIconClick","url":"interfaces/INumberInputCommonProps.html#onIconClick","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2479,"kind":1024,"name":"widthSize","url":"interfaces/INumberInputCommonProps.html#widthSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2480,"kind":1024,"name":"onPressEnter","url":"interfaces/INumberInputCommonProps.html#onPressEnter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2481,"kind":1024,"name":"autoSelect","url":"interfaces/INumberInputCommonProps.html#autoSelect","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2482,"kind":1024,"name":"initSelectionStart","url":"interfaces/INumberInputCommonProps.html#initSelectionStart","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2483,"kind":1024,"name":"initSelectionEnd","url":"interfaces/INumberInputCommonProps.html#initSelectionEnd","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2484,"kind":256,"name":"INumberInputDecimalProps","url":"interfaces/INumberInputDecimalProps.html","classes":"tsd-kind-interface"},{"id":2485,"kind":1024,"name":"integer","url":"interfaces/INumberInputDecimalProps.html#integer","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalProps"},{"id":2486,"kind":1024,"name":"value","url":"interfaces/INumberInputDecimalProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalProps"},{"id":2487,"kind":2048,"name":"onChange","url":"interfaces/INumberInputDecimalProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"INumberInputDecimalProps"},{"id":2488,"kind":1024,"name":"decimal","url":"interfaces/INumberInputDecimalProps.html#decimal","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalProps"},{"id":2489,"kind":2048,"name":"onInput","url":"interfaces/INumberInputDecimalProps.html#onInput","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"INumberInputDecimalProps"},{"id":2490,"kind":1024,"name":"min","url":"interfaces/INumberInputDecimalProps.html#min","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"INumberInputDecimalProps"},{"id":2491,"kind":1024,"name":"type","url":"interfaces/INumberInputDecimalProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2492,"kind":1024,"name":"showStepper","url":"interfaces/INumberInputDecimalProps.html#showStepper","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2493,"kind":1024,"name":"showCounter","url":"interfaces/INumberInputDecimalProps.html#showCounter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2494,"kind":1024,"name":"step","url":"interfaces/INumberInputDecimalProps.html#step","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2495,"kind":1024,"name":"showTooltip","url":"interfaces/INumberInputDecimalProps.html#showTooltip","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2496,"kind":65536,"name":"__type","url":"interfaces/INumberInputDecimalProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"INumberInputDecimalProps"},{"id":2497,"kind":1024,"name":"inline","url":"interfaces/INumberInputDecimalProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2498,"kind":1024,"name":"icon","url":"interfaces/INumberInputDecimalProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2499,"kind":1024,"name":"size","url":"interfaces/INumberInputDecimalProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2500,"kind":1024,"name":"iconPosition","url":"interfaces/INumberInputDecimalProps.html#iconPosition","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2501,"kind":1024,"name":"showClear","url":"interfaces/INumberInputDecimalProps.html#showClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2502,"kind":1024,"name":"addonBefore","url":"interfaces/INumberInputDecimalProps.html#addonBefore","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2503,"kind":1024,"name":"addonAfter","url":"interfaces/INumberInputDecimalProps.html#addonAfter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2504,"kind":1024,"name":"onIconClick","url":"interfaces/INumberInputDecimalProps.html#onIconClick","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2505,"kind":1024,"name":"widthSize","url":"interfaces/INumberInputDecimalProps.html#widthSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2506,"kind":1024,"name":"onPressEnter","url":"interfaces/INumberInputDecimalProps.html#onPressEnter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2507,"kind":1024,"name":"autoSelect","url":"interfaces/INumberInputDecimalProps.html#autoSelect","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2508,"kind":1024,"name":"initSelectionStart","url":"interfaces/INumberInputDecimalProps.html#initSelectionStart","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2509,"kind":1024,"name":"initSelectionEnd","url":"interfaces/INumberInputDecimalProps.html#initSelectionEnd","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2510,"kind":256,"name":"INumberInputIntegerProps","url":"interfaces/INumberInputIntegerProps.html","classes":"tsd-kind-interface"},{"id":2511,"kind":1024,"name":"integer","url":"interfaces/INumberInputIntegerProps.html#integer","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerProps"},{"id":2512,"kind":1024,"name":"value","url":"interfaces/INumberInputIntegerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerProps"},{"id":2513,"kind":2048,"name":"onChange","url":"interfaces/INumberInputIntegerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"INumberInputIntegerProps"},{"id":2514,"kind":1024,"name":"min","url":"interfaces/INumberInputIntegerProps.html#min","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"INumberInputIntegerProps"},{"id":2515,"kind":1024,"name":"max","url":"interfaces/INumberInputIntegerProps.html#max","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"INumberInputIntegerProps"},{"id":2516,"kind":2048,"name":"onInput","url":"interfaces/INumberInputIntegerProps.html#onInput","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"INumberInputIntegerProps"},{"id":2517,"kind":1024,"name":"type","url":"interfaces/INumberInputIntegerProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2518,"kind":1024,"name":"showStepper","url":"interfaces/INumberInputIntegerProps.html#showStepper","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2519,"kind":1024,"name":"showCounter","url":"interfaces/INumberInputIntegerProps.html#showCounter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2520,"kind":1024,"name":"step","url":"interfaces/INumberInputIntegerProps.html#step","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2521,"kind":1024,"name":"showTooltip","url":"interfaces/INumberInputIntegerProps.html#showTooltip","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2522,"kind":65536,"name":"__type","url":"interfaces/INumberInputIntegerProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"INumberInputIntegerProps"},{"id":2523,"kind":1024,"name":"inline","url":"interfaces/INumberInputIntegerProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2524,"kind":1024,"name":"icon","url":"interfaces/INumberInputIntegerProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2525,"kind":1024,"name":"size","url":"interfaces/INumberInputIntegerProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2526,"kind":1024,"name":"iconPosition","url":"interfaces/INumberInputIntegerProps.html#iconPosition","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2527,"kind":1024,"name":"showClear","url":"interfaces/INumberInputIntegerProps.html#showClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2528,"kind":1024,"name":"addonBefore","url":"interfaces/INumberInputIntegerProps.html#addonBefore","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2529,"kind":1024,"name":"addonAfter","url":"interfaces/INumberInputIntegerProps.html#addonAfter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2530,"kind":1024,"name":"onIconClick","url":"interfaces/INumberInputIntegerProps.html#onIconClick","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2531,"kind":1024,"name":"widthSize","url":"interfaces/INumberInputIntegerProps.html#widthSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2532,"kind":1024,"name":"onPressEnter","url":"interfaces/INumberInputIntegerProps.html#onPressEnter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2533,"kind":1024,"name":"autoSelect","url":"interfaces/INumberInputIntegerProps.html#autoSelect","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2534,"kind":1024,"name":"initSelectionStart","url":"interfaces/INumberInputIntegerProps.html#initSelectionStart","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2535,"kind":1024,"name":"initSelectionEnd","url":"interfaces/INumberInputIntegerProps.html#initSelectionEnd","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2536,"kind":4194304,"name":"INumberInputProps","url":"modules.html#INumberInputProps","classes":"tsd-kind-type-alias"},{"id":2537,"kind":256,"name":"INumberInputIntegerState","url":"interfaces/INumberInputIntegerState.html","classes":"tsd-kind-interface"},{"id":2538,"kind":1024,"name":"prevProps","url":"interfaces/INumberInputIntegerState.html#prevProps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2539,"kind":1024,"name":"value","url":"interfaces/INumberInputIntegerState.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2540,"kind":1024,"name":"input","url":"interfaces/INumberInputIntegerState.html#input","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2541,"kind":1024,"name":"min","url":"interfaces/INumberInputIntegerState.html#min","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2542,"kind":1024,"name":"max","url":"interfaces/INumberInputIntegerState.html#max","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2543,"kind":1024,"name":"delta","url":"interfaces/INumberInputIntegerState.html#delta","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2544,"kind":1024,"name":"pop","url":"interfaces/INumberInputIntegerState.html#pop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2545,"kind":65536,"name":"__type","url":"interfaces/INumberInputIntegerState.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2546,"kind":1024,"name":"visible","url":"interfaces/INumberInputIntegerState.html#__type.visible","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"INumberInputIntegerState.__type"},{"id":2547,"kind":1024,"name":"text","url":"interfaces/INumberInputIntegerState.html#__type.text","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"INumberInputIntegerState.__type"},{"id":2548,"kind":1024,"name":"type","url":"interfaces/INumberInputIntegerState.html#__type.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"INumberInputIntegerState.__type"},{"id":2549,"kind":256,"name":"INumberInputDecimalState","url":"interfaces/INumberInputDecimalState.html","classes":"tsd-kind-interface"},{"id":2550,"kind":1024,"name":"prevProps","url":"interfaces/INumberInputDecimalState.html#prevProps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2551,"kind":1024,"name":"value","url":"interfaces/INumberInputDecimalState.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2552,"kind":1024,"name":"input","url":"interfaces/INumberInputDecimalState.html#input","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2553,"kind":1024,"name":"min","url":"interfaces/INumberInputDecimalState.html#min","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2554,"kind":1024,"name":"max","url":"interfaces/INumberInputDecimalState.html#max","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2555,"kind":1024,"name":"delta","url":"interfaces/INumberInputDecimalState.html#delta","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2556,"kind":1024,"name":"pop","url":"interfaces/INumberInputDecimalState.html#pop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2557,"kind":65536,"name":"__type","url":"interfaces/INumberInputDecimalState.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2558,"kind":1024,"name":"visible","url":"interfaces/INumberInputDecimalState.html#__type.visible","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"INumberInputDecimalState.__type"},{"id":2559,"kind":1024,"name":"text","url":"interfaces/INumberInputDecimalState.html#__type.text","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"INumberInputDecimalState.__type"},{"id":2560,"kind":1024,"name":"type","url":"interfaces/INumberInputDecimalState.html#__type.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"INumberInputDecimalState.__type"},{"id":2561,"kind":4194304,"name":"INumberInputState","url":"modules.html#INumberInputState","classes":"tsd-kind-type-alias"},{"id":2562,"kind":128,"name":"NumberInput","url":"classes/NumberInput.html","classes":"tsd-kind-class"},{"id":2563,"kind":1024,"name":"defaultProps","url":"classes/NumberInput.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"NumberInput"},{"id":2564,"kind":65536,"name":"__type","url":"classes/NumberInput.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"NumberInput"},{"id":2565,"kind":1024,"name":"integer","url":"classes/NumberInput.html#__type-1.integer","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"NumberInput.__type"},{"id":2566,"kind":1024,"name":"type","url":"classes/NumberInput.html#__type-1.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"NumberInput.__type"},{"id":2567,"kind":1024,"name":"decimal","url":"classes/NumberInput.html#__type-1.decimal","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"NumberInput.__type"},{"id":2568,"kind":1024,"name":"size","url":"classes/NumberInput.html#__type-1.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"NumberInput.__type"},{"id":2569,"kind":1024,"name":"contextType","url":"classes/NumberInput.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"NumberInput"},{"id":2570,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/NumberInput.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"NumberInput"},{"id":2571,"kind":512,"name":"constructor","url":"classes/NumberInput.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"NumberInput"},{"id":2572,"kind":1024,"name":"context","url":"classes/NumberInput.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"NumberInput"},{"id":2573,"kind":1024,"name":"focused","url":"classes/NumberInput.html#focused","classes":"tsd-kind-property tsd-parent-kind-class","parent":"NumberInput"},{"id":2574,"kind":1024,"name":"timer","url":"classes/NumberInput.html#timer","classes":"tsd-kind-property tsd-parent-kind-class","parent":"NumberInput"},{"id":2575,"kind":1024,"name":"inputRef","url":"classes/NumberInput.html#inputRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"NumberInput"},{"id":2576,"kind":2048,"name":"componentDidMount","url":"classes/NumberInput.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"NumberInput"},{"id":2577,"kind":2048,"name":"componentDidUpdate","url":"classes/NumberInput.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"NumberInput"},{"id":2578,"kind":2048,"name":"renderChild","url":"classes/NumberInput.html#renderChild","classes":"tsd-kind-method tsd-parent-kind-class","parent":"NumberInput"},{"id":2579,"kind":2048,"name":"renderInput","url":"classes/NumberInput.html#renderInput","classes":"tsd-kind-method tsd-parent-kind-class","parent":"NumberInput"},{"id":2580,"kind":2048,"name":"render","url":"classes/NumberInput.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"NumberInput"},{"id":2581,"kind":65536,"name":"__type","url":"classes/NumberInput.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"NumberInput"},{"id":2582,"kind":4194304,"name":"PaginationChangeHandler","url":"modules.html#PaginationChangeHandler","classes":"tsd-kind-type-alias"},{"id":2583,"kind":65536,"name":"__type","url":"modules.html#PaginationChangeHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"PaginationChangeHandler"},{"id":2584,"kind":256,"name":"IBasePaginationProps","url":"interfaces/IBasePaginationProps.html","classes":"tsd-kind-interface"},{"id":2585,"kind":1024,"name":"current","url":"interfaces/IBasePaginationProps.html#current","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2586,"kind":1024,"name":"pageSize","url":"interfaces/IBasePaginationProps.html#pageSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2587,"kind":1024,"name":"total","url":"interfaces/IBasePaginationProps.html#total","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2588,"kind":2048,"name":"formatTotal","url":"interfaces/IBasePaginationProps.html#formatTotal","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2589,"kind":1024,"name":"onChange","url":"interfaces/IBasePaginationProps.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2590,"kind":1024,"name":"lastPageHelp","url":"interfaces/IBasePaginationProps.html#lastPageHelp","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2591,"kind":1024,"name":"totalItem","url":"interfaces/IBasePaginationProps.html#totalItem","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2592,"kind":1024,"name":"className","url":"interfaces/IBasePaginationProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2593,"kind":256,"name":"IPaginationLayoutOptions","url":"interfaces/IPaginationLayoutOptions.html","classes":"tsd-kind-interface"},{"id":2594,"kind":1024,"name":"current","url":"interfaces/IPaginationLayoutOptions.html#current","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPaginationLayoutOptions"},{"id":2595,"kind":1024,"name":"total","url":"interfaces/IPaginationLayoutOptions.html#total","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPaginationLayoutOptions"},{"id":2596,"kind":1024,"name":"pageSize","url":"interfaces/IPaginationLayoutOptions.html#pageSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPaginationLayoutOptions"},{"id":2597,"kind":4194304,"name":"PaginationLayoutFunction","url":"modules.html#PaginationLayoutFunction","classes":"tsd-kind-type-alias"},{"id":2598,"kind":65536,"name":"__type","url":"modules.html#PaginationLayoutFunction.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"PaginationLayoutFunction"},{"id":2599,"kind":128,"name":"BasePagination","url":"classes/BasePagination.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":2600,"kind":512,"name":"constructor","url":"classes/BasePagination.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"BasePagination"},{"id":2601,"kind":1024,"name":"name","url":"classes/BasePagination.html#name","classes":"tsd-kind-property tsd-parent-kind-class","parent":"BasePagination"},{"id":2602,"kind":1024,"name":"layoutFn","url":"classes/BasePagination.html#layoutFn","classes":"tsd-kind-property tsd-parent-kind-class","parent":"BasePagination"},{"id":2603,"kind":1024,"name":"getLayout","url":"classes/BasePagination.html#getLayout","classes":"tsd-kind-property tsd-parent-kind-class","parent":"BasePagination"},{"id":2604,"kind":65536,"name":"__type","url":"classes/BasePagination.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"BasePagination"},{"id":2605,"kind":2048,"name":"shouldUpdateLayout","url":"classes/BasePagination.html#shouldUpdateLayout","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasePagination"},{"id":2606,"kind":2048,"name":"getLayoutOptions","url":"classes/BasePagination.html#getLayoutOptions","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasePagination"},{"id":2607,"kind":2048,"name":"onPageChange","url":"classes/BasePagination.html#onPageChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasePagination"},{"id":2608,"kind":2048,"name":"onPageSizeChange","url":"classes/BasePagination.html#onPageSizeChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasePagination"},{"id":2609,"kind":2048,"name":"getTotalPages","url":"classes/BasePagination.html#getTotalPages","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasePagination"},{"id":2610,"kind":2048,"name":"getTotal","url":"classes/BasePagination.html#getTotal","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasePagination"},{"id":2611,"kind":65536,"name":"__type","url":"classes/BasePagination.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"BasePagination"},{"id":2612,"kind":128,"name":"Pagination","url":"classes/Pagination.html","classes":"tsd-kind-class"},{"id":2613,"kind":1024,"name":"defaultProps","url":"classes/Pagination.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Pagination"},{"id":2614,"kind":65536,"name":"__type","url":"classes/Pagination.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Pagination"},{"id":2615,"kind":1024,"name":"current","url":"classes/Pagination.html#__type-2.current","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pagination.__type"},{"id":2616,"kind":1024,"name":"pageSize","url":"classes/Pagination.html#__type-2.pageSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pagination.__type"},{"id":2617,"kind":1024,"name":"buttonBordered","url":"classes/Pagination.html#__type-2.buttonBordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pagination.__type"},{"id":2618,"kind":1024,"name":"showQuickJumper","url":"classes/Pagination.html#__type-2.showQuickJumper","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pagination.__type"},{"id":2619,"kind":1024,"name":"showSizeChanger","url":"classes/Pagination.html#__type-2.showSizeChanger","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pagination.__type"},{"id":2620,"kind":512,"name":"constructor","url":"classes/Pagination.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2621,"kind":262144,"name":"name","url":"classes/Pagination.html#name","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Pagination"},{"id":2622,"kind":262144,"name":"layoutFn","url":"classes/Pagination.html#layoutFn","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Pagination"},{"id":2623,"kind":2048,"name":"render","url":"classes/Pagination.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2624,"kind":1024,"name":"getLayout","url":"classes/Pagination.html#getLayout","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2625,"kind":65536,"name":"__type","url":"classes/Pagination.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Pagination"},{"id":2626,"kind":2048,"name":"shouldUpdateLayout","url":"classes/Pagination.html#shouldUpdateLayout","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2627,"kind":2048,"name":"getLayoutOptions","url":"classes/Pagination.html#getLayoutOptions","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2628,"kind":2048,"name":"onPageChange","url":"classes/Pagination.html#onPageChange","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2629,"kind":2048,"name":"onPageSizeChange","url":"classes/Pagination.html#onPageSizeChange","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2630,"kind":2048,"name":"getTotalPages","url":"classes/Pagination.html#getTotalPages","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2631,"kind":2048,"name":"getTotal","url":"classes/Pagination.html#getTotal","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2632,"kind":65536,"name":"__type","url":"classes/Pagination.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Pagination"},{"id":2633,"kind":128,"name":"LitePagination","url":"classes/LitePagination.html","classes":"tsd-kind-class"},{"id":2634,"kind":1024,"name":"defaultProps","url":"classes/LitePagination.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"LitePagination"},{"id":2635,"kind":65536,"name":"__type","url":"classes/LitePagination.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LitePagination"},{"id":2636,"kind":1024,"name":"current","url":"classes/LitePagination.html#__type-2.current","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LitePagination.__type"},{"id":2637,"kind":1024,"name":"pageSize","url":"classes/LitePagination.html#__type-2.pageSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LitePagination.__type"},{"id":2638,"kind":1024,"name":"buttonBordered","url":"classes/LitePagination.html#__type-2.buttonBordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LitePagination.__type"},{"id":2639,"kind":1024,"name":"showQuickJumper","url":"classes/LitePagination.html#__type-2.showQuickJumper","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LitePagination.__type"},{"id":2640,"kind":1024,"name":"showSizeChanger","url":"classes/LitePagination.html#__type-2.showSizeChanger","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LitePagination.__type"},{"id":2641,"kind":512,"name":"constructor","url":"classes/LitePagination.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2642,"kind":262144,"name":"name","url":"classes/LitePagination.html#name","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"LitePagination"},{"id":2643,"kind":262144,"name":"layoutFn","url":"classes/LitePagination.html#layoutFn","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"LitePagination"},{"id":2644,"kind":2048,"name":"render","url":"classes/LitePagination.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2645,"kind":1024,"name":"getLayout","url":"classes/LitePagination.html#getLayout","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2646,"kind":65536,"name":"__type","url":"classes/LitePagination.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LitePagination"},{"id":2647,"kind":2048,"name":"shouldUpdateLayout","url":"classes/LitePagination.html#shouldUpdateLayout","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2648,"kind":2048,"name":"getLayoutOptions","url":"classes/LitePagination.html#getLayoutOptions","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2649,"kind":2048,"name":"onPageChange","url":"classes/LitePagination.html#onPageChange","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2650,"kind":2048,"name":"onPageSizeChange","url":"classes/LitePagination.html#onPageSizeChange","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2651,"kind":2048,"name":"getTotalPages","url":"classes/LitePagination.html#getTotalPages","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2652,"kind":2048,"name":"getTotal","url":"classes/LitePagination.html#getTotal","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2653,"kind":65536,"name":"__type","url":"classes/LitePagination.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LitePagination"},{"id":2654,"kind":256,"name":"IMiniPaginationProps","url":"interfaces/IMiniPaginationProps.html","classes":"tsd-kind-interface"},{"id":2655,"kind":1024,"name":"buttonBordered","url":"interfaces/IMiniPaginationProps.html#buttonBordered","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMiniPaginationProps"},{"id":2656,"kind":1024,"name":"current","url":"interfaces/IMiniPaginationProps.html#current","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2657,"kind":1024,"name":"pageSize","url":"interfaces/IMiniPaginationProps.html#pageSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2658,"kind":1024,"name":"total","url":"interfaces/IMiniPaginationProps.html#total","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2659,"kind":2048,"name":"formatTotal","url":"interfaces/IMiniPaginationProps.html#formatTotal","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2660,"kind":1024,"name":"onChange","url":"interfaces/IMiniPaginationProps.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2661,"kind":1024,"name":"lastPageHelp","url":"interfaces/IMiniPaginationProps.html#lastPageHelp","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2662,"kind":1024,"name":"totalItem","url":"interfaces/IMiniPaginationProps.html#totalItem","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2663,"kind":1024,"name":"className","url":"interfaces/IMiniPaginationProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2664,"kind":128,"name":"MiniPagination","url":"classes/MiniPagination.html","classes":"tsd-kind-class"},{"id":2665,"kind":1024,"name":"defaultProps","url":"classes/MiniPagination.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"MiniPagination"},{"id":2666,"kind":65536,"name":"__type","url":"classes/MiniPagination.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"MiniPagination"},{"id":2667,"kind":1024,"name":"current","url":"classes/MiniPagination.html#__type-2.current","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MiniPagination.__type"},{"id":2668,"kind":1024,"name":"pageSize","url":"classes/MiniPagination.html#__type-2.pageSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MiniPagination.__type"},{"id":2669,"kind":1024,"name":"buttonBordered","url":"classes/MiniPagination.html#__type-2.buttonBordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MiniPagination.__type"},{"id":2670,"kind":512,"name":"constructor","url":"classes/MiniPagination.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2671,"kind":262144,"name":"name","url":"classes/MiniPagination.html#name","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2672,"kind":262144,"name":"layoutFn","url":"classes/MiniPagination.html#layoutFn","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2673,"kind":2048,"name":"render","url":"classes/MiniPagination.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"MiniPagination"},{"id":2674,"kind":1024,"name":"getLayout","url":"classes/MiniPagination.html#getLayout","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2675,"kind":65536,"name":"__type","url":"classes/MiniPagination.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"MiniPagination"},{"id":2676,"kind":2048,"name":"shouldUpdateLayout","url":"classes/MiniPagination.html#shouldUpdateLayout","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2677,"kind":2048,"name":"getLayoutOptions","url":"classes/MiniPagination.html#getLayoutOptions","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2678,"kind":2048,"name":"onPageChange","url":"classes/MiniPagination.html#onPageChange","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2679,"kind":2048,"name":"onPageSizeChange","url":"classes/MiniPagination.html#onPageSizeChange","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2680,"kind":2048,"name":"getTotalPages","url":"classes/MiniPagination.html#getTotalPages","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2681,"kind":2048,"name":"getTotal","url":"classes/MiniPagination.html#getTotal","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2682,"kind":65536,"name":"__type","url":"classes/MiniPagination.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"MiniPagination"},{"id":2683,"kind":32,"name":"Placeholder","url":"modules.html#Placeholder","classes":"tsd-kind-variable"},{"id":2684,"kind":65536,"name":"__type","url":"modules.html#Placeholder.__type","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"Placeholder"},{"id":2685,"kind":1024,"name":"TextRow","url":"modules.html#Placeholder.__type.TextRow","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Placeholder.__type"},{"id":2686,"kind":1024,"name":"TextRowDashed","url":"modules.html#Placeholder.__type.TextRowDashed","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Placeholder.__type"},{"id":2687,"kind":1024,"name":"Circle","url":"modules.html#Placeholder.__type.Circle","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Placeholder.__type"},{"id":2688,"kind":1024,"name":"Rectangle","url":"modules.html#Placeholder.__type.Rectangle","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Placeholder.__type"},{"id":2689,"kind":1024,"name":"TextBlock","url":"modules.html#Placeholder.__type.TextBlock","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Placeholder.__type"},{"id":2690,"kind":1024,"name":"RichTextBlock","url":"modules.html#Placeholder.__type.RichTextBlock","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Placeholder.__type"},{"id":2691,"kind":256,"name":"IPlaceholderTextRowProps","url":"interfaces/IPlaceholderTextRowProps.html","classes":"tsd-kind-interface"},{"id":2692,"kind":1024,"name":"className","url":"interfaces/IPlaceholderTextRowProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowProps"},{"id":2693,"kind":1024,"name":"style","url":"interfaces/IPlaceholderTextRowProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowProps"},{"id":2694,"kind":1024,"name":"animate","url":"interfaces/IPlaceholderTextRowProps.html#animate","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowProps"},{"id":2695,"kind":1024,"name":"lineSpacing","url":"interfaces/IPlaceholderTextRowProps.html#lineSpacing","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowProps"},{"id":2696,"kind":256,"name":"IPlaceholderTextRowDashedProps","url":"interfaces/IPlaceholderTextRowDashedProps.html","classes":"tsd-kind-interface"},{"id":2697,"kind":1024,"name":"className","url":"interfaces/IPlaceholderTextRowDashedProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowDashedProps"},{"id":2698,"kind":1024,"name":"style","url":"interfaces/IPlaceholderTextRowDashedProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowDashedProps"},{"id":2699,"kind":1024,"name":"lineSpacing","url":"interfaces/IPlaceholderTextRowDashedProps.html#lineSpacing","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowDashedProps"},{"id":2700,"kind":1024,"name":"animate","url":"interfaces/IPlaceholderTextRowDashedProps.html#animate","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowDashedProps"},{"id":2701,"kind":1024,"name":"segments","url":"interfaces/IPlaceholderTextRowDashedProps.html#segments","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowDashedProps"},{"id":2702,"kind":256,"name":"IPlaceholderTextRowDashedState","url":"interfaces/IPlaceholderTextRowDashedState.html","classes":"tsd-kind-interface"},{"id":2703,"kind":1024,"name":"segments","url":"interfaces/IPlaceholderTextRowDashedState.html#segments","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowDashedState"},{"id":2704,"kind":256,"name":"IPlaceholderCicleProps","url":"interfaces/IPlaceholderCicleProps.html","classes":"tsd-kind-interface"},{"id":2705,"kind":1024,"name":"diameter","url":"interfaces/IPlaceholderCicleProps.html#diameter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderCicleProps"},{"id":2706,"kind":1024,"name":"className","url":"interfaces/IPlaceholderCicleProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPlaceholderCicleProps"},{"id":2707,"kind":1024,"name":"style","url":"interfaces/IPlaceholderCicleProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPlaceholderCicleProps"},{"id":2708,"kind":1024,"name":"animate","url":"interfaces/IPlaceholderCicleProps.html#animate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPlaceholderCicleProps"},{"id":2709,"kind":256,"name":"IPlaceholderRectangleProps","url":"interfaces/IPlaceholderRectangleProps.html","classes":"tsd-kind-interface"},{"id":2710,"kind":1024,"name":"width","url":"interfaces/IPlaceholderRectangleProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRectangleProps"},{"id":2711,"kind":1024,"name":"height","url":"interfaces/IPlaceholderRectangleProps.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRectangleProps"},{"id":2712,"kind":1024,"name":"className","url":"interfaces/IPlaceholderRectangleProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPlaceholderRectangleProps"},{"id":2713,"kind":1024,"name":"style","url":"interfaces/IPlaceholderRectangleProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPlaceholderRectangleProps"},{"id":2714,"kind":1024,"name":"animate","url":"interfaces/IPlaceholderRectangleProps.html#animate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPlaceholderRectangleProps"},{"id":2715,"kind":256,"name":"IPlaceholderTextBlockProps","url":"interfaces/IPlaceholderTextBlockProps.html","classes":"tsd-kind-interface"},{"id":2716,"kind":1024,"name":"rows","url":"interfaces/IPlaceholderTextBlockProps.html#rows","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2717,"kind":1024,"name":"lineSpacing","url":"interfaces/IPlaceholderTextBlockProps.html#lineSpacing","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2718,"kind":1024,"name":"widths","url":"interfaces/IPlaceholderTextBlockProps.html#widths","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2719,"kind":1024,"name":"dashSegments","url":"interfaces/IPlaceholderTextBlockProps.html#dashSegments","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2720,"kind":1024,"name":"animate","url":"interfaces/IPlaceholderTextBlockProps.html#animate","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2721,"kind":1024,"name":"dashed","url":"interfaces/IPlaceholderTextBlockProps.html#dashed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2722,"kind":1024,"name":"style","url":"interfaces/IPlaceholderTextBlockProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2723,"kind":1024,"name":"className","url":"interfaces/IPlaceholderTextBlockProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2724,"kind":256,"name":"IPlaceholderRichTextBlock","url":"interfaces/IPlaceholderRichTextBlock.html","classes":"tsd-kind-interface"},{"id":2725,"kind":1024,"name":"className","url":"interfaces/IPlaceholderRichTextBlock.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2726,"kind":1024,"name":"style","url":"interfaces/IPlaceholderRichTextBlock.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2727,"kind":1024,"name":"rows","url":"interfaces/IPlaceholderRichTextBlock.html#rows","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2728,"kind":1024,"name":"shape","url":"interfaces/IPlaceholderRichTextBlock.html#shape","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2729,"kind":1024,"name":"size","url":"interfaces/IPlaceholderRichTextBlock.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2730,"kind":1024,"name":"animate","url":"interfaces/IPlaceholderRichTextBlock.html#animate","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2731,"kind":1024,"name":"dashed","url":"interfaces/IPlaceholderRichTextBlock.html#dashed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2732,"kind":1024,"name":"widths","url":"interfaces/IPlaceholderRichTextBlock.html#widths","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2733,"kind":1024,"name":"dashSegments","url":"interfaces/IPlaceholderRichTextBlock.html#dashSegments","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2734,"kind":1024,"name":"lineSpacing","url":"interfaces/IPlaceholderRichTextBlock.html#lineSpacing","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2735,"kind":256,"name":"IPopNoneTriggerProps","url":"interfaces/IPopNoneTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2736,"kind":1024,"name":"trigger","url":"interfaces/IPopNoneTriggerProps.html#trigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopNoneTriggerProps"},{"id":2737,"kind":1024,"name":"children","url":"interfaces/IPopNoneTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2738,"kind":1024,"name":"content","url":"interfaces/IPopNoneTriggerProps.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2739,"kind":1024,"name":"position","url":"interfaces/IPopNoneTriggerProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2740,"kind":1024,"name":"cushion","url":"interfaces/IPopNoneTriggerProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2741,"kind":1024,"name":"centerArrow","url":"interfaces/IPopNoneTriggerProps.html#centerArrow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2742,"kind":1024,"name":"header","url":"interfaces/IPopNoneTriggerProps.html#header","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2743,"kind":2048,"name":"onShow","url":"interfaces/IPopNoneTriggerProps.html#onShow","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2744,"kind":2048,"name":"onClose","url":"interfaces/IPopNoneTriggerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2745,"kind":1024,"name":"onBeforeShow","url":"interfaces/IPopNoneTriggerProps.html#onBeforeShow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2746,"kind":1024,"name":"onBeforeClose","url":"interfaces/IPopNoneTriggerProps.html#onBeforeClose","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2747,"kind":1024,"name":"type","url":"interfaces/IPopNoneTriggerProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2748,"kind":1024,"name":"visible","url":"interfaces/IPopNoneTriggerProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2749,"kind":2048,"name":"onVisibleChange","url":"interfaces/IPopNoneTriggerProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2750,"kind":2048,"name":"onPositionUpdated","url":"interfaces/IPopNoneTriggerProps.html#onPositionUpdated","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2751,"kind":2048,"name":"onPositionReady","url":"interfaces/IPopNoneTriggerProps.html#onPositionReady","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2752,"kind":1024,"name":"className","url":"interfaces/IPopNoneTriggerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2753,"kind":1024,"name":"style","url":"interfaces/IPopNoneTriggerProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2754,"kind":1024,"name":"containerSelector","url":"interfaces/IPopNoneTriggerProps.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2755,"kind":1024,"name":"onConfirm","url":"interfaces/IPopNoneTriggerProps.html#onConfirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2756,"kind":1024,"name":"onCancel","url":"interfaces/IPopNoneTriggerProps.html#onCancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2757,"kind":1024,"name":"confirmText","url":"interfaces/IPopNoneTriggerProps.html#confirmText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2758,"kind":1024,"name":"cancelText","url":"interfaces/IPopNoneTriggerProps.html#cancelText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2759,"kind":256,"name":"IPopClickTriggerProps","url":"interfaces/IPopClickTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2760,"kind":1024,"name":"trigger","url":"interfaces/IPopClickTriggerProps.html#trigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopClickTriggerProps"},{"id":2761,"kind":1024,"name":"closeOnClickOutside","url":"interfaces/IPopClickTriggerProps.html#closeOnClickOutside","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2762,"kind":1024,"name":"toggle","url":"interfaces/IPopClickTriggerProps.html#toggle","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2763,"kind":1024,"name":"getElement","url":"interfaces/IPopClickTriggerProps.html#getElement","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2764,"kind":1024,"name":"children","url":"interfaces/IPopClickTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2765,"kind":1024,"name":"content","url":"interfaces/IPopClickTriggerProps.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2766,"kind":1024,"name":"position","url":"interfaces/IPopClickTriggerProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2767,"kind":1024,"name":"cushion","url":"interfaces/IPopClickTriggerProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2768,"kind":1024,"name":"centerArrow","url":"interfaces/IPopClickTriggerProps.html#centerArrow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2769,"kind":1024,"name":"header","url":"interfaces/IPopClickTriggerProps.html#header","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2770,"kind":2048,"name":"onShow","url":"interfaces/IPopClickTriggerProps.html#onShow","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2771,"kind":2048,"name":"onClose","url":"interfaces/IPopClickTriggerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2772,"kind":1024,"name":"onBeforeShow","url":"interfaces/IPopClickTriggerProps.html#onBeforeShow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2773,"kind":1024,"name":"onBeforeClose","url":"interfaces/IPopClickTriggerProps.html#onBeforeClose","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2774,"kind":1024,"name":"type","url":"interfaces/IPopClickTriggerProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2775,"kind":1024,"name":"visible","url":"interfaces/IPopClickTriggerProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2776,"kind":2048,"name":"onVisibleChange","url":"interfaces/IPopClickTriggerProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2777,"kind":2048,"name":"onPositionUpdated","url":"interfaces/IPopClickTriggerProps.html#onPositionUpdated","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2778,"kind":2048,"name":"onPositionReady","url":"interfaces/IPopClickTriggerProps.html#onPositionReady","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2779,"kind":1024,"name":"className","url":"interfaces/IPopClickTriggerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2780,"kind":1024,"name":"style","url":"interfaces/IPopClickTriggerProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2781,"kind":1024,"name":"containerSelector","url":"interfaces/IPopClickTriggerProps.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2782,"kind":1024,"name":"onConfirm","url":"interfaces/IPopClickTriggerProps.html#onConfirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2783,"kind":1024,"name":"onCancel","url":"interfaces/IPopClickTriggerProps.html#onCancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2784,"kind":1024,"name":"confirmText","url":"interfaces/IPopClickTriggerProps.html#confirmText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2785,"kind":1024,"name":"cancelText","url":"interfaces/IPopClickTriggerProps.html#cancelText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2786,"kind":256,"name":"IPopHoverTriggerProps","url":"interfaces/IPopHoverTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2787,"kind":1024,"name":"trigger","url":"interfaces/IPopHoverTriggerProps.html#trigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopHoverTriggerProps"},{"id":2788,"kind":1024,"name":"mouseEnterDelay","url":"interfaces/IPopHoverTriggerProps.html#mouseEnterDelay","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopHoverTriggerProps"},{"id":2789,"kind":1024,"name":"mouseLeaveDelay","url":"interfaces/IPopHoverTriggerProps.html#mouseLeaveDelay","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopHoverTriggerProps"},{"id":2790,"kind":1024,"name":"fixMouseEventsOnDisabledChildren","url":"interfaces/IPopHoverTriggerProps.html#fixMouseEventsOnDisabledChildren","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IPopHoverTriggerProps"},{"id":2791,"kind":1024,"name":"hideDelay","url":"interfaces/IPopHoverTriggerProps.html#hideDelay","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2792,"kind":1024,"name":"showDelay","url":"interfaces/IPopHoverTriggerProps.html#showDelay","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2793,"kind":1024,"name":"anchorOnly","url":"interfaces/IPopHoverTriggerProps.html#anchorOnly","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2794,"kind":1024,"name":"getElement","url":"interfaces/IPopHoverTriggerProps.html#getElement","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2795,"kind":1024,"name":"children","url":"interfaces/IPopHoverTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2796,"kind":1024,"name":"content","url":"interfaces/IPopHoverTriggerProps.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2797,"kind":1024,"name":"position","url":"interfaces/IPopHoverTriggerProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2798,"kind":1024,"name":"cushion","url":"interfaces/IPopHoverTriggerProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2799,"kind":1024,"name":"centerArrow","url":"interfaces/IPopHoverTriggerProps.html#centerArrow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2800,"kind":1024,"name":"header","url":"interfaces/IPopHoverTriggerProps.html#header","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2801,"kind":2048,"name":"onShow","url":"interfaces/IPopHoverTriggerProps.html#onShow","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2802,"kind":2048,"name":"onClose","url":"interfaces/IPopHoverTriggerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2803,"kind":1024,"name":"onBeforeShow","url":"interfaces/IPopHoverTriggerProps.html#onBeforeShow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2804,"kind":1024,"name":"onBeforeClose","url":"interfaces/IPopHoverTriggerProps.html#onBeforeClose","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2805,"kind":1024,"name":"type","url":"interfaces/IPopHoverTriggerProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2806,"kind":1024,"name":"visible","url":"interfaces/IPopHoverTriggerProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2807,"kind":2048,"name":"onVisibleChange","url":"interfaces/IPopHoverTriggerProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2808,"kind":2048,"name":"onPositionUpdated","url":"interfaces/IPopHoverTriggerProps.html#onPositionUpdated","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2809,"kind":2048,"name":"onPositionReady","url":"interfaces/IPopHoverTriggerProps.html#onPositionReady","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2810,"kind":1024,"name":"className","url":"interfaces/IPopHoverTriggerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2811,"kind":1024,"name":"style","url":"interfaces/IPopHoverTriggerProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2812,"kind":1024,"name":"containerSelector","url":"interfaces/IPopHoverTriggerProps.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2813,"kind":1024,"name":"onConfirm","url":"interfaces/IPopHoverTriggerProps.html#onConfirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2814,"kind":1024,"name":"onCancel","url":"interfaces/IPopHoverTriggerProps.html#onCancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2815,"kind":1024,"name":"confirmText","url":"interfaces/IPopHoverTriggerProps.html#confirmText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2816,"kind":1024,"name":"cancelText","url":"interfaces/IPopHoverTriggerProps.html#cancelText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2817,"kind":256,"name":"IPopFocusTriggerProps","url":"interfaces/IPopFocusTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2818,"kind":1024,"name":"trigger","url":"interfaces/IPopFocusTriggerProps.html#trigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopFocusTriggerProps"},{"id":2819,"kind":1024,"name":"getElement","url":"interfaces/IPopFocusTriggerProps.html#getElement","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2820,"kind":1024,"name":"children","url":"interfaces/IPopFocusTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2821,"kind":1024,"name":"content","url":"interfaces/IPopFocusTriggerProps.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2822,"kind":1024,"name":"position","url":"interfaces/IPopFocusTriggerProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2823,"kind":1024,"name":"cushion","url":"interfaces/IPopFocusTriggerProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2824,"kind":1024,"name":"centerArrow","url":"interfaces/IPopFocusTriggerProps.html#centerArrow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2825,"kind":1024,"name":"header","url":"interfaces/IPopFocusTriggerProps.html#header","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2826,"kind":2048,"name":"onShow","url":"interfaces/IPopFocusTriggerProps.html#onShow","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2827,"kind":2048,"name":"onClose","url":"interfaces/IPopFocusTriggerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2828,"kind":1024,"name":"onBeforeShow","url":"interfaces/IPopFocusTriggerProps.html#onBeforeShow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2829,"kind":1024,"name":"onBeforeClose","url":"interfaces/IPopFocusTriggerProps.html#onBeforeClose","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2830,"kind":1024,"name":"type","url":"interfaces/IPopFocusTriggerProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2831,"kind":1024,"name":"visible","url":"interfaces/IPopFocusTriggerProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2832,"kind":2048,"name":"onVisibleChange","url":"interfaces/IPopFocusTriggerProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2833,"kind":2048,"name":"onPositionUpdated","url":"interfaces/IPopFocusTriggerProps.html#onPositionUpdated","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2834,"kind":2048,"name":"onPositionReady","url":"interfaces/IPopFocusTriggerProps.html#onPositionReady","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2835,"kind":1024,"name":"className","url":"interfaces/IPopFocusTriggerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2836,"kind":1024,"name":"style","url":"interfaces/IPopFocusTriggerProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2837,"kind":1024,"name":"containerSelector","url":"interfaces/IPopFocusTriggerProps.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2838,"kind":1024,"name":"onConfirm","url":"interfaces/IPopFocusTriggerProps.html#onConfirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2839,"kind":1024,"name":"onCancel","url":"interfaces/IPopFocusTriggerProps.html#onCancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2840,"kind":1024,"name":"confirmText","url":"interfaces/IPopFocusTriggerProps.html#confirmText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2841,"kind":1024,"name":"cancelText","url":"interfaces/IPopFocusTriggerProps.html#cancelText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2842,"kind":4194304,"name":"PopPositions","url":"modules.html#PopPositions","classes":"tsd-kind-type-alias"},{"id":2843,"kind":256,"name":"IPopCommonProps","url":"interfaces/IPopCommonProps.html","classes":"tsd-kind-interface"},{"id":2844,"kind":1024,"name":"content","url":"interfaces/IPopCommonProps.html#content","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2845,"kind":1024,"name":"position","url":"interfaces/IPopCommonProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2846,"kind":1024,"name":"cushion","url":"interfaces/IPopCommonProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2847,"kind":1024,"name":"centerArrow","url":"interfaces/IPopCommonProps.html#centerArrow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2848,"kind":1024,"name":"header","url":"interfaces/IPopCommonProps.html#header","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2849,"kind":2048,"name":"onShow","url":"interfaces/IPopCommonProps.html#onShow","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2850,"kind":2048,"name":"onClose","url":"interfaces/IPopCommonProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2851,"kind":1024,"name":"onBeforeShow","url":"interfaces/IPopCommonProps.html#onBeforeShow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2852,"kind":1024,"name":"onBeforeClose","url":"interfaces/IPopCommonProps.html#onBeforeClose","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2853,"kind":1024,"name":"type","url":"interfaces/IPopCommonProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2854,"kind":1024,"name":"visible","url":"interfaces/IPopCommonProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2855,"kind":2048,"name":"onVisibleChange","url":"interfaces/IPopCommonProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2856,"kind":2048,"name":"onPositionUpdated","url":"interfaces/IPopCommonProps.html#onPositionUpdated","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2857,"kind":2048,"name":"onPositionReady","url":"interfaces/IPopCommonProps.html#onPositionReady","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2858,"kind":1024,"name":"className","url":"interfaces/IPopCommonProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2859,"kind":1024,"name":"style","url":"interfaces/IPopCommonProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2860,"kind":1024,"name":"containerSelector","url":"interfaces/IPopCommonProps.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2861,"kind":1024,"name":"onConfirm","url":"interfaces/IPopCommonProps.html#onConfirm","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2862,"kind":1024,"name":"onCancel","url":"interfaces/IPopCommonProps.html#onCancel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2863,"kind":1024,"name":"confirmText","url":"interfaces/IPopCommonProps.html#confirmText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2864,"kind":1024,"name":"cancelText","url":"interfaces/IPopCommonProps.html#cancelText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2865,"kind":4194304,"name":"IPopProps","url":"modules.html#IPopProps","classes":"tsd-kind-type-alias"},{"id":2866,"kind":256,"name":"IPopState","url":"interfaces/IPopState.html","classes":"tsd-kind-interface"},{"id":2867,"kind":1024,"name":"confirmPending","url":"interfaces/IPopState.html#confirmPending","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopState"},{"id":2868,"kind":1024,"name":"cancelPending","url":"interfaces/IPopState.html#cancelPending","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopState"},{"id":2869,"kind":128,"name":"Pop","url":"classes/Pop.html","classes":"tsd-kind-class"},{"id":2870,"kind":1024,"name":"defaultProps","url":"classes/Pop.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Pop"},{"id":2871,"kind":65536,"name":"__type","url":"classes/Pop.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Pop"},{"id":2872,"kind":1024,"name":"trigger","url":"classes/Pop.html#__type-2.trigger","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2873,"kind":1024,"name":"position","url":"classes/Pop.html#__type-2.position","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2874,"kind":1024,"name":"cushion","url":"classes/Pop.html#__type-2.cushion","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2875,"kind":1024,"name":"type","url":"classes/Pop.html#__type-2.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2876,"kind":1024,"name":"mouseLeaveDelay","url":"classes/Pop.html#__type-2.mouseLeaveDelay","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2877,"kind":1024,"name":"mouseEnterDelay","url":"classes/Pop.html#__type-2.mouseEnterDelay","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2878,"kind":1024,"name":"containerSelector","url":"classes/Pop.html#__type-2.containerSelector","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2879,"kind":1024,"name":"withPop","url":"classes/Pop.html#withPop","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Pop"},{"id":2880,"kind":65536,"name":"__type","url":"classes/Pop.html#__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Pop"},{"id":2881,"kind":512,"name":"constructor","url":"classes/Pop.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Pop"},{"id":2882,"kind":1024,"name":"state","url":"classes/Pop.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Pop"},{"id":2883,"kind":65536,"name":"__type","url":"classes/Pop.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Pop"},{"id":2884,"kind":1024,"name":"confirmPending","url":"classes/Pop.html#__type-1.confirmPending","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2885,"kind":1024,"name":"cancelPending","url":"classes/Pop.html#__type-1.cancelPending","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2886,"kind":2048,"name":"changePending","url":"classes/Pop.html#changePending","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Pop"},{"id":2887,"kind":2048,"name":"adjustPosition","url":"classes/Pop.html#adjustPosition","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Pop"},{"id":2888,"kind":2048,"name":"getWrappedPopover","url":"classes/Pop.html#getWrappedPopover","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Pop"},{"id":2889,"kind":2048,"name":"renderTrigger","url":"classes/Pop.html#renderTrigger","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Pop"},{"id":2890,"kind":2048,"name":"componentWillUnmount","url":"classes/Pop.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Pop"},{"id":2891,"kind":2048,"name":"render","url":"classes/Pop.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Pop"},{"id":2892,"kind":65536,"name":"__type","url":"classes/Pop.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Pop"},{"id":2893,"kind":256,"name":"IPopoverBeforeHook","url":"interfaces/IPopoverBeforeHook.html","classes":"tsd-kind-interface"},{"id":2894,"kind":256,"name":"IPopoverProps","url":"interfaces/IPopoverProps.html","classes":"tsd-kind-interface"},{"id":2895,"kind":1024,"name":"position","url":"interfaces/IPopoverProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2896,"kind":1024,"name":"cushion","url":"interfaces/IPopoverProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2897,"kind":2048,"name":"onShow","url":"interfaces/IPopoverProps.html#onShow","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2898,"kind":2048,"name":"onClose","url":"interfaces/IPopoverProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2899,"kind":1024,"name":"onBeforeShow","url":"interfaces/IPopoverProps.html#onBeforeShow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2900,"kind":1024,"name":"onBeforeClose","url":"interfaces/IPopoverProps.html#onBeforeClose","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2901,"kind":1024,"name":"containerSelector","url":"interfaces/IPopoverProps.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2902,"kind":1024,"name":"visible","url":"interfaces/IPopoverProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2903,"kind":2048,"name":"onVisibleChange","url":"interfaces/IPopoverProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2904,"kind":2048,"name":"onPositionUpdated","url":"interfaces/IPopoverProps.html#onPositionUpdated","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2905,"kind":2048,"name":"onPositionReady","url":"interfaces/IPopoverProps.html#onPositionReady","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2906,"kind":1024,"name":"className","url":"interfaces/IPopoverProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2907,"kind":1024,"name":"style","url":"interfaces/IPopoverProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2908,"kind":256,"name":"IPopoverState","url":"interfaces/IPopoverState.html","classes":"tsd-kind-interface"},{"id":2909,"kind":1024,"name":"visible","url":"interfaces/IPopoverState.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverState"},{"id":2910,"kind":128,"name":"Popover","url":"classes/Popover.html","classes":"tsd-kind-class"},{"id":2911,"kind":1024,"name":"contextType","url":"classes/Popover.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Popover"},{"id":2912,"kind":1024,"name":"defaultProps","url":"classes/Popover.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2913,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-8","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Popover"},{"id":2914,"kind":1024,"name":"cushion","url":"classes/Popover.html#__type-8.cushion","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Popover.__type"},{"id":2915,"kind":1024,"name":"containerSelector","url":"classes/Popover.html#__type-8.containerSelector","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Popover.__type"},{"id":2916,"kind":1024,"name":"Anchor","url":"classes/Popover.html#Anchor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2917,"kind":1024,"name":"Content","url":"classes/Popover.html#Content","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2918,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Popover"},{"id":2919,"kind":1024,"name":"Trigger","url":"classes/Popover.html#Trigger","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2920,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Popover"},{"id":2921,"kind":1024,"name":"Click","url":"classes/Popover.html#__type-4.Click","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Popover.__type"},{"id":2922,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-4.__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Popover.__type"},{"id":2923,"kind":1024,"name":"Hover","url":"classes/Popover.html#__type-4.Hover","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Popover.__type"},{"id":2924,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-4.__type-7","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Popover.__type"},{"id":2925,"kind":1024,"name":"Focus","url":"classes/Popover.html#__type-4.Focus","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Popover.__type"},{"id":2926,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-4.__type-6","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Popover.__type"},{"id":2927,"kind":1024,"name":"Base","url":"classes/Popover.html#__type-4.Base","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Popover.__type"},{"id":2928,"kind":1024,"name":"Position","url":"classes/Popover.html#Position","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2929,"kind":1024,"name":"withPopover","url":"classes/Popover.html#withPopover","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2930,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-9","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Popover"},{"id":2931,"kind":1024,"name":"Context","url":"classes/Popover.html#Context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2932,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Popover.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2933,"kind":512,"name":"constructor","url":"classes/Popover.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Popover"},{"id":2934,"kind":1024,"name":"context","url":"classes/Popover.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Popover"},{"id":2935,"kind":1024,"name":"getAnchor","url":"classes/Popover.html#getAnchor","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Popover"},{"id":2936,"kind":65536,"name":"__type","url":"classes/Popover.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Popover"},{"id":2937,"kind":1024,"name":"portalRef","url":"classes/Popover.html#portalRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Popover"},{"id":2938,"kind":1024,"name":"isPositionReady","url":"classes/Popover.html#isPositionReady","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Popover"},{"id":2939,"kind":1024,"name":"contentRef","url":"classes/Popover.html#contentRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Popover"},{"id":2940,"kind":1024,"name":"state","url":"classes/Popover.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Popover"},{"id":2941,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Popover"},{"id":2942,"kind":1024,"name":"visible","url":"classes/Popover.html#__type-2.visible","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Popover.__type"},{"id":2943,"kind":2048,"name":"setVisible","url":"classes/Popover.html#setVisible","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Popover"},{"id":2944,"kind":2048,"name":"adjustPosition","url":"classes/Popover.html#adjustPosition","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Popover"},{"id":2945,"kind":2048,"name":"open","url":"classes/Popover.html#open","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Popover"},{"id":2946,"kind":2048,"name":"close","url":"classes/Popover.html#close","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Popover"},{"id":2947,"kind":2048,"name":"safeSetState","url":"classes/Popover.html#safeSetState","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Popover"},{"id":2948,"kind":2048,"name":"componentDidMount","url":"classes/Popover.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Popover"},{"id":2949,"kind":2048,"name":"componentDidUpdate","url":"classes/Popover.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Popover"},{"id":2950,"kind":2048,"name":"componentWillUnmount","url":"classes/Popover.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Popover"},{"id":2951,"kind":2048,"name":"render","url":"classes/Popover.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Popover"},{"id":2952,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Popover"},{"id":2953,"kind":64,"name":"PopoverClickTrigger","url":"modules.html#PopoverClickTrigger","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":2954,"kind":256,"name":"IPopoverClickTriggerChildProps","url":"interfaces/IPopoverClickTriggerChildProps.html","classes":"tsd-kind-interface"},{"id":2955,"kind":2048,"name":"onClick","url":"interfaces/IPopoverClickTriggerChildProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverClickTriggerChildProps"},{"id":2956,"kind":256,"name":"IPopoverClickTriggerProps","url":"interfaces/IPopoverClickTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2957,"kind":1024,"name":"closeOnClickOutside","url":"interfaces/IPopoverClickTriggerProps.html#closeOnClickOutside","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverClickTriggerProps"},{"id":2958,"kind":1024,"name":"toggle","url":"interfaces/IPopoverClickTriggerProps.html#toggle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverClickTriggerProps"},{"id":2959,"kind":1024,"name":"getElement","url":"interfaces/IPopoverClickTriggerProps.html#getElement","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverClickTriggerProps"},{"id":2960,"kind":1024,"name":"children","url":"interfaces/IPopoverClickTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverClickTriggerProps"},{"id":2961,"kind":64,"name":"PopoverHoverTrigger","url":"modules.html#PopoverHoverTrigger","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":2962,"kind":256,"name":"IHoverTriggerCompatibleProps","url":"interfaces/IHoverTriggerCompatibleProps.html","classes":"tsd-kind-interface"},{"id":2963,"kind":1024,"name":"fixMouseEventsOnDisabledChildren","url":"interfaces/IHoverTriggerCompatibleProps.html#fixMouseEventsOnDisabledChildren","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IHoverTriggerCompatibleProps"},{"id":2964,"kind":4194304,"name":"IPopoverHoverTriggerContext","url":"modules.html#IPopoverHoverTriggerContext","classes":"tsd-kind-type-alias"},{"id":2965,"kind":32,"name":"PopoverHoverTriggerContext","url":"modules.html#PopoverHoverTriggerContext","classes":"tsd-kind-variable"},{"id":2966,"kind":256,"name":"IPopoverHoverTriggerChildProps","url":"interfaces/IPopoverHoverTriggerChildProps.html","classes":"tsd-kind-interface"},{"id":2967,"kind":2048,"name":"onMouseEnter","url":"interfaces/IPopoverHoverTriggerChildProps.html#onMouseEnter","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverHoverTriggerChildProps"},{"id":2968,"kind":2048,"name":"onMouseLeave","url":"interfaces/IPopoverHoverTriggerChildProps.html#onMouseLeave","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverHoverTriggerChildProps"},{"id":2969,"kind":256,"name":"IPopoverHoverTriggerProps","url":"interfaces/IPopoverHoverTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2970,"kind":1024,"name":"hideDelay","url":"interfaces/IPopoverHoverTriggerProps.html#hideDelay","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverHoverTriggerProps"},{"id":2971,"kind":1024,"name":"showDelay","url":"interfaces/IPopoverHoverTriggerProps.html#showDelay","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverHoverTriggerProps"},{"id":2972,"kind":1024,"name":"anchorOnly","url":"interfaces/IPopoverHoverTriggerProps.html#anchorOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverHoverTriggerProps"},{"id":2973,"kind":1024,"name":"getElement","url":"interfaces/IPopoverHoverTriggerProps.html#getElement","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverHoverTriggerProps"},{"id":2974,"kind":1024,"name":"children","url":"interfaces/IPopoverHoverTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverHoverTriggerProps"},{"id":2975,"kind":1024,"name":"fixMouseEventsOnDisabledChildren","url":"interfaces/IPopoverHoverTriggerProps.html#fixMouseEventsOnDisabledChildren","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopoverHoverTriggerProps"},{"id":2976,"kind":64,"name":"PopoverFocusTrigger","url":"modules.html#PopoverFocusTrigger","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":2977,"kind":256,"name":"IPopoverFocusTriggerChildProps","url":"interfaces/IPopoverFocusTriggerChildProps.html","classes":"tsd-kind-interface"},{"id":2978,"kind":2048,"name":"onFocus","url":"interfaces/IPopoverFocusTriggerChildProps.html#onFocus","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverFocusTriggerChildProps"},{"id":2979,"kind":2048,"name":"onBlur","url":"interfaces/IPopoverFocusTriggerChildProps.html#onBlur","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverFocusTriggerChildProps"},{"id":2980,"kind":256,"name":"IPopoverFocusTriggerProps","url":"interfaces/IPopoverFocusTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2981,"kind":1024,"name":"getElement","url":"interfaces/IPopoverFocusTriggerProps.html#getElement","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverFocusTriggerProps"},{"id":2982,"kind":1024,"name":"children","url":"interfaces/IPopoverFocusTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverFocusTriggerProps"},{"id":2983,"kind":256,"name":"IPopoverTriggerProps","url":"interfaces/IPopoverTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2984,"kind":1024,"name":"children","url":"interfaces/IPopoverTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverTriggerProps"},{"id":2985,"kind":128,"name":"PopoverTrigger","url":"classes/PopoverTrigger.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":2986,"kind":1024,"name":"contextType","url":"classes/PopoverTrigger.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"PopoverTrigger"},{"id":2987,"kind":512,"name":"constructor","url":"classes/PopoverTrigger.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"PopoverTrigger"},{"id":2988,"kind":1024,"name":"context","url":"classes/PopoverTrigger.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"PopoverTrigger"},{"id":2989,"kind":2048,"name":"getTriggerProps","url":"classes/PopoverTrigger.html#getTriggerProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-protected","parent":"PopoverTrigger"},{"id":2990,"kind":2048,"name":"render","url":"classes/PopoverTrigger.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"PopoverTrigger"},{"id":2991,"kind":65536,"name":"__type","url":"classes/PopoverTrigger.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"PopoverTrigger"},{"id":2992,"kind":256,"name":"IPopoverPosition","url":"interfaces/IPopoverPosition.html","classes":"tsd-kind-interface"},{"id":2993,"kind":1024,"name":"style","url":"interfaces/IPopoverPosition.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverPosition"},{"id":2994,"kind":1024,"name":"className","url":"interfaces/IPopoverPosition.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverPosition"},{"id":2995,"kind":256,"name":"IPositionFunctionProps","url":"interfaces/IPositionFunctionProps.html","classes":"tsd-kind-interface"},{"id":2996,"kind":1024,"name":"relativeRect","url":"interfaces/IPositionFunctionProps.html#relativeRect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":2997,"kind":1024,"name":"anchorRect","url":"interfaces/IPositionFunctionProps.html#anchorRect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":2998,"kind":1024,"name":"containerRect","url":"interfaces/IPositionFunctionProps.html#containerRect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":2999,"kind":1024,"name":"contentRect","url":"interfaces/IPositionFunctionProps.html#contentRect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":3000,"kind":1024,"name":"cushion","url":"interfaces/IPositionFunctionProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":3001,"kind":1024,"name":"anchor","url":"interfaces/IPositionFunctionProps.html#anchor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":3002,"kind":1024,"name":"container","url":"interfaces/IPositionFunctionProps.html#container","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":3003,"kind":1024,"name":"content","url":"interfaces/IPositionFunctionProps.html#content","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":3004,"kind":256,"name":"IPositionFunction","url":"interfaces/IPositionFunction.html","classes":"tsd-kind-interface"},{"id":3005,"kind":64,"name":"usePopoverContext","url":"modules.html#usePopoverContext","classes":"tsd-kind-function"},{"id":3006,"kind":256,"name":"IPopoverContentImperativeHandle","url":"interfaces/IPopoverContentImperativeHandle.html","classes":"tsd-kind-interface"},{"id":3007,"kind":2048,"name":"adjustPosition","url":"interfaces/IPopoverContentImperativeHandle.html#adjustPosition","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverContentImperativeHandle"},{"id":3008,"kind":256,"name":"IPopoverContext","url":"interfaces/IPopoverContext.html","classes":"tsd-kind-interface"},{"id":3009,"kind":1024,"name":"popover","url":"interfaces/IPopoverContext.html#popover","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3010,"kind":1024,"name":"visible","url":"interfaces/IPopoverContext.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3011,"kind":1024,"name":"containerSelector","url":"interfaces/IPopoverContext.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3012,"kind":1024,"name":"placement","url":"interfaces/IPopoverContext.html#placement","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3013,"kind":1024,"name":"cushion","url":"interfaces/IPopoverContext.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3014,"kind":1024,"name":"portalRef","url":"interfaces/IPopoverContext.html#portalRef","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3015,"kind":1024,"name":"className","url":"interfaces/IPopoverContext.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3016,"kind":1024,"name":"contentRef","url":"interfaces/IPopoverContext.html#contentRef","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3017,"kind":2048,"name":"didMount","url":"interfaces/IPopoverContext.html#didMount","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3018,"kind":1024,"name":"style","url":"interfaces/IPopoverContext.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3019,"kind":4194304,"name":"PopoverAnchorGetElementFn","url":"modules.html#PopoverAnchorGetElementFn","classes":"tsd-kind-type-alias"},{"id":3020,"kind":65536,"name":"__type","url":"modules.html#PopoverAnchorGetElementFn.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"PopoverAnchorGetElementFn"},{"id":3021,"kind":256,"name":"IPopoverAnchorProps","url":"interfaces/IPopoverAnchorProps.html","classes":"tsd-kind-interface"},{"id":3022,"kind":2048,"name":"onClick","url":"interfaces/IPopoverAnchorProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverAnchorProps"},{"id":3023,"kind":1024,"name":"getElement","url":"interfaces/IPopoverAnchorProps.html#getElement","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverAnchorProps"},{"id":3024,"kind":128,"name":"PopoverAnchor","url":"classes/PopoverAnchor.html","classes":"tsd-kind-class"},{"id":3025,"kind":1024,"name":"contextType","url":"classes/PopoverAnchor.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"PopoverAnchor"},{"id":3026,"kind":512,"name":"constructor","url":"classes/PopoverAnchor.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"PopoverAnchor"},{"id":3027,"kind":1024,"name":"context","url":"classes/PopoverAnchor.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"PopoverAnchor"},{"id":3028,"kind":2048,"name":"getElement","url":"classes/PopoverAnchor.html#getElement","classes":"tsd-kind-method tsd-parent-kind-class","parent":"PopoverAnchor"},{"id":3029,"kind":2048,"name":"componentDidMount","url":"classes/PopoverAnchor.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"PopoverAnchor"},{"id":3030,"kind":2048,"name":"componentWillUnmount","url":"classes/PopoverAnchor.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"PopoverAnchor"},{"id":3031,"kind":2048,"name":"render","url":"classes/PopoverAnchor.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"PopoverAnchor"},{"id":3032,"kind":65536,"name":"__type","url":"classes/PopoverAnchor.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"PopoverAnchor"},{"id":3033,"kind":256,"name":"IPurePortalProps","url":"interfaces/IPurePortalProps.html","classes":"tsd-kind-interface"},{"id":3034,"kind":1024,"name":"selector","url":"interfaces/IPurePortalProps.html#selector","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPurePortalProps"},{"id":3035,"kind":1024,"name":"append","url":"interfaces/IPurePortalProps.html#append","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPurePortalProps"},{"id":3036,"kind":128,"name":"PurePortal","url":"classes/PurePortal.html","classes":"tsd-kind-class"},{"id":3037,"kind":1024,"name":"defaultProps","url":"classes/PurePortal.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"PurePortal"},{"id":3038,"kind":65536,"name":"__type","url":"classes/PurePortal.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"PurePortal"},{"id":3039,"kind":1024,"name":"append","url":"classes/PurePortal.html#__type-2.append","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"PurePortal.__type"},{"id":3040,"kind":1024,"name":"contextType","url":"classes/PurePortal.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"PurePortal"},{"id":3041,"kind":512,"name":"constructor","url":"classes/PurePortal.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"PurePortal"},{"id":3042,"kind":1024,"name":"context","url":"classes/PurePortal.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"PurePortal"},{"id":3043,"kind":1024,"name":"getContainer","url":"classes/PurePortal.html#getContainer","classes":"tsd-kind-property tsd-parent-kind-class","parent":"PurePortal"},{"id":3044,"kind":65536,"name":"__type","url":"classes/PurePortal.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"PurePortal"},{"id":3045,"kind":2048,"name":"contains","url":"classes/PurePortal.html#contains","classes":"tsd-kind-method tsd-parent-kind-class","parent":"PurePortal"},{"id":3046,"kind":2048,"name":"componentDidMount","url":"classes/PurePortal.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"PurePortal"},{"id":3047,"kind":2048,"name":"componentWillUnmount","url":"classes/PurePortal.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"PurePortal"},{"id":3048,"kind":2048,"name":"render","url":"classes/PurePortal.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"PurePortal"},{"id":3049,"kind":65536,"name":"__type","url":"classes/PurePortal.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"PurePortal"},{"id":3050,"kind":256,"name":"IPortalProps","url":"interfaces/IPortalProps.html","classes":"tsd-kind-interface"},{"id":3051,"kind":1024,"name":"visible","url":"interfaces/IPortalProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3052,"kind":1024,"name":"layer","url":"interfaces/IPortalProps.html#layer","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3053,"kind":2048,"name":"onLayerReady","url":"interfaces/IPortalProps.html#onLayerReady","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3054,"kind":1024,"name":"blockPageScroll","url":"interfaces/IPortalProps.html#blockPageScroll","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3055,"kind":1024,"name":"closeOnESC","url":"interfaces/IPortalProps.html#closeOnESC","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3056,"kind":1024,"name":"closeOnClickOutside","url":"interfaces/IPortalProps.html#closeOnClickOutside","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3057,"kind":1024,"name":"useLayerForClickAway","url":"interfaces/IPortalProps.html#useLayerForClickAway","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3058,"kind":2048,"name":"onClose","url":"interfaces/IPortalProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3059,"kind":1024,"name":"children","url":"interfaces/IPortalProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3060,"kind":1024,"name":"className","url":"interfaces/IPortalProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3061,"kind":1024,"name":"style","url":"interfaces/IPortalProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3062,"kind":1024,"name":"selector","url":"interfaces/IPortalProps.html#selector","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPortalProps"},{"id":3063,"kind":1024,"name":"append","url":"interfaces/IPortalProps.html#append","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPortalProps"},{"id":3064,"kind":256,"name":"IPortalImperativeHandlers","url":"interfaces/IPortalImperativeHandlers.html","classes":"tsd-kind-interface"},{"id":3065,"kind":2048,"name":"contains","url":"interfaces/IPortalImperativeHandlers.html#contains","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPortalImperativeHandlers"},{"id":3066,"kind":1024,"name":"purePortalRef","url":"interfaces/IPortalImperativeHandlers.html#purePortalRef","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalImperativeHandlers"},{"id":3067,"kind":1024,"name":"container","url":"interfaces/IPortalImperativeHandlers.html#container","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalImperativeHandlers"},{"id":3068,"kind":32,"name":"Portal","url":"modules.html#Portal","classes":"tsd-kind-variable"},{"id":3069,"kind":64,"name":"previewImage","url":"modules.html#previewImage","classes":"tsd-kind-function"},{"id":3070,"kind":256,"name":"IPreviewImageConfig","url":"interfaces/IPreviewImageConfig.html","classes":"tsd-kind-interface"},{"id":3071,"kind":1024,"name":"images","url":"interfaces/IPreviewImageConfig.html#images","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPreviewImageConfig"},{"id":3072,"kind":1024,"name":"index","url":"interfaces/IPreviewImageConfig.html#index","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPreviewImageConfig"},{"id":3073,"kind":1024,"name":"showRotateBtn","url":"interfaces/IPreviewImageConfig.html#showRotateBtn","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPreviewImageConfig"},{"id":3074,"kind":1024,"name":"scaleRatio","url":"interfaces/IPreviewImageConfig.html#scaleRatio","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPreviewImageConfig"},{"id":3075,"kind":1024,"name":"parentComponent","url":"interfaces/IPreviewImageConfig.html#parentComponent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPreviewImageConfig"},{"id":3076,"kind":1024,"name":"className","url":"interfaces/IPreviewImageConfig.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPreviewImageConfig"},{"id":3077,"kind":32,"name":"Progress","url":"modules.html#Progress","classes":"tsd-kind-variable"},{"id":3078,"kind":2,"name":"Progress","url":"modules/Progress.html","classes":"tsd-kind-namespace"},{"id":3079,"kind":32,"name":"defaultProps","url":"modules/Progress.html#defaultProps","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Progress"},{"id":3080,"kind":4194304,"name":"IProgressType","url":"modules.html#IProgressType","classes":"tsd-kind-type-alias"},{"id":3081,"kind":4194304,"name":"IProgressStatus","url":"modules.html#IProgressStatus","classes":"tsd-kind-type-alias"},{"id":3082,"kind":4194304,"name":"IProgressFormatFn","url":"modules.html#IProgressFormatFn","classes":"tsd-kind-type-alias"},{"id":3083,"kind":65536,"name":"__type","url":"modules.html#IProgressFormatFn.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IProgressFormatFn"},{"id":3084,"kind":256,"name":"ICommonProgressProps","url":"interfaces/ICommonProgressProps.html","classes":"tsd-kind-interface"},{"id":3085,"kind":1024,"name":"percent","url":"interfaces/ICommonProgressProps.html#percent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICommonProgressProps"},{"id":3086,"kind":1024,"name":"showInfo","url":"interfaces/ICommonProgressProps.html#showInfo","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICommonProgressProps"},{"id":3087,"kind":1024,"name":"strokeWidth","url":"interfaces/ICommonProgressProps.html#strokeWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICommonProgressProps"},{"id":3088,"kind":1024,"name":"width","url":"interfaces/ICommonProgressProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICommonProgressProps"},{"id":3089,"kind":1024,"name":"bgColor","url":"interfaces/ICommonProgressProps.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICommonProgressProps"},{"id":3090,"kind":1024,"name":"strokeLinecap","url":"interfaces/ICommonProgressProps.html#strokeLinecap","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICommonProgressProps"},{"id":3091,"kind":1024,"name":"format","url":"interfaces/ICommonProgressProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICommonProgressProps"},{"id":3092,"kind":256,"name":"IProgressProps","url":"interfaces/IProgressProps.html","classes":"tsd-kind-interface"},{"id":3093,"kind":1024,"name":"type","url":"interfaces/IProgressProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressProps"},{"id":3094,"kind":1024,"name":"status","url":"interfaces/IProgressProps.html#status","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressProps"},{"id":3095,"kind":1024,"name":"normalColor","url":"interfaces/IProgressProps.html#normalColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressProps"},{"id":3096,"kind":1024,"name":"successColor","url":"interfaces/IProgressProps.html#successColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressProps"},{"id":3097,"kind":1024,"name":"exceptionColor","url":"interfaces/IProgressProps.html#exceptionColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressProps"},{"id":3098,"kind":1024,"name":"style","url":"interfaces/IProgressProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IProgressProps"},{"id":3099,"kind":1024,"name":"percent","url":"interfaces/IProgressProps.html#percent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressProps"},{"id":3100,"kind":1024,"name":"showInfo","url":"interfaces/IProgressProps.html#showInfo","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressProps"},{"id":3101,"kind":1024,"name":"strokeWidth","url":"interfaces/IProgressProps.html#strokeWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressProps"},{"id":3102,"kind":1024,"name":"width","url":"interfaces/IProgressProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressProps"},{"id":3103,"kind":1024,"name":"bgColor","url":"interfaces/IProgressProps.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressProps"},{"id":3104,"kind":1024,"name":"strokeLinecap","url":"interfaces/IProgressProps.html#strokeLinecap","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressProps"},{"id":3105,"kind":1024,"name":"format","url":"interfaces/IProgressProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressProps"},{"id":3106,"kind":65536,"name":"__type","url":"interfaces/IProgressProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IProgressProps"},{"id":3107,"kind":256,"name":"IProgressInstanceProps","url":"interfaces/IProgressInstanceProps.html","classes":"tsd-kind-interface"},{"id":3108,"kind":1024,"name":"color","url":"interfaces/IProgressInstanceProps.html#color","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressInstanceProps"},{"id":3109,"kind":1024,"name":"state","url":"interfaces/IProgressInstanceProps.html#state","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressInstanceProps"},{"id":3110,"kind":1024,"name":"percent","url":"interfaces/IProgressInstanceProps.html#percent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressInstanceProps"},{"id":3111,"kind":1024,"name":"showInfo","url":"interfaces/IProgressInstanceProps.html#showInfo","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressInstanceProps"},{"id":3112,"kind":1024,"name":"strokeWidth","url":"interfaces/IProgressInstanceProps.html#strokeWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressInstanceProps"},{"id":3113,"kind":1024,"name":"width","url":"interfaces/IProgressInstanceProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressInstanceProps"},{"id":3114,"kind":1024,"name":"bgColor","url":"interfaces/IProgressInstanceProps.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressInstanceProps"},{"id":3115,"kind":1024,"name":"strokeLinecap","url":"interfaces/IProgressInstanceProps.html#strokeLinecap","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressInstanceProps"},{"id":3116,"kind":1024,"name":"format","url":"interfaces/IProgressInstanceProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressInstanceProps"},{"id":3117,"kind":256,"name":"IProgressInfoProps","url":"interfaces/IProgressInfoProps.html","classes":"tsd-kind-interface"},{"id":3118,"kind":1024,"name":"type","url":"interfaces/IProgressInfoProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressInfoProps"},{"id":3119,"kind":1024,"name":"percent","url":"interfaces/IProgressInfoProps.html#percent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressInfoProps"},{"id":3120,"kind":1024,"name":"format","url":"interfaces/IProgressInfoProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressInfoProps"},{"id":3121,"kind":1024,"name":"state","url":"interfaces/IProgressInfoProps.html#state","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressInfoProps"},{"id":3122,"kind":1024,"name":"color","url":"interfaces/IProgressInfoProps.html#color","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressInfoProps"},{"id":3123,"kind":4194304,"name":"PromptType","url":"modules.html#PromptType","classes":"tsd-kind-type-alias"},{"id":3124,"kind":4194304,"name":"IPromptProps","url":"modules.html#IPromptProps","classes":"tsd-kind-type-alias"},{"id":3125,"kind":32,"name":"Prompt","url":"modules.html#Prompt","classes":"tsd-kind-variable"},{"id":3126,"kind":64,"name":"useRadioHandler","url":"modules.html#useRadioHandler","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":3127,"kind":64,"name":"getRadioState","url":"modules.html#getRadioState","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":3128,"kind":256,"name":"IRadioEvent","url":"interfaces/IRadioEvent.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3129,"kind":1024,"name":"target","url":"interfaces/IRadioEvent.html#target","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioEvent"},{"id":3130,"kind":256,"name":"IRadioProps","url":"interfaces/IRadioProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3131,"kind":1024,"name":"value","url":"interfaces/IRadioProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3132,"kind":1024,"name":"disabled","url":"interfaces/IRadioProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3133,"kind":1024,"name":"readOnly","url":"interfaces/IRadioProps.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3134,"kind":1024,"name":"width","url":"interfaces/IRadioProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3135,"kind":1024,"name":"className","url":"interfaces/IRadioProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3136,"kind":1024,"name":"checked","url":"interfaces/IRadioProps.html#checked","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3137,"kind":2048,"name":"onChange","url":"interfaces/IRadioProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3138,"kind":1024,"name":"style","url":"interfaces/IRadioProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3139,"kind":1024,"name":"children","url":"interfaces/IRadioProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3140,"kind":1024,"name":"onMouseEnter","url":"interfaces/IRadioProps.html#onMouseEnter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3141,"kind":1024,"name":"onMouseLeave","url":"interfaces/IRadioProps.html#onMouseLeave","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3142,"kind":64,"name":"Radio","url":"modules.html#Radio","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":3143,"kind":2,"name":"Radio","url":"modules/Radio.html","classes":"tsd-kind-namespace"},{"id":3144,"kind":32,"name":"Button","url":"modules/Radio.html#Button","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Radio"},{"id":3145,"kind":65536,"name":"__type","url":"modules/Radio.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-namespace tsd-has-type-parameter","parent":"Radio"},{"id":3146,"kind":32,"name":"Group","url":"modules/Radio.html#Group","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Radio"},{"id":3147,"kind":65536,"name":"__type","url":"modules/Radio.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-namespace tsd-has-type-parameter","parent":"Radio"},{"id":3148,"kind":64,"name":"RadioGroup","url":"modules.html#RadioGroup","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":3149,"kind":256,"name":"IRadioGroupProps","url":"interfaces/IRadioGroupProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3150,"kind":1024,"name":"value","url":"interfaces/IRadioGroupProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3151,"kind":1024,"name":"disabled","url":"interfaces/IRadioGroupProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3152,"kind":1024,"name":"readOnly","url":"interfaces/IRadioGroupProps.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3153,"kind":2048,"name":"onChange","url":"interfaces/IRadioGroupProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3154,"kind":2048,"name":"isValueEqual","url":"interfaces/IRadioGroupProps.html#isValueEqual","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3155,"kind":1024,"name":"className","url":"interfaces/IRadioGroupProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3156,"kind":1024,"name":"style","url":"interfaces/IRadioGroupProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3157,"kind":1024,"name":"children","url":"interfaces/IRadioGroupProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3158,"kind":64,"name":"RadioButton","url":"modules.html#RadioButton","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":3159,"kind":256,"name":"IRateProps","url":"interfaces/IRateProps.html","classes":"tsd-kind-interface"},{"id":3160,"kind":2048,"name":"onChange","url":"interfaces/IRateProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IRateProps"},{"id":3161,"kind":1024,"name":"value","url":"interfaces/IRateProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3162,"kind":1024,"name":"allowClear","url":"interfaces/IRateProps.html#allowClear","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3163,"kind":1024,"name":"allowHalf","url":"interfaces/IRateProps.html#allowHalf","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3164,"kind":1024,"name":"character","url":"interfaces/IRateProps.html#character","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3165,"kind":1024,"name":"className","url":"interfaces/IRateProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3166,"kind":1024,"name":"count","url":"interfaces/IRateProps.html#count","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3167,"kind":1024,"name":"disabled","url":"interfaces/IRateProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3168,"kind":1024,"name":"style","url":"interfaces/IRateProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3169,"kind":1024,"name":"readOnly","url":"interfaces/IRateProps.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3170,"kind":256,"name":"IRateState","url":"interfaces/IRateState.html","classes":"tsd-kind-interface"},{"id":3171,"kind":1024,"name":"starRefs","url":"interfaces/IRateState.html#starRefs","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateState"},{"id":3172,"kind":1024,"name":"cleanedValue","url":"interfaces/IRateState.html#cleanedValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateState"},{"id":3173,"kind":1024,"name":"hoverValue","url":"interfaces/IRateState.html#hoverValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateState"},{"id":3174,"kind":128,"name":"Rate","url":"classes/Rate.html","classes":"tsd-kind-class"},{"id":3175,"kind":1024,"name":"defaultProps","url":"classes/Rate.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Rate"},{"id":3176,"kind":65536,"name":"__type","url":"classes/Rate.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Rate"},{"id":3177,"kind":1024,"name":"value","url":"classes/Rate.html#__type-1.value","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Rate.__type"},{"id":3178,"kind":1024,"name":"count","url":"classes/Rate.html#__type-1.count","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Rate.__type"},{"id":3179,"kind":1024,"name":"allowHalf","url":"classes/Rate.html#__type-1.allowHalf","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Rate.__type"},{"id":3180,"kind":1024,"name":"allowClear","url":"classes/Rate.html#__type-1.allowClear","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Rate.__type"},{"id":3181,"kind":1024,"name":"character","url":"classes/Rate.html#__type-1.character","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Rate.__type"},{"id":3182,"kind":1024,"name":"readOnly","url":"classes/Rate.html#__type-1.readOnly","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Rate.__type"},{"id":3183,"kind":1024,"name":"contextType","url":"classes/Rate.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Rate"},{"id":3184,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Rate.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Rate"},{"id":3185,"kind":512,"name":"constructor","url":"classes/Rate.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"Rate"},{"id":3186,"kind":1024,"name":"context","url":"classes/Rate.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Rate"},{"id":3187,"kind":2048,"name":"onHover","url":"classes/Rate.html#onHover","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Rate"},{"id":3188,"kind":2048,"name":"onMouseLeave","url":"classes/Rate.html#onMouseLeave","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Rate"},{"id":3189,"kind":2048,"name":"onClick","url":"classes/Rate.html#onClick","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Rate"},{"id":3190,"kind":2048,"name":"getStarDOM","url":"classes/Rate.html#getStarDOM","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Rate"},{"id":3191,"kind":2048,"name":"getStarValue","url":"classes/Rate.html#getStarValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Rate"},{"id":3192,"kind":2048,"name":"render","url":"classes/Rate.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Rate"},{"id":3193,"kind":65536,"name":"__type","url":"classes/Rate.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Rate"},{"id":3194,"kind":64,"name":"caselessMatchFilterOption","url":"modules.html#caselessMatchFilterOption","classes":"tsd-kind-function"},{"id":3195,"kind":256,"name":"ISelectMenuItem","url":"interfaces/ISelectMenuItem.html","classes":"tsd-kind-interface"},{"id":3196,"kind":1024,"name":"searchContent","url":"interfaces/ISelectMenuItem.html#searchContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuItem"},{"id":3197,"kind":1024,"name":"items","url":"interfaces/ISelectMenuItem.html#items","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuItem"},{"id":3198,"kind":1024,"name":"value","url":"interfaces/ISelectMenuItem.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3199,"kind":1024,"name":"content","url":"interfaces/ISelectMenuItem.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3200,"kind":1024,"name":"isGroup","url":"interfaces/ISelectMenuItem.html#isGroup","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3201,"kind":1024,"name":"isDivider","url":"interfaces/ISelectMenuItem.html#isDivider","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3202,"kind":1024,"name":"onClick","url":"interfaces/ISelectMenuItem.html#onClick","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3203,"kind":1024,"name":"icon","url":"interfaces/ISelectMenuItem.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3204,"kind":1024,"name":"disabled","url":"interfaces/ISelectMenuItem.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3205,"kind":1024,"name":"active","url":"interfaces/ISelectMenuItem.html#active","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3206,"kind":1024,"name":"hoverable","url":"interfaces/ISelectMenuItem.html#hoverable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3207,"kind":1024,"name":"className","url":"interfaces/ISelectMenuItem.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3208,"kind":256,"name":"ISelectMenuNestedItem","url":"interfaces/ISelectMenuNestedItem.html","classes":"tsd-kind-interface"},{"id":3209,"kind":1024,"name":"idx","url":"interfaces/ISelectMenuNestedItem.html#idx","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuNestedItem"},{"id":3210,"kind":1024,"name":"parentIndexes","url":"interfaces/ISelectMenuNestedItem.html#parentIndexes","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuNestedItem"},{"id":3211,"kind":1024,"name":"items","url":"interfaces/ISelectMenuNestedItem.html#items","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ISelectMenuNestedItem"},{"id":3212,"kind":1024,"name":"searchContent","url":"interfaces/ISelectMenuNestedItem.html#searchContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3213,"kind":1024,"name":"value","url":"interfaces/ISelectMenuNestedItem.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3214,"kind":1024,"name":"content","url":"interfaces/ISelectMenuNestedItem.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3215,"kind":1024,"name":"isGroup","url":"interfaces/ISelectMenuNestedItem.html#isGroup","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3216,"kind":1024,"name":"isDivider","url":"interfaces/ISelectMenuNestedItem.html#isDivider","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3217,"kind":1024,"name":"onClick","url":"interfaces/ISelectMenuNestedItem.html#onClick","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3218,"kind":1024,"name":"icon","url":"interfaces/ISelectMenuNestedItem.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3219,"kind":1024,"name":"disabled","url":"interfaces/ISelectMenuNestedItem.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3220,"kind":1024,"name":"active","url":"interfaces/ISelectMenuNestedItem.html#active","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3221,"kind":1024,"name":"hoverable","url":"interfaces/ISelectMenuNestedItem.html#hoverable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3222,"kind":1024,"name":"className","url":"interfaces/ISelectMenuNestedItem.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3223,"kind":256,"name":"ISelectMenuProps","url":"interfaces/ISelectMenuProps.html","classes":"tsd-kind-interface"},{"id":3224,"kind":1024,"name":"value","url":"interfaces/ISelectMenuProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3225,"kind":1024,"name":"searchText","url":"interfaces/ISelectMenuProps.html#searchText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3226,"kind":1024,"name":"items","url":"interfaces/ISelectMenuProps.html#items","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3227,"kind":2048,"name":"onSelect","url":"interfaces/ISelectMenuProps.html#onSelect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3228,"kind":2048,"name":"filterOption","url":"interfaces/ISelectMenuProps.html#filterOption","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3229,"kind":2048,"name":"onRequestClose","url":"interfaces/ISelectMenuProps.html#onRequestClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3230,"kind":1024,"name":"nullOptionContent","url":"interfaces/ISelectMenuProps.html#nullOptionContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3231,"kind":1024,"name":"nullOption","url":"interfaces/ISelectMenuProps.html#nullOption","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3232,"kind":256,"name":"ISelectMenuState","url":"interfaces/ISelectMenuState.html","classes":"tsd-kind-interface"},{"id":3233,"kind":1024,"name":"items","url":"interfaces/ISelectMenuState.html#items","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuState"},{"id":3234,"kind":128,"name":"SelectMenu","url":"classes/SelectMenu.html","classes":"tsd-kind-class"},{"id":3235,"kind":1024,"name":"defaultProps","url":"classes/SelectMenu.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"SelectMenu"},{"id":3236,"kind":65536,"name":"__type","url":"classes/SelectMenu.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"SelectMenu"},{"id":3237,"kind":1024,"name":"filterOption","url":"classes/SelectMenu.html#__type-2.filterOption","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SelectMenu.__type"},{"id":3238,"kind":65536,"name":"__type","url":"classes/SelectMenu.html#__type-2.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"SelectMenu.__type"},{"id":3239,"kind":1024,"name":"nullOption","url":"classes/SelectMenu.html#__type-2.nullOption","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SelectMenu.__type"},{"id":3240,"kind":1024,"name":"caselessMatchFilterOption","url":"classes/SelectMenu.html#caselessMatchFilterOption","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"SelectMenu"},{"id":3241,"kind":65536,"name":"__type","url":"classes/SelectMenu.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"SelectMenu"},{"id":3242,"kind":512,"name":"constructor","url":"classes/SelectMenu.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"SelectMenu"},{"id":3243,"kind":2048,"name":"moveFocusIndexDown","url":"classes/SelectMenu.html#moveFocusIndexDown","classes":"tsd-kind-method tsd-parent-kind-class","parent":"SelectMenu"},{"id":3244,"kind":2048,"name":"moveFocusIndexUp","url":"classes/SelectMenu.html#moveFocusIndexUp","classes":"tsd-kind-method tsd-parent-kind-class","parent":"SelectMenu"},{"id":3245,"kind":2048,"name":"selectCurrentFocusIndex","url":"classes/SelectMenu.html#selectCurrentFocusIndex","classes":"tsd-kind-method tsd-parent-kind-class","parent":"SelectMenu"},{"id":3246,"kind":2048,"name":"render","url":"classes/SelectMenu.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SelectMenu"},{"id":3247,"kind":65536,"name":"__type","url":"classes/SelectMenu.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"SelectMenu"},{"id":3248,"kind":256,"name":"ISelectTagListProps","url":"interfaces/ISelectTagListProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3249,"kind":1024,"name":"list","url":"interfaces/ISelectTagListProps.html#list","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectTagListProps"},{"id":3250,"kind":2048,"name":"onRemove","url":"interfaces/ISelectTagListProps.html#onRemove","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectTagListProps"},{"id":3251,"kind":1024,"name":"renderValue","url":"interfaces/ISelectTagListProps.html#renderValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectTagListProps"},{"id":3252,"kind":65536,"name":"__type","url":"interfaces/ISelectTagListProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ISelectTagListProps"},{"id":3253,"kind":256,"name":"ISelectItem","url":"interfaces/ISelectItem.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3254,"kind":1024,"name":"key","url":"interfaces/ISelectItem.html#key","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectItem"},{"id":3255,"kind":1024,"name":"text","url":"interfaces/ISelectItem.html#text","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectItem"},{"id":3256,"kind":1024,"name":"disabled","url":"interfaces/ISelectItem.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectItem"},{"id":3257,"kind":1024,"name":"type","url":"interfaces/ISelectItem.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectItem"},{"id":3258,"kind":2048,"name":"reviver","url":"interfaces/ISelectItem.html#reviver","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectItem"},{"id":3259,"kind":256,"name":"IOptionRenderer","url":"interfaces/IOptionRenderer.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3260,"kind":256,"name":"ISelectKeywordChangeMeta","url":"interfaces/ISelectKeywordChangeMeta.html","classes":"tsd-kind-interface"},{"id":3261,"kind":1024,"name":"source","url":"interfaces/ISelectKeywordChangeMeta.html#source","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectKeywordChangeMeta"},{"id":3262,"kind":4194304,"name":"ISelectSize","url":"modules.html#ISelectSize","classes":"tsd-kind-type-alias"},{"id":3263,"kind":256,"name":"ISelectCommonProps","url":"interfaces/ISelectCommonProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3264,"kind":1024,"name":"keyword","url":"interfaces/ISelectCommonProps.html#keyword","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3265,"kind":2048,"name":"onKeywordChange","url":"interfaces/ISelectCommonProps.html#onKeywordChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3266,"kind":1024,"name":"options","url":"interfaces/ISelectCommonProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3267,"kind":2048,"name":"isEqual","url":"interfaces/ISelectCommonProps.html#isEqual","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3268,"kind":1024,"name":"placeholder","url":"interfaces/ISelectCommonProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3269,"kind":1024,"name":"notFoundContent","url":"interfaces/ISelectCommonProps.html#notFoundContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3270,"kind":1024,"name":"inline","url":"interfaces/ISelectCommonProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3271,"kind":1024,"name":"width","url":"interfaces/ISelectCommonProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3272,"kind":1024,"name":"size","url":"interfaces/ISelectCommonProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3273,"kind":1024,"name":"popupWidth","url":"interfaces/ISelectCommonProps.html#popupWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3274,"kind":1024,"name":"filter","url":"interfaces/ISelectCommonProps.html#filter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3275,"kind":2048,"name":"highlight","url":"interfaces/ISelectCommonProps.html#highlight","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3276,"kind":1024,"name":"disabled","url":"interfaces/ISelectCommonProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3277,"kind":1024,"name":"open","url":"interfaces/ISelectCommonProps.html#open","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3278,"kind":2048,"name":"onOpenChange","url":"interfaces/ISelectCommonProps.html#onOpenChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3279,"kind":2048,"name":"renderValue","url":"interfaces/ISelectCommonProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3280,"kind":2048,"name":"renderOptionList","url":"interfaces/ISelectCommonProps.html#renderOptionList","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3281,"kind":2048,"name":"renderOptionContent","url":"interfaces/ISelectCommonProps.html#renderOptionContent","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3282,"kind":1024,"name":"clearable","url":"interfaces/ISelectCommonProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3283,"kind":1024,"name":"loading","url":"interfaces/ISelectCommonProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3284,"kind":1024,"name":"creatable","url":"interfaces/ISelectCommonProps.html#creatable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3285,"kind":2048,"name":"onCreate","url":"interfaces/ISelectCommonProps.html#onCreate","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3286,"kind":2048,"name":"isValidNewOption","url":"interfaces/ISelectCommonProps.html#isValidNewOption","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3287,"kind":1024,"name":"collapsable","url":"interfaces/ISelectCommonProps.html#collapsable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3288,"kind":1024,"name":"collapseAt","url":"interfaces/ISelectCommonProps.html#collapseAt","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3289,"kind":1024,"name":"hideCollapsePop","url":"interfaces/ISelectCommonProps.html#hideCollapsePop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3290,"kind":1024,"name":"className","url":"interfaces/ISelectCommonProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3291,"kind":1024,"name":"disableSearch","url":"interfaces/ISelectCommonProps.html#disableSearch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3292,"kind":2048,"name":"renderCollapsedContent","url":"interfaces/ISelectCommonProps.html#renderCollapsedContent","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3293,"kind":256,"name":"ISelectSingleProps","url":"interfaces/ISelectSingleProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3294,"kind":1024,"name":"multiple","url":"interfaces/ISelectSingleProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectSingleProps"},{"id":3295,"kind":1024,"name":"value","url":"interfaces/ISelectSingleProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectSingleProps"},{"id":3296,"kind":2048,"name":"onChange","url":"interfaces/ISelectSingleProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectSingleProps"},{"id":3297,"kind":1024,"name":"keyword","url":"interfaces/ISelectSingleProps.html#keyword","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3298,"kind":2048,"name":"onKeywordChange","url":"interfaces/ISelectSingleProps.html#onKeywordChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3299,"kind":1024,"name":"options","url":"interfaces/ISelectSingleProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3300,"kind":2048,"name":"isEqual","url":"interfaces/ISelectSingleProps.html#isEqual","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3301,"kind":1024,"name":"placeholder","url":"interfaces/ISelectSingleProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3302,"kind":1024,"name":"notFoundContent","url":"interfaces/ISelectSingleProps.html#notFoundContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3303,"kind":1024,"name":"inline","url":"interfaces/ISelectSingleProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3304,"kind":1024,"name":"width","url":"interfaces/ISelectSingleProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3305,"kind":1024,"name":"size","url":"interfaces/ISelectSingleProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3306,"kind":1024,"name":"popupWidth","url":"interfaces/ISelectSingleProps.html#popupWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3307,"kind":1024,"name":"filter","url":"interfaces/ISelectSingleProps.html#filter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3308,"kind":2048,"name":"highlight","url":"interfaces/ISelectSingleProps.html#highlight","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3309,"kind":1024,"name":"disabled","url":"interfaces/ISelectSingleProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3310,"kind":1024,"name":"open","url":"interfaces/ISelectSingleProps.html#open","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3311,"kind":2048,"name":"onOpenChange","url":"interfaces/ISelectSingleProps.html#onOpenChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3312,"kind":2048,"name":"renderValue","url":"interfaces/ISelectSingleProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3313,"kind":2048,"name":"renderOptionList","url":"interfaces/ISelectSingleProps.html#renderOptionList","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3314,"kind":2048,"name":"renderOptionContent","url":"interfaces/ISelectSingleProps.html#renderOptionContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3315,"kind":1024,"name":"clearable","url":"interfaces/ISelectSingleProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3316,"kind":1024,"name":"loading","url":"interfaces/ISelectSingleProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3317,"kind":1024,"name":"creatable","url":"interfaces/ISelectSingleProps.html#creatable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3318,"kind":2048,"name":"onCreate","url":"interfaces/ISelectSingleProps.html#onCreate","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3319,"kind":2048,"name":"isValidNewOption","url":"interfaces/ISelectSingleProps.html#isValidNewOption","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3320,"kind":1024,"name":"collapsable","url":"interfaces/ISelectSingleProps.html#collapsable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3321,"kind":1024,"name":"collapseAt","url":"interfaces/ISelectSingleProps.html#collapseAt","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3322,"kind":1024,"name":"hideCollapsePop","url":"interfaces/ISelectSingleProps.html#hideCollapsePop","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3323,"kind":1024,"name":"className","url":"interfaces/ISelectSingleProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3324,"kind":1024,"name":"disableSearch","url":"interfaces/ISelectSingleProps.html#disableSearch","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3325,"kind":2048,"name":"renderCollapsedContent","url":"interfaces/ISelectSingleProps.html#renderCollapsedContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3326,"kind":256,"name":"ISelectMultiProps","url":"interfaces/ISelectMultiProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3327,"kind":1024,"name":"multiple","url":"interfaces/ISelectMultiProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMultiProps"},{"id":3328,"kind":1024,"name":"value","url":"interfaces/ISelectMultiProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMultiProps"},{"id":3329,"kind":2048,"name":"onChange","url":"interfaces/ISelectMultiProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectMultiProps"},{"id":3330,"kind":2048,"name":"renderTagList","url":"interfaces/ISelectMultiProps.html#renderTagList","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectMultiProps"},{"id":3331,"kind":1024,"name":"keyword","url":"interfaces/ISelectMultiProps.html#keyword","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3332,"kind":2048,"name":"onKeywordChange","url":"interfaces/ISelectMultiProps.html#onKeywordChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3333,"kind":1024,"name":"options","url":"interfaces/ISelectMultiProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3334,"kind":2048,"name":"isEqual","url":"interfaces/ISelectMultiProps.html#isEqual","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3335,"kind":1024,"name":"placeholder","url":"interfaces/ISelectMultiProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3336,"kind":1024,"name":"notFoundContent","url":"interfaces/ISelectMultiProps.html#notFoundContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3337,"kind":1024,"name":"inline","url":"interfaces/ISelectMultiProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3338,"kind":1024,"name":"width","url":"interfaces/ISelectMultiProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3339,"kind":1024,"name":"size","url":"interfaces/ISelectMultiProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3340,"kind":1024,"name":"popupWidth","url":"interfaces/ISelectMultiProps.html#popupWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3341,"kind":1024,"name":"filter","url":"interfaces/ISelectMultiProps.html#filter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3342,"kind":2048,"name":"highlight","url":"interfaces/ISelectMultiProps.html#highlight","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3343,"kind":1024,"name":"disabled","url":"interfaces/ISelectMultiProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3344,"kind":1024,"name":"open","url":"interfaces/ISelectMultiProps.html#open","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3345,"kind":2048,"name":"onOpenChange","url":"interfaces/ISelectMultiProps.html#onOpenChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3346,"kind":2048,"name":"renderValue","url":"interfaces/ISelectMultiProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3347,"kind":2048,"name":"renderOptionList","url":"interfaces/ISelectMultiProps.html#renderOptionList","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3348,"kind":2048,"name":"renderOptionContent","url":"interfaces/ISelectMultiProps.html#renderOptionContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3349,"kind":1024,"name":"clearable","url":"interfaces/ISelectMultiProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3350,"kind":1024,"name":"loading","url":"interfaces/ISelectMultiProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3351,"kind":1024,"name":"creatable","url":"interfaces/ISelectMultiProps.html#creatable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3352,"kind":2048,"name":"onCreate","url":"interfaces/ISelectMultiProps.html#onCreate","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3353,"kind":2048,"name":"isValidNewOption","url":"interfaces/ISelectMultiProps.html#isValidNewOption","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3354,"kind":1024,"name":"collapsable","url":"interfaces/ISelectMultiProps.html#collapsable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3355,"kind":1024,"name":"collapseAt","url":"interfaces/ISelectMultiProps.html#collapseAt","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3356,"kind":1024,"name":"hideCollapsePop","url":"interfaces/ISelectMultiProps.html#hideCollapsePop","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3357,"kind":1024,"name":"className","url":"interfaces/ISelectMultiProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3358,"kind":1024,"name":"disableSearch","url":"interfaces/ISelectMultiProps.html#disableSearch","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3359,"kind":2048,"name":"renderCollapsedContent","url":"interfaces/ISelectMultiProps.html#renderCollapsedContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3360,"kind":4194304,"name":"ISelectProps","url":"modules.html#ISelectProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":3361,"kind":256,"name":"ISelectState","url":"interfaces/ISelectState.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3362,"kind":1024,"name":"open","url":"interfaces/ISelectState.html#open","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3363,"kind":1024,"name":"active","url":"interfaces/ISelectState.html#active","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3364,"kind":1024,"name":"keyword","url":"interfaces/ISelectState.html#keyword","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3365,"kind":1024,"name":"value","url":"interfaces/ISelectState.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3366,"kind":1024,"name":"activeIndex","url":"interfaces/ISelectState.html#activeIndex","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3367,"kind":1024,"name":"prevOptions","url":"interfaces/ISelectState.html#prevOptions","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3368,"kind":1024,"name":"creating","url":"interfaces/ISelectState.html#creating","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3369,"kind":1024,"name":"triggerWidth","url":"interfaces/ISelectState.html#triggerWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3370,"kind":128,"name":"Select","url":"classes/Select.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":3371,"kind":1024,"name":"defaultProps","url":"classes/Select.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Select"},{"id":3372,"kind":65536,"name":"__type","url":"classes/Select.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Select"},{"id":3373,"kind":1024,"name":"isEqual","url":"classes/Select.html#__type-2.isEqual","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3374,"kind":65536,"name":"__type","url":"classes/Select.html#__type-2.__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Select.__type"},{"id":3375,"kind":1024,"name":"renderOptionList","url":"classes/Select.html#__type-2.renderOptionList","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3376,"kind":65536,"name":"__type","url":"classes/Select.html#__type-2.__type-7","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Select.__type"},{"id":3377,"kind":1024,"name":"filter","url":"classes/Select.html#__type-2.filter","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3378,"kind":65536,"name":"__type","url":"classes/Select.html#__type-2.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Select.__type"},{"id":3379,"kind":1024,"name":"isValidNewOption","url":"classes/Select.html#__type-2.isValidNewOption","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3380,"kind":65536,"name":"__type","url":"classes/Select.html#__type-2.__type-6","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Select.__type"},{"id":3381,"kind":1024,"name":"highlight","url":"classes/Select.html#__type-2.highlight","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3382,"kind":65536,"name":"__type","url":"classes/Select.html#__type-2.__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Select.__type"},{"id":3383,"kind":1024,"name":"size","url":"classes/Select.html#__type-2.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3384,"kind":1024,"name":"multiple","url":"classes/Select.html#__type-2.multiple","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3385,"kind":1024,"name":"clearable","url":"classes/Select.html#__type-2.clearable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3386,"kind":1024,"name":"loading","url":"classes/Select.html#__type-2.loading","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3387,"kind":1024,"name":"creatable","url":"classes/Select.html#__type-2.creatable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3388,"kind":1024,"name":"contextType","url":"classes/Select.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Select"},{"id":3389,"kind":1024,"name":"reviveValue","url":"classes/Select.html#reviveValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Select"},{"id":3390,"kind":65536,"name":"__type","url":"classes/Select.html#__type-8","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Select"},{"id":3391,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Select.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-static","parent":"Select"},{"id":3392,"kind":512,"name":"constructor","url":"classes/Select.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"Select"},{"id":3393,"kind":1024,"name":"context","url":"classes/Select.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Select"},{"id":3394,"kind":1024,"name":"triggerRef","url":"classes/Select.html#triggerRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Select"},{"id":3395,"kind":1024,"name":"popoverRef","url":"classes/Select.html#popoverRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Select"},{"id":3396,"kind":1024,"name":"inputRef","url":"classes/Select.html#inputRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Select"},{"id":3397,"kind":2048,"name":"componentDidMount","url":"classes/Select.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Select"},{"id":3398,"kind":2048,"name":"componentDidUpdate","url":"classes/Select.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Select"},{"id":3399,"kind":262144,"name":"disabled","url":"classes/Select.html#disabled","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Select"},{"id":3400,"kind":2048,"name":"tryReviveOption","url":"classes/Select.html#tryReviveOption","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3401,"kind":2048,"name":"onVisibleChange","url":"classes/Select.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3402,"kind":2048,"name":"onSelect","url":"classes/Select.html#onSelect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3403,"kind":1024,"name":"onKeywordChange","url":"classes/Select.html#onKeywordChange","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Select"},{"id":3404,"kind":2048,"name":"resetKeyword","url":"classes/Select.html#resetKeyword","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3405,"kind":2048,"name":"setKeyword","url":"classes/Select.html#setKeyword","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3406,"kind":2048,"name":"onRemove","url":"classes/Select.html#onRemove","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3407,"kind":2048,"name":"onOptionMouseEnter","url":"classes/Select.html#onOptionMouseEnter","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3408,"kind":2048,"name":"onOptionMouseLeave","url":"classes/Select.html#onOptionMouseLeave","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3409,"kind":2048,"name":"selectCurrentIndex","url":"classes/Select.html#selectCurrentIndex","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3410,"kind":1024,"name":"renderOption","url":"classes/Select.html#renderOption","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Select"},{"id":3411,"kind":2048,"name":"globalClick","url":"classes/Select.html#globalClick","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3412,"kind":2048,"name":"onIndexChange","url":"classes/Select.html#onIndexChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3413,"kind":2048,"name":"renderValue","url":"classes/Select.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3414,"kind":2048,"name":"renderTagCollapsedTrigger","url":"classes/Select.html#renderTagCollapsedTrigger","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3415,"kind":2048,"name":"renderTagList","url":"classes/Select.html#renderTagList","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3416,"kind":2048,"name":"getSearchPlaceholder","url":"classes/Select.html#getSearchPlaceholder","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3417,"kind":2048,"name":"onClear","url":"classes/Select.html#onClear","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3418,"kind":2048,"name":"onCreateClick","url":"classes/Select.html#onCreateClick","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3419,"kind":1024,"name":"filterOptions","url":"classes/Select.html#filterOptions","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Select"},{"id":3420,"kind":65536,"name":"__type","url":"classes/Select.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Select"},{"id":3421,"kind":2048,"name":"focusSearchInput","url":"classes/Select.html#focusSearchInput","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3422,"kind":2048,"name":"renderPopoverContent","url":"classes/Select.html#renderPopoverContent","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3423,"kind":2048,"name":"render","url":"classes/Select.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Select"},{"id":3424,"kind":65536,"name":"__type","url":"classes/Select.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Select"},{"id":3425,"kind":64,"name":"getDecimal","url":"modules.html#getDecimal","classes":"tsd-kind-function"},{"id":3426,"kind":128,"name":"Slider","url":"classes/Slider.html","classes":"tsd-kind-class"},{"id":3427,"kind":1024,"name":"defaultProps","url":"classes/Slider.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Slider"},{"id":3428,"kind":65536,"name":"__type","url":"classes/Slider.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Slider"},{"id":3429,"kind":1024,"name":"min","url":"classes/Slider.html#__type-1.min","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Slider.__type"},{"id":3430,"kind":1024,"name":"max","url":"classes/Slider.html#__type-1.max","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Slider.__type"},{"id":3431,"kind":1024,"name":"step","url":"classes/Slider.html#__type-1.step","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Slider.__type"},{"id":3432,"kind":1024,"name":"withInput","url":"classes/Slider.html#__type-1.withInput","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Slider.__type"},{"id":3433,"kind":1024,"name":"range","url":"classes/Slider.html#__type-1.range","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Slider.__type"},{"id":3434,"kind":1024,"name":"value","url":"classes/Slider.html#__type-1.value","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Slider.__type"},{"id":3435,"kind":1024,"name":"contextType","url":"classes/Slider.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Slider"},{"id":3436,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Slider.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Slider"},{"id":3437,"kind":512,"name":"constructor","url":"classes/Slider.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Slider"},{"id":3438,"kind":1024,"name":"context","url":"classes/Slider.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Slider"},{"id":3439,"kind":1024,"name":"state","url":"classes/Slider.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Slider"},{"id":3440,"kind":2048,"name":"render","url":"classes/Slider.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Slider"},{"id":3441,"kind":65536,"name":"__type","url":"classes/Slider.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Slider"},{"id":3442,"kind":256,"name":"ISliderCommonProps","url":"interfaces/ISliderCommonProps.html","classes":"tsd-kind-interface"},{"id":3443,"kind":1024,"name":"min","url":"interfaces/ISliderCommonProps.html#min","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3444,"kind":1024,"name":"max","url":"interfaces/ISliderCommonProps.html#max","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3445,"kind":1024,"name":"step","url":"interfaces/ISliderCommonProps.html#step","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3446,"kind":1024,"name":"withInput","url":"interfaces/ISliderCommonProps.html#withInput","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3447,"kind":1024,"name":"dots","url":"interfaces/ISliderCommonProps.html#dots","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3448,"kind":1024,"name":"width","url":"interfaces/ISliderCommonProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3449,"kind":1024,"name":"disabled","url":"interfaces/ISliderCommonProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3450,"kind":1024,"name":"className","url":"interfaces/ISliderCommonProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3451,"kind":1024,"name":"marks","url":"interfaces/ISliderCommonProps.html#marks","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3452,"kind":256,"name":"ISliderSingleProps","url":"interfaces/ISliderSingleProps.html","classes":"tsd-kind-interface"},{"id":3453,"kind":1024,"name":"range","url":"interfaces/ISliderSingleProps.html#range","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderSingleProps"},{"id":3454,"kind":1024,"name":"value","url":"interfaces/ISliderSingleProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderSingleProps"},{"id":3455,"kind":2048,"name":"onChange","url":"interfaces/ISliderSingleProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISliderSingleProps"},{"id":3456,"kind":1024,"name":"min","url":"interfaces/ISliderSingleProps.html#min","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3457,"kind":1024,"name":"max","url":"interfaces/ISliderSingleProps.html#max","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3458,"kind":1024,"name":"step","url":"interfaces/ISliderSingleProps.html#step","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3459,"kind":1024,"name":"withInput","url":"interfaces/ISliderSingleProps.html#withInput","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3460,"kind":1024,"name":"dots","url":"interfaces/ISliderSingleProps.html#dots","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3461,"kind":1024,"name":"width","url":"interfaces/ISliderSingleProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3462,"kind":1024,"name":"disabled","url":"interfaces/ISliderSingleProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3463,"kind":1024,"name":"className","url":"interfaces/ISliderSingleProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3464,"kind":1024,"name":"marks","url":"interfaces/ISliderSingleProps.html#marks","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3465,"kind":256,"name":"ISliderRangeProps","url":"interfaces/ISliderRangeProps.html","classes":"tsd-kind-interface"},{"id":3466,"kind":1024,"name":"range","url":"interfaces/ISliderRangeProps.html#range","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderRangeProps"},{"id":3467,"kind":1024,"name":"value","url":"interfaces/ISliderRangeProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderRangeProps"},{"id":3468,"kind":2048,"name":"onChange","url":"interfaces/ISliderRangeProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISliderRangeProps"},{"id":3469,"kind":1024,"name":"min","url":"interfaces/ISliderRangeProps.html#min","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3470,"kind":1024,"name":"max","url":"interfaces/ISliderRangeProps.html#max","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3471,"kind":1024,"name":"step","url":"interfaces/ISliderRangeProps.html#step","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3472,"kind":1024,"name":"withInput","url":"interfaces/ISliderRangeProps.html#withInput","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3473,"kind":1024,"name":"dots","url":"interfaces/ISliderRangeProps.html#dots","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3474,"kind":1024,"name":"width","url":"interfaces/ISliderRangeProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3475,"kind":1024,"name":"disabled","url":"interfaces/ISliderRangeProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3476,"kind":1024,"name":"className","url":"interfaces/ISliderRangeProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3477,"kind":1024,"name":"marks","url":"interfaces/ISliderRangeProps.html#marks","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3478,"kind":4194304,"name":"ISliderProps","url":"modules.html#ISliderProps","classes":"tsd-kind-type-alias"},{"id":3479,"kind":256,"name":"ISliderState","url":"interfaces/ISliderState.html","classes":"tsd-kind-interface"},{"id":3480,"kind":1024,"name":"decimal","url":"interfaces/ISliderState.html#decimal","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderState"},{"id":3481,"kind":1024,"name":"potentialValues","url":"interfaces/ISliderState.html#potentialValues","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderState"},{"id":3482,"kind":1024,"name":"active","url":"interfaces/ISliderState.html#active","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderState"},{"id":3483,"kind":1024,"name":"prevProps","url":"interfaces/ISliderState.html#prevProps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderState"},{"id":3484,"kind":64,"name":"smoothScroll","url":"modules.html#smoothScroll","classes":"tsd-kind-function"},{"id":3485,"kind":256,"name":"ISortableProps","url":"interfaces/ISortableProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3486,"kind":1024,"name":"tag","url":"interfaces/ISortableProps.html#tag","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISortableProps"},{"id":3487,"kind":1024,"name":"className","url":"interfaces/ISortableProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISortableProps"},{"id":3488,"kind":1024,"name":"items","url":"interfaces/ISortableProps.html#items","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISortableProps"},{"id":3489,"kind":1024,"name":"filterClass","url":"interfaces/ISortableProps.html#filterClass","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISortableProps"},{"id":3490,"kind":2048,"name":"onChange","url":"interfaces/ISortableProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISortableProps"},{"id":3491,"kind":65536,"name":"__type","url":"interfaces/ISortableProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ISortableProps"},{"id":3492,"kind":65536,"name":"__type","url":"interfaces/ISortableProps.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ISortableProps"},{"id":3493,"kind":128,"name":"Sortable","url":"classes/Sortable.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":3494,"kind":1024,"name":"defaultProps","url":"classes/Sortable.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Sortable"},{"id":3495,"kind":65536,"name":"__type","url":"classes/Sortable.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Sortable"},{"id":3496,"kind":1024,"name":"tag","url":"classes/Sortable.html#__type-1.tag","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Sortable.__type"},{"id":3497,"kind":512,"name":"constructor","url":"classes/Sortable.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"Sortable"},{"id":3498,"kind":1024,"name":"sortable","url":"classes/Sortable.html#sortable","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Sortable"},{"id":3499,"kind":1024,"name":"containerRef","url":"classes/Sortable.html#containerRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Sortable"},{"id":3500,"kind":2048,"name":"handleAddDraggingCursor","url":"classes/Sortable.html#handleAddDraggingCursor","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Sortable"},{"id":3501,"kind":2048,"name":"handleRemoveDraggingCursor","url":"classes/Sortable.html#handleRemoveDraggingCursor","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Sortable"},{"id":3502,"kind":2048,"name":"componentDidMount","url":"classes/Sortable.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Sortable"},{"id":3503,"kind":2048,"name":"componentWillUnmount","url":"classes/Sortable.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Sortable"},{"id":3504,"kind":2048,"name":"render","url":"classes/Sortable.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Sortable"},{"id":3505,"kind":65536,"name":"__type","url":"classes/Sortable.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Sortable"},{"id":3506,"kind":256,"name":"ISplitButtonProps","url":"interfaces/ISplitButtonProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3507,"kind":1024,"name":"type","url":"interfaces/ISplitButtonProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3508,"kind":1024,"name":"size","url":"interfaces/ISplitButtonProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3509,"kind":1024,"name":"disabled","url":"interfaces/ISplitButtonProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3510,"kind":1024,"name":"loading","url":"interfaces/ISplitButtonProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3511,"kind":1024,"name":"dropdownData","url":"interfaces/ISplitButtonProps.html#dropdownData","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3512,"kind":1024,"name":"dropdownTrigger","url":"interfaces/ISplitButtonProps.html#dropdownTrigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3513,"kind":1024,"name":"dropdownText","url":"interfaces/ISplitButtonProps.html#dropdownText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3514,"kind":1024,"name":"dropdownValue","url":"interfaces/ISplitButtonProps.html#dropdownValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3515,"kind":1024,"name":"dropdownIcon","url":"interfaces/ISplitButtonProps.html#dropdownIcon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3516,"kind":1024,"name":"dropdownPosition","url":"interfaces/ISplitButtonProps.html#dropdownPosition","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3517,"kind":1024,"name":"className","url":"interfaces/ISplitButtonProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3518,"kind":1024,"name":"onClick","url":"interfaces/ISplitButtonProps.html#onClick","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3519,"kind":2048,"name":"onSelect","url":"interfaces/ISplitButtonProps.html#onSelect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3520,"kind":128,"name":"SplitButton","url":"classes/SplitButton.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":3521,"kind":1024,"name":"defaultProps","url":"classes/SplitButton.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"SplitButton"},{"id":3522,"kind":65536,"name":"__type","url":"classes/SplitButton.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"SplitButton"},{"id":3523,"kind":1024,"name":"type","url":"classes/SplitButton.html#__type-2.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3524,"kind":1024,"name":"size","url":"classes/SplitButton.html#__type-2.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3525,"kind":1024,"name":"dropdownTrigger","url":"classes/SplitButton.html#__type-2.dropdownTrigger","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3526,"kind":1024,"name":"dropdownData","url":"classes/SplitButton.html#__type-2.dropdownData","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3527,"kind":1024,"name":"dropdownValue","url":"classes/SplitButton.html#__type-2.dropdownValue","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3528,"kind":1024,"name":"dropdownText","url":"classes/SplitButton.html#__type-2.dropdownText","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3529,"kind":1024,"name":"dropdownIcon","url":"classes/SplitButton.html#__type-2.dropdownIcon","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3530,"kind":1024,"name":"dropdownPosition","url":"classes/SplitButton.html#__type-2.dropdownPosition","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3531,"kind":1024,"name":"contextType","url":"classes/SplitButton.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"SplitButton"},{"id":3532,"kind":512,"name":"constructor","url":"classes/SplitButton.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"SplitButton"},{"id":3533,"kind":1024,"name":"context","url":"classes/SplitButton.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"SplitButton"},{"id":3534,"kind":1024,"name":"splitButton","url":"classes/SplitButton.html#splitButton","classes":"tsd-kind-property tsd-parent-kind-class","parent":"SplitButton"},{"id":3535,"kind":1024,"name":"state","url":"classes/SplitButton.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"SplitButton"},{"id":3536,"kind":65536,"name":"__type","url":"classes/SplitButton.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"SplitButton"},{"id":3537,"kind":1024,"name":"isShowDropdown","url":"classes/SplitButton.html#__type-1.isShowDropdown","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3538,"kind":2048,"name":"toggleDropdown","url":"classes/SplitButton.html#toggleDropdown","classes":"tsd-kind-method tsd-parent-kind-class","parent":"SplitButton"},{"id":3539,"kind":2048,"name":"handleSelect","url":"classes/SplitButton.html#handleSelect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"SplitButton"},{"id":3540,"kind":2048,"name":"render","url":"classes/SplitButton.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SplitButton"},{"id":3541,"kind":65536,"name":"__type","url":"classes/SplitButton.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"SplitButton"},{"id":3542,"kind":256,"name":"IStepProps","url":"interfaces/IStepProps.html","classes":"tsd-kind-interface"},{"id":3543,"kind":1024,"name":"title","url":"interfaces/IStepProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3544,"kind":1024,"name":"description","url":"interfaces/IStepProps.html#description","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3545,"kind":1024,"name":"status","url":"interfaces/IStepProps.html#status","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3546,"kind":1024,"name":"isCurrentStep","url":"interfaces/IStepProps.html#isCurrentStep","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3547,"kind":1024,"name":"isLastFinishStep","url":"interfaces/IStepProps.html#isLastFinishStep","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3548,"kind":1024,"name":"stepLast","url":"interfaces/IStepProps.html#stepLast","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3549,"kind":1024,"name":"stepNumber","url":"interfaces/IStepProps.html#stepNumber","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3550,"kind":1024,"name":"sequence","url":"interfaces/IStepProps.html#sequence","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3551,"kind":1024,"name":"disabled","url":"interfaces/IStepProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3552,"kind":1024,"name":"icon","url":"interfaces/IStepProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3553,"kind":256,"name":"IStepsProps","url":"interfaces/IStepsProps.html","classes":"tsd-kind-interface"},{"id":3554,"kind":1024,"name":"type","url":"interfaces/IStepsProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3555,"kind":1024,"name":"direction","url":"interfaces/IStepsProps.html#direction","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3556,"kind":1024,"name":"current","url":"interfaces/IStepsProps.html#current","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3557,"kind":1024,"name":"status","url":"interfaces/IStepsProps.html#status","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3558,"kind":1024,"name":"sequence","url":"interfaces/IStepsProps.html#sequence","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3559,"kind":2048,"name":"onStepChange","url":"interfaces/IStepsProps.html#onStepChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3560,"kind":1024,"name":"className","url":"interfaces/IStepsProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3561,"kind":1024,"name":"ghost","url":"interfaces/IStepsProps.html#ghost","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3562,"kind":128,"name":"Steps","url":"classes/Steps.html","classes":"tsd-kind-class"},{"id":3563,"kind":1024,"name":"defaultProps","url":"classes/Steps.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Steps"},{"id":3564,"kind":65536,"name":"__type","url":"classes/Steps.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Steps"},{"id":3565,"kind":1024,"name":"className","url":"classes/Steps.html#__type-1.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3566,"kind":1024,"name":"type","url":"classes/Steps.html#__type-1.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3567,"kind":1024,"name":"current","url":"classes/Steps.html#__type-1.current","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3568,"kind":1024,"name":"direction","url":"classes/Steps.html#__type-1.direction","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3569,"kind":1024,"name":"size","url":"classes/Steps.html#__type-1.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3570,"kind":1024,"name":"status","url":"classes/Steps.html#__type-1.status","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3571,"kind":1024,"name":"sequence","url":"classes/Steps.html#__type-1.sequence","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3572,"kind":1024,"name":"ghost","url":"classes/Steps.html#__type-1.ghost","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3573,"kind":1024,"name":"Step","url":"classes/Steps.html#Step","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Steps"},{"id":3574,"kind":512,"name":"constructor","url":"classes/Steps.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Steps"},{"id":3575,"kind":2048,"name":"render","url":"classes/Steps.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Steps"},{"id":3576,"kind":65536,"name":"__type","url":"classes/Steps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Steps"},{"id":3577,"kind":64,"name":"alert","url":"modules.html#alert","classes":"tsd-kind-function"},{"id":3578,"kind":64,"name":"confirm","url":"modules.html#confirm","classes":"tsd-kind-function"},{"id":3579,"kind":32,"name":"Sweetalert","url":"modules.html#Sweetalert","classes":"tsd-kind-variable"},{"id":3580,"kind":65536,"name":"__type","url":"modules.html#Sweetalert.__type","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"Sweetalert"},{"id":3581,"kind":1024,"name":"alert","url":"modules.html#Sweetalert.__type.alert","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Sweetalert.__type"},{"id":3582,"kind":65536,"name":"__type","url":"modules.html#Sweetalert.__type.__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Sweetalert.__type"},{"id":3583,"kind":1024,"name":"info","url":"modules.html#Sweetalert.__type.info","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Sweetalert.__type"},{"id":3584,"kind":65536,"name":"__type","url":"modules.html#Sweetalert.__type.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Sweetalert.__type"},{"id":3585,"kind":1024,"name":"confirm","url":"modules.html#Sweetalert.__type.confirm","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Sweetalert.__type"},{"id":3586,"kind":65536,"name":"__type","url":"modules.html#Sweetalert.__type.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Sweetalert.__type"},{"id":3587,"kind":2,"name":"Sweetalert","url":"modules/Sweetalert.html","classes":"tsd-kind-namespace"},{"id":3588,"kind":256,"name":"IAlertOption","url":"interfaces/Sweetalert.IAlertOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"Sweetalert"},{"id":3589,"kind":1024,"name":"content","url":"interfaces/Sweetalert.IAlertOption.html#content","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3590,"kind":1024,"name":"type","url":"interfaces/Sweetalert.IAlertOption.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3591,"kind":1024,"name":"title","url":"interfaces/Sweetalert.IAlertOption.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3592,"kind":1024,"name":"onConfirm","url":"interfaces/Sweetalert.IAlertOption.html#onConfirm","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3593,"kind":1024,"name":"confirmText","url":"interfaces/Sweetalert.IAlertOption.html#confirmText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3594,"kind":1024,"name":"confirmType","url":"interfaces/Sweetalert.IAlertOption.html#confirmType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3595,"kind":1024,"name":"closeBtn","url":"interfaces/Sweetalert.IAlertOption.html#closeBtn","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3596,"kind":1024,"name":"maskClosable","url":"interfaces/Sweetalert.IAlertOption.html#maskClosable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3597,"kind":1024,"name":"parentComponent","url":"interfaces/Sweetalert.IAlertOption.html#parentComponent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3598,"kind":1024,"name":"className","url":"interfaces/Sweetalert.IAlertOption.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3599,"kind":1024,"name":"onCancel","url":"interfaces/Sweetalert.IAlertOption.html#onCancel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3600,"kind":2048,"name":"onClose","url":"interfaces/Sweetalert.IAlertOption.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3601,"kind":256,"name":"IConfirmOption","url":"interfaces/Sweetalert.IConfirmOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"Sweetalert"},{"id":3602,"kind":1024,"name":"cancelText","url":"interfaces/Sweetalert.IConfirmOption.html#cancelText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IConfirmOption"},{"id":3603,"kind":1024,"name":"content","url":"interfaces/Sweetalert.IConfirmOption.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3604,"kind":1024,"name":"type","url":"interfaces/Sweetalert.IConfirmOption.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3605,"kind":1024,"name":"title","url":"interfaces/Sweetalert.IConfirmOption.html#title","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3606,"kind":1024,"name":"onConfirm","url":"interfaces/Sweetalert.IConfirmOption.html#onConfirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3607,"kind":1024,"name":"confirmText","url":"interfaces/Sweetalert.IConfirmOption.html#confirmText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3608,"kind":1024,"name":"confirmType","url":"interfaces/Sweetalert.IConfirmOption.html#confirmType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3609,"kind":1024,"name":"closeBtn","url":"interfaces/Sweetalert.IConfirmOption.html#closeBtn","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3610,"kind":1024,"name":"maskClosable","url":"interfaces/Sweetalert.IConfirmOption.html#maskClosable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3611,"kind":1024,"name":"parentComponent","url":"interfaces/Sweetalert.IConfirmOption.html#parentComponent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3612,"kind":1024,"name":"className","url":"interfaces/Sweetalert.IConfirmOption.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3613,"kind":1024,"name":"onCancel","url":"interfaces/Sweetalert.IConfirmOption.html#onCancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3614,"kind":2048,"name":"onClose","url":"interfaces/Sweetalert.IConfirmOption.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3615,"kind":64,"name":"info","url":"modules.html#info","classes":"tsd-kind-function"},{"id":3616,"kind":32,"name":"Carousel","url":"modules.html#Carousel","classes":"tsd-kind-variable"},{"id":3617,"kind":256,"name":"ISwiperProps","url":"interfaces/ISwiperProps.html","classes":"tsd-kind-interface"},{"id":3618,"kind":1024,"name":"className","url":"interfaces/ISwiperProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3619,"kind":1024,"name":"transitionDuration","url":"interfaces/ISwiperProps.html#transitionDuration","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3620,"kind":1024,"name":"autoplay","url":"interfaces/ISwiperProps.html#autoplay","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3621,"kind":1024,"name":"autoplayInterval","url":"interfaces/ISwiperProps.html#autoplayInterval","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3622,"kind":1024,"name":"dots","url":"interfaces/ISwiperProps.html#dots","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3623,"kind":1024,"name":"dotsColor","url":"interfaces/ISwiperProps.html#dotsColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3624,"kind":1024,"name":"dotsSize","url":"interfaces/ISwiperProps.html#dotsSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3625,"kind":1024,"name":"dotsTheme","url":"interfaces/ISwiperProps.html#dotsTheme","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3626,"kind":1024,"name":"arrows","url":"interfaces/ISwiperProps.html#arrows","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3627,"kind":1024,"name":"arrowsDisabled","url":"interfaces/ISwiperProps.html#arrowsDisabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3628,"kind":65536,"name":"__type","url":"interfaces/ISwiperProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3629,"kind":1024,"name":"left","url":"interfaces/ISwiperProps.html#__type.left","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ISwiperProps.__type"},{"id":3630,"kind":1024,"name":"right","url":"interfaces/ISwiperProps.html#__type.right","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ISwiperProps.__type"},{"id":3631,"kind":1024,"name":"arrowsSize","url":"interfaces/ISwiperProps.html#arrowsSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3632,"kind":1024,"name":"arrowsType","url":"interfaces/ISwiperProps.html#arrowsType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3633,"kind":2048,"name":"onChange","url":"interfaces/ISwiperProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3634,"kind":1024,"name":"children","url":"interfaces/ISwiperProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3635,"kind":2048,"name":"renderPrevArrow","url":"interfaces/ISwiperProps.html#renderPrevArrow","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3636,"kind":2048,"name":"renderNextArrow","url":"interfaces/ISwiperProps.html#renderNextArrow","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3637,"kind":256,"name":"ISwiperState","url":"interfaces/ISwiperState.html","classes":"tsd-kind-interface"},{"id":3638,"kind":1024,"name":"currentIndex","url":"interfaces/ISwiperState.html#currentIndex","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperState"},{"id":3639,"kind":1024,"name":"prevProps","url":"interfaces/ISwiperState.html#prevProps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperState"},{"id":3640,"kind":128,"name":"Swiper","url":"classes/Swiper.html","classes":"tsd-kind-class"},{"id":3641,"kind":1024,"name":"defaultProps","url":"classes/Swiper.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Swiper"},{"id":3642,"kind":65536,"name":"__type","url":"classes/Swiper.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Swiper"},{"id":3643,"kind":1024,"name":"className","url":"classes/Swiper.html#__type-2.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3644,"kind":1024,"name":"transitionDuration","url":"classes/Swiper.html#__type-2.transitionDuration","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3645,"kind":1024,"name":"autoplay","url":"classes/Swiper.html#__type-2.autoplay","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3646,"kind":1024,"name":"autoplayInterval","url":"classes/Swiper.html#__type-2.autoplayInterval","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3647,"kind":1024,"name":"dots","url":"classes/Swiper.html#__type-2.dots","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3648,"kind":1024,"name":"dotsTheme","url":"classes/Swiper.html#__type-2.dotsTheme","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3649,"kind":1024,"name":"dotsSize","url":"classes/Swiper.html#__type-2.dotsSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3650,"kind":1024,"name":"arrows","url":"classes/Swiper.html#__type-2.arrows","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3651,"kind":1024,"name":"arrowsSize","url":"classes/Swiper.html#__type-2.arrowsSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3652,"kind":1024,"name":"arrowsType","url":"classes/Swiper.html#__type-2.arrowsType","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3653,"kind":1024,"name":"arrowsDisabled","url":"classes/Swiper.html#__type-2.arrowsDisabled","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3654,"kind":65536,"name":"__type","url":"classes/Swiper.html#__type-2.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3655,"kind":1024,"name":"left","url":"classes/Swiper.html#__type-2.__type-3.left","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type.__type"},{"id":3656,"kind":1024,"name":"right","url":"classes/Swiper.html#__type-2.__type-3.right","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type.__type"},{"id":3657,"kind":1024,"name":"renderPrevArrow","url":"classes/Swiper.html#__type-2.renderPrevArrow","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3658,"kind":65536,"name":"__type","url":"classes/Swiper.html#__type-2.__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3659,"kind":1024,"name":"renderNextArrow","url":"classes/Swiper.html#__type-2.renderNextArrow","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3660,"kind":65536,"name":"__type","url":"classes/Swiper.html#__type-2.__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3661,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Swiper.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Swiper"},{"id":3662,"kind":512,"name":"constructor","url":"classes/Swiper.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Swiper"},{"id":3663,"kind":1024,"name":"swiper","url":"classes/Swiper.html#swiper","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Swiper"},{"id":3664,"kind":1024,"name":"swiperContainer","url":"classes/Swiper.html#swiperContainer","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Swiper"},{"id":3665,"kind":1024,"name":"swiperWidth","url":"classes/Swiper.html#swiperWidth","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Swiper"},{"id":3666,"kind":1024,"name":"autoplayTimer","url":"classes/Swiper.html#autoplayTimer","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Swiper"},{"id":3667,"kind":1024,"name":"isSwiping","url":"classes/Swiper.html#isSwiping","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Swiper"},{"id":3668,"kind":1024,"name":"isMouseEnter","url":"classes/Swiper.html#isMouseEnter","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Swiper"},{"id":3669,"kind":1024,"name":"state","url":"classes/Swiper.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Swiper"},{"id":3670,"kind":65536,"name":"__type","url":"classes/Swiper.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Swiper"},{"id":3671,"kind":1024,"name":"currentIndex","url":"classes/Swiper.html#__type-1.currentIndex","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3672,"kind":2048,"name":"init","url":"classes/Swiper.html#init","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3673,"kind":2048,"name":"getSwiper","url":"classes/Swiper.html#getSwiper","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3674,"kind":2048,"name":"getSwiperContainer","url":"classes/Swiper.html#getSwiperContainer","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3675,"kind":2048,"name":"setSwiperWidth","url":"classes/Swiper.html#setSwiperWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3676,"kind":2048,"name":"startAutoplay","url":"classes/Swiper.html#startAutoplay","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3677,"kind":2048,"name":"clearAutoplay","url":"classes/Swiper.html#clearAutoplay","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3678,"kind":2048,"name":"next","url":"classes/Swiper.html#next","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3679,"kind":2048,"name":"prev","url":"classes/Swiper.html#prev","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3680,"kind":2048,"name":"swipeTo","url":"classes/Swiper.html#swipeTo","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3681,"kind":2048,"name":"translate","url":"classes/Swiper.html#translate","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3682,"kind":2048,"name":"resetPosition","url":"classes/Swiper.html#resetPosition","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3683,"kind":2048,"name":"getRealPrevIndex","url":"classes/Swiper.html#getRealPrevIndex","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3684,"kind":2048,"name":"cloneChildren","url":"classes/Swiper.html#cloneChildren","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3685,"kind":2048,"name":"handleMouseEnter","url":"classes/Swiper.html#handleMouseEnter","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3686,"kind":2048,"name":"handleMouseLeave","url":"classes/Swiper.html#handleMouseLeave","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3687,"kind":2048,"name":"handleDotsClick","url":"classes/Swiper.html#handleDotsClick","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3688,"kind":2048,"name":"handleResize","url":"classes/Swiper.html#handleResize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3689,"kind":2048,"name":"componentDidMount","url":"classes/Swiper.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Swiper"},{"id":3690,"kind":2048,"name":"componentDidUpdate","url":"classes/Swiper.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Swiper"},{"id":3691,"kind":2048,"name":"componentWillUnmount","url":"classes/Swiper.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Swiper"},{"id":3692,"kind":2048,"name":"render","url":"classes/Swiper.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Swiper"},{"id":3693,"kind":65536,"name":"__type","url":"classes/Swiper.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Swiper"},{"id":3694,"kind":256,"name":"ISwitchProps","url":"interfaces/ISwitchProps.html","classes":"tsd-kind-interface"},{"id":3695,"kind":1024,"name":"checked","url":"interfaces/ISwitchProps.html#checked","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3696,"kind":2048,"name":"onChange","url":"interfaces/ISwitchProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3697,"kind":1024,"name":"disabled","url":"interfaces/ISwitchProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3698,"kind":1024,"name":"checkedText","url":"interfaces/ISwitchProps.html#checkedText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3699,"kind":1024,"name":"uncheckedText","url":"interfaces/ISwitchProps.html#uncheckedText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3700,"kind":1024,"name":"loading","url":"interfaces/ISwitchProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3701,"kind":1024,"name":"size","url":"interfaces/ISwitchProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3702,"kind":1024,"name":"className","url":"interfaces/ISwitchProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3703,"kind":128,"name":"Switch","url":"classes/Switch.html","classes":"tsd-kind-class"},{"id":3704,"kind":1024,"name":"defaultProps","url":"classes/Switch.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Switch"},{"id":3705,"kind":65536,"name":"__type","url":"classes/Switch.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Switch"},{"id":3706,"kind":1024,"name":"size","url":"classes/Switch.html#__type-1.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Switch.__type"},{"id":3707,"kind":1024,"name":"contextType","url":"classes/Switch.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Switch"},{"id":3708,"kind":512,"name":"constructor","url":"classes/Switch.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Switch"},{"id":3709,"kind":1024,"name":"context","url":"classes/Switch.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Switch"},{"id":3710,"kind":2048,"name":"toggle","url":"classes/Switch.html#toggle","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Switch"},{"id":3711,"kind":2048,"name":"render","url":"classes/Switch.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Switch"},{"id":3712,"kind":65536,"name":"__type","url":"classes/Switch.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Switch"},{"id":3713,"kind":128,"name":"Tabs","url":"classes/Tabs.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":3714,"kind":1024,"name":"TabPanel","url":"classes/Tabs.html#TabPanel","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Tabs"},{"id":3715,"kind":65536,"name":"__type","url":"classes/Tabs.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Tabs"},{"id":3716,"kind":1024,"name":"defaultProps","url":"classes/Tabs.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Tabs"},{"id":3717,"kind":512,"name":"constructor","url":"classes/Tabs.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"Tabs"},{"id":3718,"kind":262144,"name":"tabsCls","url":"classes/Tabs.html#tabsCls","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Tabs"},{"id":3719,"kind":2048,"name":"getTabDataListFromTabs","url":"classes/Tabs.html#getTabDataListFromTabs","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Tabs"},{"id":3720,"kind":2048,"name":"getTabDataListFromChildren","url":"classes/Tabs.html#getTabDataListFromChildren","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Tabs"},{"id":3721,"kind":2048,"name":"renderNav","url":"classes/Tabs.html#renderNav","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Tabs"},{"id":3722,"kind":2048,"name":"renderTabPanel","url":"classes/Tabs.html#renderTabPanel","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Tabs"},{"id":3723,"kind":2048,"name":"renderWithPanel","url":"classes/Tabs.html#renderWithPanel","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Tabs"},{"id":3724,"kind":2048,"name":"renderWithoutPanel","url":"classes/Tabs.html#renderWithoutPanel","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Tabs"},{"id":3725,"kind":2048,"name":"render","url":"classes/Tabs.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Tabs"},{"id":3726,"kind":65536,"name":"__type","url":"classes/Tabs.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Tabs"},{"id":3727,"kind":256,"name":"IVerticalDivide","url":"interfaces/IVerticalDivide.html","classes":"tsd-kind-interface"},{"id":3728,"kind":1024,"name":"divide","url":"interfaces/IVerticalDivide.html#divide","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IVerticalDivide"},{"id":3729,"kind":256,"name":"IFixedProps","url":"interfaces/IFixedProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3730,"kind":1024,"name":"canFixed","url":"interfaces/IFixedProps.html#canFixed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFixedProps"},{"id":3731,"kind":1024,"name":"fixedIds","url":"interfaces/IFixedProps.html#fixedIds","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFixedProps"},{"id":3732,"kind":2048,"name":"onFixedChange","url":"interfaces/IFixedProps.html#onFixedChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFixedProps"},{"id":3733,"kind":256,"name":"ITab","url":"interfaces/ITab.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3734,"kind":1024,"name":"key","url":"interfaces/ITab.html#key","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITab"},{"id":3735,"kind":1024,"name":"title","url":"interfaces/ITab.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITab"},{"id":3736,"kind":1024,"name":"disabled","url":"interfaces/ITab.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITab"},{"id":3737,"kind":1024,"name":"className","url":"interfaces/ITab.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITab"},{"id":3738,"kind":1024,"name":"canFixed","url":"interfaces/ITab.html#canFixed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITab"},{"id":3739,"kind":1024,"name":"candel","url":"interfaces/ITab.html#candel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITab"},{"id":3740,"kind":4194304,"name":"IVerticalTab","url":"modules.html#IVerticalTab","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":3741,"kind":256,"name":"IInnerTab","url":"interfaces/IInnerTab.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3742,"kind":1024,"name":"actived","url":"interfaces/IInnerTab.html#actived","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInnerTab"},{"id":3743,"kind":1024,"name":"unmountOnHide","url":"interfaces/IInnerTab.html#unmountOnHide","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInnerTab"},{"id":3744,"kind":1024,"name":"panelChildren","url":"interfaces/IInnerTab.html#panelChildren","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInnerTab"},{"id":3745,"kind":1024,"name":"candel","url":"interfaces/IInnerTab.html#candel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IInnerTab"},{"id":3746,"kind":1024,"name":"key","url":"interfaces/IInnerTab.html#key","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInnerTab"},{"id":3747,"kind":1024,"name":"title","url":"interfaces/IInnerTab.html#title","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInnerTab"},{"id":3748,"kind":1024,"name":"disabled","url":"interfaces/IInnerTab.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInnerTab"},{"id":3749,"kind":1024,"name":"className","url":"interfaces/IInnerTab.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInnerTab"},{"id":3750,"kind":1024,"name":"canFixed","url":"interfaces/IInnerTab.html#canFixed","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInnerTab"},{"id":3751,"kind":1024,"name":"fixedIds","url":"interfaces/IInnerTab.html#fixedIds","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInnerTab"},{"id":3752,"kind":2048,"name":"onFixedChange","url":"interfaces/IInnerTab.html#onFixedChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IInnerTab"},{"id":3753,"kind":4194304,"name":"IVerticalInnerTab","url":"modules.html#IVerticalInnerTab","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":3754,"kind":4194304,"name":"TabType","url":"modules.html#TabType","classes":"tsd-kind-type-alias"},{"id":3755,"kind":4194304,"name":"ITabOverflowMode","url":"modules.html#ITabOverflowMode","classes":"tsd-kind-type-alias"},{"id":3756,"kind":256,"name":"ITabPanelProps","url":"interfaces/ITabPanelProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3757,"kind":1024,"name":"id","url":"interfaces/ITabPanelProps.html#id","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3758,"kind":1024,"name":"tab","url":"interfaces/ITabPanelProps.html#tab","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3759,"kind":1024,"name":"className","url":"interfaces/ITabPanelProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3760,"kind":1024,"name":"disabled","url":"interfaces/ITabPanelProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3761,"kind":1024,"name":"actived","url":"interfaces/ITabPanelProps.html#actived","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3762,"kind":1024,"name":"unmountOnHide","url":"interfaces/ITabPanelProps.html#unmountOnHide","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3763,"kind":1024,"name":"canFixed","url":"interfaces/ITabPanelProps.html#canFixed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3764,"kind":1024,"name":"candel","url":"interfaces/ITabPanelProps.html#candel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3765,"kind":4194304,"name":"IVerticalTabPanelProps","url":"modules.html#IVerticalTabPanelProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":3766,"kind":4194304,"name":"ITabPanelElement","url":"modules.html#ITabPanelElement","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":3767,"kind":256,"name":"IBaseTabsProps","url":"interfaces/IBaseTabsProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3768,"kind":2048,"name":"onChange","url":"interfaces/IBaseTabsProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IBaseTabsProps"},{"id":3769,"kind":1024,"name":"activeId","url":"interfaces/IBaseTabsProps.html#activeId","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBaseTabsProps"},{"id":3770,"kind":1024,"name":"className","url":"interfaces/IBaseTabsProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBaseTabsProps"},{"id":3771,"kind":1024,"name":"tabs","url":"interfaces/IBaseTabsProps.html#tabs","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBaseTabsProps"},{"id":3772,"kind":1024,"name":"unmountPanelOnHide","url":"interfaces/IBaseTabsProps.html#unmountPanelOnHide","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBaseTabsProps"},{"id":3773,"kind":1024,"name":"disableLazyMount","url":"interfaces/IBaseTabsProps.html#disableLazyMount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBaseTabsProps"},{"id":3774,"kind":1024,"name":"children","url":"interfaces/IBaseTabsProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBaseTabsProps"},{"id":3775,"kind":256,"name":"ITabsProps","url":"interfaces/ITabsProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3776,"kind":2048,"name":"onDelete","url":"interfaces/ITabsProps.html#onDelete","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3777,"kind":2048,"name":"onAdd","url":"interfaces/ITabsProps.html#onAdd","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3778,"kind":1024,"name":"candel","url":"interfaces/ITabsProps.html#candel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3779,"kind":1024,"name":"stretch","url":"interfaces/ITabsProps.html#stretch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3780,"kind":1024,"name":"navExtraContent","url":"interfaces/ITabsProps.html#navExtraContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3781,"kind":1024,"name":"type","url":"interfaces/ITabsProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3782,"kind":1024,"name":"overflowMode","url":"interfaces/ITabsProps.html#overflowMode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3783,"kind":2048,"name":"renderTabBar","url":"interfaces/ITabsProps.html#renderTabBar","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3784,"kind":2048,"name":"onChange","url":"interfaces/ITabsProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3785,"kind":1024,"name":"activeId","url":"interfaces/ITabsProps.html#activeId","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3786,"kind":1024,"name":"className","url":"interfaces/ITabsProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3787,"kind":1024,"name":"tabs","url":"interfaces/ITabsProps.html#tabs","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3788,"kind":1024,"name":"unmountPanelOnHide","url":"interfaces/ITabsProps.html#unmountPanelOnHide","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3789,"kind":1024,"name":"disableLazyMount","url":"interfaces/ITabsProps.html#disableLazyMount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3790,"kind":1024,"name":"children","url":"interfaces/ITabsProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3791,"kind":1024,"name":"canFixed","url":"interfaces/ITabsProps.html#canFixed","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3792,"kind":1024,"name":"fixedIds","url":"interfaces/ITabsProps.html#fixedIds","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3793,"kind":2048,"name":"onFixedChange","url":"interfaces/ITabsProps.html#onFixedChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3794,"kind":256,"name":"IVerticalTabsProps","url":"interfaces/IVerticalTabsProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3795,"kind":1024,"name":"scrollHeight","url":"interfaces/IVerticalTabsProps.html#scrollHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IVerticalTabsProps"},{"id":3796,"kind":2048,"name":"onChange","url":"interfaces/IVerticalTabsProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsProps"},{"id":3797,"kind":1024,"name":"activeId","url":"interfaces/IVerticalTabsProps.html#activeId","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsProps"},{"id":3798,"kind":1024,"name":"className","url":"interfaces/IVerticalTabsProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsProps"},{"id":3799,"kind":1024,"name":"tabs","url":"interfaces/IVerticalTabsProps.html#tabs","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsProps"},{"id":3800,"kind":1024,"name":"unmountPanelOnHide","url":"interfaces/IVerticalTabsProps.html#unmountPanelOnHide","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsProps"},{"id":3801,"kind":1024,"name":"disableLazyMount","url":"interfaces/IVerticalTabsProps.html#disableLazyMount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsProps"},{"id":3802,"kind":1024,"name":"children","url":"interfaces/IVerticalTabsProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsProps"},{"id":3803,"kind":256,"name":"IBaseTabsNavProps","url":"interfaces/IBaseTabsNavProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3804,"kind":2048,"name":"onChange","url":"interfaces/IBaseTabsNavProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IBaseTabsNavProps"},{"id":3805,"kind":1024,"name":"tabDataList","url":"interfaces/IBaseTabsNavProps.html#tabDataList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBaseTabsNavProps"},{"id":3806,"kind":256,"name":"ITabsNavProps","url":"interfaces/ITabsNavProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3807,"kind":2048,"name":"onDelete","url":"interfaces/ITabsNavProps.html#onDelete","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3808,"kind":1024,"name":"candel","url":"interfaces/ITabsNavProps.html#candel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3809,"kind":1024,"name":"stretch","url":"interfaces/ITabsNavProps.html#stretch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3810,"kind":1024,"name":"navExtraContent","url":"interfaces/ITabsNavProps.html#navExtraContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3811,"kind":1024,"name":"type","url":"interfaces/ITabsNavProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3812,"kind":1024,"name":"overflowMode","url":"interfaces/ITabsNavProps.html#overflowMode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3813,"kind":2048,"name":"onAdd","url":"interfaces/ITabsNavProps.html#onAdd","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3814,"kind":1024,"name":"activeId","url":"interfaces/ITabsNavProps.html#activeId","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3815,"kind":1024,"name":"className","url":"interfaces/ITabsNavProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3816,"kind":1024,"name":"style","url":"interfaces/ITabsNavProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3817,"kind":2048,"name":"onChange","url":"interfaces/ITabsNavProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsNavProps"},{"id":3818,"kind":1024,"name":"tabDataList","url":"interfaces/ITabsNavProps.html#tabDataList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsNavProps"},{"id":3819,"kind":1024,"name":"canFixed","url":"interfaces/ITabsNavProps.html#canFixed","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsNavProps"},{"id":3820,"kind":1024,"name":"fixedIds","url":"interfaces/ITabsNavProps.html#fixedIds","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsNavProps"},{"id":3821,"kind":2048,"name":"onFixedChange","url":"interfaces/ITabsNavProps.html#onFixedChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsNavProps"},{"id":3822,"kind":256,"name":"ITabNavState","url":"interfaces/ITabNavState.html","classes":"tsd-kind-interface"},{"id":3823,"kind":1024,"name":"fixed","url":"interfaces/ITabNavState.html#fixed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabNavState"},{"id":3824,"kind":256,"name":"IVerticalTabsNavProps","url":"interfaces/IVerticalTabsNavProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3825,"kind":1024,"name":"scrollHeight","url":"interfaces/IVerticalTabsNavProps.html#scrollHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IVerticalTabsNavProps"},{"id":3826,"kind":2048,"name":"onChange","url":"interfaces/IVerticalTabsNavProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsNavProps"},{"id":3827,"kind":1024,"name":"tabDataList","url":"interfaces/IVerticalTabsNavProps.html#tabDataList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsNavProps"},{"id":3828,"kind":256,"name":"ITabProps","url":"interfaces/ITabProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3829,"kind":1024,"name":"id","url":"interfaces/ITabProps.html#id","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabProps"},{"id":3830,"kind":2048,"name":"onSelected","url":"interfaces/ITabProps.html#onSelected","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabProps"},{"id":3831,"kind":2048,"name":"onDelete","url":"interfaces/ITabProps.html#onDelete","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabProps"},{"id":3832,"kind":1024,"name":"actived","url":"interfaces/ITabProps.html#actived","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabProps"},{"id":3833,"kind":1024,"name":"disabled","url":"interfaces/ITabProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabProps"},{"id":3834,"kind":1024,"name":"candel","url":"interfaces/ITabProps.html#candel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabProps"},{"id":3835,"kind":1024,"name":"canFixed","url":"interfaces/ITabProps.html#canFixed","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabProps"},{"id":3836,"kind":1024,"name":"fixedIds","url":"interfaces/ITabProps.html#fixedIds","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabProps"},{"id":3837,"kind":2048,"name":"onFixedChange","url":"interfaces/ITabProps.html#onFixedChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabProps"},{"id":3838,"kind":128,"name":"VerticalTabs","url":"classes/VerticalTabs.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":3839,"kind":1024,"name":"TabPanel","url":"classes/VerticalTabs.html#TabPanel","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"VerticalTabs"},{"id":3840,"kind":65536,"name":"__type","url":"classes/VerticalTabs.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"VerticalTabs"},{"id":3841,"kind":1024,"name":"Divide","url":"classes/VerticalTabs.html#Divide","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"VerticalTabs"},{"id":3842,"kind":1024,"name":"defaultProps","url":"classes/VerticalTabs.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"VerticalTabs"},{"id":3843,"kind":512,"name":"constructor","url":"classes/VerticalTabs.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"VerticalTabs"},{"id":3844,"kind":262144,"name":"tabsCls","url":"classes/VerticalTabs.html#tabsCls","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"VerticalTabs"},{"id":3845,"kind":2048,"name":"getTabDataListFromTabs","url":"classes/VerticalTabs.html#getTabDataListFromTabs","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"VerticalTabs"},{"id":3846,"kind":2048,"name":"getTabDataListFromChildren","url":"classes/VerticalTabs.html#getTabDataListFromChildren","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"VerticalTabs"},{"id":3847,"kind":2048,"name":"renderNav","url":"classes/VerticalTabs.html#renderNav","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"VerticalTabs"},{"id":3848,"kind":2048,"name":"renderTabPanel","url":"classes/VerticalTabs.html#renderTabPanel","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"VerticalTabs"},{"id":3849,"kind":2048,"name":"renderWithPanel","url":"classes/VerticalTabs.html#renderWithPanel","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"VerticalTabs"},{"id":3850,"kind":2048,"name":"renderWithoutPanel","url":"classes/VerticalTabs.html#renderWithoutPanel","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"VerticalTabs"},{"id":3851,"kind":2048,"name":"render","url":"classes/VerticalTabs.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"VerticalTabs"},{"id":3852,"kind":65536,"name":"__type","url":"classes/VerticalTabs.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"VerticalTabs"},{"id":3853,"kind":256,"name":"ITagProps","url":"interfaces/ITagProps.html","classes":"tsd-kind-interface"},{"id":3854,"kind":1024,"name":"theme","url":"interfaces/ITagProps.html#theme","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3855,"kind":1024,"name":"outline","url":"interfaces/ITagProps.html#outline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3856,"kind":1024,"name":"rounded","url":"interfaces/ITagProps.html#rounded","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3857,"kind":1024,"name":"closable","url":"interfaces/ITagProps.html#closable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3858,"kind":1024,"name":"onClose","url":"interfaces/ITagProps.html#onClose","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3859,"kind":1024,"name":"style","url":"interfaces/ITagProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ITagProps"},{"id":3860,"kind":1024,"name":"closeButtonStyle","url":"interfaces/ITagProps.html#closeButtonStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3861,"kind":1024,"name":"visible","url":"interfaces/ITagProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3862,"kind":1024,"name":"size","url":"interfaces/ITagProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3863,"kind":65536,"name":"__type","url":"interfaces/ITagProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ITagProps"},{"id":3864,"kind":32,"name":"Tag","url":"modules.html#Tag","classes":"tsd-kind-variable"},{"id":3865,"kind":256,"name":"ILinkTagProps","url":"interfaces/ILinkTagProps.html","classes":"tsd-kind-interface"},{"id":3866,"kind":1024,"name":"linkIconStyle","url":"interfaces/ILinkTagProps.html#linkIconStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILinkTagProps"},{"id":3867,"kind":1024,"name":"onClose","url":"interfaces/ILinkTagProps.html#onClose","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ILinkTagProps"},{"id":3868,"kind":1024,"name":"style","url":"interfaces/ILinkTagProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ILinkTagProps"},{"id":3869,"kind":65536,"name":"__type","url":"interfaces/ILinkTagProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ILinkTagProps"},{"id":3870,"kind":1024,"name":"visible","url":"interfaces/ILinkTagProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ILinkTagProps"},{"id":3871,"kind":1024,"name":"rounded","url":"interfaces/ILinkTagProps.html#rounded","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ILinkTagProps"},{"id":3872,"kind":32,"name":"LinkTag","url":"modules.html#LinkTag","classes":"tsd-kind-variable"},{"id":3873,"kind":256,"name":"ISelectTagProps","url":"interfaces/ISelectTagProps.html","classes":"tsd-kind-interface"},{"id":3874,"kind":1024,"name":"selected","url":"interfaces/ISelectTagProps.html#selected","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectTagProps"},{"id":3875,"kind":2048,"name":"onChange","url":"interfaces/ISelectTagProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectTagProps"},{"id":3876,"kind":1024,"name":"onClose","url":"interfaces/ISelectTagProps.html#onClose","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectTagProps"},{"id":3877,"kind":1024,"name":"style","url":"interfaces/ISelectTagProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectTagProps"},{"id":3878,"kind":65536,"name":"__type","url":"interfaces/ISelectTagProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ISelectTagProps"},{"id":3879,"kind":1024,"name":"visible","url":"interfaces/ISelectTagProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectTagProps"},{"id":3880,"kind":1024,"name":"rounded","url":"interfaces/ISelectTagProps.html#rounded","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectTagProps"},{"id":3881,"kind":32,"name":"SelectTag","url":"modules.html#SelectTag","classes":"tsd-kind-variable"},{"id":3882,"kind":4194304,"name":"StatusBarType","url":"modules.html#StatusBarType","classes":"tsd-kind-type-alias"},{"id":3883,"kind":256,"name":"IStatusBarProps","url":"interfaces/IStatusBarProps.html","classes":"tsd-kind-interface"},{"id":3884,"kind":1024,"name":"type","url":"interfaces/IStatusBarProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStatusBarProps"},{"id":3885,"kind":1024,"name":"closable","url":"interfaces/IStatusBarProps.html#closable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3886,"kind":1024,"name":"closeContent","url":"interfaces/IStatusBarProps.html#closeContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3887,"kind":1024,"name":"extraContent","url":"interfaces/IStatusBarProps.html#extraContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3888,"kind":1024,"name":"title","url":"interfaces/IStatusBarProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3889,"kind":1024,"name":"description","url":"interfaces/IStatusBarProps.html#description","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3890,"kind":2048,"name":"onClose","url":"interfaces/IStatusBarProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3891,"kind":65536,"name":"__type","url":"interfaces/IStatusBarProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IStatusBarProps"},{"id":3892,"kind":1024,"name":"closed","url":"interfaces/IStatusBarProps.html#closed","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3893,"kind":1024,"name":"loading","url":"interfaces/IStatusBarProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3894,"kind":1024,"name":"outline","url":"interfaces/IStatusBarProps.html#outline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3895,"kind":1024,"name":"bordered","url":"interfaces/IStatusBarProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3896,"kind":1024,"name":"icon","url":"interfaces/IStatusBarProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3897,"kind":1024,"name":"closeIconColor","url":"interfaces/IStatusBarProps.html#closeIconColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3898,"kind":1024,"name":"progress","url":"interfaces/IStatusBarProps.html#progress","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3899,"kind":32,"name":"StatusBar","url":"modules.html#StatusBar","classes":"tsd-kind-variable"},{"id":3900,"kind":4194304,"name":"TextMarkSanitizeFunction","url":"modules.html#TextMarkSanitizeFunction","classes":"tsd-kind-type-alias"},{"id":3901,"kind":65536,"name":"__type","url":"modules.html#TextMarkSanitizeFunction.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TextMarkSanitizeFunction"},{"id":3902,"kind":4194304,"name":"TextMarkFindChunksFunction","url":"modules.html#TextMarkFindChunksFunction","classes":"tsd-kind-type-alias"},{"id":3903,"kind":65536,"name":"__type","url":"modules.html#TextMarkFindChunksFunction.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TextMarkFindChunksFunction"},{"id":3904,"kind":4194304,"name":"TextMarkSearchWords","url":"modules.html#TextMarkSearchWords","classes":"tsd-kind-type-alias"},{"id":3905,"kind":64,"name":"TextMark","url":"modules.html#TextMark","classes":"tsd-kind-function"},{"id":3906,"kind":256,"name":"ITextMarkProps","url":"interfaces/ITextMarkProps.html","classes":"tsd-kind-interface"},{"id":3907,"kind":1024,"name":"activeClassName","url":"interfaces/ITextMarkProps.html#activeClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3908,"kind":1024,"name":"activeIndex","url":"interfaces/ITextMarkProps.html#activeIndex","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3909,"kind":1024,"name":"activeStyle","url":"interfaces/ITextMarkProps.html#activeStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3910,"kind":1024,"name":"highlightClassName","url":"interfaces/ITextMarkProps.html#highlightClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3911,"kind":1024,"name":"highlightStyle","url":"interfaces/ITextMarkProps.html#highlightStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3912,"kind":1024,"name":"unhighlightClassName","url":"interfaces/ITextMarkProps.html#unhighlightClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3913,"kind":1024,"name":"unhighlightStyle","url":"interfaces/ITextMarkProps.html#unhighlightStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3914,"kind":1024,"name":"highlightTag","url":"interfaces/ITextMarkProps.html#highlightTag","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3915,"kind":1024,"name":"sanitize","url":"interfaces/ITextMarkProps.html#sanitize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3916,"kind":1024,"name":"searchWords","url":"interfaces/ITextMarkProps.html#searchWords","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3917,"kind":1024,"name":"textToHighlight","url":"interfaces/ITextMarkProps.html#textToHighlight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3918,"kind":1024,"name":"autoEscape","url":"interfaces/ITextMarkProps.html#autoEscape","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3919,"kind":1024,"name":"caseSensitive","url":"interfaces/ITextMarkProps.html#caseSensitive","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3920,"kind":1024,"name":"className","url":"interfaces/ITextMarkProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ITextMarkProps"},{"id":3921,"kind":1024,"name":"findChunks","url":"interfaces/ITextMarkProps.html#findChunks","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3922,"kind":65536,"name":"__type","url":"interfaces/ITextMarkProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3923,"kind":256,"name":"ITimelineItemProps","url":"interfaces/ITimelineItemProps.html","classes":"tsd-kind-interface"},{"id":3924,"kind":1024,"name":"size","url":"interfaces/ITimelineItemProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3925,"kind":1024,"name":"showLabel","url":"interfaces/ITimelineItemProps.html#showLabel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3926,"kind":1024,"name":"showDot","url":"interfaces/ITimelineItemProps.html#showDot","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3927,"kind":1024,"name":"color","url":"interfaces/ITimelineItemProps.html#color","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3928,"kind":1024,"name":"lineColor","url":"interfaces/ITimelineItemProps.html#lineColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3929,"kind":1024,"name":"dotColor","url":"interfaces/ITimelineItemProps.html#dotColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3930,"kind":1024,"name":"label","url":"interfaces/ITimelineItemProps.html#label","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3931,"kind":1024,"name":"tip","url":"interfaces/ITimelineItemProps.html#tip","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3932,"kind":1024,"name":"className","url":"interfaces/ITimelineItemProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3933,"kind":1024,"name":"style","url":"interfaces/ITimelineItemProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3934,"kind":1024,"name":"type","url":"interfaces/ITimelineItemProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3935,"kind":128,"name":"TimelineItem","url":"classes/TimelineItem.html","classes":"tsd-kind-class"},{"id":3936,"kind":1024,"name":"defaultProps","url":"classes/TimelineItem.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"TimelineItem"},{"id":3937,"kind":65536,"name":"__type","url":"classes/TimelineItem.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"TimelineItem"},{"id":3938,"kind":1024,"name":"showLabel","url":"classes/TimelineItem.html#__type-2.showLabel","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TimelineItem.__type"},{"id":3939,"kind":1024,"name":"showDot","url":"classes/TimelineItem.html#__type-2.showDot","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TimelineItem.__type"},{"id":3940,"kind":1024,"name":"lineColor","url":"classes/TimelineItem.html#__type-2.lineColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TimelineItem.__type"},{"id":3941,"kind":1024,"name":"dotColor","url":"classes/TimelineItem.html#__type-2.dotColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TimelineItem.__type"},{"id":3942,"kind":512,"name":"constructor","url":"classes/TimelineItem.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"TimelineItem"},{"id":3943,"kind":1024,"name":"popover","url":"classes/TimelineItem.html#popover","classes":"tsd-kind-property tsd-parent-kind-class","parent":"TimelineItem"},{"id":3944,"kind":1024,"name":"mousePosition","url":"classes/TimelineItem.html#mousePosition","classes":"tsd-kind-property tsd-parent-kind-class","parent":"TimelineItem"},{"id":3945,"kind":65536,"name":"__type","url":"classes/TimelineItem.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"TimelineItem"},{"id":3946,"kind":1024,"name":"x","url":"classes/TimelineItem.html#__type.x","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TimelineItem.__type"},{"id":3947,"kind":1024,"name":"y","url":"classes/TimelineItem.html#__type.y","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TimelineItem.__type"},{"id":3948,"kind":2048,"name":"onMouseMove","url":"classes/TimelineItem.html#onMouseMove","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TimelineItem"},{"id":3949,"kind":1024,"name":"position","url":"classes/TimelineItem.html#position","classes":"tsd-kind-property tsd-parent-kind-class","parent":"TimelineItem"},{"id":3950,"kind":2048,"name":"popoverRef","url":"classes/TimelineItem.html#popoverRef","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TimelineItem"},{"id":3951,"kind":2048,"name":"render","url":"classes/TimelineItem.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"TimelineItem"},{"id":3952,"kind":65536,"name":"__type","url":"classes/TimelineItem.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"TimelineItem"},{"id":3953,"kind":256,"name":"ITimelineArrayItem","url":"interfaces/ITimelineArrayItem.html","classes":"tsd-kind-interface"},{"id":3954,"kind":1024,"name":"id","url":"interfaces/ITimelineArrayItem.html#id","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineArrayItem"},{"id":3955,"kind":1024,"name":"percent","url":"interfaces/ITimelineArrayItem.html#percent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineArrayItem"},{"id":3956,"kind":1024,"name":"size","url":"interfaces/ITimelineArrayItem.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3957,"kind":1024,"name":"showLabel","url":"interfaces/ITimelineArrayItem.html#showLabel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3958,"kind":1024,"name":"showDot","url":"interfaces/ITimelineArrayItem.html#showDot","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3959,"kind":1024,"name":"color","url":"interfaces/ITimelineArrayItem.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3960,"kind":1024,"name":"lineColor","url":"interfaces/ITimelineArrayItem.html#lineColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3961,"kind":1024,"name":"dotColor","url":"interfaces/ITimelineArrayItem.html#dotColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3962,"kind":1024,"name":"label","url":"interfaces/ITimelineArrayItem.html#label","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3963,"kind":1024,"name":"tip","url":"interfaces/ITimelineArrayItem.html#tip","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3964,"kind":1024,"name":"className","url":"interfaces/ITimelineArrayItem.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3965,"kind":1024,"name":"style","url":"interfaces/ITimelineArrayItem.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3966,"kind":1024,"name":"type","url":"interfaces/ITimelineArrayItem.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3967,"kind":256,"name":"ITimelineProps","url":"interfaces/ITimelineProps.html","classes":"tsd-kind-interface"},{"id":3968,"kind":1024,"name":"size","url":"interfaces/ITimelineProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineProps"},{"id":3969,"kind":1024,"name":"timeline","url":"interfaces/ITimelineProps.html#timeline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineProps"},{"id":3970,"kind":1024,"name":"type","url":"interfaces/ITimelineProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineProps"},{"id":3971,"kind":1024,"name":"className","url":"interfaces/ITimelineProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineProps"},{"id":3972,"kind":1024,"name":"style","url":"interfaces/ITimelineProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineProps"},{"id":3973,"kind":128,"name":"Timeline","url":"classes/Timeline.html","classes":"tsd-kind-class"},{"id":3974,"kind":1024,"name":"defaultProps","url":"classes/Timeline.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Timeline"},{"id":3975,"kind":65536,"name":"__type","url":"classes/Timeline.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Timeline"},{"id":3976,"kind":1024,"name":"type","url":"classes/Timeline.html#__type-1.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Timeline.__type"},{"id":3977,"kind":1024,"name":"size","url":"classes/Timeline.html#__type-1.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Timeline.__type"},{"id":3978,"kind":1024,"name":"style","url":"classes/Timeline.html#__type-1.style","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Timeline.__type"},{"id":3979,"kind":65536,"name":"__type","url":"classes/Timeline.html#__type-1.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Timeline.__type"},{"id":3980,"kind":1024,"name":"Item","url":"classes/Timeline.html#Item","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Timeline"},{"id":3981,"kind":1024,"name":"Legend","url":"classes/Timeline.html#Legend","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Timeline"},{"id":3982,"kind":512,"name":"constructor","url":"classes/Timeline.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Timeline"},{"id":3983,"kind":2048,"name":"renderChildren","url":"classes/Timeline.html#renderChildren","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Timeline"},{"id":3984,"kind":2048,"name":"render","url":"classes/Timeline.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Timeline"},{"id":3985,"kind":65536,"name":"__type","url":"classes/Timeline.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Timeline"},{"id":3986,"kind":256,"name":"ITooltipBaseProps","url":"interfaces/ITooltipBaseProps.html","classes":"tsd-kind-interface"},{"id":3987,"kind":1024,"name":"title","url":"interfaces/ITooltipBaseProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3988,"kind":1024,"name":"style","url":"interfaces/ITooltipBaseProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3989,"kind":1024,"name":"position","url":"interfaces/ITooltipBaseProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3990,"kind":1024,"name":"cushion","url":"interfaces/ITooltipBaseProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3991,"kind":1024,"name":"centerArrow","url":"interfaces/ITooltipBaseProps.html#centerArrow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3992,"kind":1024,"name":"className","url":"interfaces/ITooltipBaseProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3993,"kind":1024,"name":"containerSelector","url":"interfaces/ITooltipBaseProps.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3994,"kind":1024,"name":"visible","url":"interfaces/ITooltipBaseProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3995,"kind":2048,"name":"onVisibleChange","url":"interfaces/ITooltipBaseProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3996,"kind":1024,"name":"children","url":"interfaces/ITooltipBaseProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3997,"kind":1024,"name":"fixMouseEventsOnDisabledChildren","url":"interfaces/ITooltipBaseProps.html#fixMouseEventsOnDisabledChildren","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3998,"kind":128,"name":"Tooltip","url":"classes/Tooltip.html","classes":"tsd-kind-class"},{"id":3999,"kind":1024,"name":"defaultProps","url":"classes/Tooltip.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Tooltip"},{"id":4000,"kind":65536,"name":"__type","url":"classes/Tooltip.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Tooltip"},{"id":4001,"kind":1024,"name":"trigger","url":"classes/Tooltip.html#__type-1.trigger","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tooltip.__type"},{"id":4002,"kind":1024,"name":"position","url":"classes/Tooltip.html#__type-1.position","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tooltip.__type"},{"id":4003,"kind":1024,"name":"cushion","url":"classes/Tooltip.html#__type-1.cushion","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tooltip.__type"},{"id":4004,"kind":1024,"name":"centerArrow","url":"classes/Tooltip.html#__type-1.centerArrow","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tooltip.__type"},{"id":4005,"kind":1024,"name":"containerSelector","url":"classes/Tooltip.html#__type-1.containerSelector","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tooltip.__type"},{"id":4006,"kind":512,"name":"constructor","url":"classes/Tooltip.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Tooltip"},{"id":4007,"kind":1024,"name":"popoverRef","url":"classes/Tooltip.html#popoverRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Tooltip"},{"id":4008,"kind":2048,"name":"renderContent","url":"classes/Tooltip.html#renderContent","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tooltip"},{"id":4009,"kind":2048,"name":"renderTrigger","url":"classes/Tooltip.html#renderTrigger","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tooltip"},{"id":4010,"kind":2048,"name":"render","url":"classes/Tooltip.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Tooltip"},{"id":4011,"kind":65536,"name":"__type","url":"classes/Tooltip.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Tooltip"},{"id":4012,"kind":64,"name":"useTransfer","url":"modules.html#useTransfer","classes":"tsd-kind-function"},{"id":4013,"kind":32,"name":"Transfer","url":"modules.html#Transfer","classes":"tsd-kind-variable"},{"id":4014,"kind":2,"name":"Transfer","url":"modules/Transfer.html","classes":"tsd-kind-namespace"},{"id":4015,"kind":32,"name":"defaultProps","url":"modules/Transfer.html#defaultProps","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Transfer"},{"id":4016,"kind":4194304,"name":"TransferDirection","url":"modules.html#TransferDirection","classes":"tsd-kind-type-alias"},{"id":4017,"kind":256,"name":"ITransferData","url":"interfaces/ITransferData.html","classes":"tsd-kind-interface"},{"id":4018,"kind":1024,"name":"disabled","url":"interfaces/ITransferData.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferData"},{"id":4019,"kind":4194304,"name":"TransferColumnType","url":"modules.html#TransferColumnType","classes":"tsd-kind-type-alias"},{"id":4020,"kind":256,"name":"ITransferDirectionChangeProps","url":"interfaces/ITransferDirectionChangeProps.html","classes":"tsd-kind-interface"},{"id":4021,"kind":1024,"name":"targetKeys","url":"interfaces/ITransferDirectionChangeProps.html#targetKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferDirectionChangeProps"},{"id":4022,"kind":1024,"name":"transferredKeys","url":"interfaces/ITransferDirectionChangeProps.html#transferredKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferDirectionChangeProps"},{"id":4023,"kind":1024,"name":"direction","url":"interfaces/ITransferDirectionChangeProps.html#direction","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferDirectionChangeProps"},{"id":4024,"kind":1024,"name":"selectedKeys","url":"interfaces/ITransferDirectionChangeProps.html#selectedKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferDirectionChangeProps"},{"id":4025,"kind":256,"name":"ITransferItem","url":"interfaces/ITransferItem.html","classes":"tsd-kind-interface"},{"id":4026,"kind":1024,"name":"title","url":"interfaces/ITransferItem.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4027,"kind":1024,"name":"direction","url":"interfaces/ITransferItem.html#direction","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4028,"kind":1024,"name":"keyName","url":"interfaces/ITransferItem.html#keyName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4029,"kind":1024,"name":"dataSets","url":"interfaces/ITransferItem.html#dataSets","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4030,"kind":1024,"name":"selectedKeys","url":"interfaces/ITransferItem.html#selectedKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4031,"kind":2048,"name":"handleSelectChange","url":"interfaces/ITransferItem.html#handleSelectChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4032,"kind":1024,"name":"showSearch","url":"interfaces/ITransferItem.html#showSearch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4033,"kind":1024,"name":"searchPlaceholder","url":"interfaces/ITransferItem.html#searchPlaceholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4034,"kind":2048,"name":"filterOption","url":"interfaces/ITransferItem.html#filterOption","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4035,"kind":1024,"name":"list","url":"interfaces/ITransferItem.html#list","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4036,"kind":1024,"name":"prefix","url":"interfaces/ITransferItem.html#prefix","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4037,"kind":1024,"name":"pagination","url":"interfaces/ITransferItem.html#pagination","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4038,"kind":1024,"name":"disabled","url":"interfaces/ITransferItem.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4039,"kind":4194304,"name":"TransferType","url":"modules.html#TransferType","classes":"tsd-kind-type-alias"},{"id":4040,"kind":256,"name":"ITransferArrowButton","url":"interfaces/ITransferArrowButton.html","classes":"tsd-kind-interface"},{"id":4041,"kind":1024,"name":"direction","url":"interfaces/ITransferArrowButton.html#direction","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferArrowButton"},{"id":4042,"kind":1024,"name":"disabled","url":"interfaces/ITransferArrowButton.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferArrowButton"},{"id":4043,"kind":1024,"name":"prefix","url":"interfaces/ITransferArrowButton.html#prefix","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferArrowButton"},{"id":4044,"kind":2048,"name":"onChange","url":"interfaces/ITransferArrowButton.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITransferArrowButton"},{"id":4045,"kind":256,"name":"ITransferHookParams","url":"interfaces/ITransferHookParams.html","classes":"tsd-kind-interface"},{"id":4046,"kind":1024,"name":"selectedKeys","url":"interfaces/ITransferHookParams.html#selectedKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferHookParams"},{"id":4047,"kind":1024,"name":"targetKeys","url":"interfaces/ITransferHookParams.html#targetKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferHookParams"},{"id":4048,"kind":1024,"name":"disabledKeys","url":"interfaces/ITransferHookParams.html#disabledKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferHookParams"},{"id":4049,"kind":256,"name":"ITransferHookResult","url":"interfaces/ITransferHookResult.html","classes":"tsd-kind-interface"},{"id":4050,"kind":1024,"name":"targetKeys","url":"interfaces/ITransferHookResult.html#targetKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferHookResult"},{"id":4051,"kind":1024,"name":"selectedKeys","url":"interfaces/ITransferHookResult.html#selectedKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferHookResult"},{"id":4052,"kind":2048,"name":"transferKeys","url":"interfaces/ITransferHookResult.html#transferKeys","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITransferHookResult"},{"id":4053,"kind":2048,"name":"changeSelectedKeys","url":"interfaces/ITransferHookResult.html#changeSelectedKeys","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITransferHookResult"},{"id":4054,"kind":2048,"name":"resetSelectedKeys","url":"interfaces/ITransferHookResult.html#resetSelectedKeys","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITransferHookResult"},{"id":4055,"kind":2048,"name":"resetTargetKeys","url":"interfaces/ITransferHookResult.html#resetTargetKeys","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITransferHookResult"},{"id":4056,"kind":4194304,"name":"TreeRootIdArray","url":"modules.html#TreeRootIdArray","classes":"tsd-kind-type-alias"},{"id":4057,"kind":32,"name":"DEFAULT_RENDER_KEY","url":"modules.html#DEFAULT_RENDER_KEY","classes":"tsd-kind-variable"},{"id":4058,"kind":256,"name":"ITreeRenderKey","url":"interfaces/ITreeRenderKey.html","classes":"tsd-kind-interface"},{"id":4059,"kind":1024,"name":"id","url":"interfaces/ITreeRenderKey.html#id","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeRenderKey"},{"id":4060,"kind":1024,"name":"title","url":"interfaces/ITreeRenderKey.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeRenderKey"},{"id":4061,"kind":1024,"name":"children","url":"interfaces/ITreeRenderKey.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeRenderKey"},{"id":4062,"kind":1024,"name":"parentId","url":"interfaces/ITreeRenderKey.html#parentId","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeRenderKey"},{"id":4063,"kind":256,"name":"ITreeData","url":"interfaces/ITreeData.html","classes":"tsd-kind-interface"},{"id":4064,"kind":1024,"name":"expand","url":"interfaces/ITreeData.html#expand","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeData"},{"id":4065,"kind":1024,"name":"isLeaf","url":"interfaces/ITreeData.html#isLeaf","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeData"},{"id":4066,"kind":256,"name":"ITreeRootInfoMap","url":"interfaces/ITreeRootInfoMap.html","classes":"tsd-kind-interface"},{"id":4067,"kind":4194304,"name":"ITreeSize","url":"modules.html#ITreeSize","classes":"tsd-kind-type-alias"},{"id":4068,"kind":256,"name":"ITreeOperation","url":"interfaces/ITreeOperation.html","classes":"tsd-kind-interface"},{"id":4069,"kind":1024,"name":"name","url":"interfaces/ITreeOperation.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeOperation"},{"id":4070,"kind":1024,"name":"icon","url":"interfaces/ITreeOperation.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeOperation"},{"id":4071,"kind":2048,"name":"action","url":"interfaces/ITreeOperation.html#action","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITreeOperation"},{"id":4072,"kind":2048,"name":"shouldRender","url":"interfaces/ITreeOperation.html#shouldRender","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITreeOperation"},{"id":4073,"kind":256,"name":"ITreeOncheckHelpInfo","url":"interfaces/ITreeOncheckHelpInfo.html","classes":"tsd-kind-interface"},{"id":4074,"kind":1024,"name":"currentRoot","url":"interfaces/ITreeOncheckHelpInfo.html#currentRoot","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeOncheckHelpInfo"},{"id":4075,"kind":1024,"name":"disabled","url":"interfaces/ITreeOncheckHelpInfo.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeOncheckHelpInfo"},{"id":4076,"kind":1024,"name":"all","url":"interfaces/ITreeOncheckHelpInfo.html#all","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeOncheckHelpInfo"},{"id":4077,"kind":1024,"name":"top","url":"interfaces/ITreeOncheckHelpInfo.html#top","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeOncheckHelpInfo"},{"id":4078,"kind":1024,"name":"bottom","url":"interfaces/ITreeOncheckHelpInfo.html#bottom","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeOncheckHelpInfo"},{"id":4079,"kind":256,"name":"ITreeProps","url":"interfaces/ITreeProps.html","classes":"tsd-kind-interface"},{"id":4080,"kind":2048,"name":"render","url":"interfaces/ITreeProps.html#render","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4081,"kind":1024,"name":"operations","url":"interfaces/ITreeProps.html#operations","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4082,"kind":1024,"name":"foldable","url":"interfaces/ITreeProps.html#foldable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4083,"kind":2048,"name":"onCheck","url":"interfaces/ITreeProps.html#onCheck","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4084,"kind":1024,"name":"size","url":"interfaces/ITreeProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4085,"kind":1024,"name":"commonStyle","url":"interfaces/ITreeProps.html#commonStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4086,"kind":2048,"name":"onExpand","url":"interfaces/ITreeProps.html#onExpand","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4087,"kind":1024,"name":"autoExpandOnSelect","url":"interfaces/ITreeProps.html#autoExpandOnSelect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4088,"kind":2048,"name":"onSelect","url":"interfaces/ITreeProps.html#onSelect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4089,"kind":1024,"name":"selectable","url":"interfaces/ITreeProps.html#selectable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4090,"kind":1024,"name":"selectedKey","url":"interfaces/ITreeProps.html#selectedKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4091,"kind":1024,"name":"disabledSelectedKeys","url":"interfaces/ITreeProps.html#disabledSelectedKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4092,"kind":1024,"name":"disableSelectedStrictly","url":"interfaces/ITreeProps.html#disableSelectedStrictly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4093,"kind":1024,"name":"onlyShowOneLine","url":"interfaces/ITreeProps.html#onlyShowOneLine","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4094,"kind":1024,"name":"data","url":"interfaces/ITreeProps.html#data","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4095,"kind":1024,"name":"dataType","url":"interfaces/ITreeProps.html#dataType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4096,"kind":1024,"name":"renderKey","url":"interfaces/ITreeProps.html#renderKey","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4097,"kind":1024,"name":"checkable","url":"interfaces/ITreeProps.html#checkable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4098,"kind":1024,"name":"expandAll","url":"interfaces/ITreeProps.html#expandAll","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4099,"kind":1024,"name":"checkedKeys","url":"interfaces/ITreeProps.html#checkedKeys","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4100,"kind":1024,"name":"disabledCheckedKeys","url":"interfaces/ITreeProps.html#disabledCheckedKeys","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4101,"kind":2048,"name":"loadMore","url":"interfaces/ITreeProps.html#loadMore","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4102,"kind":2048,"name":"isRoot","url":"interfaces/ITreeProps.html#isRoot","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4103,"kind":256,"name":"ITreeState","url":"interfaces/ITreeState.html","classes":"tsd-kind-interface"},{"id":4104,"kind":1024,"name":"prevProps","url":"interfaces/ITreeState.html#prevProps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4105,"kind":1024,"name":"tree","url":"interfaces/ITreeState.html#tree","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4106,"kind":1024,"name":"rootInfoMap","url":"interfaces/ITreeState.html#rootInfoMap","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4107,"kind":1024,"name":"expandNode","url":"interfaces/ITreeState.html#expandNode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4108,"kind":1024,"name":"checkedNode","url":"interfaces/ITreeState.html#checkedNode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4109,"kind":1024,"name":"disabledNode","url":"interfaces/ITreeState.html#disabledNode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4110,"kind":1024,"name":"renderKey","url":"interfaces/ITreeState.html#renderKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4111,"kind":1024,"name":"loadingNode","url":"interfaces/ITreeState.html#loadingNode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4112,"kind":1024,"name":"selectedKey","url":"interfaces/ITreeState.html#selectedKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4113,"kind":128,"name":"Tree","url":"classes/Tree.html","classes":"tsd-kind-class"},{"id":4114,"kind":1024,"name":"defaultProps","url":"classes/Tree.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Tree"},{"id":4115,"kind":65536,"name":"__type","url":"classes/Tree.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Tree"},{"id":4116,"kind":1024,"name":"autoExpandOnSelect","url":"classes/Tree.html#__type-1.autoExpandOnSelect","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tree.__type"},{"id":4117,"kind":1024,"name":"dataType","url":"classes/Tree.html#__type-1.dataType","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tree.__type"},{"id":4118,"kind":1024,"name":"foldable","url":"classes/Tree.html#__type-1.foldable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tree.__type"},{"id":4119,"kind":1024,"name":"checkable","url":"classes/Tree.html#__type-1.checkable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tree.__type"},{"id":4120,"kind":1024,"name":"selectable","url":"classes/Tree.html#__type-1.selectable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tree.__type"},{"id":4121,"kind":1024,"name":"size","url":"classes/Tree.html#__type-1.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tree.__type"},{"id":4122,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Tree.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Tree"},{"id":4123,"kind":512,"name":"constructor","url":"classes/Tree.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"Tree"},{"id":4124,"kind":262144,"name":"isSelectControlled","url":"classes/Tree.html#isSelectControlled","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Tree"},{"id":4125,"kind":262144,"name":"selectedKey","url":"classes/Tree.html#selectedKey","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Tree"},{"id":4126,"kind":262144,"name":"disabledSelectedKeys","url":"classes/Tree.html#disabledSelectedKeys","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Tree"},{"id":4127,"kind":2048,"name":"setSelectKeyState","url":"classes/Tree.html#setSelectKeyState","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4128,"kind":2048,"name":"handleExpandIconClick","url":"classes/Tree.html#handleExpandIconClick","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4129,"kind":2048,"name":"handleExpand","url":"classes/Tree.html#handleExpand","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4130,"kind":2048,"name":"handleCheckboxClick","url":"classes/Tree.html#handleCheckboxClick","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4131,"kind":2048,"name":"renderSwitcher","url":"classes/Tree.html#renderSwitcher","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4132,"kind":2048,"name":"renderContent","url":"classes/Tree.html#renderContent","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4133,"kind":2048,"name":"renderCheckbox","url":"classes/Tree.html#renderCheckbox","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4134,"kind":2048,"name":"renderOperations","url":"classes/Tree.html#renderOperations","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4135,"kind":2048,"name":"renderTreeNodes","url":"classes/Tree.html#renderTreeNodes","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4136,"kind":2048,"name":"render","url":"classes/Tree.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Tree"},{"id":4137,"kind":65536,"name":"__type","url":"classes/Tree.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Tree"},{"id":4138,"kind":128,"name":"Upload","url":"classes/Upload.html","classes":"tsd-kind-class"},{"id":4139,"kind":1024,"name":"defaultProps","url":"classes/Upload.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Upload"},{"id":4140,"kind":1024,"name":"FILE_UPLOAD_STATUS","url":"classes/Upload.html#FILE_UPLOAD_STATUS","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Upload"},{"id":4141,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Upload.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"Upload"},{"id":4142,"kind":512,"name":"constructor","url":"classes/Upload.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4143,"kind":2048,"name":"createNewUploadFileItem","url":"classes/Upload.html#createNewUploadFileItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"Upload"},{"id":4144,"kind":2048,"name":"renderTips","url":"classes/Upload.html#renderTips","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"Upload"},{"id":4145,"kind":2048,"name":"renderUploadList","url":"classes/Upload.html#renderUploadList","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"Upload"},{"id":4146,"kind":2048,"name":"renderTrigger","url":"classes/Upload.html#renderTrigger","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"Upload"},{"id":4147,"kind":2048,"name":"render","url":"classes/Upload.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Upload"},{"id":4148,"kind":262144,"name":"isControlled","url":"classes/Upload.html#isControlled","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Upload"},{"id":4149,"kind":262144,"name":"fileList","url":"classes/Upload.html#fileList","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Upload"},{"id":4150,"kind":262144,"name":"remainAmount","url":"classes/Upload.html#remainAmount","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Upload"},{"id":4151,"kind":2048,"name":"getUploadItem","url":"classes/Upload.html#getUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4152,"kind":2048,"name":"updateFileList","url":"classes/Upload.html#updateFileList","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4153,"kind":2048,"name":"deleteUploadItem","url":"classes/Upload.html#deleteUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4154,"kind":2048,"name":"retryUploadItem","url":"classes/Upload.html#retryUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4155,"kind":2048,"name":"updateUploadItem","url":"classes/Upload.html#updateUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4156,"kind":2048,"name":"onTriggerUploadFile","url":"classes/Upload.html#onTriggerUploadFile","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4157,"kind":1024,"name":"emitOnError","url":"classes/Upload.html#emitOnError","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4158,"kind":2048,"name":"emitOnUpload","url":"classes/Upload.html#emitOnUpload","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4159,"kind":2048,"name":"updateUploadItemStatusToSuccess","url":"classes/Upload.html#updateUploadItemStatusToSuccess","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4160,"kind":2048,"name":"updateUploadItemStatusToFailed","url":"classes/Upload.html#updateUploadItemStatusToFailed","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4161,"kind":2048,"name":"updateUploadItemPercent","url":"classes/Upload.html#updateUploadItemPercent","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4162,"kind":2048,"name":"getUploadSuccessOverrideProps","url":"classes/Upload.html#getUploadSuccessOverrideProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"Upload"},{"id":4163,"kind":65536,"name":"__type","url":"classes/Upload.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Upload"},{"id":4164,"kind":128,"name":"ImageUpload","url":"classes/ImageUpload.html","classes":"tsd-kind-class"},{"id":4165,"kind":1024,"name":"defaultProps","url":"classes/ImageUpload.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ImageUpload"},{"id":4166,"kind":1024,"name":"FILE_UPLOAD_STATUS","url":"classes/ImageUpload.html#FILE_UPLOAD_STATUS","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ImageUpload"},{"id":4167,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/ImageUpload.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"ImageUpload"},{"id":4168,"kind":512,"name":"constructor","url":"classes/ImageUpload.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4169,"kind":2048,"name":"getUploadSuccessOverrideProps","url":"classes/ImageUpload.html#getUploadSuccessOverrideProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"ImageUpload"},{"id":4170,"kind":2048,"name":"renderUploadList","url":"classes/ImageUpload.html#renderUploadList","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"ImageUpload"},{"id":4171,"kind":2048,"name":"createNewUploadFileItem","url":"classes/ImageUpload.html#createNewUploadFileItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"ImageUpload"},{"id":4172,"kind":2048,"name":"renderTips","url":"classes/ImageUpload.html#renderTips","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"ImageUpload"},{"id":4173,"kind":2048,"name":"renderTrigger","url":"classes/ImageUpload.html#renderTrigger","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"ImageUpload"},{"id":4174,"kind":2048,"name":"render","url":"classes/ImageUpload.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ImageUpload"},{"id":4175,"kind":262144,"name":"isControlled","url":"classes/ImageUpload.html#isControlled","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"ImageUpload"},{"id":4176,"kind":262144,"name":"fileList","url":"classes/ImageUpload.html#fileList","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"ImageUpload"},{"id":4177,"kind":262144,"name":"remainAmount","url":"classes/ImageUpload.html#remainAmount","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"ImageUpload"},{"id":4178,"kind":2048,"name":"getUploadItem","url":"classes/ImageUpload.html#getUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4179,"kind":2048,"name":"updateFileList","url":"classes/ImageUpload.html#updateFileList","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4180,"kind":2048,"name":"deleteUploadItem","url":"classes/ImageUpload.html#deleteUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4181,"kind":2048,"name":"retryUploadItem","url":"classes/ImageUpload.html#retryUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4182,"kind":2048,"name":"updateUploadItem","url":"classes/ImageUpload.html#updateUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4183,"kind":2048,"name":"onTriggerUploadFile","url":"classes/ImageUpload.html#onTriggerUploadFile","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4184,"kind":1024,"name":"emitOnError","url":"classes/ImageUpload.html#emitOnError","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4185,"kind":2048,"name":"emitOnUpload","url":"classes/ImageUpload.html#emitOnUpload","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4186,"kind":2048,"name":"updateUploadItemStatusToSuccess","url":"classes/ImageUpload.html#updateUploadItemStatusToSuccess","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4187,"kind":2048,"name":"updateUploadItemStatusToFailed","url":"classes/ImageUpload.html#updateUploadItemStatusToFailed","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4188,"kind":2048,"name":"updateUploadItemPercent","url":"classes/ImageUpload.html#updateUploadItemPercent","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4189,"kind":65536,"name":"__type","url":"classes/ImageUpload.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ImageUpload"},{"id":4190,"kind":128,"name":"SingleUpload","url":"classes/SingleUpload.html","classes":"tsd-kind-class"},{"id":4191,"kind":512,"name":"constructor","url":"classes/SingleUpload.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"SingleUpload"},{"id":4192,"kind":1024,"name":"state","url":"classes/SingleUpload.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4193,"kind":262144,"name":"isControlled","url":"classes/SingleUpload.html#isControlled","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"SingleUpload"},{"id":4194,"kind":262144,"name":"value","url":"classes/SingleUpload.html#value","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"SingleUpload"},{"id":4195,"kind":2048,"name":"onChange","url":"classes/SingleUpload.html#onChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"SingleUpload"},{"id":4196,"kind":2048,"name":"getUploadItem","url":"classes/SingleUpload.html#getUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4197,"kind":2048,"name":"updateUploadItem","url":"classes/SingleUpload.html#updateUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4198,"kind":2048,"name":"createNewUploadFileItem","url":"classes/SingleUpload.html#createNewUploadFileItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4199,"kind":2048,"name":"deleteUploadItem","url":"classes/SingleUpload.html#deleteUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4200,"kind":2048,"name":"retryUploadItem","url":"classes/SingleUpload.html#retryUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4201,"kind":2048,"name":"onTriggerUploadFile","url":"classes/SingleUpload.html#onTriggerUploadFile","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4202,"kind":2048,"name":"renderTips","url":"classes/SingleUpload.html#renderTips","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"SingleUpload"},{"id":4203,"kind":2048,"name":"renderTrigger","url":"classes/SingleUpload.html#renderTrigger","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"SingleUpload"},{"id":4204,"kind":2048,"name":"renderItem","url":"classes/SingleUpload.html#renderItem","classes":"tsd-kind-method tsd-parent-kind-class","parent":"SingleUpload"},{"id":4205,"kind":2048,"name":"render","url":"classes/SingleUpload.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4206,"kind":1024,"name":"emitOnError","url":"classes/SingleUpload.html#emitOnError","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"SingleUpload"},{"id":4207,"kind":2048,"name":"emitOnUpload","url":"classes/SingleUpload.html#emitOnUpload","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"SingleUpload"},{"id":4208,"kind":2048,"name":"updateUploadItemStatusToSuccess","url":"classes/SingleUpload.html#updateUploadItemStatusToSuccess","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"SingleUpload"},{"id":4209,"kind":2048,"name":"updateUploadItemStatusToFailed","url":"classes/SingleUpload.html#updateUploadItemStatusToFailed","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"SingleUpload"},{"id":4210,"kind":2048,"name":"updateUploadItemPercent","url":"classes/SingleUpload.html#updateUploadItemPercent","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"SingleUpload"},{"id":4211,"kind":2048,"name":"getUploadSuccessOverrideProps","url":"classes/SingleUpload.html#getUploadSuccessOverrideProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"SingleUpload"},{"id":4212,"kind":65536,"name":"__type","url":"classes/SingleUpload.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"SingleUpload"},{"id":4213,"kind":256,"name":"IUploadFileItem","url":"interfaces/IUploadFileItem.html","classes":"tsd-kind-interface"},{"id":4214,"kind":1024,"name":"id","url":"interfaces/IUploadFileItem.html#id","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadFileItem"},{"id":4215,"kind":1024,"name":"file","url":"interfaces/IUploadFileItem.html#file","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadFileItem"},{"id":4216,"kind":1024,"name":"name","url":"interfaces/IUploadFileItem.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadFileItem"},{"id":4217,"kind":1024,"name":"type","url":"interfaces/IUploadFileItem.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadFileItem"},{"id":4218,"kind":1024,"name":"status","url":"interfaces/IUploadFileItem.html#status","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadFileItem"},{"id":4219,"kind":1024,"name":"percent","url":"interfaces/IUploadFileItem.html#percent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadFileItem"},{"id":4220,"kind":256,"name":"IImageUploadFileItem","url":"interfaces/IImageUploadFileItem.html","classes":"tsd-kind-interface"},{"id":4221,"kind":1024,"name":"src","url":"interfaces/IImageUploadFileItem.html#src","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IImageUploadFileItem"},{"id":4222,"kind":1024,"name":"thumbSrc","url":"interfaces/IImageUploadFileItem.html#thumbSrc","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IImageUploadFileItem"},{"id":4223,"kind":1024,"name":"id","url":"interfaces/IImageUploadFileItem.html#id","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadFileItem"},{"id":4224,"kind":1024,"name":"file","url":"interfaces/IImageUploadFileItem.html#file","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadFileItem"},{"id":4225,"kind":1024,"name":"name","url":"interfaces/IImageUploadFileItem.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadFileItem"},{"id":4226,"kind":1024,"name":"type","url":"interfaces/IImageUploadFileItem.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadFileItem"},{"id":4227,"kind":1024,"name":"status","url":"interfaces/IImageUploadFileItem.html#status","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadFileItem"},{"id":4228,"kind":1024,"name":"percent","url":"interfaces/IImageUploadFileItem.html#percent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadFileItem"},{"id":4229,"kind":4194304,"name":"IUploadFileItemInner","url":"modules.html#IUploadFileItemInner","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":4230,"kind":4194304,"name":"IUploadOnChangeHandler","url":"modules.html#IUploadOnChangeHandler","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":4231,"kind":65536,"name":"__type","url":"modules.html#IUploadOnChangeHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IUploadOnChangeHandler"},{"id":4232,"kind":256,"name":"IUploadChangeDetail","url":"interfaces/IUploadChangeDetail.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":4233,"kind":1024,"name":"item","url":"interfaces/IUploadChangeDetail.html#item","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadChangeDetail"},{"id":4234,"kind":1024,"name":"type","url":"interfaces/IUploadChangeDetail.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadChangeDetail"},{"id":4235,"kind":4194304,"name":"IUploadOnUploadHandler","url":"modules.html#IUploadOnUploadHandler","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":4236,"kind":65536,"name":"__type","url":"modules.html#IUploadOnUploadHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IUploadOnUploadHandler"},{"id":4237,"kind":256,"name":"IUploadErrorMessageConfigMap","url":"interfaces/IUploadErrorMessageConfigMap.html","classes":"tsd-kind-interface"},{"id":4238,"kind":1024,"name":"overMaxSize","url":"interfaces/IUploadErrorMessageConfigMap.html#overMaxSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadErrorMessageConfigMap"},{"id":4239,"kind":65536,"name":"__type","url":"interfaces/IUploadErrorMessageConfigMap.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IUploadErrorMessageConfigMap"},{"id":4240,"kind":1024,"name":"maxSize","url":"interfaces/IUploadErrorMessageConfigMap.html#__type-1.maxSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"IUploadErrorMessageConfigMap.__type"},{"id":4241,"kind":1024,"name":"formattedMaxSize","url":"interfaces/IUploadErrorMessageConfigMap.html#__type-1.formattedMaxSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"IUploadErrorMessageConfigMap.__type"},{"id":4242,"kind":1024,"name":"overMaxAmount","url":"interfaces/IUploadErrorMessageConfigMap.html#overMaxAmount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadErrorMessageConfigMap"},{"id":4243,"kind":65536,"name":"__type","url":"interfaces/IUploadErrorMessageConfigMap.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IUploadErrorMessageConfigMap"},{"id":4244,"kind":1024,"name":"maxAmount","url":"interfaces/IUploadErrorMessageConfigMap.html#__type.maxAmount","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"IUploadErrorMessageConfigMap.__type"},{"id":4245,"kind":4194304,"name":"IUploadOnErrorHandler","url":"modules.html#IUploadOnErrorHandler","classes":"tsd-kind-type-alias"},{"id":4246,"kind":65536,"name":"__type","url":"modules.html#IUploadOnErrorHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias tsd-has-type-parameter","parent":"IUploadOnErrorHandler"},{"id":4247,"kind":4194304,"name":"IUploadTipConfig","url":"modules.html#IUploadTipConfig","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":4248,"kind":4194304,"name":"IUploadTipsFunc","url":"modules.html#IUploadTipsFunc","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":4249,"kind":65536,"name":"__type","url":"modules.html#IUploadTipsFunc.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IUploadTipsFunc"},{"id":4250,"kind":4194304,"name":"IImageOnUploadSuccessReturn","url":"modules.html#IImageOnUploadSuccessReturn","classes":"tsd-kind-type-alias"},{"id":4251,"kind":4194304,"name":"IImageUploadPreviewHandler","url":"modules.html#IImageUploadPreviewHandler","classes":"tsd-kind-type-alias"},{"id":4252,"kind":65536,"name":"__type","url":"modules.html#IImageUploadPreviewHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IImageUploadPreviewHandler"},{"id":4253,"kind":256,"name":"IAbstractUploadProps","url":"interfaces/IAbstractUploadProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":4254,"kind":1024,"name":"className","url":"interfaces/IAbstractUploadProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4255,"kind":2048,"name":"beforeUpload","url":"interfaces/IAbstractUploadProps.html#beforeUpload","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4256,"kind":1024,"name":"onUpload","url":"interfaces/IAbstractUploadProps.html#onUpload","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4257,"kind":1024,"name":"onError","url":"interfaces/IAbstractUploadProps.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4258,"kind":1024,"name":"maxSize","url":"interfaces/IAbstractUploadProps.html#maxSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4259,"kind":1024,"name":"accept","url":"interfaces/IAbstractUploadProps.html#accept","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4260,"kind":1024,"name":"disabled","url":"interfaces/IAbstractUploadProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4261,"kind":1024,"name":"manualUpload","url":"interfaces/IAbstractUploadProps.html#manualUpload","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4262,"kind":1024,"name":"customUploadItem","url":"interfaces/IAbstractUploadProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4263,"kind":256,"name":"IAbstractMultiUploadProps","url":"interfaces/IAbstractMultiUploadProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":4264,"kind":1024,"name":"fileList","url":"interfaces/IAbstractMultiUploadProps.html#fileList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractMultiUploadProps"},{"id":4265,"kind":1024,"name":"defaultFileList","url":"interfaces/IAbstractMultiUploadProps.html#defaultFileList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractMultiUploadProps"},{"id":4266,"kind":1024,"name":"onChange","url":"interfaces/IAbstractMultiUploadProps.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractMultiUploadProps"},{"id":4267,"kind":1024,"name":"multiple","url":"interfaces/IAbstractMultiUploadProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractMultiUploadProps"},{"id":4268,"kind":1024,"name":"maxAmount","url":"interfaces/IAbstractMultiUploadProps.html#maxAmount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractMultiUploadProps"},{"id":4269,"kind":1024,"name":"sortable","url":"interfaces/IAbstractMultiUploadProps.html#sortable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractMultiUploadProps"},{"id":4270,"kind":1024,"name":"className","url":"interfaces/IAbstractMultiUploadProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4271,"kind":2048,"name":"beforeUpload","url":"interfaces/IAbstractMultiUploadProps.html#beforeUpload","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4272,"kind":1024,"name":"onUpload","url":"interfaces/IAbstractMultiUploadProps.html#onUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4273,"kind":1024,"name":"onError","url":"interfaces/IAbstractMultiUploadProps.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4274,"kind":1024,"name":"maxSize","url":"interfaces/IAbstractMultiUploadProps.html#maxSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4275,"kind":1024,"name":"accept","url":"interfaces/IAbstractMultiUploadProps.html#accept","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4276,"kind":1024,"name":"disabled","url":"interfaces/IAbstractMultiUploadProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4277,"kind":1024,"name":"manualUpload","url":"interfaces/IAbstractMultiUploadProps.html#manualUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4278,"kind":1024,"name":"customUploadItem","url":"interfaces/IAbstractMultiUploadProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4279,"kind":256,"name":"IUploadProps","url":"interfaces/IUploadProps.html","classes":"tsd-kind-interface"},{"id":4280,"kind":1024,"name":"tips","url":"interfaces/IUploadProps.html#tips","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadProps"},{"id":4281,"kind":1024,"name":"pagination","url":"interfaces/IUploadProps.html#pagination","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadProps"},{"id":4282,"kind":1024,"name":"pageSize","url":"interfaces/IUploadProps.html#pageSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadProps"},{"id":4283,"kind":1024,"name":"fileList","url":"interfaces/IUploadProps.html#fileList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4284,"kind":1024,"name":"defaultFileList","url":"interfaces/IUploadProps.html#defaultFileList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4285,"kind":1024,"name":"onChange","url":"interfaces/IUploadProps.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4286,"kind":1024,"name":"multiple","url":"interfaces/IUploadProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4287,"kind":1024,"name":"maxAmount","url":"interfaces/IUploadProps.html#maxAmount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4288,"kind":1024,"name":"sortable","url":"interfaces/IUploadProps.html#sortable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4289,"kind":1024,"name":"className","url":"interfaces/IUploadProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4290,"kind":2048,"name":"beforeUpload","url":"interfaces/IUploadProps.html#beforeUpload","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4291,"kind":1024,"name":"onUpload","url":"interfaces/IUploadProps.html#onUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4292,"kind":1024,"name":"onError","url":"interfaces/IUploadProps.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4293,"kind":1024,"name":"maxSize","url":"interfaces/IUploadProps.html#maxSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4294,"kind":1024,"name":"accept","url":"interfaces/IUploadProps.html#accept","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4295,"kind":1024,"name":"disabled","url":"interfaces/IUploadProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4296,"kind":1024,"name":"manualUpload","url":"interfaces/IUploadProps.html#manualUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4297,"kind":1024,"name":"customUploadItem","url":"interfaces/IUploadProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4298,"kind":256,"name":"IImageUploadProps","url":"interfaces/IImageUploadProps.html","classes":"tsd-kind-interface"},{"id":4299,"kind":1024,"name":"tips","url":"interfaces/IImageUploadProps.html#tips","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IImageUploadProps"},{"id":4300,"kind":1024,"name":"preview","url":"interfaces/IImageUploadProps.html#preview","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IImageUploadProps"},{"id":4301,"kind":2048,"name":"getThumbSrcFromFile","url":"interfaces/IImageUploadProps.html#getThumbSrcFromFile","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IImageUploadProps"},{"id":4302,"kind":1024,"name":"fileList","url":"interfaces/IImageUploadProps.html#fileList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4303,"kind":1024,"name":"defaultFileList","url":"interfaces/IImageUploadProps.html#defaultFileList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4304,"kind":1024,"name":"onChange","url":"interfaces/IImageUploadProps.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4305,"kind":1024,"name":"multiple","url":"interfaces/IImageUploadProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4306,"kind":1024,"name":"maxAmount","url":"interfaces/IImageUploadProps.html#maxAmount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4307,"kind":1024,"name":"sortable","url":"interfaces/IImageUploadProps.html#sortable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4308,"kind":1024,"name":"className","url":"interfaces/IImageUploadProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4309,"kind":2048,"name":"beforeUpload","url":"interfaces/IImageUploadProps.html#beforeUpload","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4310,"kind":1024,"name":"onUpload","url":"interfaces/IImageUploadProps.html#onUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4311,"kind":1024,"name":"onError","url":"interfaces/IImageUploadProps.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4312,"kind":1024,"name":"maxSize","url":"interfaces/IImageUploadProps.html#maxSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4313,"kind":1024,"name":"accept","url":"interfaces/IImageUploadProps.html#accept","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4314,"kind":1024,"name":"disabled","url":"interfaces/IImageUploadProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4315,"kind":1024,"name":"manualUpload","url":"interfaces/IImageUploadProps.html#manualUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4316,"kind":1024,"name":"customUploadItem","url":"interfaces/IImageUploadProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4317,"kind":256,"name":"ISingleUploadProps","url":"interfaces/ISingleUploadProps.html","classes":"tsd-kind-interface"},{"id":4318,"kind":1024,"name":"tips","url":"interfaces/ISingleUploadProps.html#tips","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISingleUploadProps"},{"id":4319,"kind":1024,"name":"onChange","url":"interfaces/ISingleUploadProps.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISingleUploadProps"},{"id":4320,"kind":1024,"name":"value","url":"interfaces/ISingleUploadProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISingleUploadProps"},{"id":4321,"kind":1024,"name":"className","url":"interfaces/ISingleUploadProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4322,"kind":2048,"name":"beforeUpload","url":"interfaces/ISingleUploadProps.html#beforeUpload","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4323,"kind":1024,"name":"onUpload","url":"interfaces/ISingleUploadProps.html#onUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4324,"kind":1024,"name":"onError","url":"interfaces/ISingleUploadProps.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4325,"kind":1024,"name":"maxSize","url":"interfaces/ISingleUploadProps.html#maxSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4326,"kind":1024,"name":"accept","url":"interfaces/ISingleUploadProps.html#accept","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4327,"kind":1024,"name":"disabled","url":"interfaces/ISingleUploadProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4328,"kind":1024,"name":"manualUpload","url":"interfaces/ISingleUploadProps.html#manualUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4329,"kind":1024,"name":"customUploadItem","url":"interfaces/ISingleUploadProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4330,"kind":256,"name":"IAbstractUploadTriggerProps","url":"interfaces/IAbstractUploadTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":4331,"kind":1024,"name":"i18n","url":"interfaces/IAbstractUploadTriggerProps.html#i18n","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4332,"kind":1024,"name":"fileList","url":"interfaces/IAbstractUploadTriggerProps.html#fileList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4333,"kind":1024,"name":"disabled","url":"interfaces/IAbstractUploadTriggerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4334,"kind":1024,"name":"accept","url":"interfaces/IAbstractUploadTriggerProps.html#accept","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4335,"kind":1024,"name":"remainAmount","url":"interfaces/IAbstractUploadTriggerProps.html#remainAmount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4336,"kind":1024,"name":"maxSize","url":"interfaces/IAbstractUploadTriggerProps.html#maxSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4337,"kind":1024,"name":"maxAmount","url":"interfaces/IAbstractUploadTriggerProps.html#maxAmount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4338,"kind":1024,"name":"multiple","url":"interfaces/IAbstractUploadTriggerProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4339,"kind":2048,"name":"onAddFile","url":"interfaces/IAbstractUploadTriggerProps.html#onAddFile","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4340,"kind":1024,"name":"onError","url":"interfaces/IAbstractUploadTriggerProps.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4341,"kind":256,"name":"IFileInputProps","url":"interfaces/IFileInputProps.html","classes":"tsd-kind-interface"},{"id":4342,"kind":1024,"name":"accept","url":"interfaces/IFileInputProps.html#accept","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFileInputProps"},{"id":4343,"kind":1024,"name":"disabled","url":"interfaces/IFileInputProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFileInputProps"},{"id":4344,"kind":1024,"name":"remainAmount","url":"interfaces/IFileInputProps.html#remainAmount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFileInputProps"},{"id":4345,"kind":1024,"name":"multiple","url":"interfaces/IFileInputProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFileInputProps"},{"id":4346,"kind":2048,"name":"onChange","url":"interfaces/IFileInputProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFileInputProps"},{"id":4347,"kind":256,"name":"IAbstractUploadListProps","url":"interfaces/IAbstractUploadListProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":4348,"kind":1024,"name":"i18n","url":"interfaces/IAbstractUploadListProps.html#i18n","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadListProps"},{"id":4349,"kind":1024,"name":"fileList","url":"interfaces/IAbstractUploadListProps.html#fileList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadListProps"},{"id":4350,"kind":2048,"name":"onRetry","url":"interfaces/IAbstractUploadListProps.html#onRetry","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAbstractUploadListProps"},{"id":4351,"kind":2048,"name":"onDelete","url":"interfaces/IAbstractUploadListProps.html#onDelete","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAbstractUploadListProps"},{"id":4352,"kind":1024,"name":"sortable","url":"interfaces/IAbstractUploadListProps.html#sortable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadListProps"},{"id":4353,"kind":2048,"name":"onSortChange","url":"interfaces/IAbstractUploadListProps.html#onSortChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAbstractUploadListProps"},{"id":4354,"kind":1024,"name":"customUploadItem","url":"interfaces/IAbstractUploadListProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadListProps"},{"id":4355,"kind":256,"name":"IUploadListProps","url":"interfaces/IUploadListProps.html","classes":"tsd-kind-interface"},{"id":4356,"kind":1024,"name":"pagination","url":"interfaces/IUploadListProps.html#pagination","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadListProps"},{"id":4357,"kind":1024,"name":"pageSize","url":"interfaces/IUploadListProps.html#pageSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadListProps"},{"id":4358,"kind":1024,"name":"i18n","url":"interfaces/IUploadListProps.html#i18n","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadListProps"},{"id":4359,"kind":1024,"name":"fileList","url":"interfaces/IUploadListProps.html#fileList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadListProps"},{"id":4360,"kind":2048,"name":"onRetry","url":"interfaces/IUploadListProps.html#onRetry","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadListProps"},{"id":4361,"kind":2048,"name":"onDelete","url":"interfaces/IUploadListProps.html#onDelete","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadListProps"},{"id":4362,"kind":1024,"name":"sortable","url":"interfaces/IUploadListProps.html#sortable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadListProps"},{"id":4363,"kind":2048,"name":"onSortChange","url":"interfaces/IUploadListProps.html#onSortChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadListProps"},{"id":4364,"kind":1024,"name":"customUploadItem","url":"interfaces/IUploadListProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadListProps"},{"id":4365,"kind":256,"name":"IImageUploadListProps","url":"interfaces/IImageUploadListProps.html","classes":"tsd-kind-interface"},{"id":4366,"kind":1024,"name":"trigger","url":"interfaces/IImageUploadListProps.html#trigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IImageUploadListProps"},{"id":4367,"kind":1024,"name":"onPreview","url":"interfaces/IImageUploadListProps.html#onPreview","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IImageUploadListProps"},{"id":4368,"kind":1024,"name":"i18n","url":"interfaces/IImageUploadListProps.html#i18n","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadListProps"},{"id":4369,"kind":1024,"name":"fileList","url":"interfaces/IImageUploadListProps.html#fileList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadListProps"},{"id":4370,"kind":2048,"name":"onRetry","url":"interfaces/IImageUploadListProps.html#onRetry","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadListProps"},{"id":4371,"kind":2048,"name":"onDelete","url":"interfaces/IImageUploadListProps.html#onDelete","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadListProps"},{"id":4372,"kind":1024,"name":"sortable","url":"interfaces/IImageUploadListProps.html#sortable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadListProps"},{"id":4373,"kind":2048,"name":"onSortChange","url":"interfaces/IImageUploadListProps.html#onSortChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadListProps"},{"id":4374,"kind":1024,"name":"customUploadItem","url":"interfaces/IImageUploadListProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadListProps"},{"id":4375,"kind":256,"name":"IUploadItemProps","url":"interfaces/IUploadItemProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":4376,"kind":1024,"name":"item","url":"interfaces/IUploadItemProps.html#item","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadItemProps"},{"id":4377,"kind":1024,"name":"i18n","url":"interfaces/IUploadItemProps.html#i18n","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadItemProps"},{"id":4378,"kind":1024,"name":"onRetry","url":"interfaces/IUploadItemProps.html#onRetry","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadItemProps"},{"id":4379,"kind":65536,"name":"__type","url":"interfaces/IUploadItemProps.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IUploadItemProps"},{"id":4380,"kind":1024,"name":"onDelete","url":"interfaces/IUploadItemProps.html#onDelete","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadItemProps"},{"id":4381,"kind":65536,"name":"__type","url":"interfaces/IUploadItemProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IUploadItemProps"},{"id":4382,"kind":4194304,"name":"INormalUploadItemProps","url":"modules.html#INormalUploadItemProps","classes":"tsd-kind-type-alias"},{"id":4383,"kind":4194304,"name":"ISingleUploadItemProps","url":"modules.html#ISingleUploadItemProps","classes":"tsd-kind-type-alias"},{"id":4384,"kind":4194304,"name":"IImageUploadItemProps","url":"modules.html#IImageUploadItemProps","classes":"tsd-kind-type-alias"},{"id":4385,"kind":4,"name":"WaypointPosition","url":"enums/WaypointPosition.html","classes":"tsd-kind-enum"},{"id":4386,"kind":16,"name":"Above","url":"enums/WaypointPosition.html#Above","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WaypointPosition"},{"id":4387,"kind":16,"name":"Inside","url":"enums/WaypointPosition.html#Inside","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WaypointPosition"},{"id":4388,"kind":16,"name":"Below","url":"enums/WaypointPosition.html#Below","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WaypointPosition"},{"id":4389,"kind":16,"name":"Invisible","url":"enums/WaypointPosition.html#Invisible","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WaypointPosition"},{"id":4390,"kind":16,"name":"Unknown","url":"enums/WaypointPosition.html#Unknown","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WaypointPosition"},{"id":4391,"kind":256,"name":"IWaypointBounds","url":"interfaces/IWaypointBounds.html","classes":"tsd-kind-interface"},{"id":4392,"kind":1024,"name":"waypointTop","url":"interfaces/IWaypointBounds.html#waypointTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointBounds"},{"id":4393,"kind":1024,"name":"waypointBottom","url":"interfaces/IWaypointBounds.html#waypointBottom","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointBounds"},{"id":4394,"kind":1024,"name":"viewportTop","url":"interfaces/IWaypointBounds.html#viewportTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointBounds"},{"id":4395,"kind":1024,"name":"viewportBottom","url":"interfaces/IWaypointBounds.html#viewportBottom","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointBounds"},{"id":4396,"kind":256,"name":"IWaypointCallbackData","url":"interfaces/IWaypointCallbackData.html","classes":"tsd-kind-interface"},{"id":4397,"kind":1024,"name":"currentPosition","url":"interfaces/IWaypointCallbackData.html#currentPosition","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointCallbackData"},{"id":4398,"kind":1024,"name":"previousPosition","url":"interfaces/IWaypointCallbackData.html#previousPosition","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointCallbackData"},{"id":4399,"kind":1024,"name":"event","url":"interfaces/IWaypointCallbackData.html#event","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointCallbackData"},{"id":4400,"kind":1024,"name":"waypointTop","url":"interfaces/IWaypointCallbackData.html#waypointTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointCallbackData"},{"id":4401,"kind":1024,"name":"waypointBottom","url":"interfaces/IWaypointCallbackData.html#waypointBottom","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointCallbackData"},{"id":4402,"kind":1024,"name":"viewportTop","url":"interfaces/IWaypointCallbackData.html#viewportTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointCallbackData"},{"id":4403,"kind":1024,"name":"viewportBottom","url":"interfaces/IWaypointCallbackData.html#viewportBottom","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointCallbackData"},{"id":4404,"kind":256,"name":"IWaypointProps","url":"interfaces/IWaypointProps.html","classes":"tsd-kind-interface"},{"id":4405,"kind":1024,"name":"scrollableAncestor","url":"interfaces/IWaypointProps.html#scrollableAncestor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4406,"kind":1024,"name":"children","url":"interfaces/IWaypointProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4407,"kind":1024,"name":"topOffset","url":"interfaces/IWaypointProps.html#topOffset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4408,"kind":1024,"name":"bottomOffset","url":"interfaces/IWaypointProps.html#bottomOffset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4409,"kind":1024,"name":"horizontal","url":"interfaces/IWaypointProps.html#horizontal","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4410,"kind":1024,"name":"fireOnRapidScroll","url":"interfaces/IWaypointProps.html#fireOnRapidScroll","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4411,"kind":2048,"name":"onEnter","url":"interfaces/IWaypointProps.html#onEnter","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4412,"kind":2048,"name":"onLeave","url":"interfaces/IWaypointProps.html#onLeave","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4413,"kind":2048,"name":"onPositionChange","url":"interfaces/IWaypointProps.html#onPositionChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4414,"kind":128,"name":"Waypoint","url":"classes/Waypoint.html","classes":"tsd-kind-class"},{"id":4415,"kind":1024,"name":"defaultProps","url":"classes/Waypoint.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Waypoint"},{"id":4416,"kind":65536,"name":"__type","url":"classes/Waypoint.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Waypoint"},{"id":4417,"kind":1024,"name":"topOffset","url":"classes/Waypoint.html#__type-1.topOffset","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Waypoint.__type"},{"id":4418,"kind":1024,"name":"bottomOffset","url":"classes/Waypoint.html#__type-1.bottomOffset","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Waypoint.__type"},{"id":4419,"kind":1024,"name":"horizontal","url":"classes/Waypoint.html#__type-1.horizontal","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Waypoint.__type"},{"id":4420,"kind":1024,"name":"fireOnRapidScroll","url":"classes/Waypoint.html#__type-1.fireOnRapidScroll","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Waypoint.__type"},{"id":4421,"kind":512,"name":"constructor","url":"classes/Waypoint.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Waypoint"},{"id":4422,"kind":2048,"name":"componentDidMount","url":"classes/Waypoint.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Waypoint"},{"id":4423,"kind":2048,"name":"componentDidUpdate","url":"classes/Waypoint.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Waypoint"},{"id":4424,"kind":2048,"name":"componentWillUnmount","url":"classes/Waypoint.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Waypoint"},{"id":4425,"kind":2048,"name":"render","url":"classes/Waypoint.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Waypoint"},{"id":4426,"kind":65536,"name":"__type","url":"classes/Waypoint.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Waypoint"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,74.801]],["parent/0",[]],["name/1",[1,79.91]],["parent/1",[0,7.006]],["name/2",[2,60.449]],["parent/2",[]],["name/3",[3,74.801]],["parent/3",[2,5.661]],["name/4",[4,79.91]],["parent/4",[2,5.661]],["name/5",[5,79.91]],["parent/5",[2,5.661]],["name/6",[6,46.234]],["parent/6",[2,5.661]],["name/7",[7,79.91]],["parent/7",[2,5.661]],["name/8",[8,79.91]],["parent/8",[2,5.661]],["name/9",[9,79.91]],["parent/9",[2,5.661]],["name/10",[10,36.127]],["parent/10",[2,5.661]],["name/11",[11,79.91]],["parent/11",[2,5.661]],["name/12",[12,79.91]],["parent/12",[]],["name/13",[13,63.814]],["parent/13",[]],["name/14",[14,65.245]],["parent/14",[13,5.977]],["name/15",[15,71.436]],["parent/15",[13,5.977]],["name/16",[16,71.436]],["parent/16",[13,5.977]],["name/17",[17,51.19]],["parent/17",[13,5.977]],["name/18",[18,68.923]],["parent/18",[13,5.977]],["name/19",[19,49.784]],["parent/19",[13,5.977]],["name/20",[20,68.923]],["parent/20",[]],["name/21",[21,41.264]],["parent/21",[20,6.455]],["name/22",[22,42.451]],["parent/22",[20,6.455]],["name/23",[23,28.068]],["parent/23",[20,6.455]],["name/24",[24,55.929]],["parent/24",[]],["name/25",[23,28.068]],["parent/25",[24,5.238]],["name/26",[25,44.545]],["parent/26",[24,5.238]],["name/27",[26,54.784]],["parent/27",[24,5.238]],["name/28",[27,63.814]],["parent/28",[24,5.238]],["name/29",[28,56.554]],["parent/29",[24,5.238]],["name/30",[17,51.19]],["parent/30",[24,5.238]],["name/31",[18,68.923]],["parent/31",[24,5.238]],["name/32",[16,71.436]],["parent/32",[24,5.238]],["name/33",[14,65.245]],["parent/33",[24,5.238]],["name/34",[29,71.436]],["parent/34",[24,5.238]],["name/35",[30,55.929]],["parent/35",[24,5.238]],["name/36",[31,74.801]],["parent/36",[24,5.238]],["name/37",[32,66.916]],["parent/37",[24,5.238]],["name/38",[19,49.784]],["parent/38",[24,5.238]],["name/39",[15,71.436]],["parent/39",[24,5.238]],["name/40",[33,60.449]],["parent/40",[]],["name/41",[34,74.801]],["parent/41",[33,5.661]],["name/42",[35,43.619]],["parent/42",[33,5.661]],["name/43",[23,28.068]],["parent/43",[33,5.661]],["name/44",[25,44.545]],["parent/44",[36,6.267]],["name/45",[28,56.554]],["parent/45",[36,6.267]],["name/46",[26,54.784]],["parent/46",[36,6.267]],["name/47",[27,63.814]],["parent/47",[36,6.267]],["name/48",[14,65.245]],["parent/48",[36,6.267]],["name/49",[21,41.264]],["parent/49",[33,5.661]],["name/50",[37,54.784]],["parent/50",[33,5.661]],["name/51",[22,42.451]],["parent/51",[33,5.661]],["name/52",[23,28.068]],["parent/52",[33,5.661]],["name/53",[38,61.45]],["parent/53",[]],["name/54",[25,44.545]],["parent/54",[38,5.755]],["name/55",[27,63.814]],["parent/55",[38,5.755]],["name/56",[26,54.784]],["parent/56",[38,5.755]],["name/57",[39,74.801]],["parent/57",[38,5.755]],["name/58",[19,49.784]],["parent/58",[38,5.755]],["name/59",[29,71.436]],["parent/59",[38,5.755]],["name/60",[28,56.554]],["parent/60",[38,5.755]],["name/61",[23,28.068]],["parent/61",[38,5.755]],["name/62",[40,55.34]],["parent/62",[]],["name/63",[35,43.619]],["parent/63",[40,5.183]],["name/64",[23,28.068]],["parent/64",[40,5.183]],["name/65",[25,44.545]],["parent/65",[41,6.455]],["name/66",[26,54.784]],["parent/66",[41,6.455]],["name/67",[39,74.801]],["parent/67",[41,6.455]],["name/68",[28,56.554]],["parent/68",[41,6.455]],["name/69",[21,41.264]],["parent/69",[40,5.183]],["name/70",[42,79.91]],["parent/70",[40,5.183]],["name/71",[43,79.91]],["parent/71",[40,5.183]],["name/72",[44,54.784]],["parent/72",[40,5.183]],["name/73",[45,58.705]],["parent/73",[40,5.183]],["name/74",[46,79.91]],["parent/74",[40,5.183]],["name/75",[47,79.91]],["parent/75",[40,5.183]],["name/76",[48,79.91]],["parent/76",[40,5.183]],["name/77",[49,79.91]],["parent/77",[40,5.183]],["name/78",[50,79.91]],["parent/78",[40,5.183]],["name/79",[51,79.91]],["parent/79",[40,5.183]],["name/80",[52,74.801]],["parent/80",[40,5.183]],["name/81",[22,42.451]],["parent/81",[40,5.183]],["name/82",[23,28.068]],["parent/82",[40,5.183]],["name/83",[53,79.91]],["parent/83",[]],["name/84",[54,61.45]],["parent/84",[]],["name/85",[55,74.801]],["parent/85",[54,5.755]],["name/86",[56,74.801]],["parent/86",[54,5.755]],["name/87",[57,74.801]],["parent/87",[54,5.755]],["name/88",[58,74.801]],["parent/88",[54,5.755]],["name/89",[10,36.127]],["parent/89",[54,5.755]],["name/90",[59,43.619]],["parent/90",[54,5.755]],["name/91",[60,74.801]],["parent/91",[54,5.755]],["name/92",[61,74.801]],["parent/92",[54,5.755]],["name/93",[62,62.562]],["parent/93",[]],["name/94",[35,43.619]],["parent/94",[62,5.859]],["name/95",[23,28.068]],["parent/95",[62,5.859]],["name/96",[56,74.801]],["parent/96",[63,6.267]],["name/97",[57,74.801]],["parent/97",[63,6.267]],["name/98",[58,74.801]],["parent/98",[63,6.267]],["name/99",[60,74.801]],["parent/99",[63,6.267]],["name/100",[61,74.801]],["parent/100",[63,6.267]],["name/101",[21,41.264]],["parent/101",[62,5.859]],["name/102",[44,54.784]],["parent/102",[62,5.859]],["name/103",[64,57.935]],["parent/103",[62,5.859]],["name/104",[22,42.451]],["parent/104",[62,5.859]],["name/105",[23,28.068]],["parent/105",[62,5.859]],["name/106",[65,56.554]],["parent/106",[]],["name/107",[66,42.771]],["parent/107",[65,5.297]],["name/108",[67,71.436]],["parent/108",[65,5.297]],["name/109",[68,71.436]],["parent/109",[65,5.297]],["name/110",[69,71.436]],["parent/110",[65,5.297]],["name/111",[70,71.436]],["parent/111",[65,5.297]],["name/112",[10,36.127]],["parent/112",[65,5.297]],["name/113",[71,55.34]],["parent/113",[65,5.297]],["name/114",[30,55.929]],["parent/114",[65,5.297]],["name/115",[72,57.935]],["parent/115",[65,5.297]],["name/116",[73,68.923]],["parent/116",[65,5.297]],["name/117",[74,68.923]],["parent/117",[65,5.297]],["name/118",[75,41.989]],["parent/118",[65,5.297]],["name/119",[76,65.245]],["parent/119",[65,5.297]],["name/120",[77,71.436]],["parent/120",[65,5.297]],["name/121",[78,79.91]],["parent/121",[]],["name/122",[79,53.758]],["parent/122",[]],["name/123",[66,42.771]],["parent/123",[79,5.035]],["name/124",[80,71.436]],["parent/124",[79,5.035]],["name/125",[81,52.392]],["parent/125",[79,5.035]],["name/126",[82,71.436]],["parent/126",[79,5.035]],["name/127",[83,62.562]],["parent/127",[79,5.035]],["name/128",[84,42.935]],["parent/128",[79,5.035]],["name/129",[85,63.814]],["parent/129",[79,5.035]],["name/130",[86,79.91]],["parent/130",[79,5.035]],["name/131",[87,66.916]],["parent/131",[79,5.035]],["name/132",[88,79.91]],["parent/132",[79,5.035]],["name/133",[10,36.127]],["parent/133",[79,5.035]],["name/134",[89,65.245]],["parent/134",[79,5.035]],["name/135",[90,50.463]],["parent/135",[79,5.035]],["name/136",[91,74.801]],["parent/136",[79,5.035]],["name/137",[67,71.436]],["parent/137",[79,5.035]],["name/138",[69,71.436]],["parent/138",[79,5.035]],["name/139",[68,71.436]],["parent/139",[79,5.035]],["name/140",[75,41.989]],["parent/140",[79,5.035]],["name/141",[92,58.705]],["parent/141",[79,5.035]],["name/142",[93,68.923]],["parent/142",[]],["name/143",[94,63.814]],["parent/143",[93,6.455]],["name/144",[66,42.771]],["parent/144",[93,6.455]],["name/145",[95,74.801]],["parent/145",[93,6.455]],["name/146",[96,51.575]],["parent/146",[]],["name/147",[35,43.619]],["parent/147",[96,4.83]],["name/148",[23,28.068]],["parent/148",[96,4.83]],["name/149",[87,66.916]],["parent/149",[97,5.977]],["name/150",[23,28.068]],["parent/150",[97,5.977]],["name/151",[91,74.801]],["parent/151",[97,5.977]],["name/152",[67,71.436]],["parent/152",[97,5.977]],["name/153",[69,71.436]],["parent/153",[97,5.977]],["name/154",[68,71.436]],["parent/154",[97,5.977]],["name/155",[90,50.463]],["parent/155",[97,5.977]],["name/156",[98,53.758]],["parent/156",[96,4.83]],["name/157",[99,56.554]],["parent/157",[96,4.83]],["name/158",[21,41.264]],["parent/158",[96,4.83]],["name/159",[100,53.281]],["parent/159",[96,4.83]],["name/160",[101,79.91]],["parent/160",[96,4.83]],["name/161",[102,79.91]],["parent/161",[96,4.83]],["name/162",[103,79.91]],["parent/162",[96,4.83]],["name/163",[104,79.91]],["parent/163",[96,4.83]],["name/164",[105,79.91]],["parent/164",[96,4.83]],["name/165",[106,79.91]],["parent/165",[96,4.83]],["name/166",[85,63.814]],["parent/166",[96,4.83]],["name/167",[107,79.91]],["parent/167",[96,4.83]],["name/168",[94,63.814]],["parent/168",[96,4.83]],["name/169",[108,71.436]],["parent/169",[96,4.83]],["name/170",[109,79.91]],["parent/170",[96,4.83]],["name/171",[110,74.801]],["parent/171",[96,4.83]],["name/172",[111,74.801]],["parent/172",[96,4.83]],["name/173",[112,74.801]],["parent/173",[96,4.83]],["name/174",[22,42.451]],["parent/174",[96,4.83]],["name/175",[23,28.068]],["parent/175",[96,4.83]],["name/176",[113,61.45]],["parent/176",[]],["name/177",[114,71.436]],["parent/177",[113,5.755]],["name/178",[115,49.462]],["parent/178",[113,5.755]],["name/179",[30,55.929]],["parent/179",[113,5.755]],["name/180",[116,74.801]],["parent/180",[113,5.755]],["name/181",[6,46.234]],["parent/181",[113,5.755]],["name/182",[28,56.554]],["parent/182",[113,5.755]],["name/183",[59,43.619]],["parent/183",[113,5.755]],["name/184",[10,36.127]],["parent/184",[113,5.755]],["name/185",[117,68.923]],["parent/185",[]],["name/186",[118,74.801]],["parent/186",[117,6.455]],["name/187",[119,74.801]],["parent/187",[117,6.455]],["name/188",[120,79.91]],["parent/188",[117,6.455]],["name/189",[121,57.221]],["parent/189",[]],["name/190",[35,43.619]],["parent/190",[121,5.359]],["name/191",[23,28.068]],["parent/191",[121,5.359]],["name/192",[114,71.436]],["parent/192",[122,6.267]],["name/193",[115,49.462]],["parent/193",[122,6.267]],["name/194",[28,56.554]],["parent/194",[122,6.267]],["name/195",[99,56.554]],["parent/195",[121,5.359]],["name/196",[21,41.264]],["parent/196",[121,5.359]],["name/197",[123,79.91]],["parent/197",[121,5.359]],["name/198",[124,79.91]],["parent/198",[121,5.359]],["name/199",[37,54.784]],["parent/199",[121,5.359]],["name/200",[23,28.068]],["parent/200",[121,5.359]],["name/201",[118,74.801]],["parent/201",[122,6.267]],["name/202",[119,74.801]],["parent/202",[122,6.267]],["name/203",[22,42.451]],["parent/203",[121,5.359]],["name/204",[44,54.784]],["parent/204",[121,5.359]],["name/205",[64,57.935]],["parent/205",[121,5.359]],["name/206",[125,79.91]],["parent/206",[121,5.359]],["name/207",[23,28.068]],["parent/207",[121,5.359]],["name/208",[126,61.45]],["parent/208",[]],["name/209",[127,68.923]],["parent/209",[126,5.755]],["name/210",[128,74.801]],["parent/210",[126,5.755]],["name/211",[129,74.801]],["parent/211",[126,5.755]],["name/212",[130,74.801]],["parent/212",[126,5.755]],["name/213",[131,71.436]],["parent/213",[126,5.755]],["name/214",[59,43.619]],["parent/214",[126,5.755]],["name/215",[6,46.234]],["parent/215",[126,5.755]],["name/216",[10,36.127]],["parent/216",[126,5.755]],["name/217",[132,63.814]],["parent/217",[]],["name/218",[35,43.619]],["parent/218",[132,5.977]],["name/219",[23,28.068]],["parent/219",[132,5.977]],["name/220",[127,68.923]],["parent/220",[133,6.267]],["name/221",[128,74.801]],["parent/221",[133,6.267]],["name/222",[129,74.801]],["parent/222",[133,6.267]],["name/223",[130,74.801]],["parent/223",[133,6.267]],["name/224",[10,36.127]],["parent/224",[133,6.267]],["name/225",[21,41.264]],["parent/225",[132,5.977]],["name/226",[134,79.91]],["parent/226",[132,5.977]],["name/227",[22,42.451]],["parent/227",[132,5.977]],["name/228",[23,28.068]],["parent/228",[132,5.977]],["name/229",[135,79.91]],["parent/229",[]],["name/230",[136,79.91]],["parent/230",[]],["name/231",[137,79.91]],["parent/231",[]],["name/232",[138,62.562]],["parent/232",[]],["name/233",[17,51.19]],["parent/233",[138,5.859]],["name/234",[25,44.545]],["parent/234",[138,5.859]],["name/235",[10,36.127]],["parent/235",[138,5.859]],["name/236",[139,60.449]],["parent/236",[138,5.859]],["name/237",[140,55.34]],["parent/237",[138,5.859]],["name/238",[141,79.91]],["parent/238",[138,5.859]],["name/239",[142,79.91]],["parent/239",[138,5.859]],["name/240",[143,65.245]],["parent/240",[]],["name/241",[35,43.619]],["parent/241",[143,6.111]],["name/242",[23,28.068]],["parent/242",[143,6.111]],["name/243",[10,36.127]],["parent/243",[144,6.69]],["name/244",[140,55.34]],["parent/244",[144,6.69]],["name/245",[25,44.545]],["parent/245",[144,6.69]],["name/246",[21,41.264]],["parent/246",[143,6.111]],["name/247",[22,42.451]],["parent/247",[143,6.111]],["name/248",[23,28.068]],["parent/248",[143,6.111]],["name/249",[145,66.916]],["parent/249",[]],["name/250",[146,74.801]],["parent/250",[145,6.267]],["name/251",[10,36.127]],["parent/251",[145,6.267]],["name/252",[147,79.91]],["parent/252",[145,6.267]],["name/253",[59,43.619]],["parent/253",[145,6.267]],["name/254",[148,66.916]],["parent/254",[]],["name/255",[149,74.801]],["parent/255",[148,6.267]],["name/256",[150,74.801]],["parent/256",[148,6.267]],["name/257",[151,74.801]],["parent/257",[148,6.267]],["name/258",[152,74.801]],["parent/258",[148,6.267]],["name/259",[153,52.827]],["parent/259",[]],["name/260",[35,43.619]],["parent/260",[153,4.948]],["name/261",[23,28.068]],["parent/261",[153,4.948]],["name/262",[10,36.127]],["parent/262",[154,6.111]],["name/263",[146,74.801]],["parent/263",[154,6.111]],["name/264",[155,66.916]],["parent/264",[153,4.948]],["name/265",[21,41.264]],["parent/265",[153,4.948]],["name/266",[37,54.784]],["parent/266",[153,4.948]],["name/267",[23,28.068]],["parent/267",[153,4.948]],["name/268",[149,74.801]],["parent/268",[154,6.111]],["name/269",[150,74.801]],["parent/269",[154,6.111]],["name/270",[151,74.801]],["parent/270",[154,6.111]],["name/271",[152,74.801]],["parent/271",[154,6.111]],["name/272",[156,79.91]],["parent/272",[153,4.948]],["name/273",[157,71.436]],["parent/273",[153,4.948]],["name/274",[158,79.91]],["parent/274",[153,4.948]],["name/275",[159,79.91]],["parent/275",[153,4.948]],["name/276",[160,79.91]],["parent/276",[153,4.948]],["name/277",[161,79.91]],["parent/277",[153,4.948]],["name/278",[162,79.91]],["parent/278",[153,4.948]],["name/279",[44,54.784]],["parent/279",[153,4.948]],["name/280",[64,57.935]],["parent/280",[153,4.948]],["name/281",[163,79.91]],["parent/281",[153,4.948]],["name/282",[164,79.91]],["parent/282",[153,4.948]],["name/283",[165,79.91]],["parent/283",[153,4.948]],["name/284",[166,79.91]],["parent/284",[153,4.948]],["name/285",[22,42.451]],["parent/285",[153,4.948]],["name/286",[23,28.068]],["parent/286",[153,4.948]],["name/287",[167,66.916]],["parent/287",[]],["name/288",[10,36.127]],["parent/288",[167,6.267]],["name/289",[168,52.827]],["parent/289",[167,6.267]],["name/290",[169,74.801]],["parent/290",[167,6.267]],["name/291",[71,55.34]],["parent/291",[167,6.267]],["name/292",[170,68.923]],["parent/292",[]],["name/293",[21,41.264]],["parent/293",[170,6.455]],["name/294",[22,42.451]],["parent/294",[170,6.455]],["name/295",[23,28.068]],["parent/295",[170,6.455]],["name/296",[171,54.784]],["parent/296",[]],["name/297",[10,36.127]],["parent/297",[171,5.131]],["name/298",[59,43.619]],["parent/298",[171,5.131]],["name/299",[169,74.801]],["parent/299",[171,5.131]],["name/300",[172,66.916]],["parent/300",[171,5.131]],["name/301",[173,74.801]],["parent/301",[171,5.131]],["name/302",[174,79.91]],["parent/302",[171,5.131]],["name/303",[175,65.245]],["parent/303",[171,5.131]],["name/304",[176,63.814]],["parent/304",[171,5.131]],["name/305",[25,44.545]],["parent/305",[171,5.131]],["name/306",[26,54.784]],["parent/306",[171,5.131]],["name/307",[27,63.814]],["parent/307",[171,5.131]],["name/308",[28,56.554]],["parent/308",[171,5.131]],["name/309",[30,55.929]],["parent/309",[171,5.131]],["name/310",[75,41.989]],["parent/310",[171,5.131]],["name/311",[115,49.462]],["parent/311",[171,5.131]],["name/312",[177,74.801]],["parent/312",[171,5.131]],["name/313",[23,28.068]],["parent/313",[171,5.131]],["name/314",[178,58.705]],["parent/314",[]],["name/315",[35,43.619]],["parent/315",[178,5.498]],["name/316",[23,28.068]],["parent/316",[178,5.498]],["name/317",[25,44.545]],["parent/317",[179,6.455]],["name/318",[115,49.462]],["parent/318",[179,6.455]],["name/319",[173,74.801]],["parent/319",[179,6.455]],["name/320",[28,56.554]],["parent/320",[179,6.455]],["name/321",[180,71.436]],["parent/321",[178,5.498]],["name/322",[181,79.91]],["parent/322",[178,5.498]],["name/323",[23,28.068]],["parent/323",[178,5.498]],["name/324",[98,53.758]],["parent/324",[178,5.498]],["name/325",[21,41.264]],["parent/325",[178,5.498]],["name/326",[100,53.281]],["parent/326",[178,5.498]],["name/327",[22,42.451]],["parent/327",[178,5.498]],["name/328",[23,28.068]],["parent/328",[178,5.498]],["name/329",[182,79.91]],["parent/329",[]],["name/330",[183,79.91]],["parent/330",[]],["name/331",[184,79.91]],["parent/331",[]],["name/332",[185,65.245]],["parent/332",[]],["name/333",[10,36.127]],["parent/333",[185,6.111]],["name/334",[75,41.989]],["parent/334",[185,6.111]],["name/335",[6,46.234]],["parent/335",[185,6.111]],["name/336",[82,50.698,186,56.712]],["parent/336",[185,6.111]],["name/337",[71,55.34]],["parent/337",[185,6.111]],["name/338",[187,79.91]],["parent/338",[]],["name/339",[188,79.91]],["parent/339",[]],["name/340",[189,79.91]],["parent/340",[]],["name/341",[190,57.935]],["parent/341",[]],["name/342",[115,49.462]],["parent/342",[190,5.426]],["name/343",[25,44.545]],["parent/343",[190,5.426]],["name/344",[75,41.989]],["parent/344",[190,5.426]],["name/345",[26,54.784]],["parent/345",[190,5.426]],["name/346",[27,63.814]],["parent/346",[190,5.426]],["name/347",[28,56.554]],["parent/347",[190,5.426]],["name/348",[59,43.619]],["parent/348",[190,5.426]],["name/349",[30,55.929]],["parent/349",[190,5.426]],["name/350",[177,74.801]],["parent/350",[190,5.426]],["name/351",[6,46.234]],["parent/351",[190,5.426]],["name/352",[175,65.245]],["parent/352",[190,5.426]],["name/353",[176,63.814]],["parent/353",[190,5.426]],["name/354",[191,62.562]],["parent/354",[]],["name/355",[25,44.545]],["parent/355",[191,5.859]],["name/356",[17,51.19]],["parent/356",[191,5.859]],["name/357",[192,66.916]],["parent/357",[191,5.859]],["name/358",[59,43.619]],["parent/358",[191,5.859]],["name/359",[193,74.801]],["parent/359",[191,5.859]],["name/360",[26,54.784]],["parent/360",[191,5.859]],["name/361",[10,36.127]],["parent/361",[191,5.859]],["name/362",[194,65.245]],["parent/362",[]],["name/363",[35,43.619]],["parent/363",[194,6.111]],["name/364",[23,28.068]],["parent/364",[194,6.111]],["name/365",[25,44.545]],["parent/365",[195,5.977]],["name/366",[59,43.619]],["parent/366",[195,5.977]],["name/367",[23,28.068]],["parent/367",[195,5.977]],["name/368",[193,74.801]],["parent/368",[195,5.977]],["name/369",[23,28.068]],["parent/369",[195,5.977]],["name/370",[26,54.784]],["parent/370",[195,5.977]],["name/371",[10,36.127]],["parent/371",[195,5.977]],["name/372",[21,41.264]],["parent/372",[194,6.111]],["name/373",[22,42.451]],["parent/373",[194,6.111]],["name/374",[23,28.068]],["parent/374",[194,6.111]],["name/375",[196,57.935]],["parent/375",[]],["name/376",[197,57.935]],["parent/376",[196,5.426]],["name/377",[81,52.392]],["parent/377",[196,5.426]],["name/378",[10,36.127]],["parent/378",[196,5.426]],["name/379",[89,65.245]],["parent/379",[196,5.426]],["name/380",[75,41.989]],["parent/380",[196,5.426]],["name/381",[198,59.539]],["parent/381",[196,5.426]],["name/382",[199,51.975]],["parent/382",[196,5.426]],["name/383",[200,57.221]],["parent/383",[196,5.426]],["name/384",[201,57.935]],["parent/384",[196,5.426]],["name/385",[202,66.916]],["parent/385",[196,5.426]],["name/386",[203,66.916]],["parent/386",[196,5.426]],["name/387",[204,66.916]],["parent/387",[196,5.426]],["name/388",[205,79.91]],["parent/388",[]],["name/389",[206,79.91]],["parent/389",[]],["name/390",[207,79.91]],["parent/390",[]],["name/391",[208,63.814]],["parent/391",[]],["name/392",[66,42.771]],["parent/392",[208,5.977]],["name/393",[209,63.814]],["parent/393",[208,5.977]],["name/394",[6,46.234]],["parent/394",[208,5.977]],["name/395",[75,41.989]],["parent/395",[208,5.977]],["name/396",[210,74.801]],["parent/396",[208,5.977]],["name/397",[211,65.245]],["parent/397",[208,5.977]],["name/398",[212,62.562]],["parent/398",[]],["name/399",[6,46.234]],["parent/399",[212,5.859]],["name/400",[213,79.91]],["parent/400",[212,5.859]],["name/401",[66,42.771]],["parent/401",[212,5.859]],["name/402",[209,63.814]],["parent/402",[212,5.859]],["name/403",[75,41.989]],["parent/403",[212,5.859]],["name/404",[210,74.801]],["parent/404",[212,5.859]],["name/405",[211,65.245]],["parent/405",[212,5.859]],["name/406",[214,74.801]],["parent/406",[]],["name/407",[23,28.068]],["parent/407",[214,7.006]],["name/408",[215,74.801]],["parent/408",[]],["name/409",[23,28.068]],["parent/409",[215,7.006]],["name/410",[216,74.801]],["parent/410",[]],["name/411",[23,28.068]],["parent/411",[216,7.006]],["name/412",[217,74.801]],["parent/412",[]],["name/413",[23,28.068]],["parent/413",[217,7.006]],["name/414",[218,71.436]],["parent/414",[]],["name/415",[219,65.245]],["parent/415",[218,6.69]],["name/416",[220,74.801]],["parent/416",[218,6.69]],["name/417",[221,74.801]],["parent/417",[]],["name/418",[192,66.916]],["parent/418",[221,7.006]],["name/419",[222,71.436]],["parent/419",[]],["name/420",[223,79.91]],["parent/420",[222,6.69]],["name/421",[192,66.916]],["parent/421",[222,6.69]],["name/422",[224,71.436]],["parent/422",[]],["name/423",[225,79.91]],["parent/423",[224,6.69]],["name/424",[226,74.801]],["parent/424",[224,6.69]],["name/425",[227,74.801]],["parent/425",[]],["name/426",[192,66.916]],["parent/426",[227,7.006]],["name/427",[228,63.814]],["parent/427",[]],["name/428",[229,71.436]],["parent/428",[228,5.977]],["name/429",[230,79.91]],["parent/429",[228,5.977]],["name/430",[231,79.91]],["parent/430",[228,5.977]],["name/431",[232,71.436]],["parent/431",[228,5.977]],["name/432",[201,57.935]],["parent/432",[228,5.977]],["name/433",[233,61.45]],["parent/433",[228,5.977]],["name/434",[234,51.19]],["parent/434",[]],["name/435",[235,68.923]],["parent/435",[234,4.794]],["name/436",[236,68.923]],["parent/436",[234,4.794]],["name/437",[237,68.923]],["parent/437",[234,4.794]],["name/438",[211,65.245]],["parent/438",[234,4.794]],["name/439",[238,68.923]],["parent/439",[234,4.794]],["name/440",[239,68.923]],["parent/440",[234,4.794]],["name/441",[240,71.436]],["parent/441",[234,4.794]],["name/442",[241,61.45]],["parent/442",[234,4.794]],["name/443",[242,62.562]],["parent/443",[234,4.794]],["name/444",[243,66.916]],["parent/444",[234,4.794]],["name/445",[244,68.923]],["parent/445",[234,4.794]],["name/446",[245,68.923]],["parent/446",[234,4.794]],["name/447",[246,68.923]],["parent/447",[234,4.794]],["name/448",[197,57.935]],["parent/448",[234,4.794]],["name/449",[81,52.392]],["parent/449",[234,4.794]],["name/450",[10,36.127]],["parent/450",[234,4.794]],["name/451",[89,65.245]],["parent/451",[234,4.794]],["name/452",[75,41.989]],["parent/452",[234,4.794]],["name/453",[198,59.539]],["parent/453",[234,4.794]],["name/454",[199,51.975]],["parent/454",[234,4.794]],["name/455",[200,57.221]],["parent/455",[234,4.794]],["name/456",[201,57.935]],["parent/456",[234,4.794]],["name/457",[202,66.916]],["parent/457",[234,4.794]],["name/458",[203,66.916]],["parent/458",[234,4.794]],["name/459",[204,66.916]],["parent/459",[234,4.794]],["name/460",[247,49.784]],["parent/460",[]],["name/461",[248,59.539]],["parent/461",[247,4.663]],["name/462",[66,42.771]],["parent/462",[247,4.663]],["name/463",[84,42.935]],["parent/463",[247,4.663]],["name/464",[249,71.436]],["parent/464",[247,4.663]],["name/465",[235,68.923]],["parent/465",[247,4.663]],["name/466",[236,68.923]],["parent/466",[247,4.663]],["name/467",[237,68.923]],["parent/467",[247,4.663]],["name/468",[211,65.245]],["parent/468",[247,4.663]],["name/469",[238,68.923]],["parent/469",[247,4.663]],["name/470",[239,68.923]],["parent/470",[247,4.663]],["name/471",[240,71.436]],["parent/471",[247,4.663]],["name/472",[241,61.45]],["parent/472",[247,4.663]],["name/473",[242,62.562]],["parent/473",[247,4.663]],["name/474",[243,66.916]],["parent/474",[247,4.663]],["name/475",[244,68.923]],["parent/475",[247,4.663]],["name/476",[245,68.923]],["parent/476",[247,4.663]],["name/477",[246,68.923]],["parent/477",[247,4.663]],["name/478",[197,57.935]],["parent/478",[247,4.663]],["name/479",[81,52.392]],["parent/479",[247,4.663]],["name/480",[10,36.127]],["parent/480",[247,4.663]],["name/481",[89,65.245]],["parent/481",[247,4.663]],["name/482",[75,41.989]],["parent/482",[247,4.663]],["name/483",[198,59.539]],["parent/483",[247,4.663]],["name/484",[199,51.975]],["parent/484",[247,4.663]],["name/485",[200,57.221]],["parent/485",[247,4.663]],["name/486",[201,57.935]],["parent/486",[247,4.663]],["name/487",[202,66.916]],["parent/487",[247,4.663]],["name/488",[203,66.916]],["parent/488",[247,4.663]],["name/489",[204,66.916]],["parent/489",[247,4.663]],["name/490",[250,49.149]],["parent/490",[]],["name/491",[248,59.539]],["parent/491",[250,4.603]],["name/492",[66,42.771]],["parent/492",[250,4.603]],["name/493",[84,42.935]],["parent/493",[250,4.603]],["name/494",[251,79.91]],["parent/494",[250,4.603]],["name/495",[252,79.91]],["parent/495",[250,4.603]],["name/496",[253,74.801]],["parent/496",[250,4.603]],["name/497",[235,68.923]],["parent/497",[250,4.603]],["name/498",[236,68.923]],["parent/498",[250,4.603]],["name/499",[237,68.923]],["parent/499",[250,4.603]],["name/500",[211,65.245]],["parent/500",[250,4.603]],["name/501",[238,68.923]],["parent/501",[250,4.603]],["name/502",[239,68.923]],["parent/502",[250,4.603]],["name/503",[240,71.436]],["parent/503",[250,4.603]],["name/504",[241,61.45]],["parent/504",[250,4.603]],["name/505",[242,62.562]],["parent/505",[250,4.603]],["name/506",[243,66.916]],["parent/506",[250,4.603]],["name/507",[244,68.923]],["parent/507",[250,4.603]],["name/508",[245,68.923]],["parent/508",[250,4.603]],["name/509",[246,68.923]],["parent/509",[250,4.603]],["name/510",[197,57.935]],["parent/510",[250,4.603]],["name/511",[81,52.392]],["parent/511",[250,4.603]],["name/512",[10,36.127]],["parent/512",[250,4.603]],["name/513",[89,65.245]],["parent/513",[250,4.603]],["name/514",[75,41.989]],["parent/514",[250,4.603]],["name/515",[198,59.539]],["parent/515",[250,4.603]],["name/516",[199,51.975]],["parent/516",[250,4.603]],["name/517",[200,57.221]],["parent/517",[250,4.603]],["name/518",[201,57.935]],["parent/518",[250,4.603]],["name/519",[202,66.916]],["parent/519",[250,4.603]],["name/520",[203,66.916]],["parent/520",[250,4.603]],["name/521",[204,66.916]],["parent/521",[250,4.603]],["name/522",[254,79.91]],["parent/522",[]],["name/523",[255,60.449]],["parent/523",[]],["name/524",[35,43.619]],["parent/524",[255,5.661]],["name/525",[23,28.068]],["parent/525",[255,5.661]],["name/526",[66,42.771]],["parent/526",[256,5.035]],["name/527",[197,57.935]],["parent/527",[256,5.035]],["name/528",[198,59.539]],["parent/528",[256,5.035]],["name/529",[248,59.539]],["parent/529",[256,5.035]],["name/530",[244,68.923]],["parent/530",[256,5.035]],["name/531",[245,68.923]],["parent/531",[256,5.035]],["name/532",[246,68.923]],["parent/532",[256,5.035]],["name/533",[236,68.923]],["parent/533",[256,5.035]],["name/534",[237,68.923]],["parent/534",[256,5.035]],["name/535",[211,65.245]],["parent/535",[256,5.035]],["name/536",[238,68.923]],["parent/536",[256,5.035]],["name/537",[239,68.923]],["parent/537",[256,5.035]],["name/538",[243,66.916]],["parent/538",[256,5.035]],["name/539",[201,57.935]],["parent/539",[256,5.035]],["name/540",[23,28.068]],["parent/540",[256,5.035]],["name/541",[241,61.45]],["parent/541",[256,5.035]],["name/542",[23,28.068]],["parent/542",[256,5.035]],["name/543",[242,62.562]],["parent/543",[256,5.035]],["name/544",[23,28.068]],["parent/544",[256,5.035]],["name/545",[253,74.801]],["parent/545",[256,5.035]],["name/546",[98,53.758]],["parent/546",[255,5.661]],["name/547",[99,56.554]],["parent/547",[255,5.661]],["name/548",[21,41.264]],["parent/548",[255,5.661]],["name/549",[257,79.91]],["parent/549",[255,5.661]],["name/550",[100,53.281]],["parent/550",[255,5.661]],["name/551",[22,42.451]],["parent/551",[255,5.661]],["name/552",[23,28.068]],["parent/552",[255,5.661]],["name/553",[258,54.784]],["parent/553",[]],["name/554",[66,42.771]],["parent/554",[258,5.131]],["name/555",[84,42.935]],["parent/555",[258,5.131]],["name/556",[235,68.923]],["parent/556",[258,5.131]],["name/557",[17,51.19]],["parent/557",[258,5.131]],["name/558",[249,71.436]],["parent/558",[258,5.131]],["name/559",[197,57.935]],["parent/559",[258,5.131]],["name/560",[81,52.392]],["parent/560",[258,5.131]],["name/561",[10,36.127]],["parent/561",[258,5.131]],["name/562",[89,65.245]],["parent/562",[258,5.131]],["name/563",[75,41.989]],["parent/563",[258,5.131]],["name/564",[198,59.539]],["parent/564",[258,5.131]],["name/565",[199,51.975]],["parent/565",[258,5.131]],["name/566",[200,57.221]],["parent/566",[258,5.131]],["name/567",[201,57.935]],["parent/567",[258,5.131]],["name/568",[202,66.916]],["parent/568",[258,5.131]],["name/569",[203,66.916]],["parent/569",[258,5.131]],["name/570",[204,66.916]],["parent/570",[258,5.131]],["name/571",[259,55.34]],["parent/571",[]],["name/572",[35,43.619]],["parent/572",[259,5.183]],["name/573",[23,28.068]],["parent/573",[259,5.183]],["name/574",[66,42.771]],["parent/574",[260,5.977]],["name/575",[197,57.935]],["parent/575",[260,5.977]],["name/576",[249,71.436]],["parent/576",[260,5.977]],["name/577",[201,57.935]],["parent/577",[260,5.977]],["name/578",[23,28.068]],["parent/578",[260,5.977]],["name/579",[198,59.539]],["parent/579",[260,5.977]],["name/580",[17,51.19]],["parent/580",[260,5.977]],["name/581",[98,53.758]],["parent/581",[259,5.183]],["name/582",[99,56.554]],["parent/582",[259,5.183]],["name/583",[21,41.264]],["parent/583",[259,5.183]],["name/584",[100,53.281]],["parent/584",[259,5.183]],["name/585",[75,41.989]],["parent/585",[259,5.183]],["name/586",[261,68.923]],["parent/586",[259,5.183]],["name/587",[262,79.91]],["parent/587",[259,5.183]],["name/588",[263,74.801]],["parent/588",[259,5.183]],["name/589",[200,57.221]],["parent/589",[259,5.183]],["name/590",[264,79.91]],["parent/590",[259,5.183]],["name/591",[71,55.34]],["parent/591",[259,5.183]],["name/592",[265,74.801]],["parent/592",[259,5.183]],["name/593",[22,42.451]],["parent/593",[259,5.183]],["name/594",[23,28.068]],["parent/594",[259,5.183]],["name/595",[266,62.562]],["parent/595",[]],["name/596",[66,42.771]],["parent/596",[266,5.859]],["name/597",[267,71.436]],["parent/597",[266,5.859]],["name/598",[75,41.989]],["parent/598",[266,5.859]],["name/599",[268,63.814]],["parent/599",[266,5.859]],["name/600",[84,42.935]],["parent/600",[266,5.859]],["name/601",[10,36.127]],["parent/601",[266,5.859]],["name/602",[59,43.619]],["parent/602",[266,5.859]],["name/603",[269,59.539]],["parent/603",[]],["name/604",[35,43.619]],["parent/604",[269,5.576]],["name/605",[23,28.068]],["parent/605",[269,5.576]],["name/606",[267,71.436]],["parent/606",[270,6.69]],["name/607",[23,28.068]],["parent/607",[270,6.69]],["name/608",[66,42.771]],["parent/608",[270,6.69]],["name/609",[98,53.758]],["parent/609",[269,5.576]],["name/610",[21,41.264]],["parent/610",[269,5.576]],["name/611",[100,53.281]],["parent/611",[269,5.576]],["name/612",[271,79.91]],["parent/612",[269,5.576]],["name/613",[23,28.068]],["parent/613",[269,5.576]],["name/614",[272,79.91]],["parent/614",[269,5.576]],["name/615",[22,42.451]],["parent/615",[269,5.576]],["name/616",[23,28.068]],["parent/616",[269,5.576]],["name/617",[273,71.436]],["parent/617",[]],["name/618",[273,71.436]],["parent/618",[]],["name/619",[180,71.436]],["parent/619",[273,6.69]],["name/620",[274,56.554]],["parent/620",[]],["name/621",[25,44.545]],["parent/621",[274,5.297]],["name/622",[275,66.916]],["parent/622",[274,5.297]],["name/623",[66,42.771]],["parent/623",[274,5.297]],["name/624",[75,41.989]],["parent/624",[274,5.297]],["name/625",[268,63.814]],["parent/625",[274,5.297]],["name/626",[276,74.801]],["parent/626",[274,5.297]],["name/627",[84,42.935]],["parent/627",[274,5.297]],["name/628",[10,36.127]],["parent/628",[274,5.297]],["name/629",[59,43.619]],["parent/629",[274,5.297]],["name/630",[277,74.801]],["parent/630",[274,5.297]],["name/631",[90,50.463]],["parent/631",[274,5.297]],["name/632",[6,46.234]],["parent/632",[274,5.297]],["name/633",[175,65.245]],["parent/633",[274,5.297]],["name/634",[176,63.814]],["parent/634",[274,5.297]],["name/635",[278,68.923]],["parent/635",[]],["name/636",[172,66.916]],["parent/636",[278,6.455]],["name/637",[279,79.91]],["parent/637",[278,6.455]],["name/638",[280,74.801]],["parent/638",[278,6.455]],["name/639",[281,57.221]],["parent/639",[]],["name/640",[275,66.916]],["parent/640",[281,5.359]],["name/641",[66,42.771]],["parent/641",[281,5.359]],["name/642",[75,41.989]],["parent/642",[281,5.359]],["name/643",[268,63.814]],["parent/643",[281,5.359]],["name/644",[276,74.801]],["parent/644",[281,5.359]],["name/645",[84,42.935]],["parent/645",[281,5.359]],["name/646",[10,36.127]],["parent/646",[281,5.359]],["name/647",[59,43.619]],["parent/647",[281,5.359]],["name/648",[277,74.801]],["parent/648",[281,5.359]],["name/649",[90,50.463]],["parent/649",[281,5.359]],["name/650",[6,46.234]],["parent/650",[281,5.359]],["name/651",[175,65.245]],["parent/651",[281,5.359]],["name/652",[176,63.814]],["parent/652",[281,5.359]],["name/653",[282,58.705]],["parent/653",[]],["name/654",[283,65.245]],["parent/654",[282,5.498]],["name/655",[284,79.91]],["parent/655",[282,5.498]],["name/656",[285,74.801]],["parent/656",[282,5.498]],["name/657",[286,79.91]],["parent/657",[282,5.498]],["name/658",[287,79.91]],["parent/658",[282,5.498]],["name/659",[288,61.45]],["parent/659",[282,5.498]],["name/660",[289,79.91]],["parent/660",[282,5.498]],["name/661",[290,79.91]],["parent/661",[282,5.498]],["name/662",[291,74.801]],["parent/662",[282,5.498]],["name/663",[292,66.916]],["parent/663",[282,5.498]],["name/664",[10,36.127]],["parent/664",[282,5.498]],["name/665",[293,71.436]],["parent/665",[]],["name/666",[294,79.91]],["parent/666",[293,6.69]],["name/667",[295,79.91]],["parent/667",[293,6.69]],["name/668",[296,52.392]],["parent/668",[]],["name/669",[35,43.619]],["parent/669",[296,4.907]],["name/670",[21,41.264]],["parent/670",[296,4.907]],["name/671",[297,79.91]],["parent/671",[296,4.907]],["name/672",[298,79.91]],["parent/672",[296,4.907]],["name/673",[299,79.91]],["parent/673",[296,4.907]],["name/674",[300,79.91]],["parent/674",[296,4.907]],["name/675",[64,57.935]],["parent/675",[296,4.907]],["name/676",[44,54.784]],["parent/676",[296,4.907]],["name/677",[45,58.705]],["parent/677",[296,4.907]],["name/678",[301,79.91]],["parent/678",[296,4.907]],["name/679",[302,79.91]],["parent/679",[296,4.907]],["name/680",[303,79.91]],["parent/680",[296,4.907]],["name/681",[304,79.91]],["parent/681",[296,4.907]],["name/682",[305,79.91]],["parent/682",[296,4.907]],["name/683",[306,79.91]],["parent/683",[296,4.907]],["name/684",[296,52.392]],["parent/684",[296,4.907]],["name/685",[307,79.91]],["parent/685",[296,4.907]],["name/686",[308,79.91]],["parent/686",[296,4.907]],["name/687",[309,79.91]],["parent/687",[296,4.907]],["name/688",[22,42.451]],["parent/688",[296,4.907]],["name/689",[23,28.068]],["parent/689",[296,4.907]],["name/690",[310,62.562]],["parent/690",[]],["name/691",[311,71.436]],["parent/691",[310,5.859]],["name/692",[312,74.801]],["parent/692",[310,5.859]],["name/693",[84,42.935]],["parent/693",[310,5.859]],["name/694",[28,56.554]],["parent/694",[310,5.859]],["name/695",[313,68.923]],["parent/695",[310,5.859]],["name/696",[10,36.127]],["parent/696",[310,5.859]],["name/697",[314,71.436]],["parent/697",[310,5.859]],["name/698",[315,62.562]],["parent/698",[]],["name/699",[311,71.436]],["parent/699",[315,5.859]],["name/700",[312,74.801]],["parent/700",[315,5.859]],["name/701",[84,42.935]],["parent/701",[315,5.859]],["name/702",[28,56.554]],["parent/702",[315,5.859]],["name/703",[313,68.923]],["parent/703",[315,5.859]],["name/704",[10,36.127]],["parent/704",[315,5.859]],["name/705",[314,71.436]],["parent/705",[315,5.859]],["name/706",[316,79.91]],["parent/706",[]],["name/707",[233,61.45]],["parent/707",[]],["name/708",[35,43.619]],["parent/708",[233,5.755]],["name/709",[23,28.068]],["parent/709",[233,5.755]],["name/710",[28,56.554]],["parent/710",[317,6.69]],["name/711",[313,68.923]],["parent/711",[317,6.69]],["name/712",[311,71.436]],["parent/712",[317,6.69]],["name/713",[318,74.801]],["parent/713",[233,5.755]],["name/714",[21,41.264]],["parent/714",[233,5.755]],["name/715",[22,42.451]],["parent/715",[233,5.755]],["name/716",[84,42.935]],["parent/716",[233,5.755]],["name/717",[23,28.068]],["parent/717",[233,5.755]],["name/718",[319,57.221]],["parent/718",[]],["name/719",[17,51.19]],["parent/719",[319,5.359]],["name/720",[75,41.989]],["parent/720",[319,5.359]],["name/721",[320,74.801]],["parent/721",[319,5.359]],["name/722",[59,43.619]],["parent/722",[319,5.359]],["name/723",[10,36.127]],["parent/723",[319,5.359]],["name/724",[76,65.245]],["parent/724",[319,5.359]],["name/725",[84,42.935]],["parent/725",[319,5.359]],["name/726",[321,79.91]],["parent/726",[319,5.359]],["name/727",[313,68.923]],["parent/727",[319,5.359]],["name/728",[314,71.436]],["parent/728",[319,5.359]],["name/729",[322,79.91]],["parent/729",[319,5.359]],["name/730",[28,56.554]],["parent/730",[319,5.359]],["name/731",[291,74.801]],["parent/731",[319,5.359]],["name/732",[323,59.539]],["parent/732",[]],["name/733",[35,43.619]],["parent/733",[323,5.576]],["name/734",[23,28.068]],["parent/734",[323,5.576]],["name/735",[320,74.801]],["parent/735",[324,7.006]],["name/736",[98,53.758]],["parent/736",[323,5.576]],["name/737",[21,41.264]],["parent/737",[323,5.576]],["name/738",[100,53.281]],["parent/738",[323,5.576]],["name/739",[37,54.784]],["parent/739",[323,5.576]],["name/740",[23,28.068]],["parent/740",[323,5.576]],["name/741",[325,79.91]],["parent/741",[324,7.006]],["name/742",[22,42.451]],["parent/742",[323,5.576]],["name/743",[326,68.923]],["parent/743",[323,5.576]],["name/744",[23,28.068]],["parent/744",[323,5.576]],["name/745",[327,71.436]],["parent/745",[]],["name/746",[328,79.91]],["parent/746",[]],["name/747",[329,61.45]],["parent/747",[]],["name/748",[330,66.916]],["parent/748",[329,5.755]],["name/749",[331,74.801]],["parent/749",[329,5.755]],["name/750",[25,44.545]],["parent/750",[329,5.755]],["name/751",[327,71.436]],["parent/751",[329,5.755]],["name/752",[84,42.935]],["parent/752",[329,5.755]],["name/753",[10,36.127]],["parent/753",[329,5.755]],["name/754",[332,74.801]],["parent/754",[329,5.755]],["name/755",[75,41.989]],["parent/755",[329,5.755]],["name/756",[333,57.221]],["parent/756",[]],["name/757",[35,43.619]],["parent/757",[333,5.359]],["name/758",[23,28.068]],["parent/758",[333,5.359]],["name/759",[331,74.801]],["parent/759",[334,5.977]],["name/760",[84,42.935]],["parent/760",[334,5.977]],["name/761",[10,36.127]],["parent/761",[334,5.977]],["name/762",[332,74.801]],["parent/762",[334,5.977]],["name/763",[25,44.545]],["parent/763",[334,5.977]],["name/764",[327,71.436]],["parent/764",[334,5.977]],["name/765",[335,79.91]],["parent/765",[333,5.359]],["name/766",[98,53.758]],["parent/766",[333,5.359]],["name/767",[21,41.264]],["parent/767",[333,5.359]],["name/768",[37,54.784]],["parent/768",[333,5.359]],["name/769",[23,28.068]],["parent/769",[333,5.359]],["name/770",[336,79.91]],["parent/770",[334,5.977]],["name/771",[100,53.281]],["parent/771",[333,5.359]],["name/772",[75,41.989]],["parent/772",[333,5.359]],["name/773",[337,79.91]],["parent/773",[333,5.359]],["name/774",[338,79.91]],["parent/774",[333,5.359]],["name/775",[22,42.451]],["parent/775",[333,5.359]],["name/776",[23,28.068]],["parent/776",[333,5.359]],["name/777",[339,66.916]],["parent/777",[]],["name/778",[283,65.245]],["parent/778",[339,6.267]],["name/779",[71,55.34]],["parent/779",[339,6.267]],["name/780",[340,74.801]],["parent/780",[339,6.267]],["name/781",[341,74.801]],["parent/781",[339,6.267]],["name/782",[342,58.705]],["parent/782",[]],["name/783",[35,43.619]],["parent/783",[342,5.498]],["name/784",[23,28.068]],["parent/784",[342,5.498]],["name/785",[340,74.801]],["parent/785",[343,7.006]],["name/786",[341,74.801]],["parent/786",[343,7.006]],["name/787",[21,41.264]],["parent/787",[342,5.498]],["name/788",[344,79.91]],["parent/788",[342,5.498]],["name/789",[345,79.91]],["parent/789",[342,5.498]],["name/790",[22,42.451]],["parent/790",[342,5.498]],["name/791",[23,28.068]],["parent/791",[342,5.498]],["name/792",[346,79.91]],["parent/792",[]],["name/793",[347,74.801]],["parent/793",[]],["name/794",[348,79.91]],["parent/794",[]],["name/795",[349,79.91]],["parent/795",[]],["name/796",[350,74.801]],["parent/796",[]],["name/797",[23,28.068]],["parent/797",[350,7.006]],["name/798",[351,79.91]],["parent/798",[]],["name/799",[352,68.923]],["parent/799",[]],["name/800",[353,79.91]],["parent/800",[352,6.455]],["name/801",[354,79.91]],["parent/801",[352,6.455]],["name/802",[355,71.436]],["parent/802",[352,6.455]],["name/803",[356,79.91]],["parent/803",[]],["name/804",[357,52.827]],["parent/804",[]],["name/805",[358,79.91]],["parent/805",[357,4.948]],["name/806",[359,79.91]],["parent/806",[357,4.948]],["name/807",[360,68.923]],["parent/807",[357,4.948]],["name/808",[361,68.923]],["parent/808",[357,4.948]],["name/809",[362,66.916]],["parent/809",[357,4.948]],["name/810",[363,79.91]],["parent/810",[357,4.948]],["name/811",[364,79.91]],["parent/811",[357,4.948]],["name/812",[365,79.91]],["parent/812",[357,4.948]],["name/813",[366,79.91]],["parent/813",[357,4.948]],["name/814",[367,74.801]],["parent/814",[357,4.948]],["name/815",[368,79.91]],["parent/815",[357,4.948]],["name/816",[369,79.91]],["parent/816",[357,4.948]],["name/817",[370,79.91]],["parent/817",[357,4.948]],["name/818",[347,74.801]],["parent/818",[357,4.948]],["name/819",[371,71.436]],["parent/819",[357,4.948]],["name/820",[372,79.91]],["parent/820",[357,4.948]],["name/821",[373,74.801]],["parent/821",[357,4.948]],["name/822",[374,79.91]],["parent/822",[357,4.948]],["name/823",[375,79.91]],["parent/823",[357,4.948]],["name/824",[376,74.801]],["parent/824",[357,4.948]],["name/825",[377,74.801]],["parent/825",[357,4.948]],["name/826",[378,54.784]],["parent/826",[]],["name/827",[361,68.923]],["parent/827",[378,5.131]],["name/828",[10,36.127]],["parent/828",[378,5.131]],["name/829",[19,49.784]],["parent/829",[378,5.131]],["name/830",[81,52.392]],["parent/830",[378,5.131]],["name/831",[66,42.771]],["parent/831",[378,5.131]],["name/832",[75,41.989]],["parent/832",[378,5.131]],["name/833",[90,50.463]],["parent/833",[378,5.131]],["name/834",[168,52.827]],["parent/834",[378,5.131]],["name/835",[379,63.814]],["parent/835",[378,5.131]],["name/836",[380,61.45]],["parent/836",[378,5.131]],["name/837",[381,74.801]],["parent/837",[378,5.131]],["name/838",[382,63.814]],["parent/838",[378,5.131]],["name/839",[383,55.929]],["parent/839",[378,5.131]],["name/840",[384,61.45]],["parent/840",[378,5.131]],["name/841",[385,61.45]],["parent/841",[378,5.131]],["name/842",[386,61.45]],["parent/842",[378,5.131]],["name/843",[84,42.935]],["parent/843",[378,5.131]],["name/844",[387,79.91]],["parent/844",[]],["name/845",[388,71.436]],["parent/845",[]],["name/846",[388,71.436]],["parent/846",[]],["name/847",[35,43.619]],["parent/847",[388,6.69]],["name/848",[389,53.281]],["parent/848",[]],["name/849",[168,52.827]],["parent/849",[389,4.99]],["name/850",[81,52.392]],["parent/850",[389,4.99]],["name/851",[66,42.771]],["parent/851",[389,4.99]],["name/852",[84,42.935]],["parent/852",[389,4.99]],["name/853",[390,74.801]],["parent/853",[389,4.99]],["name/854",[96,51.575]],["parent/854",[389,4.99]],["name/855",[362,66.916]],["parent/855",[389,4.99]],["name/856",[380,61.45]],["parent/856",[389,4.99]],["name/857",[19,49.784]],["parent/857",[389,4.99]],["name/858",[391,74.801]],["parent/858",[389,4.99]],["name/859",[392,74.801]],["parent/859",[389,4.99]],["name/860",[393,74.801]],["parent/860",[389,4.99]],["name/861",[394,74.801]],["parent/861",[389,4.99]],["name/862",[395,74.801]],["parent/862",[389,4.99]],["name/863",[383,55.929]],["parent/863",[389,4.99]],["name/864",[75,41.989]],["parent/864",[389,4.99]],["name/865",[384,61.45]],["parent/865",[389,4.99]],["name/866",[385,61.45]],["parent/866",[389,4.99]],["name/867",[90,50.463]],["parent/867",[389,4.99]],["name/868",[10,36.127]],["parent/868",[389,4.99]],["name/869",[396,79.91]],["parent/869",[]],["name/870",[397,53.281]],["parent/870",[]],["name/871",[361,68.923]],["parent/871",[397,4.99]],["name/872",[362,66.916]],["parent/872",[397,4.99]],["name/873",[360,68.923]],["parent/873",[397,4.99]],["name/874",[376,74.801]],["parent/874",[397,4.99]],["name/875",[377,74.801]],["parent/875",[397,4.99]],["name/876",[10,36.127]],["parent/876",[397,4.99]],["name/877",[19,49.784]],["parent/877",[397,4.99]],["name/878",[81,52.392]],["parent/878",[397,4.99]],["name/879",[66,42.771]],["parent/879",[397,4.99]],["name/880",[75,41.989]],["parent/880",[397,4.99]],["name/881",[90,50.463]],["parent/881",[397,4.99]],["name/882",[168,52.827]],["parent/882",[397,4.99]],["name/883",[379,63.814]],["parent/883",[397,4.99]],["name/884",[380,61.45]],["parent/884",[397,4.99]],["name/885",[382,63.814]],["parent/885",[397,4.99]],["name/886",[383,55.929]],["parent/886",[397,4.99]],["name/887",[384,61.45]],["parent/887",[397,4.99]],["name/888",[385,61.45]],["parent/888",[397,4.99]],["name/889",[386,61.45]],["parent/889",[397,4.99]],["name/890",[84,42.935]],["parent/890",[397,4.99]],["name/891",[398,79.91]],["parent/891",[]],["name/892",[399,53.758]],["parent/892",[]],["name/893",[361,68.923]],["parent/893",[399,5.035]],["name/894",[362,66.916]],["parent/894",[399,5.035]],["name/895",[360,68.923]],["parent/895",[399,5.035]],["name/896",[10,36.127]],["parent/896",[399,5.035]],["name/897",[19,49.784]],["parent/897",[399,5.035]],["name/898",[81,52.392]],["parent/898",[399,5.035]],["name/899",[66,42.771]],["parent/899",[399,5.035]],["name/900",[75,41.989]],["parent/900",[399,5.035]],["name/901",[90,50.463]],["parent/901",[399,5.035]],["name/902",[168,52.827]],["parent/902",[399,5.035]],["name/903",[379,63.814]],["parent/903",[399,5.035]],["name/904",[380,61.45]],["parent/904",[399,5.035]],["name/905",[381,74.801]],["parent/905",[399,5.035]],["name/906",[382,63.814]],["parent/906",[399,5.035]],["name/907",[383,55.929]],["parent/907",[399,5.035]],["name/908",[384,61.45]],["parent/908",[399,5.035]],["name/909",[385,61.45]],["parent/909",[399,5.035]],["name/910",[386,61.45]],["parent/910",[399,5.035]],["name/911",[84,42.935]],["parent/911",[399,5.035]],["name/912",[400,79.91]],["parent/912",[]],["name/913",[401,55.929]],["parent/913",[]],["name/914",[10,36.127]],["parent/914",[401,5.238]],["name/915",[19,49.784]],["parent/915",[401,5.238]],["name/916",[81,52.392]],["parent/916",[401,5.238]],["name/917",[66,42.771]],["parent/917",[401,5.238]],["name/918",[75,41.989]],["parent/918",[401,5.238]],["name/919",[90,50.463]],["parent/919",[401,5.238]],["name/920",[168,52.827]],["parent/920",[401,5.238]],["name/921",[379,63.814]],["parent/921",[401,5.238]],["name/922",[380,61.45]],["parent/922",[401,5.238]],["name/923",[382,63.814]],["parent/923",[401,5.238]],["name/924",[383,55.929]],["parent/924",[401,5.238]],["name/925",[384,61.45]],["parent/925",[401,5.238]],["name/926",[385,61.45]],["parent/926",[401,5.238]],["name/927",[386,61.45]],["parent/927",[401,5.238]],["name/928",[84,42.935]],["parent/928",[401,5.238]],["name/929",[402,79.91]],["parent/929",[]],["name/930",[403,55.929]],["parent/930",[]],["name/931",[10,36.127]],["parent/931",[403,5.238]],["name/932",[19,49.784]],["parent/932",[403,5.238]],["name/933",[81,52.392]],["parent/933",[403,5.238]],["name/934",[66,42.771]],["parent/934",[403,5.238]],["name/935",[75,41.989]],["parent/935",[403,5.238]],["name/936",[90,50.463]],["parent/936",[403,5.238]],["name/937",[168,52.827]],["parent/937",[403,5.238]],["name/938",[379,63.814]],["parent/938",[403,5.238]],["name/939",[380,61.45]],["parent/939",[403,5.238]],["name/940",[382,63.814]],["parent/940",[403,5.238]],["name/941",[383,55.929]],["parent/941",[403,5.238]],["name/942",[384,61.45]],["parent/942",[403,5.238]],["name/943",[385,61.45]],["parent/943",[403,5.238]],["name/944",[386,61.45]],["parent/944",[403,5.238]],["name/945",[84,42.935]],["parent/945",[403,5.238]],["name/946",[404,79.91]],["parent/946",[]],["name/947",[405,79.91]],["parent/947",[]],["name/948",[406,66.916]],["parent/948",[]],["name/949",[407,53.281]],["parent/949",[]],["name/950",[380,61.45]],["parent/950",[407,4.99]],["name/951",[19,49.784]],["parent/951",[407,4.99]],["name/952",[168,52.827]],["parent/952",[407,4.99]],["name/953",[81,52.392]],["parent/953",[407,4.99]],["name/954",[66,42.771]],["parent/954",[407,4.99]],["name/955",[84,42.935]],["parent/955",[407,4.99]],["name/956",[390,74.801]],["parent/956",[407,4.99]],["name/957",[96,51.575]],["parent/957",[407,4.99]],["name/958",[362,66.916]],["parent/958",[407,4.99]],["name/959",[391,74.801]],["parent/959",[407,4.99]],["name/960",[392,74.801]],["parent/960",[407,4.99]],["name/961",[393,74.801]],["parent/961",[407,4.99]],["name/962",[394,74.801]],["parent/962",[407,4.99]],["name/963",[395,74.801]],["parent/963",[407,4.99]],["name/964",[383,55.929]],["parent/964",[407,4.99]],["name/965",[75,41.989]],["parent/965",[407,4.99]],["name/966",[384,61.45]],["parent/966",[407,4.99]],["name/967",[385,61.45]],["parent/967",[407,4.99]],["name/968",[90,50.463]],["parent/968",[407,4.99]],["name/969",[10,36.127]],["parent/969",[407,4.99]],["name/970",[408,79.91]],["parent/970",[]],["name/971",[409,62.562]],["parent/971",[]],["name/972",[410,79.91]],["parent/972",[409,5.859]],["name/973",[411,79.91]],["parent/973",[409,5.859]],["name/974",[412,79.91]],["parent/974",[409,5.859]],["name/975",[413,79.91]],["parent/975",[409,5.859]],["name/976",[414,79.91]],["parent/976",[409,5.859]],["name/977",[415,79.91]],["parent/977",[409,5.859]],["name/978",[416,79.91]],["parent/978",[409,5.859]],["name/979",[417,54.784]],["parent/979",[]],["name/980",[360,68.923]],["parent/980",[417,5.131]],["name/981",[418,79.91]],["parent/981",[417,5.131]],["name/982",[10,36.127]],["parent/982",[417,5.131]],["name/983",[19,49.784]],["parent/983",[417,5.131]],["name/984",[81,52.392]],["parent/984",[417,5.131]],["name/985",[66,42.771]],["parent/985",[417,5.131]],["name/986",[75,41.989]],["parent/986",[417,5.131]],["name/987",[90,50.463]],["parent/987",[417,5.131]],["name/988",[168,52.827]],["parent/988",[417,5.131]],["name/989",[379,63.814]],["parent/989",[417,5.131]],["name/990",[380,61.45]],["parent/990",[417,5.131]],["name/991",[382,63.814]],["parent/991",[417,5.131]],["name/992",[383,55.929]],["parent/992",[417,5.131]],["name/993",[384,61.45]],["parent/993",[417,5.131]],["name/994",[385,61.45]],["parent/994",[417,5.131]],["name/995",[386,61.45]],["parent/995",[417,5.131]],["name/996",[84,42.935]],["parent/996",[417,5.131]],["name/997",[419,79.91]],["parent/997",[]],["name/998",[420,55.929]],["parent/998",[]],["name/999",[10,36.127]],["parent/999",[420,5.238]],["name/1000",[19,49.784]],["parent/1000",[420,5.238]],["name/1001",[81,52.392]],["parent/1001",[420,5.238]],["name/1002",[66,42.771]],["parent/1002",[420,5.238]],["name/1003",[75,41.989]],["parent/1003",[420,5.238]],["name/1004",[90,50.463]],["parent/1004",[420,5.238]],["name/1005",[168,52.827]],["parent/1005",[420,5.238]],["name/1006",[379,63.814]],["parent/1006",[420,5.238]],["name/1007",[380,61.45]],["parent/1007",[420,5.238]],["name/1008",[382,63.814]],["parent/1008",[420,5.238]],["name/1009",[383,55.929]],["parent/1009",[420,5.238]],["name/1010",[384,61.45]],["parent/1010",[420,5.238]],["name/1011",[385,61.45]],["parent/1011",[420,5.238]],["name/1012",[386,61.45]],["parent/1012",[420,5.238]],["name/1013",[84,42.935]],["parent/1013",[420,5.238]],["name/1014",[421,79.91]],["parent/1014",[]],["name/1015",[422,79.91]],["parent/1015",[]],["name/1016",[423,79.91]],["parent/1016",[]],["name/1017",[424,74.801]],["parent/1017",[]],["name/1018",[23,28.068]],["parent/1018",[424,7.006]],["name/1019",[425,71.436]],["parent/1019",[]],["name/1020",[283,65.245]],["parent/1020",[425,6.69]],["name/1021",[66,42.771]],["parent/1021",[425,6.69]],["name/1022",[426,58.705]],["parent/1022",[]],["name/1023",[84,42.935]],["parent/1023",[426,5.498]],["name/1024",[66,42.771]],["parent/1024",[426,5.498]],["name/1025",[386,61.45]],["parent/1025",[426,5.498]],["name/1026",[383,55.929]],["parent/1026",[426,5.498]],["name/1027",[427,79.91]],["parent/1027",[426,5.498]],["name/1028",[428,79.91]],["parent/1028",[426,5.498]],["name/1029",[429,74.801]],["parent/1029",[426,5.498]],["name/1030",[430,79.91]],["parent/1030",[426,5.498]],["name/1031",[431,58.705]],["parent/1031",[426,5.498]],["name/1032",[432,59.539]],["parent/1032",[426,5.498]],["name/1033",[10,36.127]],["parent/1033",[426,5.498]],["name/1034",[433,62.562]],["parent/1034",[]],["name/1035",[35,43.619]],["parent/1035",[433,5.859]],["name/1036",[23,28.068]],["parent/1036",[433,5.859]],["name/1037",[10,36.127]],["parent/1037",[434,5.977]],["name/1038",[66,42.771]],["parent/1038",[434,5.977]],["name/1039",[386,61.45]],["parent/1039",[434,5.977]],["name/1040",[383,55.929]],["parent/1040",[434,5.977]],["name/1041",[429,74.801]],["parent/1041",[434,5.977]],["name/1042",[431,58.705]],["parent/1042",[434,5.977]],["name/1043",[432,59.539]],["parent/1043",[434,5.977]],["name/1044",[21,41.264]],["parent/1044",[433,5.859]],["name/1045",[435,79.91]],["parent/1045",[433,5.859]],["name/1046",[436,79.91]],["parent/1046",[433,5.859]],["name/1047",[22,42.451]],["parent/1047",[433,5.859]],["name/1048",[23,28.068]],["parent/1048",[433,5.859]],["name/1049",[437,74.801]],["parent/1049",[]],["name/1050",[438,74.801]],["parent/1050",[]],["name/1051",[439,74.801]],["parent/1051",[]],["name/1052",[440,79.91]],["parent/1052",[439,7.006]],["name/1053",[441,55.929]],["parent/1053",[]],["name/1054",[442,79.91]],["parent/1054",[441,5.238]],["name/1055",[443,79.91]],["parent/1055",[441,5.238]],["name/1056",[444,68.923]],["parent/1056",[441,5.238]],["name/1057",[19,49.784]],["parent/1057",[441,5.238]],["name/1058",[10,36.127]],["parent/1058",[441,5.238]],["name/1059",[6,46.234]],["parent/1059",[441,5.238]],["name/1060",[17,51.19]],["parent/1060",[441,5.238]],["name/1061",[59,43.619]],["parent/1061",[441,5.238]],["name/1062",[199,51.975]],["parent/1062",[441,5.238]],["name/1063",[445,71.436]],["parent/1063",[441,5.238]],["name/1064",[446,66.916]],["parent/1064",[441,5.238]],["name/1065",[447,71.436]],["parent/1065",[441,5.238]],["name/1066",[448,66.916]],["parent/1066",[441,5.238]],["name/1067",[449,74.801]],["parent/1067",[441,5.238]],["name/1068",[450,74.801]],["parent/1068",[441,5.238]],["name/1069",[451,57.935]],["parent/1069",[]],["name/1070",[17,51.19]],["parent/1070",[451,5.426]],["name/1071",[6,46.234]],["parent/1071",[451,5.426]],["name/1072",[445,71.436]],["parent/1072",[451,5.426]],["name/1073",[199,51.975]],["parent/1073",[451,5.426]],["name/1074",[446,66.916]],["parent/1074",[451,5.426]],["name/1075",[19,49.784]],["parent/1075",[451,5.426]],["name/1076",[447,71.436]],["parent/1076",[451,5.426]],["name/1077",[448,66.916]],["parent/1077",[451,5.426]],["name/1078",[10,36.127]],["parent/1078",[451,5.426]],["name/1079",[59,43.619]],["parent/1079",[451,5.426]],["name/1080",[449,74.801]],["parent/1080",[451,5.426]],["name/1081",[450,74.801]],["parent/1081",[451,5.426]],["name/1082",[452,71.436]],["parent/1082",[]],["name/1083",[453,79.91]],["parent/1083",[452,6.69]],["name/1084",[454,79.91]],["parent/1084",[452,6.69]],["name/1085",[455,57.221]],["parent/1085",[]],["name/1086",[35,43.619]],["parent/1086",[455,5.359]],["name/1087",[23,28.068]],["parent/1087",[455,5.359]],["name/1088",[19,49.784]],["parent/1088",[456,5.661]],["name/1089",[199,51.975]],["parent/1089",[456,5.661]],["name/1090",[10,36.127]],["parent/1090",[456,5.661]],["name/1091",[59,43.619]],["parent/1091",[456,5.661]],["name/1092",[23,28.068]],["parent/1092",[456,5.661]],["name/1093",[17,51.19]],["parent/1093",[456,5.661]],["name/1094",[446,66.916]],["parent/1094",[456,5.661]],["name/1095",[447,71.436]],["parent/1095",[456,5.661]],["name/1096",[448,66.916]],["parent/1096",[456,5.661]],["name/1097",[445,71.436]],["parent/1097",[456,5.661]],["name/1098",[438,74.801]],["parent/1098",[455,5.359]],["name/1099",[23,28.068]],["parent/1099",[455,5.359]],["name/1100",[437,74.801]],["parent/1100",[455,5.359]],["name/1101",[23,28.068]],["parent/1101",[455,5.359]],["name/1102",[99,56.554]],["parent/1102",[455,5.359]],["name/1103",[21,41.264]],["parent/1103",[455,5.359]],["name/1104",[457,79.91]],["parent/1104",[455,5.359]],["name/1105",[19,49.784]],["parent/1105",[455,5.359]],["name/1106",[458,79.91]],["parent/1106",[455,5.359]],["name/1107",[22,42.451]],["parent/1107",[455,5.359]],["name/1108",[23,28.068]],["parent/1108",[455,5.359]],["name/1109",[459,74.801]],["parent/1109",[]],["name/1110",[66,42.771]],["parent/1110",[459,7.006]],["name/1111",[460,74.801]],["parent/1111",[]],["name/1112",[66,42.771]],["parent/1112",[460,7.006]],["name/1113",[461,79.91]],["parent/1113",[]],["name/1114",[75,41.989]],["parent/1114",[]],["name/1115",[462,79.91]],["parent/1115",[]],["name/1116",[463,71.436]],["parent/1116",[]],["name/1117",[463,71.436]],["parent/1117",[]],["name/1118",[35,43.619]],["parent/1118",[463,6.69]],["name/1119",[464,79.91]],["parent/1119",[]],["name/1120",[465,79.91]],["parent/1120",[]],["name/1121",[466,79.91]],["parent/1121",[]],["name/1122",[467,79.91]],["parent/1122",[]],["name/1123",[468,79.91]],["parent/1123",[]],["name/1124",[469,79.91]],["parent/1124",[]],["name/1125",[470,79.91]],["parent/1125",[]],["name/1126",[471,71.436]],["parent/1126",[]],["name/1127",[472,79.91]],["parent/1127",[]],["name/1128",[473,71.436]],["parent/1128",[]],["name/1129",[474,71.436]],["parent/1129",[473,6.69]],["name/1130",[17,51.19]],["parent/1130",[473,6.69]],["name/1131",[475,79.91]],["parent/1131",[]],["name/1132",[476,79.91]],["parent/1132",[]],["name/1133",[477,74.801]],["parent/1133",[]],["name/1134",[474,71.436]],["parent/1134",[477,7.006]],["name/1135",[478,79.91]],["parent/1135",[]],["name/1136",[479,63.814]],["parent/1136",[]],["name/1137",[480,74.801]],["parent/1137",[479,5.977]],["name/1138",[481,79.91]],["parent/1138",[479,5.977]],["name/1139",[3,74.801]],["parent/1139",[479,5.977]],["name/1140",[482,79.91]],["parent/1140",[479,5.977]],["name/1141",[483,79.91]],["parent/1141",[479,5.977]],["name/1142",[84,42.935]],["parent/1142",[479,5.977]],["name/1143",[484,68.923]],["parent/1143",[]],["name/1144",[484,68.923]],["parent/1144",[]],["name/1145",[485,79.91]],["parent/1145",[484,6.455]],["name/1146",[486,71.436]],["parent/1146",[484,6.455]],["name/1147",[487,79.91]],["parent/1147",[]],["name/1148",[488,71.436]],["parent/1148",[]],["name/1149",[489,57.935]],["parent/1149",[488,6.69]],["name/1150",[490,79.91]],["parent/1150",[488,6.69]],["name/1151",[491,71.436]],["parent/1151",[]],["name/1152",[492,61.45]],["parent/1152",[491,6.69]],["name/1153",[493,68.923]],["parent/1153",[491,6.69]],["name/1154",[494,57.935]],["parent/1154",[]],["name/1155",[35,43.619]],["parent/1155",[494,5.426]],["name/1156",[23,28.068]],["parent/1156",[494,5.426]],["name/1157",[493,68.923]],["parent/1157",[495,6.455]],["name/1158",[23,28.068]],["parent/1158",[495,6.455]],["name/1159",[496,74.801]],["parent/1159",[494,5.426]],["name/1160",[23,28.068]],["parent/1160",[494,5.426]],["name/1161",[497,79.91]],["parent/1161",[494,5.426]],["name/1162",[23,28.068]],["parent/1162",[494,5.426]],["name/1163",[21,41.264]],["parent/1163",[494,5.426]],["name/1164",[37,54.784]],["parent/1164",[494,5.426]],["name/1165",[23,28.068]],["parent/1165",[494,5.426]],["name/1166",[489,57.935]],["parent/1166",[495,6.455]],["name/1167",[498,68.923]],["parent/1167",[495,6.455]],["name/1168",[499,79.91]],["parent/1168",[494,5.426]],["name/1169",[22,42.451]],["parent/1169",[494,5.426]],["name/1170",[23,28.068]],["parent/1170",[494,5.426]],["name/1171",[500,71.436]],["parent/1171",[]],["name/1172",[492,61.45]],["parent/1172",[500,6.69]],["name/1173",[493,68.923]],["parent/1173",[500,6.69]],["name/1174",[496,74.801]],["parent/1174",[]],["name/1175",[501,68.923]],["parent/1175",[]],["name/1176",[502,79.91]],["parent/1176",[501,6.455]],["name/1177",[493,68.923]],["parent/1177",[501,6.455]],["name/1178",[492,61.45]],["parent/1178",[501,6.455]],["name/1179",[503,79.91]],["parent/1179",[]],["name/1180",[504,79.91]],["parent/1180",[]],["name/1181",[505,79.91]],["parent/1181",[]],["name/1182",[506,66.916]],["parent/1182",[]],["name/1183",[172,66.916]],["parent/1183",[506,6.267]],["name/1184",[507,74.801]],["parent/1184",[506,6.267]],["name/1185",[508,74.801]],["parent/1185",[506,6.267]],["name/1186",[197,57.935]],["parent/1186",[506,6.267]],["name/1187",[509,79.91]],["parent/1187",[]],["name/1188",[510,79.91]],["parent/1188",[]],["name/1189",[511,79.91]],["parent/1189",[]],["name/1190",[512,68.923]],["parent/1190",[]],["name/1191",[507,74.801]],["parent/1191",[512,6.455]],["name/1192",[508,74.801]],["parent/1192",[512,6.455]],["name/1193",[197,57.935]],["parent/1193",[512,6.455]],["name/1194",[513,71.436]],["parent/1194",[]],["name/1195",[514,79.91]],["parent/1195",[513,6.69]],["name/1196",[515,79.91]],["parent/1196",[513,6.69]],["name/1197",[516,71.436]],["parent/1197",[]],["name/1198",[517,74.801]],["parent/1198",[516,6.69]],["name/1199",[518,74.801]],["parent/1199",[516,6.69]],["name/1200",[519,79.91]],["parent/1200",[]],["name/1201",[520,68.923]],["parent/1201",[]],["name/1202",[521,74.801]],["parent/1202",[520,6.455]],["name/1203",[518,74.801]],["parent/1203",[520,6.455]],["name/1204",[197,57.935]],["parent/1204",[520,6.455]],["name/1205",[522,79.91]],["parent/1205",[]],["name/1206",[523,51.19]],["parent/1206",[]],["name/1207",[21,41.264]],["parent/1207",[523,4.794]],["name/1208",[524,68.923]],["parent/1208",[523,4.794]],["name/1209",[525,65.245]],["parent/1209",[523,4.794]],["name/1210",[526,68.923]],["parent/1210",[523,4.794]],["name/1211",[527,68.923]],["parent/1211",[523,4.794]],["name/1212",[528,68.923]],["parent/1212",[523,4.794]],["name/1213",[489,57.935]],["parent/1213",[523,4.794]],["name/1214",[529,61.45]],["parent/1214",[523,4.794]],["name/1215",[66,42.771]],["parent/1215",[523,4.794]],["name/1216",[66,42.771]],["parent/1216",[523,4.794]],["name/1217",[530,41.693]],["parent/1217",[523,4.794]],["name/1218",[531,58.705]],["parent/1218",[523,4.794]],["name/1219",[532,68.923]],["parent/1219",[523,4.794]],["name/1220",[533,68.923]],["parent/1220",[523,4.794]],["name/1221",[534,68.923]],["parent/1221",[523,4.794]],["name/1222",[535,68.923]],["parent/1222",[523,4.794]],["name/1223",[536,60.449]],["parent/1223",[523,4.794]],["name/1224",[219,65.245]],["parent/1224",[523,4.794]],["name/1225",[537,68.923]],["parent/1225",[523,4.794]],["name/1226",[538,68.923]],["parent/1226",[523,4.794]],["name/1227",[539,68.923]],["parent/1227",[523,4.794]],["name/1228",[540,68.923]],["parent/1228",[523,4.794]],["name/1229",[529,61.45]],["parent/1229",[523,4.794]],["name/1230",[541,68.923]],["parent/1230",[523,4.794]],["name/1231",[489,57.935]],["parent/1231",[523,4.794]],["name/1232",[542,47.455]],["parent/1232",[]],["name/1233",[524,68.923]],["parent/1233",[542,4.444]],["name/1234",[6,46.234]],["parent/1234",[542,4.444]],["name/1235",[526,68.923]],["parent/1235",[542,4.444]],["name/1236",[543,71.436]],["parent/1236",[542,4.444]],["name/1237",[544,60.449]],["parent/1237",[542,4.444]],["name/1238",[66,42.771]],["parent/1238",[542,4.444]],["name/1239",[66,42.771]],["parent/1239",[542,4.444]],["name/1240",[529,61.45]],["parent/1240",[542,4.444]],["name/1241",[545,74.801]],["parent/1241",[542,4.444]],["name/1242",[536,60.449]],["parent/1242",[542,4.444]],["name/1243",[219,65.245]],["parent/1243",[542,4.444]],["name/1244",[537,68.923]],["parent/1244",[542,4.444]],["name/1245",[6,46.234]],["parent/1245",[542,4.444]],["name/1246",[546,68.923]],["parent/1246",[542,4.444]],["name/1247",[527,68.923]],["parent/1247",[542,4.444]],["name/1248",[528,68.923]],["parent/1248",[542,4.444]],["name/1249",[535,68.923]],["parent/1249",[542,4.444]],["name/1250",[538,68.923]],["parent/1250",[542,4.444]],["name/1251",[547,74.801]],["parent/1251",[542,4.444]],["name/1252",[548,52.827]],["parent/1252",[542,4.444]],["name/1253",[549,79.91]],["parent/1253",[542,4.444]],["name/1254",[550,79.91]],["parent/1254",[542,4.444]],["name/1255",[551,79.91]],["parent/1255",[542,4.444]],["name/1256",[241,61.45]],["parent/1256",[542,4.444]],["name/1257",[552,79.91]],["parent/1257",[542,4.444]],["name/1258",[539,68.923]],["parent/1258",[542,4.444]],["name/1259",[532,68.923]],["parent/1259",[542,4.444]],["name/1260",[534,68.923]],["parent/1260",[542,4.444]],["name/1261",[533,68.923]],["parent/1261",[542,4.444]],["name/1262",[540,68.923]],["parent/1262",[542,4.444]],["name/1263",[525,65.245]],["parent/1263",[542,4.444]],["name/1264",[489,57.935]],["parent/1264",[542,4.444]],["name/1265",[530,41.693]],["parent/1265",[542,4.444]],["name/1266",[531,58.705]],["parent/1266",[542,4.444]],["name/1267",[529,61.45]],["parent/1267",[542,4.444]],["name/1268",[541,68.923]],["parent/1268",[542,4.444]],["name/1269",[489,57.935]],["parent/1269",[542,4.444]],["name/1270",[553,49.462]],["parent/1270",[]],["name/1271",[524,68.923]],["parent/1271",[553,4.632]],["name/1272",[554,79.91]],["parent/1272",[553,4.632]],["name/1273",[555,79.91]],["parent/1273",[553,4.632]],["name/1274",[543,71.436]],["parent/1274",[553,4.632]],["name/1275",[556,79.91]],["parent/1275",[553,4.632]],["name/1276",[557,79.91]],["parent/1276",[553,4.632]],["name/1277",[544,60.449]],["parent/1277",[553,4.632]],["name/1278",[526,68.923]],["parent/1278",[553,4.632]],["name/1279",[66,42.771]],["parent/1279",[553,4.632]],["name/1280",[529,61.45]],["parent/1280",[553,4.632]],["name/1281",[536,60.449]],["parent/1281",[553,4.632]],["name/1282",[219,65.245]],["parent/1282",[553,4.632]],["name/1283",[537,68.923]],["parent/1283",[553,4.632]],["name/1284",[538,68.923]],["parent/1284",[553,4.632]],["name/1285",[527,68.923]],["parent/1285",[553,4.632]],["name/1286",[528,68.923]],["parent/1286",[553,4.632]],["name/1287",[539,68.923]],["parent/1287",[553,4.632]],["name/1288",[535,68.923]],["parent/1288",[553,4.632]],["name/1289",[532,68.923]],["parent/1289",[553,4.632]],["name/1290",[534,68.923]],["parent/1290",[553,4.632]],["name/1291",[533,68.923]],["parent/1291",[553,4.632]],["name/1292",[540,68.923]],["parent/1292",[553,4.632]],["name/1293",[525,65.245]],["parent/1293",[553,4.632]],["name/1294",[489,57.935]],["parent/1294",[553,4.632]],["name/1295",[66,42.771]],["parent/1295",[553,4.632]],["name/1296",[530,41.693]],["parent/1296",[553,4.632]],["name/1297",[531,58.705]],["parent/1297",[553,4.632]],["name/1298",[529,61.45]],["parent/1298",[553,4.632]],["name/1299",[541,68.923]],["parent/1299",[553,4.632]],["name/1300",[489,57.935]],["parent/1300",[553,4.632]],["name/1301",[558,48.266]],["parent/1301",[]],["name/1302",[524,68.923]],["parent/1302",[558,4.52]],["name/1303",[559,79.91]],["parent/1303",[558,4.52]],["name/1304",[560,79.91]],["parent/1304",[558,4.52]],["name/1305",[6,46.234]],["parent/1305",[558,4.52]],["name/1306",[526,68.923]],["parent/1306",[558,4.52]],["name/1307",[543,71.436]],["parent/1307",[558,4.52]],["name/1308",[544,60.449]],["parent/1308",[558,4.52]],["name/1309",[66,42.771]],["parent/1309",[558,4.52]],["name/1310",[66,42.771]],["parent/1310",[558,4.52]],["name/1311",[529,61.45]],["parent/1311",[558,4.52]],["name/1312",[545,74.801]],["parent/1312",[558,4.52]],["name/1313",[561,79.91]],["parent/1313",[558,4.52]],["name/1314",[538,68.923]],["parent/1314",[558,4.52]],["name/1315",[527,68.923]],["parent/1315",[558,4.52]],["name/1316",[528,68.923]],["parent/1316",[558,4.52]],["name/1317",[562,79.91]],["parent/1317",[558,4.52]],["name/1318",[563,79.91]],["parent/1318",[558,4.52]],["name/1319",[540,68.923]],["parent/1319",[558,4.52]],["name/1320",[535,68.923]],["parent/1320",[558,4.52]],["name/1321",[219,65.245]],["parent/1321",[558,4.52]],["name/1322",[537,68.923]],["parent/1322",[558,4.52]],["name/1323",[536,60.449]],["parent/1323",[558,4.52]],["name/1324",[539,68.923]],["parent/1324",[558,4.52]],["name/1325",[532,68.923]],["parent/1325",[558,4.52]],["name/1326",[534,68.923]],["parent/1326",[558,4.52]],["name/1327",[533,68.923]],["parent/1327",[558,4.52]],["name/1328",[546,68.923]],["parent/1328",[558,4.52]],["name/1329",[525,65.245]],["parent/1329",[558,4.52]],["name/1330",[489,57.935]],["parent/1330",[558,4.52]],["name/1331",[530,41.693]],["parent/1331",[558,4.52]],["name/1332",[531,58.705]],["parent/1332",[558,4.52]],["name/1333",[529,61.45]],["parent/1333",[558,4.52]],["name/1334",[541,68.923]],["parent/1334",[558,4.52]],["name/1335",[489,57.935]],["parent/1335",[558,4.52]],["name/1336",[564,71.436]],["parent/1336",[]],["name/1337",[565,68.923]],["parent/1337",[564,6.69]],["name/1338",[566,79.91]],["parent/1338",[564,6.69]],["name/1339",[567,74.801]],["parent/1339",[]],["name/1340",[531,58.705]],["parent/1340",[567,7.006]],["name/1341",[568,68.923]],["parent/1341",[]],["name/1342",[569,79.91]],["parent/1342",[568,6.455]],["name/1343",[531,58.705]],["parent/1343",[568,6.455]],["name/1344",[570,79.91]],["parent/1344",[568,6.455]],["name/1345",[571,79.91]],["parent/1345",[]],["name/1346",[572,79.91]],["parent/1346",[]],["name/1347",[573,52.392]],["parent/1347",[]],["name/1348",[574,79.91]],["parent/1348",[573,4.907]],["name/1349",[575,79.91]],["parent/1349",[573,4.907]],["name/1350",[431,58.705]],["parent/1350",[573,4.907]],["name/1351",[432,59.539]],["parent/1351",[573,4.907]],["name/1352",[576,66.916]],["parent/1352",[573,4.907]],["name/1353",[577,79.91]],["parent/1353",[573,4.907]],["name/1354",[578,79.91]],["parent/1354",[573,4.907]],["name/1355",[579,79.91]],["parent/1355",[573,4.907]],["name/1356",[580,79.91]],["parent/1356",[573,4.907]],["name/1357",[581,79.91]],["parent/1357",[573,4.907]],["name/1358",[582,79.91]],["parent/1358",[573,4.907]],["name/1359",[583,79.91]],["parent/1359",[584,7.484]],["name/1360",[585,79.91]],["parent/1360",[573,4.907]],["name/1361",[586,68.923]],["parent/1361",[]],["name/1362",[587,74.801]],["parent/1362",[586,6.455]],["name/1363",[588,79.91]],["parent/1363",[586,6.455]],["name/1364",[589,79.91]],["parent/1364",[586,6.455]],["name/1365",[590,61.45]],["parent/1365",[]],["name/1366",[591,71.436]],["parent/1366",[590,5.755]],["name/1367",[592,79.91]],["parent/1367",[590,5.755]],["name/1368",[593,79.91]],["parent/1368",[590,5.755]],["name/1369",[594,79.91]],["parent/1369",[590,5.755]],["name/1370",[595,79.91]],["parent/1370",[590,5.755]],["name/1371",[280,74.801]],["parent/1371",[590,5.755]],["name/1372",[596,74.801]],["parent/1372",[590,5.755]],["name/1373",[597,58.705]],["parent/1373",[]],["name/1374",[598,79.91]],["parent/1374",[597,5.498]],["name/1375",[599,79.91]],["parent/1375",[597,5.498]],["name/1376",[600,79.91]],["parent/1376",[597,5.498]],["name/1377",[601,79.91]],["parent/1377",[597,5.498]],["name/1378",[602,79.91]],["parent/1378",[597,5.498]],["name/1379",[603,79.91]],["parent/1379",[597,5.498]],["name/1380",[604,79.91]],["parent/1380",[597,5.498]],["name/1381",[605,79.91]],["parent/1381",[597,5.498]],["name/1382",[23,28.068]],["parent/1382",[606,7.484]],["name/1383",[607,79.91]],["parent/1383",[597,5.498]],["name/1384",[23,28.068]],["parent/1384",[608,7.484]],["name/1385",[609,79.91]],["parent/1385",[597,5.498]],["name/1386",[610,79.91]],["parent/1386",[597,5.498]],["name/1387",[611,68.923]],["parent/1387",[612,7.006]],["name/1388",[613,68.923]],["parent/1388",[612,7.006]],["name/1389",[614,63.814]],["parent/1389",[]],["name/1390",[21,41.264]],["parent/1390",[614,5.977]],["name/1391",[615,66.916]],["parent/1391",[614,5.977]],["name/1392",[616,66.916]],["parent/1392",[614,5.977]],["name/1393",[544,60.449]],["parent/1393",[614,5.977]],["name/1394",[617,66.916]],["parent/1394",[614,5.977]],["name/1395",[573,52.392]],["parent/1395",[614,5.977]],["name/1396",[618,61.45]],["parent/1396",[]],["name/1397",[21,41.264]],["parent/1397",[618,5.755]],["name/1398",[619,71.436]],["parent/1398",[618,5.755]],["name/1399",[617,66.916]],["parent/1399",[618,5.755]],["name/1400",[620,79.91]],["parent/1400",[618,5.755]],["name/1401",[615,66.916]],["parent/1401",[618,5.755]],["name/1402",[616,66.916]],["parent/1402",[618,5.755]],["name/1403",[544,60.449]],["parent/1403",[618,5.755]],["name/1404",[573,52.392]],["parent/1404",[618,5.755]],["name/1405",[621,62.562]],["parent/1405",[]],["name/1406",[21,41.264]],["parent/1406",[621,5.859]],["name/1407",[622,79.91]],["parent/1407",[621,5.859]],["name/1408",[617,66.916]],["parent/1408",[621,5.859]],["name/1409",[615,66.916]],["parent/1409",[621,5.859]],["name/1410",[616,66.916]],["parent/1410",[621,5.859]],["name/1411",[544,60.449]],["parent/1411",[621,5.859]],["name/1412",[573,52.392]],["parent/1412",[621,5.859]],["name/1413",[623,61.45]],["parent/1413",[]],["name/1414",[21,41.264]],["parent/1414",[623,5.755]],["name/1415",[624,74.801]],["parent/1415",[623,5.755]],["name/1416",[617,66.916]],["parent/1416",[623,5.755]],["name/1417",[546,68.923]],["parent/1417",[623,5.755]],["name/1418",[615,66.916]],["parent/1418",[623,5.755]],["name/1419",[616,66.916]],["parent/1419",[623,5.755]],["name/1420",[544,60.449]],["parent/1420",[623,5.755]],["name/1421",[573,52.392]],["parent/1421",[623,5.755]],["name/1422",[625,61.45]],["parent/1422",[]],["name/1423",[21,41.264]],["parent/1423",[625,5.755]],["name/1424",[617,66.916]],["parent/1424",[625,5.755]],["name/1425",[624,74.801]],["parent/1425",[625,5.755]],["name/1426",[546,68.923]],["parent/1426",[625,5.755]],["name/1427",[615,66.916]],["parent/1427",[625,5.755]],["name/1428",[616,66.916]],["parent/1428",[625,5.755]],["name/1429",[544,60.449]],["parent/1429",[625,5.755]],["name/1430",[573,52.392]],["parent/1430",[625,5.755]],["name/1431",[626,79.91]],["parent/1431",[]],["name/1432",[627,74.801]],["parent/1432",[]],["name/1433",[628,79.91]],["parent/1433",[]],["name/1434",[629,79.91]],["parent/1434",[]],["name/1435",[630,66.916]],["parent/1435",[]],["name/1436",[168,52.827]],["parent/1436",[630,6.267]],["name/1437",[587,74.801]],["parent/1437",[630,6.267]],["name/1438",[631,79.91]],["parent/1438",[630,6.267]],["name/1439",[632,79.91]],["parent/1439",[630,6.267]],["name/1440",[633,65.245]],["parent/1440",[]],["name/1441",[21,41.264]],["parent/1441",[633,6.111]],["name/1442",[565,68.923]],["parent/1442",[633,6.111]],["name/1443",[634,79.91]],["parent/1443",[633,6.111]],["name/1444",[635,79.91]],["parent/1444",[633,6.111]],["name/1445",[636,79.91]],["parent/1445",[633,6.111]],["name/1446",[637,79.91]],["parent/1446",[]],["name/1447",[638,79.91]],["parent/1447",[]],["name/1448",[639,51.975]],["parent/1448",[]],["name/1449",[640,68.923]],["parent/1449",[639,4.868]],["name/1450",[641,79.91]],["parent/1450",[639,4.868]],["name/1451",[642,65.245]],["parent/1451",[639,4.868]],["name/1452",[643,79.91]],["parent/1452",[639,4.868]],["name/1453",[644,79.91]],["parent/1453",[639,4.868]],["name/1454",[645,79.91]],["parent/1454",[639,4.868]],["name/1455",[576,66.916]],["parent/1455",[639,4.868]],["name/1456",[646,63.814]],["parent/1456",[639,4.868]],["name/1457",[647,79.91]],["parent/1457",[639,4.868]],["name/1458",[648,79.91]],["parent/1458",[639,4.868]],["name/1459",[383,55.929]],["parent/1459",[639,4.868]],["name/1460",[649,79.91]],["parent/1460",[639,4.868]],["name/1461",[650,68.923]],["parent/1461",[639,4.868]],["name/1462",[651,74.801]],["parent/1462",[639,4.868]],["name/1463",[10,36.127]],["parent/1463",[639,4.868]],["name/1464",[6,46.234]],["parent/1464",[639,4.868]],["name/1465",[59,43.619]],["parent/1465",[639,4.868]],["name/1466",[209,63.814]],["parent/1466",[639,4.868]],["name/1467",[652,74.801]],["parent/1467",[639,4.868]],["name/1468",[613,68.923]],["parent/1468",[639,4.868]],["name/1469",[611,68.923]],["parent/1469",[639,4.868]],["name/1470",[653,66.916]],["parent/1470",[639,4.868]],["name/1471",[84,42.935]],["parent/1471",[639,4.868]],["name/1472",[654,79.91]],["parent/1472",[]],["name/1473",[655,71.436]],["parent/1473",[]],["name/1474",[529,61.45]],["parent/1474",[655,6.69]],["name/1475",[656,79.91]],["parent/1475",[655,6.69]],["name/1476",[657,79.91]],["parent/1476",[]],["name/1477",[658,79.91]],["parent/1477",[]],["name/1478",[659,79.91]],["parent/1478",[]],["name/1479",[660,79.91]],["parent/1479",[]],["name/1480",[661,79.91]],["parent/1480",[]],["name/1481",[662,79.91]],["parent/1481",[]],["name/1482",[663,79.91]],["parent/1482",[]],["name/1483",[664,79.91]],["parent/1483",[]],["name/1484",[665,79.91]],["parent/1484",[]],["name/1485",[666,79.91]],["parent/1485",[]],["name/1486",[667,79.91]],["parent/1486",[]],["name/1487",[668,79.91]],["parent/1487",[]],["name/1488",[669,79.91]],["parent/1488",[]],["name/1489",[670,79.91]],["parent/1489",[]],["name/1490",[671,79.91]],["parent/1490",[]],["name/1491",[672,79.91]],["parent/1491",[]],["name/1492",[673,79.91]],["parent/1492",[]],["name/1493",[674,79.91]],["parent/1493",[]],["name/1494",[675,79.91]],["parent/1494",[]],["name/1495",[676,79.91]],["parent/1495",[]],["name/1496",[677,79.91]],["parent/1496",[]],["name/1497",[678,79.91]],["parent/1497",[]],["name/1498",[679,79.91]],["parent/1498",[]],["name/1499",[680,79.91]],["parent/1499",[]],["name/1500",[681,79.91]],["parent/1500",[]],["name/1501",[682,79.91]],["parent/1501",[]],["name/1502",[683,79.91]],["parent/1502",[]],["name/1503",[684,79.91]],["parent/1503",[]],["name/1504",[685,79.91]],["parent/1504",[]],["name/1505",[686,79.91]],["parent/1505",[]],["name/1506",[687,79.91]],["parent/1506",[]],["name/1507",[688,79.91]],["parent/1507",[]],["name/1508",[689,79.91]],["parent/1508",[]],["name/1509",[690,79.91]],["parent/1509",[]],["name/1510",[691,79.91]],["parent/1510",[]],["name/1511",[692,79.91]],["parent/1511",[]],["name/1512",[693,79.91]],["parent/1512",[]],["name/1513",[694,79.91]],["parent/1513",[]],["name/1514",[695,79.91]],["parent/1514",[]],["name/1515",[696,79.91]],["parent/1515",[]],["name/1516",[697,79.91]],["parent/1516",[]],["name/1517",[698,79.91]],["parent/1517",[]],["name/1518",[699,79.91]],["parent/1518",[]],["name/1519",[700,79.91]],["parent/1519",[]],["name/1520",[701,79.91]],["parent/1520",[]],["name/1521",[702,63.814]],["parent/1521",[]],["name/1522",[168,52.827]],["parent/1522",[702,5.977]],["name/1523",[619,71.436]],["parent/1523",[702,5.977]],["name/1524",[80,71.436]],["parent/1524",[702,5.977]],["name/1525",[573,52.392]],["parent/1525",[702,5.977]],["name/1526",[525,65.245]],["parent/1526",[702,5.977]],["name/1527",[544,60.449]],["parent/1527",[702,5.977]],["name/1528",[703,66.916]],["parent/1528",[]],["name/1529",[565,68.923]],["parent/1529",[703,6.267]],["name/1530",[573,52.392]],["parent/1530",[703,6.267]],["name/1531",[619,71.436]],["parent/1531",[703,6.267]],["name/1532",[80,71.436]],["parent/1532",[703,6.267]],["name/1533",[704,79.91]],["parent/1533",[]],["name/1534",[705,79.91]],["parent/1534",[]],["name/1535",[646,63.814]],["parent/1535",[]],["name/1536",[706,79.91]],["parent/1536",[646,5.977]],["name/1537",[220,74.801]],["parent/1537",[646,5.977]],["name/1538",[707,79.91]],["parent/1538",[646,5.977]],["name/1539",[596,74.801]],["parent/1539",[646,5.977]],["name/1540",[708,79.91]],["parent/1540",[]],["name/1541",[709,68.923]],["parent/1541",[]],["name/1542",[710,79.91]],["parent/1542",[709,6.455]],["name/1543",[711,79.91]],["parent/1543",[709,6.455]],["name/1544",[712,79.91]],["parent/1544",[709,6.455]],["name/1545",[713,58.705]],["parent/1545",[]],["name/1546",[714,79.91]],["parent/1546",[713,5.498]],["name/1547",[715,65.245]],["parent/1547",[713,5.498]],["name/1548",[530,41.693]],["parent/1548",[713,5.498]],["name/1549",[75,41.989]],["parent/1549",[713,5.498]],["name/1550",[716,79.91]],["parent/1550",[713,5.498]],["name/1551",[717,79.91]],["parent/1551",[713,5.498]],["name/1552",[718,79.91]],["parent/1552",[713,5.498]],["name/1553",[719,79.91]],["parent/1553",[713,5.498]],["name/1554",[720,79.91]],["parent/1554",[713,5.498]],["name/1555",[721,79.91]],["parent/1555",[713,5.498]],["name/1556",[722,79.91]],["parent/1556",[713,5.498]],["name/1557",[530,41.693]],["parent/1557",[]],["name/1558",[723,68.923]],["parent/1558",[530,3.905]],["name/1559",[724,56.554]],["parent/1559",[530,3.905]],["name/1560",[725,79.91]],["parent/1560",[530,3.905]],["name/1561",[23,28.068]],["parent/1561",[530,3.905]],["name/1562",[726,79.91]],["parent/1562",[530,3.905]],["name/1563",[23,28.068]],["parent/1563",[530,3.905]],["name/1564",[727,79.91]],["parent/1564",[530,3.905]],["name/1565",[23,28.068]],["parent/1565",[530,3.905]],["name/1566",[728,79.91]],["parent/1566",[530,3.905]],["name/1567",[23,28.068]],["parent/1567",[530,3.905]],["name/1568",[729,79.91]],["parent/1568",[530,3.905]],["name/1569",[23,28.068]],["parent/1569",[530,3.905]],["name/1570",[730,79.91]],["parent/1570",[530,3.905]],["name/1571",[23,28.068]],["parent/1571",[530,3.905]],["name/1572",[731,79.91]],["parent/1572",[530,3.905]],["name/1573",[23,28.068]],["parent/1573",[530,3.905]],["name/1574",[732,79.91]],["parent/1574",[530,3.905]],["name/1575",[23,28.068]],["parent/1575",[530,3.905]],["name/1576",[733,79.91]],["parent/1576",[530,3.905]],["name/1577",[23,28.068]],["parent/1577",[530,3.905]],["name/1578",[734,79.91]],["parent/1578",[530,3.905]],["name/1579",[23,28.068]],["parent/1579",[530,3.905]],["name/1580",[530,41.693]],["parent/1580",[530,3.905]],["name/1581",[23,28.068]],["parent/1581",[530,3.905]],["name/1582",[735,79.91]],["parent/1582",[530,3.905]],["name/1583",[23,28.068]],["parent/1583",[530,3.905]],["name/1584",[627,74.801]],["parent/1584",[530,3.905]],["name/1585",[23,28.068]],["parent/1585",[530,3.905]],["name/1586",[736,79.91]],["parent/1586",[530,3.905]],["name/1587",[23,28.068]],["parent/1587",[530,3.905]],["name/1588",[737,79.91]],["parent/1588",[530,3.905]],["name/1589",[23,28.068]],["parent/1589",[530,3.905]],["name/1590",[738,79.91]],["parent/1590",[530,3.905]],["name/1591",[23,28.068]],["parent/1591",[530,3.905]],["name/1592",[739,79.91]],["parent/1592",[530,3.905]],["name/1593",[23,28.068]],["parent/1593",[530,3.905]],["name/1594",[740,79.91]],["parent/1594",[530,3.905]],["name/1595",[23,28.068]],["parent/1595",[530,3.905]],["name/1596",[741,79.91]],["parent/1596",[530,3.905]],["name/1597",[23,28.068]],["parent/1597",[530,3.905]],["name/1598",[742,79.91]],["parent/1598",[530,3.905]],["name/1599",[23,28.068]],["parent/1599",[530,3.905]],["name/1600",[590,61.45]],["parent/1600",[530,3.905]],["name/1601",[743,79.91]],["parent/1601",[530,3.905]],["name/1602",[23,28.068]],["parent/1602",[530,3.905]],["name/1603",[744,79.91]],["parent/1603",[530,3.905]],["name/1604",[23,28.068]],["parent/1604",[530,3.905]],["name/1605",[646,63.814]],["parent/1605",[530,3.905]],["name/1606",[651,74.801]],["parent/1606",[530,3.905]],["name/1607",[21,41.264]],["parent/1607",[530,3.905]],["name/1608",[745,79.91]],["parent/1608",[530,3.905]],["name/1609",[746,79.91]],["parent/1609",[530,3.905]],["name/1610",[44,54.784]],["parent/1610",[530,3.905]],["name/1611",[64,57.935]],["parent/1611",[530,3.905]],["name/1612",[45,58.705]],["parent/1612",[530,3.905]],["name/1613",[22,42.451]],["parent/1613",[530,3.905]],["name/1614",[23,28.068]],["parent/1614",[530,3.905]],["name/1615",[747,74.801]],["parent/1615",[]],["name/1616",[21,41.264]],["parent/1616",[747,7.006]],["name/1617",[748,62.562]],["parent/1617",[]],["name/1618",[10,36.127]],["parent/1618",[748,5.859]],["name/1619",[59,43.619]],["parent/1619",[748,5.859]],["name/1620",[6,46.234]],["parent/1620",[748,5.859]],["name/1621",[576,66.916]],["parent/1621",[748,5.859]],["name/1622",[749,79.91]],["parent/1622",[748,5.859]],["name/1623",[209,63.814]],["parent/1623",[748,5.859]],["name/1624",[652,74.801]],["parent/1624",[748,5.859]],["name/1625",[750,79.91]],["parent/1625",[]],["name/1626",[751,68.923]],["parent/1626",[]],["name/1627",[10,36.127]],["parent/1627",[751,6.455]],["name/1628",[59,43.619]],["parent/1628",[751,6.455]],["name/1629",[6,46.234]],["parent/1629",[751,6.455]],["name/1630",[752,79.91]],["parent/1630",[]],["name/1631",[753,74.801]],["parent/1631",[]],["name/1632",[576,66.916]],["parent/1632",[753,7.006]],["name/1633",[209,63.814]],["parent/1633",[]],["name/1634",[754,79.91]],["parent/1634",[]],["name/1635",[755,79.91]],["parent/1635",[]],["name/1636",[756,79.91]],["parent/1636",[]],["name/1637",[757,65.245]],["parent/1637",[]],["name/1638",[66,42.771]],["parent/1638",[757,6.111]],["name/1639",[84,42.935]],["parent/1639",[757,6.111]],["name/1640",[653,66.916]],["parent/1640",[757,6.111]],["name/1641",[611,68.923]],["parent/1641",[757,6.111]],["name/1642",[613,68.923]],["parent/1642",[757,6.111]],["name/1643",[758,79.91]],["parent/1643",[]],["name/1644",[759,79.91]],["parent/1644",[]],["name/1645",[760,65.245]],["parent/1645",[]],["name/1646",[761,71.436]],["parent/1646",[760,6.111]],["name/1647",[573,52.392]],["parent/1647",[760,6.111]],["name/1648",[6,46.234]],["parent/1648",[760,6.111]],["name/1649",[640,68.923]],["parent/1649",[760,6.111]],["name/1650",[650,68.923]],["parent/1650",[760,6.111]],["name/1651",[762,63.814]],["parent/1651",[]],["name/1652",[565,68.923]],["parent/1652",[762,5.977]],["name/1653",[761,71.436]],["parent/1653",[762,5.977]],["name/1654",[573,52.392]],["parent/1654",[762,5.977]],["name/1655",[6,46.234]],["parent/1655",[762,5.977]],["name/1656",[640,68.923]],["parent/1656",[762,5.977]],["name/1657",[650,68.923]],["parent/1657",[762,5.977]],["name/1658",[763,61.45]],["parent/1658",[]],["name/1659",[168,52.827]],["parent/1659",[763,5.755]],["name/1660",[544,60.449]],["parent/1660",[763,5.755]],["name/1661",[525,65.245]],["parent/1661",[763,5.755]],["name/1662",[761,71.436]],["parent/1662",[763,5.755]],["name/1663",[573,52.392]],["parent/1663",[763,5.755]],["name/1664",[6,46.234]],["parent/1664",[763,5.755]],["name/1665",[640,68.923]],["parent/1665",[763,5.755]],["name/1666",[650,68.923]],["parent/1666",[763,5.755]],["name/1667",[764,71.436]],["parent/1667",[]],["name/1668",[10,36.127]],["parent/1668",[764,6.69]],["name/1669",[59,43.619]],["parent/1669",[764,6.69]],["name/1670",[765,79.91]],["parent/1670",[]],["name/1671",[766,68.923]],["parent/1671",[]],["name/1672",[767,79.91]],["parent/1672",[766,6.455]],["name/1673",[768,79.91]],["parent/1673",[766,6.455]],["name/1674",[6,46.234]],["parent/1674",[766,6.455]],["name/1675",[769,74.801]],["parent/1675",[]],["name/1676",[489,57.935]],["parent/1676",[769,7.006]],["name/1677",[724,56.554]],["parent/1677",[]],["name/1678",[98,53.758]],["parent/1678",[724,5.297]],["name/1679",[21,41.264]],["parent/1679",[724,5.297]],["name/1680",[100,53.281]],["parent/1680",[724,5.297]],["name/1681",[37,54.784]],["parent/1681",[724,5.297]],["name/1682",[770,79.91]],["parent/1682",[724,5.297]],["name/1683",[771,79.91]],["parent/1683",[724,5.297]],["name/1684",[772,79.91]],["parent/1684",[724,5.297]],["name/1685",[773,79.91]],["parent/1685",[724,5.297]],["name/1686",[44,54.784]],["parent/1686",[724,5.297]],["name/1687",[64,57.935]],["parent/1687",[724,5.297]],["name/1688",[45,58.705]],["parent/1688",[724,5.297]],["name/1689",[22,42.451]],["parent/1689",[724,5.297]],["name/1690",[23,28.068]],["parent/1690",[724,5.297]],["name/1691",[774,71.436]],["parent/1691",[]],["name/1692",[10,36.127]],["parent/1692",[774,6.69]],["name/1693",[59,43.619]],["parent/1693",[774,6.69]],["name/1694",[775,79.91]],["parent/1694",[]],["name/1695",[776,49.149]],["parent/1695",[]],["name/1696",[115,49.462]],["parent/1696",[776,4.603]],["name/1697",[777,79.91]],["parent/1697",[776,4.603]],["name/1698",[778,74.801]],["parent/1698",[776,4.603]],["name/1699",[779,79.91]],["parent/1699",[776,4.603]],["name/1700",[780,79.91]],["parent/1700",[776,4.603]],["name/1701",[84,42.935]],["parent/1701",[776,4.603]],["name/1702",[226,74.801]],["parent/1702",[776,4.603]],["name/1703",[781,74.801]],["parent/1703",[776,4.603]],["name/1704",[782,74.801]],["parent/1704",[776,4.603]],["name/1705",[783,79.91]],["parent/1705",[776,4.603]],["name/1706",[784,71.436]],["parent/1706",[776,4.603]],["name/1707",[785,79.91]],["parent/1707",[776,4.603]],["name/1708",[786,79.91]],["parent/1708",[776,4.603]],["name/1709",[26,54.784]],["parent/1709",[776,4.603]],["name/1710",[28,56.554]],["parent/1710",[776,4.603]],["name/1711",[10,36.127]],["parent/1711",[776,4.603]],["name/1712",[787,79.91]],["parent/1712",[776,4.603]],["name/1713",[788,79.91]],["parent/1713",[776,4.603]],["name/1714",[789,79.91]],["parent/1714",[776,4.603]],["name/1715",[790,79.91]],["parent/1715",[776,4.603]],["name/1716",[285,74.801]],["parent/1716",[776,4.603]],["name/1717",[791,74.801]],["parent/1717",[776,4.603]],["name/1718",[792,79.91]],["parent/1718",[776,4.603]],["name/1719",[23,28.068]],["parent/1719",[776,4.603]],["name/1720",[371,71.436]],["parent/1720",[793,7.484]],["name/1721",[794,79.91]],["parent/1721",[776,4.603]],["name/1722",[795,79.91]],["parent/1722",[776,4.603]],["name/1723",[796,79.91]],["parent/1723",[776,4.603]],["name/1724",[797,79.91]],["parent/1724",[776,4.603]],["name/1725",[798,79.91]],["parent/1725",[776,4.603]],["name/1726",[799,79.91]],["parent/1726",[776,4.603]],["name/1727",[800,79.91]],["parent/1727",[776,4.603]],["name/1728",[801,61.45]],["parent/1728",[]],["name/1729",[802,79.91]],["parent/1729",[801,5.755]],["name/1730",[803,79.91]],["parent/1730",[801,5.755]],["name/1731",[804,79.91]],["parent/1731",[801,5.755]],["name/1732",[805,79.91]],["parent/1732",[801,5.755]],["name/1733",[806,79.91]],["parent/1733",[801,5.755]],["name/1734",[807,79.91]],["parent/1734",[801,5.755]],["name/1735",[808,79.91]],["parent/1735",[801,5.755]],["name/1736",[809,79.91]],["parent/1736",[801,5.755]],["name/1737",[810,54.784]],["parent/1737",[]],["name/1738",[811,65.245]],["parent/1738",[810,5.131]],["name/1739",[17,51.19]],["parent/1739",[810,5.131]],["name/1740",[168,52.827]],["parent/1740",[810,5.131]],["name/1741",[90,50.463]],["parent/1741",[810,5.131]],["name/1742",[812,74.801]],["parent/1742",[810,5.131]],["name/1743",[10,36.127]],["parent/1743",[810,5.131]],["name/1744",[813,74.801]],["parent/1744",[810,5.131]],["name/1745",[814,74.801]],["parent/1745",[810,5.131]],["name/1746",[815,74.801]],["parent/1746",[810,5.131]],["name/1747",[816,68.923]],["parent/1747",[810,5.131]],["name/1748",[817,74.801]],["parent/1748",[810,5.131]],["name/1749",[818,74.801]],["parent/1749",[810,5.131]],["name/1750",[819,68.923]],["parent/1750",[810,5.131]],["name/1751",[819,68.923]],["parent/1751",[810,5.131]],["name/1752",[820,74.801]],["parent/1752",[810,5.131]],["name/1753",[821,74.801]],["parent/1753",[810,5.131]],["name/1754",[6,46.234]],["parent/1754",[810,5.131]],["name/1755",[822,40.588]],["parent/1755",[]],["name/1756",[35,43.619]],["parent/1756",[822,3.801]],["name/1757",[21,41.264]],["parent/1757",[822,3.801]],["name/1758",[823,79.91]],["parent/1758",[822,3.801]],["name/1759",[824,79.91]],["parent/1759",[822,3.801]],["name/1760",[23,28.068]],["parent/1760",[822,3.801]],["name/1761",[825,79.91]],["parent/1761",[822,3.801]],["name/1762",[826,79.91]],["parent/1762",[822,3.801]],["name/1763",[827,79.91]],["parent/1763",[822,3.801]],["name/1764",[828,79.91]],["parent/1764",[822,3.801]],["name/1765",[829,79.91]],["parent/1765",[822,3.801]],["name/1766",[830,79.91]],["parent/1766",[822,3.801]],["name/1767",[831,79.91]],["parent/1767",[822,3.801]],["name/1768",[832,79.91]],["parent/1768",[822,3.801]],["name/1769",[833,79.91]],["parent/1769",[822,3.801]],["name/1770",[834,79.91]],["parent/1770",[822,3.801]],["name/1771",[835,79.91]],["parent/1771",[822,3.801]],["name/1772",[836,79.91]],["parent/1772",[822,3.801]],["name/1773",[837,79.91]],["parent/1773",[822,3.801]],["name/1774",[838,79.91]],["parent/1774",[822,3.801]],["name/1775",[839,79.91]],["parent/1775",[822,3.801]],["name/1776",[840,79.91]],["parent/1776",[822,3.801]],["name/1777",[841,79.91]],["parent/1777",[822,3.801]],["name/1778",[84,42.935]],["parent/1778",[822,3.801]],["name/1779",[842,79.91]],["parent/1779",[822,3.801]],["name/1780",[843,79.91]],["parent/1780",[822,3.801]],["name/1781",[844,79.91]],["parent/1781",[822,3.801]],["name/1782",[23,28.068]],["parent/1782",[822,3.801]],["name/1783",[845,79.91]],["parent/1783",[822,3.801]],["name/1784",[23,28.068]],["parent/1784",[822,3.801]],["name/1785",[846,79.91]],["parent/1785",[822,3.801]],["name/1786",[23,28.068]],["parent/1786",[822,3.801]],["name/1787",[847,79.91]],["parent/1787",[822,3.801]],["name/1788",[848,79.91]],["parent/1788",[822,3.801]],["name/1789",[849,79.91]],["parent/1789",[822,3.801]],["name/1790",[850,79.91]],["parent/1790",[822,3.801]],["name/1791",[23,28.068]],["parent/1791",[822,3.801]],["name/1792",[851,79.91]],["parent/1792",[822,3.801]],["name/1793",[852,79.91]],["parent/1793",[822,3.801]],["name/1794",[853,79.91]],["parent/1794",[822,3.801]],["name/1795",[854,79.91]],["parent/1795",[822,3.801]],["name/1796",[855,79.91]],["parent/1796",[822,3.801]],["name/1797",[856,79.91]],["parent/1797",[822,3.801]],["name/1798",[857,79.91]],["parent/1798",[822,3.801]],["name/1799",[858,79.91]],["parent/1799",[822,3.801]],["name/1800",[859,79.91]],["parent/1800",[822,3.801]],["name/1801",[860,79.91]],["parent/1801",[822,3.801]],["name/1802",[861,79.91]],["parent/1802",[822,3.801]],["name/1803",[517,74.801]],["parent/1803",[822,3.801]],["name/1804",[862,79.91]],["parent/1804",[822,3.801]],["name/1805",[863,79.91]],["parent/1805",[822,3.801]],["name/1806",[864,79.91]],["parent/1806",[822,3.801]],["name/1807",[865,79.91]],["parent/1807",[822,3.801]],["name/1808",[866,79.91]],["parent/1808",[822,3.801]],["name/1809",[867,74.801]],["parent/1809",[822,3.801]],["name/1810",[868,66.916]],["parent/1810",[822,3.801]],["name/1811",[869,79.91]],["parent/1811",[822,3.801]],["name/1812",[23,28.068]],["parent/1812",[822,3.801]],["name/1813",[870,79.91]],["parent/1813",[822,3.801]],["name/1814",[23,28.068]],["parent/1814",[822,3.801]],["name/1815",[871,79.91]],["parent/1815",[822,3.801]],["name/1816",[23,28.068]],["parent/1816",[822,3.801]],["name/1817",[872,79.91]],["parent/1817",[822,3.801]],["name/1818",[521,74.801]],["parent/1818",[822,3.801]],["name/1819",[873,79.91]],["parent/1819",[822,3.801]],["name/1820",[874,79.91]],["parent/1820",[822,3.801]],["name/1821",[44,54.784]],["parent/1821",[822,3.801]],["name/1822",[45,58.705]],["parent/1822",[822,3.801]],["name/1823",[875,79.91]],["parent/1823",[822,3.801]],["name/1824",[64,57.935]],["parent/1824",[822,3.801]],["name/1825",[22,42.451]],["parent/1825",[822,3.801]],["name/1826",[23,28.068]],["parent/1826",[822,3.801]],["name/1827",[876,79.91]],["parent/1827",[]],["name/1828",[877,79.91]],["parent/1828",[]],["name/1829",[878,79.91]],["parent/1829",[]],["name/1830",[879,79.91]],["parent/1830",[]],["name/1831",[880,79.91]],["parent/1831",[]],["name/1832",[881,79.91]],["parent/1832",[]],["name/1833",[882,79.91]],["parent/1833",[]],["name/1834",[883,71.436]],["parent/1834",[]],["name/1835",[884,74.801]],["parent/1835",[883,6.69]],["name/1836",[885,74.801]],["parent/1836",[883,6.69]],["name/1837",[886,66.916]],["parent/1837",[]],["name/1838",[887,59.539]],["parent/1838",[886,6.267]],["name/1839",[888,68.923]],["parent/1839",[886,6.267]],["name/1840",[889,60.449]],["parent/1840",[886,6.267]],["name/1841",[890,79.91]],["parent/1841",[886,6.267]],["name/1842",[891,74.801]],["parent/1842",[]],["name/1843",[23,28.068]],["parent/1843",[891,7.006]],["name/1844",[892,55.34]],["parent/1844",[]],["name/1845",[17,51.19]],["parent/1845",[892,5.183]],["name/1846",[168,52.827]],["parent/1846",[892,5.183]],["name/1847",[90,50.463]],["parent/1847",[892,5.183]],["name/1848",[812,74.801]],["parent/1848",[892,5.183]],["name/1849",[10,36.127]],["parent/1849",[892,5.183]],["name/1850",[813,74.801]],["parent/1850",[892,5.183]],["name/1851",[814,74.801]],["parent/1851",[892,5.183]],["name/1852",[815,74.801]],["parent/1852",[892,5.183]],["name/1853",[816,68.923]],["parent/1853",[892,5.183]],["name/1854",[817,74.801]],["parent/1854",[892,5.183]],["name/1855",[818,74.801]],["parent/1855",[892,5.183]],["name/1856",[819,68.923]],["parent/1856",[892,5.183]],["name/1857",[819,68.923]],["parent/1857",[892,5.183]],["name/1858",[820,74.801]],["parent/1858",[892,5.183]],["name/1859",[821,74.801]],["parent/1859",[892,5.183]],["name/1860",[6,46.234]],["parent/1860",[892,5.183]],["name/1861",[893,79.91]],["parent/1861",[]],["name/1862",[894,66.916]],["parent/1862",[]],["name/1863",[887,59.539]],["parent/1863",[894,6.267]],["name/1864",[889,60.449]],["parent/1864",[894,6.267]],["name/1865",[781,74.801]],["parent/1865",[894,6.267]],["name/1866",[782,74.801]],["parent/1866",[894,6.267]],["name/1867",[895,71.436]],["parent/1867",[]],["name/1868",[75,41.989]],["parent/1868",[895,6.69]],["name/1869",[896,79.91]],["parent/1869",[895,6.69]],["name/1870",[897,65.245]],["parent/1870",[]],["name/1871",[898,79.91]],["parent/1871",[897,6.111]],["name/1872",[899,79.91]],["parent/1872",[897,6.111]],["name/1873",[85,63.814]],["parent/1873",[897,6.111]],["name/1874",[900,79.91]],["parent/1874",[897,6.111]],["name/1875",[901,79.91]],["parent/1875",[897,6.111]],["name/1876",[902,68.923]],["parent/1876",[]],["name/1877",[903,79.91]],["parent/1877",[902,6.455]],["name/1878",[904,79.91]],["parent/1878",[902,6.455]],["name/1879",[905,79.91]],["parent/1879",[902,6.455]],["name/1880",[906,74.801]],["parent/1880",[]],["name/1881",[23,28.068]],["parent/1881",[906,7.006]],["name/1882",[907,74.801]],["parent/1882",[]],["name/1883",[23,28.068]],["parent/1883",[907,7.006]],["name/1884",[908,68.923]],["parent/1884",[]],["name/1885",[371,71.436]],["parent/1885",[908,6.455]],["name/1886",[909,79.91]],["parent/1886",[908,6.455]],["name/1887",[816,68.923]],["parent/1887",[908,6.455]],["name/1888",[910,74.801]],["parent/1888",[]],["name/1889",[23,28.068]],["parent/1889",[910,7.006]],["name/1890",[911,79.91]],["parent/1890",[]],["name/1891",[912,63.814]],["parent/1891",[]],["name/1892",[98,53.758]],["parent/1892",[912,5.977]],["name/1893",[21,41.264]],["parent/1893",[912,5.977]],["name/1894",[100,53.281]],["parent/1894",[912,5.977]],["name/1895",[913,79.91]],["parent/1895",[912,5.977]],["name/1896",[22,42.451]],["parent/1896",[912,5.977]],["name/1897",[23,28.068]],["parent/1897",[912,5.977]],["name/1898",[914,54.784]],["parent/1898",[]],["name/1899",[915,68.923]],["parent/1899",[914,5.131]],["name/1900",[342,58.705]],["parent/1900",[914,5.131]],["name/1901",[916,52.392]],["parent/1901",[914,5.131]],["name/1902",[548,52.827]],["parent/1902",[914,5.131]],["name/1903",[917,66.916]],["parent/1903",[914,5.131]],["name/1904",[918,68.923]],["parent/1904",[914,5.131]],["name/1905",[919,45.784]],["parent/1905",[914,5.131]],["name/1906",[920,61.45]],["parent/1906",[914,5.131]],["name/1907",[921,57.935]],["parent/1907",[914,5.131]],["name/1908",[822,40.588]],["parent/1908",[914,5.131]],["name/1909",[922,68.923]],["parent/1909",[914,5.131]],["name/1910",[406,66.916]],["parent/1910",[914,5.131]],["name/1911",[923,49.784]],["parent/1911",[914,5.131]],["name/1912",[924,47.718]],["parent/1912",[914,5.131]],["name/1913",[925,63.814]],["parent/1913",[914,5.131]],["name/1914",[530,41.693]],["parent/1914",[914,5.131]],["name/1915",[926,53.758]],["parent/1915",[914,5.131]],["name/1916",[927,54.784]],["parent/1916",[]],["name/1917",[915,68.923]],["parent/1917",[927,5.131]],["name/1918",[342,58.705]],["parent/1918",[927,5.131]],["name/1919",[916,52.392]],["parent/1919",[927,5.131]],["name/1920",[548,52.827]],["parent/1920",[927,5.131]],["name/1921",[917,66.916]],["parent/1921",[927,5.131]],["name/1922",[918,68.923]],["parent/1922",[927,5.131]],["name/1923",[919,45.784]],["parent/1923",[927,5.131]],["name/1924",[921,57.935]],["parent/1924",[927,5.131]],["name/1925",[920,61.45]],["parent/1925",[927,5.131]],["name/1926",[822,40.588]],["parent/1926",[927,5.131]],["name/1927",[922,68.923]],["parent/1927",[927,5.131]],["name/1928",[406,66.916]],["parent/1928",[927,5.131]],["name/1929",[923,49.784]],["parent/1929",[927,5.131]],["name/1930",[924,47.718]],["parent/1930",[927,5.131]],["name/1931",[925,63.814]],["parent/1931",[927,5.131]],["name/1932",[530,41.693]],["parent/1932",[927,5.131]],["name/1933",[926,53.758]],["parent/1933",[927,5.131]],["name/1934",[928,54.784]],["parent/1934",[]],["name/1935",[915,68.923]],["parent/1935",[928,5.131]],["name/1936",[342,58.705]],["parent/1936",[928,5.131]],["name/1937",[916,52.392]],["parent/1937",[928,5.131]],["name/1938",[548,52.827]],["parent/1938",[928,5.131]],["name/1939",[917,66.916]],["parent/1939",[928,5.131]],["name/1940",[918,68.923]],["parent/1940",[928,5.131]],["name/1941",[919,45.784]],["parent/1941",[928,5.131]],["name/1942",[920,61.45]],["parent/1942",[928,5.131]],["name/1943",[921,57.935]],["parent/1943",[928,5.131]],["name/1944",[822,40.588]],["parent/1944",[928,5.131]],["name/1945",[922,68.923]],["parent/1945",[928,5.131]],["name/1946",[406,66.916]],["parent/1946",[928,5.131]],["name/1947",[923,49.784]],["parent/1947",[928,5.131]],["name/1948",[924,47.718]],["parent/1948",[928,5.131]],["name/1949",[925,63.814]],["parent/1949",[928,5.131]],["name/1950",[530,41.693]],["parent/1950",[928,5.131]],["name/1951",[926,53.758]],["parent/1951",[928,5.131]],["name/1952",[929,65.245]],["parent/1952",[]],["name/1953",[930,62.562]],["parent/1953",[929,6.111]],["name/1954",[931,65.245]],["parent/1954",[929,6.111]],["name/1955",[932,65.245]],["parent/1955",[929,6.111]],["name/1956",[933,65.245]],["parent/1956",[929,6.111]],["name/1957",[536,60.449]],["parent/1957",[929,6.111]],["name/1958",[934,68.923]],["parent/1958",[]],["name/1959",[935,79.91]],["parent/1959",[934,6.455]],["name/1960",[936,74.801]],["parent/1960",[934,6.455]],["name/1961",[489,57.935]],["parent/1961",[934,6.455]],["name/1962",[937,65.245]],["parent/1962",[]],["name/1963",[938,79.91]],["parent/1963",[937,6.111]],["name/1964",[939,79.91]],["parent/1964",[937,6.111]],["name/1965",[940,79.91]],["parent/1965",[937,6.111]],["name/1966",[941,79.91]],["parent/1966",[937,6.111]],["name/1967",[83,62.562]],["parent/1967",[937,6.111]],["name/1968",[942,79.91]],["parent/1968",[]],["name/1969",[943,66.916]],["parent/1969",[]],["name/1970",[944,79.91]],["parent/1970",[943,6.267]],["name/1971",[945,74.801]],["parent/1971",[943,6.267]],["name/1972",[946,74.801]],["parent/1972",[943,6.267]],["name/1973",[947,79.91]],["parent/1973",[943,6.267]],["name/1974",[948,71.436]],["parent/1974",[]],["name/1975",[949,79.91]],["parent/1975",[948,6.69]],["name/1976",[950,79.91]],["parent/1976",[948,6.69]],["name/1977",[951,66.916]],["parent/1977",[]],["name/1978",[952,50.82]],["parent/1978",[951,6.267]],["name/1979",[591,71.436]],["parent/1979",[951,6.267]],["name/1980",[953,79.91]],["parent/1980",[951,6.267]],["name/1981",[954,79.91]],["parent/1981",[951,6.267]],["name/1982",[955,71.436]],["parent/1982",[]],["name/1983",[275,66.916]],["parent/1983",[955,6.69]],["name/1984",[956,79.91]],["parent/1984",[955,6.69]],["name/1985",[957,63.814]],["parent/1985",[]],["name/1986",[17,51.19]],["parent/1986",[957,5.977]],["name/1987",[930,62.562]],["parent/1987",[957,5.977]],["name/1988",[931,65.245]],["parent/1988",[957,5.977]],["name/1989",[932,65.245]],["parent/1989",[957,5.977]],["name/1990",[933,65.245]],["parent/1990",[957,5.977]],["name/1991",[536,60.449]],["parent/1991",[957,5.977]],["name/1992",[958,63.814]],["parent/1992",[]],["name/1993",[784,71.436]],["parent/1993",[958,5.977]],["name/1994",[930,62.562]],["parent/1994",[958,5.977]],["name/1995",[931,65.245]],["parent/1995",[958,5.977]],["name/1996",[932,65.245]],["parent/1996",[958,5.977]],["name/1997",[933,65.245]],["parent/1997",[958,5.977]],["name/1998",[536,60.449]],["parent/1998",[958,5.977]],["name/1999",[959,58.705]],["parent/1999",[]],["name/2000",[17,51.19]],["parent/2000",[959,5.498]],["name/2001",[81,52.392]],["parent/2001",[959,5.498]],["name/2002",[960,74.801]],["parent/2002",[959,5.498]],["name/2003",[961,79.91]],["parent/2003",[959,5.498]],["name/2004",[591,71.436]],["parent/2004",[959,5.498]],["name/2005",[26,54.784]],["parent/2005",[959,5.498]],["name/2006",[930,62.562]],["parent/2006",[959,5.498]],["name/2007",[931,65.245]],["parent/2007",[959,5.498]],["name/2008",[932,65.245]],["parent/2008",[959,5.498]],["name/2009",[933,65.245]],["parent/2009",[959,5.498]],["name/2010",[536,60.449]],["parent/2010",[959,5.498]],["name/2011",[962,51.975]],["parent/2011",[]],["name/2012",[963,74.801]],["parent/2012",[962,4.868]],["name/2013",[355,71.436]],["parent/2013",[962,4.868]],["name/2014",[964,74.801]],["parent/2014",[962,4.868]],["name/2015",[965,74.801]],["parent/2015",[962,4.868]],["name/2016",[966,79.91]],["parent/2016",[962,4.868]],["name/2017",[967,71.436]],["parent/2017",[962,4.868]],["name/2018",[968,68.923]],["parent/2018",[962,4.868]],["name/2019",[969,79.91]],["parent/2019",[962,4.868]],["name/2020",[970,79.91]],["parent/2020",[962,4.868]],["name/2021",[971,79.91]],["parent/2021",[962,4.868]],["name/2022",[972,79.91]],["parent/2022",[962,4.868]],["name/2023",[973,79.91]],["parent/2023",[962,4.868]],["name/2024",[974,79.91]],["parent/2024",[962,4.868]],["name/2025",[975,79.91]],["parent/2025",[962,4.868]],["name/2026",[887,59.539]],["parent/2026",[962,4.868]],["name/2027",[23,28.068]],["parent/2027",[962,4.868]],["name/2028",[963,74.801]],["parent/2028",[976,5.183]],["name/2029",[355,71.436]],["parent/2029",[976,5.183]],["name/2030",[964,74.801]],["parent/2030",[976,5.183]],["name/2031",[965,74.801]],["parent/2031",[976,5.183]],["name/2032",[967,71.436]],["parent/2032",[976,5.183]],["name/2033",[318,74.801]],["parent/2033",[962,4.868]],["name/2034",[23,28.068]],["parent/2034",[962,4.868]],["name/2035",[977,79.91]],["parent/2035",[976,5.183]],["name/2036",[978,79.91]],["parent/2036",[976,5.183]],["name/2037",[979,79.91]],["parent/2037",[976,5.183]],["name/2038",[967,71.436]],["parent/2038",[976,5.183]],["name/2039",[980,79.91]],["parent/2039",[976,5.183]],["name/2040",[981,79.91]],["parent/2040",[976,5.183]],["name/2041",[982,79.91]],["parent/2041",[976,5.183]],["name/2042",[983,79.91]],["parent/2042",[976,5.183]],["name/2043",[984,79.91]],["parent/2043",[976,5.183]],["name/2044",[985,79.91]],["parent/2044",[976,5.183]],["name/2045",[986,79.91]],["parent/2045",[976,5.183]],["name/2046",[987,79.91]],["parent/2046",[976,5.183]],["name/2047",[930,62.562]],["parent/2047",[962,4.868]],["name/2048",[931,65.245]],["parent/2048",[962,4.868]],["name/2049",[932,65.245]],["parent/2049",[962,4.868]],["name/2050",[933,65.245]],["parent/2050",[962,4.868]],["name/2051",[536,60.449]],["parent/2051",[962,4.868]],["name/2052",[988,74.801]],["parent/2052",[]],["name/2053",[23,28.068]],["parent/2053",[988,7.006]],["name/2054",[989,58.705]],["parent/2054",[]],["name/2055",[990,79.91]],["parent/2055",[989,5.498]],["name/2056",[991,79.91]],["parent/2056",[989,5.498]],["name/2057",[992,79.91]],["parent/2057",[989,5.498]],["name/2058",[243,66.916]],["parent/2058",[989,5.498]],["name/2059",[993,79.91]],["parent/2059",[989,5.498]],["name/2060",[994,79.91]],["parent/2060",[989,5.498]],["name/2061",[930,62.562]],["parent/2061",[989,5.498]],["name/2062",[931,65.245]],["parent/2062",[989,5.498]],["name/2063",[932,65.245]],["parent/2063",[989,5.498]],["name/2064",[933,65.245]],["parent/2064",[989,5.498]],["name/2065",[536,60.449]],["parent/2065",[989,5.498]],["name/2066",[995,74.801]],["parent/2066",[]],["name/2067",[996,79.91]],["parent/2067",[995,7.006]],["name/2068",[997,66.916]],["parent/2068",[]],["name/2069",[81,52.392]],["parent/2069",[997,6.267]],["name/2070",[155,66.916]],["parent/2070",[997,6.267]],["name/2071",[83,62.562]],["parent/2071",[997,6.267]],["name/2072",[784,71.436]],["parent/2072",[997,6.267]],["name/2073",[998,74.801]],["parent/2073",[]],["name/2074",[576,66.916]],["parent/2074",[998,7.006]],["name/2075",[999,71.436]],["parent/2075",[]],["name/2076",[431,58.705]],["parent/2076",[999,6.69]],["name/2077",[432,59.539]],["parent/2077",[999,6.69]],["name/2078",[1000,79.91]],["parent/2078",[]],["name/2079",[1001,54.784]],["parent/2079",[]],["name/2080",[915,68.923]],["parent/2080",[1001,5.131]],["name/2081",[342,58.705]],["parent/2081",[1001,5.131]],["name/2082",[530,41.693]],["parent/2082",[1001,5.131]],["name/2083",[916,52.392]],["parent/2083",[1001,5.131]],["name/2084",[548,52.827]],["parent/2084",[1001,5.131]],["name/2085",[917,66.916]],["parent/2085",[1001,5.131]],["name/2086",[918,68.923]],["parent/2086",[1001,5.131]],["name/2087",[919,45.784]],["parent/2087",[1001,5.131]],["name/2088",[921,57.935]],["parent/2088",[1001,5.131]],["name/2089",[920,61.45]],["parent/2089",[1001,5.131]],["name/2090",[822,40.588]],["parent/2090",[1001,5.131]],["name/2091",[922,68.923]],["parent/2091",[1001,5.131]],["name/2092",[406,66.916]],["parent/2092",[1001,5.131]],["name/2093",[923,49.784]],["parent/2093",[1001,5.131]],["name/2094",[924,47.718]],["parent/2094",[1001,5.131]],["name/2095",[925,63.814]],["parent/2095",[1001,5.131]],["name/2096",[926,53.758]],["parent/2096",[1001,5.131]],["name/2097",[1002,79.91]],["parent/2097",[]],["name/2098",[1003,79.91]],["parent/2098",[]],["name/2099",[1004,79.91]],["parent/2099",[]],["name/2100",[1005,68.923]],["parent/2100",[]],["name/2101",[25,44.545]],["parent/2101",[1005,6.455]],["name/2102",[1006,79.91]],["parent/2102",[1005,6.455]],["name/2103",[23,28.068]],["parent/2103",[1005,6.455]],["name/2104",[30,55.929]],["parent/2104",[]],["name/2105",[1007,79.91]],["parent/2105",[]],["name/2106",[1008,74.801]],["parent/2106",[]],["name/2107",[1009,79.91]],["parent/2107",[1008,7.006]],["name/2108",[1010,66.916]],["parent/2108",[]],["name/2109",[66,42.771]],["parent/2109",[1010,6.267]],["name/2110",[84,42.935]],["parent/2110",[1010,6.267]],["name/2111",[611,68.923]],["parent/2111",[1010,6.267]],["name/2112",[613,68.923]],["parent/2112",[1010,6.267]],["name/2113",[1011,74.801]],["parent/2113",[]],["name/2114",[1012,74.801]],["parent/2114",[1011,7.006]],["name/2115",[1013,74.801]],["parent/2115",[]],["name/2116",[1012,74.801]],["parent/2116",[1013,7.006]],["name/2117",[1014,79.91]],["parent/2117",[]],["name/2118",[1015,79.91]],["parent/2118",[]],["name/2119",[1016,79.91]],["parent/2119",[]],["name/2120",[1017,71.436]],["parent/2120",[]],["name/2121",[1017,71.436]],["parent/2121",[]],["name/2122",[1018,61.45]],["parent/2122",[1017,6.69]],["name/2123",[1019,61.45]],["parent/2123",[]],["name/2124",[10,36.127]],["parent/2124",[1019,5.755]],["name/2125",[1020,79.91]],["parent/2125",[1019,5.755]],["name/2126",[1021,74.801]],["parent/2126",[1019,5.755]],["name/2127",[1022,79.91]],["parent/2127",[1019,5.755]],["name/2128",[1023,79.91]],["parent/2128",[1019,5.755]],["name/2129",[1024,79.91]],["parent/2129",[1019,5.755]],["name/2130",[6,46.234]],["parent/2130",[1019,5.755]],["name/2131",[1025,79.91]],["parent/2131",[1019,5.755]],["name/2132",[1026,79.91]],["parent/2132",[]],["name/2133",[1027,68.923]],["parent/2133",[]],["name/2134",[23,28.068]],["parent/2134",[1027,6.455]],["name/2135",[723,68.923]],["parent/2135",[1028,7.484]],["name/2136",[1027,68.923]],["parent/2136",[]],["name/2137",[723,68.923]],["parent/2137",[1027,6.455]],["name/2138",[1029,79.91]],["parent/2138",[]],["name/2139",[1030,79.91]],["parent/2139",[]],["name/2140",[1031,79.91]],["parent/2140",[]],["name/2141",[1032,71.436]],["parent/2141",[]],["name/2142",[172,66.916]],["parent/2142",[1032,6.69]],["name/2143",[1033,79.91]],["parent/2143",[1032,6.69]],["name/2144",[1034,79.91]],["parent/2144",[]],["name/2145",[1035,58.705]],["parent/2145",[]],["name/2146",[10,36.127]],["parent/2146",[1035,5.498]],["name/2147",[90,50.463]],["parent/2147",[1035,5.498]],["name/2148",[115,49.462]],["parent/2148",[1035,5.498]],["name/2149",[1036,65.245]],["parent/2149",[1035,5.498]],["name/2150",[1037,65.245]],["parent/2150",[1035,5.498]],["name/2151",[1038,79.91]],["parent/2151",[1035,5.498]],["name/2152",[1039,65.245]],["parent/2152",[1035,5.498]],["name/2153",[1040,65.245]],["parent/2153",[1035,5.498]],["name/2154",[1041,65.245]],["parent/2154",[1035,5.498]],["name/2155",[92,58.705]],["parent/2155",[1035,5.498]],["name/2156",[59,43.619]],["parent/2156",[1035,5.498]],["name/2157",[1042,54.784]],["parent/2157",[]],["name/2158",[25,44.545]],["parent/2158",[1042,5.131]],["name/2159",[30,55.929]],["parent/2159",[1042,5.131]],["name/2160",[1043,68.923]],["parent/2160",[1042,5.131]],["name/2161",[1044,68.923]],["parent/2161",[1042,5.131]],["name/2162",[1045,68.923]],["parent/2162",[1042,5.131]],["name/2163",[1046,68.923]],["parent/2163",[1042,5.131]],["name/2164",[66,42.771]],["parent/2164",[1042,5.131]],["name/2165",[92,58.705]],["parent/2165",[1042,5.131]],["name/2166",[84,42.935]],["parent/2166",[1042,5.131]],["name/2167",[1047,68.923]],["parent/2167",[1042,5.131]],["name/2168",[23,28.068]],["parent/2168",[1042,5.131]],["name/2169",[115,49.462]],["parent/2169",[1042,5.131]],["name/2170",[1036,65.245]],["parent/2170",[1042,5.131]],["name/2171",[1037,65.245]],["parent/2171",[1042,5.131]],["name/2172",[1039,65.245]],["parent/2172",[1042,5.131]],["name/2173",[1040,65.245]],["parent/2173",[1042,5.131]],["name/2174",[1041,65.245]],["parent/2174",[1042,5.131]],["name/2175",[1048,55.929]],["parent/2175",[]],["name/2176",[25,44.545]],["parent/2176",[1048,5.238]],["name/2177",[1049,79.91]],["parent/2177",[1048,5.238]],["name/2178",[1050,79.91]],["parent/2178",[1048,5.238]],["name/2179",[66,42.771]],["parent/2179",[1048,5.238]],["name/2180",[1051,79.91]],["parent/2180",[1048,5.238]],["name/2181",[84,42.935]],["parent/2181",[1048,5.238]],["name/2182",[23,28.068]],["parent/2182",[1048,5.238]],["name/2183",[90,50.463]],["parent/2183",[1048,5.238]],["name/2184",[115,49.462]],["parent/2184",[1048,5.238]],["name/2185",[1036,65.245]],["parent/2185",[1048,5.238]],["name/2186",[1037,65.245]],["parent/2186",[1048,5.238]],["name/2187",[1039,65.245]],["parent/2187",[1048,5.238]],["name/2188",[1040,65.245]],["parent/2188",[1048,5.238]],["name/2189",[1041,65.245]],["parent/2189",[1048,5.238]],["name/2190",[92,58.705]],["parent/2190",[1048,5.238]],["name/2191",[1052,74.801]],["parent/2191",[]],["name/2192",[1053,74.801]],["parent/2192",[1052,7.006]],["name/2193",[952,50.82]],["parent/2193",[]],["name/2194",[98,53.758]],["parent/2194",[952,4.76]],["name/2195",[723,68.923]],["parent/2195",[952,4.76]],["name/2196",[35,43.619]],["parent/2196",[952,4.76]],["name/2197",[23,28.068]],["parent/2197",[952,4.76]],["name/2198",[25,44.545]],["parent/2198",[1054,6.69]],["name/2199",[115,49.462]],["parent/2199",[1054,6.69]],["name/2200",[21,41.264]],["parent/2200",[952,4.76]],["name/2201",[100,53.281]],["parent/2201",[952,4.76]],["name/2202",[1055,79.91]],["parent/2202",[952,4.76]],["name/2203",[952,50.82]],["parent/2203",[952,4.76]],["name/2204",[37,54.784]],["parent/2204",[952,4.76]],["name/2205",[23,28.068]],["parent/2205",[952,4.76]],["name/2206",[1053,74.801]],["parent/2206",[1054,6.69]],["name/2207",[1056,74.801]],["parent/2207",[952,4.76]],["name/2208",[919,45.784]],["parent/2208",[952,4.76]],["name/2209",[1057,74.801]],["parent/2209",[952,4.76]],["name/2210",[1058,74.801]],["parent/2210",[952,4.76]],["name/2211",[653,66.916]],["parent/2211",[952,4.76]],["name/2212",[1059,79.91]],["parent/2212",[952,4.76]],["name/2213",[44,54.784]],["parent/2213",[952,4.76]],["name/2214",[1060,79.91]],["parent/2214",[952,4.76]],["name/2215",[1061,74.801]],["parent/2215",[952,4.76]],["name/2216",[22,42.451]],["parent/2216",[952,4.76]],["name/2217",[23,28.068]],["parent/2217",[952,4.76]],["name/2218",[1062,79.91]],["parent/2218",[]],["name/2219",[1063,66.916]],["parent/2219",[]],["name/2220",[10,36.127]],["parent/2220",[1063,6.267]],["name/2221",[1064,74.801]],["parent/2221",[1063,6.267]],["name/2222",[1065,74.801]],["parent/2222",[1063,6.267]],["name/2223",[59,43.619]],["parent/2223",[1063,6.267]],["name/2224",[1066,65.245]],["parent/2224",[]],["name/2225",[35,43.619]],["parent/2225",[1066,6.111]],["name/2226",[23,28.068]],["parent/2226",[1066,6.111]],["name/2227",[1064,74.801]],["parent/2227",[1067,7.006]],["name/2228",[1065,74.801]],["parent/2228",[1067,7.006]],["name/2229",[21,41.264]],["parent/2229",[1066,6.111]],["name/2230",[22,42.451]],["parent/2230",[1066,6.111]],["name/2231",[23,28.068]],["parent/2231",[1066,6.111]],["name/2232",[1068,65.245]],["parent/2232",[]],["name/2233",[1069,79.91]],["parent/2233",[1068,6.111]],["name/2234",[131,71.436]],["parent/2234",[1068,6.111]],["name/2235",[1070,74.801]],["parent/2235",[1068,6.111]],["name/2236",[59,43.619]],["parent/2236",[1068,6.111]],["name/2237",[10,36.127]],["parent/2237",[1068,6.111]],["name/2238",[1071,65.245]],["parent/2238",[]],["name/2239",[35,43.619]],["parent/2239",[1071,6.111]],["name/2240",[23,28.068]],["parent/2240",[1071,6.111]],["name/2241",[131,71.436]],["parent/2241",[1072,7.006]],["name/2242",[1070,74.801]],["parent/2242",[1072,7.006]],["name/2243",[21,41.264]],["parent/2243",[1071,6.111]],["name/2244",[22,42.451]],["parent/2244",[1071,6.111]],["name/2245",[23,28.068]],["parent/2245",[1071,6.111]],["name/2246",[1073,71.436]],["parent/2246",[]],["name/2247",[10,36.127]],["parent/2247",[1073,6.69]],["name/2248",[59,43.619]],["parent/2248",[1073,6.69]],["name/2249",[1074,63.814]],["parent/2249",[]],["name/2250",[21,41.264]],["parent/2250",[1074,5.977]],["name/2251",[37,54.784]],["parent/2251",[1074,5.977]],["name/2252",[23,28.068]],["parent/2252",[1074,5.977]],["name/2253",[1075,79.91]],["parent/2253",[1076,7.484]],["name/2254",[22,42.451]],["parent/2254",[1074,5.977]],["name/2255",[1077,79.91]],["parent/2255",[1074,5.977]],["name/2256",[23,28.068]],["parent/2256",[1074,5.977]],["name/2257",[1078,62.562]],["parent/2257",[]],["name/2258",[1079,74.801]],["parent/2258",[1078,5.859]],["name/2259",[1080,74.801]],["parent/2259",[1078,5.859]],["name/2260",[1081,74.801]],["parent/2260",[1078,5.859]],["name/2261",[1082,74.801]],["parent/2261",[1078,5.859]],["name/2262",[1083,74.801]],["parent/2262",[1078,5.859]],["name/2263",[1084,74.801]],["parent/2263",[1078,5.859]],["name/2264",[1085,74.801]],["parent/2264",[1078,5.859]],["name/2265",[1086,79.91]],["parent/2265",[]],["name/2266",[1087,61.45]],["parent/2266",[]],["name/2267",[1088,79.91]],["parent/2267",[1087,5.755]],["name/2268",[1085,74.801]],["parent/2268",[1087,5.755]],["name/2269",[1081,74.801]],["parent/2269",[1087,5.755]],["name/2270",[1079,74.801]],["parent/2270",[1087,5.755]],["name/2271",[1080,74.801]],["parent/2271",[1087,5.755]],["name/2272",[1082,74.801]],["parent/2272",[1087,5.755]],["name/2273",[1083,74.801]],["parent/2273",[1087,5.755]],["name/2274",[1084,74.801]],["parent/2274",[1087,5.755]],["name/2275",[1089,71.436]],["parent/2275",[]],["name/2276",[1090,79.91]],["parent/2276",[1089,6.69]],["name/2277",[1091,79.91]],["parent/2277",[1089,6.69]],["name/2278",[1092,68.923]],["parent/2278",[]],["name/2279",[75,41.989]],["parent/2279",[1092,6.455]],["name/2280",[1093,79.91]],["parent/2280",[1092,6.455]],["name/2281",[23,28.068]],["parent/2281",[1092,6.455]],["name/2282",[474,71.436]],["parent/2282",[]],["name/2283",[1094,79.91]],["parent/2283",[]],["name/2284",[1095,79.91]],["parent/2284",[]],["name/2285",[1096,79.91]],["parent/2285",[]],["name/2286",[1097,63.814]],["parent/2286",[]],["name/2287",[66,42.771]],["parent/2287",[1097,5.977]],["name/2288",[72,57.935]],["parent/2288",[1097,5.977]],["name/2289",[73,68.923]],["parent/2289",[1097,5.977]],["name/2290",[74,68.923]],["parent/2290",[1097,5.977]],["name/2291",[30,55.929]],["parent/2291",[1097,5.977]],["name/2292",[75,41.989]],["parent/2292",[1097,5.977]],["name/2293",[1098,55.929]],["parent/2293",[]],["name/2294",[66,42.771]],["parent/2294",[1098,5.238]],["name/2295",[84,42.935]],["parent/2295",[1098,5.238]],["name/2296",[1099,79.91]],["parent/2296",[1098,5.238]],["name/2297",[1100,74.801]],["parent/2297",[1098,5.238]],["name/2298",[140,55.34]],["parent/2298",[1098,5.238]],["name/2299",[1101,74.801]],["parent/2299",[1098,5.238]],["name/2300",[1102,74.801]],["parent/2300",[1098,5.238]],["name/2301",[1103,74.801]],["parent/2301",[1098,5.238]],["name/2302",[10,36.127]],["parent/2302",[1098,5.238]],["name/2303",[26,54.784]],["parent/2303",[1098,5.238]],["name/2304",[25,44.545]],["parent/2304",[1098,5.238]],["name/2305",[653,66.916]],["parent/2305",[1098,5.238]],["name/2306",[1104,79.91]],["parent/2306",[1098,5.238]],["name/2307",[1057,74.801]],["parent/2307",[1098,5.238]],["name/2308",[92,58.705]],["parent/2308",[1098,5.238]],["name/2309",[924,47.718]],["parent/2309",[]],["name/2310",[35,43.619]],["parent/2310",[924,4.469]],["name/2311",[23,28.068]],["parent/2311",[924,4.469]],["name/2312",[1100,74.801]],["parent/2312",[1105,5.661]],["name/2313",[140,55.34]],["parent/2313",[1105,5.661]],["name/2314",[1102,74.801]],["parent/2314",[1105,5.661]],["name/2315",[1101,74.801]],["parent/2315",[1105,5.661]],["name/2316",[1103,74.801]],["parent/2316",[1105,5.661]],["name/2317",[92,58.705]],["parent/2317",[1105,5.661]],["name/2318",[21,41.264]],["parent/2318",[924,4.469]],["name/2319",[1106,79.91]],["parent/2319",[924,4.469]],["name/2320",[952,50.82]],["parent/2320",[924,4.469]],["name/2321",[1107,79.91]],["parent/2321",[924,4.469]],["name/2322",[37,54.784]],["parent/2322",[924,4.469]],["name/2323",[23,28.068]],["parent/2323",[924,4.469]],["name/2324",[140,55.34]],["parent/2324",[1105,5.661]],["name/2325",[81,52.392]],["parent/2325",[1105,5.661]],["name/2326",[1108,79.91]],["parent/2326",[1105,5.661]],["name/2327",[1109,79.91]],["parent/2327",[1105,5.661]],["name/2328",[1110,79.91]],["parent/2328",[924,4.469]],["name/2329",[1111,79.91]],["parent/2329",[924,4.469]],["name/2330",[22,42.451]],["parent/2330",[924,4.469]],["name/2331",[64,57.935]],["parent/2331",[924,4.469]],["name/2332",[44,54.784]],["parent/2332",[924,4.469]],["name/2333",[1112,79.91]],["parent/2333",[924,4.469]],["name/2334",[1113,79.91]],["parent/2334",[924,4.469]],["name/2335",[1114,79.91]],["parent/2335",[924,4.469]],["name/2336",[1115,79.91]],["parent/2336",[924,4.469]],["name/2337",[1116,79.91]],["parent/2337",[924,4.469]],["name/2338",[1117,79.91]],["parent/2338",[924,4.469]],["name/2339",[1118,79.91]],["parent/2339",[924,4.469]],["name/2340",[1119,79.91]],["parent/2340",[924,4.469]],["name/2341",[1120,79.91]],["parent/2341",[924,4.469]],["name/2342",[1121,79.91]],["parent/2342",[924,4.469]],["name/2343",[1122,79.91]],["parent/2343",[924,4.469]],["name/2344",[1123,79.91]],["parent/2344",[924,4.469]],["name/2345",[1124,79.91]],["parent/2345",[924,4.469]],["name/2346",[1125,79.91]],["parent/2346",[924,4.469]],["name/2347",[1126,79.91]],["parent/2347",[924,4.469]],["name/2348",[1127,79.91]],["parent/2348",[924,4.469]],["name/2349",[1128,79.91]],["parent/2349",[924,4.469]],["name/2350",[1129,79.91]],["parent/2350",[924,4.469]],["name/2351",[23,28.068]],["parent/2351",[924,4.469]],["name/2352",[1130,65.245]],["parent/2352",[]],["name/2353",[292,66.916]],["parent/2353",[1130,6.111]],["name/2354",[71,55.34]],["parent/2354",[1130,6.111]],["name/2355",[1131,66.916]],["parent/2355",[1130,6.111]],["name/2356",[59,43.619]],["parent/2356",[1130,6.111]],["name/2357",[10,36.127]],["parent/2357",[1130,6.111]],["name/2358",[1132,57.221]],["parent/2358",[]],["name/2359",[292,66.916]],["parent/2359",[1132,5.359]],["name/2360",[1133,74.801]],["parent/2360",[1132,5.359]],["name/2361",[1134,79.91]],["parent/2361",[1132,5.359]],["name/2362",[1135,79.91]],["parent/2362",[1132,5.359]],["name/2363",[1136,79.91]],["parent/2363",[1132,5.359]],["name/2364",[1137,79.91]],["parent/2364",[1132,5.359]],["name/2365",[1138,65.245]],["parent/2365",[1132,5.359]],["name/2366",[867,74.801]],["parent/2366",[1132,5.359]],["name/2367",[1139,68.923]],["parent/2367",[1132,5.359]],["name/2368",[71,55.34]],["parent/2368",[1132,5.359]],["name/2369",[1131,66.916]],["parent/2369",[1132,5.359]],["name/2370",[59,43.619]],["parent/2370",[1132,5.359]],["name/2371",[10,36.127]],["parent/2371",[1132,5.359]],["name/2372",[1140,65.245]],["parent/2372",[]],["name/2373",[292,66.916]],["parent/2373",[1140,6.111]],["name/2374",[71,55.34]],["parent/2374",[1140,6.111]],["name/2375",[1131,66.916]],["parent/2375",[1140,6.111]],["name/2376",[59,43.619]],["parent/2376",[1140,6.111]],["name/2377",[10,36.127]],["parent/2377",[1140,6.111]],["name/2378",[1141,79.91]],["parent/2378",[]],["name/2379",[1142,57.221]],["parent/2379",[]],["name/2380",[1143,65.245]],["parent/2380",[1142,5.359]],["name/2381",[1144,79.91]],["parent/2381",[1142,5.359]],["name/2382",[35,43.619]],["parent/2382",[1142,5.359]],["name/2383",[23,28.068]],["parent/2383",[1142,5.359]],["name/2384",[71,55.34]],["parent/2384",[1145,5.977]],["name/2385",[23,28.068]],["parent/2385",[1145,5.977]],["name/2386",[292,66.916]],["parent/2386",[1145,5.977]],["name/2387",[1139,68.923]],["parent/2387",[1145,5.977]],["name/2388",[1133,74.801]],["parent/2388",[1145,5.977]],["name/2389",[1131,66.916]],["parent/2389",[1145,5.977]],["name/2390",[23,28.068]],["parent/2390",[1145,5.977]],["name/2391",[99,56.554]],["parent/2391",[1142,5.359]],["name/2392",[21,41.264]],["parent/2392",[1142,5.359]],["name/2393",[1146,74.801]],["parent/2393",[1142,5.359]],["name/2394",[868,66.916]],["parent/2394",[1142,5.359]],["name/2395",[1147,74.801]],["parent/2395",[1142,5.359]],["name/2396",[1148,79.91]],["parent/2396",[1142,5.359]],["name/2397",[22,42.451]],["parent/2397",[1142,5.359]],["name/2398",[1149,79.91]],["parent/2398",[1142,5.359]],["name/2399",[23,28.068]],["parent/2399",[1142,5.359]],["name/2400",[1150,59.539]],["parent/2400",[]],["name/2401",[811,65.245]],["parent/2401",[1150,5.576]],["name/2402",[75,41.989]],["parent/2402",[1150,5.576]],["name/2403",[10,36.127]],["parent/2403",[1150,5.576]],["name/2404",[1151,74.801]],["parent/2404",[1150,5.576]],["name/2405",[71,55.34]],["parent/2405",[1150,5.576]],["name/2406",[1152,74.801]],["parent/2406",[1150,5.576]],["name/2407",[868,66.916]],["parent/2407",[1150,5.576]],["name/2408",[1138,65.245]],["parent/2408",[1150,5.576]],["name/2409",[1153,74.801]],["parent/2409",[1150,5.576]],["name/2410",[1139,68.923]],["parent/2410",[1150,5.576]],["name/2411",[1143,65.245]],["parent/2411",[]],["name/2412",[21,41.264]],["parent/2412",[1143,6.111]],["name/2413",[1147,74.801]],["parent/2413",[1143,6.111]],["name/2414",[22,42.451]],["parent/2414",[1143,6.111]],["name/2415",[23,28.068]],["parent/2415",[1143,6.111]],["name/2416",[1154,55.929]],["parent/2416",[]],["name/2417",[811,65.245]],["parent/2417",[1154,5.238]],["name/2418",[17,51.19]],["parent/2418",[1154,5.238]],["name/2419",[75,41.989]],["parent/2419",[1154,5.238]],["name/2420",[1155,79.91]],["parent/2420",[1154,5.238]],["name/2421",[10,36.127]],["parent/2421",[1154,5.238]],["name/2422",[1152,74.801]],["parent/2422",[1154,5.238]],["name/2423",[71,55.34]],["parent/2423",[1154,5.238]],["name/2424",[1151,74.801]],["parent/2424",[1154,5.238]],["name/2425",[1131,66.916]],["parent/2425",[1154,5.238]],["name/2426",[1146,74.801]],["parent/2426",[1154,5.238]],["name/2427",[1153,74.801]],["parent/2427",[1154,5.238]],["name/2428",[1156,79.91]],["parent/2428",[1154,5.238]],["name/2429",[1139,68.923]],["parent/2429",[1154,5.238]],["name/2430",[1138,65.245]],["parent/2430",[1154,5.238]],["name/2431",[868,66.916]],["parent/2431",[1154,5.238]],["name/2432",[1157,74.801]],["parent/2432",[]],["name/2433",[1158,79.91]],["parent/2433",[1157,7.006]],["name/2434",[642,65.245]],["parent/2434",[]],["name/2435",[642,65.245]],["parent/2435",[]],["name/2436",[547,74.801]],["parent/2436",[642,6.111]],["name/2437",[108,71.436]],["parent/2437",[642,6.111]],["name/2438",[23,28.068]],["parent/2438",[642,6.111]],["name/2439",[1159,59.539]],["parent/2439",[]],["name/2440",[17,51.19]],["parent/2440",[1159,5.576]],["name/2441",[10,36.127]],["parent/2441",[1159,5.576]],["name/2442",[59,43.619]],["parent/2442",[1159,5.576]],["name/2443",[25,44.545]],["parent/2443",[1159,5.576]],["name/2444",[14,65.245]],["parent/2444",[1159,5.576]],["name/2445",[19,49.784]],["parent/2445",[1159,5.576]],["name/2446",[1160,79.91]],["parent/2446",[1159,5.576]],["name/2447",[1161,79.91]],["parent/2447",[1159,5.576]],["name/2448",[6,46.234]],["parent/2448",[1159,5.576]],["name/2449",[140,55.34]],["parent/2449",[1159,5.576]],["name/2450",[1162,74.801]],["parent/2450",[]],["name/2451",[23,28.068]],["parent/2451",[1162,7.006]],["name/2452",[498,68.923]],["parent/2452",[1163,5.498]],["name/2453",[23,28.068]],["parent/2453",[1163,5.498]],["name/2454",[936,74.801]],["parent/2454",[1163,5.498]],["name/2455",[23,28.068]],["parent/2455",[1163,5.498]],["name/2456",[1164,79.91]],["parent/2456",[1163,5.498]],["name/2457",[23,28.068]],["parent/2457",[1163,5.498]],["name/2458",[489,57.935]],["parent/2458",[1163,5.498]],["name/2459",[23,28.068]],["parent/2459",[1163,5.498]],["name/2460",[219,65.245]],["parent/2460",[1163,5.498]],["name/2461",[23,28.068]],["parent/2461",[1163,5.498]],["name/2462",[1165,79.91]],["parent/2462",[1163,5.498]],["name/2463",[23,28.068]],["parent/2463",[1163,5.498]],["name/2464",[1166,53.758]],["parent/2464",[]],["name/2465",[25,44.545]],["parent/2465",[1166,5.035]],["name/2466",[1167,71.436]],["parent/2466",[1166,5.035]],["name/2467",[1168,71.436]],["parent/2467",[1166,5.035]],["name/2468",[1018,61.45]],["parent/2468",[1166,5.035]],["name/2469",[1169,71.436]],["parent/2469",[1166,5.035]],["name/2470",[23,28.068]],["parent/2470",[1166,5.035]],["name/2471",[92,58.705]],["parent/2471",[1166,5.035]],["name/2472",[30,55.929]],["parent/2472",[1166,5.035]],["name/2473",[115,49.462]],["parent/2473",[1166,5.035]],["name/2474",[1043,68.923]],["parent/2474",[1166,5.035]],["name/2475",[1044,68.923]],["parent/2475",[1166,5.035]],["name/2476",[1045,68.923]],["parent/2476",[1166,5.035]],["name/2477",[1046,68.923]],["parent/2477",[1166,5.035]],["name/2478",[1047,68.923]],["parent/2478",[1166,5.035]],["name/2479",[1036,65.245]],["parent/2479",[1166,5.035]],["name/2480",[1037,65.245]],["parent/2480",[1166,5.035]],["name/2481",[1039,65.245]],["parent/2481",[1166,5.035]],["name/2482",[1040,65.245]],["parent/2482",[1166,5.035]],["name/2483",[1041,65.245]],["parent/2483",[1166,5.035]],["name/2484",[1170,51.19]],["parent/2484",[]],["name/2485",[1171,71.436]],["parent/2485",[1170,4.794]],["name/2486",[66,42.771]],["parent/2486",[1170,4.794]],["name/2487",[84,42.935]],["parent/2487",[1170,4.794]],["name/2488",[1172,71.436]],["parent/2488",[1170,4.794]],["name/2489",[1173,74.801]],["parent/2489",[1170,4.794]],["name/2490",[431,58.705]],["parent/2490",[1170,4.794]],["name/2491",[25,44.545]],["parent/2491",[1170,4.794]],["name/2492",[1167,71.436]],["parent/2492",[1170,4.794]],["name/2493",[1168,71.436]],["parent/2493",[1170,4.794]],["name/2494",[1018,61.45]],["parent/2494",[1170,4.794]],["name/2495",[1169,71.436]],["parent/2495",[1170,4.794]],["name/2496",[23,28.068]],["parent/2496",[1170,4.794]],["name/2497",[92,58.705]],["parent/2497",[1170,4.794]],["name/2498",[30,55.929]],["parent/2498",[1170,4.794]],["name/2499",[115,49.462]],["parent/2499",[1170,4.794]],["name/2500",[1043,68.923]],["parent/2500",[1170,4.794]],["name/2501",[1044,68.923]],["parent/2501",[1170,4.794]],["name/2502",[1045,68.923]],["parent/2502",[1170,4.794]],["name/2503",[1046,68.923]],["parent/2503",[1170,4.794]],["name/2504",[1047,68.923]],["parent/2504",[1170,4.794]],["name/2505",[1036,65.245]],["parent/2505",[1170,4.794]],["name/2506",[1037,65.245]],["parent/2506",[1170,4.794]],["name/2507",[1039,65.245]],["parent/2507",[1170,4.794]],["name/2508",[1040,65.245]],["parent/2508",[1170,4.794]],["name/2509",[1041,65.245]],["parent/2509",[1170,4.794]],["name/2510",[1174,51.19]],["parent/2510",[]],["name/2511",[1171,71.436]],["parent/2511",[1174,4.794]],["name/2512",[66,42.771]],["parent/2512",[1174,4.794]],["name/2513",[84,42.935]],["parent/2513",[1174,4.794]],["name/2514",[431,58.705]],["parent/2514",[1174,4.794]],["name/2515",[432,59.539]],["parent/2515",[1174,4.794]],["name/2516",[1173,74.801]],["parent/2516",[1174,4.794]],["name/2517",[25,44.545]],["parent/2517",[1174,4.794]],["name/2518",[1167,71.436]],["parent/2518",[1174,4.794]],["name/2519",[1168,71.436]],["parent/2519",[1174,4.794]],["name/2520",[1018,61.45]],["parent/2520",[1174,4.794]],["name/2521",[1169,71.436]],["parent/2521",[1174,4.794]],["name/2522",[23,28.068]],["parent/2522",[1174,4.794]],["name/2523",[92,58.705]],["parent/2523",[1174,4.794]],["name/2524",[30,55.929]],["parent/2524",[1174,4.794]],["name/2525",[115,49.462]],["parent/2525",[1174,4.794]],["name/2526",[1043,68.923]],["parent/2526",[1174,4.794]],["name/2527",[1044,68.923]],["parent/2527",[1174,4.794]],["name/2528",[1045,68.923]],["parent/2528",[1174,4.794]],["name/2529",[1046,68.923]],["parent/2529",[1174,4.794]],["name/2530",[1047,68.923]],["parent/2530",[1174,4.794]],["name/2531",[1036,65.245]],["parent/2531",[1174,4.794]],["name/2532",[1037,65.245]],["parent/2532",[1174,4.794]],["name/2533",[1039,65.245]],["parent/2533",[1174,4.794]],["name/2534",[1040,65.245]],["parent/2534",[1174,4.794]],["name/2535",[1041,65.245]],["parent/2535",[1174,4.794]],["name/2536",[1175,79.91]],["parent/2536",[]],["name/2537",[1176,61.45]],["parent/2537",[]],["name/2538",[1177,66.916]],["parent/2538",[1176,5.755]],["name/2539",[66,42.771]],["parent/2539",[1176,5.755]],["name/2540",[952,50.82]],["parent/2540",[1176,5.755]],["name/2541",[431,58.705]],["parent/2541",[1176,5.755]],["name/2542",[432,59.539]],["parent/2542",[1176,5.755]],["name/2543",[1178,74.801]],["parent/2543",[1176,5.755]],["name/2544",[548,52.827]],["parent/2544",[1176,5.755]],["name/2545",[23,28.068]],["parent/2545",[1176,5.755]],["name/2546",[199,51.975]],["parent/2546",[1179,6.69]],["name/2547",[283,65.245]],["parent/2547",[1179,6.69]],["name/2548",[25,44.545]],["parent/2548",[1179,6.69]],["name/2549",[1180,61.45]],["parent/2549",[]],["name/2550",[1177,66.916]],["parent/2550",[1180,5.755]],["name/2551",[66,42.771]],["parent/2551",[1180,5.755]],["name/2552",[952,50.82]],["parent/2552",[1180,5.755]],["name/2553",[431,58.705]],["parent/2553",[1180,5.755]],["name/2554",[432,59.539]],["parent/2554",[1180,5.755]],["name/2555",[1178,74.801]],["parent/2555",[1180,5.755]],["name/2556",[548,52.827]],["parent/2556",[1180,5.755]],["name/2557",[23,28.068]],["parent/2557",[1180,5.755]],["name/2558",[199,51.975]],["parent/2558",[1181,6.69]],["name/2559",[283,65.245]],["parent/2559",[1181,6.69]],["name/2560",[25,44.545]],["parent/2560",[1181,6.69]],["name/2561",[1182,79.91]],["parent/2561",[]],["name/2562",[926,53.758]],["parent/2562",[]],["name/2563",[35,43.619]],["parent/2563",[926,5.035]],["name/2564",[23,28.068]],["parent/2564",[926,5.035]],["name/2565",[1171,71.436]],["parent/2565",[1183,6.455]],["name/2566",[25,44.545]],["parent/2566",[1183,6.455]],["name/2567",[1172,71.436]],["parent/2567",[1183,6.455]],["name/2568",[115,49.462]],["parent/2568",[1183,6.455]],["name/2569",[98,53.758]],["parent/2569",[926,5.035]],["name/2570",[99,56.554]],["parent/2570",[926,5.035]],["name/2571",[21,41.264]],["parent/2571",[926,5.035]],["name/2572",[100,53.281]],["parent/2572",[926,5.035]],["name/2573",[1184,79.91]],["parent/2573",[926,5.035]],["name/2574",[1185,79.91]],["parent/2574",[926,5.035]],["name/2575",[1186,74.801]],["parent/2575",[926,5.035]],["name/2576",[44,54.784]],["parent/2576",[926,5.035]],["name/2577",[64,57.935]],["parent/2577",[926,5.035]],["name/2578",[1187,79.91]],["parent/2578",[926,5.035]],["name/2579",[1061,74.801]],["parent/2579",[926,5.035]],["name/2580",[22,42.451]],["parent/2580",[926,5.035]],["name/2581",[23,28.068]],["parent/2581",[926,5.035]],["name/2582",[1188,74.801]],["parent/2582",[]],["name/2583",[23,28.068]],["parent/2583",[1188,7.006]],["name/2584",[1189,61.45]],["parent/2584",[]],["name/2585",[887,59.539]],["parent/2585",[1189,5.755]],["name/2586",[889,60.449]],["parent/2586",[1189,5.755]],["name/2587",[888,68.923]],["parent/2587",[1189,5.755]],["name/2588",[1190,74.801]],["parent/2588",[1189,5.755]],["name/2589",[84,42.935]],["parent/2589",[1189,5.755]],["name/2590",[1191,74.801]],["parent/2590",[1189,5.755]],["name/2591",[1192,74.801]],["parent/2591",[1189,5.755]],["name/2592",[10,36.127]],["parent/2592",[1189,5.755]],["name/2593",[1193,68.923]],["parent/2593",[]],["name/2594",[887,59.539]],["parent/2594",[1193,6.455]],["name/2595",[888,68.923]],["parent/2595",[1193,6.455]],["name/2596",[889,60.449]],["parent/2596",[1193,6.455]],["name/2597",[1194,74.801]],["parent/2597",[]],["name/2598",[23,28.068]],["parent/2598",[1194,7.006]],["name/2599",[1195,57.935]],["parent/2599",[]],["name/2600",[21,41.264]],["parent/2600",[1195,5.426]],["name/2601",[168,52.827]],["parent/2601",[1195,5.426]],["name/2602",[1196,68.923]],["parent/2602",[1195,5.426]],["name/2603",[1197,68.923]],["parent/2603",[1195,5.426]],["name/2604",[23,28.068]],["parent/2604",[1195,5.426]],["name/2605",[1198,68.923]],["parent/2605",[1195,5.426]],["name/2606",[1199,68.923]],["parent/2606",[1195,5.426]],["name/2607",[1200,68.923]],["parent/2607",[1195,5.426]],["name/2608",[1201,68.923]],["parent/2608",[1195,5.426]],["name/2609",[1202,68.923]],["parent/2609",[1195,5.426]],["name/2610",[1203,68.923]],["parent/2610",[1195,5.426]],["name/2611",[23,28.068]],["parent/2611",[1195,5.426]],["name/2612",[916,52.392]],["parent/2612",[]],["name/2613",[35,43.619]],["parent/2613",[916,4.907]],["name/2614",[23,28.068]],["parent/2614",[916,4.907]],["name/2615",[887,59.539]],["parent/2615",[1204,6.267]],["name/2616",[889,60.449]],["parent/2616",[1204,6.267]],["name/2617",[1205,68.923]],["parent/2617",[1204,6.267]],["name/2618",[1206,74.801]],["parent/2618",[1204,6.267]],["name/2619",[1207,74.801]],["parent/2619",[1204,6.267]],["name/2620",[21,41.264]],["parent/2620",[916,4.907]],["name/2621",[168,52.827]],["parent/2621",[916,4.907]],["name/2622",[1196,68.923]],["parent/2622",[916,4.907]],["name/2623",[22,42.451]],["parent/2623",[916,4.907]],["name/2624",[1197,68.923]],["parent/2624",[916,4.907]],["name/2625",[23,28.068]],["parent/2625",[916,4.907]],["name/2626",[1198,68.923]],["parent/2626",[916,4.907]],["name/2627",[1199,68.923]],["parent/2627",[916,4.907]],["name/2628",[1200,68.923]],["parent/2628",[916,4.907]],["name/2629",[1201,68.923]],["parent/2629",[916,4.907]],["name/2630",[1202,68.923]],["parent/2630",[916,4.907]],["name/2631",[1203,68.923]],["parent/2631",[916,4.907]],["name/2632",[23,28.068]],["parent/2632",[916,4.907]],["name/2633",[1208,55.929]],["parent/2633",[]],["name/2634",[35,43.619]],["parent/2634",[1208,5.238]],["name/2635",[23,28.068]],["parent/2635",[1208,5.238]],["name/2636",[887,59.539]],["parent/2636",[1209,6.267]],["name/2637",[889,60.449]],["parent/2637",[1209,6.267]],["name/2638",[1205,68.923]],["parent/2638",[1209,6.267]],["name/2639",[1206,74.801]],["parent/2639",[1209,6.267]],["name/2640",[1207,74.801]],["parent/2640",[1209,6.267]],["name/2641",[21,41.264]],["parent/2641",[1208,5.238]],["name/2642",[168,52.827]],["parent/2642",[1208,5.238]],["name/2643",[1196,68.923]],["parent/2643",[1208,5.238]],["name/2644",[22,42.451]],["parent/2644",[1208,5.238]],["name/2645",[1197,68.923]],["parent/2645",[1208,5.238]],["name/2646",[23,28.068]],["parent/2646",[1208,5.238]],["name/2647",[1198,68.923]],["parent/2647",[1208,5.238]],["name/2648",[1199,68.923]],["parent/2648",[1208,5.238]],["name/2649",[1200,68.923]],["parent/2649",[1208,5.238]],["name/2650",[1201,68.923]],["parent/2650",[1208,5.238]],["name/2651",[1202,68.923]],["parent/2651",[1208,5.238]],["name/2652",[1203,68.923]],["parent/2652",[1208,5.238]],["name/2653",[23,28.068]],["parent/2653",[1208,5.238]],["name/2654",[1210,60.449]],["parent/2654",[]],["name/2655",[1205,68.923]],["parent/2655",[1210,5.661]],["name/2656",[887,59.539]],["parent/2656",[1210,5.661]],["name/2657",[889,60.449]],["parent/2657",[1210,5.661]],["name/2658",[888,68.923]],["parent/2658",[1210,5.661]],["name/2659",[1190,74.801]],["parent/2659",[1210,5.661]],["name/2660",[84,42.935]],["parent/2660",[1210,5.661]],["name/2661",[1191,74.801]],["parent/2661",[1210,5.661]],["name/2662",[1192,74.801]],["parent/2662",[1210,5.661]],["name/2663",[10,36.127]],["parent/2663",[1210,5.661]],["name/2664",[1211,55.929]],["parent/2664",[]],["name/2665",[35,43.619]],["parent/2665",[1211,5.238]],["name/2666",[23,28.068]],["parent/2666",[1211,5.238]],["name/2667",[887,59.539]],["parent/2667",[1212,6.69]],["name/2668",[889,60.449]],["parent/2668",[1212,6.69]],["name/2669",[1205,68.923]],["parent/2669",[1212,6.69]],["name/2670",[21,41.264]],["parent/2670",[1211,5.238]],["name/2671",[168,52.827]],["parent/2671",[1211,5.238]],["name/2672",[1196,68.923]],["parent/2672",[1211,5.238]],["name/2673",[22,42.451]],["parent/2673",[1211,5.238]],["name/2674",[1197,68.923]],["parent/2674",[1211,5.238]],["name/2675",[23,28.068]],["parent/2675",[1211,5.238]],["name/2676",[1198,68.923]],["parent/2676",[1211,5.238]],["name/2677",[1199,68.923]],["parent/2677",[1211,5.238]],["name/2678",[1200,68.923]],["parent/2678",[1211,5.238]],["name/2679",[1201,68.923]],["parent/2679",[1211,5.238]],["name/2680",[1202,68.923]],["parent/2680",[1211,5.238]],["name/2681",[1203,68.923]],["parent/2681",[1211,5.238]],["name/2682",[23,28.068]],["parent/2682",[1211,5.238]],["name/2683",[81,52.392]],["parent/2683",[]],["name/2684",[23,28.068]],["parent/2684",[81,4.907]],["name/2685",[1213,79.91]],["parent/2685",[1214,6.111]],["name/2686",[1215,79.91]],["parent/2686",[1214,6.111]],["name/2687",[1216,79.91]],["parent/2687",[1214,6.111]],["name/2688",[1217,79.91]],["parent/2688",[1214,6.111]],["name/2689",[1218,79.91]],["parent/2689",[1214,6.111]],["name/2690",[1219,79.91]],["parent/2690",[1214,6.111]],["name/2691",[1220,66.916]],["parent/2691",[]],["name/2692",[10,36.127]],["parent/2692",[1220,6.267]],["name/2693",[59,43.619]],["parent/2693",[1220,6.267]],["name/2694",[1221,65.245]],["parent/2694",[1220,6.267]],["name/2695",[1222,68.923]],["parent/2695",[1220,6.267]],["name/2696",[1223,65.245]],["parent/2696",[]],["name/2697",[10,36.127]],["parent/2697",[1223,6.111]],["name/2698",[59,43.619]],["parent/2698",[1223,6.111]],["name/2699",[1222,68.923]],["parent/2699",[1223,6.111]],["name/2700",[1221,65.245]],["parent/2700",[1223,6.111]],["name/2701",[1224,74.801]],["parent/2701",[1223,6.111]],["name/2702",[1225,74.801]],["parent/2702",[]],["name/2703",[1224,74.801]],["parent/2703",[1225,7.006]],["name/2704",[1226,66.916]],["parent/2704",[]],["name/2705",[1227,79.91]],["parent/2705",[1226,6.267]],["name/2706",[10,36.127]],["parent/2706",[1226,6.267]],["name/2707",[59,43.619]],["parent/2707",[1226,6.267]],["name/2708",[1221,65.245]],["parent/2708",[1226,6.267]],["name/2709",[1228,65.245]],["parent/2709",[]],["name/2710",[90,50.463]],["parent/2710",[1228,6.111]],["name/2711",[55,74.801]],["parent/2711",[1228,6.111]],["name/2712",[10,36.127]],["parent/2712",[1228,6.111]],["name/2713",[59,43.619]],["parent/2713",[1228,6.111]],["name/2714",[1221,65.245]],["parent/2714",[1228,6.111]],["name/2715",[1229,61.45]],["parent/2715",[]],["name/2716",[1230,74.801]],["parent/2716",[1229,5.755]],["name/2717",[1222,68.923]],["parent/2717",[1229,5.755]],["name/2718",[1231,74.801]],["parent/2718",[1229,5.755]],["name/2719",[1232,74.801]],["parent/2719",[1229,5.755]],["name/2720",[1221,65.245]],["parent/2720",[1229,5.755]],["name/2721",[1233,74.801]],["parent/2721",[1229,5.755]],["name/2722",[59,43.619]],["parent/2722",[1229,5.755]],["name/2723",[10,36.127]],["parent/2723",[1229,5.755]],["name/2724",[1234,59.539]],["parent/2724",[]],["name/2725",[10,36.127]],["parent/2725",[1234,5.576]],["name/2726",[59,43.619]],["parent/2726",[1234,5.576]],["name/2727",[1230,74.801]],["parent/2727",[1234,5.576]],["name/2728",[114,71.436]],["parent/2728",[1234,5.576]],["name/2729",[115,49.462]],["parent/2729",[1234,5.576]],["name/2730",[1221,65.245]],["parent/2730",[1234,5.576]],["name/2731",[1233,74.801]],["parent/2731",[1234,5.576]],["name/2732",[1231,74.801]],["parent/2732",[1234,5.576]],["name/2733",[1232,74.801]],["parent/2733",[1234,5.576]],["name/2734",[1222,68.923]],["parent/2734",[1234,5.576]],["name/2735",[1235,51.975]],["parent/2735",[]],["name/2736",[288,61.45]],["parent/2736",[1235,4.868]],["name/2737",[6,46.234]],["parent/2737",[1235,4.868]],["name/2738",[72,57.935]],["parent/2738",[1235,4.868]],["name/2739",[140,55.34]],["parent/2739",[1235,4.868]],["name/2740",[1236,58.705]],["parent/2740",[1235,4.868]],["name/2741",[1237,63.814]],["parent/2741",[1235,4.868]],["name/2742",[1238,66.916]],["parent/2742",[1235,4.868]],["name/2743",[1239,65.245]],["parent/2743",[1235,4.868]],["name/2744",[19,49.784]],["parent/2744",[1235,4.868]],["name/2745",[1240,65.245]],["parent/2745",[1235,4.868]],["name/2746",[1241,65.245]],["parent/2746",[1235,4.868]],["name/2747",[25,44.545]],["parent/2747",[1235,4.868]],["name/2748",[199,51.975]],["parent/2748",[1235,4.868]],["name/2749",[200,57.221]],["parent/2749",[1235,4.868]],["name/2750",[1242,65.245]],["parent/2750",[1235,4.868]],["name/2751",[1243,65.245]],["parent/2751",[1235,4.868]],["name/2752",[10,36.127]],["parent/2752",[1235,4.868]],["name/2753",[59,43.619]],["parent/2753",[1235,4.868]],["name/2754",[1244,59.539]],["parent/2754",[1235,4.868]],["name/2755",[1245,63.814]],["parent/2755",[1235,4.868]],["name/2756",[1246,63.814]],["parent/2756",[1235,4.868]],["name/2757",[1247,63.814]],["parent/2757",[1235,4.868]],["name/2758",[1248,65.245]],["parent/2758",[1235,4.868]],["name/2759",[1249,50.82]],["parent/2759",[]],["name/2760",[288,61.45]],["parent/2760",[1249,4.76]],["name/2761",[1250,71.436]],["parent/2761",[1249,4.76]],["name/2762",[326,68.923]],["parent/2762",[1249,4.76]],["name/2763",[1251,62.562]],["parent/2763",[1249,4.76]],["name/2764",[6,46.234]],["parent/2764",[1249,4.76]],["name/2765",[72,57.935]],["parent/2765",[1249,4.76]],["name/2766",[140,55.34]],["parent/2766",[1249,4.76]],["name/2767",[1236,58.705]],["parent/2767",[1249,4.76]],["name/2768",[1237,63.814]],["parent/2768",[1249,4.76]],["name/2769",[1238,66.916]],["parent/2769",[1249,4.76]],["name/2770",[1239,65.245]],["parent/2770",[1249,4.76]],["name/2771",[19,49.784]],["parent/2771",[1249,4.76]],["name/2772",[1240,65.245]],["parent/2772",[1249,4.76]],["name/2773",[1241,65.245]],["parent/2773",[1249,4.76]],["name/2774",[25,44.545]],["parent/2774",[1249,4.76]],["name/2775",[199,51.975]],["parent/2775",[1249,4.76]],["name/2776",[200,57.221]],["parent/2776",[1249,4.76]],["name/2777",[1242,65.245]],["parent/2777",[1249,4.76]],["name/2778",[1243,65.245]],["parent/2778",[1249,4.76]],["name/2779",[10,36.127]],["parent/2779",[1249,4.76]],["name/2780",[59,43.619]],["parent/2780",[1249,4.76]],["name/2781",[1244,59.539]],["parent/2781",[1249,4.76]],["name/2782",[1245,63.814]],["parent/2782",[1249,4.76]],["name/2783",[1246,63.814]],["parent/2783",[1249,4.76]],["name/2784",[1247,63.814]],["parent/2784",[1249,4.76]],["name/2785",[1248,65.245]],["parent/2785",[1249,4.76]],["name/2786",[1252,49.462]],["parent/2786",[]],["name/2787",[288,61.45]],["parent/2787",[1252,4.632]],["name/2788",[1253,74.801]],["parent/2788",[1252,4.632]],["name/2789",[1254,74.801]],["parent/2789",[1252,4.632]],["name/2790",[1255,68.923]],["parent/2790",[1252,4.632]],["name/2791",[1256,74.801]],["parent/2791",[1252,4.632]],["name/2792",[1257,74.801]],["parent/2792",[1252,4.632]],["name/2793",[1258,74.801]],["parent/2793",[1252,4.632]],["name/2794",[1251,62.562]],["parent/2794",[1252,4.632]],["name/2795",[6,46.234]],["parent/2795",[1252,4.632]],["name/2796",[72,57.935]],["parent/2796",[1252,4.632]],["name/2797",[140,55.34]],["parent/2797",[1252,4.632]],["name/2798",[1236,58.705]],["parent/2798",[1252,4.632]],["name/2799",[1237,63.814]],["parent/2799",[1252,4.632]],["name/2800",[1238,66.916]],["parent/2800",[1252,4.632]],["name/2801",[1239,65.245]],["parent/2801",[1252,4.632]],["name/2802",[19,49.784]],["parent/2802",[1252,4.632]],["name/2803",[1240,65.245]],["parent/2803",[1252,4.632]],["name/2804",[1241,65.245]],["parent/2804",[1252,4.632]],["name/2805",[25,44.545]],["parent/2805",[1252,4.632]],["name/2806",[199,51.975]],["parent/2806",[1252,4.632]],["name/2807",[200,57.221]],["parent/2807",[1252,4.632]],["name/2808",[1242,65.245]],["parent/2808",[1252,4.632]],["name/2809",[1243,65.245]],["parent/2809",[1252,4.632]],["name/2810",[10,36.127]],["parent/2810",[1252,4.632]],["name/2811",[59,43.619]],["parent/2811",[1252,4.632]],["name/2812",[1244,59.539]],["parent/2812",[1252,4.632]],["name/2813",[1245,63.814]],["parent/2813",[1252,4.632]],["name/2814",[1246,63.814]],["parent/2814",[1252,4.632]],["name/2815",[1247,63.814]],["parent/2815",[1252,4.632]],["name/2816",[1248,65.245]],["parent/2816",[1252,4.632]],["name/2817",[1259,51.575]],["parent/2817",[]],["name/2818",[288,61.45]],["parent/2818",[1259,4.83]],["name/2819",[1251,62.562]],["parent/2819",[1259,4.83]],["name/2820",[6,46.234]],["parent/2820",[1259,4.83]],["name/2821",[72,57.935]],["parent/2821",[1259,4.83]],["name/2822",[140,55.34]],["parent/2822",[1259,4.83]],["name/2823",[1236,58.705]],["parent/2823",[1259,4.83]],["name/2824",[1237,63.814]],["parent/2824",[1259,4.83]],["name/2825",[1238,66.916]],["parent/2825",[1259,4.83]],["name/2826",[1239,65.245]],["parent/2826",[1259,4.83]],["name/2827",[19,49.784]],["parent/2827",[1259,4.83]],["name/2828",[1240,65.245]],["parent/2828",[1259,4.83]],["name/2829",[1241,65.245]],["parent/2829",[1259,4.83]],["name/2830",[25,44.545]],["parent/2830",[1259,4.83]],["name/2831",[199,51.975]],["parent/2831",[1259,4.83]],["name/2832",[200,57.221]],["parent/2832",[1259,4.83]],["name/2833",[1242,65.245]],["parent/2833",[1259,4.83]],["name/2834",[1243,65.245]],["parent/2834",[1259,4.83]],["name/2835",[10,36.127]],["parent/2835",[1259,4.83]],["name/2836",[59,43.619]],["parent/2836",[1259,4.83]],["name/2837",[1244,59.539]],["parent/2837",[1259,4.83]],["name/2838",[1245,63.814]],["parent/2838",[1259,4.83]],["name/2839",[1246,63.814]],["parent/2839",[1259,4.83]],["name/2840",[1247,63.814]],["parent/2840",[1259,4.83]],["name/2841",[1248,65.245]],["parent/2841",[1259,4.83]],["name/2842",[1260,79.91]],["parent/2842",[]],["name/2843",[1261,52.827]],["parent/2843",[]],["name/2844",[72,57.935]],["parent/2844",[1261,4.948]],["name/2845",[140,55.34]],["parent/2845",[1261,4.948]],["name/2846",[1236,58.705]],["parent/2846",[1261,4.948]],["name/2847",[1237,63.814]],["parent/2847",[1261,4.948]],["name/2848",[1238,66.916]],["parent/2848",[1261,4.948]],["name/2849",[1239,65.245]],["parent/2849",[1261,4.948]],["name/2850",[19,49.784]],["parent/2850",[1261,4.948]],["name/2851",[1240,65.245]],["parent/2851",[1261,4.948]],["name/2852",[1241,65.245]],["parent/2852",[1261,4.948]],["name/2853",[25,44.545]],["parent/2853",[1261,4.948]],["name/2854",[199,51.975]],["parent/2854",[1261,4.948]],["name/2855",[200,57.221]],["parent/2855",[1261,4.948]],["name/2856",[1242,65.245]],["parent/2856",[1261,4.948]],["name/2857",[1243,65.245]],["parent/2857",[1261,4.948]],["name/2858",[10,36.127]],["parent/2858",[1261,4.948]],["name/2859",[59,43.619]],["parent/2859",[1261,4.948]],["name/2860",[1244,59.539]],["parent/2860",[1261,4.948]],["name/2861",[1245,63.814]],["parent/2861",[1261,4.948]],["name/2862",[1246,63.814]],["parent/2862",[1261,4.948]],["name/2863",[1247,63.814]],["parent/2863",[1261,4.948]],["name/2864",[1248,65.245]],["parent/2864",[1261,4.948]],["name/2865",[1262,79.91]],["parent/2865",[]],["name/2866",[1263,71.436]],["parent/2866",[]],["name/2867",[1264,74.801]],["parent/2867",[1263,6.69]],["name/2868",[1265,74.801]],["parent/2868",[1263,6.69]],["name/2869",[548,52.827]],["parent/2869",[]],["name/2870",[35,43.619]],["parent/2870",[548,4.948]],["name/2871",[23,28.068]],["parent/2871",[548,4.948]],["name/2872",[288,61.45]],["parent/2872",[1266,5.755]],["name/2873",[140,55.34]],["parent/2873",[1266,5.755]],["name/2874",[1236,58.705]],["parent/2874",[1266,5.755]],["name/2875",[25,44.545]],["parent/2875",[1266,5.755]],["name/2876",[1254,74.801]],["parent/2876",[1266,5.755]],["name/2877",[1253,74.801]],["parent/2877",[1266,5.755]],["name/2878",[1244,59.539]],["parent/2878",[1266,5.755]],["name/2879",[1267,79.91]],["parent/2879",[548,4.948]],["name/2880",[23,28.068]],["parent/2880",[548,4.948]],["name/2881",[21,41.264]],["parent/2881",[548,4.948]],["name/2882",[37,54.784]],["parent/2882",[548,4.948]],["name/2883",[23,28.068]],["parent/2883",[548,4.948]],["name/2884",[1264,74.801]],["parent/2884",[1266,5.755]],["name/2885",[1265,74.801]],["parent/2885",[1266,5.755]],["name/2886",[1268,79.91]],["parent/2886",[548,4.948]],["name/2887",[1269,71.436]],["parent/2887",[548,4.948]],["name/2888",[1270,79.91]],["parent/2888",[548,4.948]],["name/2889",[1271,66.916]],["parent/2889",[548,4.948]],["name/2890",[45,58.705]],["parent/2890",[548,4.948]],["name/2891",[22,42.451]],["parent/2891",[548,4.948]],["name/2892",[23,28.068]],["parent/2892",[548,4.948]],["name/2893",[1272,79.91]],["parent/2893",[]],["name/2894",[1273,57.221]],["parent/2894",[]],["name/2895",[140,55.34]],["parent/2895",[1273,5.359]],["name/2896",[1236,58.705]],["parent/2896",[1273,5.359]],["name/2897",[1239,65.245]],["parent/2897",[1273,5.359]],["name/2898",[19,49.784]],["parent/2898",[1273,5.359]],["name/2899",[1240,65.245]],["parent/2899",[1273,5.359]],["name/2900",[1241,65.245]],["parent/2900",[1273,5.359]],["name/2901",[1244,59.539]],["parent/2901",[1273,5.359]],["name/2902",[199,51.975]],["parent/2902",[1273,5.359]],["name/2903",[200,57.221]],["parent/2903",[1273,5.359]],["name/2904",[1242,65.245]],["parent/2904",[1273,5.359]],["name/2905",[1243,65.245]],["parent/2905",[1273,5.359]],["name/2906",[10,36.127]],["parent/2906",[1273,5.359]],["name/2907",[59,43.619]],["parent/2907",[1273,5.359]],["name/2908",[1274,74.801]],["parent/2908",[]],["name/2909",[199,51.975]],["parent/2909",[1274,7.006]],["name/2910",[1275,48.266]],["parent/2910",[]],["name/2911",[98,53.758]],["parent/2911",[1275,4.52]],["name/2912",[35,43.619]],["parent/2912",[1275,4.52]],["name/2913",[23,28.068]],["parent/2913",[1275,4.52]],["name/2914",[1236,58.705]],["parent/2914",[1276,5.661]],["name/2915",[1244,59.539]],["parent/2915",[1276,5.661]],["name/2916",[486,71.436]],["parent/2916",[1275,4.52]],["name/2917",[72,57.935]],["parent/2917",[1275,4.52]],["name/2918",[23,28.068]],["parent/2918",[1275,4.52]],["name/2919",[288,61.45]],["parent/2919",[1275,4.52]],["name/2920",[23,28.068]],["parent/2920",[1275,4.52]],["name/2921",[1277,79.91]],["parent/2921",[1276,5.661]],["name/2922",[23,28.068]],["parent/2922",[1276,5.661]],["name/2923",[1278,79.91]],["parent/2923",[1276,5.661]],["name/2924",[23,28.068]],["parent/2924",[1276,5.661]],["name/2925",[1056,74.801]],["parent/2925",[1276,5.661]],["name/2926",[23,28.068]],["parent/2926",[1276,5.661]],["name/2927",[1279,79.91]],["parent/2927",[1276,5.661]],["name/2928",[140,55.34]],["parent/2928",[1275,4.52]],["name/2929",[1280,79.91]],["parent/2929",[1275,4.52]],["name/2930",[23,28.068]],["parent/2930",[1275,4.52]],["name/2931",[100,53.281]],["parent/2931",[1275,4.52]],["name/2932",[99,56.554]],["parent/2932",[1275,4.52]],["name/2933",[21,41.264]],["parent/2933",[1275,4.52]],["name/2934",[100,53.281]],["parent/2934",[1275,4.52]],["name/2935",[1281,79.91]],["parent/2935",[1275,4.52]],["name/2936",[23,28.068]],["parent/2936",[1275,4.52]],["name/2937",[1282,74.801]],["parent/2937",[1275,4.52]],["name/2938",[1283,79.91]],["parent/2938",[1275,4.52]],["name/2939",[157,71.436]],["parent/2939",[1275,4.52]],["name/2940",[37,54.784]],["parent/2940",[1275,4.52]],["name/2941",[23,28.068]],["parent/2941",[1275,4.52]],["name/2942",[199,51.975]],["parent/2942",[1276,5.661]],["name/2943",[263,74.801]],["parent/2943",[1275,4.52]],["name/2944",[1269,71.436]],["parent/2944",[1275,4.52]],["name/2945",[94,63.814]],["parent/2945",[1275,4.52]],["name/2946",[108,71.436]],["parent/2946",[1275,4.52]],["name/2947",[1284,79.91]],["parent/2947",[1275,4.52]],["name/2948",[44,54.784]],["parent/2948",[1275,4.52]],["name/2949",[64,57.935]],["parent/2949",[1275,4.52]],["name/2950",[45,58.705]],["parent/2950",[1275,4.52]],["name/2951",[22,42.451]],["parent/2951",[1275,4.52]],["name/2952",[23,28.068]],["parent/2952",[1275,4.52]],["name/2953",[1285,79.91]],["parent/2953",[]],["name/2954",[1286,74.801]],["parent/2954",[]],["name/2955",[71,55.34]],["parent/2955",[1286,7.006]],["name/2956",[1287,66.916]],["parent/2956",[]],["name/2957",[1250,71.436]],["parent/2957",[1287,6.267]],["name/2958",[326,68.923]],["parent/2958",[1287,6.267]],["name/2959",[1251,62.562]],["parent/2959",[1287,6.267]],["name/2960",[6,46.234]],["parent/2960",[1287,6.267]],["name/2961",[1288,79.91]],["parent/2961",[]],["name/2962",[1289,74.801]],["parent/2962",[]],["name/2963",[1255,68.923]],["parent/2963",[1289,7.006]],["name/2964",[1290,79.91]],["parent/2964",[]],["name/2965",[1291,79.91]],["parent/2965",[]],["name/2966",[1292,71.436]],["parent/2966",[]],["name/2967",[175,65.245]],["parent/2967",[1292,6.69]],["name/2968",[176,63.814]],["parent/2968",[1292,6.69]],["name/2969",[1293,63.814]],["parent/2969",[]],["name/2970",[1256,74.801]],["parent/2970",[1293,5.977]],["name/2971",[1257,74.801]],["parent/2971",[1293,5.977]],["name/2972",[1258,74.801]],["parent/2972",[1293,5.977]],["name/2973",[1251,62.562]],["parent/2973",[1293,5.977]],["name/2974",[6,46.234]],["parent/2974",[1293,5.977]],["name/2975",[1255,68.923]],["parent/2975",[1293,5.977]],["name/2976",[1294,79.91]],["parent/2976",[]],["name/2977",[1295,71.436]],["parent/2977",[]],["name/2978",[1058,74.801]],["parent/2978",[1295,6.69]],["name/2979",[653,66.916]],["parent/2979",[1295,6.69]],["name/2980",[1296,71.436]],["parent/2980",[]],["name/2981",[1251,62.562]],["parent/2981",[1296,6.69]],["name/2982",[6,46.234]],["parent/2982",[1296,6.69]],["name/2983",[1297,74.801]],["parent/2983",[]],["name/2984",[6,46.234]],["parent/2984",[1297,7.006]],["name/2985",[1298,63.814]],["parent/2985",[]],["name/2986",[98,53.758]],["parent/2986",[1298,5.977]],["name/2987",[21,41.264]],["parent/2987",[1298,5.977]],["name/2988",[100,53.281]],["parent/2988",[1298,5.977]],["name/2989",[1299,79.91]],["parent/2989",[1298,5.977]],["name/2990",[22,42.451]],["parent/2990",[1298,5.977]],["name/2991",[23,28.068]],["parent/2991",[1298,5.977]],["name/2992",[1300,71.436]],["parent/2992",[]],["name/2993",[59,43.619]],["parent/2993",[1300,6.69]],["name/2994",[10,36.127]],["parent/2994",[1300,6.69]],["name/2995",[1301,61.45]],["parent/2995",[]],["name/2996",[1302,79.91]],["parent/2996",[1301,5.755]],["name/2997",[1303,79.91]],["parent/2997",[1301,5.755]],["name/2998",[1304,79.91]],["parent/2998",[1301,5.755]],["name/2999",[1305,79.91]],["parent/2999",[1301,5.755]],["name/3000",[1236,58.705]],["parent/3000",[1301,5.755]],["name/3001",[486,71.436]],["parent/3001",[1301,5.755]],["name/3002",[1306,74.801]],["parent/3002",[1301,5.755]],["name/3003",[72,57.935]],["parent/3003",[1301,5.755]],["name/3004",[1307,79.91]],["parent/3004",[]],["name/3005",[1308,79.91]],["parent/3005",[]],["name/3006",[1309,74.801]],["parent/3006",[]],["name/3007",[1269,71.436]],["parent/3007",[1309,7.006]],["name/3008",[1310,59.539]],["parent/3008",[]],["name/3009",[1275,48.266]],["parent/3009",[1310,5.576]],["name/3010",[199,51.975]],["parent/3010",[1310,5.576]],["name/3011",[1244,59.539]],["parent/3011",[1310,5.576]],["name/3012",[1311,79.91]],["parent/3012",[1310,5.576]],["name/3013",[1236,58.705]],["parent/3013",[1310,5.576]],["name/3014",[1282,74.801]],["parent/3014",[1310,5.576]],["name/3015",[10,36.127]],["parent/3015",[1310,5.576]],["name/3016",[157,71.436]],["parent/3016",[1310,5.576]],["name/3017",[1312,79.91]],["parent/3017",[1310,5.576]],["name/3018",[59,43.619]],["parent/3018",[1310,5.576]],["name/3019",[1313,74.801]],["parent/3019",[]],["name/3020",[23,28.068]],["parent/3020",[1313,7.006]],["name/3021",[1314,71.436]],["parent/3021",[]],["name/3022",[71,55.34]],["parent/3022",[1314,6.69]],["name/3023",[1251,62.562]],["parent/3023",[1314,6.69]],["name/3024",[1315,61.45]],["parent/3024",[]],["name/3025",[98,53.758]],["parent/3025",[1315,5.755]],["name/3026",[21,41.264]],["parent/3026",[1315,5.755]],["name/3027",[100,53.281]],["parent/3027",[1315,5.755]],["name/3028",[1251,62.562]],["parent/3028",[1315,5.755]],["name/3029",[44,54.784]],["parent/3029",[1315,5.755]],["name/3030",[45,58.705]],["parent/3030",[1315,5.755]],["name/3031",[22,42.451]],["parent/3031",[1315,5.755]],["name/3032",[23,28.068]],["parent/3032",[1315,5.755]],["name/3033",[1316,71.436]],["parent/3033",[]],["name/3034",[1317,74.801]],["parent/3034",[1316,6.69]],["name/3035",[1318,71.436]],["parent/3035",[1316,6.69]],["name/3036",[1319,57.935]],["parent/3036",[]],["name/3037",[35,43.619]],["parent/3037",[1319,5.426]],["name/3038",[23,28.068]],["parent/3038",[1319,5.426]],["name/3039",[1318,71.436]],["parent/3039",[1320,7.484]],["name/3040",[98,53.758]],["parent/3040",[1319,5.426]],["name/3041",[21,41.264]],["parent/3041",[1319,5.426]],["name/3042",[100,53.281]],["parent/3042",[1319,5.426]],["name/3043",[480,74.801]],["parent/3043",[1319,5.426]],["name/3044",[23,28.068]],["parent/3044",[1319,5.426]],["name/3045",[1321,74.801]],["parent/3045",[1319,5.426]],["name/3046",[44,54.784]],["parent/3046",[1319,5.426]],["name/3047",[45,58.705]],["parent/3047",[1319,5.426]],["name/3048",[22,42.451]],["parent/3048",[1319,5.426]],["name/3049",[23,28.068]],["parent/3049",[1319,5.426]],["name/3050",[1322,57.221]],["parent/3050",[]],["name/3051",[199,51.975]],["parent/3051",[1322,5.359]],["name/3052",[1323,79.91]],["parent/3052",[1322,5.359]],["name/3053",[1324,79.91]],["parent/3053",[1322,5.359]],["name/3054",[1325,79.91]],["parent/3054",[1322,5.359]],["name/3055",[1326,79.91]],["parent/3055",[1322,5.359]],["name/3056",[1250,71.436]],["parent/3056",[1322,5.359]],["name/3057",[1327,79.91]],["parent/3057",[1322,5.359]],["name/3058",[19,49.784]],["parent/3058",[1322,5.359]],["name/3059",[6,46.234]],["parent/3059",[1322,5.359]],["name/3060",[10,36.127]],["parent/3060",[1322,5.359]],["name/3061",[59,43.619]],["parent/3061",[1322,5.359]],["name/3062",[1317,74.801]],["parent/3062",[1322,5.359]],["name/3063",[1318,71.436]],["parent/3063",[1322,5.359]],["name/3064",[1328,68.923]],["parent/3064",[]],["name/3065",[1321,74.801]],["parent/3065",[1328,6.455]],["name/3066",[1329,79.91]],["parent/3066",[1328,6.455]],["name/3067",[1306,74.801]],["parent/3067",[1328,6.455]],["name/3068",[1330,79.91]],["parent/3068",[]],["name/3069",[917,66.916]],["parent/3069",[]],["name/3070",[1331,63.814]],["parent/3070",[]],["name/3071",[1332,79.91]],["parent/3071",[1331,5.977]],["name/3072",[1333,79.91]],["parent/3072",[1331,5.977]],["name/3073",[1334,79.91]],["parent/3073",[1331,5.977]],["name/3074",[1335,79.91]],["parent/3074",[1331,5.977]],["name/3075",[444,68.923]],["parent/3075",[1331,5.977]],["name/3076",[10,36.127]],["parent/3076",[1331,5.977]],["name/3077",[32,66.916]],["parent/3077",[]],["name/3078",[32,66.916]],["parent/3078",[]],["name/3079",[35,43.619]],["parent/3079",[32,6.267]],["name/3080",[1336,79.91]],["parent/3080",[]],["name/3081",[1337,79.91]],["parent/3081",[]],["name/3082",[1338,74.801]],["parent/3082",[]],["name/3083",[23,28.068]],["parent/3083",[1338,7.006]],["name/3084",[1339,62.562]],["parent/3084",[]],["name/3085",[1340,63.814]],["parent/3085",[1339,5.859]],["name/3086",[1341,71.436]],["parent/3086",[1339,5.859]],["name/3087",[1342,71.436]],["parent/3087",[1339,5.859]],["name/3088",[90,50.463]],["parent/3088",[1339,5.859]],["name/3089",[1343,71.436]],["parent/3089",[1339,5.859]],["name/3090",[1344,71.436]],["parent/3090",[1339,5.859]],["name/3091",[383,55.929]],["parent/3091",[1339,5.859]],["name/3092",[1345,56.554]],["parent/3092",[]],["name/3093",[25,44.545]],["parent/3093",[1345,5.297]],["name/3094",[1346,65.245]],["parent/3094",[1345,5.297]],["name/3095",[1347,79.91]],["parent/3095",[1345,5.297]],["name/3096",[1348,79.91]],["parent/3096",[1345,5.297]],["name/3097",[1349,79.91]],["parent/3097",[1345,5.297]],["name/3098",[59,43.619]],["parent/3098",[1345,5.297]],["name/3099",[1340,63.814]],["parent/3099",[1345,5.297]],["name/3100",[1341,71.436]],["parent/3100",[1345,5.297]],["name/3101",[1342,71.436]],["parent/3101",[1345,5.297]],["name/3102",[90,50.463]],["parent/3102",[1345,5.297]],["name/3103",[1343,71.436]],["parent/3103",[1345,5.297]],["name/3104",[1344,71.436]],["parent/3104",[1345,5.297]],["name/3105",[383,55.929]],["parent/3105",[1345,5.297]],["name/3106",[23,28.068]],["parent/3106",[1345,5.297]],["name/3107",[1350,60.449]],["parent/3107",[]],["name/3108",[330,66.916]],["parent/3108",[1350,5.661]],["name/3109",[37,54.784]],["parent/3109",[1350,5.661]],["name/3110",[1340,63.814]],["parent/3110",[1350,5.661]],["name/3111",[1341,71.436]],["parent/3111",[1350,5.661]],["name/3112",[1342,71.436]],["parent/3112",[1350,5.661]],["name/3113",[90,50.463]],["parent/3113",[1350,5.661]],["name/3114",[1343,71.436]],["parent/3114",[1350,5.661]],["name/3115",[1344,71.436]],["parent/3115",[1350,5.661]],["name/3116",[383,55.929]],["parent/3116",[1350,5.661]],["name/3117",[1351,65.245]],["parent/3117",[]],["name/3118",[25,44.545]],["parent/3118",[1351,6.111]],["name/3119",[1340,63.814]],["parent/3119",[1351,6.111]],["name/3120",[383,55.929]],["parent/3120",[1351,6.111]],["name/3121",[37,54.784]],["parent/3121",[1351,6.111]],["name/3122",[330,66.916]],["parent/3122",[1351,6.111]],["name/3123",[1352,79.91]],["parent/3123",[]],["name/3124",[1353,79.91]],["parent/3124",[]],["name/3125",[1354,79.91]],["parent/3125",[]],["name/3126",[1355,79.91]],["parent/3126",[]],["name/3127",[1356,79.91]],["parent/3127",[]],["name/3128",[1357,74.801]],["parent/3128",[]],["name/3129",[172,66.916]],["parent/3129",[1357,7.006]],["name/3130",[1358,58.705]],["parent/3130",[]],["name/3131",[66,42.771]],["parent/3131",[1358,5.498]],["name/3132",[75,41.989]],["parent/3132",[1358,5.498]],["name/3133",[268,63.814]],["parent/3133",[1358,5.498]],["name/3134",[90,50.463]],["parent/3134",[1358,5.498]],["name/3135",[10,36.127]],["parent/3135",[1358,5.498]],["name/3136",[275,66.916]],["parent/3136",[1358,5.498]],["name/3137",[84,42.935]],["parent/3137",[1358,5.498]],["name/3138",[59,43.619]],["parent/3138",[1358,5.498]],["name/3139",[6,46.234]],["parent/3139",[1358,5.498]],["name/3140",[175,65.245]],["parent/3140",[1358,5.498]],["name/3141",[176,63.814]],["parent/3141",[1358,5.498]],["name/3142",[1359,65.245]],["parent/3142",[]],["name/3143",[1359,65.245]],["parent/3143",[]],["name/3144",[178,58.705]],["parent/3144",[1359,6.111]],["name/3145",[23,28.068]],["parent/3145",[1359,6.111]],["name/3146",[180,71.436]],["parent/3146",[1359,6.111]],["name/3147",[23,28.068]],["parent/3147",[1359,6.111]],["name/3148",[1360,79.91]],["parent/3148",[]],["name/3149",[1361,61.45]],["parent/3149",[]],["name/3150",[66,42.771]],["parent/3150",[1361,5.755]],["name/3151",[75,41.989]],["parent/3151",[1361,5.755]],["name/3152",[268,63.814]],["parent/3152",[1361,5.755]],["name/3153",[84,42.935]],["parent/3153",[1361,5.755]],["name/3154",[267,71.436]],["parent/3154",[1361,5.755]],["name/3155",[10,36.127]],["parent/3155",[1361,5.755]],["name/3156",[59,43.619]],["parent/3156",[1361,5.755]],["name/3157",[6,46.234]],["parent/3157",[1361,5.755]],["name/3158",[1362,79.91]],["parent/3158",[]],["name/3159",[1363,59.539]],["parent/3159",[]],["name/3160",[84,42.935]],["parent/3160",[1363,5.576]],["name/3161",[66,42.771]],["parent/3161",[1363,5.576]],["name/3162",[1364,74.801]],["parent/3162",[1363,5.576]],["name/3163",[1365,74.801]],["parent/3163",[1363,5.576]],["name/3164",[1366,74.801]],["parent/3164",[1363,5.576]],["name/3165",[10,36.127]],["parent/3165",[1363,5.576]],["name/3166",[127,68.923]],["parent/3166",[1363,5.576]],["name/3167",[75,41.989]],["parent/3167",[1363,5.576]],["name/3168",[59,43.619]],["parent/3168",[1363,5.576]],["name/3169",[268,63.814]],["parent/3169",[1363,5.576]],["name/3170",[1367,68.923]],["parent/3170",[]],["name/3171",[1368,79.91]],["parent/3171",[1367,6.455]],["name/3172",[1369,79.91]],["parent/3172",[1367,6.455]],["name/3173",[1370,79.91]],["parent/3173",[1367,6.455]],["name/3174",[1371,57.221]],["parent/3174",[]],["name/3175",[35,43.619]],["parent/3175",[1371,5.359]],["name/3176",[23,28.068]],["parent/3176",[1371,5.359]],["name/3177",[66,42.771]],["parent/3177",[1372,6.111]],["name/3178",[127,68.923]],["parent/3178",[1372,6.111]],["name/3179",[1365,74.801]],["parent/3179",[1372,6.111]],["name/3180",[1364,74.801]],["parent/3180",[1372,6.111]],["name/3181",[1366,74.801]],["parent/3181",[1372,6.111]],["name/3182",[268,63.814]],["parent/3182",[1372,6.111]],["name/3183",[98,53.758]],["parent/3183",[1371,5.359]],["name/3184",[99,56.554]],["parent/3184",[1371,5.359]],["name/3185",[21,41.264]],["parent/3185",[1371,5.359]],["name/3186",[100,53.281]],["parent/3186",[1371,5.359]],["name/3187",[1373,79.91]],["parent/3187",[1371,5.359]],["name/3188",[176,63.814]],["parent/3188",[1371,5.359]],["name/3189",[71,55.34]],["parent/3189",[1371,5.359]],["name/3190",[1374,79.91]],["parent/3190",[1371,5.359]],["name/3191",[1375,79.91]],["parent/3191",[1371,5.359]],["name/3192",[22,42.451]],["parent/3192",[1371,5.359]],["name/3193",[23,28.068]],["parent/3193",[1371,5.359]],["name/3194",[1376,74.801]],["parent/3194",[]],["name/3195",[1377,57.935]],["parent/3195",[]],["name/3196",[70,71.436]],["parent/3196",[1377,5.426]],["name/3197",[83,62.562]],["parent/3197",[1377,5.426]],["name/3198",[66,42.771]],["parent/3198",[1377,5.426]],["name/3199",[72,57.935]],["parent/3199",[1377,5.426]],["name/3200",[73,68.923]],["parent/3200",[1377,5.426]],["name/3201",[74,68.923]],["parent/3201",[1377,5.426]],["name/3202",[71,55.34]],["parent/3202",[1377,5.426]],["name/3203",[30,55.929]],["parent/3203",[1377,5.426]],["name/3204",[75,41.989]],["parent/3204",[1377,5.426]],["name/3205",[76,65.245]],["parent/3205",[1377,5.426]],["name/3206",[77,71.436]],["parent/3206",[1377,5.426]],["name/3207",[10,36.127]],["parent/3207",[1377,5.426]],["name/3208",[1378,56.554]],["parent/3208",[]],["name/3209",[1379,79.91]],["parent/3209",[1378,5.297]],["name/3210",[1380,79.91]],["parent/3210",[1378,5.297]],["name/3211",[83,62.562]],["parent/3211",[1378,5.297]],["name/3212",[70,71.436]],["parent/3212",[1378,5.297]],["name/3213",[66,42.771]],["parent/3213",[1378,5.297]],["name/3214",[72,57.935]],["parent/3214",[1378,5.297]],["name/3215",[73,68.923]],["parent/3215",[1378,5.297]],["name/3216",[74,68.923]],["parent/3216",[1378,5.297]],["name/3217",[71,55.34]],["parent/3217",[1378,5.297]],["name/3218",[30,55.929]],["parent/3218",[1378,5.297]],["name/3219",[75,41.989]],["parent/3219",[1378,5.297]],["name/3220",[76,65.245]],["parent/3220",[1378,5.297]],["name/3221",[77,71.436]],["parent/3221",[1378,5.297]],["name/3222",[10,36.127]],["parent/3222",[1378,5.297]],["name/3223",[1381,61.45]],["parent/3223",[]],["name/3224",[66,42.771]],["parent/3224",[1381,5.755]],["name/3225",[95,74.801]],["parent/3225",[1381,5.755]],["name/3226",[83,62.562]],["parent/3226",[1381,5.755]],["name/3227",[85,63.814]],["parent/3227",[1381,5.755]],["name/3228",[87,66.916]],["parent/3228",[1381,5.755]],["name/3229",[1382,79.91]],["parent/3229",[1381,5.755]],["name/3230",[1383,79.91]],["parent/3230",[1381,5.755]],["name/3231",[1384,74.801]],["parent/3231",[1381,5.755]],["name/3232",[1385,74.801]],["parent/3232",[]],["name/3233",[83,62.562]],["parent/3233",[1385,7.006]],["name/3234",[1386,59.539]],["parent/3234",[]],["name/3235",[35,43.619]],["parent/3235",[1386,5.576]],["name/3236",[23,28.068]],["parent/3236",[1386,5.576]],["name/3237",[87,66.916]],["parent/3237",[1387,6.69]],["name/3238",[23,28.068]],["parent/3238",[1387,6.69]],["name/3239",[1384,74.801]],["parent/3239",[1387,6.69]],["name/3240",[1376,74.801]],["parent/3240",[1386,5.576]],["name/3241",[23,28.068]],["parent/3241",[1386,5.576]],["name/3242",[21,41.264]],["parent/3242",[1386,5.576]],["name/3243",[110,74.801]],["parent/3243",[1386,5.576]],["name/3244",[111,74.801]],["parent/3244",[1386,5.576]],["name/3245",[112,74.801]],["parent/3245",[1386,5.576]],["name/3246",[22,42.451]],["parent/3246",[1386,5.576]],["name/3247",[23,28.068]],["parent/3247",[1386,5.576]],["name/3248",[1388,66.916]],["parent/3248",[]],["name/3249",[229,71.436]],["parent/3249",[1388,6.267]],["name/3250",[232,71.436]],["parent/3250",[1388,6.267]],["name/3251",[201,57.935]],["parent/3251",[1388,6.267]],["name/3252",[23,28.068]],["parent/3252",[1388,6.267]],["name/3253",[1389,65.245]],["parent/3253",[]],["name/3254",[811,65.245]],["parent/3254",[1389,6.111]],["name/3255",[283,65.245]],["parent/3255",[1389,6.111]],["name/3256",[75,41.989]],["parent/3256",[1389,6.111]],["name/3257",[25,44.545]],["parent/3257",[1389,6.111]],["name/3258",[1390,79.91]],["parent/3258",[1389,6.111]],["name/3259",[1391,79.91]],["parent/3259",[]],["name/3260",[1392,74.801]],["parent/3260",[]],["name/3261",[1393,79.91]],["parent/3261",[1392,7.006]],["name/3262",[1394,79.91]],["parent/3262",[]],["name/3263",[1395,49.784]],["parent/3263",[]],["name/3264",[1396,68.923]],["parent/3264",[1395,4.663]],["name/3265",[1397,68.923]],["parent/3265",[1395,4.663]],["name/3266",[197,57.935]],["parent/3266",[1395,4.663]],["name/3267",[1398,68.923]],["parent/3267",[1395,4.663]],["name/3268",[81,52.392]],["parent/3268",[1395,4.663]],["name/3269",[1399,71.436]],["parent/3269",[1395,4.663]],["name/3270",[92,58.705]],["parent/3270",[1395,4.663]],["name/3271",[90,50.463]],["parent/3271",[1395,4.663]],["name/3272",[115,49.462]],["parent/3272",[1395,4.663]],["name/3273",[1400,71.436]],["parent/3273",[1395,4.663]],["name/3274",[241,61.45]],["parent/3274",[1395,4.663]],["name/3275",[242,62.562]],["parent/3275",[1395,4.663]],["name/3276",[75,41.989]],["parent/3276",[1395,4.663]],["name/3277",[94,63.814]],["parent/3277",[1395,4.663]],["name/3278",[1401,71.436]],["parent/3278",[1395,4.663]],["name/3279",[201,57.935]],["parent/3279",[1395,4.663]],["name/3280",[1402,68.923]],["parent/3280",[1395,4.663]],["name/3281",[1403,71.436]],["parent/3281",[1395,4.663]],["name/3282",[198,59.539]],["parent/3282",[1395,4.663]],["name/3283",[26,54.784]],["parent/3283",[1395,4.663]],["name/3284",[1404,68.923]],["parent/3284",[1395,4.663]],["name/3285",[1405,71.436]],["parent/3285",[1395,4.663]],["name/3286",[1406,68.923]],["parent/3286",[1395,4.663]],["name/3287",[1407,71.436]],["parent/3287",[1395,4.663]],["name/3288",[1408,71.436]],["parent/3288",[1395,4.663]],["name/3289",[1409,71.436]],["parent/3289",[1395,4.663]],["name/3290",[10,36.127]],["parent/3290",[1395,4.663]],["name/3291",[1410,71.436]],["parent/3291",[1395,4.663]],["name/3292",[1411,71.436]],["parent/3292",[1395,4.663]],["name/3293",[1412,48.846]],["parent/3293",[]],["name/3294",[248,59.539]],["parent/3294",[1412,4.575]],["name/3295",[66,42.771]],["parent/3295",[1412,4.575]],["name/3296",[84,42.935]],["parent/3296",[1412,4.575]],["name/3297",[1396,68.923]],["parent/3297",[1412,4.575]],["name/3298",[1397,68.923]],["parent/3298",[1412,4.575]],["name/3299",[197,57.935]],["parent/3299",[1412,4.575]],["name/3300",[1398,68.923]],["parent/3300",[1412,4.575]],["name/3301",[81,52.392]],["parent/3301",[1412,4.575]],["name/3302",[1399,71.436]],["parent/3302",[1412,4.575]],["name/3303",[92,58.705]],["parent/3303",[1412,4.575]],["name/3304",[90,50.463]],["parent/3304",[1412,4.575]],["name/3305",[115,49.462]],["parent/3305",[1412,4.575]],["name/3306",[1400,71.436]],["parent/3306",[1412,4.575]],["name/3307",[241,61.45]],["parent/3307",[1412,4.575]],["name/3308",[242,62.562]],["parent/3308",[1412,4.575]],["name/3309",[75,41.989]],["parent/3309",[1412,4.575]],["name/3310",[94,63.814]],["parent/3310",[1412,4.575]],["name/3311",[1401,71.436]],["parent/3311",[1412,4.575]],["name/3312",[201,57.935]],["parent/3312",[1412,4.575]],["name/3313",[1402,68.923]],["parent/3313",[1412,4.575]],["name/3314",[1403,71.436]],["parent/3314",[1412,4.575]],["name/3315",[198,59.539]],["parent/3315",[1412,4.575]],["name/3316",[26,54.784]],["parent/3316",[1412,4.575]],["name/3317",[1404,68.923]],["parent/3317",[1412,4.575]],["name/3318",[1405,71.436]],["parent/3318",[1412,4.575]],["name/3319",[1406,68.923]],["parent/3319",[1412,4.575]],["name/3320",[1407,71.436]],["parent/3320",[1412,4.575]],["name/3321",[1408,71.436]],["parent/3321",[1412,4.575]],["name/3322",[1409,71.436]],["parent/3322",[1412,4.575]],["name/3323",[10,36.127]],["parent/3323",[1412,4.575]],["name/3324",[1410,71.436]],["parent/3324",[1412,4.575]],["name/3325",[1411,71.436]],["parent/3325",[1412,4.575]],["name/3326",[1413,48.552]],["parent/3326",[]],["name/3327",[248,59.539]],["parent/3327",[1413,4.547]],["name/3328",[66,42.771]],["parent/3328",[1413,4.547]],["name/3329",[84,42.935]],["parent/3329",[1413,4.547]],["name/3330",[1414,74.801]],["parent/3330",[1413,4.547]],["name/3331",[1396,68.923]],["parent/3331",[1413,4.547]],["name/3332",[1397,68.923]],["parent/3332",[1413,4.547]],["name/3333",[197,57.935]],["parent/3333",[1413,4.547]],["name/3334",[1398,68.923]],["parent/3334",[1413,4.547]],["name/3335",[81,52.392]],["parent/3335",[1413,4.547]],["name/3336",[1399,71.436]],["parent/3336",[1413,4.547]],["name/3337",[92,58.705]],["parent/3337",[1413,4.547]],["name/3338",[90,50.463]],["parent/3338",[1413,4.547]],["name/3339",[115,49.462]],["parent/3339",[1413,4.547]],["name/3340",[1400,71.436]],["parent/3340",[1413,4.547]],["name/3341",[241,61.45]],["parent/3341",[1413,4.547]],["name/3342",[242,62.562]],["parent/3342",[1413,4.547]],["name/3343",[75,41.989]],["parent/3343",[1413,4.547]],["name/3344",[94,63.814]],["parent/3344",[1413,4.547]],["name/3345",[1401,71.436]],["parent/3345",[1413,4.547]],["name/3346",[201,57.935]],["parent/3346",[1413,4.547]],["name/3347",[1402,68.923]],["parent/3347",[1413,4.547]],["name/3348",[1403,71.436]],["parent/3348",[1413,4.547]],["name/3349",[198,59.539]],["parent/3349",[1413,4.547]],["name/3350",[26,54.784]],["parent/3350",[1413,4.547]],["name/3351",[1404,68.923]],["parent/3351",[1413,4.547]],["name/3352",[1405,71.436]],["parent/3352",[1413,4.547]],["name/3353",[1406,68.923]],["parent/3353",[1413,4.547]],["name/3354",[1407,71.436]],["parent/3354",[1413,4.547]],["name/3355",[1408,71.436]],["parent/3355",[1413,4.547]],["name/3356",[1409,71.436]],["parent/3356",[1413,4.547]],["name/3357",[10,36.127]],["parent/3357",[1413,4.547]],["name/3358",[1410,71.436]],["parent/3358",[1413,4.547]],["name/3359",[1411,71.436]],["parent/3359",[1413,4.547]],["name/3360",[1415,79.91]],["parent/3360",[]],["name/3361",[1416,61.45]],["parent/3361",[]],["name/3362",[94,63.814]],["parent/3362",[1416,5.755]],["name/3363",[76,65.245]],["parent/3363",[1416,5.755]],["name/3364",[1396,68.923]],["parent/3364",[1416,5.755]],["name/3365",[66,42.771]],["parent/3365",[1416,5.755]],["name/3366",[1417,74.801]],["parent/3366",[1416,5.755]],["name/3367",[1418,79.91]],["parent/3367",[1416,5.755]],["name/3368",[1419,79.91]],["parent/3368",[1416,5.755]],["name/3369",[1420,79.91]],["parent/3369",[1416,5.755]],["name/3370",[919,45.784]],["parent/3370",[]],["name/3371",[35,43.619]],["parent/3371",[919,4.288]],["name/3372",[23,28.068]],["parent/3372",[919,4.288]],["name/3373",[1398,68.923]],["parent/3373",[1421,5.297]],["name/3374",[23,28.068]],["parent/3374",[1421,5.297]],["name/3375",[1402,68.923]],["parent/3375",[1421,5.297]],["name/3376",[23,28.068]],["parent/3376",[1421,5.297]],["name/3377",[241,61.45]],["parent/3377",[1421,5.297]],["name/3378",[23,28.068]],["parent/3378",[1421,5.297]],["name/3379",[1406,68.923]],["parent/3379",[1421,5.297]],["name/3380",[23,28.068]],["parent/3380",[1421,5.297]],["name/3381",[242,62.562]],["parent/3381",[1421,5.297]],["name/3382",[23,28.068]],["parent/3382",[1421,5.297]],["name/3383",[115,49.462]],["parent/3383",[1421,5.297]],["name/3384",[248,59.539]],["parent/3384",[1421,5.297]],["name/3385",[198,59.539]],["parent/3385",[1421,5.297]],["name/3386",[26,54.784]],["parent/3386",[1421,5.297]],["name/3387",[1404,68.923]],["parent/3387",[1421,5.297]],["name/3388",[98,53.758]],["parent/3388",[919,4.288]],["name/3389",[1422,79.91]],["parent/3389",[919,4.288]],["name/3390",[23,28.068]],["parent/3390",[919,4.288]],["name/3391",[99,56.554]],["parent/3391",[919,4.288]],["name/3392",[21,41.264]],["parent/3392",[919,4.288]],["name/3393",[100,53.281]],["parent/3393",[919,4.288]],["name/3394",[1423,79.91]],["parent/3394",[919,4.288]],["name/3395",[1424,71.436]],["parent/3395",[919,4.288]],["name/3396",[1186,74.801]],["parent/3396",[919,4.288]],["name/3397",[44,54.784]],["parent/3397",[919,4.288]],["name/3398",[64,57.935]],["parent/3398",[919,4.288]],["name/3399",[75,41.989]],["parent/3399",[919,4.288]],["name/3400",[1425,79.91]],["parent/3400",[919,4.288]],["name/3401",[200,57.221]],["parent/3401",[919,4.288]],["name/3402",[85,63.814]],["parent/3402",[919,4.288]],["name/3403",[1397,68.923]],["parent/3403",[919,4.288]],["name/3404",[1426,79.91]],["parent/3404",[919,4.288]],["name/3405",[1427,79.91]],["parent/3405",[919,4.288]],["name/3406",[232,71.436]],["parent/3406",[919,4.288]],["name/3407",[1428,79.91]],["parent/3407",[919,4.288]],["name/3408",[1429,79.91]],["parent/3408",[919,4.288]],["name/3409",[1430,79.91]],["parent/3409",[919,4.288]],["name/3410",[1431,79.91]],["parent/3410",[919,4.288]],["name/3411",[1432,79.91]],["parent/3411",[919,4.288]],["name/3412",[1433,79.91]],["parent/3412",[919,4.288]],["name/3413",[201,57.935]],["parent/3413",[919,4.288]],["name/3414",[1434,79.91]],["parent/3414",[919,4.288]],["name/3415",[1414,74.801]],["parent/3415",[919,4.288]],["name/3416",[1435,79.91]],["parent/3416",[919,4.288]],["name/3417",[265,74.801]],["parent/3417",[919,4.288]],["name/3418",[1436,79.91]],["parent/3418",[919,4.288]],["name/3419",[1437,79.91]],["parent/3419",[919,4.288]],["name/3420",[23,28.068]],["parent/3420",[919,4.288]],["name/3421",[1438,79.91]],["parent/3421",[919,4.288]],["name/3422",[1439,79.91]],["parent/3422",[919,4.288]],["name/3423",[22,42.451]],["parent/3423",[919,4.288]],["name/3424",[23,28.068]],["parent/3424",[919,4.288]],["name/3425",[1440,79.91]],["parent/3425",[]],["name/3426",[1441,60.449]],["parent/3426",[]],["name/3427",[35,43.619]],["parent/3427",[1441,5.661]],["name/3428",[23,28.068]],["parent/3428",[1441,5.661]],["name/3429",[431,58.705]],["parent/3429",[1442,6.111]],["name/3430",[432,59.539]],["parent/3430",[1442,6.111]],["name/3431",[1018,61.45]],["parent/3431",[1442,6.111]],["name/3432",[1443,68.923]],["parent/3432",[1442,6.111]],["name/3433",[968,68.923]],["parent/3433",[1442,6.111]],["name/3434",[66,42.771]],["parent/3434",[1442,6.111]],["name/3435",[98,53.758]],["parent/3435",[1441,5.661]],["name/3436",[99,56.554]],["parent/3436",[1441,5.661]],["name/3437",[21,41.264]],["parent/3437",[1441,5.661]],["name/3438",[100,53.281]],["parent/3438",[1441,5.661]],["name/3439",[37,54.784]],["parent/3439",[1441,5.661]],["name/3440",[22,42.451]],["parent/3440",[1441,5.661]],["name/3441",[23,28.068]],["parent/3441",[1441,5.661]],["name/3442",[1444,60.449]],["parent/3442",[]],["name/3443",[431,58.705]],["parent/3443",[1444,5.661]],["name/3444",[432,59.539]],["parent/3444",[1444,5.661]],["name/3445",[1018,61.45]],["parent/3445",[1444,5.661]],["name/3446",[1443,68.923]],["parent/3446",[1444,5.661]],["name/3447",[1445,66.916]],["parent/3447",[1444,5.661]],["name/3448",[90,50.463]],["parent/3448",[1444,5.661]],["name/3449",[75,41.989]],["parent/3449",[1444,5.661]],["name/3450",[10,36.127]],["parent/3450",[1444,5.661]],["name/3451",[1446,71.436]],["parent/3451",[1444,5.661]],["name/3452",[1447,57.935]],["parent/3452",[]],["name/3453",[968,68.923]],["parent/3453",[1447,5.426]],["name/3454",[66,42.771]],["parent/3454",[1447,5.426]],["name/3455",[84,42.935]],["parent/3455",[1447,5.426]],["name/3456",[431,58.705]],["parent/3456",[1447,5.426]],["name/3457",[432,59.539]],["parent/3457",[1447,5.426]],["name/3458",[1018,61.45]],["parent/3458",[1447,5.426]],["name/3459",[1443,68.923]],["parent/3459",[1447,5.426]],["name/3460",[1445,66.916]],["parent/3460",[1447,5.426]],["name/3461",[90,50.463]],["parent/3461",[1447,5.426]],["name/3462",[75,41.989]],["parent/3462",[1447,5.426]],["name/3463",[10,36.127]],["parent/3463",[1447,5.426]],["name/3464",[1446,71.436]],["parent/3464",[1447,5.426]],["name/3465",[1448,57.935]],["parent/3465",[]],["name/3466",[968,68.923]],["parent/3466",[1448,5.426]],["name/3467",[66,42.771]],["parent/3467",[1448,5.426]],["name/3468",[84,42.935]],["parent/3468",[1448,5.426]],["name/3469",[431,58.705]],["parent/3469",[1448,5.426]],["name/3470",[432,59.539]],["parent/3470",[1448,5.426]],["name/3471",[1018,61.45]],["parent/3471",[1448,5.426]],["name/3472",[1443,68.923]],["parent/3472",[1448,5.426]],["name/3473",[1445,66.916]],["parent/3473",[1448,5.426]],["name/3474",[90,50.463]],["parent/3474",[1448,5.426]],["name/3475",[75,41.989]],["parent/3475",[1448,5.426]],["name/3476",[10,36.127]],["parent/3476",[1448,5.426]],["name/3477",[1446,71.436]],["parent/3477",[1448,5.426]],["name/3478",[1449,79.91]],["parent/3478",[]],["name/3479",[1450,66.916]],["parent/3479",[]],["name/3480",[1172,71.436]],["parent/3480",[1450,6.267]],["name/3481",[1451,79.91]],["parent/3481",[1450,6.267]],["name/3482",[76,65.245]],["parent/3482",[1450,6.267]],["name/3483",[1177,66.916]],["parent/3483",[1450,6.267]],["name/3484",[1452,79.91]],["parent/3484",[]],["name/3485",[1453,62.562]],["parent/3485",[]],["name/3486",[1454,71.436]],["parent/3486",[1453,5.859]],["name/3487",[10,36.127]],["parent/3487",[1453,5.859]],["name/3488",[83,62.562]],["parent/3488",[1453,5.859]],["name/3489",[1455,79.91]],["parent/3489",[1453,5.859]],["name/3490",[84,42.935]],["parent/3490",[1453,5.859]],["name/3491",[23,28.068]],["parent/3491",[1453,5.859]],["name/3492",[23,28.068]],["parent/3492",[1453,5.859]],["name/3493",[1456,54.258]],["parent/3493",[]],["name/3494",[35,43.619]],["parent/3494",[1456,5.082]],["name/3495",[23,28.068]],["parent/3495",[1456,5.082]],["name/3496",[1454,71.436]],["parent/3496",[1457,7.484]],["name/3497",[21,41.264]],["parent/3497",[1456,5.082]],["name/3498",[1456,54.258]],["parent/3498",[1456,5.082]],["name/3499",[1458,79.91]],["parent/3499",[1456,5.082]],["name/3500",[1459,79.91]],["parent/3500",[1456,5.082]],["name/3501",[1460,79.91]],["parent/3501",[1456,5.082]],["name/3502",[44,54.784]],["parent/3502",[1456,5.082]],["name/3503",[45,58.705]],["parent/3503",[1456,5.082]],["name/3504",[22,42.451]],["parent/3504",[1456,5.082]],["name/3505",[23,28.068]],["parent/3505",[1456,5.082]],["name/3506",[1461,57.221]],["parent/3506",[]],["name/3507",[25,44.545]],["parent/3507",[1461,5.359]],["name/3508",[115,49.462]],["parent/3508",[1461,5.359]],["name/3509",[75,41.989]],["parent/3509",[1461,5.359]],["name/3510",[26,54.784]],["parent/3510",[1461,5.359]],["name/3511",[1462,74.801]],["parent/3511",[1461,5.359]],["name/3512",[1463,74.801]],["parent/3512",[1461,5.359]],["name/3513",[1464,74.801]],["parent/3513",[1461,5.359]],["name/3514",[1465,74.801]],["parent/3514",[1461,5.359]],["name/3515",[1466,74.801]],["parent/3515",[1461,5.359]],["name/3516",[471,71.436]],["parent/3516",[1461,5.359]],["name/3517",[10,36.127]],["parent/3517",[1461,5.359]],["name/3518",[71,55.34]],["parent/3518",[1461,5.359]],["name/3519",[85,63.814]],["parent/3519",[1461,5.359]],["name/3520",[1467,57.221]],["parent/3520",[]],["name/3521",[35,43.619]],["parent/3521",[1467,5.359]],["name/3522",[23,28.068]],["parent/3522",[1467,5.359]],["name/3523",[25,44.545]],["parent/3523",[1468,5.755]],["name/3524",[115,49.462]],["parent/3524",[1468,5.755]],["name/3525",[1463,74.801]],["parent/3525",[1468,5.755]],["name/3526",[1462,74.801]],["parent/3526",[1468,5.755]],["name/3527",[1465,74.801]],["parent/3527",[1468,5.755]],["name/3528",[1464,74.801]],["parent/3528",[1468,5.755]],["name/3529",[1466,74.801]],["parent/3529",[1468,5.755]],["name/3530",[471,71.436]],["parent/3530",[1468,5.755]],["name/3531",[98,53.758]],["parent/3531",[1467,5.359]],["name/3532",[21,41.264]],["parent/3532",[1467,5.359]],["name/3533",[100,53.281]],["parent/3533",[1467,5.359]],["name/3534",[1467,57.221]],["parent/3534",[1467,5.359]],["name/3535",[37,54.784]],["parent/3535",[1467,5.359]],["name/3536",[23,28.068]],["parent/3536",[1467,5.359]],["name/3537",[1469,79.91]],["parent/3537",[1468,5.755]],["name/3538",[1470,79.91]],["parent/3538",[1467,5.359]],["name/3539",[868,66.916]],["parent/3539",[1467,5.359]],["name/3540",[22,42.451]],["parent/3540",[1467,5.359]],["name/3541",[23,28.068]],["parent/3541",[1467,5.359]],["name/3542",[1471,59.539]],["parent/3542",[]],["name/3543",[17,51.19]],["parent/3543",[1471,5.576]],["name/3544",[18,68.923]],["parent/3544",[1471,5.576]],["name/3545",[1346,65.245]],["parent/3545",[1471,5.576]],["name/3546",[1472,79.91]],["parent/3546",[1471,5.576]],["name/3547",[1473,79.91]],["parent/3547",[1471,5.576]],["name/3548",[1474,79.91]],["parent/3548",[1471,5.576]],["name/3549",[1475,79.91]],["parent/3549",[1471,5.576]],["name/3550",[1476,71.436]],["parent/3550",[1471,5.576]],["name/3551",[75,41.989]],["parent/3551",[1471,5.576]],["name/3552",[30,55.929]],["parent/3552",[1471,5.576]],["name/3553",[1477,61.45]],["parent/3553",[]],["name/3554",[25,44.545]],["parent/3554",[1477,5.755]],["name/3555",[715,65.245]],["parent/3555",[1477,5.755]],["name/3556",[887,59.539]],["parent/3556",[1477,5.755]],["name/3557",[1346,65.245]],["parent/3557",[1477,5.755]],["name/3558",[1476,71.436]],["parent/3558",[1477,5.755]],["name/3559",[1478,79.91]],["parent/3559",[1477,5.755]],["name/3560",[10,36.127]],["parent/3560",[1477,5.755]],["name/3561",[1479,74.801]],["parent/3561",[1477,5.755]],["name/3562",[1480,63.814]],["parent/3562",[]],["name/3563",[35,43.619]],["parent/3563",[1480,5.977]],["name/3564",[23,28.068]],["parent/3564",[1480,5.977]],["name/3565",[10,36.127]],["parent/3565",[1481,5.859]],["name/3566",[25,44.545]],["parent/3566",[1481,5.859]],["name/3567",[887,59.539]],["parent/3567",[1481,5.859]],["name/3568",[715,65.245]],["parent/3568",[1481,5.859]],["name/3569",[115,49.462]],["parent/3569",[1481,5.859]],["name/3570",[1346,65.245]],["parent/3570",[1481,5.859]],["name/3571",[1476,71.436]],["parent/3571",[1481,5.859]],["name/3572",[1479,74.801]],["parent/3572",[1481,5.859]],["name/3573",[1018,61.45]],["parent/3573",[1480,5.977]],["name/3574",[21,41.264]],["parent/3574",[1480,5.977]],["name/3575",[22,42.451]],["parent/3575",[1480,5.977]],["name/3576",[23,28.068]],["parent/3576",[1480,5.977]],["name/3577",[33,60.449]],["parent/3577",[]],["name/3578",[930,62.562]],["parent/3578",[]],["name/3579",[920,61.45]],["parent/3579",[]],["name/3580",[23,28.068]],["parent/3580",[920,5.755]],["name/3581",[33,60.449]],["parent/3581",[1482,6.111]],["name/3582",[23,28.068]],["parent/3582",[1482,6.111]],["name/3583",[498,68.923]],["parent/3583",[1482,6.111]],["name/3584",[23,28.068]],["parent/3584",[1482,6.111]],["name/3585",[930,62.562]],["parent/3585",[1482,6.111]],["name/3586",[23,28.068]],["parent/3586",[1482,6.111]],["name/3587",[920,61.45]],["parent/3587",[]],["name/3588",[1483,79.91]],["parent/3588",[920,5.755]],["name/3589",[72,57.935]],["parent/3589",[1484,5.498]],["name/3590",[25,44.545]],["parent/3590",[1484,5.498]],["name/3591",[17,51.19]],["parent/3591",[1484,5.498]],["name/3592",[1245,63.814]],["parent/3592",[1484,5.498]],["name/3593",[1247,63.814]],["parent/3593",[1484,5.498]],["name/3594",[1485,74.801]],["parent/3594",[1484,5.498]],["name/3595",[446,66.916]],["parent/3595",[1484,5.498]],["name/3596",[448,66.916]],["parent/3596",[1484,5.498]],["name/3597",[444,68.923]],["parent/3597",[1484,5.498]],["name/3598",[10,36.127]],["parent/3598",[1484,5.498]],["name/3599",[1246,63.814]],["parent/3599",[1484,5.498]],["name/3600",[19,49.784]],["parent/3600",[1484,5.498]],["name/3601",[1486,79.91]],["parent/3601",[920,5.755]],["name/3602",[1248,65.245]],["parent/3602",[1487,5.426]],["name/3603",[72,57.935]],["parent/3603",[1487,5.426]],["name/3604",[25,44.545]],["parent/3604",[1487,5.426]],["name/3605",[17,51.19]],["parent/3605",[1487,5.426]],["name/3606",[1245,63.814]],["parent/3606",[1487,5.426]],["name/3607",[1247,63.814]],["parent/3607",[1487,5.426]],["name/3608",[1485,74.801]],["parent/3608",[1487,5.426]],["name/3609",[446,66.916]],["parent/3609",[1487,5.426]],["name/3610",[448,66.916]],["parent/3610",[1487,5.426]],["name/3611",[444,68.923]],["parent/3611",[1487,5.426]],["name/3612",[10,36.127]],["parent/3612",[1487,5.426]],["name/3613",[1246,63.814]],["parent/3613",[1487,5.426]],["name/3614",[19,49.784]],["parent/3614",[1487,5.426]],["name/3615",[498,68.923]],["parent/3615",[]],["name/3616",[1488,79.91]],["parent/3616",[]],["name/3617",[1489,54.784]],["parent/3617",[]],["name/3618",[10,36.127]],["parent/3618",[1489,5.131]],["name/3619",[1490,74.801]],["parent/3619",[1489,5.131]],["name/3620",[1491,74.801]],["parent/3620",[1489,5.131]],["name/3621",[1492,74.801]],["parent/3621",[1489,5.131]],["name/3622",[1445,66.916]],["parent/3622",[1489,5.131]],["name/3623",[1493,79.91]],["parent/3623",[1489,5.131]],["name/3624",[1494,74.801]],["parent/3624",[1489,5.131]],["name/3625",[1495,74.801]],["parent/3625",[1489,5.131]],["name/3626",[1496,74.801]],["parent/3626",[1489,5.131]],["name/3627",[1497,74.801]],["parent/3627",[1489,5.131]],["name/3628",[23,28.068]],["parent/3628",[1489,5.131]],["name/3629",[1498,74.801]],["parent/3629",[1499,7.006]],["name/3630",[1500,74.801]],["parent/3630",[1499,7.006]],["name/3631",[1501,74.801]],["parent/3631",[1489,5.131]],["name/3632",[1502,74.801]],["parent/3632",[1489,5.131]],["name/3633",[84,42.935]],["parent/3633",[1489,5.131]],["name/3634",[6,46.234]],["parent/3634",[1489,5.131]],["name/3635",[1503,74.801]],["parent/3635",[1489,5.131]],["name/3636",[1504,74.801]],["parent/3636",[1489,5.131]],["name/3637",[1505,71.436]],["parent/3637",[]],["name/3638",[1506,74.801]],["parent/3638",[1505,6.69]],["name/3639",[1177,66.916]],["parent/3639",[1505,6.69]],["name/3640",[1507,47.988]],["parent/3640",[]],["name/3641",[35,43.619]],["parent/3641",[1507,4.494]],["name/3642",[23,28.068]],["parent/3642",[1507,4.494]],["name/3643",[10,36.127]],["parent/3643",[1508,5.183]],["name/3644",[1490,74.801]],["parent/3644",[1508,5.183]],["name/3645",[1491,74.801]],["parent/3645",[1508,5.183]],["name/3646",[1492,74.801]],["parent/3646",[1508,5.183]],["name/3647",[1445,66.916]],["parent/3647",[1508,5.183]],["name/3648",[1495,74.801]],["parent/3648",[1508,5.183]],["name/3649",[1494,74.801]],["parent/3649",[1508,5.183]],["name/3650",[1496,74.801]],["parent/3650",[1508,5.183]],["name/3651",[1501,74.801]],["parent/3651",[1508,5.183]],["name/3652",[1502,74.801]],["parent/3652",[1508,5.183]],["name/3653",[1497,74.801]],["parent/3653",[1508,5.183]],["name/3654",[23,28.068]],["parent/3654",[1508,5.183]],["name/3655",[1498,74.801]],["parent/3655",[1509,7.006]],["name/3656",[1500,74.801]],["parent/3656",[1509,7.006]],["name/3657",[1503,74.801]],["parent/3657",[1508,5.183]],["name/3658",[23,28.068]],["parent/3658",[1508,5.183]],["name/3659",[1504,74.801]],["parent/3659",[1508,5.183]],["name/3660",[23,28.068]],["parent/3660",[1508,5.183]],["name/3661",[99,56.554]],["parent/3661",[1507,4.494]],["name/3662",[21,41.264]],["parent/3662",[1507,4.494]],["name/3663",[1507,47.988]],["parent/3663",[1507,4.494]],["name/3664",[1510,79.91]],["parent/3664",[1507,4.494]],["name/3665",[1511,79.91]],["parent/3665",[1507,4.494]],["name/3666",[1512,79.91]],["parent/3666",[1507,4.494]],["name/3667",[1513,79.91]],["parent/3667",[1507,4.494]],["name/3668",[1514,79.91]],["parent/3668",[1507,4.494]],["name/3669",[37,54.784]],["parent/3669",[1507,4.494]],["name/3670",[23,28.068]],["parent/3670",[1507,4.494]],["name/3671",[1506,74.801]],["parent/3671",[1508,5.183]],["name/3672",[1515,79.91]],["parent/3672",[1507,4.494]],["name/3673",[1516,79.91]],["parent/3673",[1507,4.494]],["name/3674",[1517,79.91]],["parent/3674",[1507,4.494]],["name/3675",[1518,79.91]],["parent/3675",[1507,4.494]],["name/3676",[1519,79.91]],["parent/3676",[1507,4.494]],["name/3677",[1520,79.91]],["parent/3677",[1507,4.494]],["name/3678",[946,74.801]],["parent/3678",[1507,4.494]],["name/3679",[945,74.801]],["parent/3679",[1507,4.494]],["name/3680",[1521,79.91]],["parent/3680",[1507,4.494]],["name/3681",[1522,79.91]],["parent/3681",[1507,4.494]],["name/3682",[1523,79.91]],["parent/3682",[1507,4.494]],["name/3683",[1524,79.91]],["parent/3683",[1507,4.494]],["name/3684",[1525,79.91]],["parent/3684",[1507,4.494]],["name/3685",[1526,79.91]],["parent/3685",[1507,4.494]],["name/3686",[1527,79.91]],["parent/3686",[1507,4.494]],["name/3687",[1528,79.91]],["parent/3687",[1507,4.494]],["name/3688",[1529,79.91]],["parent/3688",[1507,4.494]],["name/3689",[44,54.784]],["parent/3689",[1507,4.494]],["name/3690",[64,57.935]],["parent/3690",[1507,4.494]],["name/3691",[45,58.705]],["parent/3691",[1507,4.494]],["name/3692",[22,42.451]],["parent/3692",[1507,4.494]],["name/3693",[23,28.068]],["parent/3693",[1507,4.494]],["name/3694",[1530,61.45]],["parent/3694",[]],["name/3695",[275,66.916]],["parent/3695",[1530,5.755]],["name/3696",[84,42.935]],["parent/3696",[1530,5.755]],["name/3697",[75,41.989]],["parent/3697",[1530,5.755]],["name/3698",[1531,79.91]],["parent/3698",[1530,5.755]],["name/3699",[1532,79.91]],["parent/3699",[1530,5.755]],["name/3700",[26,54.784]],["parent/3700",[1530,5.755]],["name/3701",[115,49.462]],["parent/3701",[1530,5.755]],["name/3702",[10,36.127]],["parent/3702",[1530,5.755]],["name/3703",[921,57.935]],["parent/3703",[]],["name/3704",[35,43.619]],["parent/3704",[921,5.426]],["name/3705",[23,28.068]],["parent/3705",[921,5.426]],["name/3706",[115,49.462]],["parent/3706",[1533,7.484]],["name/3707",[98,53.758]],["parent/3707",[921,5.426]],["name/3708",[21,41.264]],["parent/3708",[921,5.426]],["name/3709",[100,53.281]],["parent/3709",[921,5.426]],["name/3710",[326,68.923]],["parent/3710",[921,5.426]],["name/3711",[22,42.451]],["parent/3711",[921,5.426]],["name/3712",[23,28.068]],["parent/3712",[921,5.426]],["name/3713",[1534,55.34]],["parent/3713",[]],["name/3714",[1535,74.801]],["parent/3714",[1534,5.183]],["name/3715",[23,28.068]],["parent/3715",[1534,5.183]],["name/3716",[35,43.619]],["parent/3716",[1534,5.183]],["name/3717",[21,41.264]],["parent/3717",[1534,5.183]],["name/3718",[1536,74.801]],["parent/3718",[1534,5.183]],["name/3719",[1537,74.801]],["parent/3719",[1534,5.183]],["name/3720",[1538,74.801]],["parent/3720",[1534,5.183]],["name/3721",[1539,74.801]],["parent/3721",[1534,5.183]],["name/3722",[1540,74.801]],["parent/3722",[1534,5.183]],["name/3723",[1541,74.801]],["parent/3723",[1534,5.183]],["name/3724",[1542,74.801]],["parent/3724",[1534,5.183]],["name/3725",[22,42.451]],["parent/3725",[1534,5.183]],["name/3726",[23,28.068]],["parent/3726",[1534,5.183]],["name/3727",[1543,74.801]],["parent/3727",[]],["name/3728",[1544,74.801]],["parent/3728",[1543,7.006]],["name/3729",[1545,68.923]],["parent/3729",[]],["name/3730",[1546,63.814]],["parent/3730",[1545,6.455]],["name/3731",[1547,66.916]],["parent/3731",[1545,6.455]],["name/3732",[1548,66.916]],["parent/3732",[1545,6.455]],["name/3733",[1549,63.814]],["parent/3733",[]],["name/3734",[811,65.245]],["parent/3734",[1549,5.977]],["name/3735",[17,51.19]],["parent/3735",[1549,5.977]],["name/3736",[75,41.989]],["parent/3736",[1549,5.977]],["name/3737",[10,36.127]],["parent/3737",[1549,5.977]],["name/3738",[1546,63.814]],["parent/3738",[1549,5.977]],["name/3739",[1550,65.245]],["parent/3739",[1549,5.977]],["name/3740",[1551,79.91]],["parent/3740",[]],["name/3741",[1552,58.705]],["parent/3741",[]],["name/3742",[1553,71.436]],["parent/3742",[1552,5.498]],["name/3743",[1554,74.801]],["parent/3743",[1552,5.498]],["name/3744",[1555,79.91]],["parent/3744",[1552,5.498]],["name/3745",[1550,65.245]],["parent/3745",[1552,5.498]],["name/3746",[811,65.245]],["parent/3746",[1552,5.498]],["name/3747",[17,51.19]],["parent/3747",[1552,5.498]],["name/3748",[75,41.989]],["parent/3748",[1552,5.498]],["name/3749",[10,36.127]],["parent/3749",[1552,5.498]],["name/3750",[1546,63.814]],["parent/3750",[1552,5.498]],["name/3751",[1547,66.916]],["parent/3751",[1552,5.498]],["name/3752",[1548,66.916]],["parent/3752",[1552,5.498]],["name/3753",[1556,79.91]],["parent/3753",[]],["name/3754",[1557,79.91]],["parent/3754",[]],["name/3755",[1558,79.91]],["parent/3755",[]],["name/3756",[1559,61.45]],["parent/3756",[]],["name/3757",[531,58.705]],["parent/3757",[1559,5.755]],["name/3758",[1560,79.91]],["parent/3758",[1559,5.755]],["name/3759",[10,36.127]],["parent/3759",[1559,5.755]],["name/3760",[75,41.989]],["parent/3760",[1559,5.755]],["name/3761",[1553,71.436]],["parent/3761",[1559,5.755]],["name/3762",[1554,74.801]],["parent/3762",[1559,5.755]],["name/3763",[1546,63.814]],["parent/3763",[1559,5.755]],["name/3764",[1550,65.245]],["parent/3764",[1559,5.755]],["name/3765",[1561,79.91]],["parent/3765",[]],["name/3766",[1562,79.91]],["parent/3766",[]],["name/3767",[1563,62.562]],["parent/3767",[]],["name/3768",[84,42.935]],["parent/3768",[1563,5.859]],["name/3769",[1564,68.923]],["parent/3769",[1563,5.859]],["name/3770",[10,36.127]],["parent/3770",[1563,5.859]],["name/3771",[1534,55.34]],["parent/3771",[1563,5.859]],["name/3772",[1565,71.436]],["parent/3772",[1563,5.859]],["name/3773",[1566,71.436]],["parent/3773",[1563,5.859]],["name/3774",[6,46.234]],["parent/3774",[1563,5.859]],["name/3775",[1567,54.258]],["parent/3775",[]],["name/3776",[1568,63.814]],["parent/3776",[1567,5.082]],["name/3777",[1569,74.801]],["parent/3777",[1567,5.082]],["name/3778",[1550,65.245]],["parent/3778",[1567,5.082]],["name/3779",[1570,74.801]],["parent/3779",[1567,5.082]],["name/3780",[1571,74.801]],["parent/3780",[1567,5.082]],["name/3781",[25,44.545]],["parent/3781",[1567,5.082]],["name/3782",[1572,74.801]],["parent/3782",[1567,5.082]],["name/3783",[1573,79.91]],["parent/3783",[1567,5.082]],["name/3784",[84,42.935]],["parent/3784",[1567,5.082]],["name/3785",[1564,68.923]],["parent/3785",[1567,5.082]],["name/3786",[10,36.127]],["parent/3786",[1567,5.082]],["name/3787",[1534,55.34]],["parent/3787",[1567,5.082]],["name/3788",[1565,71.436]],["parent/3788",[1567,5.082]],["name/3789",[1566,71.436]],["parent/3789",[1567,5.082]],["name/3790",[6,46.234]],["parent/3790",[1567,5.082]],["name/3791",[1546,63.814]],["parent/3791",[1567,5.082]],["name/3792",[1547,66.916]],["parent/3792",[1567,5.082]],["name/3793",[1548,66.916]],["parent/3793",[1567,5.082]],["name/3794",[1574,61.45]],["parent/3794",[]],["name/3795",[1575,74.801]],["parent/3795",[1574,5.755]],["name/3796",[84,42.935]],["parent/3796",[1574,5.755]],["name/3797",[1564,68.923]],["parent/3797",[1574,5.755]],["name/3798",[10,36.127]],["parent/3798",[1574,5.755]],["name/3799",[1534,55.34]],["parent/3799",[1574,5.755]],["name/3800",[1565,71.436]],["parent/3800",[1574,5.755]],["name/3801",[1566,71.436]],["parent/3801",[1574,5.755]],["name/3802",[6,46.234]],["parent/3802",[1574,5.755]],["name/3803",[1576,71.436]],["parent/3803",[]],["name/3804",[84,42.935]],["parent/3804",[1576,6.69]],["name/3805",[1577,71.436]],["parent/3805",[1576,6.69]],["name/3806",[1578,55.929]],["parent/3806",[]],["name/3807",[1568,63.814]],["parent/3807",[1578,5.238]],["name/3808",[1550,65.245]],["parent/3808",[1578,5.238]],["name/3809",[1570,74.801]],["parent/3809",[1578,5.238]],["name/3810",[1571,74.801]],["parent/3810",[1578,5.238]],["name/3811",[25,44.545]],["parent/3811",[1578,5.238]],["name/3812",[1572,74.801]],["parent/3812",[1578,5.238]],["name/3813",[1569,74.801]],["parent/3813",[1578,5.238]],["name/3814",[1564,68.923]],["parent/3814",[1578,5.238]],["name/3815",[10,36.127]],["parent/3815",[1578,5.238]],["name/3816",[59,43.619]],["parent/3816",[1578,5.238]],["name/3817",[84,42.935]],["parent/3817",[1578,5.238]],["name/3818",[1577,71.436]],["parent/3818",[1578,5.238]],["name/3819",[1546,63.814]],["parent/3819",[1578,5.238]],["name/3820",[1547,66.916]],["parent/3820",[1578,5.238]],["name/3821",[1548,66.916]],["parent/3821",[1578,5.238]],["name/3822",[1579,74.801]],["parent/3822",[]],["name/3823",[816,68.923]],["parent/3823",[1579,7.006]],["name/3824",[1580,68.923]],["parent/3824",[]],["name/3825",[1575,74.801]],["parent/3825",[1580,6.455]],["name/3826",[84,42.935]],["parent/3826",[1580,6.455]],["name/3827",[1577,71.436]],["parent/3827",[1580,6.455]],["name/3828",[1581,60.449]],["parent/3828",[]],["name/3829",[531,58.705]],["parent/3829",[1581,5.661]],["name/3830",[373,74.801]],["parent/3830",[1581,5.661]],["name/3831",[1568,63.814]],["parent/3831",[1581,5.661]],["name/3832",[1553,71.436]],["parent/3832",[1581,5.661]],["name/3833",[75,41.989]],["parent/3833",[1581,5.661]],["name/3834",[1550,65.245]],["parent/3834",[1581,5.661]],["name/3835",[1546,63.814]],["parent/3835",[1581,5.661]],["name/3836",[1547,66.916]],["parent/3836",[1581,5.661]],["name/3837",[1548,66.916]],["parent/3837",[1581,5.661]],["name/3838",[1582,56.554]],["parent/3838",[]],["name/3839",[1535,74.801]],["parent/3839",[1582,5.297]],["name/3840",[23,28.068]],["parent/3840",[1582,5.297]],["name/3841",[1544,74.801]],["parent/3841",[1582,5.297]],["name/3842",[35,43.619]],["parent/3842",[1582,5.297]],["name/3843",[21,41.264]],["parent/3843",[1582,5.297]],["name/3844",[1536,74.801]],["parent/3844",[1582,5.297]],["name/3845",[1537,74.801]],["parent/3845",[1582,5.297]],["name/3846",[1538,74.801]],["parent/3846",[1582,5.297]],["name/3847",[1539,74.801]],["parent/3847",[1582,5.297]],["name/3848",[1540,74.801]],["parent/3848",[1582,5.297]],["name/3849",[1541,74.801]],["parent/3849",[1582,5.297]],["name/3850",[1542,74.801]],["parent/3850",[1582,5.297]],["name/3851",[22,42.451]],["parent/3851",[1582,5.297]],["name/3852",[23,28.068]],["parent/3852",[1582,5.297]],["name/3853",[1583,59.539]],["parent/3853",[]],["name/3854",[1584,79.91]],["parent/3854",[1583,5.576]],["name/3855",[27,63.814]],["parent/3855",[1583,5.576]],["name/3856",[1585,71.436]],["parent/3856",[1583,5.576]],["name/3857",[14,65.245]],["parent/3857",[1583,5.576]],["name/3858",[19,49.784]],["parent/3858",[1583,5.576]],["name/3859",[59,43.619]],["parent/3859",[1583,5.576]],["name/3860",[1586,79.91]],["parent/3860",[1583,5.576]],["name/3861",[199,51.975]],["parent/3861",[1583,5.576]],["name/3862",[115,49.462]],["parent/3862",[1583,5.576]],["name/3863",[23,28.068]],["parent/3863",[1583,5.576]],["name/3864",[1454,71.436]],["parent/3864",[]],["name/3865",[1587,63.814]],["parent/3865",[]],["name/3866",[1588,79.91]],["parent/3866",[1587,5.977]],["name/3867",[19,49.784]],["parent/3867",[1587,5.977]],["name/3868",[59,43.619]],["parent/3868",[1587,5.977]],["name/3869",[23,28.068]],["parent/3869",[1587,5.977]],["name/3870",[199,51.975]],["parent/3870",[1587,5.977]],["name/3871",[1585,71.436]],["parent/3871",[1587,5.977]],["name/3872",[1589,79.91]],["parent/3872",[]],["name/3873",[1590,62.562]],["parent/3873",[]],["name/3874",[367,74.801]],["parent/3874",[1590,5.859]],["name/3875",[84,42.935]],["parent/3875",[1590,5.859]],["name/3876",[19,49.784]],["parent/3876",[1590,5.859]],["name/3877",[59,43.619]],["parent/3877",[1590,5.859]],["name/3878",[23,28.068]],["parent/3878",[1590,5.859]],["name/3879",[199,51.975]],["parent/3879",[1590,5.859]],["name/3880",[1585,71.436]],["parent/3880",[1590,5.859]],["name/3881",[1591,79.91]],["parent/3881",[]],["name/3882",[1592,79.91]],["parent/3882",[]],["name/3883",[1593,55.929]],["parent/3883",[]],["name/3884",[25,44.545]],["parent/3884",[1593,5.238]],["name/3885",[14,65.245]],["parent/3885",[1593,5.238]],["name/3886",[15,71.436]],["parent/3886",[1593,5.238]],["name/3887",[16,71.436]],["parent/3887",[1593,5.238]],["name/3888",[17,51.19]],["parent/3888",[1593,5.238]],["name/3889",[18,68.923]],["parent/3889",[1593,5.238]],["name/3890",[19,49.784]],["parent/3890",[1593,5.238]],["name/3891",[23,28.068]],["parent/3891",[1593,5.238]],["name/3892",[29,71.436]],["parent/3892",[1593,5.238]],["name/3893",[26,54.784]],["parent/3893",[1593,5.238]],["name/3894",[27,63.814]],["parent/3894",[1593,5.238]],["name/3895",[28,56.554]],["parent/3895",[1593,5.238]],["name/3896",[30,55.929]],["parent/3896",[1593,5.238]],["name/3897",[31,74.801]],["parent/3897",[1593,5.238]],["name/3898",[32,66.916]],["parent/3898",[1593,5.238]],["name/3899",[1594,79.91]],["parent/3899",[]],["name/3900",[1595,74.801]],["parent/3900",[]],["name/3901",[23,28.068]],["parent/3901",[1595,7.006]],["name/3902",[1596,74.801]],["parent/3902",[]],["name/3903",[23,28.068]],["parent/3903",[1596,7.006]],["name/3904",[1597,79.91]],["parent/3904",[]],["name/3905",[1598,79.91]],["parent/3905",[]],["name/3906",[1599,55.34]],["parent/3906",[]],["name/3907",[1600,79.91]],["parent/3907",[1599,5.183]],["name/3908",[1417,74.801]],["parent/3908",[1599,5.183]],["name/3909",[1601,79.91]],["parent/3909",[1599,5.183]],["name/3910",[34,74.801]],["parent/3910",[1599,5.183]],["name/3911",[1602,79.91]],["parent/3911",[1599,5.183]],["name/3912",[1603,79.91]],["parent/3912",[1599,5.183]],["name/3913",[1604,79.91]],["parent/3913",[1599,5.183]],["name/3914",[1605,79.91]],["parent/3914",[1599,5.183]],["name/3915",[1606,79.91]],["parent/3915",[1599,5.183]],["name/3916",[1607,79.91]],["parent/3916",[1599,5.183]],["name/3917",[1608,79.91]],["parent/3917",[1599,5.183]],["name/3918",[1609,79.91]],["parent/3918",[1599,5.183]],["name/3919",[1610,79.91]],["parent/3919",[1599,5.183]],["name/3920",[10,36.127]],["parent/3920",[1599,5.183]],["name/3921",[1611,79.91]],["parent/3921",[1599,5.183]],["name/3922",[23,28.068]],["parent/3922",[1599,5.183]],["name/3923",[1612,58.705]],["parent/3923",[]],["name/3924",[115,49.462]],["parent/3924",[1612,5.498]],["name/3925",[1613,71.436]],["parent/3925",[1612,5.498]],["name/3926",[1614,71.436]],["parent/3926",[1612,5.498]],["name/3927",[330,66.916]],["parent/3927",[1612,5.498]],["name/3928",[1615,71.436]],["parent/3928",[1612,5.498]],["name/3929",[1616,71.436]],["parent/3929",[1612,5.498]],["name/3930",[209,63.814]],["parent/3930",[1612,5.498]],["name/3931",[1617,74.801]],["parent/3931",[1612,5.498]],["name/3932",[10,36.127]],["parent/3932",[1612,5.498]],["name/3933",[59,43.619]],["parent/3933",[1612,5.498]],["name/3934",[25,44.545]],["parent/3934",[1612,5.498]],["name/3935",[1618,58.705]],["parent/3935",[]],["name/3936",[35,43.619]],["parent/3936",[1618,5.498]],["name/3937",[23,28.068]],["parent/3937",[1618,5.498]],["name/3938",[1613,71.436]],["parent/3938",[1619,6.111]],["name/3939",[1614,71.436]],["parent/3939",[1619,6.111]],["name/3940",[1615,71.436]],["parent/3940",[1619,6.111]],["name/3941",[1616,71.436]],["parent/3941",[1619,6.111]],["name/3942",[21,41.264]],["parent/3942",[1618,5.498]],["name/3943",[1275,48.266]],["parent/3943",[1618,5.498]],["name/3944",[1620,79.91]],["parent/3944",[1618,5.498]],["name/3945",[23,28.068]],["parent/3945",[1618,5.498]],["name/3946",[884,74.801]],["parent/3946",[1619,6.111]],["name/3947",[885,74.801]],["parent/3947",[1619,6.111]],["name/3948",[1621,79.91]],["parent/3948",[1618,5.498]],["name/3949",[140,55.34]],["parent/3949",[1618,5.498]],["name/3950",[1424,71.436]],["parent/3950",[1618,5.498]],["name/3951",[22,42.451]],["parent/3951",[1618,5.498]],["name/3952",[23,28.068]],["parent/3952",[1618,5.498]],["name/3953",[1622,57.221]],["parent/3953",[]],["name/3954",[531,58.705]],["parent/3954",[1622,5.359]],["name/3955",[1340,63.814]],["parent/3955",[1622,5.359]],["name/3956",[115,49.462]],["parent/3956",[1622,5.359]],["name/3957",[1613,71.436]],["parent/3957",[1622,5.359]],["name/3958",[1614,71.436]],["parent/3958",[1622,5.359]],["name/3959",[330,66.916]],["parent/3959",[1622,5.359]],["name/3960",[1615,71.436]],["parent/3960",[1622,5.359]],["name/3961",[1616,71.436]],["parent/3961",[1622,5.359]],["name/3962",[209,63.814]],["parent/3962",[1622,5.359]],["name/3963",[1617,74.801]],["parent/3963",[1622,5.359]],["name/3964",[10,36.127]],["parent/3964",[1622,5.359]],["name/3965",[59,43.619]],["parent/3965",[1622,5.359]],["name/3966",[25,44.545]],["parent/3966",[1622,5.359]],["name/3967",[1623,65.245]],["parent/3967",[]],["name/3968",[115,49.462]],["parent/3968",[1623,6.111]],["name/3969",[1624,60.449]],["parent/3969",[1623,6.111]],["name/3970",[25,44.545]],["parent/3970",[1623,6.111]],["name/3971",[10,36.127]],["parent/3971",[1623,6.111]],["name/3972",[59,43.619]],["parent/3972",[1623,6.111]],["name/3973",[1624,60.449]],["parent/3973",[]],["name/3974",[35,43.619]],["parent/3974",[1624,5.661]],["name/3975",[23,28.068]],["parent/3975",[1624,5.661]],["name/3976",[25,44.545]],["parent/3976",[1625,6.455]],["name/3977",[115,49.462]],["parent/3977",[1625,6.455]],["name/3978",[59,43.619]],["parent/3978",[1625,6.455]],["name/3979",[23,28.068]],["parent/3979",[1625,6.455]],["name/3980",[155,66.916]],["parent/3980",[1624,5.661]],["name/3981",[1626,79.91]],["parent/3981",[1624,5.661]],["name/3982",[21,41.264]],["parent/3982",[1624,5.661]],["name/3983",[1627,79.91]],["parent/3983",[1624,5.661]],["name/3984",[22,42.451]],["parent/3984",[1624,5.661]],["name/3985",[23,28.068]],["parent/3985",[1624,5.661]],["name/3986",[1628,58.705]],["parent/3986",[]],["name/3987",[17,51.19]],["parent/3987",[1628,5.498]],["name/3988",[59,43.619]],["parent/3988",[1628,5.498]],["name/3989",[140,55.34]],["parent/3989",[1628,5.498]],["name/3990",[1236,58.705]],["parent/3990",[1628,5.498]],["name/3991",[1237,63.814]],["parent/3991",[1628,5.498]],["name/3992",[10,36.127]],["parent/3992",[1628,5.498]],["name/3993",[1244,59.539]],["parent/3993",[1628,5.498]],["name/3994",[199,51.975]],["parent/3994",[1628,5.498]],["name/3995",[200,57.221]],["parent/3995",[1628,5.498]],["name/3996",[6,46.234]],["parent/3996",[1628,5.498]],["name/3997",[1255,68.923]],["parent/3997",[1628,5.498]],["name/3998",[139,60.449]],["parent/3998",[]],["name/3999",[35,43.619]],["parent/3999",[139,5.661]],["name/4000",[23,28.068]],["parent/4000",[139,5.661]],["name/4001",[288,61.45]],["parent/4001",[1629,6.267]],["name/4002",[140,55.34]],["parent/4002",[1629,6.267]],["name/4003",[1236,58.705]],["parent/4003",[1629,6.267]],["name/4004",[1237,63.814]],["parent/4004",[1629,6.267]],["name/4005",[1244,59.539]],["parent/4005",[1629,6.267]],["name/4006",[21,41.264]],["parent/4006",[139,5.661]],["name/4007",[1424,71.436]],["parent/4007",[139,5.661]],["name/4008",[1630,74.801]],["parent/4008",[139,5.661]],["name/4009",[1271,66.916]],["parent/4009",[139,5.661]],["name/4010",[22,42.451]],["parent/4010",[139,5.661]],["name/4011",[23,28.068]],["parent/4011",[139,5.661]],["name/4012",[1631,79.91]],["parent/4012",[]],["name/4013",[925,63.814]],["parent/4013",[]],["name/4014",[925,63.814]],["parent/4014",[]],["name/4015",[35,43.619]],["parent/4015",[925,5.977]],["name/4016",[1632,79.91]],["parent/4016",[]],["name/4017",[1633,74.801]],["parent/4017",[]],["name/4018",[75,41.989]],["parent/4018",[1633,7.006]],["name/4019",[1634,79.91]],["parent/4019",[]],["name/4020",[1635,66.916]],["parent/4020",[]],["name/4021",[1636,71.436]],["parent/4021",[1635,6.267]],["name/4022",[1637,79.91]],["parent/4022",[1635,6.267]],["name/4023",[715,65.245]],["parent/4023",[1635,6.267]],["name/4024",[1638,68.923]],["parent/4024",[1635,6.267]],["name/4025",[1639,57.221]],["parent/4025",[]],["name/4026",[17,51.19]],["parent/4026",[1639,5.359]],["name/4027",[715,65.245]],["parent/4027",[1639,5.359]],["name/4028",[1640,79.91]],["parent/4028",[1639,5.359]],["name/4029",[778,74.801]],["parent/4029",[1639,5.359]],["name/4030",[1638,68.923]],["parent/4030",[1639,5.359]],["name/4031",[1641,79.91]],["parent/4031",[1639,5.359]],["name/4032",[1642,79.91]],["parent/4032",[1639,5.359]],["name/4033",[960,74.801]],["parent/4033",[1639,5.359]],["name/4034",[87,66.916]],["parent/4034",[1639,5.359]],["name/4035",[229,71.436]],["parent/4035",[1639,5.359]],["name/4036",[1643,74.801]],["parent/4036",[1639,5.359]],["name/4037",[916,52.392]],["parent/4037",[1639,5.359]],["name/4038",[75,41.989]],["parent/4038",[1639,5.359]],["name/4039",[1644,79.91]],["parent/4039",[]],["name/4040",[1645,66.916]],["parent/4040",[]],["name/4041",[715,65.245]],["parent/4041",[1645,6.267]],["name/4042",[75,41.989]],["parent/4042",[1645,6.267]],["name/4043",[1643,74.801]],["parent/4043",[1645,6.267]],["name/4044",[84,42.935]],["parent/4044",[1645,6.267]],["name/4045",[1646,68.923]],["parent/4045",[]],["name/4046",[1638,68.923]],["parent/4046",[1646,6.455]],["name/4047",[1636,71.436]],["parent/4047",[1646,6.455]],["name/4048",[1647,79.91]],["parent/4048",[1646,6.455]],["name/4049",[1648,63.814]],["parent/4049",[]],["name/4050",[1636,71.436]],["parent/4050",[1648,5.977]],["name/4051",[1638,68.923]],["parent/4051",[1648,5.977]],["name/4052",[1649,79.91]],["parent/4052",[1648,5.977]],["name/4053",[1650,79.91]],["parent/4053",[1648,5.977]],["name/4054",[1651,79.91]],["parent/4054",[1648,5.977]],["name/4055",[1652,79.91]],["parent/4055",[1648,5.977]],["name/4056",[1653,79.91]],["parent/4056",[]],["name/4057",[1654,79.91]],["parent/4057",[]],["name/4058",[1655,66.916]],["parent/4058",[]],["name/4059",[531,58.705]],["parent/4059",[1655,6.267]],["name/4060",[17,51.19]],["parent/4060",[1655,6.267]],["name/4061",[6,46.234]],["parent/4061",[1655,6.267]],["name/4062",[1656,79.91]],["parent/4062",[1655,6.267]],["name/4063",[1657,71.436]],["parent/4063",[]],["name/4064",[1658,79.91]],["parent/4064",[1657,6.69]],["name/4065",[1659,79.91]],["parent/4065",[1657,6.69]],["name/4066",[1660,79.91]],["parent/4066",[]],["name/4067",[1661,79.91]],["parent/4067",[]],["name/4068",[1662,66.916]],["parent/4068",[]],["name/4069",[168,52.827]],["parent/4069",[1662,6.267]],["name/4070",[30,55.929]],["parent/4070",[1662,6.267]],["name/4071",[192,66.916]],["parent/4071",[1662,6.267]],["name/4072",[1663,79.91]],["parent/4072",[1662,6.267]],["name/4073",[1664,65.245]],["parent/4073",[]],["name/4074",[1665,79.91]],["parent/4074",[1664,6.111]],["name/4075",[75,41.989]],["parent/4075",[1664,6.111]],["name/4076",[1666,79.91]],["parent/4076",[1664,6.111]],["name/4077",[1667,79.91]],["parent/4077",[1664,6.111]],["name/4078",[1668,79.91]],["parent/4078",[1664,6.111]],["name/4079",[1669,51.975]],["parent/4079",[]],["name/4080",[22,42.451]],["parent/4080",[1669,4.868]],["name/4081",[1670,79.91]],["parent/4081",[1669,4.868]],["name/4082",[1671,74.801]],["parent/4082",[1669,4.868]],["name/4083",[1672,79.91]],["parent/4083",[1669,4.868]],["name/4084",[115,49.462]],["parent/4084",[1669,4.868]],["name/4085",[1673,79.91]],["parent/4085",[1669,4.868]],["name/4086",[791,74.801]],["parent/4086",[1669,4.868]],["name/4087",[1674,74.801]],["parent/4087",[1669,4.868]],["name/4088",[85,63.814]],["parent/4088",[1669,4.868]],["name/4089",[1675,74.801]],["parent/4089",[1669,4.868]],["name/4090",[1138,65.245]],["parent/4090",[1669,4.868]],["name/4091",[1676,74.801]],["parent/4091",[1669,4.868]],["name/4092",[1677,79.91]],["parent/4092",[1669,4.868]],["name/4093",[1678,79.91]],["parent/4093",[1669,4.868]],["name/4094",[82,71.436]],["parent/4094",[1669,4.868]],["name/4095",[1679,74.801]],["parent/4095",[1669,4.868]],["name/4096",[1680,74.801]],["parent/4096",[1669,4.868]],["name/4097",[1681,74.801]],["parent/4097",[1669,4.868]],["name/4098",[1682,79.91]],["parent/4098",[1669,4.868]],["name/4099",[1683,79.91]],["parent/4099",[1669,4.868]],["name/4100",[1684,79.91]],["parent/4100",[1669,4.868]],["name/4101",[1021,74.801]],["parent/4101",[1669,4.868]],["name/4102",[1685,79.91]],["parent/4102",[1669,4.868]],["name/4103",[1686,60.449]],["parent/4103",[]],["name/4104",[1177,66.916]],["parent/4104",[1686,5.661]],["name/4105",[1687,53.758]],["parent/4105",[1686,5.661]],["name/4106",[1688,79.91]],["parent/4106",[1686,5.661]],["name/4107",[1689,79.91]],["parent/4107",[1686,5.661]],["name/4108",[1690,79.91]],["parent/4108",[1686,5.661]],["name/4109",[1691,79.91]],["parent/4109",[1686,5.661]],["name/4110",[1680,74.801]],["parent/4110",[1686,5.661]],["name/4111",[1692,79.91]],["parent/4111",[1686,5.661]],["name/4112",[1138,65.245]],["parent/4112",[1686,5.661]],["name/4113",[1687,53.758]],["parent/4113",[]],["name/4114",[35,43.619]],["parent/4114",[1687,5.035]],["name/4115",[23,28.068]],["parent/4115",[1687,5.035]],["name/4116",[1674,74.801]],["parent/4116",[1693,6.111]],["name/4117",[1679,74.801]],["parent/4117",[1693,6.111]],["name/4118",[1671,74.801]],["parent/4118",[1693,6.111]],["name/4119",[1681,74.801]],["parent/4119",[1693,6.111]],["name/4120",[1675,74.801]],["parent/4120",[1693,6.111]],["name/4121",[115,49.462]],["parent/4121",[1693,6.111]],["name/4122",[99,56.554]],["parent/4122",[1687,5.035]],["name/4123",[21,41.264]],["parent/4123",[1687,5.035]],["name/4124",[1694,79.91]],["parent/4124",[1687,5.035]],["name/4125",[1138,65.245]],["parent/4125",[1687,5.035]],["name/4126",[1676,74.801]],["parent/4126",[1687,5.035]],["name/4127",[1695,79.91]],["parent/4127",[1687,5.035]],["name/4128",[1696,79.91]],["parent/4128",[1687,5.035]],["name/4129",[1697,79.91]],["parent/4129",[1687,5.035]],["name/4130",[1698,79.91]],["parent/4130",[1687,5.035]],["name/4131",[1699,79.91]],["parent/4131",[1687,5.035]],["name/4132",[1630,74.801]],["parent/4132",[1687,5.035]],["name/4133",[1700,79.91]],["parent/4133",[1687,5.035]],["name/4134",[1701,79.91]],["parent/4134",[1687,5.035]],["name/4135",[1702,79.91]],["parent/4135",[1687,5.035]],["name/4136",[22,42.451]],["parent/4136",[1687,5.035]],["name/4137",[23,28.068]],["parent/4137",[1687,5.035]],["name/4138",[923,49.784]],["parent/4138",[]],["name/4139",[35,43.619]],["parent/4139",[923,4.663]],["name/4140",[1703,74.801]],["parent/4140",[923,4.663]],["name/4141",[99,56.554]],["parent/4141",[923,4.663]],["name/4142",[21,41.264]],["parent/4142",[923,4.663]],["name/4143",[1704,71.436]],["parent/4143",[923,4.663]],["name/4144",[1705,71.436]],["parent/4144",[923,4.663]],["name/4145",[1706,74.801]],["parent/4145",[923,4.663]],["name/4146",[1271,66.916]],["parent/4146",[923,4.663]],["name/4147",[22,42.451]],["parent/4147",[923,4.663]],["name/4148",[261,68.923]],["parent/4148",[923,4.663]],["name/4149",[1707,61.45]],["parent/4149",[923,4.663]],["name/4150",[1708,68.923]],["parent/4150",[923,4.663]],["name/4151",[1709,71.436]],["parent/4151",[923,4.663]],["name/4152",[1710,74.801]],["parent/4152",[923,4.663]],["name/4153",[1711,71.436]],["parent/4153",[923,4.663]],["name/4154",[1712,71.436]],["parent/4154",[923,4.663]],["name/4155",[1713,71.436]],["parent/4155",[923,4.663]],["name/4156",[1714,71.436]],["parent/4156",[923,4.663]],["name/4157",[1715,71.436]],["parent/4157",[923,4.663]],["name/4158",[1716,71.436]],["parent/4158",[923,4.663]],["name/4159",[1717,71.436]],["parent/4159",[923,4.663]],["name/4160",[1718,71.436]],["parent/4160",[923,4.663]],["name/4161",[1719,71.436]],["parent/4161",[923,4.663]],["name/4162",[1720,71.436]],["parent/4162",[923,4.663]],["name/4163",[23,28.068]],["parent/4163",[923,4.663]],["name/4164",[1721,51.19]],["parent/4164",[]],["name/4165",[35,43.619]],["parent/4165",[1721,4.794]],["name/4166",[1703,74.801]],["parent/4166",[1721,4.794]],["name/4167",[99,56.554]],["parent/4167",[1721,4.794]],["name/4168",[21,41.264]],["parent/4168",[1721,4.794]],["name/4169",[1720,71.436]],["parent/4169",[1721,4.794]],["name/4170",[1706,74.801]],["parent/4170",[1721,4.794]],["name/4171",[1704,71.436]],["parent/4171",[1721,4.794]],["name/4172",[1705,71.436]],["parent/4172",[1721,4.794]],["name/4173",[1271,66.916]],["parent/4173",[1721,4.794]],["name/4174",[22,42.451]],["parent/4174",[1721,4.794]],["name/4175",[261,68.923]],["parent/4175",[1721,4.794]],["name/4176",[1707,61.45]],["parent/4176",[1721,4.794]],["name/4177",[1708,68.923]],["parent/4177",[1721,4.794]],["name/4178",[1709,71.436]],["parent/4178",[1721,4.794]],["name/4179",[1710,74.801]],["parent/4179",[1721,4.794]],["name/4180",[1711,71.436]],["parent/4180",[1721,4.794]],["name/4181",[1712,71.436]],["parent/4181",[1721,4.794]],["name/4182",[1713,71.436]],["parent/4182",[1721,4.794]],["name/4183",[1714,71.436]],["parent/4183",[1721,4.794]],["name/4184",[1715,71.436]],["parent/4184",[1721,4.794]],["name/4185",[1716,71.436]],["parent/4185",[1721,4.794]],["name/4186",[1717,71.436]],["parent/4186",[1721,4.794]],["name/4187",[1718,71.436]],["parent/4187",[1721,4.794]],["name/4188",[1719,71.436]],["parent/4188",[1721,4.794]],["name/4189",[23,28.068]],["parent/4189",[1721,4.794]],["name/4190",[1722,52.392]],["parent/4190",[]],["name/4191",[21,41.264]],["parent/4191",[1722,4.907]],["name/4192",[37,54.784]],["parent/4192",[1722,4.907]],["name/4193",[261,68.923]],["parent/4193",[1722,4.907]],["name/4194",[66,42.771]],["parent/4194",[1722,4.907]],["name/4195",[84,42.935]],["parent/4195",[1722,4.907]],["name/4196",[1709,71.436]],["parent/4196",[1722,4.907]],["name/4197",[1713,71.436]],["parent/4197",[1722,4.907]],["name/4198",[1704,71.436]],["parent/4198",[1722,4.907]],["name/4199",[1711,71.436]],["parent/4199",[1722,4.907]],["name/4200",[1712,71.436]],["parent/4200",[1722,4.907]],["name/4201",[1714,71.436]],["parent/4201",[1722,4.907]],["name/4202",[1705,71.436]],["parent/4202",[1722,4.907]],["name/4203",[1271,66.916]],["parent/4203",[1722,4.907]],["name/4204",[52,74.801]],["parent/4204",[1722,4.907]],["name/4205",[22,42.451]],["parent/4205",[1722,4.907]],["name/4206",[1715,71.436]],["parent/4206",[1722,4.907]],["name/4207",[1716,71.436]],["parent/4207",[1722,4.907]],["name/4208",[1717,71.436]],["parent/4208",[1722,4.907]],["name/4209",[1718,71.436]],["parent/4209",[1722,4.907]],["name/4210",[1719,71.436]],["parent/4210",[1722,4.907]],["name/4211",[1720,71.436]],["parent/4211",[1722,4.907]],["name/4212",[23,28.068]],["parent/4212",[1722,4.907]],["name/4213",[1723,63.814]],["parent/4213",[]],["name/4214",[531,58.705]],["parent/4214",[1723,5.977]],["name/4215",[1724,74.801]],["parent/4215",[1723,5.977]],["name/4216",[168,52.827]],["parent/4216",[1723,5.977]],["name/4217",[25,44.545]],["parent/4217",[1723,5.977]],["name/4218",[1346,65.245]],["parent/4218",[1723,5.977]],["name/4219",[1340,63.814]],["parent/4219",[1723,5.977]],["name/4220",[1725,61.45]],["parent/4220",[]],["name/4221",[116,74.801]],["parent/4221",[1725,5.755]],["name/4222",[1726,79.91]],["parent/4222",[1725,5.755]],["name/4223",[531,58.705]],["parent/4223",[1725,5.755]],["name/4224",[1724,74.801]],["parent/4224",[1725,5.755]],["name/4225",[168,52.827]],["parent/4225",[1725,5.755]],["name/4226",[25,44.545]],["parent/4226",[1725,5.755]],["name/4227",[1346,65.245]],["parent/4227",[1725,5.755]],["name/4228",[1340,63.814]],["parent/4228",[1725,5.755]],["name/4229",[1727,79.91]],["parent/4229",[]],["name/4230",[1728,74.801]],["parent/4230",[]],["name/4231",[23,28.068]],["parent/4231",[1728,7.006]],["name/4232",[1729,71.436]],["parent/4232",[]],["name/4233",[155,66.916]],["parent/4233",[1729,6.69]],["name/4234",[25,44.545]],["parent/4234",[1729,6.69]],["name/4235",[1730,74.801]],["parent/4235",[]],["name/4236",[23,28.068]],["parent/4236",[1730,7.006]],["name/4237",[1731,66.916]],["parent/4237",[]],["name/4238",[1732,79.91]],["parent/4238",[1731,6.267]],["name/4239",[23,28.068]],["parent/4239",[1731,6.267]],["name/4240",[1733,63.814]],["parent/4240",[1734,6.69]],["name/4241",[1735,79.91]],["parent/4241",[1734,6.69]],["name/4242",[1736,79.91]],["parent/4242",[1731,6.267]],["name/4243",[23,28.068]],["parent/4243",[1731,6.267]],["name/4244",[1737,66.916]],["parent/4244",[1734,6.69]],["name/4245",[1738,74.801]],["parent/4245",[]],["name/4246",[23,28.068]],["parent/4246",[1738,7.006]],["name/4247",[1739,79.91]],["parent/4247",[]],["name/4248",[1740,74.801]],["parent/4248",[]],["name/4249",[23,28.068]],["parent/4249",[1740,7.006]],["name/4250",[1741,79.91]],["parent/4250",[]],["name/4251",[1742,74.801]],["parent/4251",[]],["name/4252",[23,28.068]],["parent/4252",[1742,7.006]],["name/4253",[1743,60.449]],["parent/4253",[]],["name/4254",[10,36.127]],["parent/4254",[1743,5.661]],["name/4255",[1744,66.916]],["parent/4255",[1743,5.661]],["name/4256",[1745,66.916]],["parent/4256",[1743,5.661]],["name/4257",[492,61.45]],["parent/4257",[1743,5.661]],["name/4258",[1733,63.814]],["parent/4258",[1743,5.661]],["name/4259",[1746,63.814]],["parent/4259",[1743,5.661]],["name/4260",[75,41.989]],["parent/4260",[1743,5.661]],["name/4261",[1747,66.916]],["parent/4261",[1743,5.661]],["name/4262",[1748,62.562]],["parent/4262",[1743,5.661]],["name/4263",[1749,55.929]],["parent/4263",[]],["name/4264",[1707,61.45]],["parent/4264",[1749,5.238]],["name/4265",[1750,71.436]],["parent/4265",[1749,5.238]],["name/4266",[84,42.935]],["parent/4266",[1749,5.238]],["name/4267",[248,59.539]],["parent/4267",[1749,5.238]],["name/4268",[1737,66.916]],["parent/4268",[1749,5.238]],["name/4269",[1456,54.258]],["parent/4269",[1749,5.238]],["name/4270",[10,36.127]],["parent/4270",[1749,5.238]],["name/4271",[1744,66.916]],["parent/4271",[1749,5.238]],["name/4272",[1745,66.916]],["parent/4272",[1749,5.238]],["name/4273",[492,61.45]],["parent/4273",[1749,5.238]],["name/4274",[1733,63.814]],["parent/4274",[1749,5.238]],["name/4275",[1746,63.814]],["parent/4275",[1749,5.238]],["name/4276",[75,41.989]],["parent/4276",[1749,5.238]],["name/4277",[1747,66.916]],["parent/4277",[1749,5.238]],["name/4278",[1748,62.562]],["parent/4278",[1749,5.238]],["name/4279",[1751,54.258]],["parent/4279",[]],["name/4280",[1752,71.436]],["parent/4280",[1751,5.082]],["name/4281",[916,52.392]],["parent/4281",[1751,5.082]],["name/4282",[889,60.449]],["parent/4282",[1751,5.082]],["name/4283",[1707,61.45]],["parent/4283",[1751,5.082]],["name/4284",[1750,71.436]],["parent/4284",[1751,5.082]],["name/4285",[84,42.935]],["parent/4285",[1751,5.082]],["name/4286",[248,59.539]],["parent/4286",[1751,5.082]],["name/4287",[1737,66.916]],["parent/4287",[1751,5.082]],["name/4288",[1456,54.258]],["parent/4288",[1751,5.082]],["name/4289",[10,36.127]],["parent/4289",[1751,5.082]],["name/4290",[1744,66.916]],["parent/4290",[1751,5.082]],["name/4291",[1745,66.916]],["parent/4291",[1751,5.082]],["name/4292",[492,61.45]],["parent/4292",[1751,5.082]],["name/4293",[1733,63.814]],["parent/4293",[1751,5.082]],["name/4294",[1746,63.814]],["parent/4294",[1751,5.082]],["name/4295",[75,41.989]],["parent/4295",[1751,5.082]],["name/4296",[1747,66.916]],["parent/4296",[1751,5.082]],["name/4297",[1748,62.562]],["parent/4297",[1751,5.082]],["name/4298",[1753,54.258]],["parent/4298",[]],["name/4299",[1752,71.436]],["parent/4299",[1753,5.082]],["name/4300",[1754,79.91]],["parent/4300",[1753,5.082]],["name/4301",[1755,79.91]],["parent/4301",[1753,5.082]],["name/4302",[1707,61.45]],["parent/4302",[1753,5.082]],["name/4303",[1750,71.436]],["parent/4303",[1753,5.082]],["name/4304",[84,42.935]],["parent/4304",[1753,5.082]],["name/4305",[248,59.539]],["parent/4305",[1753,5.082]],["name/4306",[1737,66.916]],["parent/4306",[1753,5.082]],["name/4307",[1456,54.258]],["parent/4307",[1753,5.082]],["name/4308",[10,36.127]],["parent/4308",[1753,5.082]],["name/4309",[1744,66.916]],["parent/4309",[1753,5.082]],["name/4310",[1745,66.916]],["parent/4310",[1753,5.082]],["name/4311",[492,61.45]],["parent/4311",[1753,5.082]],["name/4312",[1733,63.814]],["parent/4312",[1753,5.082]],["name/4313",[1746,63.814]],["parent/4313",[1753,5.082]],["name/4314",[75,41.989]],["parent/4314",[1753,5.082]],["name/4315",[1747,66.916]],["parent/4315",[1753,5.082]],["name/4316",[1748,62.562]],["parent/4316",[1753,5.082]],["name/4317",[1756,57.935]],["parent/4317",[]],["name/4318",[1752,71.436]],["parent/4318",[1756,5.426]],["name/4319",[84,42.935]],["parent/4319",[1756,5.426]],["name/4320",[66,42.771]],["parent/4320",[1756,5.426]],["name/4321",[10,36.127]],["parent/4321",[1756,5.426]],["name/4322",[1744,66.916]],["parent/4322",[1756,5.426]],["name/4323",[1745,66.916]],["parent/4323",[1756,5.426]],["name/4324",[492,61.45]],["parent/4324",[1756,5.426]],["name/4325",[1733,63.814]],["parent/4325",[1756,5.426]],["name/4326",[1746,63.814]],["parent/4326",[1756,5.426]],["name/4327",[75,41.989]],["parent/4327",[1756,5.426]],["name/4328",[1747,66.916]],["parent/4328",[1756,5.426]],["name/4329",[1748,62.562]],["parent/4329",[1756,5.426]],["name/4330",[1757,59.539]],["parent/4330",[]],["name/4331",[1758,66.916]],["parent/4331",[1757,5.576]],["name/4332",[1707,61.45]],["parent/4332",[1757,5.576]],["name/4333",[75,41.989]],["parent/4333",[1757,5.576]],["name/4334",[1746,63.814]],["parent/4334",[1757,5.576]],["name/4335",[1708,68.923]],["parent/4335",[1757,5.576]],["name/4336",[1733,63.814]],["parent/4336",[1757,5.576]],["name/4337",[1737,66.916]],["parent/4337",[1757,5.576]],["name/4338",[248,59.539]],["parent/4338",[1757,5.576]],["name/4339",[1759,79.91]],["parent/4339",[1757,5.576]],["name/4340",[492,61.45]],["parent/4340",[1757,5.576]],["name/4341",[1760,65.245]],["parent/4341",[]],["name/4342",[1746,63.814]],["parent/4342",[1760,6.111]],["name/4343",[75,41.989]],["parent/4343",[1760,6.111]],["name/4344",[1708,68.923]],["parent/4344",[1760,6.111]],["name/4345",[248,59.539]],["parent/4345",[1760,6.111]],["name/4346",[84,42.935]],["parent/4346",[1760,6.111]],["name/4347",[1761,62.562]],["parent/4347",[]],["name/4348",[1758,66.916]],["parent/4348",[1761,5.859]],["name/4349",[1707,61.45]],["parent/4349",[1761,5.859]],["name/4350",[1762,68.923]],["parent/4350",[1761,5.859]],["name/4351",[1568,63.814]],["parent/4351",[1761,5.859]],["name/4352",[1456,54.258]],["parent/4352",[1761,5.859]],["name/4353",[1763,71.436]],["parent/4353",[1761,5.859]],["name/4354",[1748,62.562]],["parent/4354",[1761,5.859]],["name/4355",[1764,60.449]],["parent/4355",[]],["name/4356",[916,52.392]],["parent/4356",[1764,5.661]],["name/4357",[889,60.449]],["parent/4357",[1764,5.661]],["name/4358",[1758,66.916]],["parent/4358",[1764,5.661]],["name/4359",[1707,61.45]],["parent/4359",[1764,5.661]],["name/4360",[1762,68.923]],["parent/4360",[1764,5.661]],["name/4361",[1568,63.814]],["parent/4361",[1764,5.661]],["name/4362",[1456,54.258]],["parent/4362",[1764,5.661]],["name/4363",[1763,71.436]],["parent/4363",[1764,5.661]],["name/4364",[1748,62.562]],["parent/4364",[1764,5.661]],["name/4365",[1765,60.449]],["parent/4365",[]],["name/4366",[288,61.45]],["parent/4366",[1765,5.661]],["name/4367",[1766,79.91]],["parent/4367",[1765,5.661]],["name/4368",[1758,66.916]],["parent/4368",[1765,5.661]],["name/4369",[1707,61.45]],["parent/4369",[1765,5.661]],["name/4370",[1762,68.923]],["parent/4370",[1765,5.661]],["name/4371",[1568,63.814]],["parent/4371",[1765,5.661]],["name/4372",[1456,54.258]],["parent/4372",[1765,5.661]],["name/4373",[1763,71.436]],["parent/4373",[1765,5.661]],["name/4374",[1748,62.562]],["parent/4374",[1765,5.661]],["name/4375",[1767,63.814]],["parent/4375",[]],["name/4376",[155,66.916]],["parent/4376",[1767,5.977]],["name/4377",[1758,66.916]],["parent/4377",[1767,5.977]],["name/4378",[1762,68.923]],["parent/4378",[1767,5.977]],["name/4379",[23,28.068]],["parent/4379",[1767,5.977]],["name/4380",[1568,63.814]],["parent/4380",[1767,5.977]],["name/4381",[23,28.068]],["parent/4381",[1767,5.977]],["name/4382",[1768,79.91]],["parent/4382",[]],["name/4383",[1769,79.91]],["parent/4383",[]],["name/4384",[1770,79.91]],["parent/4384",[]],["name/4385",[1771,65.245]],["parent/4385",[]],["name/4386",[1772,79.91]],["parent/4386",[1771,6.111]],["name/4387",[1773,79.91]],["parent/4387",[1771,6.111]],["name/4388",[1774,79.91]],["parent/4388",[1771,6.111]],["name/4389",[1775,79.91]],["parent/4389",[1771,6.111]],["name/4390",[1776,79.91]],["parent/4390",[1771,6.111]],["name/4391",[1777,66.916]],["parent/4391",[]],["name/4392",[1778,74.801]],["parent/4392",[1777,6.267]],["name/4393",[1779,74.801]],["parent/4393",[1777,6.267]],["name/4394",[1780,74.801]],["parent/4394",[1777,6.267]],["name/4395",[1781,74.801]],["parent/4395",[1777,6.267]],["name/4396",[1782,62.562]],["parent/4396",[]],["name/4397",[1783,79.91]],["parent/4397",[1782,5.859]],["name/4398",[1784,79.91]],["parent/4398",[1782,5.859]],["name/4399",[1785,79.91]],["parent/4399",[1782,5.859]],["name/4400",[1778,74.801]],["parent/4400",[1782,5.859]],["name/4401",[1779,74.801]],["parent/4401",[1782,5.859]],["name/4402",[1780,74.801]],["parent/4402",[1782,5.859]],["name/4403",[1781,74.801]],["parent/4403",[1782,5.859]],["name/4404",[1786,60.449]],["parent/4404",[]],["name/4405",[1787,79.91]],["parent/4405",[1786,5.661]],["name/4406",[6,46.234]],["parent/4406",[1786,5.661]],["name/4407",[1788,74.801]],["parent/4407",[1786,5.661]],["name/4408",[1789,74.801]],["parent/4408",[1786,5.661]],["name/4409",[1790,74.801]],["parent/4409",[1786,5.661]],["name/4410",[1791,74.801]],["parent/4410",[1786,5.661]],["name/4411",[1792,79.91]],["parent/4411",[1786,5.661]],["name/4412",[1793,79.91]],["parent/4412",[1786,5.661]],["name/4413",[1794,79.91]],["parent/4413",[1786,5.661]],["name/4414",[1795,61.45]],["parent/4414",[]],["name/4415",[35,43.619]],["parent/4415",[1795,5.755]],["name/4416",[23,28.068]],["parent/4416",[1795,5.755]],["name/4417",[1788,74.801]],["parent/4417",[1796,6.455]],["name/4418",[1789,74.801]],["parent/4418",[1796,6.455]],["name/4419",[1790,74.801]],["parent/4419",[1796,6.455]],["name/4420",[1791,74.801]],["parent/4420",[1796,6.455]],["name/4421",[21,41.264]],["parent/4421",[1795,5.755]],["name/4422",[44,54.784]],["parent/4422",[1795,5.755]],["name/4423",[64,57.935]],["parent/4423",[1795,5.755]],["name/4424",[45,58.705]],["parent/4424",[1795,5.755]],["name/4425",[22,42.451]],["parent/4425",[1795,5.755]],["name/4426",[23,28.068]],["parent/4426",[1795,5.755]]],"invertedIndex":[["30",{"_index":950,"name":{"1976":{}},"parent":{}}],["7",{"_index":949,"name":{"1975":{}},"parent":{}}],["__type",{"_index":23,"name":{"23":{},"25":{},"43":{},"52":{},"61":{},"64":{},"82":{},"95":{},"105":{},"148":{},"150":{},"175":{},"191":{},"200":{},"207":{},"219":{},"228":{},"242":{},"248":{},"261":{},"267":{},"286":{},"295":{},"313":{},"316":{},"323":{},"328":{},"364":{},"367":{},"369":{},"374":{},"407":{},"409":{},"411":{},"413":{},"525":{},"540":{},"542":{},"544":{},"552":{},"573":{},"578":{},"594":{},"605":{},"607":{},"613":{},"616":{},"689":{},"709":{},"717":{},"734":{},"740":{},"744":{},"758":{},"769":{},"776":{},"784":{},"791":{},"797":{},"1018":{},"1036":{},"1048":{},"1087":{},"1092":{},"1099":{},"1101":{},"1108":{},"1156":{},"1158":{},"1160":{},"1162":{},"1165":{},"1170":{},"1382":{},"1384":{},"1561":{},"1563":{},"1565":{},"1567":{},"1569":{},"1571":{},"1573":{},"1575":{},"1577":{},"1579":{},"1581":{},"1583":{},"1585":{},"1587":{},"1589":{},"1591":{},"1593":{},"1595":{},"1597":{},"1599":{},"1602":{},"1604":{},"1614":{},"1690":{},"1719":{},"1760":{},"1782":{},"1784":{},"1786":{},"1791":{},"1812":{},"1814":{},"1816":{},"1826":{},"1843":{},"1881":{},"1883":{},"1889":{},"1897":{},"2027":{},"2034":{},"2053":{},"2103":{},"2134":{},"2168":{},"2182":{},"2197":{},"2205":{},"2217":{},"2226":{},"2231":{},"2240":{},"2245":{},"2252":{},"2256":{},"2281":{},"2311":{},"2323":{},"2351":{},"2383":{},"2385":{},"2390":{},"2399":{},"2415":{},"2438":{},"2451":{},"2453":{},"2455":{},"2457":{},"2459":{},"2461":{},"2463":{},"2470":{},"2496":{},"2522":{},"2545":{},"2557":{},"2564":{},"2581":{},"2583":{},"2598":{},"2604":{},"2611":{},"2614":{},"2625":{},"2632":{},"2635":{},"2646":{},"2653":{},"2666":{},"2675":{},"2682":{},"2684":{},"2871":{},"2880":{},"2883":{},"2892":{},"2913":{},"2918":{},"2920":{},"2922":{},"2924":{},"2926":{},"2930":{},"2936":{},"2941":{},"2952":{},"2991":{},"3020":{},"3032":{},"3038":{},"3044":{},"3049":{},"3083":{},"3106":{},"3145":{},"3147":{},"3176":{},"3193":{},"3236":{},"3238":{},"3241":{},"3247":{},"3252":{},"3372":{},"3374":{},"3376":{},"3378":{},"3380":{},"3382":{},"3390":{},"3420":{},"3424":{},"3428":{},"3441":{},"3491":{},"3492":{},"3495":{},"3505":{},"3522":{},"3536":{},"3541":{},"3564":{},"3576":{},"3580":{},"3582":{},"3584":{},"3586":{},"3628":{},"3642":{},"3654":{},"3658":{},"3660":{},"3670":{},"3693":{},"3705":{},"3712":{},"3715":{},"3726":{},"3840":{},"3852":{},"3863":{},"3869":{},"3878":{},"3891":{},"3901":{},"3903":{},"3922":{},"3937":{},"3945":{},"3952":{},"3975":{},"3979":{},"3985":{},"4000":{},"4011":{},"4115":{},"4137":{},"4163":{},"4189":{},"4212":{},"4231":{},"4236":{},"4239":{},"4243":{},"4246":{},"4249":{},"4252":{},"4379":{},"4381":{},"4416":{},"4426":{}},"parent":{}}],["_childbuilders",{"_index":624,"name":{"1415":{},"1425":{}},"parent":{}}],["_compositing",{"_index":1106,"name":{"2319":{}},"parent":{}}],["_defaultvalue",{"_index":622,"name":{"1407":{}},"parent":{}}],["_displayname",{"_index":524,"name":{"1208":{},"1233":{},"1271":{},"1302":{}},"parent":{}}],["_getvalid",{"_index":545,"name":{"1241":{},"1312":{}},"parent":{}}],["_getvalue",{"_index":561,"name":{"1313":{}},"parent":{}}],["_normalizebeforesubmit",{"_index":616,"name":{"1392":{},"1402":{},"1410":{},"1419":{},"1428":{}},"parent":{}}],["_valid",{"_index":555,"name":{"1273":{}},"parent":{}}],["_validators",{"_index":615,"name":{"1391":{},"1401":{},"1409":{},"1418":{},"1427":{}},"parent":{}}],["_value",{"_index":554,"name":{"1272":{}},"parent":{}}],["above",{"_index":1772,"name":{"4386":{}},"parent":{}}],["accept",{"_index":1746,"name":{"4259":{},"4275":{},"4294":{},"4313":{},"4326":{},"4334":{},"4342":{}},"parent":{}}],["accordion",{"_index":311,"name":{"691":{},"699":{},"712":{}},"parent":{}}],["action",{"_index":192,"name":{"357":{},"418":{},"421":{},"426":{},"4071":{}},"parent":{}}],["active",{"_index":76,"name":{"119":{},"724":{},"3205":{},"3220":{},"3363":{},"3482":{}},"parent":{}}],["activeclassname",{"_index":1600,"name":{"3907":{}},"parent":{}}],["actived",{"_index":1553,"name":{"3742":{},"3761":{},"3832":{}},"parent":{}}],["activeid",{"_index":1564,"name":{"3769":{},"3785":{},"3797":{},"3814":{}},"parent":{}}],["activeindex",{"_index":1417,"name":{"3366":{},"3908":{}},"parent":{}}],["activekey",{"_index":312,"name":{"692":{},"700":{}},"parent":{}}],["activelink",{"_index":482,"name":{"1140":{}},"parent":{}}],["activestyle",{"_index":1601,"name":{"3909":{}},"parent":{}}],["actual",{"_index":632,"name":{"1439":{}},"parent":{}}],["add",{"_index":993,"name":{"2059":{}},"parent":{}}],["addeventlistener",{"_index":503,"name":{"1179":{}},"parent":{}}],["addonafter",{"_index":1046,"name":{"2163":{},"2477":{},"2503":{},"2529":{}},"parent":{}}],["addonbefore",{"_index":1045,"name":{"2162":{},"2476":{},"2502":{},"2528":{}},"parent":{}}],["adjustposition",{"_index":1269,"name":{"2887":{},"2944":{},"3007":{}},"parent":{}}],["affix",{"_index":12,"name":{"12":{}},"parent":{}}],["after",{"_index":645,"name":{"1454":{}},"parent":{}}],["alert",{"_index":33,"name":{"40":{},"3577":{},"3581":{}},"parent":{"41":{},"42":{},"43":{},"49":{},"50":{},"51":{},"52":{}}}],["alert.__type",{"_index":36,"name":{},"parent":{"44":{},"45":{},"46":{},"47":{},"48":{}}}],["alertitem",{"_index":20,"name":{"20":{}},"parent":{"21":{},"22":{},"23":{}}}],["alerttypes",{"_index":53,"name":{"83":{}},"parent":{}}],["align",{"_index":1065,"name":{"2222":{},"2228":{}},"parent":{}}],["all",{"_index":1666,"name":{"4076":{}},"parent":{}}],["allowclear",{"_index":1364,"name":{"3162":{},"3180":{}},"parent":{}}],["allowhalf",{"_index":1365,"name":{"3163":{},"3179":{}},"parent":{}}],["alt",{"_index":944,"name":{"1970":{}},"parent":{}}],["anchor",{"_index":486,"name":{"1146":{},"2916":{},"3001":{}},"parent":{}}],["anchoronly",{"_index":1258,"name":{"2793":{},"2972":{}},"parent":{}}],["anchorrect",{"_index":1303,"name":{"2997":{}},"parent":{}}],["animate",{"_index":1221,"name":{"2694":{},"2700":{},"2708":{},"2714":{},"2720":{},"2730":{}},"parent":{}}],["animateappear",{"_index":325,"name":{"741":{}},"parent":{}}],["animateheight",{"_index":62,"name":{"93":{}},"parent":{"94":{},"95":{},"101":{},"102":{},"103":{},"104":{},"105":{}}}],["animateheight.__type",{"_index":63,"name":{},"parent":{"96":{},"97":{},"98":{},"99":{},"100":{}}}],["appear",{"_index":56,"name":{"86":{},"96":{}},"parent":{}}],["append",{"_index":1318,"name":{"3035":{},"3039":{},"3063":{}},"parent":{}}],["array",{"_index":734,"name":{"1578":{}},"parent":{}}],["arrows",{"_index":1496,"name":{"3626":{},"3650":{}},"parent":{}}],["arrowsdisabled",{"_index":1497,"name":{"3627":{},"3653":{}},"parent":{}}],["arrowssize",{"_index":1501,"name":{"3631":{},"3651":{}},"parent":{}}],["arrowstype",{"_index":1502,"name":{"3632":{},"3652":{}},"parent":{}}],["async",{"_index":239,"name":{"440":{},"470":{},"502":{},"537":{}},"parent":{}}],["async_validator",{"_index":570,"name":{"1344":{}},"parent":{}}],["asyncfilter",{"_index":240,"name":{"441":{},"471":{},"503":{}},"parent":{}}],["autoclose",{"_index":1160,"name":{"2446":{}},"parent":{}}],["autocomplete",{"_index":96,"name":{"146":{},"854":{},"957":{}},"parent":{"147":{},"148":{},"156":{},"157":{},"158":{},"159":{},"160":{},"161":{},"162":{},"163":{},"164":{},"165":{},"166":{},"167":{},"168":{},"169":{},"170":{},"171":{},"172":{},"173":{},"174":{},"175":{}}}],["autocomplete.__type",{"_index":97,"name":{},"parent":{"149":{},"150":{},"151":{},"152":{},"153":{},"154":{},"155":{}}}],["autoescape",{"_index":1609,"name":{"3918":{}},"parent":{}}],["autoexpandonselect",{"_index":1674,"name":{"4087":{},"4116":{}},"parent":{}}],["autofocus",{"_index":1038,"name":{"2151":{}},"parent":{}}],["autoplay",{"_index":1491,"name":{"3620":{},"3645":{}},"parent":{}}],["autoplayinterval",{"_index":1492,"name":{"3621":{},"3646":{}},"parent":{}}],["autoplaytimer",{"_index":1512,"name":{"3666":{}},"parent":{}}],["autoselect",{"_index":1039,"name":{"2152":{},"2172":{},"2187":{},"2481":{},"2507":{},"2533":{}},"parent":{}}],["autosize",{"_index":1050,"name":{"2178":{}},"parent":{}}],["autostick",{"_index":797,"name":{"1724":{}},"parent":{}}],["autostickoffsettop",{"_index":798,"name":{"1725":{}},"parent":{}}],["avatar",{"_index":121,"name":{"189":{}},"parent":{"190":{},"191":{},"195":{},"196":{},"197":{},"198":{},"199":{},"200":{},"203":{},"204":{},"205":{},"206":{},"207":{}}}],["avatar.__type",{"_index":122,"name":{},"parent":{"192":{},"193":{},"194":{},"201":{},"202":{}}}],["avatarnoderef",{"_index":124,"name":{"198":{}},"parent":{}}],["badge",{"_index":132,"name":{"217":{}},"parent":{"218":{},"219":{},"225":{},"226":{},"227":{},"228":{}}}],["badge.__type",{"_index":133,"name":{},"parent":{"220":{},"221":{},"222":{},"223":{},"224":{}}}],["banner",{"_index":137,"name":{"231":{}},"parent":{}}],["bannercloseiconcolor",{"_index":135,"name":{"229":{}},"parent":{}}],["base",{"_index":1279,"name":{"2927":{}},"parent":{}}],["basepagination",{"_index":1195,"name":{"2599":{}},"parent":{"2600":{},"2601":{},"2602":{},"2603":{},"2604":{},"2605":{},"2606":{},"2607":{},"2608":{},"2609":{},"2610":{},"2611":{}}}],["basicbuilder",{"_index":614,"name":{"1389":{}},"parent":{"1390":{},"1391":{},"1392":{},"1393":{},"1394":{},"1395":{}}}],["basicmodel",{"_index":523,"name":{"1206":{}},"parent":{"1207":{},"1208":{},"1209":{},"1210":{},"1211":{},"1212":{},"1213":{},"1214":{},"1215":{},"1216":{},"1217":{},"1218":{},"1219":{},"1220":{},"1221":{},"1222":{},"1223":{},"1224":{},"1225":{},"1226":{},"1227":{},"1228":{},"1229":{},"1230":{},"1231":{}}}],["batchrender",{"_index":795,"name":{"1722":{}},"parent":{}}],["before",{"_index":644,"name":{"1453":{}},"parent":{}}],["beforeupload",{"_index":1744,"name":{"4255":{},"4271":{},"4290":{},"4309":{},"4322":{}},"parent":{}}],["below",{"_index":1774,"name":{"4388":{}},"parent":{}}],["bgcolor",{"_index":1343,"name":{"3089":{},"3103":{},"3114":{}},"parent":{}}],["block",{"_index":177,"name":{"312":{},"350":{}},"parent":{}}],["blockheader",{"_index":143,"name":{"240":{}},"parent":{"241":{},"242":{},"246":{},"247":{},"248":{}}}],["blockheader.__type",{"_index":144,"name":{},"parent":{"243":{},"244":{},"245":{}}}],["blockloading",{"_index":1094,"name":{"2283":{}},"parent":{}}],["blockpagescroll",{"_index":1325,"name":{"3054":{}},"parent":{}}],["blur",{"_index":707,"name":{"1538":{}},"parent":{}}],["blurhandlerprevented",{"_index":101,"name":{"160":{}},"parent":{}}],["bodyrender",{"_index":812,"name":{"1742":{},"1848":{}},"parent":{}}],["bodystyle",{"_index":193,"name":{"359":{},"368":{}},"parent":{}}],["bodytable",{"_index":831,"name":{"1767":{}},"parent":{}}],["bordered",{"_index":28,"name":{"29":{},"45":{},"60":{},"68":{},"182":{},"194":{},"308":{},"320":{},"347":{},"694":{},"702":{},"710":{},"730":{},"1710":{},"3895":{}},"parent":{}}],["bottom",{"_index":1668,"name":{"4078":{}},"parent":{}}],["bottomoffset",{"_index":1789,"name":{"4408":{},"4418":{}},"parent":{}}],["bottomposition",{"_index":1110,"name":{"2328":{}},"parent":{}}],["breadcrumb",{"_index":153,"name":{"259":{}},"parent":{"260":{},"261":{},"264":{},"265":{},"266":{},"267":{},"272":{},"273":{},"274":{},"275":{},"276":{},"277":{},"278":{},"279":{},"280":{},"281":{},"282":{},"283":{},"284":{},"285":{},"286":{}}}],["breadcrumb.__type",{"_index":154,"name":{},"parent":{"262":{},"263":{},"268":{},"269":{},"270":{},"271":{}}}],["breadcrumbitem",{"_index":170,"name":{"292":{}},"parent":{"293":{},"294":{},"295":{}}}],["breadcrumbleft",{"_index":160,"name":{"276":{}},"parent":{}}],["breadcrumbref",{"_index":156,"name":{"272":{}},"parent":{}}],["breadcrumbwidth",{"_index":159,"name":{"275":{}},"parent":{}}],["breads",{"_index":146,"name":{"250":{},"263":{}},"parent":{}}],["breakpoints",{"_index":1075,"name":{"2253":{}},"parent":{}}],["build",{"_index":617,"name":{"1394":{},"1399":{},"1408":{},"1416":{},"1424":{}},"parent":{}}],["builder",{"_index":543,"name":{"1236":{},"1274":{},"1307":{}},"parent":{}}],["button",{"_index":178,"name":{"314":{},"3144":{}},"parent":{"315":{},"316":{},"321":{},"322":{},"323":{},"324":{},"325":{},"326":{},"327":{},"328":{}}}],["button.__type",{"_index":179,"name":{},"parent":{"317":{},"318":{},"319":{},"320":{}}}],["buttonbordered",{"_index":1205,"name":{"2617":{},"2638":{},"2655":{},"2669":{}},"parent":{}}],["buttondirective",{"_index":184,"name":{"331":{}},"parent":{}}],["buttongroup",{"_index":183,"name":{"330":{}},"parent":{}}],["cancel",{"_index":931,"name":{"1954":{},"1988":{},"1995":{},"2007":{},"2048":{},"2062":{}},"parent":{}}],["cancelpending",{"_index":1265,"name":{"2868":{},"2885":{}},"parent":{}}],["canceltext",{"_index":1248,"name":{"2758":{},"2785":{},"2816":{},"2841":{},"2864":{},"3602":{}},"parent":{}}],["canclear",{"_index":384,"name":{"840":{},"865":{},"887":{},"908":{},"925":{},"942":{},"966":{},"993":{},"1010":{}},"parent":{}}],["candel",{"_index":1550,"name":{"3739":{},"3745":{},"3764":{},"3778":{},"3808":{},"3834":{}},"parent":{}}],["canfixed",{"_index":1546,"name":{"3730":{},"3738":{},"3750":{},"3763":{},"3791":{},"3819":{},"3835":{}},"parent":{}}],["card",{"_index":194,"name":{"362":{}},"parent":{"363":{},"364":{},"372":{},"373":{},"374":{}}}],["card.__type",{"_index":195,"name":{},"parent":{"365":{},"366":{},"367":{},"368":{},"369":{},"370":{},"371":{}}}],["carousel",{"_index":1488,"name":{"3616":{}},"parent":{}}],["cascader",{"_index":922,"name":{"1909":{},"1927":{},"1945":{},"2091":{}},"parent":{}}],["cascaderchangeaction",{"_index":218,"name":{"414":{}},"parent":{"415":{},"416":{}}}],["cascaderitemselectionstate",{"_index":206,"name":{"389":{}},"parent":{}}],["cascaderloadaction",{"_index":224,"name":{"422":{}},"parent":{"423":{},"424":{}}}],["cascadermenuclickhandler",{"_index":215,"name":{"408":{}},"parent":{"409":{}}}],["cascadermenuhoverhandler",{"_index":216,"name":{"410":{}},"parent":{"411":{}}}],["cascadersearchclickhandler",{"_index":217,"name":{"412":{}},"parent":{"413":{}}}],["cascadersimplifyselectionmode",{"_index":207,"name":{"390":{}},"parent":{}}],["cascadertabsclickhandler",{"_index":214,"name":{"406":{}},"parent":{"407":{}}}],["cascadervalue",{"_index":205,"name":{"388":{}},"parent":{}}],["caselessmatchfilteroption",{"_index":1376,"name":{"3194":{},"3240":{}},"parent":{}}],["casesensitive",{"_index":1610,"name":{"3919":{}},"parent":{}}],["catcherror",{"_index":497,"name":{"1161":{}},"parent":{}}],["centerarrow",{"_index":1237,"name":{"2741":{},"2768":{},"2799":{},"2824":{},"2847":{},"3991":{},"4004":{}},"parent":{}}],["change",{"_index":220,"name":{"416":{},"1537":{}},"parent":{}}],["changeonselect",{"_index":249,"name":{"464":{},"558":{},"576":{}},"parent":{}}],["changepending",{"_index":1268,"name":{"2886":{}},"parent":{}}],["changeselectedkeys",{"_index":1650,"name":{"4053":{}},"parent":{}}],["character",{"_index":1366,"name":{"3164":{},"3181":{}},"parent":{}}],["checkable",{"_index":1681,"name":{"4097":{},"4119":{}},"parent":{}}],["checkbox",{"_index":273,"name":{"617":{},"618":{}},"parent":{"619":{}}}],["checkboxgroup",{"_index":269,"name":{"603":{}},"parent":{"604":{},"605":{},"609":{},"610":{},"611":{},"612":{},"613":{},"614":{},"615":{},"616":{}}}],["checkboxgroup.__type",{"_index":270,"name":{},"parent":{"606":{},"607":{},"608":{}}}],["checked",{"_index":275,"name":{"622":{},"640":{},"1983":{},"3136":{},"3695":{}},"parent":{}}],["checkedkeys",{"_index":1683,"name":{"4099":{}},"parent":{}}],["checkednode",{"_index":1690,"name":{"4108":{}},"parent":{}}],["checkedtext",{"_index":1531,"name":{"3698":{}},"parent":{}}],["childregister",{"_index":559,"name":{"1303":{}},"parent":{}}],["childremove",{"_index":560,"name":{"1304":{}},"parent":{}}],["children",{"_index":6,"name":{"6":{},"181":{},"215":{},"335":{},"351":{},"394":{},"399":{},"632":{},"650":{},"1059":{},"1071":{},"1234":{},"1245":{},"1305":{},"1464":{},"1620":{},"1629":{},"1648":{},"1655":{},"1664":{},"1674":{},"1754":{},"1860":{},"2130":{},"2448":{},"2737":{},"2764":{},"2795":{},"2820":{},"2960":{},"2974":{},"2982":{},"2984":{},"3059":{},"3139":{},"3157":{},"3634":{},"3774":{},"3790":{},"3802":{},"3996":{},"4061":{},"4406":{}},"parent":{}}],["choosedays",{"_index":427,"name":{"1027":{}},"parent":{}}],["chosendays",{"_index":428,"name":{"1028":{}},"parent":{}}],["circle",{"_index":1216,"name":{"2687":{}},"parent":{}}],["clamplines",{"_index":296,"name":{"668":{},"684":{}},"parent":{"669":{},"670":{},"671":{},"672":{},"673":{},"674":{},"675":{},"676":{},"677":{},"678":{},"679":{},"680":{},"681":{},"682":{},"683":{},"684":{},"685":{},"686":{},"687":{},"688":{},"689":{}}}],["classname",{"_index":10,"name":{"10":{},"89":{},"112":{},"133":{},"184":{},"216":{},"224":{},"235":{},"243":{},"251":{},"262":{},"288":{},"297":{},"333":{},"361":{},"371":{},"378":{},"450":{},"480":{},"512":{},"561":{},"601":{},"628":{},"646":{},"664":{},"696":{},"704":{},"723":{},"753":{},"761":{},"828":{},"868":{},"876":{},"896":{},"914":{},"931":{},"969":{},"982":{},"999":{},"1033":{},"1037":{},"1058":{},"1078":{},"1090":{},"1463":{},"1618":{},"1627":{},"1668":{},"1692":{},"1711":{},"1743":{},"1849":{},"2124":{},"2146":{},"2220":{},"2237":{},"2247":{},"2302":{},"2357":{},"2371":{},"2377":{},"2403":{},"2421":{},"2441":{},"2592":{},"2663":{},"2692":{},"2697":{},"2706":{},"2712":{},"2723":{},"2725":{},"2752":{},"2779":{},"2810":{},"2835":{},"2858":{},"2906":{},"2994":{},"3015":{},"3060":{},"3076":{},"3135":{},"3155":{},"3165":{},"3207":{},"3222":{},"3290":{},"3323":{},"3357":{},"3450":{},"3463":{},"3476":{},"3487":{},"3517":{},"3560":{},"3565":{},"3598":{},"3612":{},"3618":{},"3643":{},"3702":{},"3737":{},"3749":{},"3759":{},"3770":{},"3786":{},"3798":{},"3815":{},"3920":{},"3932":{},"3964":{},"3971":{},"3992":{},"4254":{},"4270":{},"4289":{},"4308":{},"4321":{}},"parent":{}}],["cleanedvalue",{"_index":1369,"name":{"3172":{}},"parent":{}}],["clear",{"_index":219,"name":{"415":{},"1224":{},"1243":{},"1282":{},"1321":{},"2460":{}},"parent":{}}],["clearable",{"_index":198,"name":{"381":{},"453":{},"483":{},"515":{},"528":{},"564":{},"579":{},"3282":{},"3315":{},"3349":{},"3385":{}},"parent":{}}],["clearautoplay",{"_index":1520,"name":{"3677":{}},"parent":{}}],["clearerror",{"_index":537,"name":{"1225":{},"1244":{},"1283":{},"1322":{}},"parent":{}}],["clearinput",{"_index":1059,"name":{"2212":{}},"parent":{}}],["cleartimer",{"_index":50,"name":{"78":{}},"parent":{}}],["click",{"_index":1277,"name":{"2921":{}},"parent":{}}],["clonechildren",{"_index":1525,"name":{"3684":{}},"parent":{}}],["closable",{"_index":14,"name":{"14":{},"33":{},"48":{},"2444":{},"3857":{},"3885":{}},"parent":{}}],["close",{"_index":108,"name":{"169":{},"2437":{},"2946":{}},"parent":{}}],["closebtn",{"_index":446,"name":{"1064":{},"1074":{},"1094":{},"3595":{},"3609":{}},"parent":{}}],["closebuttonstyle",{"_index":1586,"name":{"3860":{}},"parent":{}}],["closecontent",{"_index":15,"name":{"15":{},"39":{},"3886":{}},"parent":{}}],["closed",{"_index":29,"name":{"34":{},"59":{},"3892":{}},"parent":{}}],["closedialog",{"_index":437,"name":{"1049":{},"1100":{}},"parent":{}}],["closeiconcolor",{"_index":31,"name":{"36":{},"3897":{}},"parent":{}}],["closeonclickoutside",{"_index":1250,"name":{"2761":{},"2957":{},"3056":{}},"parent":{}}],["closeonesc",{"_index":1326,"name":{"3055":{}},"parent":{}}],["col",{"_index":372,"name":{"820":{}},"parent":{}}],["colgutter",{"_index":1090,"name":{"2276":{}},"parent":{}}],["collapsable",{"_index":1407,"name":{"3287":{},"3320":{},"3354":{}},"parent":{}}],["collapse",{"_index":233,"name":{"433":{},"707":{}},"parent":{"708":{},"709":{},"713":{},"714":{},"715":{},"716":{},"717":{}}}],["collapse.__type",{"_index":317,"name":{},"parent":{"710":{},"711":{},"712":{}}}],["collapseat",{"_index":1408,"name":{"3288":{},"3321":{},"3355":{}},"parent":{}}],["collapsepanel",{"_index":323,"name":{"732":{}},"parent":{"733":{},"734":{},"736":{},"737":{},"738":{},"739":{},"740":{},"742":{},"743":{},"744":{}}}],["collapsepanel.__type",{"_index":324,"name":{},"parent":{"735":{},"741":{}}}],["color",{"_index":330,"name":{"748":{},"3108":{},"3122":{},"3927":{},"3959":{}},"parent":{}}],["colorboard",{"_index":335,"name":{"765":{}},"parent":{}}],["colorpicker",{"_index":333,"name":{"756":{}},"parent":{"757":{},"758":{},"765":{},"766":{},"767":{},"768":{},"769":{},"771":{},"772":{},"773":{},"774":{},"775":{},"776":{}}}],["colorpicker.__type",{"_index":334,"name":{},"parent":{"759":{},"760":{},"761":{},"762":{},"763":{},"764":{},"770":{}}}],["colorpickertype",{"_index":328,"name":{"746":{}},"parent":{}}],["colspan",{"_index":815,"name":{"1746":{},"1852":{}},"parent":{}}],["column",{"_index":909,"name":{"1886":{}},"parent":{}}],["columns",{"_index":777,"name":{"1697":{}},"parent":{}}],["combineddaterangepicker",{"_index":387,"name":{"844":{}},"parent":{}}],["combinedleft",{"_index":364,"name":{"811":{}},"parent":{}}],["combinedpanelrangepicker",{"_index":388,"name":{"845":{},"846":{}},"parent":{"847":{}}}],["combinedright",{"_index":365,"name":{"812":{}},"parent":{}}],["combinedtimerangepicker",{"_index":396,"name":{"869":{}},"parent":{}}],["combineerrors",{"_index":724,"name":{"1559":{},"1677":{}},"parent":{"1678":{},"1679":{},"1680":{},"1681":{},"1682":{},"1683":{},"1684":{},"1685":{},"1686":{},"1687":{},"1688":{},"1689":{},"1690":{}}}],["comma",{"_index":933,"name":{"1956":{},"1990":{},"1997":{},"2009":{},"2050":{},"2064":{}},"parent":{}}],["commonstyle",{"_index":1673,"name":{"4085":{}},"parent":{}}],["component",{"_index":502,"name":{"1176":{}},"parent":{}}],["componentdidcatch",{"_index":499,"name":{"1168":{}},"parent":{}}],["componentdidmount",{"_index":44,"name":{"72":{},"102":{},"204":{},"279":{},"676":{},"1610":{},"1686":{},"1821":{},"2213":{},"2332":{},"2576":{},"2948":{},"3029":{},"3046":{},"3397":{},"3502":{},"3689":{},"4422":{}},"parent":{}}],["componentdidupdate",{"_index":64,"name":{"103":{},"205":{},"280":{},"675":{},"1611":{},"1687":{},"1824":{},"2331":{},"2577":{},"2949":{},"3398":{},"3690":{},"4423":{}},"parent":{}}],["components",{"_index":792,"name":{"1718":{}},"parent":{}}],["componentstack",{"_index":490,"name":{"1150":{}},"parent":{}}],["componentwillreceiveprops",{"_index":875,"name":{"1823":{}},"parent":{}}],["componentwillunmount",{"_index":45,"name":{"73":{},"677":{},"1612":{},"1688":{},"1822":{},"2890":{},"2950":{},"3030":{},"3047":{},"3503":{},"3691":{},"4424":{}},"parent":{}}],["compose",{"_index":600,"name":{"1376":{}},"parent":{}}],["config",{"_index":1165,"name":{"2462":{}},"parent":{}}],["confirm",{"_index":930,"name":{"1953":{},"1987":{},"1994":{},"2006":{},"2047":{},"2061":{},"3578":{},"3585":{}},"parent":{}}],["confirmpending",{"_index":1264,"name":{"2867":{},"2884":{}},"parent":{}}],["confirmtext",{"_index":1247,"name":{"2757":{},"2784":{},"2815":{},"2840":{},"2863":{},"3593":{},"3607":{}},"parent":{}}],["confirmtype",{"_index":1485,"name":{"3594":{},"3608":{}},"parent":{}}],["constructor",{"_index":21,"name":{"21":{},"49":{},"69":{},"101":{},"158":{},"196":{},"225":{},"246":{},"265":{},"293":{},"325":{},"372":{},"548":{},"583":{},"610":{},"670":{},"714":{},"737":{},"767":{},"787":{},"1044":{},"1103":{},"1163":{},"1207":{},"1390":{},"1397":{},"1406":{},"1414":{},"1423":{},"1441":{},"1607":{},"1616":{},"1679":{},"1757":{},"1893":{},"2200":{},"2229":{},"2243":{},"2250":{},"2318":{},"2392":{},"2412":{},"2571":{},"2600":{},"2620":{},"2641":{},"2670":{},"2881":{},"2933":{},"2987":{},"3026":{},"3041":{},"3185":{},"3242":{},"3392":{},"3437":{},"3497":{},"3532":{},"3574":{},"3662":{},"3708":{},"3717":{},"3843":{},"3942":{},"3982":{},"4006":{},"4123":{},"4142":{},"4168":{},"4191":{},"4421":{}},"parent":{}}],["container",{"_index":1306,"name":{"3002":{},"3067":{}},"parent":{}}],["containerrect",{"_index":1304,"name":{"2998":{}},"parent":{}}],["containerref",{"_index":1458,"name":{"3499":{}},"parent":{}}],["containerselector",{"_index":1244,"name":{"2754":{},"2781":{},"2812":{},"2837":{},"2860":{},"2878":{},"2901":{},"2915":{},"3011":{},"3993":{},"4005":{}},"parent":{}}],["containerwidth",{"_index":300,"name":{"674":{}},"parent":{}}],["contains",{"_index":1321,"name":{"3045":{},"3065":{}},"parent":{}}],["content",{"_index":72,"name":{"115":{},"2288":{},"2738":{},"2765":{},"2796":{},"2821":{},"2844":{},"2917":{},"3003":{},"3199":{},"3214":{},"3589":{},"3603":{}},"parent":{}}],["contentfield",{"_index":69,"name":{"110":{},"138":{},"153":{}},"parent":{}}],["contentrect",{"_index":1305,"name":{"2999":{}},"parent":{}}],["contentref",{"_index":157,"name":{"273":{},"2939":{},"3016":{}},"parent":{}}],["contentstyleleft",{"_index":152,"name":{"258":{},"271":{}},"parent":{}}],["contentwidth",{"_index":161,"name":{"277":{}},"parent":{}}],["context",{"_index":100,"name":{"159":{},"326":{},"550":{},"584":{},"611":{},"738":{},"771":{},"1680":{},"1894":{},"2201":{},"2572":{},"2931":{},"2934":{},"2988":{},"3027":{},"3042":{},"3186":{},"3393":{},"3438":{},"3533":{},"3709":{}},"parent":{}}],["contexttype",{"_index":98,"name":{"156":{},"324":{},"546":{},"581":{},"609":{},"736":{},"766":{},"1678":{},"1892":{},"2194":{},"2569":{},"2911":{},"2986":{},"3025":{},"3040":{},"3183":{},"3388":{},"3435":{},"3531":{},"3707":{}},"parent":{}}],["continuescroll",{"_index":48,"name":{"76":{}},"parent":{}}],["copy",{"_index":935,"name":{"1959":{}},"parent":{}}],["copybutton",{"_index":342,"name":{"782":{},"1900":{},"1918":{},"1936":{},"2081":{}},"parent":{"783":{},"784":{},"787":{},"788":{},"789":{},"790":{},"791":{}}}],["copybutton.__type",{"_index":343,"name":{},"parent":{"785":{},"786":{}}}],["count",{"_index":127,"name":{"209":{},"220":{},"3166":{},"3178":{}},"parent":{}}],["creatable",{"_index":1404,"name":{"3284":{},"3317":{},"3351":{},"3387":{}},"parent":{}}],["create",{"_index":954,"name":{"1981":{}},"parent":{}}],["createasyncvalidator",{"_index":743,"name":{"1601":{}},"parent":{}}],["createnewuploadfileitem",{"_index":1704,"name":{"4143":{},"4171":{},"4198":{}},"parent":{}}],["createuseimecomposition",{"_index":1007,"name":{"2105":{}},"parent":{}}],["creating",{"_index":1419,"name":{"3368":{}},"parent":{}}],["current",{"_index":887,"name":{"1838":{},"1863":{},"2026":{},"2585":{},"2594":{},"2615":{},"2636":{},"2656":{},"2667":{},"3556":{},"3567":{}},"parent":{}}],["currentindex",{"_index":1506,"name":{"3638":{},"3671":{}},"parent":{}}],["currentposition",{"_index":1783,"name":{"4397":{}},"parent":{}}],["currentroot",{"_index":1665,"name":{"4074":{}},"parent":{}}],["cushion",{"_index":1236,"name":{"2740":{},"2767":{},"2798":{},"2823":{},"2846":{},"2874":{},"2896":{},"2914":{},"3000":{},"3013":{},"3990":{},"4003":{}},"parent":{}}],["customuploaditem",{"_index":1748,"name":{"4262":{},"4278":{},"4297":{},"4316":{},"4329":{},"4354":{},"4364":{},"4374":{}},"parent":{}}],["dashed",{"_index":1233,"name":{"2721":{},"2731":{}},"parent":{}}],["dashsegments",{"_index":1232,"name":{"2719":{},"2733":{}},"parent":{}}],["data",{"_index":82,"name":{"126":{},"336":{},"4094":{}},"parent":{}}],["datasets",{"_index":778,"name":{"1698":{},"4029":{}},"parent":{}}],["datatype",{"_index":1679,"name":{"4095":{},"4117":{}},"parent":{}}],["date",{"_index":355,"name":{"802":{},"2013":{},"2029":{}},"parent":{}}],["dateerrorpop",{"_index":970,"name":{"2020":{}},"parent":{}}],["datepicker",{"_index":398,"name":{"891":{}},"parent":{}}],["daterangepicker",{"_index":400,"name":{"912":{}},"parent":{}}],["daterangequickpicker",{"_index":433,"name":{"1034":{}},"parent":{"1035":{},"1036":{},"1044":{},"1045":{},"1046":{},"1047":{},"1048":{}}}],["daterangequickpicker.__type",{"_index":434,"name":{},"parent":{"1037":{},"1038":{},"1039":{},"1040":{},"1041":{},"1042":{},"1043":{}}}],["daterangequickpickerchangecallback",{"_index":424,"name":{"1017":{}},"parent":{"1018":{}}}],["daterangequickpickerpresetvalue",{"_index":423,"name":{"1016":{}},"parent":{}}],["daterangequickpickervaluetype",{"_index":422,"name":{"1015":{}},"parent":{}}],["datespan",{"_index":381,"name":{"837":{},"905":{}},"parent":{}}],["daynames",{"_index":986,"name":{"2045":{}},"parent":{}}],["decimal",{"_index":1172,"name":{"2488":{},"2567":{},"3480":{}},"parent":{}}],["default",{"_index":596,"name":{"1372":{},"1539":{}},"parent":{}}],["default_render_key",{"_index":1654,"name":{"4057":{}},"parent":{}}],["defaultactivelink",{"_index":483,"name":{"1141":{}},"parent":{}}],["defaultdate",{"_index":382,"name":{"838":{},"885":{},"906":{},"923":{},"940":{},"991":{},"1008":{}},"parent":{}}],["defaultexpandedkeys",{"_index":1134,"name":{"2361":{}},"parent":{}}],["defaultexpandkeys",{"_index":1133,"name":{"2360":{},"2388":{}},"parent":{}}],["defaultfilelist",{"_index":1750,"name":{"4265":{},"4284":{},"4303":{}},"parent":{}}],["defaultgetvalidateoption",{"_index":754,"name":{"1634":{}},"parent":{}}],["defaultpaneldate",{"_index":368,"name":{"815":{}},"parent":{}}],["defaultprops",{"_index":35,"name":{"42":{},"63":{},"94":{},"147":{},"190":{},"218":{},"241":{},"260":{},"315":{},"363":{},"524":{},"572":{},"604":{},"669":{},"708":{},"733":{},"757":{},"783":{},"847":{},"1035":{},"1086":{},"1118":{},"1155":{},"1756":{},"2196":{},"2225":{},"2239":{},"2310":{},"2382":{},"2563":{},"2613":{},"2634":{},"2665":{},"2870":{},"2912":{},"3037":{},"3079":{},"3175":{},"3235":{},"3371":{},"3427":{},"3494":{},"3521":{},"3563":{},"3641":{},"3704":{},"3716":{},"3842":{},"3936":{},"3974":{},"3999":{},"4015":{},"4114":{},"4139":{},"4165":{},"4415":{}},"parent":{}}],["defaultselectedkey",{"_index":1135,"name":{"2362":{}},"parent":{}}],["defaultselectedpresetindex",{"_index":430,"name":{"1030":{}},"parent":{}}],["defaultsorttype",{"_index":783,"name":{"1705":{}},"parent":{}}],["defaulttext",{"_index":820,"name":{"1752":{},"1858":{}},"parent":{}}],["defaulttime",{"_index":395,"name":{"862":{},"963":{}},"parent":{}}],["defaultvalue",{"_index":619,"name":{"1398":{},"1523":{},"1531":{}},"parent":{}}],["delete",{"_index":991,"name":{"2056":{}},"parent":{}}],["deleteuploaditem",{"_index":1711,"name":{"4153":{},"4180":{},"4199":{}},"parent":{}}],["delta",{"_index":1178,"name":{"2543":{},"2555":{}},"parent":{}}],["deltax",{"_index":514,"name":{"1195":{}},"parent":{}}],["deltay",{"_index":515,"name":{"1196":{}},"parent":{}}],["depth",{"_index":1153,"name":{"2409":{},"2427":{}},"parent":{}}],["description",{"_index":18,"name":{"18":{},"31":{},"3544":{},"3889":{}},"parent":{}}],["destroyonunmount",{"_index":525,"name":{"1209":{},"1263":{},"1293":{},"1329":{},"1526":{},"1661":{}},"parent":{}}],["dialog",{"_index":455,"name":{"1085":{}},"parent":{"1086":{},"1087":{},"1098":{},"1099":{},"1100":{},"1101":{},"1102":{},"1103":{},"1104":{},"1105":{},"1106":{},"1107":{},"1108":{}}}],["dialog.__type",{"_index":456,"name":{},"parent":{"1088":{},"1089":{},"1090":{},"1091":{},"1092":{},"1093":{},"1094":{},"1095":{},"1096":{},"1097":{}}}],["dialogid",{"_index":442,"name":{"1054":{}},"parent":{}}],["diameter",{"_index":1227,"name":{"2705":{}},"parent":{}}],["didmount",{"_index":1312,"name":{"3017":{}},"parent":{}}],["direction",{"_index":715,"name":{"1547":{},"3555":{},"3568":{},"4023":{},"4027":{},"4041":{}},"parent":{}}],["directive",{"_index":181,"name":{"322":{}},"parent":{}}],["dirty",{"_index":534,"name":{"1221":{},"1260":{},"1290":{},"1326":{}},"parent":{}}],["disabled",{"_index":75,"name":{"118":{},"140":{},"310":{},"334":{},"344":{},"380":{},"395":{},"403":{},"452":{},"482":{},"514":{},"563":{},"585":{},"598":{},"624":{},"642":{},"720":{},"755":{},"772":{},"832":{},"864":{},"880":{},"900":{},"918":{},"935":{},"965":{},"986":{},"1003":{},"1114":{},"1549":{},"1868":{},"2279":{},"2292":{},"2402":{},"2419":{},"3132":{},"3151":{},"3167":{},"3204":{},"3219":{},"3256":{},"3276":{},"3309":{},"3343":{},"3399":{},"3449":{},"3462":{},"3475":{},"3509":{},"3551":{},"3697":{},"3736":{},"3748":{},"3760":{},"3833":{},"4018":{},"4038":{},"4042":{},"4075":{},"4260":{},"4276":{},"4295":{},"4314":{},"4327":{},"4333":{},"4343":{}},"parent":{}}],["disabledcheckedkeys",{"_index":1684,"name":{"4100":{}},"parent":{}}],["disabledcontext",{"_index":461,"name":{"1113":{}},"parent":{}}],["disableddate",{"_index":379,"name":{"835":{},"883":{},"903":{},"921":{},"938":{},"989":{},"1006":{}},"parent":{}}],["disabledkeys",{"_index":1647,"name":{"4048":{}},"parent":{}}],["disablednode",{"_index":1691,"name":{"4109":{}},"parent":{}}],["disabledpaneldate",{"_index":374,"name":{"822":{}},"parent":{}}],["disabledselectedkeys",{"_index":1676,"name":{"4091":{},"4126":{}},"parent":{}}],["disabledtime",{"_index":362,"name":{"809":{},"855":{},"872":{},"894":{},"958":{}},"parent":{}}],["disableentersubmit",{"_index":722,"name":{"1556":{}},"parent":{}}],["disablehoverhighlight",{"_index":799,"name":{"1726":{}},"parent":{}}],["disablelazymount",{"_index":1566,"name":{"3773":{},"3789":{},"3801":{}},"parent":{}}],["disablerangeoverview",{"_index":358,"name":{"805":{}},"parent":{}}],["disablesearch",{"_index":1410,"name":{"3291":{},"3324":{},"3358":{}},"parent":{}}],["disableselectedstrictly",{"_index":1677,"name":{"4092":{}},"parent":{}}],["disablethrottle",{"_index":518,"name":{"1199":{},"1203":{}},"parent":{}}],["displayname",{"_index":723,"name":{"1558":{},"2135":{},"2137":{},"2195":{}},"parent":{}}],["dispose",{"_index":540,"name":{"1228":{},"1262":{},"1292":{},"1319":{}},"parent":{}}],["divide",{"_index":1544,"name":{"3728":{},"3841":{}},"parent":{}}],["dot",{"_index":129,"name":{"211":{},"222":{}},"parent":{}}],["dotcolor",{"_index":1616,"name":{"3929":{},"3941":{},"3961":{}},"parent":{}}],["dots",{"_index":1445,"name":{"3447":{},"3460":{},"3473":{},"3622":{},"3647":{}},"parent":{}}],["dotscolor",{"_index":1493,"name":{"3623":{}},"parent":{}}],["dotssize",{"_index":1494,"name":{"3624":{},"3649":{}},"parent":{}}],["dotstheme",{"_index":1495,"name":{"3625":{},"3648":{}},"parent":{}}],["download",{"_index":174,"name":{"302":{}},"parent":{}}],["drawer",{"_index":463,"name":{"1116":{},"1117":{}},"parent":{"1118":{}}}],["drawerprops",{"_index":462,"name":{"1115":{}},"parent":{}}],["dropdown",{"_index":467,"name":{"1122":{}},"parent":{}}],["dropdownbutton",{"_index":465,"name":{"1120":{}},"parent":{}}],["dropdownclicktrigger",{"_index":468,"name":{"1123":{}},"parent":{}}],["dropdowncontent",{"_index":470,"name":{"1125":{}},"parent":{}}],["dropdowndata",{"_index":1462,"name":{"3511":{},"3526":{}},"parent":{}}],["dropdownhovertrigger",{"_index":469,"name":{"1124":{}},"parent":{}}],["dropdownicon",{"_index":1466,"name":{"3515":{},"3529":{}},"parent":{}}],["dropdownnav",{"_index":472,"name":{"1127":{}},"parent":{}}],["dropdownposition",{"_index":471,"name":{"1126":{},"3516":{},"3530":{}},"parent":{}}],["dropdowntext",{"_index":1464,"name":{"3513":{},"3528":{}},"parent":{}}],["dropdowntrigger",{"_index":1463,"name":{"3512":{},"3525":{}},"parent":{}}],["dropdownvalue",{"_index":1465,"name":{"3514":{},"3527":{}},"parent":{}}],["duration",{"_index":57,"name":{"87":{},"97":{}},"parent":{}}],["easing",{"_index":58,"name":{"88":{},"98":{}},"parent":{}}],["element",{"_index":297,"name":{"671":{}},"parent":{}}],["elementref",{"_index":1055,"name":{"2202":{}},"parent":{}}],["elevator",{"_index":484,"name":{"1143":{},"1144":{}},"parent":{"1145":{},"1146":{}}}],["elevatoranchor",{"_index":478,"name":{"1135":{}},"parent":{}}],["elevatorlinks",{"_index":476,"name":{"1132":{}},"parent":{}}],["ellipsis",{"_index":285,"name":{"656":{},"1716":{}},"parent":{}}],["email",{"_index":578,"name":{"1354":{}},"parent":{}}],["emitonerror",{"_index":1715,"name":{"4157":{},"4184":{},"4206":{}},"parent":{}}],["emitonupload",{"_index":1716,"name":{"4158":{},"4185":{},"4207":{}},"parent":{}}],["empty",{"_index":591,"name":{"1366":{},"1979":{},"2004":{}},"parent":{}}],["emptylabel",{"_index":784,"name":{"1706":{},"1993":{},"2072":{}},"parent":{}}],["enable",{"_index":1012,"name":{"2114":{},"2116":{}},"parent":{}}],["end",{"_index":972,"name":{"2022":{}},"parent":{}}],["endtime",{"_index":974,"name":{"2024":{}},"parent":{}}],["enuslocale",{"_index":914,"name":{"1898":{}},"parent":{"1899":{},"1900":{},"1901":{},"1902":{},"1903":{},"1904":{},"1905":{},"1906":{},"1907":{},"1908":{},"1909":{},"1910":{},"1911":{},"1912":{},"1913":{},"1914":{},"1915":{}}}],["error",{"_index":489,"name":{"1149":{},"1166":{},"1213":{},"1231":{},"1264":{},"1269":{},"1294":{},"1300":{},"1330":{},"1335":{},"1676":{},"1961":{},"2458":{}},"parent":{}}],["errorboundary",{"_index":494,"name":{"1154":{}},"parent":{"1155":{},"1156":{},"1159":{},"1160":{},"1161":{},"1162":{},"1163":{},"1164":{},"1165":{},"1168":{},"1169":{},"1170":{}}}],["errorboundary.__type",{"_index":495,"name":{},"parent":{"1157":{},"1158":{},"1166":{},"1167":{}}}],["event",{"_index":1785,"name":{"4399":{}},"parent":{}}],["eventhandler",{"_index":509,"name":{"1187":{}},"parent":{}}],["eventname",{"_index":507,"name":{"1184":{},"1191":{}},"parent":{}}],["exceptioncolor",{"_index":1349,"name":{"3097":{}},"parent":{}}],["excludepristine",{"_index":595,"name":{"1370":{}},"parent":{}}],["exiting",{"_index":454,"name":{"1084":{}},"parent":{}}],["expand",{"_index":1658,"name":{"4064":{}},"parent":{}}],["expandall",{"_index":1682,"name":{"4098":{}},"parent":{}}],["expandation",{"_index":786,"name":{"1708":{}},"parent":{}}],["expandedkeys",{"_index":1136,"name":{"2363":{}},"parent":{}}],["expandkeys",{"_index":1156,"name":{"2428":{}},"parent":{}}],["expandnode",{"_index":1689,"name":{"4107":{}},"parent":{}}],["expandrender",{"_index":905,"name":{"1879":{}},"parent":{}}],["expandrowkeys",{"_index":806,"name":{"1733":{}},"parent":{}}],["expandtrigger",{"_index":236,"name":{"436":{},"466":{},"498":{},"533":{}},"parent":{}}],["expect",{"_index":631,"name":{"1438":{}},"parent":{}}],["extra",{"_index":291,"name":{"662":{},"731":{}},"parent":{}}],["extracontent",{"_index":16,"name":{"16":{},"32":{},"3887":{}},"parent":{}}],["failed",{"_index":992,"name":{"2057":{}},"parent":{}}],["fallback",{"_index":1088,"name":{"2267":{}},"parent":{}}],["fallbackcomponent",{"_index":493,"name":{"1153":{},"1157":{},"1173":{},"1177":{}},"parent":{}}],["fhd",{"_index":1079,"name":{"2258":{},"2270":{}},"parent":{}}],["field",{"_index":732,"name":{"1574":{}},"parent":{}}],["fieldarraybuilder",{"_index":618,"name":{"1396":{}},"parent":{"1397":{},"1398":{},"1399":{},"1400":{},"1401":{},"1402":{},"1403":{},"1404":{}}}],["fieldarraymodel",{"_index":542,"name":{"1232":{}},"parent":{"1233":{},"1234":{},"1235":{},"1236":{},"1237":{},"1238":{},"1239":{},"1240":{},"1241":{},"1242":{},"1243":{},"1244":{},"1245":{},"1246":{},"1247":{},"1248":{},"1249":{},"1250":{},"1251":{},"1252":{},"1253":{},"1254":{},"1255":{},"1256":{},"1257":{},"1258":{},"1259":{},"1260":{},"1261":{},"1262":{},"1263":{},"1264":{},"1265":{},"1266":{},"1267":{},"1268":{},"1269":{}}}],["fieldbuilder",{"_index":621,"name":{"1405":{}},"parent":{"1406":{},"1407":{},"1408":{},"1409":{},"1410":{},"1411":{},"1412":{}}}],["fieldmodel",{"_index":553,"name":{"1270":{}},"parent":{"1271":{},"1272":{},"1273":{},"1274":{},"1275":{},"1276":{},"1277":{},"1278":{},"1279":{},"1280":{},"1281":{},"1282":{},"1283":{},"1284":{},"1285":{},"1286":{},"1287":{},"1288":{},"1289":{},"1290":{},"1291":{},"1292":{},"1293":{},"1294":{},"1295":{},"1296":{},"1297":{},"1298":{},"1299":{},"1300":{}}}],["fieldset",{"_index":759,"name":{"1644":{}},"parent":{}}],["fieldsetbuilder",{"_index":623,"name":{"1413":{}},"parent":{"1414":{},"1415":{},"1416":{},"1417":{},"1418":{},"1419":{},"1420":{},"1421":{}}}],["fieldsetbuilderchildren",{"_index":626,"name":{"1431":{}},"parent":{}}],["fieldsetmodel",{"_index":558,"name":{"1301":{}},"parent":{"1302":{},"1303":{},"1304":{},"1305":{},"1306":{},"1307":{},"1308":{},"1309":{},"1310":{},"1311":{},"1312":{},"1313":{},"1314":{},"1315":{},"1316":{},"1317":{},"1318":{},"1319":{},"1320":{},"1321":{},"1322":{},"1323":{},"1324":{},"1325":{},"1326":{},"1327":{},"1328":{},"1329":{},"1330":{},"1331":{},"1332":{},"1333":{},"1334":{},"1335":{}}}],["fieldsetvalue",{"_index":627,"name":{"1432":{},"1584":{}},"parent":{}}],["fieldutils",{"_index":597,"name":{"1373":{}},"parent":{"1374":{},"1375":{},"1376":{},"1377":{},"1378":{},"1379":{},"1380":{},"1381":{},"1383":{},"1385":{},"1386":{}}}],["fieldutils.func",{"_index":606,"name":{},"parent":{"1382":{}}}],["fieldutils.icompositionhandlers",{"_index":612,"name":{},"parent":{"1387":{},"1388":{}}}],["fieldutils.middleware",{"_index":608,"name":{},"parent":{"1384":{}}}],["fieldvalid",{"_index":738,"name":{"1590":{}},"parent":{}}],["fieldvalue",{"_index":735,"name":{"1582":{}},"parent":{}}],["file",{"_index":1724,"name":{"4215":{},"4224":{}},"parent":{}}],["file_upload_status",{"_index":1703,"name":{"4140":{},"4166":{}},"parent":{}}],["filelist",{"_index":1707,"name":{"4149":{},"4176":{},"4264":{},"4283":{},"4302":{},"4332":{},"4349":{},"4359":{},"4369":{}},"parent":{}}],["filter",{"_index":241,"name":{"442":{},"472":{},"504":{},"541":{},"1256":{},"3274":{},"3307":{},"3341":{},"3377":{}},"parent":{}}],["filterclass",{"_index":1455,"name":{"3489":{}},"parent":{}}],["filteroption",{"_index":87,"name":{"131":{},"149":{},"3228":{},"3237":{},"4034":{}},"parent":{}}],["filteroptions",{"_index":1437,"name":{"3419":{}},"parent":{}}],["findchunks",{"_index":1611,"name":{"3921":{}},"parent":{}}],["fireonrapidscroll",{"_index":1791,"name":{"4410":{},"4420":{}},"parent":{}}],["firstchildheight",{"_index":43,"name":{"71":{}},"parent":{}}],["fixed",{"_index":816,"name":{"1747":{},"1853":{},"1887":{},"3823":{}},"parent":{}}],["fixedcolumnsbodyexpandrowsheight",{"_index":805,"name":{"1732":{}},"parent":{}}],["fixedcolumnsbodyrowsheight",{"_index":803,"name":{"1730":{}},"parent":{}}],["fixedcolumnsheadrowsheight",{"_index":804,"name":{"1731":{}},"parent":{}}],["fixedids",{"_index":1547,"name":{"3731":{},"3751":{},"3792":{},"3820":{},"3836":{}},"parent":{}}],["fixmouseeventsondisabledchildren",{"_index":1255,"name":{"2790":{},"2963":{},"2975":{},"3997":{}},"parent":{}}],["focus",{"_index":1056,"name":{"2207":{},"2925":{}},"parent":{}}],["focused",{"_index":1184,"name":{"2573":{}},"parent":{}}],["focussearchinput",{"_index":1438,"name":{"3421":{}},"parent":{}}],["foldable",{"_index":1671,"name":{"4082":{},"4118":{}},"parent":{}}],["footel",{"_index":828,"name":{"1764":{}},"parent":{}}],["footer",{"_index":445,"name":{"1063":{},"1072":{},"1097":{}},"parent":{}}],["footertext",{"_index":363,"name":{"810":{}},"parent":{}}],["footnode",{"_index":827,"name":{"1763":{}},"parent":{}}],["forcescroll",{"_index":859,"name":{"1800":{}},"parent":{}}],["form",{"_index":530,"name":{"1217":{},"1265":{},"1296":{},"1331":{},"1548":{},"1557":{},"1580":{},"1914":{},"1932":{},"1950":{},"2082":{}},"parent":{"1558":{},"1559":{},"1560":{},"1561":{},"1562":{},"1563":{},"1564":{},"1565":{},"1566":{},"1567":{},"1568":{},"1569":{},"1570":{},"1571":{},"1572":{},"1573":{},"1574":{},"1575":{},"1576":{},"1577":{},"1578":{},"1579":{},"1580":{},"1581":{},"1582":{},"1583":{},"1584":{},"1585":{},"1586":{},"1587":{},"1588":{},"1589":{},"1590":{},"1591":{},"1592":{},"1593":{},"1594":{},"1595":{},"1596":{},"1597":{},"1598":{},"1599":{},"1600":{},"1601":{},"1602":{},"1603":{},"1604":{},"1605":{},"1606":{},"1607":{},"1608":{},"1609":{},"1610":{},"1611":{},"1612":{},"1613":{},"1614":{}}}],["format",{"_index":383,"name":{"839":{},"863":{},"886":{},"907":{},"924":{},"941":{},"964":{},"992":{},"1009":{},"1026":{},"1040":{},"1459":{},"3091":{},"3105":{},"3116":{},"3120":{}},"parent":{}}],["formattedmaxsize",{"_index":1735,"name":{"4241":{}},"parent":{}}],["formattotal",{"_index":1190,"name":{"2588":{},"2659":{}},"parent":{}}],["formbuilder",{"_index":625,"name":{"1422":{}},"parent":{"1423":{},"1424":{},"1425":{},"1426":{},"1427":{},"1428":{},"1429":{},"1430":{}}}],["formcheckboxfield",{"_index":657,"name":{"1476":{}},"parent":{}}],["formcheckboxgroupfield",{"_index":659,"name":{"1478":{}},"parent":{}}],["formcolorpickerfield",{"_index":662,"name":{"1481":{}},"parent":{}}],["formcombineddaterangepickerfield",{"_index":664,"name":{"1483":{}},"parent":{}}],["formcombinedtimerangepickerfield",{"_index":666,"name":{"1485":{}},"parent":{}}],["formcontext",{"_index":654,"name":{"1472":{}},"parent":{}}],["formcontrol",{"_index":750,"name":{"1625":{}},"parent":{}}],["formdatepickerfield",{"_index":668,"name":{"1487":{}},"parent":{}}],["formdaterangepickerfield",{"_index":670,"name":{"1489":{}},"parent":{}}],["formdaterangequickpickerfield",{"_index":672,"name":{"1491":{}},"parent":{}}],["formdescription",{"_index":765,"name":{"1670":{}},"parent":{}}],["formerror",{"_index":752,"name":{"1630":{}},"parent":{}}],["formfield",{"_index":756,"name":{"1636":{}},"parent":{}}],["formimageuploadfield",{"_index":697,"name":{"1516":{}},"parent":{}}],["forminputfield",{"_index":674,"name":{"1493":{}},"parent":{}}],["formmonthpickerfield",{"_index":676,"name":{"1495":{}},"parent":{}}],["formnotice",{"_index":775,"name":{"1694":{}},"parent":{}}],["formnumberinputfield",{"_index":677,"name":{"1496":{}},"parent":{}}],["formquarterpickerfield",{"_index":680,"name":{"1499":{}},"parent":{}}],["formradiogroupfield",{"_index":681,"name":{"1500":{}},"parent":{}}],["formref",{"_index":745,"name":{"1608":{}},"parent":{}}],["formselectfield",{"_index":683,"name":{"1502":{}},"parent":{}}],["formsingleuploadfield",{"_index":695,"name":{"1514":{}},"parent":{}}],["formstrategy",{"_index":564,"name":{"1336":{}},"parent":{"1337":{},"1338":{}}}],["formswitchfield",{"_index":686,"name":{"1505":{}},"parent":{}}],["formtimepickerfield",{"_index":688,"name":{"1507":{}},"parent":{}}],["formtimerangepickerfield",{"_index":690,"name":{"1509":{}},"parent":{}}],["formuploadfield",{"_index":699,"name":{"1518":{}},"parent":{}}],["formvalidationerror",{"_index":747,"name":{"1615":{}},"parent":{"1616":{}}}],["formweekpickerfield",{"_index":692,"name":{"1511":{}},"parent":{}}],["formyearpickerfield",{"_index":694,"name":{"1513":{}},"parent":{}}],["friday",{"_index":415,"name":{"977":{}},"parent":{}}],["fromclearbutton",{"_index":1033,"name":{"2143":{}},"parent":{}}],["fullscreenloading",{"_index":1095,"name":{"2284":{}},"parent":{}}],["func",{"_index":605,"name":{"1381":{}},"parent":{}}],["get",{"_index":546,"name":{"1246":{},"1328":{},"1417":{},"1426":{}},"parent":{}}],["getaffixcontainer",{"_index":5,"name":{"5":{}},"parent":{}}],["getanchor",{"_index":1281,"name":{"2935":{}},"parent":{}}],["getbatchcomponents",{"_index":854,"name":{"1795":{}},"parent":{}}],["getbatchfixedstyle",{"_index":853,"name":{"1794":{}},"parent":{}}],["getcaretcoordinates",{"_index":1128,"name":{"2349":{}},"parent":{}}],["getcheckboxprops",{"_index":901,"name":{"1875":{}},"parent":{}}],["getcolumns",{"_index":852,"name":{"1793":{}},"parent":{}}],["getcontainer",{"_index":480,"name":{"1137":{},"3043":{}},"parent":{}}],["getdatakey",{"_index":843,"name":{"1780":{}},"parent":{}}],["getdecimal",{"_index":1440,"name":{"3425":{}},"parent":{}}],["getdefaultstate",{"_index":1129,"name":{"2350":{}},"parent":{}}],["getderivedstatefromprops",{"_index":99,"name":{"157":{},"195":{},"547":{},"582":{},"1102":{},"2391":{},"2570":{},"2932":{},"3184":{},"3391":{},"3436":{},"3661":{},"4122":{},"4141":{},"4167":{}},"parent":{}}],["getdomnode",{"_index":656,"name":{"1475":{}},"parent":{}}],["getelement",{"_index":1251,"name":{"2763":{},"2794":{},"2819":{},"2959":{},"2973":{},"2981":{},"3023":{},"3028":{}},"parent":{}}],["getellipsis",{"_index":307,"name":{"685":{}},"parent":{}}],["getempty",{"_index":864,"name":{"1806":{}},"parent":{}}],["geteventvalue",{"_index":1009,"name":{"2107":{}},"parent":{}}],["getexpandbodyrender",{"_index":850,"name":{"1790":{}},"parent":{}}],["getexpandrowkeys",{"_index":840,"name":{"1776":{}},"parent":{}}],["getfolditems",{"_index":166,"name":{"284":{}},"parent":{}}],["getformvalue",{"_index":636,"name":{"1445":{}},"parent":{}}],["getgroupcontext",{"_index":271,"name":{"612":{}},"parent":{}}],["getitemtooltip",{"_index":203,"name":{"386":{},"458":{},"488":{},"520":{},"569":{}},"parent":{}}],["getlayout",{"_index":1197,"name":{"2603":{},"2624":{},"2645":{},"2674":{}},"parent":{}}],["getlayoutoptions",{"_index":1199,"name":{"2606":{},"2627":{},"2648":{},"2677":{}},"parent":{}}],["getleftcolumns",{"_index":847,"name":{"1787":{}},"parent":{}}],["getleftfixedtable",{"_index":855,"name":{"1796":{}},"parent":{}}],["getoverflowstatus",{"_index":162,"name":{"278":{}},"parent":{}}],["getradiostate",{"_index":1356,"name":{"3127":{}},"parent":{}}],["getrawvalue",{"_index":527,"name":{"1211":{},"1247":{},"1285":{},"1315":{}},"parent":{}}],["getrealprevindex",{"_index":1524,"name":{"3683":{}},"parent":{}}],["getresizeobserver",{"_index":305,"name":{"682":{}},"parent":{}}],["getrightcolumns",{"_index":848,"name":{"1788":{}},"parent":{}}],["getrightfixedtable",{"_index":856,"name":{"1797":{}},"parent":{}}],["getsearchplaceholder",{"_index":1435,"name":{"3416":{}},"parent":{}}],["getsection",{"_index":634,"name":{"1443":{}},"parent":{}}],["getsectionvalue",{"_index":635,"name":{"1444":{}},"parent":{}}],["getselectedvaluefromsearchtext",{"_index":106,"name":{"165":{}},"parent":{}}],["getselectioncolumn",{"_index":851,"name":{"1792":{}},"parent":{}}],["getselectionprops",{"_index":900,"name":{"1874":{}},"parent":{}}],["getselectionpropsbyitem",{"_index":865,"name":{"1807":{}},"parent":{}}],["getstardom",{"_index":1374,"name":{"3190":{}},"parent":{}}],["getstarvalue",{"_index":1375,"name":{"3191":{}},"parent":{}}],["getstickyhead",{"_index":873,"name":{"1819":{}},"parent":{}}],["getsubmitvalue",{"_index":528,"name":{"1212":{},"1248":{},"1286":{},"1316":{}},"parent":{}}],["getswiper",{"_index":1516,"name":{"3673":{}},"parent":{}}],["getswipercontainer",{"_index":1517,"name":{"3674":{}},"parent":{}}],["gettabdatalistfromchildren",{"_index":1538,"name":{"3720":{},"3846":{}},"parent":{}}],["gettabdatalistfromtabs",{"_index":1537,"name":{"3719":{},"3845":{}},"parent":{}}],["gettable",{"_index":863,"name":{"1805":{}},"parent":{}}],["getthumbsrcfromfile",{"_index":1755,"name":{"4301":{}},"parent":{}}],["gettotal",{"_index":1203,"name":{"2610":{},"2631":{},"2652":{},"2681":{}},"parent":{}}],["gettotalpages",{"_index":1202,"name":{"2609":{},"2630":{},"2651":{},"2680":{}},"parent":{}}],["gettransformeditemconfigsfromprops",{"_index":107,"name":{"167":{}},"parent":{}}],["gettriggerprops",{"_index":1299,"name":{"2989":{}},"parent":{}}],["getuploaditem",{"_index":1709,"name":{"4151":{},"4178":{},"4196":{}},"parent":{}}],["getuploadsuccessoverrideprops",{"_index":1720,"name":{"4162":{},"4169":{},"4211":{}},"parent":{}}],["getvalidateoption",{"_index":649,"name":{"1460":{}},"parent":{}}],["getvisible",{"_index":262,"name":{"587":{}},"parent":{}}],["getwrappedpopover",{"_index":1270,"name":{"2888":{}},"parent":{}}],["ghost",{"_index":1479,"name":{"3561":{},"3572":{}},"parent":{}}],["globalclick",{"_index":1432,"name":{"3411":{}},"parent":{}}],["grid",{"_index":822,"name":{"1755":{},"1908":{},"1926":{},"1944":{},"2090":{}},"parent":{"1756":{},"1757":{},"1758":{},"1759":{},"1760":{},"1761":{},"1762":{},"1763":{},"1764":{},"1765":{},"1766":{},"1767":{},"1768":{},"1769":{},"1770":{},"1771":{},"1772":{},"1773":{},"1774":{},"1775":{},"1776":{},"1777":{},"1778":{},"1779":{},"1780":{},"1781":{},"1782":{},"1783":{},"1784":{},"1785":{},"1786":{},"1787":{},"1788":{},"1789":{},"1790":{},"1791":{},"1792":{},"1793":{},"1794":{},"1795":{},"1796":{},"1797":{},"1798":{},"1799":{},"1800":{},"1801":{},"1802":{},"1803":{},"1804":{},"1805":{},"1806":{},"1807":{},"1808":{},"1809":{},"1810":{},"1811":{},"1812":{},"1813":{},"1814":{},"1815":{},"1816":{},"1817":{},"1818":{},"1819":{},"1820":{},"1821":{},"1822":{},"1823":{},"1824":{},"1825":{},"1826":{}}}],["gridcolumncontexttype",{"_index":893,"name":{"1861":{}},"parent":{}}],["gridcolumnprovider",{"_index":911,"name":{"1890":{}},"parent":{}}],["gridfixedtype",{"_index":880,"name":{"1831":{}},"parent":{}}],["gridnode",{"_index":826,"name":{"1762":{}},"parent":{}}],["gridpaginationtype",{"_index":876,"name":{"1827":{}},"parent":{}}],["gridrowclassnametype",{"_index":882,"name":{"1833":{}},"parent":{}}],["gridscrollposition",{"_index":877,"name":{"1828":{}},"parent":{}}],["gridsorttype",{"_index":879,"name":{"1830":{}},"parent":{}}],["gridtextalign",{"_index":878,"name":{"1829":{}},"parent":{}}],["group",{"_index":180,"name":{"321":{},"619":{},"3146":{}},"parent":{}}],["handleadddraggingcursor",{"_index":1459,"name":{"3500":{}},"parent":{}}],["handlebatchselect",{"_index":869,"name":{"1811":{}},"parent":{}}],["handlebodyscroll",{"_index":861,"name":{"1802":{}},"parent":{}}],["handlebodyscrollrunoncenextframe",{"_index":860,"name":{"1801":{}},"parent":{}}],["handlechange",{"_index":337,"name":{"773":{}},"parent":{}}],["handlecheckboxclick",{"_index":1698,"name":{"4130":{}},"parent":{}}],["handlechosendays",{"_index":436,"name":{"1046":{}},"parent":{}}],["handleclick",{"_index":1147,"name":{"2395":{},"2413":{}},"parent":{}}],["handleclickmoveleft",{"_index":163,"name":{"281":{}},"parent":{}}],["handleclickmoveright",{"_index":164,"name":{"282":{}},"parent":{}}],["handlecontainerresize",{"_index":302,"name":{"679":{}},"parent":{}}],["handledotsclick",{"_index":1528,"name":{"3687":{}},"parent":{}}],["handleexpand",{"_index":1697,"name":{"4129":{}},"parent":{}}],["handleexpandiconclick",{"_index":1696,"name":{"4128":{}},"parent":{}}],["handleexpandrow",{"_index":849,"name":{"1789":{}},"parent":{}}],["handlemouseenter",{"_index":1526,"name":{"3685":{}},"parent":{}}],["handlemouseleave",{"_index":1527,"name":{"3686":{}},"parent":{}}],["handleremovedraggingcursor",{"_index":1460,"name":{"3501":{}},"parent":{}}],["handleresize",{"_index":1529,"name":{"3688":{}},"parent":{}}],["handleselect",{"_index":868,"name":{"1810":{},"2394":{},"2407":{},"2431":{},"3539":{}},"parent":{}}],["handleselectchange",{"_index":1641,"name":{"4031":{}},"parent":{}}],["handletimechange",{"_index":435,"name":{"1045":{}},"parent":{}}],["handlevisiblechange",{"_index":338,"name":{"774":{}},"parent":{}}],["handlewindowresize",{"_index":301,"name":{"678":{}},"parent":{}}],["hasfocus",{"_index":1053,"name":{"2192":{},"2206":{}},"parent":{}}],["hasmore",{"_index":1020,"name":{"2125":{}},"parent":{}}],["header",{"_index":1238,"name":{"2742":{},"2769":{},"2800":{},"2825":{},"2848":{}},"parent":{}}],["headerel",{"_index":829,"name":{"1765":{}},"parent":{}}],["headernode",{"_index":830,"name":{"1766":{}},"parent":{}}],["height",{"_index":55,"name":{"85":{},"2711":{}},"parent":{}}],["helpdesc",{"_index":641,"name":{"1450":{}},"parent":{}}],["hiddenicon",{"_index":390,"name":{"853":{},"956":{}},"parent":{}}],["hidecollapsepop",{"_index":1409,"name":{"3289":{},"3322":{},"3356":{}},"parent":{}}],["hidedelay",{"_index":1256,"name":{"2791":{},"2970":{}},"parent":{}}],["hidefooter",{"_index":360,"name":{"807":{},"873":{},"895":{},"980":{}},"parent":{}}],["highlight",{"_index":242,"name":{"443":{},"473":{},"505":{},"543":{},"3275":{},"3308":{},"3342":{},"3381":{}},"parent":{}}],["highlightclassname",{"_index":34,"name":{"41":{},"3910":{}},"parent":{}}],["highlightstyle",{"_index":1602,"name":{"3911":{}},"parent":{}}],["highlighttag",{"_index":1605,"name":{"3914":{}},"parent":{}}],["holdsfulltext",{"_index":294,"name":{"666":{}},"parent":{}}],["horizontal",{"_index":1790,"name":{"4409":{},"4419":{}},"parent":{}}],["hour",{"_index":977,"name":{"2035":{}},"parent":{}}],["hourselect",{"_index":980,"name":{"2039":{}},"parent":{}}],["hourstep",{"_index":392,"name":{"859":{},"960":{}},"parent":{}}],["hover",{"_index":1278,"name":{"2923":{}},"parent":{}}],["hoverable",{"_index":77,"name":{"120":{},"3206":{},"3221":{}},"parent":{}}],["hoverdate",{"_index":369,"name":{"816":{}},"parent":{}}],["hoverrangedate",{"_index":370,"name":{"817":{}},"parent":{}}],["hovervalue",{"_index":1370,"name":{"3173":{}},"parent":{}}],["href",{"_index":169,"name":{"290":{},"299":{}},"parent":{}}],["htmltype",{"_index":173,"name":{"301":{},"319":{}},"parent":{}}],["i18n",{"_index":1758,"name":{"4331":{},"4348":{},"4358":{},"4368":{},"4377":{}},"parent":{}}],["i18ncomponentname",{"_index":1002,"name":{"2097":{}},"parent":{}}],["i18nlocaledatatype",{"_index":1003,"name":{"2098":{}},"parent":{}}],["i18nlocaletimepicker",{"_index":988,"name":{"2052":{}},"parent":{"2053":{}}}],["i18nreceiver",{"_index":912,"name":{"1891":{}},"parent":{"1892":{},"1893":{},"1894":{},"1895":{},"1896":{},"1897":{}}}],["iabstractmultiuploadprops",{"_index":1749,"name":{"4263":{}},"parent":{"4264":{},"4265":{},"4266":{},"4267":{},"4268":{},"4269":{},"4270":{},"4271":{},"4272":{},"4273":{},"4274":{},"4275":{},"4276":{},"4277":{},"4278":{}}}],["iabstractuploadlistprops",{"_index":1761,"name":{"4347":{}},"parent":{"4348":{},"4349":{},"4350":{},"4351":{},"4352":{},"4353":{},"4354":{}}}],["iabstractuploadprops",{"_index":1743,"name":{"4253":{}},"parent":{"4254":{},"4255":{},"4256":{},"4257":{},"4258":{},"4259":{},"4260":{},"4261":{},"4262":{}}}],["iabstractuploadtriggerprops",{"_index":1757,"name":{"4330":{}},"parent":{"4331":{},"4332":{},"4333":{},"4334":{},"4335":{},"4336":{},"4337":{},"4338":{},"4339":{},"4340":{}}}],["iaffiximperativehandlers",{"_index":0,"name":{"0":{}},"parent":{"1":{}}}],["iaffixprops",{"_index":2,"name":{"2":{}},"parent":{"3":{},"4":{},"5":{},"6":{},"7":{},"8":{},"9":{},"10":{},"11":{}}}],["ialertitemprops",{"_index":13,"name":{"13":{}},"parent":{"14":{},"15":{},"16":{},"17":{},"18":{},"19":{}}}],["ialertoption",{"_index":1483,"name":{"3588":{}},"parent":{}}],["ialertprops",{"_index":24,"name":{"24":{}},"parent":{"25":{},"26":{},"27":{},"28":{},"29":{},"30":{},"31":{},"32":{},"33":{},"34":{},"35":{},"36":{},"37":{},"38":{},"39":{}}}],["ianimateheightprops",{"_index":54,"name":{"84":{}},"parent":{"85":{},"86":{},"87":{},"88":{},"89":{},"90":{},"91":{},"92":{}}}],["iasyncvalidator",{"_index":568,"name":{"1341":{}},"parent":{"1342":{},"1343":{},"1344":{}}}],["iautocompletemenuitem",{"_index":78,"name":{"121":{}},"parent":{}}],["iautocompletemenuobjectitem",{"_index":65,"name":{"106":{}},"parent":{"107":{},"108":{},"109":{},"110":{},"111":{},"112":{},"113":{},"114":{},"115":{},"116":{},"117":{},"118":{},"119":{},"120":{}}}],["iautocompleteprops",{"_index":79,"name":{"122":{}},"parent":{"123":{},"124":{},"125":{},"126":{},"127":{},"128":{},"129":{},"130":{},"131":{},"132":{},"133":{},"134":{},"135":{},"136":{},"137":{},"138":{},"139":{},"140":{},"141":{}}}],["iautocompletestate",{"_index":93,"name":{"142":{}},"parent":{"143":{},"144":{},"145":{}}}],["iavatarprops",{"_index":113,"name":{"176":{}},"parent":{"177":{},"178":{},"179":{},"180":{},"181":{},"182":{},"183":{},"184":{}}}],["iavatarstate",{"_index":117,"name":{"185":{}},"parent":{"186":{},"187":{},"188":{}}}],["ibadgeprops",{"_index":126,"name":{"208":{}},"parent":{"209":{},"210":{},"211":{},"212":{},"213":{},"214":{},"215":{},"216":{}}}],["ibannerprops",{"_index":136,"name":{"230":{}},"parent":{}}],["ibasepaginationprops",{"_index":1189,"name":{"2584":{}},"parent":{"2585":{},"2586":{},"2587":{},"2588":{},"2589":{},"2590":{},"2591":{},"2592":{}}}],["ibasetabsnavprops",{"_index":1576,"name":{"3803":{}},"parent":{"3804":{},"3805":{}}}],["ibasetabsprops",{"_index":1563,"name":{"3767":{}},"parent":{"3768":{},"3769":{},"3770":{},"3771":{},"3772":{},"3773":{},"3774":{}}}],["iblockheaderprops",{"_index":138,"name":{"232":{}},"parent":{"233":{},"234":{},"235":{},"236":{},"237":{},"238":{},"239":{}}}],["ibreadcrumbitemprops",{"_index":167,"name":{"287":{}},"parent":{"288":{},"289":{},"290":{},"291":{}}}],["ibreadcrumbprops",{"_index":145,"name":{"249":{}},"parent":{"250":{},"251":{},"252":{},"253":{}}}],["ibreadcrumbstate",{"_index":148,"name":{"254":{}},"parent":{"255":{},"256":{},"257":{},"258":{}}}],["ibuttondirectivechildprops",{"_index":185,"name":{"332":{}},"parent":{"333":{},"334":{},"335":{},"336":{},"337":{}}}],["ibuttondirectiveprops",{"_index":190,"name":{"341":{}},"parent":{"342":{},"343":{},"344":{},"345":{},"346":{},"347":{},"348":{},"349":{},"350":{},"351":{},"352":{},"353":{}}}],["ibuttongroupprops",{"_index":182,"name":{"329":{}},"parent":{}}],["ibuttonhtmltype",{"_index":189,"name":{"340":{}},"parent":{}}],["ibuttonprops",{"_index":171,"name":{"296":{}},"parent":{"297":{},"298":{},"299":{},"300":{},"301":{},"302":{},"303":{},"304":{},"305":{},"306":{},"307":{},"308":{},"309":{},"310":{},"311":{},"312":{},"313":{}}}],["ibuttonsize",{"_index":187,"name":{"338":{}},"parent":{}}],["ibuttontype",{"_index":188,"name":{"339":{}},"parent":{}}],["icardprops",{"_index":191,"name":{"354":{}},"parent":{"355":{},"356":{},"357":{},"358":{},"359":{},"360":{},"361":{}}}],["icascaderbaseprops",{"_index":196,"name":{"375":{}},"parent":{"376":{},"377":{},"378":{},"379":{},"380":{},"381":{},"382":{},"383":{},"384":{},"385":{},"386":{},"387":{}}}],["icascaderchangemeta",{"_index":221,"name":{"417":{}},"parent":{"418":{}}}],["icascaderitem",{"_index":212,"name":{"398":{}},"parent":{"399":{},"400":{},"401":{},"402":{},"403":{},"404":{},"405":{}}}],["icascaderloadmeta",{"_index":227,"name":{"425":{}},"parent":{"426":{}}}],["icascadermultiplechangemeta",{"_index":222,"name":{"419":{}},"parent":{"420":{},"421":{}}}],["icascadertagsprops",{"_index":228,"name":{"427":{}},"parent":{"428":{},"429":{},"430":{},"431":{},"432":{},"433":{}}}],["icatcherroroption",{"_index":500,"name":{"1171":{}},"parent":{"1172":{},"1173":{}}}],["icheckboxevent",{"_index":278,"name":{"635":{}},"parent":{"636":{},"637":{},"638":{}}}],["icheckboxeventtarget",{"_index":274,"name":{"620":{}},"parent":{"621":{},"622":{},"623":{},"624":{},"625":{},"626":{},"627":{},"628":{},"629":{},"630":{},"631":{},"632":{},"633":{},"634":{}}}],["icheckboxgroupprops",{"_index":266,"name":{"595":{}},"parent":{"596":{},"597":{},"598":{},"599":{},"600":{},"601":{},"602":{}}}],["icheckboxprops",{"_index":281,"name":{"639":{}},"parent":{"640":{},"641":{},"642":{},"643":{},"644":{},"645":{},"646":{},"647":{},"648":{},"649":{},"650":{},"651":{},"652":{}}}],["iclamplinesprops",{"_index":282,"name":{"653":{}},"parent":{"654":{},"655":{},"656":{},"657":{},"658":{},"659":{},"660":{},"661":{},"662":{},"663":{},"664":{}}}],["iclamplinesstate",{"_index":293,"name":{"665":{}},"parent":{"666":{},"667":{}}}],["iclosedialogoption",{"_index":439,"name":{"1051":{}},"parent":{"1052":{}}}],["icollapsepanelprops",{"_index":319,"name":{"718":{}},"parent":{"719":{},"720":{},"721":{},"722":{},"723":{},"724":{},"725":{},"726":{},"727":{},"728":{},"729":{},"730":{},"731":{}}}],["icollapseprops",{"_index":316,"name":{"706":{}},"parent":{}}],["icollapsepropsaccordion",{"_index":310,"name":{"690":{}},"parent":{"691":{},"692":{},"693":{},"694":{},"695":{},"696":{},"697":{}}}],["icollapsepropsmultiple",{"_index":315,"name":{"698":{}},"parent":{"699":{},"700":{},"701":{},"702":{},"703":{},"704":{},"705":{}}}],["icolorpickerprops",{"_index":329,"name":{"747":{}},"parent":{"748":{},"749":{},"750":{},"751":{},"752":{},"753":{},"754":{},"755":{}}}],["icombineddaterangepickerprops",{"_index":378,"name":{"826":{}},"parent":{"827":{},"828":{},"829":{},"830":{},"831":{},"832":{},"833":{},"834":{},"835":{},"836":{},"837":{},"838":{},"839":{},"840":{},"841":{},"842":{},"843":{}}}],["icombinedformtimerangepickerfieldprops",{"_index":665,"name":{"1484":{}},"parent":{}}],["icombinedtimerangepickerprops",{"_index":389,"name":{"848":{}},"parent":{"849":{},"850":{},"851":{},"852":{},"853":{},"854":{},"855":{},"856":{},"857":{},"858":{},"859":{},"860":{},"861":{},"862":{},"863":{},"864":{},"865":{},"866":{},"867":{},"868":{}}}],["icombineerrorsprops",{"_index":766,"name":{"1671":{}},"parent":{"1672":{},"1673":{},"1674":{}}}],["icombineerrorstate",{"_index":769,"name":{"1675":{}},"parent":{"1676":{}}}],["icommonprogressprops",{"_index":1339,"name":{"3084":{}},"parent":{"3085":{},"3086":{},"3087":{},"3088":{},"3089":{},"3090":{},"3091":{}}}],["icompositionhandlers",{"_index":610,"name":{"1386":{}},"parent":{}}],["icompoundmentionsuggestion",{"_index":1097,"name":{"2286":{}},"parent":{"2287":{},"2288":{},"2289":{},"2290":{},"2291":{},"2292":{}}}],["icon",{"_index":30,"name":{"35":{},"114":{},"179":{},"309":{},"349":{},"2104":{},"2159":{},"2291":{},"2472":{},"2498":{},"2524":{},"3203":{},"3218":{},"3552":{},"3896":{},"4070":{}},"parent":{}}],["iconfirmoption",{"_index":1486,"name":{"3601":{}},"parent":{}}],["iconposition",{"_index":1043,"name":{"2160":{},"2474":{},"2500":{},"2526":{}},"parent":{}}],["icontype",{"_index":1004,"name":{"2099":{}},"parent":{}}],["icopybuttonprops",{"_index":339,"name":{"777":{}},"parent":{"778":{},"779":{},"780":{},"781":{}}}],["icreateuseimecompositionoption",{"_index":1008,"name":{"2106":{}},"parent":{"2107":{}}}],["id",{"_index":531,"name":{"1218":{},"1266":{},"1297":{},"1332":{},"1340":{},"1343":{},"3757":{},"3829":{},"3954":{},"4059":{},"4214":{},"4223":{}},"parent":{}}],["idatepickerpanelprops",{"_index":357,"name":{"804":{}},"parent":{"805":{},"806":{},"807":{},"808":{},"809":{},"810":{},"811":{},"812":{},"813":{},"814":{},"815":{},"816":{},"817":{},"818":{},"819":{},"820":{},"821":{},"822":{},"823":{},"824":{},"825":{}}}],["idatepickerprops",{"_index":397,"name":{"870":{}},"parent":{"871":{},"872":{},"873":{},"874":{},"875":{},"876":{},"877":{},"878":{},"879":{},"880":{},"881":{},"882":{},"883":{},"884":{},"885":{},"886":{},"887":{},"888":{},"889":{},"890":{}}}],["idaterangepickerprops",{"_index":399,"name":{"892":{}},"parent":{"893":{},"894":{},"895":{},"896":{},"897":{},"898":{},"899":{},"900":{},"901":{},"902":{},"903":{},"904":{},"905":{},"906":{},"907":{},"908":{},"909":{},"910":{},"911":{}}}],["idaterangequickpickerpreset",{"_index":425,"name":{"1019":{}},"parent":{"1020":{},"1021":{}}}],["idaterangequickpickerprops",{"_index":426,"name":{"1022":{}},"parent":{"1023":{},"1024":{},"1025":{},"1026":{},"1027":{},"1028":{},"1029":{},"1030":{},"1031":{},"1032":{},"1033":{}}}],["idialogprops",{"_index":451,"name":{"1069":{}},"parent":{"1070":{},"1071":{},"1072":{},"1073":{},"1074":{},"1075":{},"1076":{},"1077":{},"1078":{},"1079":{},"1080":{},"1081":{}}}],["idialogstate",{"_index":452,"name":{"1082":{}},"parent":{"1083":{},"1084":{}}}],["idisabledcontext",{"_index":460,"name":{"1111":{}},"parent":{"1112":{}}}],["idisabledprops",{"_index":459,"name":{"1109":{}},"parent":{"1110":{}}}],["idisabledtime",{"_index":350,"name":{"796":{}},"parent":{"797":{}}}],["idropdownbuttonprops",{"_index":464,"name":{"1119":{}},"parent":{}}],["idropdownprops",{"_index":466,"name":{"1121":{}},"parent":{}}],["idx",{"_index":1379,"name":{"3209":{}},"parent":{}}],["ielevatoranchorprops",{"_index":477,"name":{"1133":{}},"parent":{"1134":{}}}],["ielevatorlinkitem",{"_index":473,"name":{"1128":{}},"parent":{"1129":{},"1130":{}}}],["ielevatorlinksprops",{"_index":475,"name":{"1131":{}},"parent":{}}],["ielevatorprops",{"_index":479,"name":{"1136":{}},"parent":{"1137":{},"1138":{},"1139":{},"1140":{},"1141":{},"1142":{}}}],["ierrorboundaryfallbackcomponentprops",{"_index":488,"name":{"1148":{}},"parent":{"1149":{},"1150":{}}}],["ierrorboundaryprops",{"_index":491,"name":{"1151":{}},"parent":{"1152":{},"1153":{}}}],["ieventhandlerprops",{"_index":506,"name":{"1182":{}},"parent":{"1183":{},"1184":{},"1185":{},"1186":{}}}],["ifieldsetbaseprops",{"_index":760,"name":{"1645":{}},"parent":{"1646":{},"1647":{},"1648":{},"1649":{},"1650":{}}}],["ifieldsetmodeldrivenprops",{"_index":762,"name":{"1651":{}},"parent":{"1652":{},"1653":{},"1654":{},"1655":{},"1656":{},"1657":{}}}],["ifieldsetviewdrivenprops",{"_index":763,"name":{"1658":{}},"parent":{"1659":{},"1660":{},"1661":{},"1662":{},"1663":{},"1664":{},"1665":{},"1666":{}}}],["ifileinputprops",{"_index":1760,"name":{"4341":{}},"parent":{"4342":{},"4343":{},"4344":{},"4345":{},"4346":{}}}],["ifixedprops",{"_index":1545,"name":{"3729":{}},"parent":{"3730":{},"3731":{},"3732":{}}}],["iformcheckboxfieldprops",{"_index":658,"name":{"1477":{}},"parent":{}}],["iformcheckboxgroupfieldprops",{"_index":660,"name":{"1479":{}},"parent":{}}],["iformchild",{"_index":655,"name":{"1473":{}},"parent":{"1474":{},"1475":{}}}],["iformcolorpickerfieldprops",{"_index":661,"name":{"1480":{}},"parent":{}}],["iformcombineddaterangepickerfieldprops",{"_index":663,"name":{"1482":{}},"parent":{}}],["iformcomponentprops",{"_index":708,"name":{"1540":{}},"parent":{}}],["iformcontrolprops",{"_index":748,"name":{"1617":{}},"parent":{"1618":{},"1619":{},"1620":{},"1621":{},"1622":{},"1623":{},"1624":{}}}],["iformdatepickerfield",{"_index":667,"name":{"1486":{}},"parent":{}}],["iformdaterangepickerfieldprops",{"_index":669,"name":{"1488":{}},"parent":{}}],["iformdaterangequickpickerfieldprops",{"_index":671,"name":{"1490":{}},"parent":{}}],["iformdescriptionprops",{"_index":764,"name":{"1667":{}},"parent":{"1668":{},"1669":{}}}],["iformerrorprops",{"_index":751,"name":{"1626":{}},"parent":{"1627":{},"1628":{},"1629":{}}}],["iformfieldchildprops",{"_index":757,"name":{"1637":{}},"parent":{"1638":{},"1639":{},"1640":{},"1641":{},"1642":{}}}],["iformfieldmodeldrivenprops",{"_index":703,"name":{"1528":{}},"parent":{"1529":{},"1530":{},"1531":{},"1532":{}}}],["iformfieldmodelprops",{"_index":704,"name":{"1533":{}},"parent":{}}],["iformfieldprops",{"_index":758,"name":{"1643":{}},"parent":{}}],["iformfieldpropsbase",{"_index":639,"name":{"1448":{}},"parent":{"1449":{},"1450":{},"1451":{},"1452":{},"1453":{},"1454":{},"1455":{},"1456":{},"1457":{},"1458":{},"1459":{},"1460":{},"1461":{},"1462":{},"1463":{},"1464":{},"1465":{},"1466":{},"1467":{},"1468":{},"1469":{},"1470":{},"1471":{}}}],["iformfieldviewdrivenprops",{"_index":702,"name":{"1521":{}},"parent":{"1522":{},"1523":{},"1524":{},"1525":{},"1526":{},"1527":{}}}],["iformimageuploadfieldprops",{"_index":698,"name":{"1517":{}},"parent":{}}],["iforminputfieldprops",{"_index":673,"name":{"1492":{}},"parent":{}}],["iformmonthpickerfieldprops",{"_index":675,"name":{"1494":{}},"parent":{}}],["iformnoticeprops",{"_index":774,"name":{"1691":{}},"parent":{"1692":{},"1693":{}}}],["iformnumberinputfieldprops",{"_index":678,"name":{"1497":{}},"parent":{}}],["iformprops",{"_index":713,"name":{"1545":{}},"parent":{"1546":{},"1547":{},"1548":{},"1549":{},"1550":{},"1551":{},"1552":{},"1553":{},"1554":{},"1555":{},"1556":{}}}],["iformquarterpickerfieldprops",{"_index":679,"name":{"1498":{}},"parent":{}}],["iformradiogroupfieldprops",{"_index":682,"name":{"1501":{}},"parent":{}}],["iformscrolltoerroroptions",{"_index":709,"name":{"1541":{}},"parent":{"1542":{},"1543":{},"1544":{}}}],["iformselectfieldprops",{"_index":684,"name":{"1503":{}},"parent":{}}],["iformsingleuploadfieldprops",{"_index":696,"name":{"1515":{}},"parent":{}}],["iformswitchfieldprops",{"_index":685,"name":{"1504":{}},"parent":{}}],["iformtimepickerfield",{"_index":687,"name":{"1506":{}},"parent":{}}],["iformtimerangepickerfieldprops",{"_index":689,"name":{"1508":{}},"parent":{}}],["iformuploadfieldprops",{"_index":700,"name":{"1519":{}},"parent":{}}],["iformweekpickerfieldprops",{"_index":691,"name":{"1510":{}},"parent":{}}],["iformyearpickerfieldprops",{"_index":693,"name":{"1512":{}},"parent":{}}],["igridbatchrender",{"_index":910,"name":{"1888":{}},"parent":{"1889":{}}}],["igridcellpos",{"_index":908,"name":{"1884":{}},"parent":{"1885":{},"1886":{},"1887":{}}}],["igridcolumn",{"_index":892,"name":{"1844":{}},"parent":{"1845":{},"1846":{},"1847":{},"1848":{},"1849":{},"1850":{},"1851":{},"1852":{},"1853":{},"1854":{},"1855":{},"1856":{},"1857":{},"1858":{},"1859":{},"1860":{}}}],["igridcolumnbodyrenderfunc",{"_index":891,"name":{"1842":{}},"parent":{"1843":{}}}],["igridexpandation",{"_index":902,"name":{"1876":{}},"parent":{"1877":{},"1878":{},"1879":{}}}],["igridinnercolumn",{"_index":810,"name":{"1737":{}},"parent":{"1738":{},"1739":{},"1740":{},"1741":{},"1742":{},"1743":{},"1744":{},"1745":{},"1746":{},"1747":{},"1748":{},"1749":{},"1750":{},"1751":{},"1752":{},"1753":{},"1754":{}}}],["igridinnerfixedtype",{"_index":881,"name":{"1832":{}},"parent":{}}],["igridonchangeconfig",{"_index":894,"name":{"1862":{}},"parent":{"1863":{},"1864":{},"1865":{},"1866":{}}}],["igridonexpandhandler",{"_index":907,"name":{"1882":{}},"parent":{"1883":{}}}],["igridpageinfo",{"_index":886,"name":{"1837":{}},"parent":{"1838":{},"1839":{},"1840":{},"1841":{}}}],["igridprops",{"_index":776,"name":{"1695":{}},"parent":{"1696":{},"1697":{},"1698":{},"1699":{},"1700":{},"1701":{},"1702":{},"1703":{},"1704":{},"1705":{},"1706":{},"1707":{},"1708":{},"1709":{},"1710":{},"1711":{},"1712":{},"1713":{},"1714":{},"1715":{},"1716":{},"1717":{},"1718":{},"1719":{},"1721":{},"1722":{},"1723":{},"1724":{},"1725":{},"1726":{},"1727":{}}}],["igridprops.__type",{"_index":793,"name":{},"parent":{"1720":{}}}],["igridrowclickhandler",{"_index":906,"name":{"1880":{}},"parent":{"1881":{}}}],["igridscrolldelta",{"_index":883,"name":{"1834":{}},"parent":{"1835":{},"1836":{}}}],["igridselection",{"_index":897,"name":{"1870":{}},"parent":{"1871":{},"1872":{},"1873":{},"1874":{},"1875":{}}}],["igridselectionprops",{"_index":895,"name":{"1867":{}},"parent":{"1868":{},"1869":{}}}],["igridstate",{"_index":801,"name":{"1728":{}},"parent":{"1729":{},"1730":{},"1731":{},"1732":{},"1733":{},"1734":{},"1735":{},"1736":{}}}],["ihovertriggercompatibleprops",{"_index":1289,"name":{"2962":{}},"parent":{"2963":{}}}],["ii18nlocalecascader",{"_index":959,"name":{"1999":{}},"parent":{"2000":{},"2001":{},"2002":{},"2003":{},"2004":{},"2005":{},"2006":{},"2007":{},"2008":{},"2009":{},"2010":{}}}],["ii18nlocalecommon",{"_index":929,"name":{"1952":{}},"parent":{"1953":{},"1954":{},"1955":{},"1956":{},"1957":{}}}],["ii18nlocalecopybutton",{"_index":934,"name":{"1958":{}},"parent":{"1959":{},"1960":{},"1961":{}}}],["ii18nlocaleform",{"_index":998,"name":{"2073":{}},"parent":{"2074":{}}}],["ii18nlocalegrid",{"_index":958,"name":{"1992":{}},"parent":{"1993":{},"1994":{},"1995":{},"1996":{},"1997":{},"1998":{}}}],["ii18nlocalemention",{"_index":995,"name":{"2066":{}},"parent":{"2067":{}}}],["ii18nlocalenumberinput",{"_index":999,"name":{"2075":{}},"parent":{"2076":{},"2077":{}}}],["ii18nlocalepagination",{"_index":937,"name":{"1962":{}},"parent":{"1963":{},"1964":{},"1965":{},"1966":{},"1967":{}}}],["ii18nlocalepop",{"_index":942,"name":{"1968":{}},"parent":{}}],["ii18nlocalepreviewimage",{"_index":943,"name":{"1969":{}},"parent":{"1970":{},"1971":{},"1972":{},"1973":{}}}],["ii18nlocalerangepicker",{"_index":948,"name":{"1974":{}},"parent":{"1975":{},"1976":{}}}],["ii18nlocaleselect",{"_index":951,"name":{"1977":{}},"parent":{"1978":{},"1979":{},"1980":{},"1981":{}}}],["ii18nlocalesweetalert",{"_index":957,"name":{"1985":{}},"parent":{"1986":{},"1987":{},"1988":{},"1989":{},"1990":{},"1991":{}}}],["ii18nlocaleswitch",{"_index":955,"name":{"1982":{}},"parent":{"1983":{},"1984":{}}}],["ii18nlocaletimepicker",{"_index":962,"name":{"2011":{}},"parent":{"2012":{},"2013":{},"2014":{},"2015":{},"2016":{},"2017":{},"2018":{},"2019":{},"2020":{},"2021":{},"2022":{},"2023":{},"2024":{},"2025":{},"2026":{},"2027":{},"2033":{},"2034":{},"2047":{},"2048":{},"2049":{},"2050":{},"2051":{}}}],["ii18nlocaletimepicker.__type",{"_index":976,"name":{},"parent":{"2028":{},"2029":{},"2030":{},"2031":{},"2032":{},"2035":{},"2036":{},"2037":{},"2038":{},"2039":{},"2040":{},"2041":{},"2042":{},"2043":{},"2044":{},"2045":{},"2046":{}}}],["ii18nlocaletransfer",{"_index":997,"name":{"2068":{}},"parent":{"2069":{},"2070":{},"2071":{},"2072":{}}}],["ii18nlocaleupload",{"_index":989,"name":{"2054":{}},"parent":{"2055":{},"2056":{},"2057":{},"2058":{},"2059":{},"2060":{},"2061":{},"2062":{},"2063":{},"2064":{},"2065":{}}}],["iiconprops",{"_index":1005,"name":{"2100":{}},"parent":{"2101":{},"2102":{},"2103":{}}}],["iimageonuploadsuccessreturn",{"_index":1741,"name":{"4250":{}},"parent":{}}],["iimageuploadfileitem",{"_index":1725,"name":{"4220":{}},"parent":{"4221":{},"4222":{},"4223":{},"4224":{},"4225":{},"4226":{},"4227":{},"4228":{}}}],["iimageuploaditemprops",{"_index":1770,"name":{"4384":{}},"parent":{}}],["iimageuploadlistprops",{"_index":1765,"name":{"4365":{}},"parent":{"4366":{},"4367":{},"4368":{},"4369":{},"4370":{},"4371":{},"4372":{},"4373":{},"4374":{}}}],["iimageuploadpreviewhandler",{"_index":1742,"name":{"4251":{}},"parent":{"4252":{}}}],["iimageuploadprops",{"_index":1753,"name":{"4298":{}},"parent":{"4299":{},"4300":{},"4301":{},"4302":{},"4303":{},"4304":{},"4305":{},"4306":{},"4307":{},"4308":{},"4309":{},"4310":{},"4311":{},"4312":{},"4313":{},"4314":{},"4315":{},"4316":{}}}],["iimecompositioncontext",{"_index":1013,"name":{"2115":{}},"parent":{"2116":{}}}],["iimecompositionprops",{"_index":1011,"name":{"2113":{}},"parent":{"2114":{}}}],["iindicator",{"_index":1016,"name":{"2119":{}},"parent":{}}],["iindicatorprops",{"_index":1015,"name":{"2118":{}},"parent":{}}],["iinfinitescrollerprops",{"_index":1019,"name":{"2123":{}},"parent":{"2124":{},"2125":{},"2126":{},"2127":{},"2128":{},"2129":{},"2130":{},"2131":{}}}],["iinnertab",{"_index":1552,"name":{"3741":{}},"parent":{"3742":{},"3743":{},"3744":{},"3745":{},"3746":{},"3747":{},"3748":{},"3749":{},"3750":{},"3751":{},"3752":{}}}],["iinputchangeevent",{"_index":1034,"name":{"2144":{}},"parent":{}}],["iinputclearevent",{"_index":1032,"name":{"2141":{}},"parent":{"2142":{},"2143":{}}}],["iinputcommonprops",{"_index":1035,"name":{"2145":{}},"parent":{"2146":{},"2147":{},"2148":{},"2149":{},"2150":{},"2151":{},"2152":{},"2153":{},"2154":{},"2155":{},"2156":{}}}],["iinputcoreprops",{"_index":1042,"name":{"2157":{}},"parent":{"2158":{},"2159":{},"2160":{},"2161":{},"2162":{},"2163":{},"2164":{},"2165":{},"2166":{},"2167":{},"2168":{},"2169":{},"2170":{},"2171":{},"2172":{},"2173":{},"2174":{}}}],["iinputprops",{"_index":1031,"name":{"2140":{}},"parent":{}}],["iinputstate",{"_index":1052,"name":{"2191":{}},"parent":{"2192":{}}}],["ilabelprops",{"_index":753,"name":{"1631":{}},"parent":{"1632":{}}}],["ilayoutcolprops",{"_index":1068,"name":{"2232":{}},"parent":{"2233":{},"2234":{},"2235":{},"2236":{},"2237":{}}}],["ilayoutconfig",{"_index":1089,"name":{"2275":{}},"parent":{"2276":{},"2277":{}}}],["ilayoutgridprops",{"_index":1073,"name":{"2246":{}},"parent":{"2247":{},"2248":{}}}],["ilayoutresponsivevalue",{"_index":1087,"name":{"2266":{}},"parent":{"2267":{},"2268":{},"2269":{},"2270":{},"2271":{},"2272":{},"2273":{},"2274":{}}}],["ilayoutrowprops",{"_index":1063,"name":{"2219":{}},"parent":{"2220":{},"2221":{},"2222":{},"2223":{}}}],["ilinkprops",{"_index":1092,"name":{"2278":{}},"parent":{"2279":{},"2280":{},"2281":{}}}],["ilinktagprops",{"_index":1587,"name":{"3865":{}},"parent":{"3866":{},"3867":{},"3868":{},"3869":{},"3870":{},"3871":{}}}],["ilocaledata",{"_index":1001,"name":{"2079":{}},"parent":{"2080":{},"2081":{},"2082":{},"2083":{},"2084":{},"2085":{},"2086":{},"2087":{},"2088":{},"2089":{},"2090":{},"2091":{},"2092":{},"2093":{},"2094":{},"2095":{},"2096":{}}}],["images",{"_index":1332,"name":{"3071":{}},"parent":{}}],["imageupload",{"_index":1721,"name":{"4164":{}},"parent":{"4165":{},"4166":{},"4167":{},"4168":{},"4169":{},"4170":{},"4171":{},"4172":{},"4173":{},"4174":{},"4175":{},"4176":{},"4177":{},"4178":{},"4179":{},"4180":{},"4181":{},"4182":{},"4183":{},"4184":{},"4185":{},"4186":{},"4187":{},"4188":{},"4189":{}}}],["imaybeerror",{"_index":629,"name":{"1434":{}},"parent":{}}],["imecomposition",{"_index":1014,"name":{"2117":{}},"parent":{}}],["imentionprops",{"_index":1098,"name":{"2293":{}},"parent":{"2294":{},"2295":{},"2296":{},"2297":{},"2298":{},"2299":{},"2300":{},"2301":{},"2302":{},"2303":{},"2304":{},"2305":{},"2306":{},"2307":{},"2308":{}}}],["imenubaseprops",{"_index":1130,"name":{"2352":{}},"parent":{"2353":{},"2354":{},"2355":{},"2356":{},"2357":{}}}],["imenucascadercommonprops",{"_index":234,"name":{"434":{}},"parent":{"435":{},"436":{},"437":{},"438":{},"439":{},"440":{},"441":{},"442":{},"443":{},"444":{},"445":{},"446":{},"447":{},"448":{},"449":{},"450":{},"451":{},"452":{},"453":{},"454":{},"455":{},"456":{},"457":{},"458":{},"459":{}}}],["imenucascadermultipleprops",{"_index":250,"name":{"490":{}},"parent":{"491":{},"492":{},"493":{},"494":{},"495":{},"496":{},"497":{},"498":{},"499":{},"500":{},"501":{},"502":{},"503":{},"504":{},"505":{},"506":{},"507":{},"508":{},"509":{},"510":{},"511":{},"512":{},"513":{},"514":{},"515":{},"516":{},"517":{},"518":{},"519":{},"520":{},"521":{}}}],["imenucascaderprops",{"_index":254,"name":{"522":{}},"parent":{}}],["imenucascadersingleprops",{"_index":247,"name":{"460":{}},"parent":{"461":{},"462":{},"463":{},"464":{},"465":{},"466":{},"467":{},"468":{},"469":{},"470":{},"471":{},"472":{},"473":{},"474":{},"475":{},"476":{},"477":{},"478":{},"479":{},"480":{},"481":{},"482":{},"483":{},"484":{},"485":{},"486":{},"487":{},"488":{},"489":{}}}],["imenuinlineprops",{"_index":1132,"name":{"2358":{}},"parent":{"2359":{},"2360":{},"2361":{},"2362":{},"2363":{},"2364":{},"2365":{},"2366":{},"2367":{},"2368":{},"2369":{},"2370":{},"2371":{}}}],["imenuitemprops",{"_index":1150,"name":{"2400":{}},"parent":{"2401":{},"2402":{},"2403":{},"2404":{},"2405":{},"2406":{},"2407":{},"2408":{},"2409":{},"2410":{}}}],["imenupopprops",{"_index":1140,"name":{"2372":{}},"parent":{"2373":{},"2374":{},"2375":{},"2376":{},"2377":{}}}],["imenuprops",{"_index":1141,"name":{"2378":{}},"parent":{}}],["iminipaginationprops",{"_index":1210,"name":{"2654":{}},"parent":{"2655":{},"2656":{},"2657":{},"2658":{},"2659":{},"2660":{},"2661":{},"2662":{},"2663":{}}}],["imonthpickerprops",{"_index":401,"name":{"913":{}},"parent":{"914":{},"915":{},"916":{},"917":{},"918":{},"919":{},"920":{},"921":{},"922":{},"923":{},"924":{},"925":{},"926":{},"927":{},"928":{}}}],["includeasync",{"_index":592,"name":{"1367":{}},"parent":{}}],["includechildrenrecursively",{"_index":594,"name":{"1369":{}},"parent":{}}],["includeuntouched",{"_index":593,"name":{"1368":{}},"parent":{}}],["indeterminate",{"_index":276,"name":{"626":{},"644":{}},"parent":{}}],["index",{"_index":1333,"name":{"3072":{}},"parent":{}}],["indicator",{"_index":1017,"name":{"2120":{},"2121":{}},"parent":{"2122":{}}}],["infinitescroller",{"_index":1026,"name":{"2132":{}},"parent":{}}],["info",{"_index":498,"name":{"1167":{},"2452":{},"3583":{},"3615":{}},"parent":{}}],["init",{"_index":1515,"name":{"3672":{}},"parent":{}}],["initialize",{"_index":538,"name":{"1226":{},"1250":{},"1284":{},"1314":{}},"parent":{}}],["initialvalue",{"_index":80,"name":{"124":{},"1524":{},"1532":{}},"parent":{}}],["initselectionend",{"_index":1041,"name":{"2154":{},"2174":{},"2189":{},"2483":{},"2509":{},"2535":{}},"parent":{}}],["initselectionstart",{"_index":1040,"name":{"2153":{},"2173":{},"2188":{},"2482":{},"2508":{},"2534":{}},"parent":{}}],["inline",{"_index":92,"name":{"141":{},"2155":{},"2165":{},"2190":{},"2308":{},"2317":{},"2471":{},"2497":{},"2523":{},"3270":{},"3303":{},"3337":{}},"parent":{}}],["inlineindent",{"_index":1139,"name":{"2367":{},"2387":{},"2410":{},"2429":{}},"parent":{}}],["inlineloading",{"_index":1096,"name":{"2285":{}},"parent":{}}],["innerelement",{"_index":298,"name":{"672":{}},"parent":{}}],["inormalizebeforesubmit",{"_index":628,"name":{"1433":{}},"parent":{}}],["inormaluploaditemprops",{"_index":1768,"name":{"4382":{}},"parent":{}}],["inoticeprops",{"_index":1159,"name":{"2439":{}},"parent":{"2440":{},"2441":{},"2442":{},"2443":{},"2444":{},"2445":{},"2446":{},"2447":{},"2448":{},"2449":{}}}],["input",{"_index":952,"name":{"1978":{},"2193":{},"2203":{},"2320":{},"2540":{},"2552":{}},"parent":{"2194":{},"2195":{},"2196":{},"2197":{},"2200":{},"2201":{},"2202":{},"2203":{},"2204":{},"2205":{},"2207":{},"2208":{},"2209":{},"2210":{},"2211":{},"2212":{},"2213":{},"2214":{},"2215":{},"2216":{},"2217":{}}}],["input.__type",{"_index":1054,"name":{},"parent":{"2198":{},"2199":{},"2206":{}}}],["inputref",{"_index":1186,"name":{"2575":{},"3396":{}},"parent":{}}],["inputtype",{"_index":1029,"name":{"2138":{}},"parent":{}}],["inputwidthsizetype",{"_index":1030,"name":{"2139":{}},"parent":{}}],["inside",{"_index":1773,"name":{"4387":{}},"parent":{}}],["integer",{"_index":1171,"name":{"2485":{},"2511":{},"2565":{}},"parent":{}}],["inumberinputcommonprops",{"_index":1166,"name":{"2464":{}},"parent":{"2465":{},"2466":{},"2467":{},"2468":{},"2469":{},"2470":{},"2471":{},"2472":{},"2473":{},"2474":{},"2475":{},"2476":{},"2477":{},"2478":{},"2479":{},"2480":{},"2481":{},"2482":{},"2483":{}}}],["inumberinputdecimalprops",{"_index":1170,"name":{"2484":{}},"parent":{"2485":{},"2486":{},"2487":{},"2488":{},"2489":{},"2490":{},"2491":{},"2492":{},"2493":{},"2494":{},"2495":{},"2496":{},"2497":{},"2498":{},"2499":{},"2500":{},"2501":{},"2502":{},"2503":{},"2504":{},"2505":{},"2506":{},"2507":{},"2508":{},"2509":{}}}],["inumberinputdecimalstate",{"_index":1180,"name":{"2549":{}},"parent":{"2550":{},"2551":{},"2552":{},"2553":{},"2554":{},"2555":{},"2556":{},"2557":{}}}],["inumberinputdecimalstate.__type",{"_index":1181,"name":{},"parent":{"2558":{},"2559":{},"2560":{}}}],["inumberinputintegerprops",{"_index":1174,"name":{"2510":{}},"parent":{"2511":{},"2512":{},"2513":{},"2514":{},"2515":{},"2516":{},"2517":{},"2518":{},"2519":{},"2520":{},"2521":{},"2522":{},"2523":{},"2524":{},"2525":{},"2526":{},"2527":{},"2528":{},"2529":{},"2530":{},"2531":{},"2532":{},"2533":{},"2534":{},"2535":{}}}],["inumberinputintegerstate",{"_index":1176,"name":{"2537":{}},"parent":{"2538":{},"2539":{},"2540":{},"2541":{},"2542":{},"2543":{},"2544":{},"2545":{}}}],["inumberinputintegerstate.__type",{"_index":1179,"name":{},"parent":{"2546":{},"2547":{},"2548":{}}}],["inumberinputprops",{"_index":1175,"name":{"2536":{}},"parent":{}}],["inumberinputstate",{"_index":1182,"name":{"2561":{}},"parent":{}}],["invalid",{"_index":749,"name":{"1622":{}},"parent":{}}],["invisible",{"_index":1775,"name":{"4389":{}},"parent":{}}],["ionerrorcallback",{"_index":487,"name":{"1147":{}},"parent":{}}],["iopendialogoption",{"_index":441,"name":{"1053":{}},"parent":{"1054":{},"1055":{},"1056":{},"1057":{},"1058":{},"1059":{},"1060":{},"1061":{},"1062":{},"1063":{},"1064":{},"1065":{},"1066":{},"1067":{},"1068":{}}}],["ioptionrenderer",{"_index":1391,"name":{"3259":{}},"parent":{}}],["ipaginationlayoutoptions",{"_index":1193,"name":{"2593":{}},"parent":{"2594":{},"2595":{},"2596":{}}}],["iplaceholdercicleprops",{"_index":1226,"name":{"2704":{}},"parent":{"2705":{},"2706":{},"2707":{},"2708":{}}}],["iplaceholderrectangleprops",{"_index":1228,"name":{"2709":{}},"parent":{"2710":{},"2711":{},"2712":{},"2713":{},"2714":{}}}],["iplaceholderrichtextblock",{"_index":1234,"name":{"2724":{}},"parent":{"2725":{},"2726":{},"2727":{},"2728":{},"2729":{},"2730":{},"2731":{},"2732":{},"2733":{},"2734":{}}}],["iplaceholdertextblockprops",{"_index":1229,"name":{"2715":{}},"parent":{"2716":{},"2717":{},"2718":{},"2719":{},"2720":{},"2721":{},"2722":{},"2723":{}}}],["iplaceholdertextrowdashedprops",{"_index":1223,"name":{"2696":{}},"parent":{"2697":{},"2698":{},"2699":{},"2700":{},"2701":{}}}],["iplaceholdertextrowdashedstate",{"_index":1225,"name":{"2702":{}},"parent":{"2703":{}}}],["iplaceholdertextrowprops",{"_index":1220,"name":{"2691":{}},"parent":{"2692":{},"2693":{},"2694":{},"2695":{}}}],["ipopclicktriggerprops",{"_index":1249,"name":{"2759":{}},"parent":{"2760":{},"2761":{},"2762":{},"2763":{},"2764":{},"2765":{},"2766":{},"2767":{},"2768":{},"2769":{},"2770":{},"2771":{},"2772":{},"2773":{},"2774":{},"2775":{},"2776":{},"2777":{},"2778":{},"2779":{},"2780":{},"2781":{},"2782":{},"2783":{},"2784":{},"2785":{}}}],["ipopcommonprops",{"_index":1261,"name":{"2843":{}},"parent":{"2844":{},"2845":{},"2846":{},"2847":{},"2848":{},"2849":{},"2850":{},"2851":{},"2852":{},"2853":{},"2854":{},"2855":{},"2856":{},"2857":{},"2858":{},"2859":{},"2860":{},"2861":{},"2862":{},"2863":{},"2864":{}}}],["ipopfocustriggerprops",{"_index":1259,"name":{"2817":{}},"parent":{"2818":{},"2819":{},"2820":{},"2821":{},"2822":{},"2823":{},"2824":{},"2825":{},"2826":{},"2827":{},"2828":{},"2829":{},"2830":{},"2831":{},"2832":{},"2833":{},"2834":{},"2835":{},"2836":{},"2837":{},"2838":{},"2839":{},"2840":{},"2841":{}}}],["ipophovertriggerprops",{"_index":1252,"name":{"2786":{}},"parent":{"2787":{},"2788":{},"2789":{},"2790":{},"2791":{},"2792":{},"2793":{},"2794":{},"2795":{},"2796":{},"2797":{},"2798":{},"2799":{},"2800":{},"2801":{},"2802":{},"2803":{},"2804":{},"2805":{},"2806":{},"2807":{},"2808":{},"2809":{},"2810":{},"2811":{},"2812":{},"2813":{},"2814":{},"2815":{},"2816":{}}}],["ipopnonetriggerprops",{"_index":1235,"name":{"2735":{}},"parent":{"2736":{},"2737":{},"2738":{},"2739":{},"2740":{},"2741":{},"2742":{},"2743":{},"2744":{},"2745":{},"2746":{},"2747":{},"2748":{},"2749":{},"2750":{},"2751":{},"2752":{},"2753":{},"2754":{},"2755":{},"2756":{},"2757":{},"2758":{}}}],["ipopoveranchorprops",{"_index":1314,"name":{"3021":{}},"parent":{"3022":{},"3023":{}}}],["ipopoverbeforehook",{"_index":1272,"name":{"2893":{}},"parent":{}}],["ipopoverclicktriggerchildprops",{"_index":1286,"name":{"2954":{}},"parent":{"2955":{}}}],["ipopoverclicktriggerprops",{"_index":1287,"name":{"2956":{}},"parent":{"2957":{},"2958":{},"2959":{},"2960":{}}}],["ipopovercontentimperativehandle",{"_index":1309,"name":{"3006":{}},"parent":{"3007":{}}}],["ipopovercontext",{"_index":1310,"name":{"3008":{}},"parent":{"3009":{},"3010":{},"3011":{},"3012":{},"3013":{},"3014":{},"3015":{},"3016":{},"3017":{},"3018":{}}}],["ipopoverfocustriggerchildprops",{"_index":1295,"name":{"2977":{}},"parent":{"2978":{},"2979":{}}}],["ipopoverfocustriggerprops",{"_index":1296,"name":{"2980":{}},"parent":{"2981":{},"2982":{}}}],["ipopoverhovertriggerchildprops",{"_index":1292,"name":{"2966":{}},"parent":{"2967":{},"2968":{}}}],["ipopoverhovertriggercontext",{"_index":1290,"name":{"2964":{}},"parent":{}}],["ipopoverhovertriggerprops",{"_index":1293,"name":{"2969":{}},"parent":{"2970":{},"2971":{},"2972":{},"2973":{},"2974":{},"2975":{}}}],["ipopoverposition",{"_index":1300,"name":{"2992":{}},"parent":{"2993":{},"2994":{}}}],["ipopoverprops",{"_index":1273,"name":{"2894":{}},"parent":{"2895":{},"2896":{},"2897":{},"2898":{},"2899":{},"2900":{},"2901":{},"2902":{},"2903":{},"2904":{},"2905":{},"2906":{},"2907":{}}}],["ipopoverstate",{"_index":1274,"name":{"2908":{}},"parent":{"2909":{}}}],["ipopovertriggerprops",{"_index":1297,"name":{"2983":{}},"parent":{"2984":{}}}],["ipopprops",{"_index":1262,"name":{"2865":{}},"parent":{}}],["ipopstate",{"_index":1263,"name":{"2866":{}},"parent":{"2867":{},"2868":{}}}],["iportalimperativehandlers",{"_index":1328,"name":{"3064":{}},"parent":{"3065":{},"3066":{},"3067":{}}}],["iportalprops",{"_index":1322,"name":{"3050":{}},"parent":{"3051":{},"3052":{},"3053":{},"3054":{},"3055":{},"3056":{},"3057":{},"3058":{},"3059":{},"3060":{},"3061":{},"3062":{},"3063":{}}}],["ipositionfunction",{"_index":1307,"name":{"3004":{}},"parent":{}}],["ipositionfunctionprops",{"_index":1301,"name":{"2995":{}},"parent":{"2996":{},"2997":{},"2998":{},"2999":{},"3000":{},"3001":{},"3002":{},"3003":{}}}],["ipreviewimageconfig",{"_index":1331,"name":{"3070":{}},"parent":{"3071":{},"3072":{},"3073":{},"3074":{},"3075":{},"3076":{}}}],["iprogressformatfn",{"_index":1338,"name":{"3082":{}},"parent":{"3083":{}}}],["iprogressinfoprops",{"_index":1351,"name":{"3117":{}},"parent":{"3118":{},"3119":{},"3120":{},"3121":{},"3122":{}}}],["iprogressinstanceprops",{"_index":1350,"name":{"3107":{}},"parent":{"3108":{},"3109":{},"3110":{},"3111":{},"3112":{},"3113":{},"3114":{},"3115":{},"3116":{}}}],["iprogressprops",{"_index":1345,"name":{"3092":{}},"parent":{"3093":{},"3094":{},"3095":{},"3096":{},"3097":{},"3098":{},"3099":{},"3100":{},"3101":{},"3102":{},"3103":{},"3104":{},"3105":{},"3106":{}}}],["iprogressstatus",{"_index":1337,"name":{"3081":{}},"parent":{}}],["iprogresstype",{"_index":1336,"name":{"3080":{}},"parent":{}}],["ipromptprops",{"_index":1353,"name":{"3124":{}},"parent":{}}],["ipubliccascaderitem",{"_index":208,"name":{"391":{}},"parent":{"392":{},"393":{},"394":{},"395":{},"396":{},"397":{}}}],["ipureportalprops",{"_index":1316,"name":{"3033":{}},"parent":{"3034":{},"3035":{}}}],["iquarterpickerprops",{"_index":403,"name":{"930":{}},"parent":{"931":{},"932":{},"933":{},"934":{},"935":{},"936":{},"937":{},"938":{},"939":{},"940":{},"941":{},"942":{},"943":{},"944":{},"945":{}}}],["iradioevent",{"_index":1357,"name":{"3128":{}},"parent":{"3129":{}}}],["iradiogroupprops",{"_index":1361,"name":{"3149":{}},"parent":{"3150":{},"3151":{},"3152":{},"3153":{},"3154":{},"3155":{},"3156":{},"3157":{}}}],["iradioprops",{"_index":1358,"name":{"3130":{}},"parent":{"3131":{},"3132":{},"3133":{},"3134":{},"3135":{},"3136":{},"3137":{},"3138":{},"3139":{},"3140":{},"3141":{}}}],["irateprops",{"_index":1363,"name":{"3159":{}},"parent":{"3160":{},"3161":{},"3162":{},"3163":{},"3164":{},"3165":{},"3166":{},"3167":{},"3168":{},"3169":{}}}],["iratestate",{"_index":1367,"name":{"3170":{}},"parent":{"3171":{},"3172":{},"3173":{}}}],["irendererror",{"_index":701,"name":{"1520":{}},"parent":{}}],["isanycolumnsfixed",{"_index":844,"name":{"1781":{}},"parent":{}}],["isanycolumnsleftfixed",{"_index":845,"name":{"1783":{}},"parent":{}}],["isanycolumnsrightfixed",{"_index":846,"name":{"1785":{}},"parent":{}}],["isasyncvalidator",{"_index":744,"name":{"1603":{}},"parent":{}}],["iscompositing",{"_index":557,"name":{"1276":{}},"parent":{}}],["iscontrolled",{"_index":261,"name":{"586":{},"4148":{},"4175":{},"4193":{}},"parent":{}}],["iscrollalertprops",{"_index":38,"name":{"53":{}},"parent":{"54":{},"55":{},"56":{},"57":{},"58":{},"59":{},"60":{},"61":{}}}],["iscurrentstep",{"_index":1472,"name":{"3546":{}},"parent":{}}],["isdivider",{"_index":74,"name":{"117":{},"2290":{},"3201":{},"3216":{}},"parent":{}}],["iselectcommonprops",{"_index":1395,"name":{"3263":{}},"parent":{"3264":{},"3265":{},"3266":{},"3267":{},"3268":{},"3269":{},"3270":{},"3271":{},"3272":{},"3273":{},"3274":{},"3275":{},"3276":{},"3277":{},"3278":{},"3279":{},"3280":{},"3281":{},"3282":{},"3283":{},"3284":{},"3285":{},"3286":{},"3287":{},"3288":{},"3289":{},"3290":{},"3291":{},"3292":{}}}],["iselectitem",{"_index":1389,"name":{"3253":{}},"parent":{"3254":{},"3255":{},"3256":{},"3257":{},"3258":{}}}],["iselectkeywordchangemeta",{"_index":1392,"name":{"3260":{}},"parent":{"3261":{}}}],["iselectmenuitem",{"_index":1377,"name":{"3195":{}},"parent":{"3196":{},"3197":{},"3198":{},"3199":{},"3200":{},"3201":{},"3202":{},"3203":{},"3204":{},"3205":{},"3206":{},"3207":{}}}],["iselectmenunesteditem",{"_index":1378,"name":{"3208":{}},"parent":{"3209":{},"3210":{},"3211":{},"3212":{},"3213":{},"3214":{},"3215":{},"3216":{},"3217":{},"3218":{},"3219":{},"3220":{},"3221":{},"3222":{}}}],["iselectmenuprops",{"_index":1381,"name":{"3223":{}},"parent":{"3224":{},"3225":{},"3226":{},"3227":{},"3228":{},"3229":{},"3230":{},"3231":{}}}],["iselectmenustate",{"_index":1385,"name":{"3232":{}},"parent":{"3233":{}}}],["iselectmultiprops",{"_index":1413,"name":{"3326":{}},"parent":{"3327":{},"3328":{},"3329":{},"3330":{},"3331":{},"3332":{},"3333":{},"3334":{},"3335":{},"3336":{},"3337":{},"3338":{},"3339":{},"3340":{},"3341":{},"3342":{},"3343":{},"3344":{},"3345":{},"3346":{},"3347":{},"3348":{},"3349":{},"3350":{},"3351":{},"3352":{},"3353":{},"3354":{},"3355":{},"3356":{},"3357":{},"3358":{},"3359":{}}}],["iselectprops",{"_index":1415,"name":{"3360":{}},"parent":{}}],["iselectsingleprops",{"_index":1412,"name":{"3293":{}},"parent":{"3294":{},"3295":{},"3296":{},"3297":{},"3298":{},"3299":{},"3300":{},"3301":{},"3302":{},"3303":{},"3304":{},"3305":{},"3306":{},"3307":{},"3308":{},"3309":{},"3310":{},"3311":{},"3312":{},"3313":{},"3314":{},"3315":{},"3316":{},"3317":{},"3318":{},"3319":{},"3320":{},"3321":{},"3322":{},"3323":{},"3324":{},"3325":{}}}],["iselectsize",{"_index":1394,"name":{"3262":{}},"parent":{}}],["iselectstate",{"_index":1416,"name":{"3361":{}},"parent":{"3362":{},"3363":{},"3364":{},"3365":{},"3366":{},"3367":{},"3368":{},"3369":{}}}],["iselecttaglistprops",{"_index":1388,"name":{"3248":{}},"parent":{"3249":{},"3250":{},"3251":{},"3252":{}}}],["iselecttagprops",{"_index":1590,"name":{"3873":{}},"parent":{"3874":{},"3875":{},"3876":{},"3877":{},"3878":{},"3879":{},"3880":{}}}],["isequal",{"_index":1398,"name":{"3267":{},"3300":{},"3334":{},"3373":{}},"parent":{}}],["isexpandable",{"_index":904,"name":{"1878":{}},"parent":{}}],["isexpanded",{"_index":903,"name":{"1877":{}},"parent":{}}],["isfixedlayout",{"_index":866,"name":{"1808":{}},"parent":{}}],["isfolded",{"_index":149,"name":{"255":{},"268":{}},"parent":{}}],["isgroup",{"_index":73,"name":{"116":{},"2289":{},"3200":{},"3215":{}},"parent":{}}],["isingleuploaditemprops",{"_index":1769,"name":{"4383":{}},"parent":{}}],["isingleuploadprops",{"_index":1756,"name":{"4317":{}},"parent":{"4318":{},"4319":{},"4320":{},"4321":{},"4322":{},"4323":{},"4324":{},"4325":{},"4326":{},"4327":{},"4328":{},"4329":{}}}],["isinline",{"_index":1152,"name":{"2406":{},"2422":{}},"parent":{}}],["islast",{"_index":322,"name":{"729":{}},"parent":{}}],["islastfinishstep",{"_index":1473,"name":{"3547":{}},"parent":{}}],["isleaf",{"_index":1659,"name":{"4065":{}},"parent":{}}],["islidercommonprops",{"_index":1444,"name":{"3442":{}},"parent":{"3443":{},"3444":{},"3445":{},"3446":{},"3447":{},"3448":{},"3449":{},"3450":{},"3451":{}}}],["isliderprops",{"_index":1449,"name":{"3478":{}},"parent":{}}],["isliderrangeprops",{"_index":1448,"name":{"3465":{}},"parent":{"3466":{},"3467":{},"3468":{},"3469":{},"3470":{},"3471":{},"3472":{},"3473":{},"3474":{},"3475":{},"3476":{},"3477":{}}}],["islidersingleprops",{"_index":1447,"name":{"3452":{}},"parent":{"3453":{},"3454":{},"3455":{},"3456":{},"3457":{},"3458":{},"3459":{},"3460":{},"3461":{},"3462":{},"3463":{},"3464":{}}}],["isliderstate",{"_index":1450,"name":{"3479":{}},"parent":{"3480":{},"3481":{},"3482":{},"3483":{}}}],["ismouseenter",{"_index":1514,"name":{"3668":{}},"parent":{}}],["ismoving",{"_index":158,"name":{"274":{}},"parent":{}}],["isortableprops",{"_index":1453,"name":{"3485":{}},"parent":{"3486":{},"3487":{},"3488":{},"3489":{},"3490":{},"3491":{},"3492":{}}}],["isplitbuttonprops",{"_index":1461,"name":{"3506":{}},"parent":{"3507":{},"3508":{},"3509":{},"3510":{},"3511":{},"3512":{},"3513":{},"3514":{},"3515":{},"3516":{},"3517":{},"3518":{},"3519":{}}}],["ispositionready",{"_index":1283,"name":{"2938":{}},"parent":{}}],["isrequiredvalidator",{"_index":575,"name":{"1349":{}},"parent":{}}],["isroot",{"_index":1685,"name":{"4102":{}},"parent":{}}],["isselectcontrolled",{"_index":1694,"name":{"4124":{}},"parent":{}}],["isshowdropdown",{"_index":1469,"name":{"3537":{}},"parent":{}}],["issingleselection",{"_index":898,"name":{"1871":{}},"parent":{}}],["isswiping",{"_index":1513,"name":{"3667":{}},"parent":{}}],["istatusbarprops",{"_index":1593,"name":{"3883":{}},"parent":{"3884":{},"3885":{},"3886":{},"3887":{},"3888":{},"3889":{},"3890":{},"3891":{},"3892":{},"3893":{},"3894":{},"3895":{},"3896":{},"3897":{},"3898":{}}}],["istepprops",{"_index":1471,"name":{"3542":{}},"parent":{"3543":{},"3544":{},"3545":{},"3546":{},"3547":{},"3548":{},"3549":{},"3550":{},"3551":{},"3552":{}}}],["istepsprops",{"_index":1477,"name":{"3553":{}},"parent":{"3554":{},"3555":{},"3556":{},"3557":{},"3558":{},"3559":{},"3560":{},"3561":{}}}],["istouched",{"_index":556,"name":{"1275":{}},"parent":{}}],["isubmenuprops",{"_index":1154,"name":{"2416":{}},"parent":{"2417":{},"2418":{},"2419":{},"2420":{},"2421":{},"2422":{},"2423":{},"2424":{},"2425":{},"2426":{},"2427":{},"2428":{},"2429":{},"2430":{},"2431":{}}}],["isubmenustate",{"_index":1157,"name":{"2432":{}},"parent":{"2433":{}}}],["isvalidnewoption",{"_index":1406,"name":{"3286":{},"3319":{},"3353":{},"3379":{}},"parent":{}}],["isvalueempty",{"_index":821,"name":{"1753":{},"1859":{}},"parent":{}}],["isvalueequal",{"_index":267,"name":{"597":{},"606":{},"3154":{}},"parent":{}}],["isviewdrivenprops",{"_index":705,"name":{"1534":{}},"parent":{}}],["iswiperprops",{"_index":1489,"name":{"3617":{}},"parent":{"3618":{},"3619":{},"3620":{},"3621":{},"3622":{},"3623":{},"3624":{},"3625":{},"3626":{},"3627":{},"3628":{},"3631":{},"3632":{},"3633":{},"3634":{},"3635":{},"3636":{}}}],["iswiperprops.__type",{"_index":1499,"name":{},"parent":{"3629":{},"3630":{}}}],["iswiperstate",{"_index":1505,"name":{"3637":{}},"parent":{"3638":{},"3639":{}}}],["iswitchprops",{"_index":1530,"name":{"3694":{}},"parent":{"3695":{},"3696":{},"3697":{},"3698":{},"3699":{},"3700":{},"3701":{},"3702":{}}}],["isyncvalidator",{"_index":567,"name":{"1339":{}},"parent":{"1340":{}}}],["itab",{"_index":1549,"name":{"3733":{}},"parent":{"3734":{},"3735":{},"3736":{},"3737":{},"3738":{},"3739":{}}}],["itabnavstate",{"_index":1579,"name":{"3822":{}},"parent":{"3823":{}}}],["itaboverflowmode",{"_index":1558,"name":{"3755":{}},"parent":{}}],["itabpanelelement",{"_index":1562,"name":{"3766":{}},"parent":{}}],["itabpanelprops",{"_index":1559,"name":{"3756":{}},"parent":{"3757":{},"3758":{},"3759":{},"3760":{},"3761":{},"3762":{},"3763":{},"3764":{}}}],["itabprops",{"_index":1581,"name":{"3828":{}},"parent":{"3829":{},"3830":{},"3831":{},"3832":{},"3833":{},"3834":{},"3835":{},"3836":{},"3837":{}}}],["itabscascaderprops",{"_index":258,"name":{"553":{}},"parent":{"554":{},"555":{},"556":{},"557":{},"558":{},"559":{},"560":{},"561":{},"562":{},"563":{},"564":{},"565":{},"566":{},"567":{},"568":{},"569":{},"570":{}}}],["itabsnavprops",{"_index":1578,"name":{"3806":{}},"parent":{"3807":{},"3808":{},"3809":{},"3810":{},"3811":{},"3812":{},"3813":{},"3814":{},"3815":{},"3816":{},"3817":{},"3818":{},"3819":{},"3820":{},"3821":{}}}],["itabsprops",{"_index":1567,"name":{"3775":{}},"parent":{"3776":{},"3777":{},"3778":{},"3779":{},"3780":{},"3781":{},"3782":{},"3783":{},"3784":{},"3785":{},"3786":{},"3787":{},"3788":{},"3789":{},"3790":{},"3791":{},"3792":{},"3793":{}}}],["itagprops",{"_index":1583,"name":{"3853":{}},"parent":{"3854":{},"3855":{},"3856":{},"3857":{},"3858":{},"3859":{},"3860":{},"3861":{},"3862":{},"3863":{}}}],["item",{"_index":155,"name":{"264":{},"2070":{},"3980":{},"4233":{},"4376":{}},"parent":{}}],["items",{"_index":83,"name":{"127":{},"1967":{},"2071":{},"3197":{},"3211":{},"3226":{},"3233":{},"3488":{}},"parent":{}}],["itextareaprops",{"_index":1048,"name":{"2175":{}},"parent":{"2176":{},"2177":{},"2178":{},"2179":{},"2180":{},"2181":{},"2182":{},"2183":{},"2184":{},"2185":{},"2186":{},"2187":{},"2188":{},"2189":{},"2190":{}}}],["itextmarkprops",{"_index":1599,"name":{"3906":{}},"parent":{"3907":{},"3908":{},"3909":{},"3910":{},"3911":{},"3912":{},"3913":{},"3914":{},"3915":{},"3916":{},"3917":{},"3918":{},"3919":{},"3920":{},"3921":{},"3922":{}}}],["itimelinearrayitem",{"_index":1622,"name":{"3953":{}},"parent":{"3954":{},"3955":{},"3956":{},"3957":{},"3958":{},"3959":{},"3960":{},"3961":{},"3962":{},"3963":{},"3964":{},"3965":{},"3966":{}}}],["itimelineitemprops",{"_index":1612,"name":{"3923":{}},"parent":{"3924":{},"3925":{},"3926":{},"3927":{},"3928":{},"3929":{},"3930":{},"3931":{},"3932":{},"3933":{},"3934":{}}}],["itimelineprops",{"_index":1623,"name":{"3967":{}},"parent":{"3968":{},"3969":{},"3970":{},"3971":{},"3972":{}}}],["itimepickerprops",{"_index":405,"name":{"947":{}},"parent":{}}],["itimerangepickerprops",{"_index":407,"name":{"949":{}},"parent":{"950":{},"951":{},"952":{},"953":{},"954":{},"955":{},"956":{},"957":{},"958":{},"959":{},"960":{},"961":{},"962":{},"963":{},"964":{},"965":{},"966":{},"967":{},"968":{},"969":{}}}],["itooltipbaseprops",{"_index":1628,"name":{"3986":{}},"parent":{"3987":{},"3988":{},"3989":{},"3990":{},"3991":{},"3992":{},"3993":{},"3994":{},"3995":{},"3996":{},"3997":{}}}],["itransferarrowbutton",{"_index":1645,"name":{"4040":{}},"parent":{"4041":{},"4042":{},"4043":{},"4044":{}}}],["itransferdata",{"_index":1633,"name":{"4017":{}},"parent":{"4018":{}}}],["itransferdirectionchangeprops",{"_index":1635,"name":{"4020":{}},"parent":{"4021":{},"4022":{},"4023":{},"4024":{}}}],["itransferhookparams",{"_index":1646,"name":{"4045":{}},"parent":{"4046":{},"4047":{},"4048":{}}}],["itransferhookresult",{"_index":1648,"name":{"4049":{}},"parent":{"4050":{},"4051":{},"4052":{},"4053":{},"4054":{},"4055":{}}}],["itransferitem",{"_index":1639,"name":{"4025":{}},"parent":{"4026":{},"4027":{},"4028":{},"4029":{},"4030":{},"4031":{},"4032":{},"4033":{},"4034":{},"4035":{},"4036":{},"4037":{},"4038":{}}}],["itreedata",{"_index":1657,"name":{"4063":{}},"parent":{"4064":{},"4065":{}}}],["itreeoncheckhelpinfo",{"_index":1664,"name":{"4073":{}},"parent":{"4074":{},"4075":{},"4076":{},"4077":{},"4078":{}}}],["itreeoperation",{"_index":1662,"name":{"4068":{}},"parent":{"4069":{},"4070":{},"4071":{},"4072":{}}}],["itreeprops",{"_index":1669,"name":{"4079":{}},"parent":{"4080":{},"4081":{},"4082":{},"4083":{},"4084":{},"4085":{},"4086":{},"4087":{},"4088":{},"4089":{},"4090":{},"4091":{},"4092":{},"4093":{},"4094":{},"4095":{},"4096":{},"4097":{},"4098":{},"4099":{},"4100":{},"4101":{},"4102":{}}}],["itreerenderkey",{"_index":1655,"name":{"4058":{}},"parent":{"4059":{},"4060":{},"4061":{},"4062":{}}}],["itreerootinfomap",{"_index":1660,"name":{"4066":{}},"parent":{}}],["itreesize",{"_index":1661,"name":{"4067":{}},"parent":{}}],["itreestate",{"_index":1686,"name":{"4103":{}},"parent":{"4104":{},"4105":{},"4106":{},"4107":{},"4108":{},"4109":{},"4110":{},"4111":{},"4112":{}}}],["iuploadchangedetail",{"_index":1729,"name":{"4232":{}},"parent":{"4233":{},"4234":{}}}],["iuploaderrormessageconfigmap",{"_index":1731,"name":{"4237":{}},"parent":{"4238":{},"4239":{},"4242":{},"4243":{}}}],["iuploaderrormessageconfigmap.__type",{"_index":1734,"name":{},"parent":{"4240":{},"4241":{},"4244":{}}}],["iuploadfileitem",{"_index":1723,"name":{"4213":{}},"parent":{"4214":{},"4215":{},"4216":{},"4217":{},"4218":{},"4219":{}}}],["iuploadfileiteminner",{"_index":1727,"name":{"4229":{}},"parent":{}}],["iuploaditemprops",{"_index":1767,"name":{"4375":{}},"parent":{"4376":{},"4377":{},"4378":{},"4379":{},"4380":{},"4381":{}}}],["iuploadlistprops",{"_index":1764,"name":{"4355":{}},"parent":{"4356":{},"4357":{},"4358":{},"4359":{},"4360":{},"4361":{},"4362":{},"4363":{},"4364":{}}}],["iuploadonchangehandler",{"_index":1728,"name":{"4230":{}},"parent":{"4231":{}}}],["iuploadonerrorhandler",{"_index":1738,"name":{"4245":{}},"parent":{"4246":{}}}],["iuploadonuploadhandler",{"_index":1730,"name":{"4235":{}},"parent":{"4236":{}}}],["iuploadprops",{"_index":1751,"name":{"4279":{}},"parent":{"4280":{},"4281":{},"4282":{},"4283":{},"4284":{},"4285":{},"4286":{},"4287":{},"4288":{},"4289":{},"4290":{},"4291":{},"4292":{},"4293":{},"4294":{},"4295":{},"4296":{},"4297":{}}}],["iuploadtipconfig",{"_index":1739,"name":{"4247":{}},"parent":{}}],["iuploadtipsfunc",{"_index":1740,"name":{"4248":{}},"parent":{"4249":{}}}],["iuseimecompositionresult",{"_index":1010,"name":{"2108":{}},"parent":{"2109":{},"2110":{},"2111":{},"2112":{}}}],["ivalidateresult",{"_index":630,"name":{"1435":{}},"parent":{"1436":{},"1437":{},"1438":{},"1439":{}}}],["ivalidator",{"_index":571,"name":{"1345":{}},"parent":{}}],["ivalidators",{"_index":572,"name":{"1346":{}},"parent":{}}],["ivaluetype",{"_index":351,"name":{"798":{}},"parent":{}}],["ivaluetyperangemap",{"_index":352,"name":{"799":{}},"parent":{"800":{},"801":{},"802":{}}}],["iverticaldivide",{"_index":1543,"name":{"3727":{}},"parent":{"3728":{}}}],["iverticalinnertab",{"_index":1556,"name":{"3753":{}},"parent":{}}],["iverticaltab",{"_index":1551,"name":{"3740":{}},"parent":{}}],["iverticaltabpanelprops",{"_index":1561,"name":{"3765":{}},"parent":{}}],["iverticaltabsnavprops",{"_index":1580,"name":{"3824":{}},"parent":{"3825":{},"3826":{},"3827":{}}}],["iverticaltabsprops",{"_index":1574,"name":{"3794":{}},"parent":{"3795":{},"3796":{},"3797":{},"3798":{},"3799":{},"3800":{},"3801":{},"3802":{}}}],["iwaypointbounds",{"_index":1777,"name":{"4391":{}},"parent":{"4392":{},"4393":{},"4394":{},"4395":{}}}],["iwaypointcallbackdata",{"_index":1782,"name":{"4396":{}},"parent":{"4397":{},"4398":{},"4399":{},"4400":{},"4401":{},"4402":{},"4403":{}}}],["iwaypointprops",{"_index":1786,"name":{"4404":{}},"parent":{"4405":{},"4406":{},"4407":{},"4408":{},"4409":{},"4410":{},"4411":{},"4412":{},"4413":{}}}],["iweekpickerprops",{"_index":417,"name":{"979":{}},"parent":{"980":{},"981":{},"982":{},"983":{},"984":{},"985":{},"986":{},"987":{},"988":{},"989":{},"990":{},"991":{},"992":{},"993":{},"994":{},"995":{},"996":{}}}],["iwindoweventhandlerprops",{"_index":512,"name":{"1190":{}},"parent":{"1191":{},"1192":{},"1193":{}}}],["iwindowresizehandlerdelta",{"_index":513,"name":{"1194":{}},"parent":{"1195":{},"1196":{}}}],["iwindowresizehandlerprops",{"_index":516,"name":{"1197":{}},"parent":{"1198":{},"1199":{}}}],["iwindowscrollhandler",{"_index":520,"name":{"1201":{}},"parent":{"1202":{},"1203":{},"1204":{}}}],["iwitherrorboundaryoption",{"_index":501,"name":{"1175":{}},"parent":{"1176":{},"1177":{},"1178":{}}}],["iwithlength",{"_index":582,"name":{"1358":{}},"parent":{}}],["iyearpickerprops",{"_index":420,"name":{"998":{}},"parent":{"999":{},"1000":{},"1001":{},"1002":{},"1003":{},"1004":{},"1005":{},"1006":{},"1007":{},"1008":{},"1009":{},"1010":{},"1011":{},"1012":{},"1013":{}}}],["jajplocale",{"_index":928,"name":{"1934":{}},"parent":{"1935":{},"1936":{},"1937":{},"1938":{},"1939":{},"1940":{},"1941":{},"1942":{},"1943":{},"1944":{},"1945":{},"1946":{},"1947":{},"1948":{},"1949":{},"1950":{},"1951":{}}}],["jumpto",{"_index":938,"name":{"1963":{}},"parent":{}}],["justify",{"_index":1064,"name":{"2221":{},"2227":{}},"parent":{}}],["key",{"_index":811,"name":{"1738":{},"2401":{},"2417":{},"3254":{},"3734":{},"3746":{}},"parent":{}}],["keyname",{"_index":1640,"name":{"4028":{}},"parent":{}}],["keyword",{"_index":1396,"name":{"3264":{},"3297":{},"3331":{},"3364":{}},"parent":{}}],["label",{"_index":209,"name":{"393":{},"402":{},"1466":{},"1623":{},"1633":{},"3930":{},"3962":{}},"parent":{}}],["labelstyle",{"_index":277,"name":{"630":{},"648":{}},"parent":{}}],["lastmouseposition",{"_index":457,"name":{"1104":{}},"parent":{}}],["lastpagehelp",{"_index":1191,"name":{"2590":{},"2661":{}},"parent":{}}],["lastscrollleft",{"_index":837,"name":{"1773":{}},"parent":{}}],["lastscrolltop",{"_index":838,"name":{"1774":{}},"parent":{}}],["layer",{"_index":1323,"name":{"3052":{}},"parent":{}}],["layout",{"_index":714,"name":{"1546":{}},"parent":{}}],["layoutbreakpoint",{"_index":1078,"name":{"2257":{}},"parent":{"2258":{},"2259":{},"2260":{},"2261":{},"2262":{},"2263":{},"2264":{}}}],["layoutbreakpointname",{"_index":1086,"name":{"2265":{}},"parent":{}}],["layoutcol",{"_index":1071,"name":{"2238":{}},"parent":{"2239":{},"2240":{},"2243":{},"2244":{},"2245":{}}}],["layoutcol.__type",{"_index":1072,"name":{},"parent":{"2241":{},"2242":{}}}],["layoutconfigprovider",{"_index":1062,"name":{"2218":{}},"parent":{}}],["layoutfn",{"_index":1196,"name":{"2602":{},"2622":{},"2643":{},"2672":{}},"parent":{}}],["layoutgrid",{"_index":1074,"name":{"2249":{}},"parent":{"2250":{},"2251":{},"2252":{},"2254":{},"2255":{},"2256":{}}}],["layoutgrid.__type",{"_index":1076,"name":{},"parent":{"2253":{}}}],["layoutrow",{"_index":1066,"name":{"2224":{}},"parent":{"2225":{},"2226":{},"2229":{},"2230":{},"2231":{}}}],["layoutrow.__type",{"_index":1067,"name":{},"parent":{"2227":{},"2228":{}}}],["left",{"_index":1498,"name":{"3629":{},"3655":{}},"parent":{}}],["leftbody",{"_index":832,"name":{"1768":{}},"parent":{}}],["leftcontent",{"_index":141,"name":{"238":{}},"parent":{}}],["legend",{"_index":1626,"name":{"3981":{}},"parent":{}}],["length",{"_index":583,"name":{"1359":{}},"parent":{}}],["lg",{"_index":1082,"name":{"2261":{},"2272":{}},"parent":{}}],["limit",{"_index":243,"name":{"444":{},"474":{},"506":{},"538":{},"2058":{}},"parent":{}}],["linecolor",{"_index":1615,"name":{"3928":{},"3940":{},"3960":{}},"parent":{}}],["lineheight",{"_index":246,"name":{"447":{},"477":{},"509":{},"532":{}},"parent":{}}],["lines",{"_index":284,"name":{"655":{}},"parent":{}}],["linespacing",{"_index":1222,"name":{"2695":{},"2699":{},"2717":{},"2734":{}},"parent":{}}],["link",{"_index":474,"name":{"1129":{},"1134":{},"2282":{}},"parent":{}}],["linkiconstyle",{"_index":1588,"name":{"3866":{}},"parent":{}}],["links",{"_index":485,"name":{"1145":{}},"parent":{}}],["linktag",{"_index":1589,"name":{"3872":{}},"parent":{}}],["list",{"_index":229,"name":{"428":{},"3249":{},"4035":{}},"parent":{}}],["listener",{"_index":508,"name":{"1185":{},"1192":{}},"parent":{}}],["litepagination",{"_index":1208,"name":{"2633":{}},"parent":{"2634":{},"2635":{},"2641":{},"2642":{},"2643":{},"2644":{},"2645":{},"2646":{},"2647":{},"2648":{},"2649":{},"2650":{},"2651":{},"2652":{},"2653":{}}}],["litepagination.__type",{"_index":1209,"name":{},"parent":{"2636":{},"2637":{},"2638":{},"2639":{},"2640":{}}}],["loadchildren",{"_index":225,"name":{"423":{}},"parent":{}}],["loadchildrenonexpand",{"_index":210,"name":{"396":{},"404":{}},"parent":{}}],["loadchildrenonscroll",{"_index":211,"name":{"397":{},"405":{},"438":{},"468":{},"500":{},"535":{}},"parent":{}}],["loader",{"_index":1024,"name":{"2129":{}},"parent":{}}],["loading",{"_index":26,"name":{"27":{},"46":{},"56":{},"66":{},"306":{},"345":{},"360":{},"370":{},"1709":{},"2005":{},"2303":{},"3283":{},"3316":{},"3350":{},"3386":{},"3510":{},"3700":{},"3893":{}},"parent":{}}],["loadingnode",{"_index":1692,"name":{"4111":{}},"parent":{}}],["loadingprops",{"_index":800,"name":{"1727":{}},"parent":{}}],["loadmore",{"_index":1021,"name":{"2126":{},"4101":{}},"parent":{}}],["loadoptions",{"_index":235,"name":{"435":{},"465":{},"497":{},"556":{}},"parent":{}}],["localemark",{"_index":1000,"name":{"2078":{}},"parent":{}}],["lunarvalueformatter",{"_index":377,"name":{"825":{},"875":{}},"parent":{}}],["makechangehandler",{"_index":609,"name":{"1385":{}},"parent":{}}],["manualupload",{"_index":1747,"name":{"4261":{},"4277":{},"4296":{},"4315":{},"4328":{}},"parent":{}}],["marginleft",{"_index":809,"name":{"1736":{}},"parent":{}}],["mark",{"_index":915,"name":{"1899":{},"1917":{},"1935":{},"2080":{}},"parent":{}}],["markforrequired",{"_index":574,"name":{"1348":{}},"parent":{}}],["marks",{"_index":1446,"name":{"3451":{},"3464":{},"3477":{}},"parent":{}}],["mask",{"_index":447,"name":{"1065":{},"1076":{},"1095":{}},"parent":{}}],["maskclosable",{"_index":448,"name":{"1066":{},"1077":{},"1096":{},"3596":{},"3610":{}},"parent":{}}],["max",{"_index":432,"name":{"1032":{},"1043":{},"1351":{},"2077":{},"2515":{},"2542":{},"2554":{},"3430":{},"3444":{},"3457":{},"3470":{}},"parent":{}}],["maxamount",{"_index":1737,"name":{"4244":{},"4268":{},"4287":{},"4306":{},"4337":{}},"parent":{}}],["maxcharactercount",{"_index":1051,"name":{"2180":{}},"parent":{}}],["maxcount",{"_index":128,"name":{"210":{},"221":{}},"parent":{}}],["maxitemcount",{"_index":147,"name":{"252":{}},"parent":{}}],["maxlength",{"_index":580,"name":{"1356":{}},"parent":{}}],["maxline",{"_index":245,"name":{"446":{},"476":{},"508":{},"531":{}},"parent":{}}],["maxsize",{"_index":1733,"name":{"4240":{},"4258":{},"4274":{},"4293":{},"4312":{},"4325":{},"4336":{}},"parent":{}}],["md",{"_index":1083,"name":{"2262":{},"2273":{}},"parent":{}}],["mention",{"_index":924,"name":{"1912":{},"1930":{},"1948":{},"2094":{},"2309":{}},"parent":{"2310":{},"2311":{},"2318":{},"2319":{},"2320":{},"2321":{},"2322":{},"2323":{},"2328":{},"2329":{},"2330":{},"2331":{},"2332":{},"2333":{},"2334":{},"2335":{},"2336":{},"2337":{},"2338":{},"2339":{},"2340":{},"2341":{},"2342":{},"2343":{},"2344":{},"2345":{},"2346":{},"2347":{},"2348":{},"2349":{},"2350":{},"2351":{}}}],["mention.__type",{"_index":1105,"name":{},"parent":{"2312":{},"2313":{},"2314":{},"2315":{},"2316":{},"2317":{},"2324":{},"2325":{},"2326":{},"2327":{}}}],["menu",{"_index":1142,"name":{"2379":{}},"parent":{"2380":{},"2381":{},"2382":{},"2383":{},"2391":{},"2392":{},"2393":{},"2394":{},"2395":{},"2396":{},"2397":{},"2398":{},"2399":{}}}],["menu.__type",{"_index":1145,"name":{},"parent":{"2384":{},"2385":{},"2386":{},"2387":{},"2388":{},"2389":{},"2390":{}}}],["menucascader",{"_index":255,"name":{"523":{}},"parent":{"524":{},"525":{},"546":{},"547":{},"548":{},"549":{},"550":{},"551":{},"552":{}}}],["menucascader.__type",{"_index":256,"name":{},"parent":{"526":{},"527":{},"528":{},"529":{},"530":{},"531":{},"532":{},"533":{},"534":{},"535":{},"536":{},"537":{},"538":{},"539":{},"540":{},"541":{},"542":{},"543":{},"544":{},"545":{}}}],["menuitem",{"_index":1143,"name":{"2380":{},"2411":{}},"parent":{"2412":{},"2413":{},"2414":{},"2415":{}}}],["message",{"_index":587,"name":{"1362":{},"1437":{}},"parent":{}}],["middleware",{"_index":607,"name":{"1383":{}},"parent":{}}],["min",{"_index":431,"name":{"1031":{},"1042":{},"1350":{},"2076":{},"2490":{},"2514":{},"2541":{},"2553":{},"3429":{},"3443":{},"3456":{},"3469":{}},"parent":{}}],["minipagination",{"_index":1211,"name":{"2664":{}},"parent":{"2665":{},"2666":{},"2670":{},"2671":{},"2672":{},"2673":{},"2674":{},"2675":{},"2676":{},"2677":{},"2678":{},"2679":{},"2680":{},"2681":{},"2682":{}}}],["minipagination.__type",{"_index":1212,"name":{},"parent":{"2667":{},"2668":{},"2669":{}}}],["minlength",{"_index":579,"name":{"1355":{}},"parent":{}}],["minute",{"_index":978,"name":{"2036":{}},"parent":{}}],["minuteselect",{"_index":981,"name":{"2040":{}},"parent":{}}],["minutestep",{"_index":393,"name":{"860":{},"961":{}},"parent":{}}],["mode",{"_index":292,"name":{"663":{},"2353":{},"2359":{},"2373":{},"2386":{}},"parent":{}}],["model",{"_index":565,"name":{"1337":{},"1442":{},"1529":{},"1652":{}},"parent":{}}],["modelref",{"_index":650,"name":{"1461":{},"1650":{},"1657":{},"1666":{}},"parent":{}}],["models",{"_index":768,"name":{"1673":{}},"parent":{}}],["monday",{"_index":411,"name":{"973":{}},"parent":{}}],["month",{"_index":965,"name":{"2015":{},"2031":{}},"parent":{}}],["monthnames",{"_index":987,"name":{"2046":{}},"parent":{}}],["monthpicker",{"_index":402,"name":{"929":{}},"parent":{}}],["mounted",{"_index":823,"name":{"1758":{}},"parent":{}}],["mouseenterdelay",{"_index":1253,"name":{"2788":{},"2877":{}},"parent":{}}],["mouseleavedelay",{"_index":1254,"name":{"2789":{},"2876":{}},"parent":{}}],["mouseoverrowindex",{"_index":802,"name":{"1729":{}},"parent":{}}],["mouseposition",{"_index":1620,"name":{"3944":{}},"parent":{}}],["movefocusindexdown",{"_index":110,"name":{"171":{},"3243":{}},"parent":{}}],["movefocusindexup",{"_index":111,"name":{"172":{},"3244":{}},"parent":{}}],["multi",{"_index":598,"name":{"1374":{}},"parent":{}}],["multiline",{"_index":1100,"name":{"2297":{},"2312":{}},"parent":{}}],["multiple",{"_index":248,"name":{"461":{},"491":{},"529":{},"3294":{},"3327":{},"3384":{},"4267":{},"4286":{},"4305":{},"4338":{},"4345":{}},"parent":{}}],["multipletype",{"_index":244,"name":{"445":{},"475":{},"507":{},"530":{}},"parent":{}}],["name",{"_index":168,"name":{"289":{},"834":{},"849":{},"882":{},"902":{},"920":{},"937":{},"952":{},"988":{},"1005":{},"1436":{},"1522":{},"1659":{},"1740":{},"1846":{},"2601":{},"2621":{},"2642":{},"2671":{},"4069":{},"4216":{},"4225":{}},"parent":{}}],["names",{"_index":767,"name":{"1672":{}},"parent":{}}],["navextracontent",{"_index":1571,"name":{"3780":{},"3810":{}},"parent":{}}],["needsort",{"_index":813,"name":{"1744":{},"1850":{}},"parent":{}}],["next",{"_index":946,"name":{"1972":{},"3678":{}},"parent":{}}],["nocontent",{"_index":996,"name":{"2067":{}},"parent":{}}],["none",{"_index":706,"name":{"1536":{}},"parent":{}}],["normalcolor",{"_index":1347,"name":{"3095":{}},"parent":{}}],["normalize",{"_index":647,"name":{"1457":{}},"parent":{}}],["normalizebeforeblur",{"_index":648,"name":{"1458":{}},"parent":{}}],["normalizebeforesubmit",{"_index":544,"name":{"1237":{},"1277":{},"1308":{},"1393":{},"1403":{},"1411":{},"1420":{},"1429":{},"1527":{},"1660":{}},"parent":{}}],["notfoundcontent",{"_index":1399,"name":{"3269":{},"3302":{},"3336":{}},"parent":{}}],["notice",{"_index":642,"name":{"1451":{},"2434":{},"2435":{}},"parent":{"2436":{},"2437":{},"2438":{}}}],["notify",{"_index":1162,"name":{"2450":{}},"parent":{"2451":{}}}],["notify.__type",{"_index":1163,"name":{},"parent":{"2452":{},"2453":{},"2454":{},"2455":{},"2456":{},"2457":{},"2458":{},"2459":{},"2460":{},"2461":{},"2462":{},"2463":{}}}],["nowrap",{"_index":819,"name":{"1750":{},"1751":{},"1856":{},"1857":{}},"parent":{}}],["nulloption",{"_index":1384,"name":{"3231":{},"3239":{}},"parent":{}}],["nulloptioncontent",{"_index":1383,"name":{"3230":{}},"parent":{}}],["number",{"_index":354,"name":{"801":{}},"parent":{}}],["numberinput",{"_index":926,"name":{"1915":{},"1933":{},"1951":{},"2096":{},"2562":{}},"parent":{"2563":{},"2564":{},"2569":{},"2570":{},"2571":{},"2572":{},"2573":{},"2574":{},"2575":{},"2576":{},"2577":{},"2578":{},"2579":{},"2580":{},"2581":{}}}],["numberinput.__type",{"_index":1183,"name":{},"parent":{"2565":{},"2566":{},"2567":{},"2568":{}}}],["observe",{"_index":306,"name":{"683":{}},"parent":{}}],["offset",{"_index":131,"name":{"213":{},"2234":{},"2241":{}},"parent":{}}],["offsetbottom",{"_index":4,"name":{"4":{}},"parent":{}}],["offsettop",{"_index":3,"name":{"3":{},"1139":{}},"parent":{}}],["offsetx",{"_index":711,"name":{"1543":{}},"parent":{}}],["offsety",{"_index":712,"name":{"1544":{}},"parent":{}}],["ok",{"_index":932,"name":{"1955":{},"1989":{},"1996":{},"2008":{},"2049":{},"2063":{}},"parent":{}}],["onadd",{"_index":1569,"name":{"3777":{},"3813":{}},"parent":{}}],["onaddfile",{"_index":1759,"name":{"4339":{}},"parent":{}}],["onbeforeclose",{"_index":1241,"name":{"2746":{},"2773":{},"2804":{},"2829":{},"2852":{},"2900":{}},"parent":{}}],["onbeforeshow",{"_index":1240,"name":{"2745":{},"2772":{},"2803":{},"2828":{},"2851":{},"2899":{}},"parent":{}}],["onblur",{"_index":653,"name":{"1470":{},"1640":{},"2211":{},"2305":{},"2979":{}},"parent":{}}],["onbreakpointchange",{"_index":1077,"name":{"2255":{}},"parent":{}}],["oncancel",{"_index":1246,"name":{"2756":{},"2783":{},"2814":{},"2839":{},"2862":{},"3599":{},"3613":{}},"parent":{}}],["oncellclick",{"_index":817,"name":{"1748":{},"1854":{}},"parent":{}}],["onchange",{"_index":84,"name":{"128":{},"463":{},"493":{},"555":{},"600":{},"627":{},"645":{},"693":{},"701":{},"716":{},"725":{},"752":{},"760":{},"843":{},"852":{},"890":{},"911":{},"928":{},"945":{},"955":{},"996":{},"1013":{},"1023":{},"1142":{},"1471":{},"1639":{},"1701":{},"1778":{},"2110":{},"2166":{},"2181":{},"2295":{},"2487":{},"2513":{},"2589":{},"2660":{},"3137":{},"3153":{},"3160":{},"3296":{},"3329":{},"3455":{},"3468":{},"3490":{},"3633":{},"3696":{},"3768":{},"3784":{},"3796":{},"3804":{},"3817":{},"3826":{},"3875":{},"4044":{},"4195":{},"4266":{},"4285":{},"4304":{},"4319":{},"4346":{}},"parent":{}}],["onchangepanel",{"_index":375,"name":{"823":{}},"parent":{}}],["oncheck",{"_index":1672,"name":{"4083":{}},"parent":{}}],["oncheckboxchange",{"_index":272,"name":{"614":{}},"parent":{}}],["onclear",{"_index":265,"name":{"592":{},"3417":{}},"parent":{}}],["onclick",{"_index":71,"name":{"113":{},"291":{},"337":{},"591":{},"779":{},"2354":{},"2368":{},"2374":{},"2384":{},"2405":{},"2423":{},"2955":{},"3022":{},"3189":{},"3202":{},"3217":{},"3518":{}},"parent":{}}],["onclose",{"_index":19,"name":{"19":{},"38":{},"58":{},"829":{},"857":{},"877":{},"897":{},"915":{},"932":{},"951":{},"983":{},"1000":{},"1057":{},"1075":{},"1088":{},"1105":{},"2445":{},"2744":{},"2771":{},"2802":{},"2827":{},"2850":{},"2898":{},"3058":{},"3600":{},"3614":{},"3858":{},"3867":{},"3876":{},"3890":{}},"parent":{}}],["onclosed",{"_index":450,"name":{"1068":{},"1081":{}},"parent":{}}],["onclosemenulist",{"_index":1113,"name":{"2334":{}},"parent":{}}],["oncompositionend",{"_index":613,"name":{"1388":{},"1468":{},"1642":{},"2112":{}},"parent":{}}],["oncompositionstart",{"_index":611,"name":{"1387":{},"1469":{},"1641":{},"2111":{}},"parent":{}}],["onconfirm",{"_index":1245,"name":{"2755":{},"2782":{},"2813":{},"2838":{},"2861":{},"3592":{},"3606":{}},"parent":{}}],["oncontainerrefchange",{"_index":303,"name":{"680":{}},"parent":{}}],["oncopy",{"_index":345,"name":{"789":{}},"parent":{}}],["oncopycallback",{"_index":344,"name":{"788":{}},"parent":{}}],["oncopyerror",{"_index":341,"name":{"781":{},"786":{}},"parent":{}}],["oncopysuccess",{"_index":340,"name":{"780":{},"785":{}},"parent":{}}],["oncreate",{"_index":1405,"name":{"3285":{},"3318":{},"3352":{}},"parent":{}}],["oncreateclick",{"_index":1436,"name":{"3418":{}},"parent":{}}],["ondelete",{"_index":1568,"name":{"3776":{},"3807":{},"3831":{},"4351":{},"4361":{},"4371":{},"4380":{}},"parent":{}}],["onenter",{"_index":1792,"name":{"4411":{}},"parent":{}}],["onerror",{"_index":492,"name":{"1152":{},"1172":{},"1178":{},"4257":{},"4273":{},"4292":{},"4311":{},"4324":{},"4340":{}},"parent":{}}],["onexited",{"_index":458,"name":{"1106":{}},"parent":{}}],["onexpand",{"_index":791,"name":{"1717":{},"4086":{}},"parent":{}}],["onexpandchange",{"_index":1137,"name":{"2364":{}},"parent":{}}],["onfirstchildref",{"_index":51,"name":{"79":{}},"parent":{}}],["onfixedchange",{"_index":1548,"name":{"3732":{},"3752":{},"3793":{},"3821":{},"3837":{}},"parent":{}}],["onfocus",{"_index":1058,"name":{"2210":{},"2978":{}},"parent":{}}],["onhover",{"_index":1373,"name":{"3187":{}},"parent":{}}],["oniconclick",{"_index":1047,"name":{"2167":{},"2478":{},"2504":{},"2530":{}},"parent":{}}],["onindexchange",{"_index":1433,"name":{"3412":{}},"parent":{}}],["oninput",{"_index":1173,"name":{"2489":{},"2516":{}},"parent":{}}],["oninputblur",{"_index":1119,"name":{"2340":{}},"parent":{}}],["oninputchange",{"_index":1115,"name":{"2336":{}},"parent":{}}],["oninputcompositionend",{"_index":1118,"name":{"2339":{}},"parent":{}}],["oninputcompositionstart",{"_index":1117,"name":{"2338":{}},"parent":{}}],["oninputkeydown",{"_index":1121,"name":{"2342":{}},"parent":{}}],["oninputkeyup",{"_index":1120,"name":{"2341":{}},"parent":{}}],["oninputscroll",{"_index":1116,"name":{"2337":{}},"parent":{}}],["onkeydown",{"_index":1057,"name":{"2209":{},"2307":{}},"parent":{}}],["onkeyup",{"_index":1104,"name":{"2306":{}},"parent":{}}],["onkeywordchange",{"_index":1397,"name":{"3265":{},"3298":{},"3332":{},"3403":{}},"parent":{}}],["onlayerready",{"_index":1324,"name":{"3053":{}},"parent":{}}],["onleave",{"_index":1793,"name":{"4412":{}},"parent":{}}],["onlyshowoneline",{"_index":1678,"name":{"4093":{}},"parent":{}}],["onmouseenter",{"_index":175,"name":{"303":{},"352":{},"633":{},"651":{},"2967":{},"3140":{}},"parent":{}}],["onmouseleave",{"_index":176,"name":{"304":{},"353":{},"634":{},"652":{},"2968":{},"3141":{},"3188":{}},"parent":{}}],["onmousemove",{"_index":1621,"name":{"3948":{}},"parent":{}}],["onnoclampcontainerrefchange",{"_index":304,"name":{"681":{}},"parent":{}}],["onopen",{"_index":380,"name":{"836":{},"856":{},"884":{},"904":{},"922":{},"939":{},"950":{},"990":{},"1007":{}},"parent":{}}],["onopenchange",{"_index":1401,"name":{"3278":{},"3311":{},"3345":{}},"parent":{}}],["onopened",{"_index":449,"name":{"1067":{},"1080":{}},"parent":{}}],["onoptionmouseenter",{"_index":1428,"name":{"3407":{}},"parent":{}}],["onoptionmouseleave",{"_index":1429,"name":{"3408":{}},"parent":{}}],["onpagechange",{"_index":1200,"name":{"2607":{},"2628":{},"2649":{},"2678":{}},"parent":{}}],["onpagesizechange",{"_index":1201,"name":{"2608":{},"2629":{},"2650":{},"2679":{}},"parent":{}}],["onpaginationchange",{"_index":842,"name":{"1779":{}},"parent":{}}],["onpaneldatechange",{"_index":366,"name":{"813":{}},"parent":{}}],["onpin",{"_index":7,"name":{"7":{}},"parent":{}}],["onpositionchange",{"_index":1794,"name":{"4413":{}},"parent":{}}],["onpositionready",{"_index":1243,"name":{"2751":{},"2778":{},"2809":{},"2834":{},"2857":{},"2905":{}},"parent":{}}],["onpositionupdated",{"_index":1242,"name":{"2750":{},"2777":{},"2808":{},"2833":{},"2856":{},"2904":{}},"parent":{}}],["onpressenter",{"_index":1037,"name":{"2150":{},"2171":{},"2186":{},"2480":{},"2506":{},"2532":{}},"parent":{}}],["onpreview",{"_index":1766,"name":{"4367":{}},"parent":{}}],["onremove",{"_index":232,"name":{"431":{},"3250":{},"3406":{}},"parent":{}}],["onrequestclose",{"_index":1382,"name":{"3229":{}},"parent":{}}],["onreset",{"_index":721,"name":{"1555":{}},"parent":{}}],["onresize",{"_index":517,"name":{"1198":{},"1803":{}},"parent":{}}],["onretry",{"_index":1762,"name":{"4350":{},"4360":{},"4370":{},"4378":{}},"parent":{}}],["onrowclick",{"_index":790,"name":{"1715":{}},"parent":{}}],["onrowmouseenter",{"_index":862,"name":{"1804":{}},"parent":{}}],["onscroll",{"_index":521,"name":{"1202":{},"1818":{}},"parent":{}}],["onsearch",{"_index":86,"name":{"130":{}},"parent":{}}],["onsearchblur",{"_index":105,"name":{"164":{}},"parent":{}}],["onsearchchange",{"_index":1099,"name":{"2296":{}},"parent":{}}],["onsearchkeydown",{"_index":104,"name":{"163":{}},"parent":{}}],["onsearchtextchange",{"_index":103,"name":{"162":{}},"parent":{}}],["onselect",{"_index":85,"name":{"129":{},"166":{},"1873":{},"3227":{},"3402":{},"3519":{},"4088":{}},"parent":{}}],["onselectchange",{"_index":867,"name":{"1809":{},"2366":{}},"parent":{}}],["onselected",{"_index":373,"name":{"821":{},"3830":{}},"parent":{}}],["onselectionchange",{"_index":1122,"name":{"2343":{}},"parent":{}}],["onselectsuggestion",{"_index":1114,"name":{"2335":{}},"parent":{}}],["onshow",{"_index":1239,"name":{"2743":{},"2770":{},"2801":{},"2826":{},"2849":{},"2897":{}},"parent":{}}],["onsortchange",{"_index":1763,"name":{"4353":{},"4363":{},"4373":{}},"parent":{}}],["onstepchange",{"_index":1478,"name":{"3559":{}},"parent":{}}],["onsubmenuclick",{"_index":1131,"name":{"2355":{},"2369":{},"2375":{},"2389":{},"2425":{}},"parent":{}}],["onsubmit",{"_index":718,"name":{"1552":{}},"parent":{}}],["onsubmitfail",{"_index":719,"name":{"1553":{}},"parent":{}}],["onsubmitsuccess",{"_index":720,"name":{"1554":{}},"parent":{}}],["onsuggestionlistrefchange",{"_index":1125,"name":{"2346":{}},"parent":{}}],["onsuggestionvisiblechange",{"_index":1112,"name":{"2333":{}},"parent":{}}],["ontabschange",{"_index":264,"name":{"590":{}},"parent":{}}],["ontriggeruploadfile",{"_index":1714,"name":{"4156":{},"4183":{},"4201":{}},"parent":{}}],["onunpin",{"_index":8,"name":{"8":{}},"parent":{}}],["onupload",{"_index":1745,"name":{"4256":{},"4272":{},"4291":{},"4310":{},"4323":{}},"parent":{}}],["onvisiblechange",{"_index":200,"name":{"383":{},"455":{},"485":{},"517":{},"566":{},"589":{},"2749":{},"2776":{},"2807":{},"2832":{},"2855":{},"2903":{},"3401":{},"3995":{}},"parent":{}}],["open",{"_index":94,"name":{"143":{},"168":{},"2945":{},"3277":{},"3310":{},"3344":{},"3362":{}},"parent":{}}],["opendialog",{"_index":438,"name":{"1050":{},"1098":{}},"parent":{}}],["openpanel",{"_index":385,"name":{"841":{},"866":{},"888":{},"909":{},"926":{},"943":{},"967":{},"994":{},"1011":{}},"parent":{}}],["operations",{"_index":1670,"name":{"4081":{}},"parent":{}}],["options",{"_index":197,"name":{"376":{},"448":{},"478":{},"510":{},"527":{},"559":{},"575":{},"1186":{},"1193":{},"1204":{},"3266":{},"3299":{},"3333":{}},"parent":{}}],["order",{"_index":1070,"name":{"2235":{},"2242":{}},"parent":{}}],["outline",{"_index":27,"name":{"28":{},"47":{},"55":{},"307":{},"346":{},"3855":{},"3894":{}},"parent":{}}],["overflow",{"_index":60,"name":{"91":{},"99":{}},"parent":{}}],["overflowleft",{"_index":150,"name":{"256":{},"269":{}},"parent":{}}],["overflowmode",{"_index":1572,"name":{"3782":{},"3812":{}},"parent":{}}],["overflowright",{"_index":151,"name":{"257":{},"270":{}},"parent":{}}],["overlayclassname",{"_index":1155,"name":{"2420":{}},"parent":{}}],["overmaxamount",{"_index":1736,"name":{"4242":{}},"parent":{}}],["overmaxsize",{"_index":1732,"name":{"4238":{}},"parent":{}}],["owner",{"_index":526,"name":{"1210":{},"1235":{},"1278":{},"1306":{}},"parent":{}}],["pageinfo",{"_index":788,"name":{"1713":{}},"parent":{}}],["pagesize",{"_index":889,"name":{"1840":{},"1864":{},"2586":{},"2596":{},"2616":{},"2637":{},"2657":{},"2668":{},"4282":{},"4357":{}},"parent":{}}],["pagesizeoptions",{"_index":890,"name":{"1841":{}},"parent":{}}],["pagestats",{"_index":939,"name":{"1964":{}},"parent":{}}],["pagestatsstatic",{"_index":940,"name":{"1965":{}},"parent":{}}],["pagination",{"_index":916,"name":{"1901":{},"1919":{},"1937":{},"2083":{},"2612":{},"4037":{},"4281":{},"4356":{}},"parent":{"2613":{},"2614":{},"2620":{},"2621":{},"2622":{},"2623":{},"2624":{},"2625":{},"2626":{},"2627":{},"2628":{},"2629":{},"2630":{},"2631":{},"2632":{}}}],["pagination.__type",{"_index":1204,"name":{},"parent":{"2615":{},"2616":{},"2617":{},"2618":{},"2619":{}}}],["paginationchangehandler",{"_index":1188,"name":{"2582":{}},"parent":{"2583":{}}}],["paginationlayoutfunction",{"_index":1194,"name":{"2597":{}},"parent":{"2598":{}}}],["paginationtype",{"_index":789,"name":{"1714":{}},"parent":{}}],["panel",{"_index":318,"name":{"713":{},"2033":{}},"parent":{}}],["panelchildren",{"_index":1555,"name":{"3744":{}},"parent":{}}],["panelkey",{"_index":321,"name":{"726":{}},"parent":{}}],["paneltitlebackground",{"_index":313,"name":{"695":{},"703":{},"711":{},"727":{}},"parent":{}}],["parent",{"_index":213,"name":{"400":{}},"parent":{}}],["parentcomponent",{"_index":444,"name":{"1056":{},"3075":{},"3597":{},"3611":{}},"parent":{}}],["parentid",{"_index":1656,"name":{"4062":{}},"parent":{}}],["parentindexes",{"_index":1380,"name":{"3210":{}},"parent":{}}],["password",{"_index":1027,"name":{"2133":{},"2136":{}},"parent":{"2134":{},"2137":{}}}],["password.__type",{"_index":1028,"name":{},"parent":{"2135":{}}}],["patchvalue",{"_index":535,"name":{"1222":{},"1249":{},"1288":{},"1320":{}},"parent":{}}],["pattern",{"_index":581,"name":{"1357":{}},"parent":{}}],["percent",{"_index":1340,"name":{"3085":{},"3099":{},"3110":{},"3119":{},"3955":{},"4219":{},"4228":{}},"parent":{}}],["placeholder",{"_index":81,"name":{"125":{},"377":{},"449":{},"479":{},"511":{},"560":{},"830":{},"850":{},"878":{},"898":{},"916":{},"933":{},"953":{},"984":{},"1001":{},"2001":{},"2069":{},"2325":{},"2683":{},"3268":{},"3301":{},"3335":{}},"parent":{"2684":{}}}],["placeholder.__type",{"_index":1214,"name":{},"parent":{"2685":{},"2686":{},"2687":{},"2688":{},"2689":{},"2690":{}}}],["placeholderclassname",{"_index":11,"name":{"11":{}},"parent":{}}],["placement",{"_index":1311,"name":{"3012":{}},"parent":{}}],["pop",{"_index":548,"name":{"1252":{},"1902":{},"1920":{},"1938":{},"2084":{},"2544":{},"2556":{},"2869":{}},"parent":{"2870":{},"2871":{},"2879":{},"2880":{},"2881":{},"2882":{},"2883":{},"2886":{},"2887":{},"2888":{},"2889":{},"2890":{},"2891":{},"2892":{}}}],["pop.__type",{"_index":1266,"name":{},"parent":{"2872":{},"2873":{},"2874":{},"2875":{},"2876":{},"2877":{},"2878":{},"2884":{},"2885":{}}}],["popover",{"_index":1275,"name":{"2910":{},"3009":{},"3943":{}},"parent":{"2911":{},"2912":{},"2913":{},"2916":{},"2917":{},"2918":{},"2919":{},"2920":{},"2928":{},"2929":{},"2930":{},"2931":{},"2932":{},"2933":{},"2934":{},"2935":{},"2936":{},"2937":{},"2938":{},"2939":{},"2940":{},"2941":{},"2943":{},"2944":{},"2945":{},"2946":{},"2947":{},"2948":{},"2949":{},"2950":{},"2951":{},"2952":{}}}],["popover.__type",{"_index":1276,"name":{},"parent":{"2914":{},"2915":{},"2921":{},"2922":{},"2923":{},"2924":{},"2925":{},"2926":{},"2927":{},"2942":{}}}],["popoveranchor",{"_index":1315,"name":{"3024":{}},"parent":{"3025":{},"3026":{},"3027":{},"3028":{},"3029":{},"3030":{},"3031":{},"3032":{}}}],["popoveranchorgetelementfn",{"_index":1313,"name":{"3019":{}},"parent":{"3020":{}}}],["popoverclicktrigger",{"_index":1285,"name":{"2953":{}},"parent":{}}],["popoverfocustrigger",{"_index":1294,"name":{"2976":{}},"parent":{}}],["popoverhovertrigger",{"_index":1288,"name":{"2961":{}},"parent":{}}],["popoverhovertriggercontext",{"_index":1291,"name":{"2965":{}},"parent":{}}],["popoverref",{"_index":1424,"name":{"3395":{},"3950":{},"4007":{}},"parent":{}}],["popovertrigger",{"_index":1298,"name":{"2985":{}},"parent":{"2986":{},"2987":{},"2988":{},"2989":{},"2990":{},"2991":{}}}],["poppositions",{"_index":1260,"name":{"2842":{}},"parent":{}}],["poptext",{"_index":359,"name":{"806":{}},"parent":{}}],["popupclassname",{"_index":89,"name":{"134":{},"379":{},"451":{},"481":{},"513":{},"562":{}},"parent":{}}],["popupwidth",{"_index":1400,"name":{"3273":{},"3306":{},"3340":{}},"parent":{}}],["popvisible",{"_index":336,"name":{"770":{}},"parent":{}}],["popwidth",{"_index":287,"name":{"658":{}},"parent":{}}],["portal",{"_index":1330,"name":{"3068":{}},"parent":{}}],["portalref",{"_index":1282,"name":{"2937":{},"3014":{}},"parent":{}}],["position",{"_index":140,"name":{"237":{},"244":{},"2298":{},"2313":{},"2324":{},"2449":{},"2739":{},"2766":{},"2797":{},"2822":{},"2845":{},"2873":{},"2895":{},"2928":{},"3949":{},"3989":{},"4002":{}},"parent":{}}],["potentialvalues",{"_index":1451,"name":{"3481":{}},"parent":{}}],["prefix",{"_index":1643,"name":{"4036":{},"4043":{}},"parent":{}}],["preset",{"_index":429,"name":{"1029":{},"1041":{}},"parent":{}}],["presetcolors",{"_index":327,"name":{"745":{},"751":{},"764":{}},"parent":{}}],["prev",{"_index":945,"name":{"1971":{},"3679":{}},"parent":{}}],["prevchildren",{"_index":120,"name":{"188":{}},"parent":{}}],["preventdefault",{"_index":279,"name":{"637":{}},"parent":{}}],["preview",{"_index":1754,"name":{"4300":{}},"parent":{}}],["previewimage",{"_index":917,"name":{"1903":{},"1921":{},"1939":{},"2085":{},"3069":{}},"parent":{}}],["previousposition",{"_index":1784,"name":{"4398":{}},"parent":{}}],["prevopen",{"_index":453,"name":{"1083":{}},"parent":{}}],["prevoptions",{"_index":1418,"name":{"3367":{}},"parent":{}}],["prevprops",{"_index":1177,"name":{"2538":{},"2550":{},"3483":{},"3639":{},"4104":{}},"parent":{}}],["pristine",{"_index":532,"name":{"1219":{},"1259":{},"1289":{},"1325":{}},"parent":{}}],["progress",{"_index":32,"name":{"37":{},"3077":{},"3078":{},"3898":{}},"parent":{"3079":{}}}],["prompt",{"_index":1354,"name":{"3125":{}},"parent":{}}],["prompttype",{"_index":1352,"name":{"3123":{}},"parent":{}}],["pureportal",{"_index":1319,"name":{"3036":{}},"parent":{"3037":{},"3038":{},"3040":{},"3041":{},"3042":{},"3043":{},"3044":{},"3045":{},"3046":{},"3047":{},"3048":{},"3049":{}}}],["pureportal.__type",{"_index":1320,"name":{},"parent":{"3039":{}}}],["pureportalref",{"_index":1329,"name":{"3066":{}},"parent":{}}],["push",{"_index":547,"name":{"1251":{},"2436":{}},"parent":{}}],["quarter",{"_index":966,"name":{"2016":{}},"parent":{}}],["quarternames",{"_index":984,"name":{"2043":{}},"parent":{}}],["quarterpicker",{"_index":404,"name":{"946":{}},"parent":{}}],["radio",{"_index":1359,"name":{"3142":{},"3143":{}},"parent":{"3144":{},"3145":{},"3146":{},"3147":{}}}],["radiobutton",{"_index":1362,"name":{"3158":{}},"parent":{}}],["radiogroup",{"_index":1360,"name":{"3148":{}},"parent":{}}],["range",{"_index":968,"name":{"2018":{},"3433":{},"3453":{},"3466":{}},"parent":{}}],["rangedate",{"_index":347,"name":{"793":{},"818":{}},"parent":{}}],["rangepicker",{"_index":918,"name":{"1904":{},"1922":{},"1940":{},"2086":{}},"parent":{}}],["rangetime",{"_index":349,"name":{"795":{}},"parent":{}}],["rate",{"_index":1371,"name":{"3174":{}},"parent":{"3175":{},"3176":{},"3183":{},"3184":{},"3185":{},"3186":{},"3187":{},"3188":{},"3189":{},"3190":{},"3191":{},"3192":{},"3193":{}}}],["rate.__type",{"_index":1372,"name":{},"parent":{"3177":{},"3178":{},"3179":{},"3180":{},"3181":{},"3182":{}}}],["readonly",{"_index":268,"name":{"599":{},"625":{},"643":{},"3133":{},"3152":{},"3169":{},"3182":{}},"parent":{}}],["reason",{"_index":896,"name":{"1869":{}},"parent":{}}],["receive",{"_index":913,"name":{"1895":{}},"parent":{}}],["rectangle",{"_index":1217,"name":{"2688":{}},"parent":{}}],["ref",{"_index":443,"name":{"1055":{}},"parent":{}}],["refmenuitemlist",{"_index":102,"name":{"161":{}},"parent":{}}],["registerchild",{"_index":562,"name":{"1317":{}},"parent":{}}],["relativerect",{"_index":1302,"name":{"2996":{}},"parent":{}}],["remainamount",{"_index":1708,"name":{"4150":{},"4177":{},"4335":{},"4344":{}},"parent":{}}],["removechild",{"_index":563,"name":{"1318":{}},"parent":{}}],["render",{"_index":22,"name":{"22":{},"51":{},"81":{},"104":{},"174":{},"203":{},"227":{},"247":{},"285":{},"294":{},"327":{},"373":{},"551":{},"593":{},"615":{},"688":{},"715":{},"742":{},"775":{},"790":{},"1047":{},"1107":{},"1169":{},"1613":{},"1689":{},"1825":{},"1896":{},"2216":{},"2230":{},"2244":{},"2254":{},"2330":{},"2397":{},"2414":{},"2580":{},"2623":{},"2644":{},"2673":{},"2891":{},"2951":{},"2990":{},"3031":{},"3048":{},"3192":{},"3246":{},"3423":{},"3440":{},"3504":{},"3540":{},"3575":{},"3692":{},"3711":{},"3725":{},"3851":{},"3951":{},"3984":{},"4010":{},"4080":{},"4136":{},"4147":{},"4174":{},"4205":{},"4425":{}},"parent":{}}],["rendercheckbox",{"_index":1700,"name":{"4133":{}},"parent":{}}],["renderchild",{"_index":1187,"name":{"2578":{}},"parent":{}}],["renderchildren",{"_index":1627,"name":{"3983":{}},"parent":{}}],["renderclampedtext",{"_index":309,"name":{"687":{}},"parent":{}}],["rendercollapsedcontent",{"_index":1411,"name":{"3292":{},"3325":{},"3359":{}},"parent":{}}],["rendercommonmenuitem",{"_index":1149,"name":{"2398":{}},"parent":{}}],["rendercontent",{"_index":1630,"name":{"4008":{},"4132":{}},"parent":{}}],["rendercount",{"_index":134,"name":{"226":{}},"parent":{}}],["rendererror",{"_index":640,"name":{"1449":{},"1649":{},"1656":{},"1665":{}},"parent":{}}],["renderimpl",{"_index":1060,"name":{"2214":{}},"parent":{}}],["renderinput",{"_index":1061,"name":{"2215":{},"2579":{}},"parent":{}}],["renderitem",{"_index":52,"name":{"80":{},"4204":{}},"parent":{}}],["renderitemcontent",{"_index":202,"name":{"385":{},"457":{},"487":{},"519":{},"568":{}},"parent":{}}],["renderkey",{"_index":1680,"name":{"4096":{},"4110":{}},"parent":{}}],["renderlist",{"_index":204,"name":{"387":{},"459":{},"489":{},"521":{},"570":{}},"parent":{}}],["rendermenuitem",{"_index":1148,"name":{"2396":{}},"parent":{}}],["rendernav",{"_index":1539,"name":{"3721":{},"3847":{}},"parent":{}}],["rendernextarrow",{"_index":1504,"name":{"3636":{},"3659":{}},"parent":{}}],["renderoperations",{"_index":1701,"name":{"4134":{}},"parent":{}}],["renderoption",{"_index":1431,"name":{"3410":{}},"parent":{}}],["renderoptioncontent",{"_index":1403,"name":{"3281":{},"3314":{},"3348":{}},"parent":{}}],["renderoptionlist",{"_index":1402,"name":{"3280":{},"3313":{},"3347":{},"3375":{}},"parent":{}}],["renderpop",{"_index":289,"name":{"660":{}},"parent":{}}],["renderpopovercontent",{"_index":1439,"name":{"3422":{}},"parent":{}}],["renderprevarrow",{"_index":1503,"name":{"3635":{},"3657":{}},"parent":{}}],["renderresizable",{"_index":308,"name":{"686":{}},"parent":{}}],["renderselectioncheckbox",{"_index":870,"name":{"1813":{}},"parent":{}}],["renderselectionradio",{"_index":871,"name":{"1815":{}},"parent":{}}],["renderswitcher",{"_index":1699,"name":{"4131":{}},"parent":{}}],["rendertabbar",{"_index":1573,"name":{"3783":{}},"parent":{}}],["rendertabpanel",{"_index":1540,"name":{"3722":{},"3848":{}},"parent":{}}],["rendertagcollapsedtrigger",{"_index":1434,"name":{"3414":{}},"parent":{}}],["rendertaglist",{"_index":1414,"name":{"3330":{},"3415":{}},"parent":{}}],["rendertags",{"_index":251,"name":{"494":{}},"parent":{}}],["rendertips",{"_index":1705,"name":{"4144":{},"4172":{},"4202":{}},"parent":{}}],["rendertreenodes",{"_index":1702,"name":{"4135":{}},"parent":{}}],["rendertrigger",{"_index":1271,"name":{"2889":{},"4009":{},"4146":{},"4173":{},"4203":{}},"parent":{}}],["renderuploadlist",{"_index":1706,"name":{"4145":{},"4170":{}},"parent":{}}],["rendervalue",{"_index":201,"name":{"384":{},"432":{},"456":{},"486":{},"518":{},"539":{},"567":{},"577":{},"3251":{},"3279":{},"3312":{},"3346":{},"3413":{}},"parent":{}}],["renderwithoutpanel",{"_index":1542,"name":{"3724":{},"3850":{}},"parent":{}}],["renderwithpanel",{"_index":1541,"name":{"3723":{},"3849":{}},"parent":{}}],["required",{"_index":576,"name":{"1352":{},"1455":{},"1621":{},"1632":{},"2074":{}},"parent":{}}],["requiredtrue",{"_index":577,"name":{"1353":{}},"parent":{}}],["reset",{"_index":536,"name":{"1223":{},"1242":{},"1281":{},"1323":{},"1957":{},"1991":{},"1998":{},"2010":{},"2051":{},"2065":{}},"parent":{}}],["resetchildren",{"_index":49,"name":{"77":{}},"parent":{}}],["resetkeyword",{"_index":1426,"name":{"3404":{}},"parent":{}}],["resetposition",{"_index":1523,"name":{"3682":{}},"parent":{}}],["resetselectedkeys",{"_index":1651,"name":{"4054":{}},"parent":{}}],["resettargetkeys",{"_index":1652,"name":{"4055":{}},"parent":{}}],["resizable",{"_index":290,"name":{"661":{}},"parent":{}}],["resizeobserver",{"_index":299,"name":{"673":{}},"parent":{}}],["retry",{"_index":990,"name":{"2055":{}},"parent":{}}],["retryuploaditem",{"_index":1712,"name":{"4154":{},"4181":{},"4200":{}},"parent":{}}],["reviver",{"_index":1390,"name":{"3258":{}},"parent":{}}],["revivevalue",{"_index":1422,"name":{"3389":{}},"parent":{}}],["richtextblock",{"_index":1219,"name":{"2690":{}},"parent":{}}],["right",{"_index":1500,"name":{"3630":{},"3656":{}},"parent":{}}],["rightbody",{"_index":833,"name":{"1769":{}},"parent":{}}],["rightcontent",{"_index":142,"name":{"239":{}},"parent":{}}],["rootinfomap",{"_index":1688,"name":{"4106":{}},"parent":{}}],["rotate",{"_index":947,"name":{"1973":{}},"parent":{}}],["rounded",{"_index":1585,"name":{"3856":{},"3871":{},"3880":{}},"parent":{}}],["row",{"_index":371,"name":{"819":{},"1720":{},"1885":{}},"parent":{}}],["rowclassname",{"_index":787,"name":{"1712":{}},"parent":{}}],["rowgutter",{"_index":1091,"name":{"2277":{}},"parent":{}}],["rowkey",{"_index":779,"name":{"1699":{}},"parent":{}}],["rowprops",{"_index":794,"name":{"1721":{}},"parent":{}}],["rows",{"_index":1230,"name":{"2716":{},"2727":{}},"parent":{}}],["rowspan",{"_index":814,"name":{"1745":{},"1851":{}},"parent":{}}],["safesetstate",{"_index":1284,"name":{"2947":{}},"parent":{}}],["sanitize",{"_index":1606,"name":{"3915":{}},"parent":{}}],["saturday",{"_index":416,"name":{"978":{}},"parent":{}}],["saveinputref",{"_index":1124,"name":{"2345":{}},"parent":{}}],["scaleratio",{"_index":1335,"name":{"3074":{}},"parent":{}}],["scroll",{"_index":226,"name":{"424":{},"1702":{}},"parent":{}}],["scrollable",{"_index":237,"name":{"437":{},"467":{},"499":{},"534":{}},"parent":{}}],["scrollableancestor",{"_index":1787,"name":{"4405":{}},"parent":{}}],["scrollalert",{"_index":40,"name":{"62":{}},"parent":{"63":{},"64":{},"69":{},"70":{},"71":{},"72":{},"73":{},"74":{},"75":{},"76":{},"77":{},"78":{},"79":{},"80":{},"81":{},"82":{}}}],["scrollalert.__type",{"_index":41,"name":{},"parent":{"65":{},"66":{},"67":{},"68":{}}}],["scrollanchorref",{"_index":761,"name":{"1646":{},"1653":{},"1662":{}},"parent":{}}],["scrollbody",{"_index":834,"name":{"1770":{}},"parent":{}}],["scrollcontainer",{"_index":710,"name":{"1542":{}},"parent":{}}],["scrollhandler",{"_index":46,"name":{"74":{}},"parent":{}}],["scrollheader",{"_index":835,"name":{"1771":{}},"parent":{}}],["scrollheight",{"_index":1575,"name":{"3795":{},"3825":{}},"parent":{}}],["scrollinterval",{"_index":39,"name":{"57":{},"67":{}},"parent":{}}],["scrollposition",{"_index":836,"name":{"1772":{}},"parent":{}}],["scrolltoerror",{"_index":716,"name":{"1550":{}},"parent":{}}],["scrolltofirsterror",{"_index":746,"name":{"1609":{}},"parent":{}}],["search",{"_index":1109,"name":{"2327":{}},"parent":{}}],["searchable",{"_index":238,"name":{"439":{},"469":{},"501":{},"536":{}},"parent":{}}],["searchcontent",{"_index":70,"name":{"111":{},"3196":{},"3212":{}},"parent":{}}],["searchempty",{"_index":961,"name":{"2003":{}},"parent":{}}],["searchplaceholder",{"_index":960,"name":{"2002":{},"4033":{}},"parent":{}}],["searchtext",{"_index":95,"name":{"145":{},"3225":{}},"parent":{}}],["searchwords",{"_index":1607,"name":{"3916":{}},"parent":{}}],["second",{"_index":979,"name":{"2037":{}},"parent":{}}],["secondselect",{"_index":982,"name":{"2041":{}},"parent":{}}],["secondstep",{"_index":394,"name":{"861":{},"962":{}},"parent":{}}],["segments",{"_index":1224,"name":{"2701":{},"2703":{}},"parent":{}}],["select",{"_index":919,"name":{"1905":{},"1923":{},"1941":{},"2087":{},"2208":{},"3370":{}},"parent":{"3371":{},"3372":{},"3388":{},"3389":{},"3390":{},"3391":{},"3392":{},"3393":{},"3394":{},"3395":{},"3396":{},"3397":{},"3398":{},"3399":{},"3400":{},"3401":{},"3402":{},"3403":{},"3404":{},"3405":{},"3406":{},"3407":{},"3408":{},"3409":{},"3410":{},"3411":{},"3412":{},"3413":{},"3414":{},"3415":{},"3416":{},"3417":{},"3418":{},"3419":{},"3420":{},"3421":{},"3422":{},"3423":{},"3424":{}}}],["select.__type",{"_index":1421,"name":{},"parent":{"3373":{},"3374":{},"3375":{},"3376":{},"3377":{},"3378":{},"3379":{},"3380":{},"3381":{},"3382":{},"3383":{},"3384":{},"3385":{},"3386":{},"3387":{}}}],["selectable",{"_index":1675,"name":{"4089":{},"4120":{}},"parent":{}}],["selectcurrentfocusindex",{"_index":112,"name":{"173":{},"3245":{}},"parent":{}}],["selectcurrentindex",{"_index":1430,"name":{"3409":{}},"parent":{}}],["selected",{"_index":367,"name":{"814":{},"3874":{}},"parent":{}}],["selecteddate",{"_index":391,"name":{"858":{},"959":{}},"parent":{}}],["selectedkey",{"_index":1138,"name":{"2365":{},"2408":{},"2430":{},"4090":{},"4112":{},"4125":{}},"parent":{}}],["selectedkeys",{"_index":1638,"name":{"4024":{},"4030":{},"4046":{},"4051":{}},"parent":{}}],["selectedrowkeys",{"_index":899,"name":{"1872":{}},"parent":{}}],["selection",{"_index":785,"name":{"1707":{}},"parent":{}}],["selectionmap",{"_index":230,"name":{"429":{}},"parent":{}}],["selectionpropscache",{"_index":824,"name":{"1759":{}},"parent":{}}],["selectmenu",{"_index":1386,"name":{"3234":{}},"parent":{"3235":{},"3236":{},"3240":{},"3241":{},"3242":{},"3243":{},"3244":{},"3245":{},"3246":{},"3247":{}}}],["selectmenu.__type",{"_index":1387,"name":{},"parent":{"3237":{},"3238":{},"3239":{}}}],["selector",{"_index":1317,"name":{"3034":{},"3062":{}},"parent":{}}],["selecttag",{"_index":1591,"name":{"3881":{}},"parent":{}}],["selectwidth",{"_index":941,"name":{"1966":{}},"parent":{}}],["sequence",{"_index":1476,"name":{"3550":{},"3558":{},"3571":{}},"parent":{}}],["set",{"_index":733,"name":{"1576":{}},"parent":{}}],["seterror",{"_index":770,"name":{"1682":{}},"parent":{}}],["setkeyword",{"_index":1427,"name":{"3405":{}},"parent":{}}],["setscrollposition",{"_index":857,"name":{"1798":{}},"parent":{}}],["setscrollpositionclassname",{"_index":858,"name":{"1799":{}},"parent":{}}],["setselectkeystate",{"_index":1695,"name":{"4127":{}},"parent":{}}],["setstateifchange",{"_index":1127,"name":{"2348":{}},"parent":{}}],["setstickyheadwidth",{"_index":874,"name":{"1820":{}},"parent":{}}],["setsuggestionvisible",{"_index":1126,"name":{"2347":{}},"parent":{}}],["setswiperwidth",{"_index":1518,"name":{"3675":{}},"parent":{}}],["setvisible",{"_index":263,"name":{"588":{},"2943":{}},"parent":{}}],["shape",{"_index":114,"name":{"177":{},"192":{},"2728":{}},"parent":{}}],["shift",{"_index":549,"name":{"1253":{}},"parent":{}}],["shouldcomponentupdate",{"_index":773,"name":{"1685":{}},"parent":{}}],["shouldrender",{"_index":1663,"name":{"4072":{}},"parent":{}}],["shouldupdatelayout",{"_index":1198,"name":{"2605":{},"2626":{},"2647":{},"2676":{}},"parent":{}}],["showalpha",{"_index":331,"name":{"749":{},"759":{}},"parent":{}}],["showarrow",{"_index":320,"name":{"721":{},"735":{}},"parent":{}}],["showclear",{"_index":1044,"name":{"2161":{},"2475":{},"2501":{},"2527":{}},"parent":{}}],["showcontentbackground",{"_index":314,"name":{"697":{},"705":{},"728":{}},"parent":{}}],["showcount",{"_index":1049,"name":{"2177":{}},"parent":{}}],["showcounter",{"_index":1168,"name":{"2467":{},"2493":{},"2519":{}},"parent":{}}],["showdelay",{"_index":1257,"name":{"2792":{},"2971":{}},"parent":{}}],["showdot",{"_index":1614,"name":{"3926":{},"3939":{},"3958":{}},"parent":{}}],["showinfo",{"_index":1341,"name":{"3086":{},"3100":{},"3111":{}},"parent":{}}],["showlabel",{"_index":1613,"name":{"3925":{},"3938":{},"3957":{}},"parent":{}}],["showlunardate",{"_index":376,"name":{"824":{},"874":{}},"parent":{}}],["showpop",{"_index":286,"name":{"657":{}},"parent":{}}],["showquickjumper",{"_index":1206,"name":{"2618":{},"2639":{}},"parent":{}}],["showrotatebtn",{"_index":1334,"name":{"3073":{}},"parent":{}}],["showsearch",{"_index":1642,"name":{"4032":{}},"parent":{}}],["showsizechanger",{"_index":1207,"name":{"2619":{},"2640":{}},"parent":{}}],["showstepper",{"_index":1167,"name":{"2466":{},"2492":{},"2518":{}},"parent":{}}],["showstickhead",{"_index":807,"name":{"1734":{}},"parent":{}}],["showtime",{"_index":361,"name":{"808":{},"827":{},"871":{},"893":{}},"parent":{}}],["showtooltip",{"_index":1169,"name":{"2469":{},"2495":{},"2521":{}},"parent":{}}],["showzero",{"_index":130,"name":{"212":{},"223":{}},"parent":{}}],["simplify",{"_index":223,"name":{"420":{}},"parent":{}}],["simplifypaths",{"_index":231,"name":{"430":{}},"parent":{}}],["simplifyselection",{"_index":252,"name":{"495":{}},"parent":{}}],["simplifyselectionmode",{"_index":253,"name":{"496":{},"545":{}},"parent":{}}],["singlecalendardatepanelpicker",{"_index":356,"name":{"803":{}},"parent":{}}],["singledate",{"_index":346,"name":{"792":{}},"parent":{}}],["singletime",{"_index":348,"name":{"794":{}},"parent":{}}],["singleupload",{"_index":1722,"name":{"4190":{}},"parent":{"4191":{},"4192":{},"4193":{},"4194":{},"4195":{},"4196":{},"4197":{},"4198":{},"4199":{},"4200":{},"4201":{},"4202":{},"4203":{},"4204":{},"4205":{},"4206":{},"4207":{},"4208":{},"4209":{},"4210":{},"4211":{},"4212":{}}}],["size",{"_index":115,"name":{"178":{},"193":{},"311":{},"318":{},"342":{},"1696":{},"2148":{},"2169":{},"2184":{},"2199":{},"2473":{},"2499":{},"2525":{},"2568":{},"2729":{},"3272":{},"3305":{},"3339":{},"3383":{},"3508":{},"3524":{},"3569":{},"3701":{},"3706":{},"3862":{},"3924":{},"3956":{},"3968":{},"3977":{},"4084":{},"4121":{}},"parent":{}}],["skiploadonmount",{"_index":1022,"name":{"2127":{}},"parent":{}}],["slider",{"_index":1441,"name":{"3426":{}},"parent":{"3427":{},"3428":{},"3435":{},"3436":{},"3437":{},"3438":{},"3439":{},"3440":{},"3441":{}}}],["slider.__type",{"_index":1442,"name":{},"parent":{"3429":{},"3430":{},"3431":{},"3432":{},"3433":{},"3434":{}}}],["sm",{"_index":1084,"name":{"2263":{},"2274":{}},"parent":{}}],["smoothscroll",{"_index":1452,"name":{"3484":{}},"parent":{}}],["sort",{"_index":552,"name":{"1257":{}},"parent":{}}],["sortable",{"_index":1456,"name":{"3493":{},"3498":{},"4269":{},"4288":{},"4307":{},"4352":{},"4362":{},"4372":{}},"parent":{"3494":{},"3495":{},"3497":{},"3498":{},"3499":{},"3500":{},"3501":{},"3502":{},"3503":{},"3504":{},"3505":{}}}],["sortable.__type",{"_index":1457,"name":{},"parent":{"3496":{}}}],["sortby",{"_index":781,"name":{"1703":{},"1865":{}},"parent":{}}],["sorttype",{"_index":782,"name":{"1704":{},"1866":{}},"parent":{}}],["source",{"_index":1393,"name":{"3261":{}},"parent":{}}],["span",{"_index":1069,"name":{"2233":{}},"parent":{}}],["speckey",{"_index":1151,"name":{"2404":{},"2424":{}},"parent":{}}],["spin",{"_index":1006,"name":{"2102":{}},"parent":{}}],["splice",{"_index":551,"name":{"1255":{}},"parent":{}}],["splitbutton",{"_index":1467,"name":{"3520":{},"3534":{}},"parent":{"3521":{},"3522":{},"3531":{},"3532":{},"3533":{},"3534":{},"3535":{},"3536":{},"3538":{},"3539":{},"3540":{},"3541":{}}}],["splitbutton.__type",{"_index":1468,"name":{},"parent":{"3523":{},"3524":{},"3525":{},"3526":{},"3527":{},"3528":{},"3529":{},"3530":{},"3537":{}}}],["src",{"_index":116,"name":{"180":{},"4221":{}},"parent":{}}],["starrefs",{"_index":1368,"name":{"3171":{}},"parent":{}}],["start",{"_index":971,"name":{"2021":{}},"parent":{}}],["startautoplay",{"_index":1519,"name":{"3676":{}},"parent":{}}],["starttime",{"_index":973,"name":{"2023":{}},"parent":{}}],["state",{"_index":37,"name":{"50":{},"199":{},"266":{},"739":{},"768":{},"1164":{},"1681":{},"2204":{},"2251":{},"2322":{},"2882":{},"2940":{},"3109":{},"3121":{},"3439":{},"3535":{},"3669":{},"4192":{}},"parent":{}}],["status",{"_index":1346,"name":{"3094":{},"3545":{},"3557":{},"3570":{},"4218":{},"4227":{}},"parent":{}}],["statusbar",{"_index":1594,"name":{"3899":{}},"parent":{}}],["statusbartype",{"_index":1592,"name":{"3882":{}},"parent":{}}],["step",{"_index":1018,"name":{"2122":{},"2468":{},"2494":{},"2520":{},"3431":{},"3445":{},"3458":{},"3471":{},"3573":{}},"parent":{}}],["steplast",{"_index":1474,"name":{"3548":{}},"parent":{}}],["stepnumber",{"_index":1475,"name":{"3549":{}},"parent":{}}],["steps",{"_index":1480,"name":{"3562":{}},"parent":{"3563":{},"3564":{},"3573":{},"3574":{},"3575":{},"3576":{}}}],["steps.__type",{"_index":1481,"name":{},"parent":{"3565":{},"3566":{},"3567":{},"3568":{},"3569":{},"3570":{},"3571":{},"3572":{}}}],["stickybatch",{"_index":796,"name":{"1723":{}},"parent":{}}],["stickyhead",{"_index":839,"name":{"1775":{}},"parent":{}}],["stoppropagation",{"_index":280,"name":{"638":{},"1371":{}},"parent":{}}],["stopscroll",{"_index":47,"name":{"75":{}},"parent":{}}],["store",{"_index":825,"name":{"1761":{}},"parent":{}}],["stretch",{"_index":1570,"name":{"3779":{},"3809":{}},"parent":{}}],["string",{"_index":353,"name":{"800":{}},"parent":{}}],["strokelinecap",{"_index":1344,"name":{"3090":{},"3104":{},"3115":{}},"parent":{}}],["strokewidth",{"_index":1342,"name":{"3087":{},"3101":{},"3112":{}},"parent":{}}],["style",{"_index":59,"name":{"90":{},"183":{},"214":{},"253":{},"298":{},"348":{},"358":{},"366":{},"602":{},"629":{},"647":{},"722":{},"1061":{},"1079":{},"1091":{},"1465":{},"1619":{},"1628":{},"1669":{},"1693":{},"2156":{},"2223":{},"2236":{},"2248":{},"2356":{},"2370":{},"2376":{},"2442":{},"2693":{},"2698":{},"2707":{},"2713":{},"2722":{},"2726":{},"2753":{},"2780":{},"2811":{},"2836":{},"2859":{},"2907":{},"2993":{},"3018":{},"3061":{},"3098":{},"3138":{},"3156":{},"3168":{},"3816":{},"3859":{},"3868":{},"3877":{},"3933":{},"3965":{},"3972":{},"3978":{},"3988":{}},"parent":{}}],["submenu",{"_index":1144,"name":{"2381":{}},"parent":{}}],["submenuvisible",{"_index":1158,"name":{"2433":{}},"parent":{}}],["subscribe",{"_index":771,"name":{"1683":{}},"parent":{}}],["success",{"_index":936,"name":{"1960":{},"2454":{}},"parent":{}}],["successcolor",{"_index":1348,"name":{"3096":{}},"parent":{}}],["suggestionlist",{"_index":1107,"name":{"2321":{}},"parent":{}}],["suggestionnotfoundcontent",{"_index":1102,"name":{"2300":{},"2314":{}},"parent":{}}],["suggestions",{"_index":1101,"name":{"2299":{},"2315":{}},"parent":{}}],["suggestionvisible",{"_index":1108,"name":{"2326":{}},"parent":{}}],["sunday",{"_index":410,"name":{"972":{}},"parent":{}}],["sweetalert",{"_index":920,"name":{"1906":{},"1925":{},"1942":{},"2089":{},"3579":{},"3587":{}},"parent":{"3580":{},"3588":{},"3601":{}}}],["sweetalert.__type",{"_index":1482,"name":{},"parent":{"3581":{},"3582":{},"3583":{},"3584":{},"3585":{},"3586":{}}}],["sweetalert.ialertoption",{"_index":1484,"name":{},"parent":{"3589":{},"3590":{},"3591":{},"3592":{},"3593":{},"3594":{},"3595":{},"3596":{},"3597":{},"3598":{},"3599":{},"3600":{}}}],["sweetalert.iconfirmoption",{"_index":1487,"name":{},"parent":{"3602":{},"3603":{},"3604":{},"3605":{},"3606":{},"3607":{},"3608":{},"3609":{},"3610":{},"3611":{},"3612":{},"3613":{},"3614":{}}}],["swiper",{"_index":1507,"name":{"3640":{},"3663":{}},"parent":{"3641":{},"3642":{},"3661":{},"3662":{},"3663":{},"3664":{},"3665":{},"3666":{},"3667":{},"3668":{},"3669":{},"3670":{},"3672":{},"3673":{},"3674":{},"3675":{},"3676":{},"3677":{},"3678":{},"3679":{},"3680":{},"3681":{},"3682":{},"3683":{},"3684":{},"3685":{},"3686":{},"3687":{},"3688":{},"3689":{},"3690":{},"3691":{},"3692":{},"3693":{}}}],["swiper.__type",{"_index":1508,"name":{},"parent":{"3643":{},"3644":{},"3645":{},"3646":{},"3647":{},"3648":{},"3649":{},"3650":{},"3651":{},"3652":{},"3653":{},"3654":{},"3657":{},"3658":{},"3659":{},"3660":{},"3671":{}}}],["swiper.__type.__type",{"_index":1509,"name":{},"parent":{"3655":{},"3656":{}}}],["swipercontainer",{"_index":1510,"name":{"3664":{}},"parent":{}}],["swiperwidth",{"_index":1511,"name":{"3665":{}},"parent":{}}],["swipeto",{"_index":1521,"name":{"3680":{}},"parent":{}}],["switch",{"_index":921,"name":{"1907":{},"1924":{},"1943":{},"2088":{},"3703":{}},"parent":{"3704":{},"3705":{},"3707":{},"3708":{},"3709":{},"3710":{},"3711":{},"3712":{}}}],["switch.__type",{"_index":1533,"name":{},"parent":{"3706":{}}}],["symbol_required",{"_index":585,"name":{"1360":{}},"parent":{}}],["syncfixedtablerowheight",{"_index":841,"name":{"1777":{}},"parent":{}}],["tab",{"_index":1560,"name":{"3758":{}},"parent":{}}],["tabdatalist",{"_index":1577,"name":{"3805":{},"3818":{},"3827":{}},"parent":{}}],["tablelayout",{"_index":780,"name":{"1700":{}},"parent":{}}],["tablewidth",{"_index":808,"name":{"1735":{}},"parent":{}}],["tabpanel",{"_index":1535,"name":{"3714":{},"3839":{}},"parent":{}}],["tabs",{"_index":1534,"name":{"3713":{},"3771":{},"3787":{},"3799":{}},"parent":{"3714":{},"3715":{},"3716":{},"3717":{},"3718":{},"3719":{},"3720":{},"3721":{},"3722":{},"3723":{},"3724":{},"3725":{},"3726":{}}}],["tabscascader",{"_index":259,"name":{"571":{}},"parent":{"572":{},"573":{},"581":{},"582":{},"583":{},"584":{},"585":{},"586":{},"587":{},"588":{},"589":{},"590":{},"591":{},"592":{},"593":{},"594":{}}}],["tabscascader.__type",{"_index":260,"name":{},"parent":{"574":{},"575":{},"576":{},"577":{},"578":{},"579":{},"580":{}}}],["tabscls",{"_index":1536,"name":{"3718":{},"3844":{}},"parent":{}}],["tabtype",{"_index":1557,"name":{"3754":{}},"parent":{}}],["tag",{"_index":1454,"name":{"3486":{},"3496":{},"3864":{}},"parent":{}}],["tagseparator",{"_index":953,"name":{"1980":{}},"parent":{}}],["tagstriggerref",{"_index":257,"name":{"549":{}},"parent":{}}],["target",{"_index":172,"name":{"300":{},"636":{},"1183":{},"2142":{},"3129":{}},"parent":{}}],["targetkeys",{"_index":1636,"name":{"4021":{},"4047":{},"4050":{}},"parent":{}}],["targetmap",{"_index":505,"name":{"1181":{}},"parent":{}}],["targetoffset",{"_index":481,"name":{"1138":{}},"parent":{}}],["text",{"_index":283,"name":{"654":{},"778":{},"1020":{},"2547":{},"2559":{},"3255":{}},"parent":{}}],["textalign",{"_index":818,"name":{"1749":{},"1855":{}},"parent":{}}],["textblock",{"_index":1218,"name":{"2689":{}},"parent":{}}],["textfield",{"_index":68,"name":{"109":{},"139":{},"154":{}},"parent":{}}],["textmark",{"_index":1598,"name":{"3905":{}},"parent":{}}],["textmarkfindchunksfunction",{"_index":1596,"name":{"3902":{}},"parent":{"3903":{}}}],["textmarksanitizefunction",{"_index":1595,"name":{"3900":{}},"parent":{"3901":{}}}],["textmarksearchwords",{"_index":1597,"name":{"3904":{}},"parent":{}}],["textnoderef",{"_index":123,"name":{"197":{}},"parent":{}}],["textready",{"_index":119,"name":{"187":{},"202":{}},"parent":{}}],["textrow",{"_index":1213,"name":{"2685":{}},"parent":{}}],["textrowdashed",{"_index":1215,"name":{"2686":{}},"parent":{}}],["textscale",{"_index":118,"name":{"186":{},"201":{}},"parent":{}}],["textsuited",{"_index":295,"name":{"667":{}},"parent":{}}],["texttohighlight",{"_index":1608,"name":{"3917":{}},"parent":{}}],["theme",{"_index":1584,"name":{"3854":{}},"parent":{}}],["threshold",{"_index":1025,"name":{"2131":{}},"parent":{}}],["thumbsrc",{"_index":1726,"name":{"4222":{}},"parent":{}}],["thursday",{"_index":414,"name":{"976":{}},"parent":{}}],["time",{"_index":963,"name":{"2012":{},"2028":{}},"parent":{}}],["timeerrorpop",{"_index":969,"name":{"2019":{}},"parent":{}}],["timeline",{"_index":1624,"name":{"3969":{},"3973":{}},"parent":{"3974":{},"3975":{},"3980":{},"3981":{},"3982":{},"3983":{},"3984":{},"3985":{}}}],["timeline.__type",{"_index":1625,"name":{},"parent":{"3976":{},"3977":{},"3978":{},"3979":{}}}],["timelineitem",{"_index":1618,"name":{"3935":{}},"parent":{"3936":{},"3937":{},"3942":{},"3943":{},"3944":{},"3945":{},"3948":{},"3949":{},"3950":{},"3951":{},"3952":{}}}],["timelineitem.__type",{"_index":1619,"name":{},"parent":{"3938":{},"3939":{},"3940":{},"3941":{},"3946":{},"3947":{}}}],["timeout",{"_index":1161,"name":{"2447":{}},"parent":{}}],["timeoutid",{"_index":42,"name":{"70":{}},"parent":{}}],["timepicker",{"_index":406,"name":{"948":{},"1910":{},"1928":{},"1946":{},"2092":{}},"parent":{}}],["timer",{"_index":1185,"name":{"2574":{}},"parent":{}}],["timerangepicker",{"_index":408,"name":{"970":{}},"parent":{}}],["tip",{"_index":1617,"name":{"3931":{},"3963":{}},"parent":{}}],["tips",{"_index":1752,"name":{"4280":{},"4299":{},"4318":{}},"parent":{}}],["title",{"_index":17,"name":{"17":{},"30":{},"233":{},"356":{},"557":{},"580":{},"719":{},"1060":{},"1070":{},"1093":{},"1130":{},"1739":{},"1845":{},"1986":{},"2000":{},"2418":{},"2440":{},"3543":{},"3591":{},"3605":{},"3735":{},"3747":{},"3888":{},"3987":{},"4026":{},"4060":{}},"parent":{}}],["titleformat",{"_index":983,"name":{"2042":{}},"parent":{}}],["to",{"_index":975,"name":{"2025":{}},"parent":{}}],["toggle",{"_index":326,"name":{"743":{},"2762":{},"2958":{},"3710":{}},"parent":{}}],["togglebatchcomponents",{"_index":872,"name":{"1817":{}},"parent":{}}],["toggledropdown",{"_index":1470,"name":{"3538":{}},"parent":{}}],["toggleexpand",{"_index":1146,"name":{"2393":{},"2426":{}},"parent":{}}],["togglepopoveropen",{"_index":109,"name":{"170":{}},"parent":{}}],["tooltip",{"_index":139,"name":{"236":{},"3998":{}},"parent":{"3999":{},"4000":{},"4006":{},"4007":{},"4008":{},"4009":{},"4010":{},"4011":{}}}],["tooltip.__type",{"_index":1629,"name":{},"parent":{"4001":{},"4002":{},"4003":{},"4004":{},"4005":{}}}],["top",{"_index":1667,"name":{"4077":{}},"parent":{}}],["topoffset",{"_index":1788,"name":{"4407":{},"4417":{}},"parent":{}}],["topposition",{"_index":1111,"name":{"2329":{}},"parent":{}}],["total",{"_index":888,"name":{"1839":{},"2587":{},"2595":{},"2658":{}},"parent":{}}],["totalitem",{"_index":1192,"name":{"2591":{},"2662":{}},"parent":{}}],["touched",{"_index":533,"name":{"1220":{},"1261":{},"1291":{},"1327":{}},"parent":{}}],["touchwhen",{"_index":651,"name":{"1462":{},"1606":{}},"parent":{}}],["transfer",{"_index":925,"name":{"1913":{},"1931":{},"1949":{},"2095":{},"4013":{},"4014":{}},"parent":{"4015":{}}}],["transfercolumntype",{"_index":1634,"name":{"4019":{}},"parent":{}}],["transferdirection",{"_index":1632,"name":{"4016":{}},"parent":{}}],["transferkeys",{"_index":1649,"name":{"4052":{}},"parent":{}}],["transferredkeys",{"_index":1637,"name":{"4022":{}},"parent":{}}],["transfertype",{"_index":1644,"name":{"4039":{}},"parent":{}}],["transitionduration",{"_index":1490,"name":{"3619":{},"3644":{}},"parent":{}}],["transitionprototype",{"_index":61,"name":{"92":{},"100":{}},"parent":{}}],["translate",{"_index":1522,"name":{"3681":{}},"parent":{}}],["tree",{"_index":1687,"name":{"4105":{},"4113":{}},"parent":{"4114":{},"4115":{},"4122":{},"4123":{},"4124":{},"4125":{},"4126":{},"4127":{},"4128":{},"4129":{},"4130":{},"4131":{},"4132":{},"4133":{},"4134":{},"4135":{},"4136":{},"4137":{}}}],["tree.__type",{"_index":1693,"name":{},"parent":{"4116":{},"4117":{},"4118":{},"4119":{},"4120":{},"4121":{}}}],["treerootidarray",{"_index":1653,"name":{"4056":{}},"parent":{}}],["trigger",{"_index":288,"name":{"659":{},"2736":{},"2760":{},"2787":{},"2818":{},"2872":{},"2919":{},"4001":{},"4366":{}},"parent":{}}],["triggereventcallback",{"_index":1123,"name":{"2344":{}},"parent":{}}],["triggeronclose",{"_index":440,"name":{"1052":{}},"parent":{}}],["triggerref",{"_index":1423,"name":{"3394":{}},"parent":{}}],["triggertext",{"_index":1103,"name":{"2301":{},"2316":{}},"parent":{}}],["triggervalidate",{"_index":541,"name":{"1230":{},"1268":{},"1299":{},"1334":{}},"parent":{}}],["triggerwidth",{"_index":1420,"name":{"3369":{}},"parent":{}}],["tryreviveoption",{"_index":1425,"name":{"3400":{}},"parent":{}}],["tuesday",{"_index":412,"name":{"974":{}},"parent":{}}],["type",{"_index":25,"name":{"26":{},"44":{},"54":{},"65":{},"234":{},"245":{},"305":{},"317":{},"343":{},"355":{},"365":{},"621":{},"750":{},"763":{},"2101":{},"2158":{},"2176":{},"2198":{},"2304":{},"2443":{},"2465":{},"2491":{},"2517":{},"2548":{},"2560":{},"2566":{},"2747":{},"2774":{},"2805":{},"2830":{},"2853":{},"2875":{},"3093":{},"3118":{},"3257":{},"3507":{},"3523":{},"3554":{},"3566":{},"3590":{},"3604":{},"3781":{},"3811":{},"3884":{},"3934":{},"3966":{},"3970":{},"3976":{},"4217":{},"4226":{},"4234":{}},"parent":{}}],["unchecked",{"_index":956,"name":{"1984":{}},"parent":{}}],["uncheckedtext",{"_index":1532,"name":{"3699":{}},"parent":{}}],["unfoldbreads",{"_index":165,"name":{"283":{}},"parent":{}}],["unhighlightclassname",{"_index":1603,"name":{"3912":{}},"parent":{}}],["unhighlightstyle",{"_index":1604,"name":{"3913":{}},"parent":{}}],["unknown",{"_index":1776,"name":{"4390":{}},"parent":{}}],["unmountonhide",{"_index":1554,"name":{"3743":{},"3762":{}},"parent":{}}],["unmountpanelonhide",{"_index":1565,"name":{"3772":{},"3788":{},"3800":{}},"parent":{}}],["unshift",{"_index":550,"name":{"1254":{}},"parent":{}}],["unsubscribe",{"_index":772,"name":{"1684":{}},"parent":{}}],["unwrap",{"_index":620,"name":{"1400":{}},"parent":{}}],["updatefilelist",{"_index":1710,"name":{"4152":{},"4179":{}},"parent":{}}],["updateposition",{"_index":1,"name":{"1":{}},"parent":{}}],["updatetextscale",{"_index":125,"name":{"206":{}},"parent":{}}],["updateuploaditem",{"_index":1713,"name":{"4155":{},"4182":{},"4197":{}},"parent":{}}],["updateuploaditempercent",{"_index":1719,"name":{"4161":{},"4188":{},"4210":{}},"parent":{}}],["updateuploaditemstatustofailed",{"_index":1718,"name":{"4160":{},"4187":{},"4209":{}},"parent":{}}],["updateuploaditemstatustosuccess",{"_index":1717,"name":{"4159":{},"4186":{},"4208":{}},"parent":{}}],["upload",{"_index":923,"name":{"1911":{},"1929":{},"1947":{},"2093":{},"4138":{}},"parent":{"4139":{},"4140":{},"4141":{},"4142":{},"4143":{},"4144":{},"4145":{},"4146":{},"4147":{},"4148":{},"4149":{},"4150":{},"4151":{},"4152":{},"4153":{},"4154":{},"4155":{},"4156":{},"4157":{},"4158":{},"4159":{},"4160":{},"4161":{},"4162":{},"4163":{}}}],["uploading",{"_index":994,"name":{"2060":{}},"parent":{}}],["usechangehandler",{"_index":603,"name":{"1379":{}},"parent":{}}],["usecompositionhandler",{"_index":604,"name":{"1380":{}},"parent":{}}],["useeventhandler",{"_index":504,"name":{"1180":{}},"parent":{}}],["usefield",{"_index":726,"name":{"1562":{}},"parent":{}}],["usefieldarray",{"_index":727,"name":{"1564":{}},"parent":{}}],["usefieldarraychildmodels",{"_index":730,"name":{"1570":{}},"parent":{}}],["usefieldarrayvalue",{"_index":731,"name":{"1572":{}},"parent":{}}],["usefieldset",{"_index":728,"name":{"1566":{}},"parent":{}}],["usefieldvalid",{"_index":740,"name":{"1594":{}},"parent":{}}],["usefieldvalue",{"_index":737,"name":{"1588":{}},"parent":{}}],["useform",{"_index":725,"name":{"1560":{}},"parent":{}}],["useformchild",{"_index":638,"name":{"1447":{}},"parent":{}}],["useformvalid",{"_index":739,"name":{"1592":{}},"parent":{}}],["useformvalue",{"_index":736,"name":{"1586":{}},"parent":{}}],["useinitialvalue",{"_index":755,"name":{"1635":{}},"parent":{}}],["uselayerforclickaway",{"_index":1327,"name":{"3057":{}},"parent":{}}],["usemappend",{"_index":601,"name":{"1377":{}},"parent":{}}],["usemodelvalid",{"_index":742,"name":{"1598":{}},"parent":{}}],["usemodelvalue",{"_index":741,"name":{"1596":{}},"parent":{}}],["usemulti",{"_index":599,"name":{"1375":{}},"parent":{}}],["usenamedchildmodel",{"_index":729,"name":{"1568":{}},"parent":{}}],["useobservablebatchedeagerstate",{"_index":637,"name":{"1446":{}},"parent":{}}],["usepipe",{"_index":602,"name":{"1378":{}},"parent":{}}],["usepopovercontext",{"_index":1308,"name":{"3005":{}},"parent":{}}],["useradiohandler",{"_index":1355,"name":{"3126":{}},"parent":{}}],["usetransfer",{"_index":1631,"name":{"4012":{}},"parent":{}}],["usewindow",{"_index":1023,"name":{"2128":{}},"parent":{}}],["usewindoweventhandler",{"_index":510,"name":{"1188":{}},"parent":{}}],["valid",{"_index":529,"name":{"1214":{},"1229":{},"1240":{},"1267":{},"1280":{},"1298":{},"1311":{},"1333":{},"1474":{}},"parent":{}}],["validate",{"_index":539,"name":{"1227":{},"1258":{},"1287":{},"1324":{}},"parent":{}}],["validateoccasion",{"_index":646,"name":{"1456":{},"1535":{},"1605":{}},"parent":{"1536":{},"1537":{},"1538":{},"1539":{}}}],["validateoption",{"_index":590,"name":{"1365":{},"1600":{}},"parent":{"1366":{},"1367":{},"1368":{},"1369":{},"1370":{},"1371":{},"1372":{}}}],["validator",{"_index":569,"name":{"1342":{}},"parent":{}}],["validatorcontext",{"_index":633,"name":{"1440":{}},"parent":{"1441":{},"1442":{},"1443":{},"1444":{},"1445":{}}}],["validatormiddlewares",{"_index":586,"name":{"1361":{}},"parent":{"1362":{},"1363":{},"1364":{}}}],["validators",{"_index":573,"name":{"1347":{},"1395":{},"1404":{},"1412":{},"1421":{},"1430":{},"1525":{},"1530":{},"1647":{},"1654":{},"1663":{}},"parent":{"1348":{},"1349":{},"1350":{},"1351":{},"1352":{},"1353":{},"1354":{},"1355":{},"1356":{},"1357":{},"1358":{},"1360":{}}}],["validators.iwithlength",{"_index":584,"name":{},"parent":{"1359":{}}}],["value",{"_index":66,"name":{"107":{},"123":{},"144":{},"392":{},"401":{},"462":{},"492":{},"526":{},"554":{},"574":{},"596":{},"608":{},"623":{},"641":{},"831":{},"851":{},"879":{},"899":{},"917":{},"934":{},"954":{},"985":{},"1002":{},"1021":{},"1024":{},"1038":{},"1110":{},"1112":{},"1215":{},"1216":{},"1238":{},"1239":{},"1279":{},"1295":{},"1309":{},"1310":{},"1638":{},"2109":{},"2164":{},"2179":{},"2287":{},"2294":{},"2486":{},"2512":{},"2539":{},"2551":{},"3131":{},"3150":{},"3161":{},"3177":{},"3198":{},"3213":{},"3224":{},"3295":{},"3328":{},"3365":{},"3434":{},"3454":{},"3467":{},"4194":{},"4320":{}},"parent":{}}],["valuefield",{"_index":67,"name":{"108":{},"137":{},"152":{}},"parent":{}}],["valuefromoption",{"_index":88,"name":{"132":{}},"parent":{}}],["valuefromoptions",{"_index":91,"name":{"136":{},"151":{}},"parent":{}}],["valuetype",{"_index":386,"name":{"842":{},"889":{},"910":{},"927":{},"944":{},"995":{},"1012":{},"1025":{},"1039":{}},"parent":{}}],["verticaltabs",{"_index":1582,"name":{"3838":{}},"parent":{"3839":{},"3840":{},"3841":{},"3842":{},"3843":{},"3844":{},"3845":{},"3846":{},"3847":{},"3848":{},"3849":{},"3850":{},"3851":{},"3852":{}}}],["view",{"_index":566,"name":{"1338":{}},"parent":{}}],["viewportbottom",{"_index":1781,"name":{"4395":{},"4403":{}},"parent":{}}],["viewporttop",{"_index":1780,"name":{"4394":{},"4402":{}},"parent":{}}],["visible",{"_index":199,"name":{"382":{},"454":{},"484":{},"516":{},"565":{},"1062":{},"1073":{},"1089":{},"2546":{},"2558":{},"2748":{},"2775":{},"2806":{},"2831":{},"2854":{},"2902":{},"2909":{},"2942":{},"3010":{},"3051":{},"3861":{},"3870":{},"3879":{},"3994":{}},"parent":{}}],["warn",{"_index":1164,"name":{"2456":{}},"parent":{}}],["waypoint",{"_index":1795,"name":{"4414":{}},"parent":{"4415":{},"4416":{},"4421":{},"4422":{},"4423":{},"4424":{},"4425":{},"4426":{}}}],["waypoint.__type",{"_index":1796,"name":{},"parent":{"4417":{},"4418":{},"4419":{},"4420":{}}}],["waypointbottom",{"_index":1779,"name":{"4393":{},"4401":{}},"parent":{}}],["waypointposition",{"_index":1771,"name":{"4385":{}},"parent":{"4386":{},"4387":{},"4388":{},"4389":{},"4390":{}}}],["waypointtop",{"_index":1778,"name":{"4392":{},"4400":{}},"parent":{}}],["weak",{"_index":1093,"name":{"2280":{}},"parent":{}}],["wednesday",{"_index":413,"name":{"975":{}},"parent":{}}],["week",{"_index":964,"name":{"2014":{},"2030":{}},"parent":{}}],["weekpicker",{"_index":419,"name":{"997":{}},"parent":{}}],["weekstartson",{"_index":418,"name":{"981":{}},"parent":{}}],["weekstartsonmap",{"_index":409,"name":{"971":{}},"parent":{"972":{},"973":{},"974":{},"975":{},"976":{},"977":{},"978":{}}}],["when",{"_index":588,"name":{"1363":{}},"parent":{}}],["whenasync",{"_index":589,"name":{"1364":{}},"parent":{}}],["width",{"_index":90,"name":{"135":{},"155":{},"631":{},"649":{},"833":{},"867":{},"881":{},"901":{},"919":{},"936":{},"968":{},"987":{},"1004":{},"1741":{},"1847":{},"2147":{},"2183":{},"2710":{},"3088":{},"3102":{},"3113":{},"3134":{},"3271":{},"3304":{},"3338":{},"3448":{},"3461":{},"3474":{}},"parent":{}}],["widths",{"_index":1231,"name":{"2718":{},"2732":{}},"parent":{}}],["widthsize",{"_index":1036,"name":{"2149":{},"2170":{},"2185":{},"2479":{},"2505":{},"2531":{}},"parent":{}}],["willscrolltoerror",{"_index":717,"name":{"1551":{}},"parent":{}}],["windoweventhandler",{"_index":511,"name":{"1189":{}},"parent":{}}],["windowresizehandler",{"_index":519,"name":{"1200":{}},"parent":{}}],["windowscrollhandler",{"_index":522,"name":{"1205":{}},"parent":{}}],["witherrorboundary",{"_index":496,"name":{"1159":{},"1174":{}},"parent":{}}],["withinput",{"_index":1443,"name":{"3432":{},"3446":{},"3459":{},"3472":{}},"parent":{}}],["withouterror",{"_index":643,"name":{"1452":{}},"parent":{}}],["withoutlabel",{"_index":652,"name":{"1467":{},"1624":{}},"parent":{}}],["withpop",{"_index":1267,"name":{"2879":{}},"parent":{}}],["withpopover",{"_index":1280,"name":{"2929":{}},"parent":{}}],["wrapperclassname",{"_index":332,"name":{"754":{},"762":{}},"parent":{}}],["x",{"_index":884,"name":{"1835":{},"3946":{}},"parent":{}}],["xl",{"_index":1081,"name":{"2260":{},"2269":{}},"parent":{}}],["xs",{"_index":1085,"name":{"2264":{},"2268":{}},"parent":{}}],["xxl",{"_index":1080,"name":{"2259":{},"2271":{}},"parent":{}}],["y",{"_index":885,"name":{"1836":{},"3947":{}},"parent":{}}],["year",{"_index":967,"name":{"2017":{},"2032":{},"2038":{}},"parent":{}}],["yearpicker",{"_index":421,"name":{"1014":{}},"parent":{}}],["yearquartername",{"_index":985,"name":{"2044":{}},"parent":{}}],["zhcnlocale",{"_index":927,"name":{"1916":{}},"parent":{"1917":{},"1918":{},"1919":{},"1920":{},"1921":{},"1922":{},"1923":{},"1924":{},"1925":{},"1926":{},"1927":{},"1928":{},"1929":{},"1930":{},"1931":{},"1932":{},"1933":{}}}],["zindex",{"_index":9,"name":{"9":{}},"parent":{}}],["zv",{"_index":186,"name":{"336":{}},"parent":{}}]],"pipeline":[]}} \ No newline at end of file +window.searchData = {"kinds":{"2":"Namespace","4":"Enumeration","16":"Enumeration member","32":"Variable","64":"Function","128":"Class","256":"Interface","512":"Constructor","1024":"Property","2048":"Method","65536":"Type literal","262144":"Accessor","4194304":"Type alias"},"rows":[{"id":0,"kind":256,"name":"IAffixImperativeHandlers","url":"interfaces/IAffixImperativeHandlers.html","classes":"tsd-kind-interface"},{"id":1,"kind":2048,"name":"updatePosition","url":"interfaces/IAffixImperativeHandlers.html#updatePosition","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAffixImperativeHandlers"},{"id":2,"kind":256,"name":"IAffixProps","url":"interfaces/IAffixProps.html","classes":"tsd-kind-interface"},{"id":3,"kind":1024,"name":"offsetTop","url":"interfaces/IAffixProps.html#offsetTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAffixProps"},{"id":4,"kind":1024,"name":"offsetBottom","url":"interfaces/IAffixProps.html#offsetBottom","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAffixProps"},{"id":5,"kind":2048,"name":"getAffixContainer","url":"interfaces/IAffixProps.html#getAffixContainer","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAffixProps"},{"id":6,"kind":1024,"name":"children","url":"interfaces/IAffixProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAffixProps"},{"id":7,"kind":2048,"name":"onPin","url":"interfaces/IAffixProps.html#onPin","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAffixProps"},{"id":8,"kind":2048,"name":"onUnpin","url":"interfaces/IAffixProps.html#onUnpin","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAffixProps"},{"id":9,"kind":1024,"name":"zIndex","url":"interfaces/IAffixProps.html#zIndex","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAffixProps"},{"id":10,"kind":1024,"name":"className","url":"interfaces/IAffixProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAffixProps"},{"id":11,"kind":1024,"name":"placeholderClassName","url":"interfaces/IAffixProps.html#placeholderClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAffixProps"},{"id":12,"kind":32,"name":"Affix","url":"modules.html#Affix","classes":"tsd-kind-variable"},{"id":13,"kind":256,"name":"IAlertItemProps","url":"interfaces/IAlertItemProps.html","classes":"tsd-kind-interface"},{"id":14,"kind":1024,"name":"closable","url":"interfaces/IAlertItemProps.html#closable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAlertItemProps"},{"id":15,"kind":1024,"name":"closeContent","url":"interfaces/IAlertItemProps.html#closeContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAlertItemProps"},{"id":16,"kind":1024,"name":"extraContent","url":"interfaces/IAlertItemProps.html#extraContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAlertItemProps"},{"id":17,"kind":1024,"name":"title","url":"interfaces/IAlertItemProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAlertItemProps"},{"id":18,"kind":1024,"name":"description","url":"interfaces/IAlertItemProps.html#description","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAlertItemProps"},{"id":19,"kind":2048,"name":"onClose","url":"interfaces/IAlertItemProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAlertItemProps"},{"id":20,"kind":128,"name":"AlertItem","url":"classes/AlertItem.html","classes":"tsd-kind-class"},{"id":21,"kind":512,"name":"constructor","url":"classes/AlertItem.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"AlertItem"},{"id":22,"kind":2048,"name":"render","url":"classes/AlertItem.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"AlertItem"},{"id":23,"kind":65536,"name":"__type","url":"classes/AlertItem.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"AlertItem"},{"id":24,"kind":256,"name":"IAlertProps","url":"interfaces/IAlertProps.html","classes":"tsd-kind-interface"},{"id":25,"kind":65536,"name":"__type","url":"interfaces/IAlertProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IAlertProps"},{"id":26,"kind":1024,"name":"type","url":"interfaces/IAlertProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":27,"kind":1024,"name":"loading","url":"interfaces/IAlertProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":28,"kind":1024,"name":"outline","url":"interfaces/IAlertProps.html#outline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":29,"kind":1024,"name":"bordered","url":"interfaces/IAlertProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":30,"kind":1024,"name":"title","url":"interfaces/IAlertProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":31,"kind":1024,"name":"description","url":"interfaces/IAlertProps.html#description","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":32,"kind":1024,"name":"extraContent","url":"interfaces/IAlertProps.html#extraContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":33,"kind":1024,"name":"closable","url":"interfaces/IAlertProps.html#closable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":34,"kind":1024,"name":"closed","url":"interfaces/IAlertProps.html#closed","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":35,"kind":1024,"name":"icon","url":"interfaces/IAlertProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":36,"kind":1024,"name":"closeIconColor","url":"interfaces/IAlertProps.html#closeIconColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":37,"kind":1024,"name":"progress","url":"interfaces/IAlertProps.html#progress","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":38,"kind":2048,"name":"onClose","url":"interfaces/IAlertProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":39,"kind":1024,"name":"closeContent","url":"interfaces/IAlertProps.html#closeContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAlertProps"},{"id":40,"kind":128,"name":"Alert","url":"classes/Alert.html","classes":"tsd-kind-class"},{"id":41,"kind":1024,"name":"highlightClassName","url":"classes/Alert.html#highlightClassName","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Alert"},{"id":42,"kind":1024,"name":"defaultProps","url":"classes/Alert.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Alert"},{"id":43,"kind":65536,"name":"__type","url":"classes/Alert.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Alert"},{"id":44,"kind":1024,"name":"type","url":"classes/Alert.html#__type-1.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Alert.__type"},{"id":45,"kind":1024,"name":"bordered","url":"classes/Alert.html#__type-1.bordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Alert.__type"},{"id":46,"kind":1024,"name":"loading","url":"classes/Alert.html#__type-1.loading","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Alert.__type"},{"id":47,"kind":1024,"name":"outline","url":"classes/Alert.html#__type-1.outline","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Alert.__type"},{"id":48,"kind":1024,"name":"closable","url":"classes/Alert.html#__type-1.closable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Alert.__type"},{"id":49,"kind":512,"name":"constructor","url":"classes/Alert.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Alert"},{"id":50,"kind":1024,"name":"state","url":"classes/Alert.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Alert"},{"id":51,"kind":2048,"name":"render","url":"classes/Alert.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Alert"},{"id":52,"kind":65536,"name":"__type","url":"classes/Alert.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Alert"},{"id":53,"kind":256,"name":"IScrollAlertProps","url":"interfaces/IScrollAlertProps.html","classes":"tsd-kind-interface"},{"id":54,"kind":1024,"name":"type","url":"interfaces/IScrollAlertProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":55,"kind":1024,"name":"outline","url":"interfaces/IScrollAlertProps.html#outline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":56,"kind":1024,"name":"loading","url":"interfaces/IScrollAlertProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":57,"kind":1024,"name":"scrollInterval","url":"interfaces/IScrollAlertProps.html#scrollInterval","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":58,"kind":2048,"name":"onClose","url":"interfaces/IScrollAlertProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":59,"kind":1024,"name":"closed","url":"interfaces/IScrollAlertProps.html#closed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":60,"kind":1024,"name":"bordered","url":"interfaces/IScrollAlertProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":61,"kind":65536,"name":"__type","url":"interfaces/IScrollAlertProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IScrollAlertProps"},{"id":62,"kind":128,"name":"ScrollAlert","url":"classes/ScrollAlert.html","classes":"tsd-kind-class"},{"id":63,"kind":1024,"name":"defaultProps","url":"classes/ScrollAlert.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ScrollAlert"},{"id":64,"kind":65536,"name":"__type","url":"classes/ScrollAlert.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ScrollAlert"},{"id":65,"kind":1024,"name":"type","url":"classes/ScrollAlert.html#__type-1.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ScrollAlert.__type"},{"id":66,"kind":1024,"name":"loading","url":"classes/ScrollAlert.html#__type-1.loading","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ScrollAlert.__type"},{"id":67,"kind":1024,"name":"scrollInterval","url":"classes/ScrollAlert.html#__type-1.scrollInterval","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ScrollAlert.__type"},{"id":68,"kind":1024,"name":"bordered","url":"classes/ScrollAlert.html#__type-1.bordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ScrollAlert.__type"},{"id":69,"kind":512,"name":"constructor","url":"classes/ScrollAlert.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"ScrollAlert"},{"id":70,"kind":1024,"name":"timeoutId","url":"classes/ScrollAlert.html#timeoutId","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ScrollAlert"},{"id":71,"kind":1024,"name":"firstChildHeight","url":"classes/ScrollAlert.html#firstChildHeight","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ScrollAlert"},{"id":72,"kind":2048,"name":"componentDidMount","url":"classes/ScrollAlert.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ScrollAlert"},{"id":73,"kind":2048,"name":"componentWillUnmount","url":"classes/ScrollAlert.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ScrollAlert"},{"id":74,"kind":2048,"name":"scrollHandler","url":"classes/ScrollAlert.html#scrollHandler","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ScrollAlert"},{"id":75,"kind":2048,"name":"stopScroll","url":"classes/ScrollAlert.html#stopScroll","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ScrollAlert"},{"id":76,"kind":2048,"name":"continueScroll","url":"classes/ScrollAlert.html#continueScroll","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ScrollAlert"},{"id":77,"kind":2048,"name":"resetChildren","url":"classes/ScrollAlert.html#resetChildren","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ScrollAlert"},{"id":78,"kind":2048,"name":"clearTimer","url":"classes/ScrollAlert.html#clearTimer","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ScrollAlert"},{"id":79,"kind":2048,"name":"onFirstChildRef","url":"classes/ScrollAlert.html#onFirstChildRef","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ScrollAlert"},{"id":80,"kind":262144,"name":"renderItem","url":"classes/ScrollAlert.html#renderItem","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"ScrollAlert"},{"id":81,"kind":2048,"name":"render","url":"classes/ScrollAlert.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ScrollAlert"},{"id":82,"kind":65536,"name":"__type","url":"classes/ScrollAlert.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ScrollAlert"},{"id":83,"kind":4194304,"name":"AlertTypes","url":"modules.html#AlertTypes","classes":"tsd-kind-type-alias"},{"id":84,"kind":256,"name":"IAnimateHeightProps","url":"interfaces/IAnimateHeightProps.html","classes":"tsd-kind-interface"},{"id":85,"kind":1024,"name":"height","url":"interfaces/IAnimateHeightProps.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":86,"kind":1024,"name":"appear","url":"interfaces/IAnimateHeightProps.html#appear","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":87,"kind":1024,"name":"duration","url":"interfaces/IAnimateHeightProps.html#duration","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":88,"kind":1024,"name":"easing","url":"interfaces/IAnimateHeightProps.html#easing","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":89,"kind":1024,"name":"className","url":"interfaces/IAnimateHeightProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":90,"kind":1024,"name":"style","url":"interfaces/IAnimateHeightProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":91,"kind":1024,"name":"overflow","url":"interfaces/IAnimateHeightProps.html#overflow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":92,"kind":1024,"name":"transitionPrototype","url":"interfaces/IAnimateHeightProps.html#transitionPrototype","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAnimateHeightProps"},{"id":93,"kind":128,"name":"AnimateHeight","url":"classes/AnimateHeight.html","classes":"tsd-kind-class"},{"id":94,"kind":1024,"name":"defaultProps","url":"classes/AnimateHeight.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"AnimateHeight"},{"id":95,"kind":65536,"name":"__type","url":"classes/AnimateHeight.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"AnimateHeight"},{"id":96,"kind":1024,"name":"appear","url":"classes/AnimateHeight.html#__type-1.appear","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AnimateHeight.__type"},{"id":97,"kind":1024,"name":"duration","url":"classes/AnimateHeight.html#__type-1.duration","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AnimateHeight.__type"},{"id":98,"kind":1024,"name":"easing","url":"classes/AnimateHeight.html#__type-1.easing","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AnimateHeight.__type"},{"id":99,"kind":1024,"name":"overflow","url":"classes/AnimateHeight.html#__type-1.overflow","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AnimateHeight.__type"},{"id":100,"kind":1024,"name":"transitionPrototype","url":"classes/AnimateHeight.html#__type-1.transitionPrototype","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AnimateHeight.__type"},{"id":101,"kind":512,"name":"constructor","url":"classes/AnimateHeight.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"AnimateHeight"},{"id":102,"kind":2048,"name":"componentDidMount","url":"classes/AnimateHeight.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"AnimateHeight"},{"id":103,"kind":2048,"name":"componentDidUpdate","url":"classes/AnimateHeight.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"AnimateHeight"},{"id":104,"kind":2048,"name":"render","url":"classes/AnimateHeight.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"AnimateHeight"},{"id":105,"kind":65536,"name":"__type","url":"classes/AnimateHeight.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"AnimateHeight"},{"id":106,"kind":256,"name":"IAutoCompleteMenuObjectItem","url":"interfaces/IAutoCompleteMenuObjectItem.html","classes":"tsd-kind-interface"},{"id":107,"kind":1024,"name":"value","url":"interfaces/IAutoCompleteMenuObjectItem.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IAutoCompleteMenuObjectItem"},{"id":108,"kind":1024,"name":"valueField","url":"interfaces/IAutoCompleteMenuObjectItem.html#valueField","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteMenuObjectItem"},{"id":109,"kind":1024,"name":"textField","url":"interfaces/IAutoCompleteMenuObjectItem.html#textField","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteMenuObjectItem"},{"id":110,"kind":1024,"name":"contentField","url":"interfaces/IAutoCompleteMenuObjectItem.html#contentField","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteMenuObjectItem"},{"id":111,"kind":1024,"name":"searchContent","url":"interfaces/IAutoCompleteMenuObjectItem.html#searchContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IAutoCompleteMenuObjectItem"},{"id":112,"kind":1024,"name":"className","url":"interfaces/IAutoCompleteMenuObjectItem.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":113,"kind":1024,"name":"onClick","url":"interfaces/IAutoCompleteMenuObjectItem.html#onClick","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":114,"kind":1024,"name":"icon","url":"interfaces/IAutoCompleteMenuObjectItem.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":115,"kind":1024,"name":"content","url":"interfaces/IAutoCompleteMenuObjectItem.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":116,"kind":1024,"name":"isGroup","url":"interfaces/IAutoCompleteMenuObjectItem.html#isGroup","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":117,"kind":1024,"name":"isDivider","url":"interfaces/IAutoCompleteMenuObjectItem.html#isDivider","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":118,"kind":1024,"name":"disabled","url":"interfaces/IAutoCompleteMenuObjectItem.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":119,"kind":1024,"name":"active","url":"interfaces/IAutoCompleteMenuObjectItem.html#active","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":120,"kind":1024,"name":"hoverable","url":"interfaces/IAutoCompleteMenuObjectItem.html#hoverable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAutoCompleteMenuObjectItem"},{"id":121,"kind":4194304,"name":"IAutoCompleteMenuItem","url":"modules.html#IAutoCompleteMenuItem","classes":"tsd-kind-type-alias"},{"id":122,"kind":256,"name":"IAutoCompleteProps","url":"interfaces/IAutoCompleteProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":123,"kind":1024,"name":"value","url":"interfaces/IAutoCompleteProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":124,"kind":1024,"name":"initialValue","url":"interfaces/IAutoCompleteProps.html#initialValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":125,"kind":1024,"name":"placeholder","url":"interfaces/IAutoCompleteProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":126,"kind":1024,"name":"data","url":"interfaces/IAutoCompleteProps.html#data","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":127,"kind":1024,"name":"items","url":"interfaces/IAutoCompleteProps.html#items","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":128,"kind":2048,"name":"onChange","url":"interfaces/IAutoCompleteProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":129,"kind":2048,"name":"onSelect","url":"interfaces/IAutoCompleteProps.html#onSelect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":130,"kind":2048,"name":"onSearch","url":"interfaces/IAutoCompleteProps.html#onSearch","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":131,"kind":2048,"name":"filterOption","url":"interfaces/IAutoCompleteProps.html#filterOption","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":132,"kind":1024,"name":"valueFromOption","url":"interfaces/IAutoCompleteProps.html#valueFromOption","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":133,"kind":1024,"name":"className","url":"interfaces/IAutoCompleteProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":134,"kind":1024,"name":"popupClassName","url":"interfaces/IAutoCompleteProps.html#popupClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":135,"kind":1024,"name":"width","url":"interfaces/IAutoCompleteProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":136,"kind":1024,"name":"valueFromOptions","url":"interfaces/IAutoCompleteProps.html#valueFromOptions","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":137,"kind":1024,"name":"valueField","url":"interfaces/IAutoCompleteProps.html#valueField","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":138,"kind":1024,"name":"contentField","url":"interfaces/IAutoCompleteProps.html#contentField","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":139,"kind":1024,"name":"textField","url":"interfaces/IAutoCompleteProps.html#textField","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":140,"kind":1024,"name":"disabled","url":"interfaces/IAutoCompleteProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":141,"kind":1024,"name":"inline","url":"interfaces/IAutoCompleteProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteProps"},{"id":142,"kind":256,"name":"IAutoCompleteState","url":"interfaces/IAutoCompleteState.html","classes":"tsd-kind-interface"},{"id":143,"kind":1024,"name":"open","url":"interfaces/IAutoCompleteState.html#open","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteState"},{"id":144,"kind":1024,"name":"value","url":"interfaces/IAutoCompleteState.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteState"},{"id":145,"kind":1024,"name":"searchText","url":"interfaces/IAutoCompleteState.html#searchText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAutoCompleteState"},{"id":146,"kind":128,"name":"AutoComplete","url":"classes/AutoComplete.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":147,"kind":1024,"name":"defaultProps","url":"classes/AutoComplete.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"AutoComplete"},{"id":148,"kind":65536,"name":"__type","url":"classes/AutoComplete.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"AutoComplete"},{"id":149,"kind":1024,"name":"filterOption","url":"classes/AutoComplete.html#__type-1.filterOption","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AutoComplete.__type"},{"id":150,"kind":65536,"name":"__type","url":"classes/AutoComplete.html#__type-1.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"AutoComplete.__type"},{"id":151,"kind":1024,"name":"valueFromOptions","url":"classes/AutoComplete.html#__type-1.valueFromOptions","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AutoComplete.__type"},{"id":152,"kind":1024,"name":"valueField","url":"classes/AutoComplete.html#__type-1.valueField","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AutoComplete.__type"},{"id":153,"kind":1024,"name":"contentField","url":"classes/AutoComplete.html#__type-1.contentField","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AutoComplete.__type"},{"id":154,"kind":1024,"name":"textField","url":"classes/AutoComplete.html#__type-1.textField","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AutoComplete.__type"},{"id":155,"kind":1024,"name":"width","url":"classes/AutoComplete.html#__type-1.width","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"AutoComplete.__type"},{"id":156,"kind":1024,"name":"contextType","url":"classes/AutoComplete.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"AutoComplete"},{"id":157,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/AutoComplete.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-static","parent":"AutoComplete"},{"id":158,"kind":512,"name":"constructor","url":"classes/AutoComplete.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"AutoComplete"},{"id":159,"kind":1024,"name":"context","url":"classes/AutoComplete.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"AutoComplete"},{"id":160,"kind":1024,"name":"blurHandlerPrevented","url":"classes/AutoComplete.html#blurHandlerPrevented","classes":"tsd-kind-property tsd-parent-kind-class","parent":"AutoComplete"},{"id":161,"kind":1024,"name":"refMenuItemList","url":"classes/AutoComplete.html#refMenuItemList","classes":"tsd-kind-property tsd-parent-kind-class","parent":"AutoComplete"},{"id":162,"kind":2048,"name":"onSearchTextChange","url":"classes/AutoComplete.html#onSearchTextChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":163,"kind":1024,"name":"onSearchKeyDown","url":"classes/AutoComplete.html#onSearchKeyDown","classes":"tsd-kind-property tsd-parent-kind-class","parent":"AutoComplete"},{"id":164,"kind":2048,"name":"onSearchBlur","url":"classes/AutoComplete.html#onSearchBlur","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":165,"kind":2048,"name":"getSelectedValueFromSearchText","url":"classes/AutoComplete.html#getSelectedValueFromSearchText","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":166,"kind":2048,"name":"onSelect","url":"classes/AutoComplete.html#onSelect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":167,"kind":2048,"name":"getTransformedItemConfigsFromProps","url":"classes/AutoComplete.html#getTransformedItemConfigsFromProps","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":168,"kind":2048,"name":"open","url":"classes/AutoComplete.html#open","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":169,"kind":2048,"name":"close","url":"classes/AutoComplete.html#close","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":170,"kind":2048,"name":"togglePopoverOpen","url":"classes/AutoComplete.html#togglePopoverOpen","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":171,"kind":2048,"name":"moveFocusIndexDown","url":"classes/AutoComplete.html#moveFocusIndexDown","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":172,"kind":2048,"name":"moveFocusIndexUp","url":"classes/AutoComplete.html#moveFocusIndexUp","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":173,"kind":2048,"name":"selectCurrentFocusIndex","url":"classes/AutoComplete.html#selectCurrentFocusIndex","classes":"tsd-kind-method tsd-parent-kind-class","parent":"AutoComplete"},{"id":174,"kind":2048,"name":"render","url":"classes/AutoComplete.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"AutoComplete"},{"id":175,"kind":65536,"name":"__type","url":"classes/AutoComplete.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"AutoComplete"},{"id":176,"kind":256,"name":"IAvatarProps","url":"interfaces/IAvatarProps.html","classes":"tsd-kind-interface"},{"id":177,"kind":1024,"name":"shape","url":"interfaces/IAvatarProps.html#shape","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":178,"kind":1024,"name":"size","url":"interfaces/IAvatarProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":179,"kind":1024,"name":"icon","url":"interfaces/IAvatarProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":180,"kind":1024,"name":"src","url":"interfaces/IAvatarProps.html#src","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":181,"kind":1024,"name":"children","url":"interfaces/IAvatarProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":182,"kind":1024,"name":"bordered","url":"interfaces/IAvatarProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":183,"kind":1024,"name":"style","url":"interfaces/IAvatarProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":184,"kind":1024,"name":"className","url":"interfaces/IAvatarProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarProps"},{"id":185,"kind":256,"name":"IAvatarState","url":"interfaces/IAvatarState.html","classes":"tsd-kind-interface"},{"id":186,"kind":1024,"name":"textScale","url":"interfaces/IAvatarState.html#textScale","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarState"},{"id":187,"kind":1024,"name":"textReady","url":"interfaces/IAvatarState.html#textReady","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarState"},{"id":188,"kind":1024,"name":"prevChildren","url":"interfaces/IAvatarState.html#prevChildren","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAvatarState"},{"id":189,"kind":128,"name":"Avatar","url":"classes/Avatar.html","classes":"tsd-kind-class"},{"id":190,"kind":1024,"name":"defaultProps","url":"classes/Avatar.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Avatar"},{"id":191,"kind":65536,"name":"__type","url":"classes/Avatar.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Avatar"},{"id":192,"kind":1024,"name":"shape","url":"classes/Avatar.html#__type-2.shape","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Avatar.__type"},{"id":193,"kind":1024,"name":"size","url":"classes/Avatar.html#__type-2.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Avatar.__type"},{"id":194,"kind":1024,"name":"bordered","url":"classes/Avatar.html#__type-2.bordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Avatar.__type"},{"id":195,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Avatar.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Avatar"},{"id":196,"kind":512,"name":"constructor","url":"classes/Avatar.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Avatar"},{"id":197,"kind":1024,"name":"textNodeRef","url":"classes/Avatar.html#textNodeRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Avatar"},{"id":198,"kind":1024,"name":"avatarNodeRef","url":"classes/Avatar.html#avatarNodeRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Avatar"},{"id":199,"kind":1024,"name":"state","url":"classes/Avatar.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Avatar"},{"id":200,"kind":65536,"name":"__type","url":"classes/Avatar.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Avatar"},{"id":201,"kind":1024,"name":"textScale","url":"classes/Avatar.html#__type-1.textScale","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Avatar.__type"},{"id":202,"kind":1024,"name":"textReady","url":"classes/Avatar.html#__type-1.textReady","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Avatar.__type"},{"id":203,"kind":2048,"name":"render","url":"classes/Avatar.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Avatar"},{"id":204,"kind":2048,"name":"componentDidMount","url":"classes/Avatar.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Avatar"},{"id":205,"kind":2048,"name":"componentDidUpdate","url":"classes/Avatar.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Avatar"},{"id":206,"kind":2048,"name":"updateTextScale","url":"classes/Avatar.html#updateTextScale","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Avatar"},{"id":207,"kind":65536,"name":"__type","url":"classes/Avatar.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Avatar"},{"id":208,"kind":256,"name":"IBadgeProps","url":"interfaces/IBadgeProps.html","classes":"tsd-kind-interface"},{"id":209,"kind":1024,"name":"count","url":"interfaces/IBadgeProps.html#count","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":210,"kind":1024,"name":"maxCount","url":"interfaces/IBadgeProps.html#maxCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":211,"kind":1024,"name":"dot","url":"interfaces/IBadgeProps.html#dot","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":212,"kind":1024,"name":"showZero","url":"interfaces/IBadgeProps.html#showZero","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":213,"kind":1024,"name":"offset","url":"interfaces/IBadgeProps.html#offset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":214,"kind":1024,"name":"style","url":"interfaces/IBadgeProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":215,"kind":1024,"name":"children","url":"interfaces/IBadgeProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":216,"kind":1024,"name":"className","url":"interfaces/IBadgeProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBadgeProps"},{"id":217,"kind":128,"name":"Badge","url":"classes/Badge.html","classes":"tsd-kind-class"},{"id":218,"kind":1024,"name":"defaultProps","url":"classes/Badge.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Badge"},{"id":219,"kind":65536,"name":"__type","url":"classes/Badge.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Badge"},{"id":220,"kind":1024,"name":"count","url":"classes/Badge.html#__type-1.count","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Badge.__type"},{"id":221,"kind":1024,"name":"maxCount","url":"classes/Badge.html#__type-1.maxCount","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Badge.__type"},{"id":222,"kind":1024,"name":"dot","url":"classes/Badge.html#__type-1.dot","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Badge.__type"},{"id":223,"kind":1024,"name":"showZero","url":"classes/Badge.html#__type-1.showZero","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Badge.__type"},{"id":224,"kind":1024,"name":"className","url":"classes/Badge.html#__type-1.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Badge.__type"},{"id":225,"kind":512,"name":"constructor","url":"classes/Badge.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Badge"},{"id":226,"kind":2048,"name":"renderCount","url":"classes/Badge.html#renderCount","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Badge"},{"id":227,"kind":2048,"name":"render","url":"classes/Badge.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Badge"},{"id":228,"kind":65536,"name":"__type","url":"classes/Badge.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Badge"},{"id":229,"kind":4194304,"name":"BannerCloseIconColor","url":"modules.html#BannerCloseIconColor","classes":"tsd-kind-type-alias"},{"id":230,"kind":4194304,"name":"IBannerProps","url":"modules.html#IBannerProps","classes":"tsd-kind-type-alias"},{"id":231,"kind":32,"name":"Banner","url":"modules.html#Banner","classes":"tsd-kind-variable"},{"id":232,"kind":256,"name":"IBlockHeaderProps","url":"interfaces/IBlockHeaderProps.html","classes":"tsd-kind-interface"},{"id":233,"kind":1024,"name":"title","url":"interfaces/IBlockHeaderProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBlockHeaderProps"},{"id":234,"kind":1024,"name":"type","url":"interfaces/IBlockHeaderProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBlockHeaderProps"},{"id":235,"kind":1024,"name":"className","url":"interfaces/IBlockHeaderProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBlockHeaderProps"},{"id":236,"kind":1024,"name":"tooltip","url":"interfaces/IBlockHeaderProps.html#tooltip","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBlockHeaderProps"},{"id":237,"kind":1024,"name":"position","url":"interfaces/IBlockHeaderProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBlockHeaderProps"},{"id":238,"kind":1024,"name":"leftContent","url":"interfaces/IBlockHeaderProps.html#leftContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBlockHeaderProps"},{"id":239,"kind":1024,"name":"rightContent","url":"interfaces/IBlockHeaderProps.html#rightContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBlockHeaderProps"},{"id":240,"kind":128,"name":"BlockHeader","url":"classes/BlockHeader.html","classes":"tsd-kind-class"},{"id":241,"kind":1024,"name":"defaultProps","url":"classes/BlockHeader.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"BlockHeader"},{"id":242,"kind":65536,"name":"__type","url":"classes/BlockHeader.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"BlockHeader"},{"id":243,"kind":1024,"name":"className","url":"classes/BlockHeader.html#__type-1.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"BlockHeader.__type"},{"id":244,"kind":1024,"name":"position","url":"classes/BlockHeader.html#__type-1.position","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"BlockHeader.__type"},{"id":245,"kind":1024,"name":"type","url":"classes/BlockHeader.html#__type-1.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"BlockHeader.__type"},{"id":246,"kind":512,"name":"constructor","url":"classes/BlockHeader.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"BlockHeader"},{"id":247,"kind":2048,"name":"render","url":"classes/BlockHeader.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"BlockHeader"},{"id":248,"kind":65536,"name":"__type","url":"classes/BlockHeader.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"BlockHeader"},{"id":249,"kind":256,"name":"IBreadcrumbProps","url":"interfaces/IBreadcrumbProps.html","classes":"tsd-kind-interface"},{"id":250,"kind":1024,"name":"breads","url":"interfaces/IBreadcrumbProps.html#breads","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbProps"},{"id":251,"kind":1024,"name":"className","url":"interfaces/IBreadcrumbProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbProps"},{"id":252,"kind":1024,"name":"maxItemCount","url":"interfaces/IBreadcrumbProps.html#maxItemCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbProps"},{"id":253,"kind":1024,"name":"style","url":"interfaces/IBreadcrumbProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbProps"},{"id":254,"kind":256,"name":"IBreadcrumbState","url":"interfaces/IBreadcrumbState.html","classes":"tsd-kind-interface"},{"id":255,"kind":1024,"name":"isFolded","url":"interfaces/IBreadcrumbState.html#isFolded","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbState"},{"id":256,"kind":1024,"name":"overflowLeft","url":"interfaces/IBreadcrumbState.html#overflowLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbState"},{"id":257,"kind":1024,"name":"overflowRight","url":"interfaces/IBreadcrumbState.html#overflowRight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbState"},{"id":258,"kind":1024,"name":"contentStyleLeft","url":"interfaces/IBreadcrumbState.html#contentStyleLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbState"},{"id":259,"kind":128,"name":"Breadcrumb","url":"classes/Breadcrumb.html","classes":"tsd-kind-class"},{"id":260,"kind":1024,"name":"defaultProps","url":"classes/Breadcrumb.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Breadcrumb"},{"id":261,"kind":65536,"name":"__type","url":"classes/Breadcrumb.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Breadcrumb"},{"id":262,"kind":1024,"name":"className","url":"classes/Breadcrumb.html#__type-2.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Breadcrumb.__type"},{"id":263,"kind":1024,"name":"breads","url":"classes/Breadcrumb.html#__type-2.breads","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Breadcrumb.__type"},{"id":264,"kind":1024,"name":"Item","url":"classes/Breadcrumb.html#Item","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Breadcrumb"},{"id":265,"kind":512,"name":"constructor","url":"classes/Breadcrumb.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Breadcrumb"},{"id":266,"kind":1024,"name":"state","url":"classes/Breadcrumb.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Breadcrumb"},{"id":267,"kind":65536,"name":"__type","url":"classes/Breadcrumb.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Breadcrumb"},{"id":268,"kind":1024,"name":"isFolded","url":"classes/Breadcrumb.html#__type-1.isFolded","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Breadcrumb.__type"},{"id":269,"kind":1024,"name":"overflowLeft","url":"classes/Breadcrumb.html#__type-1.overflowLeft","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Breadcrumb.__type"},{"id":270,"kind":1024,"name":"overflowRight","url":"classes/Breadcrumb.html#__type-1.overflowRight","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Breadcrumb.__type"},{"id":271,"kind":1024,"name":"contentStyleLeft","url":"classes/Breadcrumb.html#__type-1.contentStyleLeft","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Breadcrumb.__type"},{"id":272,"kind":1024,"name":"breadcrumbRef","url":"classes/Breadcrumb.html#breadcrumbRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Breadcrumb"},{"id":273,"kind":1024,"name":"contentRef","url":"classes/Breadcrumb.html#contentRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Breadcrumb"},{"id":274,"kind":1024,"name":"isMoving","url":"classes/Breadcrumb.html#isMoving","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Breadcrumb"},{"id":275,"kind":262144,"name":"breadcrumbWidth","url":"classes/Breadcrumb.html#breadcrumbWidth","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Breadcrumb"},{"id":276,"kind":262144,"name":"breadcrumbLeft","url":"classes/Breadcrumb.html#breadcrumbLeft","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Breadcrumb"},{"id":277,"kind":262144,"name":"contentWidth","url":"classes/Breadcrumb.html#contentWidth","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Breadcrumb"},{"id":278,"kind":2048,"name":"getOverflowStatus","url":"classes/Breadcrumb.html#getOverflowStatus","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Breadcrumb"},{"id":279,"kind":2048,"name":"componentDidMount","url":"classes/Breadcrumb.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Breadcrumb"},{"id":280,"kind":2048,"name":"componentDidUpdate","url":"classes/Breadcrumb.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Breadcrumb"},{"id":281,"kind":2048,"name":"handleClickMoveLeft","url":"classes/Breadcrumb.html#handleClickMoveLeft","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Breadcrumb"},{"id":282,"kind":2048,"name":"handleClickMoveRight","url":"classes/Breadcrumb.html#handleClickMoveRight","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Breadcrumb"},{"id":283,"kind":2048,"name":"unfoldBreads","url":"classes/Breadcrumb.html#unfoldBreads","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Breadcrumb"},{"id":284,"kind":2048,"name":"getFoldItems","url":"classes/Breadcrumb.html#getFoldItems","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Breadcrumb"},{"id":285,"kind":2048,"name":"render","url":"classes/Breadcrumb.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Breadcrumb"},{"id":286,"kind":65536,"name":"__type","url":"classes/Breadcrumb.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Breadcrumb"},{"id":287,"kind":256,"name":"IBreadcrumbItemProps","url":"interfaces/IBreadcrumbItemProps.html","classes":"tsd-kind-interface"},{"id":288,"kind":1024,"name":"className","url":"interfaces/IBreadcrumbItemProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbItemProps"},{"id":289,"kind":1024,"name":"name","url":"interfaces/IBreadcrumbItemProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbItemProps"},{"id":290,"kind":1024,"name":"href","url":"interfaces/IBreadcrumbItemProps.html#href","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBreadcrumbItemProps"},{"id":291,"kind":2048,"name":"onClick","url":"interfaces/IBreadcrumbItemProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IBreadcrumbItemProps"},{"id":292,"kind":128,"name":"BreadcrumbItem","url":"classes/BreadcrumbItem.html","classes":"tsd-kind-class"},{"id":293,"kind":512,"name":"constructor","url":"classes/BreadcrumbItem.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"BreadcrumbItem"},{"id":294,"kind":2048,"name":"render","url":"classes/BreadcrumbItem.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"BreadcrumbItem"},{"id":295,"kind":65536,"name":"__type","url":"classes/BreadcrumbItem.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"BreadcrumbItem"},{"id":296,"kind":256,"name":"IButtonProps","url":"interfaces/IButtonProps.html","classes":"tsd-kind-interface"},{"id":297,"kind":1024,"name":"className","url":"interfaces/IButtonProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IButtonProps"},{"id":298,"kind":1024,"name":"style","url":"interfaces/IButtonProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IButtonProps"},{"id":299,"kind":1024,"name":"href","url":"interfaces/IButtonProps.html#href","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonProps"},{"id":300,"kind":1024,"name":"target","url":"interfaces/IButtonProps.html#target","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonProps"},{"id":301,"kind":1024,"name":"htmlType","url":"interfaces/IButtonProps.html#htmlType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonProps"},{"id":302,"kind":1024,"name":"download","url":"interfaces/IButtonProps.html#download","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonProps"},{"id":303,"kind":1024,"name":"onMouseEnter","url":"interfaces/IButtonProps.html#onMouseEnter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":304,"kind":1024,"name":"onMouseLeave","url":"interfaces/IButtonProps.html#onMouseLeave","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":305,"kind":1024,"name":"type","url":"interfaces/IButtonProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":306,"kind":1024,"name":"loading","url":"interfaces/IButtonProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":307,"kind":1024,"name":"outline","url":"interfaces/IButtonProps.html#outline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":308,"kind":1024,"name":"bordered","url":"interfaces/IButtonProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":309,"kind":1024,"name":"icon","url":"interfaces/IButtonProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":310,"kind":1024,"name":"disabled","url":"interfaces/IButtonProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":311,"kind":1024,"name":"size","url":"interfaces/IButtonProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":312,"kind":1024,"name":"block","url":"interfaces/IButtonProps.html#block","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IButtonProps"},{"id":313,"kind":65536,"name":"__type","url":"interfaces/IButtonProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IButtonProps"},{"id":314,"kind":128,"name":"Button","url":"classes/Button.html","classes":"tsd-kind-class"},{"id":315,"kind":1024,"name":"defaultProps","url":"classes/Button.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Button"},{"id":316,"kind":65536,"name":"__type","url":"classes/Button.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Button"},{"id":317,"kind":1024,"name":"type","url":"classes/Button.html#__type-2.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Button.__type"},{"id":318,"kind":1024,"name":"size","url":"classes/Button.html#__type-2.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Button.__type"},{"id":319,"kind":1024,"name":"htmlType","url":"classes/Button.html#__type-2.htmlType","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Button.__type"},{"id":320,"kind":1024,"name":"bordered","url":"classes/Button.html#__type-2.bordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Button.__type"},{"id":321,"kind":1024,"name":"Group","url":"classes/Button.html#Group","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Button"},{"id":322,"kind":1024,"name":"Directive","url":"classes/Button.html#Directive","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Button"},{"id":323,"kind":65536,"name":"__type","url":"classes/Button.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Button"},{"id":324,"kind":1024,"name":"contextType","url":"classes/Button.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Button"},{"id":325,"kind":512,"name":"constructor","url":"classes/Button.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Button"},{"id":326,"kind":1024,"name":"context","url":"classes/Button.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Button"},{"id":327,"kind":2048,"name":"render","url":"classes/Button.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Button"},{"id":328,"kind":65536,"name":"__type","url":"classes/Button.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Button"},{"id":329,"kind":4194304,"name":"IButtonGroupProps","url":"modules.html#IButtonGroupProps","classes":"tsd-kind-type-alias"},{"id":330,"kind":32,"name":"ButtonGroup","url":"modules.html#ButtonGroup","classes":"tsd-kind-variable"},{"id":331,"kind":64,"name":"ButtonDirective","url":"modules.html#ButtonDirective","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":332,"kind":256,"name":"IButtonDirectiveChildProps","url":"interfaces/IButtonDirectiveChildProps.html","classes":"tsd-kind-interface"},{"id":333,"kind":1024,"name":"className","url":"interfaces/IButtonDirectiveChildProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveChildProps"},{"id":334,"kind":1024,"name":"disabled","url":"interfaces/IButtonDirectiveChildProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveChildProps"},{"id":335,"kind":1024,"name":"children","url":"interfaces/IButtonDirectiveChildProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveChildProps"},{"id":336,"kind":1024,"name":"data-zv","url":"interfaces/IButtonDirectiveChildProps.html#data_zv","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveChildProps"},{"id":337,"kind":1024,"name":"onClick","url":"interfaces/IButtonDirectiveChildProps.html#onClick","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveChildProps"},{"id":338,"kind":4194304,"name":"IButtonSize","url":"modules.html#IButtonSize","classes":"tsd-kind-type-alias"},{"id":339,"kind":4194304,"name":"IButtonType","url":"modules.html#IButtonType","classes":"tsd-kind-type-alias"},{"id":340,"kind":4194304,"name":"IButtonHtmlType","url":"modules.html#IButtonHtmlType","classes":"tsd-kind-type-alias"},{"id":341,"kind":256,"name":"IButtonDirectiveProps","url":"interfaces/IButtonDirectiveProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":342,"kind":1024,"name":"size","url":"interfaces/IButtonDirectiveProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":343,"kind":1024,"name":"type","url":"interfaces/IButtonDirectiveProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":344,"kind":1024,"name":"disabled","url":"interfaces/IButtonDirectiveProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":345,"kind":1024,"name":"loading","url":"interfaces/IButtonDirectiveProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":346,"kind":1024,"name":"outline","url":"interfaces/IButtonDirectiveProps.html#outline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":347,"kind":1024,"name":"bordered","url":"interfaces/IButtonDirectiveProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":348,"kind":1024,"name":"style","url":"interfaces/IButtonDirectiveProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":349,"kind":1024,"name":"icon","url":"interfaces/IButtonDirectiveProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":350,"kind":1024,"name":"block","url":"interfaces/IButtonDirectiveProps.html#block","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":351,"kind":1024,"name":"children","url":"interfaces/IButtonDirectiveProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":352,"kind":1024,"name":"onMouseEnter","url":"interfaces/IButtonDirectiveProps.html#onMouseEnter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":353,"kind":1024,"name":"onMouseLeave","url":"interfaces/IButtonDirectiveProps.html#onMouseLeave","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IButtonDirectiveProps"},{"id":354,"kind":256,"name":"ICardProps","url":"interfaces/ICardProps.html","classes":"tsd-kind-interface"},{"id":355,"kind":1024,"name":"type","url":"interfaces/ICardProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICardProps"},{"id":356,"kind":1024,"name":"title","url":"interfaces/ICardProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICardProps"},{"id":357,"kind":1024,"name":"action","url":"interfaces/ICardProps.html#action","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICardProps"},{"id":358,"kind":1024,"name":"style","url":"interfaces/ICardProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICardProps"},{"id":359,"kind":1024,"name":"bodyStyle","url":"interfaces/ICardProps.html#bodyStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICardProps"},{"id":360,"kind":1024,"name":"loading","url":"interfaces/ICardProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICardProps"},{"id":361,"kind":1024,"name":"className","url":"interfaces/ICardProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICardProps"},{"id":362,"kind":128,"name":"Card","url":"classes/Card.html","classes":"tsd-kind-class"},{"id":363,"kind":1024,"name":"defaultProps","url":"classes/Card.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Card"},{"id":364,"kind":65536,"name":"__type","url":"classes/Card.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Card"},{"id":365,"kind":1024,"name":"type","url":"classes/Card.html#__type-1.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Card.__type"},{"id":366,"kind":1024,"name":"style","url":"classes/Card.html#__type-1.style","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Card.__type"},{"id":367,"kind":65536,"name":"__type","url":"classes/Card.html#__type-1.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Card.__type"},{"id":368,"kind":1024,"name":"bodyStyle","url":"classes/Card.html#__type-1.bodyStyle","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Card.__type"},{"id":369,"kind":65536,"name":"__type","url":"classes/Card.html#__type-1.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Card.__type"},{"id":370,"kind":1024,"name":"loading","url":"classes/Card.html#__type-1.loading","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Card.__type"},{"id":371,"kind":1024,"name":"className","url":"classes/Card.html#__type-1.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Card.__type"},{"id":372,"kind":512,"name":"constructor","url":"classes/Card.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Card"},{"id":373,"kind":2048,"name":"render","url":"classes/Card.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Card"},{"id":374,"kind":65536,"name":"__type","url":"classes/Card.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Card"},{"id":375,"kind":256,"name":"ICascaderBaseProps","url":"interfaces/ICascaderBaseProps.html","classes":"tsd-kind-interface"},{"id":376,"kind":1024,"name":"options","url":"interfaces/ICascaderBaseProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":377,"kind":1024,"name":"placeholder","url":"interfaces/ICascaderBaseProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":378,"kind":1024,"name":"className","url":"interfaces/ICascaderBaseProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":379,"kind":1024,"name":"popupClassName","url":"interfaces/ICascaderBaseProps.html#popupClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":380,"kind":1024,"name":"disabled","url":"interfaces/ICascaderBaseProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":381,"kind":1024,"name":"clearable","url":"interfaces/ICascaderBaseProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":382,"kind":1024,"name":"visible","url":"interfaces/ICascaderBaseProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":383,"kind":2048,"name":"onVisibleChange","url":"interfaces/ICascaderBaseProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":384,"kind":2048,"name":"renderValue","url":"interfaces/ICascaderBaseProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":385,"kind":2048,"name":"renderItemContent","url":"interfaces/ICascaderBaseProps.html#renderItemContent","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":386,"kind":2048,"name":"getItemTooltip","url":"interfaces/ICascaderBaseProps.html#getItemTooltip","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":387,"kind":2048,"name":"renderList","url":"interfaces/ICascaderBaseProps.html#renderList","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderBaseProps"},{"id":388,"kind":4194304,"name":"CascaderValue","url":"modules.html#CascaderValue","classes":"tsd-kind-type-alias"},{"id":389,"kind":4194304,"name":"CascaderItemSelectionState","url":"modules.html#CascaderItemSelectionState","classes":"tsd-kind-type-alias"},{"id":390,"kind":4194304,"name":"CascaderSimplifySelectionMode","url":"modules.html#CascaderSimplifySelectionMode","classes":"tsd-kind-type-alias"},{"id":391,"kind":256,"name":"IPublicCascaderItem","url":"interfaces/IPublicCascaderItem.html","classes":"tsd-kind-interface"},{"id":392,"kind":1024,"name":"value","url":"interfaces/IPublicCascaderItem.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPublicCascaderItem"},{"id":393,"kind":1024,"name":"label","url":"interfaces/IPublicCascaderItem.html#label","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPublicCascaderItem"},{"id":394,"kind":1024,"name":"children","url":"interfaces/IPublicCascaderItem.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPublicCascaderItem"},{"id":395,"kind":1024,"name":"disabled","url":"interfaces/IPublicCascaderItem.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPublicCascaderItem"},{"id":396,"kind":1024,"name":"loadChildrenOnExpand","url":"interfaces/IPublicCascaderItem.html#loadChildrenOnExpand","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPublicCascaderItem"},{"id":397,"kind":1024,"name":"loadChildrenOnScroll","url":"interfaces/IPublicCascaderItem.html#loadChildrenOnScroll","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPublicCascaderItem"},{"id":398,"kind":256,"name":"ICascaderItem","url":"interfaces/ICascaderItem.html","classes":"tsd-kind-interface"},{"id":399,"kind":1024,"name":"children","url":"interfaces/ICascaderItem.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ICascaderItem"},{"id":400,"kind":1024,"name":"parent","url":"interfaces/ICascaderItem.html#parent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderItem"},{"id":401,"kind":1024,"name":"value","url":"interfaces/ICascaderItem.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICascaderItem"},{"id":402,"kind":1024,"name":"label","url":"interfaces/ICascaderItem.html#label","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICascaderItem"},{"id":403,"kind":1024,"name":"disabled","url":"interfaces/ICascaderItem.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICascaderItem"},{"id":404,"kind":1024,"name":"loadChildrenOnExpand","url":"interfaces/ICascaderItem.html#loadChildrenOnExpand","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICascaderItem"},{"id":405,"kind":1024,"name":"loadChildrenOnScroll","url":"interfaces/ICascaderItem.html#loadChildrenOnScroll","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICascaderItem"},{"id":406,"kind":4194304,"name":"CascaderTabsClickHandler","url":"modules.html#CascaderTabsClickHandler","classes":"tsd-kind-type-alias"},{"id":407,"kind":65536,"name":"__type","url":"modules.html#CascaderTabsClickHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"CascaderTabsClickHandler"},{"id":408,"kind":4194304,"name":"CascaderMenuClickHandler","url":"modules.html#CascaderMenuClickHandler","classes":"tsd-kind-type-alias"},{"id":409,"kind":65536,"name":"__type","url":"modules.html#CascaderMenuClickHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"CascaderMenuClickHandler"},{"id":410,"kind":4194304,"name":"CascaderMenuHoverHandler","url":"modules.html#CascaderMenuHoverHandler","classes":"tsd-kind-type-alias"},{"id":411,"kind":65536,"name":"__type","url":"modules.html#CascaderMenuHoverHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"CascaderMenuHoverHandler"},{"id":412,"kind":4194304,"name":"CascaderSearchClickHandler","url":"modules.html#CascaderSearchClickHandler","classes":"tsd-kind-type-alias"},{"id":413,"kind":65536,"name":"__type","url":"modules.html#CascaderSearchClickHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"CascaderSearchClickHandler"},{"id":414,"kind":4,"name":"CascaderChangeAction","url":"enums/CascaderChangeAction.html","classes":"tsd-kind-enum"},{"id":415,"kind":16,"name":"Clear","url":"enums/CascaderChangeAction.html#Clear","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"CascaderChangeAction"},{"id":416,"kind":16,"name":"Change","url":"enums/CascaderChangeAction.html#Change","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"CascaderChangeAction"},{"id":417,"kind":256,"name":"ICascaderChangeMeta","url":"interfaces/ICascaderChangeMeta.html","classes":"tsd-kind-interface"},{"id":418,"kind":1024,"name":"action","url":"interfaces/ICascaderChangeMeta.html#action","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderChangeMeta"},{"id":419,"kind":256,"name":"ICascaderMultipleChangeMeta","url":"interfaces/ICascaderMultipleChangeMeta.html","classes":"tsd-kind-interface"},{"id":420,"kind":2048,"name":"simplify","url":"interfaces/ICascaderMultipleChangeMeta.html#simplify","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderMultipleChangeMeta"},{"id":421,"kind":1024,"name":"action","url":"interfaces/ICascaderMultipleChangeMeta.html#action","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICascaderMultipleChangeMeta"},{"id":422,"kind":4,"name":"CascaderLoadAction","url":"enums/CascaderLoadAction.html","classes":"tsd-kind-enum"},{"id":423,"kind":16,"name":"LoadChildren","url":"enums/CascaderLoadAction.html#LoadChildren","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"CascaderLoadAction"},{"id":424,"kind":16,"name":"Scroll","url":"enums/CascaderLoadAction.html#Scroll","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"CascaderLoadAction"},{"id":425,"kind":256,"name":"ICascaderLoadMeta","url":"interfaces/ICascaderLoadMeta.html","classes":"tsd-kind-interface"},{"id":426,"kind":1024,"name":"action","url":"interfaces/ICascaderLoadMeta.html#action","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderLoadMeta"},{"id":427,"kind":256,"name":"ICascaderTagsProps","url":"interfaces/ICascaderTagsProps.html","classes":"tsd-kind-interface"},{"id":428,"kind":1024,"name":"list","url":"interfaces/ICascaderTagsProps.html#list","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderTagsProps"},{"id":429,"kind":1024,"name":"selectionMap","url":"interfaces/ICascaderTagsProps.html#selectionMap","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderTagsProps"},{"id":430,"kind":1024,"name":"simplifyPaths","url":"interfaces/ICascaderTagsProps.html#simplifyPaths","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderTagsProps"},{"id":431,"kind":2048,"name":"onRemove","url":"interfaces/ICascaderTagsProps.html#onRemove","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderTagsProps"},{"id":432,"kind":2048,"name":"renderValue","url":"interfaces/ICascaderTagsProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICascaderTagsProps"},{"id":433,"kind":1024,"name":"collapse","url":"interfaces/ICascaderTagsProps.html#collapse","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICascaderTagsProps"},{"id":434,"kind":256,"name":"IMenuCascaderCommonProps","url":"interfaces/IMenuCascaderCommonProps.html","classes":"tsd-kind-interface"},{"id":435,"kind":2048,"name":"loadOptions","url":"interfaces/IMenuCascaderCommonProps.html#loadOptions","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":436,"kind":1024,"name":"expandTrigger","url":"interfaces/IMenuCascaderCommonProps.html#expandTrigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":437,"kind":1024,"name":"scrollable","url":"interfaces/IMenuCascaderCommonProps.html#scrollable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":438,"kind":1024,"name":"loadChildrenOnScroll","url":"interfaces/IMenuCascaderCommonProps.html#loadChildrenOnScroll","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":439,"kind":1024,"name":"searchable","url":"interfaces/IMenuCascaderCommonProps.html#searchable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":440,"kind":1024,"name":"async","url":"interfaces/IMenuCascaderCommonProps.html#async","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":441,"kind":2048,"name":"asyncFilter","url":"interfaces/IMenuCascaderCommonProps.html#asyncFilter","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":442,"kind":2048,"name":"filter","url":"interfaces/IMenuCascaderCommonProps.html#filter","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":443,"kind":2048,"name":"highlight","url":"interfaces/IMenuCascaderCommonProps.html#highlight","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":444,"kind":1024,"name":"limit","url":"interfaces/IMenuCascaderCommonProps.html#limit","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":445,"kind":1024,"name":"multipleType","url":"interfaces/IMenuCascaderCommonProps.html#multipleType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":446,"kind":1024,"name":"maxLine","url":"interfaces/IMenuCascaderCommonProps.html#maxLine","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":447,"kind":1024,"name":"lineHeight","url":"interfaces/IMenuCascaderCommonProps.html#lineHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderCommonProps"},{"id":448,"kind":1024,"name":"options","url":"interfaces/IMenuCascaderCommonProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":449,"kind":1024,"name":"placeholder","url":"interfaces/IMenuCascaderCommonProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":450,"kind":1024,"name":"className","url":"interfaces/IMenuCascaderCommonProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":451,"kind":1024,"name":"popupClassName","url":"interfaces/IMenuCascaderCommonProps.html#popupClassName","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":452,"kind":1024,"name":"disabled","url":"interfaces/IMenuCascaderCommonProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":453,"kind":1024,"name":"clearable","url":"interfaces/IMenuCascaderCommonProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":454,"kind":1024,"name":"visible","url":"interfaces/IMenuCascaderCommonProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":455,"kind":2048,"name":"onVisibleChange","url":"interfaces/IMenuCascaderCommonProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":456,"kind":2048,"name":"renderValue","url":"interfaces/IMenuCascaderCommonProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":457,"kind":2048,"name":"renderItemContent","url":"interfaces/IMenuCascaderCommonProps.html#renderItemContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":458,"kind":2048,"name":"getItemTooltip","url":"interfaces/IMenuCascaderCommonProps.html#getItemTooltip","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":459,"kind":2048,"name":"renderList","url":"interfaces/IMenuCascaderCommonProps.html#renderList","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderCommonProps"},{"id":460,"kind":256,"name":"IMenuCascaderSingleProps","url":"interfaces/IMenuCascaderSingleProps.html","classes":"tsd-kind-interface"},{"id":461,"kind":1024,"name":"multiple","url":"interfaces/IMenuCascaderSingleProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderSingleProps"},{"id":462,"kind":1024,"name":"value","url":"interfaces/IMenuCascaderSingleProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderSingleProps"},{"id":463,"kind":2048,"name":"onChange","url":"interfaces/IMenuCascaderSingleProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuCascaderSingleProps"},{"id":464,"kind":1024,"name":"changeOnSelect","url":"interfaces/IMenuCascaderSingleProps.html#changeOnSelect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderSingleProps"},{"id":465,"kind":2048,"name":"loadOptions","url":"interfaces/IMenuCascaderSingleProps.html#loadOptions","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":466,"kind":1024,"name":"expandTrigger","url":"interfaces/IMenuCascaderSingleProps.html#expandTrigger","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":467,"kind":1024,"name":"scrollable","url":"interfaces/IMenuCascaderSingleProps.html#scrollable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":468,"kind":1024,"name":"loadChildrenOnScroll","url":"interfaces/IMenuCascaderSingleProps.html#loadChildrenOnScroll","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":469,"kind":1024,"name":"searchable","url":"interfaces/IMenuCascaderSingleProps.html#searchable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":470,"kind":1024,"name":"async","url":"interfaces/IMenuCascaderSingleProps.html#async","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":471,"kind":2048,"name":"asyncFilter","url":"interfaces/IMenuCascaderSingleProps.html#asyncFilter","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":472,"kind":2048,"name":"filter","url":"interfaces/IMenuCascaderSingleProps.html#filter","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":473,"kind":2048,"name":"highlight","url":"interfaces/IMenuCascaderSingleProps.html#highlight","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":474,"kind":1024,"name":"limit","url":"interfaces/IMenuCascaderSingleProps.html#limit","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":475,"kind":1024,"name":"multipleType","url":"interfaces/IMenuCascaderSingleProps.html#multipleType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":476,"kind":1024,"name":"maxLine","url":"interfaces/IMenuCascaderSingleProps.html#maxLine","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":477,"kind":1024,"name":"lineHeight","url":"interfaces/IMenuCascaderSingleProps.html#lineHeight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":478,"kind":1024,"name":"options","url":"interfaces/IMenuCascaderSingleProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":479,"kind":1024,"name":"placeholder","url":"interfaces/IMenuCascaderSingleProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":480,"kind":1024,"name":"className","url":"interfaces/IMenuCascaderSingleProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":481,"kind":1024,"name":"popupClassName","url":"interfaces/IMenuCascaderSingleProps.html#popupClassName","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":482,"kind":1024,"name":"disabled","url":"interfaces/IMenuCascaderSingleProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":483,"kind":1024,"name":"clearable","url":"interfaces/IMenuCascaderSingleProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":484,"kind":1024,"name":"visible","url":"interfaces/IMenuCascaderSingleProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":485,"kind":2048,"name":"onVisibleChange","url":"interfaces/IMenuCascaderSingleProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":486,"kind":2048,"name":"renderValue","url":"interfaces/IMenuCascaderSingleProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":487,"kind":2048,"name":"renderItemContent","url":"interfaces/IMenuCascaderSingleProps.html#renderItemContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":488,"kind":2048,"name":"getItemTooltip","url":"interfaces/IMenuCascaderSingleProps.html#getItemTooltip","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":489,"kind":2048,"name":"renderList","url":"interfaces/IMenuCascaderSingleProps.html#renderList","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderSingleProps"},{"id":490,"kind":256,"name":"IMenuCascaderMultipleProps","url":"interfaces/IMenuCascaderMultipleProps.html","classes":"tsd-kind-interface"},{"id":491,"kind":1024,"name":"multiple","url":"interfaces/IMenuCascaderMultipleProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderMultipleProps"},{"id":492,"kind":1024,"name":"value","url":"interfaces/IMenuCascaderMultipleProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderMultipleProps"},{"id":493,"kind":2048,"name":"onChange","url":"interfaces/IMenuCascaderMultipleProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuCascaderMultipleProps"},{"id":494,"kind":2048,"name":"renderTags","url":"interfaces/IMenuCascaderMultipleProps.html#renderTags","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuCascaderMultipleProps"},{"id":495,"kind":1024,"name":"simplifySelection","url":"interfaces/IMenuCascaderMultipleProps.html#simplifySelection","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderMultipleProps"},{"id":496,"kind":1024,"name":"simplifySelectionMode","url":"interfaces/IMenuCascaderMultipleProps.html#simplifySelectionMode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuCascaderMultipleProps"},{"id":497,"kind":2048,"name":"loadOptions","url":"interfaces/IMenuCascaderMultipleProps.html#loadOptions","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":498,"kind":1024,"name":"expandTrigger","url":"interfaces/IMenuCascaderMultipleProps.html#expandTrigger","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":499,"kind":1024,"name":"scrollable","url":"interfaces/IMenuCascaderMultipleProps.html#scrollable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":500,"kind":1024,"name":"loadChildrenOnScroll","url":"interfaces/IMenuCascaderMultipleProps.html#loadChildrenOnScroll","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":501,"kind":1024,"name":"searchable","url":"interfaces/IMenuCascaderMultipleProps.html#searchable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":502,"kind":1024,"name":"async","url":"interfaces/IMenuCascaderMultipleProps.html#async","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":503,"kind":2048,"name":"asyncFilter","url":"interfaces/IMenuCascaderMultipleProps.html#asyncFilter","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":504,"kind":2048,"name":"filter","url":"interfaces/IMenuCascaderMultipleProps.html#filter","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":505,"kind":2048,"name":"highlight","url":"interfaces/IMenuCascaderMultipleProps.html#highlight","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":506,"kind":1024,"name":"limit","url":"interfaces/IMenuCascaderMultipleProps.html#limit","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":507,"kind":1024,"name":"multipleType","url":"interfaces/IMenuCascaderMultipleProps.html#multipleType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":508,"kind":1024,"name":"maxLine","url":"interfaces/IMenuCascaderMultipleProps.html#maxLine","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":509,"kind":1024,"name":"lineHeight","url":"interfaces/IMenuCascaderMultipleProps.html#lineHeight","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":510,"kind":1024,"name":"options","url":"interfaces/IMenuCascaderMultipleProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":511,"kind":1024,"name":"placeholder","url":"interfaces/IMenuCascaderMultipleProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":512,"kind":1024,"name":"className","url":"interfaces/IMenuCascaderMultipleProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":513,"kind":1024,"name":"popupClassName","url":"interfaces/IMenuCascaderMultipleProps.html#popupClassName","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":514,"kind":1024,"name":"disabled","url":"interfaces/IMenuCascaderMultipleProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":515,"kind":1024,"name":"clearable","url":"interfaces/IMenuCascaderMultipleProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":516,"kind":1024,"name":"visible","url":"interfaces/IMenuCascaderMultipleProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":517,"kind":2048,"name":"onVisibleChange","url":"interfaces/IMenuCascaderMultipleProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":518,"kind":2048,"name":"renderValue","url":"interfaces/IMenuCascaderMultipleProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":519,"kind":2048,"name":"renderItemContent","url":"interfaces/IMenuCascaderMultipleProps.html#renderItemContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":520,"kind":2048,"name":"getItemTooltip","url":"interfaces/IMenuCascaderMultipleProps.html#getItemTooltip","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":521,"kind":2048,"name":"renderList","url":"interfaces/IMenuCascaderMultipleProps.html#renderList","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuCascaderMultipleProps"},{"id":522,"kind":4194304,"name":"IMenuCascaderProps","url":"modules.html#IMenuCascaderProps","classes":"tsd-kind-type-alias"},{"id":523,"kind":128,"name":"MenuCascader","url":"classes/MenuCascader.html","classes":"tsd-kind-class"},{"id":524,"kind":1024,"name":"defaultProps","url":"classes/MenuCascader.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"MenuCascader"},{"id":525,"kind":65536,"name":"__type","url":"classes/MenuCascader.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"MenuCascader"},{"id":526,"kind":1024,"name":"value","url":"classes/MenuCascader.html#__type-1.value","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":527,"kind":1024,"name":"options","url":"classes/MenuCascader.html#__type-1.options","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":528,"kind":1024,"name":"clearable","url":"classes/MenuCascader.html#__type-1.clearable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":529,"kind":1024,"name":"multiple","url":"classes/MenuCascader.html#__type-1.multiple","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":530,"kind":1024,"name":"multipleType","url":"classes/MenuCascader.html#__type-1.multipleType","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":531,"kind":1024,"name":"maxLine","url":"classes/MenuCascader.html#__type-1.maxLine","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":532,"kind":1024,"name":"lineHeight","url":"classes/MenuCascader.html#__type-1.lineHeight","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":533,"kind":1024,"name":"expandTrigger","url":"classes/MenuCascader.html#__type-1.expandTrigger","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":534,"kind":1024,"name":"scrollable","url":"classes/MenuCascader.html#__type-1.scrollable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":535,"kind":1024,"name":"loadChildrenOnScroll","url":"classes/MenuCascader.html#__type-1.loadChildrenOnScroll","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":536,"kind":1024,"name":"searchable","url":"classes/MenuCascader.html#__type-1.searchable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":537,"kind":1024,"name":"async","url":"classes/MenuCascader.html#__type-1.async","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":538,"kind":1024,"name":"limit","url":"classes/MenuCascader.html#__type-1.limit","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":539,"kind":1024,"name":"renderValue","url":"classes/MenuCascader.html#__type-1.renderValue","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":540,"kind":65536,"name":"__type","url":"classes/MenuCascader.html#__type-1.__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":541,"kind":1024,"name":"filter","url":"classes/MenuCascader.html#__type-1.filter","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":542,"kind":65536,"name":"__type","url":"classes/MenuCascader.html#__type-1.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":543,"kind":1024,"name":"highlight","url":"classes/MenuCascader.html#__type-1.highlight","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":544,"kind":65536,"name":"__type","url":"classes/MenuCascader.html#__type-1.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":545,"kind":1024,"name":"simplifySelectionMode","url":"classes/MenuCascader.html#__type-1.simplifySelectionMode","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MenuCascader.__type"},{"id":546,"kind":1024,"name":"contextType","url":"classes/MenuCascader.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"MenuCascader"},{"id":547,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/MenuCascader.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"MenuCascader"},{"id":548,"kind":512,"name":"constructor","url":"classes/MenuCascader.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"MenuCascader"},{"id":549,"kind":1024,"name":"tagsTriggerRef","url":"classes/MenuCascader.html#tagsTriggerRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"MenuCascader"},{"id":550,"kind":1024,"name":"context","url":"classes/MenuCascader.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"MenuCascader"},{"id":551,"kind":2048,"name":"render","url":"classes/MenuCascader.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"MenuCascader"},{"id":552,"kind":65536,"name":"__type","url":"classes/MenuCascader.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"MenuCascader"},{"id":553,"kind":256,"name":"ITabsCascaderProps","url":"interfaces/ITabsCascaderProps.html","classes":"tsd-kind-interface"},{"id":554,"kind":1024,"name":"value","url":"interfaces/ITabsCascaderProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsCascaderProps"},{"id":555,"kind":2048,"name":"onChange","url":"interfaces/ITabsCascaderProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabsCascaderProps"},{"id":556,"kind":2048,"name":"loadOptions","url":"interfaces/ITabsCascaderProps.html#loadOptions","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabsCascaderProps"},{"id":557,"kind":1024,"name":"title","url":"interfaces/ITabsCascaderProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsCascaderProps"},{"id":558,"kind":1024,"name":"changeOnSelect","url":"interfaces/ITabsCascaderProps.html#changeOnSelect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsCascaderProps"},{"id":559,"kind":1024,"name":"options","url":"interfaces/ITabsCascaderProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":560,"kind":1024,"name":"placeholder","url":"interfaces/ITabsCascaderProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":561,"kind":1024,"name":"className","url":"interfaces/ITabsCascaderProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":562,"kind":1024,"name":"popupClassName","url":"interfaces/ITabsCascaderProps.html#popupClassName","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":563,"kind":1024,"name":"disabled","url":"interfaces/ITabsCascaderProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":564,"kind":1024,"name":"clearable","url":"interfaces/ITabsCascaderProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":565,"kind":1024,"name":"visible","url":"interfaces/ITabsCascaderProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":566,"kind":2048,"name":"onVisibleChange","url":"interfaces/ITabsCascaderProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":567,"kind":2048,"name":"renderValue","url":"interfaces/ITabsCascaderProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":568,"kind":2048,"name":"renderItemContent","url":"interfaces/ITabsCascaderProps.html#renderItemContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":569,"kind":2048,"name":"getItemTooltip","url":"interfaces/ITabsCascaderProps.html#getItemTooltip","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":570,"kind":2048,"name":"renderList","url":"interfaces/ITabsCascaderProps.html#renderList","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsCascaderProps"},{"id":571,"kind":128,"name":"TabsCascader","url":"classes/TabsCascader.html","classes":"tsd-kind-class"},{"id":572,"kind":1024,"name":"defaultProps","url":"classes/TabsCascader.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"TabsCascader"},{"id":573,"kind":65536,"name":"__type","url":"classes/TabsCascader.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"TabsCascader"},{"id":574,"kind":1024,"name":"value","url":"classes/TabsCascader.html#__type-1.value","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TabsCascader.__type"},{"id":575,"kind":1024,"name":"options","url":"classes/TabsCascader.html#__type-1.options","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TabsCascader.__type"},{"id":576,"kind":1024,"name":"changeOnSelect","url":"classes/TabsCascader.html#__type-1.changeOnSelect","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TabsCascader.__type"},{"id":577,"kind":1024,"name":"renderValue","url":"classes/TabsCascader.html#__type-1.renderValue","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TabsCascader.__type"},{"id":578,"kind":65536,"name":"__type","url":"classes/TabsCascader.html#__type-1.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"TabsCascader.__type"},{"id":579,"kind":1024,"name":"clearable","url":"classes/TabsCascader.html#__type-1.clearable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TabsCascader.__type"},{"id":580,"kind":1024,"name":"title","url":"classes/TabsCascader.html#__type-1.title","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TabsCascader.__type"},{"id":581,"kind":1024,"name":"contextType","url":"classes/TabsCascader.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"TabsCascader"},{"id":582,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/TabsCascader.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"TabsCascader"},{"id":583,"kind":512,"name":"constructor","url":"classes/TabsCascader.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"TabsCascader"},{"id":584,"kind":1024,"name":"context","url":"classes/TabsCascader.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"TabsCascader"},{"id":585,"kind":262144,"name":"disabled","url":"classes/TabsCascader.html#disabled","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"TabsCascader"},{"id":586,"kind":2048,"name":"isControlled","url":"classes/TabsCascader.html#isControlled","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TabsCascader"},{"id":587,"kind":2048,"name":"getVisible","url":"classes/TabsCascader.html#getVisible","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TabsCascader"},{"id":588,"kind":2048,"name":"setVisible","url":"classes/TabsCascader.html#setVisible","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TabsCascader"},{"id":589,"kind":2048,"name":"onVisibleChange","url":"classes/TabsCascader.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TabsCascader"},{"id":590,"kind":2048,"name":"onTabsChange","url":"classes/TabsCascader.html#onTabsChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TabsCascader"},{"id":591,"kind":1024,"name":"onClick","url":"classes/TabsCascader.html#onClick","classes":"tsd-kind-property tsd-parent-kind-class","parent":"TabsCascader"},{"id":592,"kind":2048,"name":"onClear","url":"classes/TabsCascader.html#onClear","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TabsCascader"},{"id":593,"kind":2048,"name":"render","url":"classes/TabsCascader.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"TabsCascader"},{"id":594,"kind":65536,"name":"__type","url":"classes/TabsCascader.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"TabsCascader"},{"id":595,"kind":256,"name":"ICheckboxGroupProps","url":"interfaces/ICheckboxGroupProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":596,"kind":1024,"name":"value","url":"interfaces/ICheckboxGroupProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxGroupProps"},{"id":597,"kind":2048,"name":"isValueEqual","url":"interfaces/ICheckboxGroupProps.html#isValueEqual","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICheckboxGroupProps"},{"id":598,"kind":1024,"name":"disabled","url":"interfaces/ICheckboxGroupProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxGroupProps"},{"id":599,"kind":1024,"name":"readOnly","url":"interfaces/ICheckboxGroupProps.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxGroupProps"},{"id":600,"kind":2048,"name":"onChange","url":"interfaces/ICheckboxGroupProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICheckboxGroupProps"},{"id":601,"kind":1024,"name":"className","url":"interfaces/ICheckboxGroupProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxGroupProps"},{"id":602,"kind":1024,"name":"style","url":"interfaces/ICheckboxGroupProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxGroupProps"},{"id":603,"kind":128,"name":"CheckboxGroup","url":"classes/CheckboxGroup.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":604,"kind":1024,"name":"defaultProps","url":"classes/CheckboxGroup.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"CheckboxGroup"},{"id":605,"kind":65536,"name":"__type","url":"classes/CheckboxGroup.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CheckboxGroup"},{"id":606,"kind":1024,"name":"isValueEqual","url":"classes/CheckboxGroup.html#__type-2.isValueEqual","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"CheckboxGroup.__type"},{"id":607,"kind":65536,"name":"__type","url":"classes/CheckboxGroup.html#__type-2.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"CheckboxGroup.__type"},{"id":608,"kind":1024,"name":"value","url":"classes/CheckboxGroup.html#__type-2.value","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"CheckboxGroup.__type"},{"id":609,"kind":1024,"name":"contextType","url":"classes/CheckboxGroup.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"CheckboxGroup"},{"id":610,"kind":512,"name":"constructor","url":"classes/CheckboxGroup.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"CheckboxGroup"},{"id":611,"kind":1024,"name":"context","url":"classes/CheckboxGroup.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"CheckboxGroup"},{"id":612,"kind":1024,"name":"getGroupContext","url":"classes/CheckboxGroup.html#getGroupContext","classes":"tsd-kind-property tsd-parent-kind-class","parent":"CheckboxGroup"},{"id":613,"kind":65536,"name":"__type","url":"classes/CheckboxGroup.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CheckboxGroup"},{"id":614,"kind":2048,"name":"onCheckboxChange","url":"classes/CheckboxGroup.html#onCheckboxChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"CheckboxGroup"},{"id":615,"kind":2048,"name":"render","url":"classes/CheckboxGroup.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CheckboxGroup"},{"id":616,"kind":65536,"name":"__type","url":"classes/CheckboxGroup.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CheckboxGroup"},{"id":617,"kind":64,"name":"Checkbox","url":"modules.html#Checkbox","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":618,"kind":2,"name":"Checkbox","url":"modules/Checkbox.html","classes":"tsd-kind-namespace"},{"id":619,"kind":32,"name":"Group","url":"modules/Checkbox.html#Group","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Checkbox"},{"id":620,"kind":256,"name":"ICheckboxEventTarget","url":"interfaces/ICheckboxEventTarget.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":621,"kind":1024,"name":"type","url":"interfaces/ICheckboxEventTarget.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxEventTarget"},{"id":622,"kind":1024,"name":"checked","url":"interfaces/ICheckboxEventTarget.html#checked","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ICheckboxEventTarget"},{"id":623,"kind":1024,"name":"value","url":"interfaces/ICheckboxEventTarget.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":624,"kind":1024,"name":"disabled","url":"interfaces/ICheckboxEventTarget.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":625,"kind":1024,"name":"readOnly","url":"interfaces/ICheckboxEventTarget.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":626,"kind":1024,"name":"indeterminate","url":"interfaces/ICheckboxEventTarget.html#indeterminate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":627,"kind":2048,"name":"onChange","url":"interfaces/ICheckboxEventTarget.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":628,"kind":1024,"name":"className","url":"interfaces/ICheckboxEventTarget.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":629,"kind":1024,"name":"style","url":"interfaces/ICheckboxEventTarget.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":630,"kind":1024,"name":"labelStyle","url":"interfaces/ICheckboxEventTarget.html#labelStyle","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":631,"kind":1024,"name":"width","url":"interfaces/ICheckboxEventTarget.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":632,"kind":1024,"name":"children","url":"interfaces/ICheckboxEventTarget.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":633,"kind":1024,"name":"onMouseEnter","url":"interfaces/ICheckboxEventTarget.html#onMouseEnter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":634,"kind":1024,"name":"onMouseLeave","url":"interfaces/ICheckboxEventTarget.html#onMouseLeave","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICheckboxEventTarget"},{"id":635,"kind":256,"name":"ICheckboxEvent","url":"interfaces/ICheckboxEvent.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":636,"kind":1024,"name":"target","url":"interfaces/ICheckboxEvent.html#target","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxEvent"},{"id":637,"kind":2048,"name":"preventDefault","url":"interfaces/ICheckboxEvent.html#preventDefault","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICheckboxEvent"},{"id":638,"kind":2048,"name":"stopPropagation","url":"interfaces/ICheckboxEvent.html#stopPropagation","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICheckboxEvent"},{"id":639,"kind":256,"name":"ICheckboxProps","url":"interfaces/ICheckboxProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":640,"kind":1024,"name":"checked","url":"interfaces/ICheckboxProps.html#checked","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":641,"kind":1024,"name":"value","url":"interfaces/ICheckboxProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":642,"kind":1024,"name":"disabled","url":"interfaces/ICheckboxProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":643,"kind":1024,"name":"readOnly","url":"interfaces/ICheckboxProps.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":644,"kind":1024,"name":"indeterminate","url":"interfaces/ICheckboxProps.html#indeterminate","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":645,"kind":2048,"name":"onChange","url":"interfaces/ICheckboxProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":646,"kind":1024,"name":"className","url":"interfaces/ICheckboxProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":647,"kind":1024,"name":"style","url":"interfaces/ICheckboxProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":648,"kind":1024,"name":"labelStyle","url":"interfaces/ICheckboxProps.html#labelStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":649,"kind":1024,"name":"width","url":"interfaces/ICheckboxProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":650,"kind":1024,"name":"children","url":"interfaces/ICheckboxProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":651,"kind":1024,"name":"onMouseEnter","url":"interfaces/ICheckboxProps.html#onMouseEnter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":652,"kind":1024,"name":"onMouseLeave","url":"interfaces/ICheckboxProps.html#onMouseLeave","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICheckboxProps"},{"id":653,"kind":256,"name":"IClampLinesProps","url":"interfaces/IClampLinesProps.html","classes":"tsd-kind-interface"},{"id":654,"kind":1024,"name":"text","url":"interfaces/IClampLinesProps.html#text","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":655,"kind":1024,"name":"lines","url":"interfaces/IClampLinesProps.html#lines","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":656,"kind":1024,"name":"ellipsis","url":"interfaces/IClampLinesProps.html#ellipsis","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":657,"kind":1024,"name":"showPop","url":"interfaces/IClampLinesProps.html#showPop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":658,"kind":1024,"name":"popWidth","url":"interfaces/IClampLinesProps.html#popWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":659,"kind":1024,"name":"trigger","url":"interfaces/IClampLinesProps.html#trigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":660,"kind":2048,"name":"renderPop","url":"interfaces/IClampLinesProps.html#renderPop","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":661,"kind":1024,"name":"resizable","url":"interfaces/IClampLinesProps.html#resizable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":662,"kind":1024,"name":"extra","url":"interfaces/IClampLinesProps.html#extra","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":663,"kind":1024,"name":"mode","url":"interfaces/IClampLinesProps.html#mode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":664,"kind":1024,"name":"className","url":"interfaces/IClampLinesProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesProps"},{"id":665,"kind":256,"name":"IClampLinesState","url":"interfaces/IClampLinesState.html","classes":"tsd-kind-interface"},{"id":666,"kind":1024,"name":"holdsFullText","url":"interfaces/IClampLinesState.html#holdsFullText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesState"},{"id":667,"kind":1024,"name":"textSuited","url":"interfaces/IClampLinesState.html#textSuited","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IClampLinesState"},{"id":668,"kind":128,"name":"ClampLines","url":"classes/ClampLines.html","classes":"tsd-kind-class"},{"id":669,"kind":1024,"name":"defaultProps","url":"classes/ClampLines.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ClampLines"},{"id":670,"kind":512,"name":"constructor","url":"classes/ClampLines.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"ClampLines"},{"id":671,"kind":1024,"name":"element","url":"classes/ClampLines.html#element","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ClampLines"},{"id":672,"kind":1024,"name":"innerElement","url":"classes/ClampLines.html#innerElement","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ClampLines"},{"id":673,"kind":1024,"name":"resizeObserver","url":"classes/ClampLines.html#resizeObserver","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ClampLines"},{"id":674,"kind":1024,"name":"containerWidth","url":"classes/ClampLines.html#containerWidth","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ClampLines"},{"id":675,"kind":2048,"name":"componentDidUpdate","url":"classes/ClampLines.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ClampLines"},{"id":676,"kind":2048,"name":"componentDidMount","url":"classes/ClampLines.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ClampLines"},{"id":677,"kind":2048,"name":"componentWillUnmount","url":"classes/ClampLines.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ClampLines"},{"id":678,"kind":2048,"name":"handleWindowResize","url":"classes/ClampLines.html#handleWindowResize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":679,"kind":1024,"name":"handleContainerResize","url":"classes/ClampLines.html#handleContainerResize","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ClampLines"},{"id":680,"kind":2048,"name":"onContainerRefChange","url":"classes/ClampLines.html#onContainerRefChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":681,"kind":2048,"name":"onNoClampContainerRefChange","url":"classes/ClampLines.html#onNoClampContainerRefChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":682,"kind":2048,"name":"getResizeObserver","url":"classes/ClampLines.html#getResizeObserver","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":683,"kind":2048,"name":"observe","url":"classes/ClampLines.html#observe","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":684,"kind":2048,"name":"clampLines","url":"classes/ClampLines.html#clampLines","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":685,"kind":2048,"name":"getEllipsis","url":"classes/ClampLines.html#getEllipsis","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":686,"kind":2048,"name":"renderResizable","url":"classes/ClampLines.html#renderResizable","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":687,"kind":2048,"name":"renderClampedText","url":"classes/ClampLines.html#renderClampedText","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ClampLines"},{"id":688,"kind":2048,"name":"render","url":"classes/ClampLines.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ClampLines"},{"id":689,"kind":65536,"name":"__type","url":"classes/ClampLines.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ClampLines"},{"id":690,"kind":256,"name":"ICollapsePropsAccordion","url":"interfaces/ICollapsePropsAccordion.html","classes":"tsd-kind-interface"},{"id":691,"kind":1024,"name":"accordion","url":"interfaces/ICollapsePropsAccordion.html#accordion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePropsAccordion"},{"id":692,"kind":1024,"name":"activeKey","url":"interfaces/ICollapsePropsAccordion.html#activeKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePropsAccordion"},{"id":693,"kind":2048,"name":"onChange","url":"interfaces/ICollapsePropsAccordion.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICollapsePropsAccordion"},{"id":694,"kind":1024,"name":"bordered","url":"interfaces/ICollapsePropsAccordion.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsAccordion"},{"id":695,"kind":1024,"name":"panelTitleBackground","url":"interfaces/ICollapsePropsAccordion.html#panelTitleBackground","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsAccordion"},{"id":696,"kind":1024,"name":"className","url":"interfaces/ICollapsePropsAccordion.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsAccordion"},{"id":697,"kind":1024,"name":"showContentBackground","url":"interfaces/ICollapsePropsAccordion.html#showContentBackground","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsAccordion"},{"id":698,"kind":256,"name":"ICollapsePropsMultiple","url":"interfaces/ICollapsePropsMultiple.html","classes":"tsd-kind-interface"},{"id":699,"kind":1024,"name":"accordion","url":"interfaces/ICollapsePropsMultiple.html#accordion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePropsMultiple"},{"id":700,"kind":1024,"name":"activeKey","url":"interfaces/ICollapsePropsMultiple.html#activeKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePropsMultiple"},{"id":701,"kind":2048,"name":"onChange","url":"interfaces/ICollapsePropsMultiple.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICollapsePropsMultiple"},{"id":702,"kind":1024,"name":"bordered","url":"interfaces/ICollapsePropsMultiple.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsMultiple"},{"id":703,"kind":1024,"name":"panelTitleBackground","url":"interfaces/ICollapsePropsMultiple.html#panelTitleBackground","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsMultiple"},{"id":704,"kind":1024,"name":"className","url":"interfaces/ICollapsePropsMultiple.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsMultiple"},{"id":705,"kind":1024,"name":"showContentBackground","url":"interfaces/ICollapsePropsMultiple.html#showContentBackground","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICollapsePropsMultiple"},{"id":706,"kind":4194304,"name":"ICollapseProps","url":"modules.html#ICollapseProps","classes":"tsd-kind-type-alias"},{"id":707,"kind":128,"name":"Collapse","url":"classes/Collapse.html","classes":"tsd-kind-class"},{"id":708,"kind":1024,"name":"defaultProps","url":"classes/Collapse.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Collapse"},{"id":709,"kind":65536,"name":"__type","url":"classes/Collapse.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Collapse"},{"id":710,"kind":1024,"name":"bordered","url":"classes/Collapse.html#__type-1.bordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Collapse.__type"},{"id":711,"kind":1024,"name":"panelTitleBackground","url":"classes/Collapse.html#__type-1.panelTitleBackground","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Collapse.__type"},{"id":712,"kind":1024,"name":"accordion","url":"classes/Collapse.html#__type-1.accordion","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Collapse.__type"},{"id":713,"kind":1024,"name":"Panel","url":"classes/Collapse.html#Panel","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Collapse"},{"id":714,"kind":512,"name":"constructor","url":"classes/Collapse.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Collapse"},{"id":715,"kind":2048,"name":"render","url":"classes/Collapse.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Collapse"},{"id":716,"kind":2048,"name":"onChange","url":"classes/Collapse.html#onChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Collapse"},{"id":717,"kind":65536,"name":"__type","url":"classes/Collapse.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Collapse"},{"id":718,"kind":256,"name":"ICollapsePanelProps","url":"interfaces/ICollapsePanelProps.html","classes":"tsd-kind-interface"},{"id":719,"kind":1024,"name":"title","url":"interfaces/ICollapsePanelProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":720,"kind":1024,"name":"disabled","url":"interfaces/ICollapsePanelProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":721,"kind":1024,"name":"showArrow","url":"interfaces/ICollapsePanelProps.html#showArrow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":722,"kind":1024,"name":"style","url":"interfaces/ICollapsePanelProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":723,"kind":1024,"name":"className","url":"interfaces/ICollapsePanelProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":724,"kind":1024,"name":"active","url":"interfaces/ICollapsePanelProps.html#active","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":725,"kind":2048,"name":"onChange","url":"interfaces/ICollapsePanelProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":726,"kind":1024,"name":"panelKey","url":"interfaces/ICollapsePanelProps.html#panelKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":727,"kind":1024,"name":"panelTitleBackground","url":"interfaces/ICollapsePanelProps.html#panelTitleBackground","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":728,"kind":1024,"name":"showContentBackground","url":"interfaces/ICollapsePanelProps.html#showContentBackground","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":729,"kind":1024,"name":"isLast","url":"interfaces/ICollapsePanelProps.html#isLast","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":730,"kind":1024,"name":"bordered","url":"interfaces/ICollapsePanelProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":731,"kind":1024,"name":"extra","url":"interfaces/ICollapsePanelProps.html#extra","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICollapsePanelProps"},{"id":732,"kind":128,"name":"CollapsePanel","url":"classes/CollapsePanel.html","classes":"tsd-kind-class"},{"id":733,"kind":1024,"name":"defaultProps","url":"classes/CollapsePanel.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"CollapsePanel"},{"id":734,"kind":65536,"name":"__type","url":"classes/CollapsePanel.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CollapsePanel"},{"id":735,"kind":1024,"name":"showArrow","url":"classes/CollapsePanel.html#__type-2.showArrow","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"CollapsePanel.__type"},{"id":736,"kind":1024,"name":"contextType","url":"classes/CollapsePanel.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"CollapsePanel"},{"id":737,"kind":512,"name":"constructor","url":"classes/CollapsePanel.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"CollapsePanel"},{"id":738,"kind":1024,"name":"context","url":"classes/CollapsePanel.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"CollapsePanel"},{"id":739,"kind":1024,"name":"state","url":"classes/CollapsePanel.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"CollapsePanel"},{"id":740,"kind":65536,"name":"__type","url":"classes/CollapsePanel.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CollapsePanel"},{"id":741,"kind":1024,"name":"animateAppear","url":"classes/CollapsePanel.html#__type-1.animateAppear","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"CollapsePanel.__type"},{"id":742,"kind":2048,"name":"render","url":"classes/CollapsePanel.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CollapsePanel"},{"id":743,"kind":2048,"name":"toggle","url":"classes/CollapsePanel.html#toggle","classes":"tsd-kind-method tsd-parent-kind-class","parent":"CollapsePanel"},{"id":744,"kind":65536,"name":"__type","url":"classes/CollapsePanel.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CollapsePanel"},{"id":745,"kind":4194304,"name":"PresetColors","url":"modules.html#PresetColors","classes":"tsd-kind-type-alias"},{"id":746,"kind":4194304,"name":"ColorPickerType","url":"modules.html#ColorPickerType","classes":"tsd-kind-type-alias"},{"id":747,"kind":256,"name":"IColorPickerProps","url":"interfaces/IColorPickerProps.html","classes":"tsd-kind-interface"},{"id":748,"kind":1024,"name":"color","url":"interfaces/IColorPickerProps.html#color","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":749,"kind":1024,"name":"showAlpha","url":"interfaces/IColorPickerProps.html#showAlpha","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":750,"kind":1024,"name":"type","url":"interfaces/IColorPickerProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":751,"kind":1024,"name":"presetColors","url":"interfaces/IColorPickerProps.html#presetColors","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":752,"kind":2048,"name":"onChange","url":"interfaces/IColorPickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":753,"kind":1024,"name":"className","url":"interfaces/IColorPickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":754,"kind":1024,"name":"wrapperClassName","url":"interfaces/IColorPickerProps.html#wrapperClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":755,"kind":1024,"name":"disabled","url":"interfaces/IColorPickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IColorPickerProps"},{"id":756,"kind":128,"name":"ColorPicker","url":"classes/ColorPicker.html","classes":"tsd-kind-class"},{"id":757,"kind":1024,"name":"defaultProps","url":"classes/ColorPicker.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ColorPicker"},{"id":758,"kind":65536,"name":"__type","url":"classes/ColorPicker.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ColorPicker"},{"id":759,"kind":1024,"name":"showAlpha","url":"classes/ColorPicker.html#__type-2.showAlpha","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ColorPicker.__type"},{"id":760,"kind":2048,"name":"onChange","url":"classes/ColorPicker.html#__type-2.onChange","classes":"tsd-kind-method tsd-parent-kind-type-literal","parent":"ColorPicker.__type"},{"id":761,"kind":1024,"name":"className","url":"classes/ColorPicker.html#__type-2.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ColorPicker.__type"},{"id":762,"kind":1024,"name":"wrapperClassName","url":"classes/ColorPicker.html#__type-2.wrapperClassName","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ColorPicker.__type"},{"id":763,"kind":1024,"name":"type","url":"classes/ColorPicker.html#__type-2.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ColorPicker.__type"},{"id":764,"kind":1024,"name":"presetColors","url":"classes/ColorPicker.html#__type-2.presetColors","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ColorPicker.__type"},{"id":765,"kind":1024,"name":"ColorBoard","url":"classes/ColorPicker.html#ColorBoard","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ColorPicker"},{"id":766,"kind":1024,"name":"contextType","url":"classes/ColorPicker.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"ColorPicker"},{"id":767,"kind":512,"name":"constructor","url":"classes/ColorPicker.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"ColorPicker"},{"id":768,"kind":1024,"name":"state","url":"classes/ColorPicker.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"ColorPicker"},{"id":769,"kind":65536,"name":"__type","url":"classes/ColorPicker.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ColorPicker"},{"id":770,"kind":1024,"name":"popVisible","url":"classes/ColorPicker.html#__type-1.popVisible","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ColorPicker.__type"},{"id":771,"kind":1024,"name":"context","url":"classes/ColorPicker.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"ColorPicker"},{"id":772,"kind":262144,"name":"disabled","url":"classes/ColorPicker.html#disabled","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"ColorPicker"},{"id":773,"kind":2048,"name":"handleChange","url":"classes/ColorPicker.html#handleChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ColorPicker"},{"id":774,"kind":2048,"name":"handleVisibleChange","url":"classes/ColorPicker.html#handleVisibleChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ColorPicker"},{"id":775,"kind":2048,"name":"render","url":"classes/ColorPicker.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ColorPicker"},{"id":776,"kind":65536,"name":"__type","url":"classes/ColorPicker.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ColorPicker"},{"id":777,"kind":256,"name":"ICopyButtonProps","url":"interfaces/ICopyButtonProps.html","classes":"tsd-kind-interface"},{"id":778,"kind":1024,"name":"text","url":"interfaces/ICopyButtonProps.html#text","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICopyButtonProps"},{"id":779,"kind":1024,"name":"onClick","url":"interfaces/ICopyButtonProps.html#onClick","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICopyButtonProps"},{"id":780,"kind":1024,"name":"onCopySuccess","url":"interfaces/ICopyButtonProps.html#onCopySuccess","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICopyButtonProps"},{"id":781,"kind":1024,"name":"onCopyError","url":"interfaces/ICopyButtonProps.html#onCopyError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICopyButtonProps"},{"id":782,"kind":128,"name":"CopyButton","url":"classes/CopyButton.html","classes":"tsd-kind-class"},{"id":783,"kind":1024,"name":"defaultProps","url":"classes/CopyButton.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"CopyButton"},{"id":784,"kind":65536,"name":"__type","url":"classes/CopyButton.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CopyButton"},{"id":785,"kind":1024,"name":"onCopySuccess","url":"classes/CopyButton.html#__type-1.onCopySuccess","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"CopyButton.__type"},{"id":786,"kind":1024,"name":"onCopyError","url":"classes/CopyButton.html#__type-1.onCopyError","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"CopyButton.__type"},{"id":787,"kind":512,"name":"constructor","url":"classes/CopyButton.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"CopyButton"},{"id":788,"kind":2048,"name":"onCopyCallback","url":"classes/CopyButton.html#onCopyCallback","classes":"tsd-kind-method tsd-parent-kind-class","parent":"CopyButton"},{"id":789,"kind":2048,"name":"onCopy","url":"classes/CopyButton.html#onCopy","classes":"tsd-kind-method tsd-parent-kind-class","parent":"CopyButton"},{"id":790,"kind":2048,"name":"render","url":"classes/CopyButton.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CopyButton"},{"id":791,"kind":65536,"name":"__type","url":"classes/CopyButton.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CopyButton"},{"id":792,"kind":4194304,"name":"SingleDate","url":"modules.html#SingleDate","classes":"tsd-kind-type-alias"},{"id":793,"kind":4194304,"name":"RangeDate","url":"modules.html#RangeDate","classes":"tsd-kind-type-alias"},{"id":794,"kind":4194304,"name":"SingleTime","url":"modules.html#SingleTime","classes":"tsd-kind-type-alias"},{"id":795,"kind":4194304,"name":"RangeTime","url":"modules.html#RangeTime","classes":"tsd-kind-type-alias"},{"id":796,"kind":4194304,"name":"IDisabledTime","url":"modules.html#IDisabledTime","classes":"tsd-kind-type-alias"},{"id":797,"kind":65536,"name":"__type","url":"modules.html#IDisabledTime.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IDisabledTime"},{"id":798,"kind":4194304,"name":"IValueType","url":"modules.html#IValueType","classes":"tsd-kind-type-alias"},{"id":799,"kind":256,"name":"IValueTypeRangeMap","url":"interfaces/IValueTypeRangeMap.html","classes":"tsd-kind-interface"},{"id":800,"kind":1024,"name":"string","url":"interfaces/IValueTypeRangeMap.html#string","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IValueTypeRangeMap"},{"id":801,"kind":1024,"name":"number","url":"interfaces/IValueTypeRangeMap.html#number","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IValueTypeRangeMap"},{"id":802,"kind":1024,"name":"date","url":"interfaces/IValueTypeRangeMap.html#date","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IValueTypeRangeMap"},{"id":803,"kind":32,"name":"SingleCalendarDatePanelPicker","url":"modules.html#SingleCalendarDatePanelPicker","classes":"tsd-kind-variable"},{"id":804,"kind":256,"name":"IDatePickerPanelProps","url":"interfaces/IDatePickerPanelProps.html","classes":"tsd-kind-interface"},{"id":805,"kind":1024,"name":"disableRangeOverView","url":"interfaces/IDatePickerPanelProps.html#disableRangeOverView","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":806,"kind":1024,"name":"popText","url":"interfaces/IDatePickerPanelProps.html#popText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":807,"kind":1024,"name":"hideFooter","url":"interfaces/IDatePickerPanelProps.html#hideFooter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":808,"kind":1024,"name":"showTime","url":"interfaces/IDatePickerPanelProps.html#showTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":809,"kind":1024,"name":"disabledTime","url":"interfaces/IDatePickerPanelProps.html#disabledTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":810,"kind":1024,"name":"footerText","url":"interfaces/IDatePickerPanelProps.html#footerText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":811,"kind":1024,"name":"combinedLeft","url":"interfaces/IDatePickerPanelProps.html#combinedLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":812,"kind":1024,"name":"combinedRight","url":"interfaces/IDatePickerPanelProps.html#combinedRight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":813,"kind":2048,"name":"onPanelDateChange","url":"interfaces/IDatePickerPanelProps.html#onPanelDateChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IDatePickerPanelProps"},{"id":814,"kind":1024,"name":"selected","url":"interfaces/IDatePickerPanelProps.html#selected","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":815,"kind":1024,"name":"defaultPanelDate","url":"interfaces/IDatePickerPanelProps.html#defaultPanelDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":816,"kind":1024,"name":"hoverDate","url":"interfaces/IDatePickerPanelProps.html#hoverDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":817,"kind":1024,"name":"hoverRangeDate","url":"interfaces/IDatePickerPanelProps.html#hoverRangeDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":818,"kind":1024,"name":"rangeDate","url":"interfaces/IDatePickerPanelProps.html#rangeDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":819,"kind":1024,"name":"row","url":"interfaces/IDatePickerPanelProps.html#row","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":820,"kind":1024,"name":"col","url":"interfaces/IDatePickerPanelProps.html#col","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":821,"kind":2048,"name":"onSelected","url":"interfaces/IDatePickerPanelProps.html#onSelected","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":822,"kind":2048,"name":"disabledPanelDate","url":"interfaces/IDatePickerPanelProps.html#disabledPanelDate","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":823,"kind":2048,"name":"onChangePanel","url":"interfaces/IDatePickerPanelProps.html#onChangePanel","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":824,"kind":1024,"name":"showLunarDate","url":"interfaces/IDatePickerPanelProps.html#showLunarDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":825,"kind":2048,"name":"lunarValueFormatter","url":"interfaces/IDatePickerPanelProps.html#lunarValueFormatter","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerPanelProps"},{"id":826,"kind":256,"name":"ICombinedDateRangePickerProps","url":"interfaces/ICombinedDateRangePickerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":827,"kind":1024,"name":"showTime","url":"interfaces/ICombinedDateRangePickerProps.html#showTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICombinedDateRangePickerProps"},{"id":828,"kind":1024,"name":"className","url":"interfaces/ICombinedDateRangePickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":829,"kind":2048,"name":"onClose","url":"interfaces/ICombinedDateRangePickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":830,"kind":1024,"name":"placeholder","url":"interfaces/ICombinedDateRangePickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":831,"kind":1024,"name":"value","url":"interfaces/ICombinedDateRangePickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":832,"kind":1024,"name":"disabled","url":"interfaces/ICombinedDateRangePickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":833,"kind":1024,"name":"width","url":"interfaces/ICombinedDateRangePickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":834,"kind":1024,"name":"name","url":"interfaces/ICombinedDateRangePickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":835,"kind":1024,"name":"disabledDate","url":"interfaces/ICombinedDateRangePickerProps.html#disabledDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":836,"kind":2048,"name":"onOpen","url":"interfaces/ICombinedDateRangePickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":837,"kind":1024,"name":"dateSpan","url":"interfaces/ICombinedDateRangePickerProps.html#dateSpan","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":838,"kind":1024,"name":"defaultDate","url":"interfaces/ICombinedDateRangePickerProps.html#defaultDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":839,"kind":1024,"name":"format","url":"interfaces/ICombinedDateRangePickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":840,"kind":1024,"name":"canClear","url":"interfaces/ICombinedDateRangePickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":841,"kind":1024,"name":"openPanel","url":"interfaces/ICombinedDateRangePickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":842,"kind":1024,"name":"valueType","url":"interfaces/ICombinedDateRangePickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":843,"kind":2048,"name":"onChange","url":"interfaces/ICombinedDateRangePickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedDateRangePickerProps"},{"id":844,"kind":64,"name":"CombinedDateRangePicker","url":"modules.html#CombinedDateRangePicker","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":845,"kind":32,"name":"CombinedPanelRangePicker","url":"modules.html#CombinedPanelRangePicker","classes":"tsd-kind-variable"},{"id":846,"kind":2,"name":"CombinedPanelRangePicker","url":"modules/CombinedPanelRangePicker.html","classes":"tsd-kind-namespace"},{"id":847,"kind":32,"name":"defaultProps","url":"modules/CombinedPanelRangePicker.html#defaultProps","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"CombinedPanelRangePicker"},{"id":848,"kind":256,"name":"ICombinedTimeRangePickerProps","url":"interfaces/ICombinedTimeRangePickerProps.html","classes":"tsd-kind-interface"},{"id":849,"kind":1024,"name":"name","url":"interfaces/ICombinedTimeRangePickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICombinedTimeRangePickerProps"},{"id":850,"kind":1024,"name":"placeholder","url":"interfaces/ICombinedTimeRangePickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICombinedTimeRangePickerProps"},{"id":851,"kind":1024,"name":"value","url":"interfaces/ICombinedTimeRangePickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":852,"kind":2048,"name":"onChange","url":"interfaces/ICombinedTimeRangePickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":853,"kind":1024,"name":"hiddenIcon","url":"interfaces/ICombinedTimeRangePickerProps.html#hiddenIcon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":854,"kind":1024,"name":"autoComplete","url":"interfaces/ICombinedTimeRangePickerProps.html#autoComplete","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":855,"kind":1024,"name":"disabledTime","url":"interfaces/ICombinedTimeRangePickerProps.html#disabledTime","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":856,"kind":2048,"name":"onOpen","url":"interfaces/ICombinedTimeRangePickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":857,"kind":2048,"name":"onClose","url":"interfaces/ICombinedTimeRangePickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":858,"kind":1024,"name":"selectedDate","url":"interfaces/ICombinedTimeRangePickerProps.html#selectedDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":859,"kind":1024,"name":"hourStep","url":"interfaces/ICombinedTimeRangePickerProps.html#hourStep","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":860,"kind":1024,"name":"minuteStep","url":"interfaces/ICombinedTimeRangePickerProps.html#minuteStep","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":861,"kind":1024,"name":"secondStep","url":"interfaces/ICombinedTimeRangePickerProps.html#secondStep","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":862,"kind":1024,"name":"defaultTime","url":"interfaces/ICombinedTimeRangePickerProps.html#defaultTime","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":863,"kind":1024,"name":"format","url":"interfaces/ICombinedTimeRangePickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":864,"kind":1024,"name":"disabled","url":"interfaces/ICombinedTimeRangePickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":865,"kind":1024,"name":"canClear","url":"interfaces/ICombinedTimeRangePickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":866,"kind":1024,"name":"openPanel","url":"interfaces/ICombinedTimeRangePickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":867,"kind":1024,"name":"width","url":"interfaces/ICombinedTimeRangePickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":868,"kind":1024,"name":"className","url":"interfaces/ICombinedTimeRangePickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ICombinedTimeRangePickerProps"},{"id":869,"kind":32,"name":"CombinedTimeRangePicker","url":"modules.html#CombinedTimeRangePicker","classes":"tsd-kind-variable"},{"id":870,"kind":256,"name":"IDatePickerProps","url":"interfaces/IDatePickerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":871,"kind":1024,"name":"showTime","url":"interfaces/IDatePickerProps.html#showTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerProps"},{"id":872,"kind":1024,"name":"disabledTime","url":"interfaces/IDatePickerProps.html#disabledTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerProps"},{"id":873,"kind":1024,"name":"hideFooter","url":"interfaces/IDatePickerProps.html#hideFooter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerProps"},{"id":874,"kind":1024,"name":"showLunarDate","url":"interfaces/IDatePickerProps.html#showLunarDate","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDatePickerProps"},{"id":875,"kind":2048,"name":"lunarValueFormatter","url":"interfaces/IDatePickerProps.html#lunarValueFormatter","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IDatePickerProps"},{"id":876,"kind":1024,"name":"className","url":"interfaces/IDatePickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":877,"kind":2048,"name":"onClose","url":"interfaces/IDatePickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":878,"kind":1024,"name":"placeholder","url":"interfaces/IDatePickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":879,"kind":1024,"name":"value","url":"interfaces/IDatePickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":880,"kind":1024,"name":"disabled","url":"interfaces/IDatePickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":881,"kind":1024,"name":"width","url":"interfaces/IDatePickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":882,"kind":1024,"name":"name","url":"interfaces/IDatePickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":883,"kind":1024,"name":"disabledDate","url":"interfaces/IDatePickerProps.html#disabledDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":884,"kind":2048,"name":"onOpen","url":"interfaces/IDatePickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":885,"kind":1024,"name":"defaultDate","url":"interfaces/IDatePickerProps.html#defaultDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":886,"kind":1024,"name":"format","url":"interfaces/IDatePickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":887,"kind":1024,"name":"canClear","url":"interfaces/IDatePickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":888,"kind":1024,"name":"openPanel","url":"interfaces/IDatePickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":889,"kind":1024,"name":"valueType","url":"interfaces/IDatePickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":890,"kind":2048,"name":"onChange","url":"interfaces/IDatePickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDatePickerProps"},{"id":891,"kind":64,"name":"DatePicker","url":"modules.html#DatePicker","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":892,"kind":256,"name":"IDateRangePickerProps","url":"interfaces/IDateRangePickerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":893,"kind":1024,"name":"showTime","url":"interfaces/IDateRangePickerProps.html#showTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangePickerProps"},{"id":894,"kind":1024,"name":"disabledTime","url":"interfaces/IDateRangePickerProps.html#disabledTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangePickerProps"},{"id":895,"kind":1024,"name":"hideFooter","url":"interfaces/IDateRangePickerProps.html#hideFooter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangePickerProps"},{"id":896,"kind":1024,"name":"className","url":"interfaces/IDateRangePickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":897,"kind":2048,"name":"onClose","url":"interfaces/IDateRangePickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":898,"kind":1024,"name":"placeholder","url":"interfaces/IDateRangePickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":899,"kind":1024,"name":"value","url":"interfaces/IDateRangePickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":900,"kind":1024,"name":"disabled","url":"interfaces/IDateRangePickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":901,"kind":1024,"name":"width","url":"interfaces/IDateRangePickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":902,"kind":1024,"name":"name","url":"interfaces/IDateRangePickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":903,"kind":1024,"name":"disabledDate","url":"interfaces/IDateRangePickerProps.html#disabledDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":904,"kind":2048,"name":"onOpen","url":"interfaces/IDateRangePickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":905,"kind":1024,"name":"dateSpan","url":"interfaces/IDateRangePickerProps.html#dateSpan","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":906,"kind":1024,"name":"defaultDate","url":"interfaces/IDateRangePickerProps.html#defaultDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":907,"kind":1024,"name":"format","url":"interfaces/IDateRangePickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":908,"kind":1024,"name":"canClear","url":"interfaces/IDateRangePickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":909,"kind":1024,"name":"openPanel","url":"interfaces/IDateRangePickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":910,"kind":1024,"name":"valueType","url":"interfaces/IDateRangePickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":911,"kind":2048,"name":"onChange","url":"interfaces/IDateRangePickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IDateRangePickerProps"},{"id":912,"kind":64,"name":"DateRangePicker","url":"modules.html#DateRangePicker","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":913,"kind":256,"name":"IMonthPickerProps","url":"interfaces/IMonthPickerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":914,"kind":1024,"name":"className","url":"interfaces/IMonthPickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":915,"kind":2048,"name":"onClose","url":"interfaces/IMonthPickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":916,"kind":1024,"name":"placeholder","url":"interfaces/IMonthPickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":917,"kind":1024,"name":"value","url":"interfaces/IMonthPickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":918,"kind":1024,"name":"disabled","url":"interfaces/IMonthPickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":919,"kind":1024,"name":"width","url":"interfaces/IMonthPickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":920,"kind":1024,"name":"name","url":"interfaces/IMonthPickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":921,"kind":1024,"name":"disabledDate","url":"interfaces/IMonthPickerProps.html#disabledDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":922,"kind":2048,"name":"onOpen","url":"interfaces/IMonthPickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":923,"kind":1024,"name":"defaultDate","url":"interfaces/IMonthPickerProps.html#defaultDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":924,"kind":1024,"name":"format","url":"interfaces/IMonthPickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":925,"kind":1024,"name":"canClear","url":"interfaces/IMonthPickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":926,"kind":1024,"name":"openPanel","url":"interfaces/IMonthPickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":927,"kind":1024,"name":"valueType","url":"interfaces/IMonthPickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":928,"kind":2048,"name":"onChange","url":"interfaces/IMonthPickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMonthPickerProps"},{"id":929,"kind":64,"name":"MonthPicker","url":"modules.html#MonthPicker","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":930,"kind":256,"name":"IQuarterPickerProps","url":"interfaces/IQuarterPickerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":931,"kind":1024,"name":"className","url":"interfaces/IQuarterPickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":932,"kind":2048,"name":"onClose","url":"interfaces/IQuarterPickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":933,"kind":1024,"name":"placeholder","url":"interfaces/IQuarterPickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":934,"kind":1024,"name":"value","url":"interfaces/IQuarterPickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":935,"kind":1024,"name":"disabled","url":"interfaces/IQuarterPickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":936,"kind":1024,"name":"width","url":"interfaces/IQuarterPickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":937,"kind":1024,"name":"name","url":"interfaces/IQuarterPickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":938,"kind":1024,"name":"disabledDate","url":"interfaces/IQuarterPickerProps.html#disabledDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":939,"kind":2048,"name":"onOpen","url":"interfaces/IQuarterPickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":940,"kind":1024,"name":"defaultDate","url":"interfaces/IQuarterPickerProps.html#defaultDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":941,"kind":1024,"name":"format","url":"interfaces/IQuarterPickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":942,"kind":1024,"name":"canClear","url":"interfaces/IQuarterPickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":943,"kind":1024,"name":"openPanel","url":"interfaces/IQuarterPickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":944,"kind":1024,"name":"valueType","url":"interfaces/IQuarterPickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":945,"kind":2048,"name":"onChange","url":"interfaces/IQuarterPickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IQuarterPickerProps"},{"id":946,"kind":64,"name":"QuarterPicker","url":"modules.html#QuarterPicker","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":947,"kind":4194304,"name":"ITimePickerProps","url":"modules.html#ITimePickerProps","classes":"tsd-kind-type-alias"},{"id":948,"kind":32,"name":"TimePicker","url":"modules.html#TimePicker","classes":"tsd-kind-variable"},{"id":949,"kind":256,"name":"ITimeRangePickerProps","url":"interfaces/ITimeRangePickerProps.html","classes":"tsd-kind-interface"},{"id":950,"kind":2048,"name":"onOpen","url":"interfaces/ITimeRangePickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite","parent":"ITimeRangePickerProps"},{"id":951,"kind":2048,"name":"onClose","url":"interfaces/ITimeRangePickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite","parent":"ITimeRangePickerProps"},{"id":952,"kind":1024,"name":"name","url":"interfaces/ITimeRangePickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":953,"kind":1024,"name":"placeholder","url":"interfaces/ITimeRangePickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":954,"kind":1024,"name":"value","url":"interfaces/ITimeRangePickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":955,"kind":2048,"name":"onChange","url":"interfaces/ITimeRangePickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":956,"kind":1024,"name":"hiddenIcon","url":"interfaces/ITimeRangePickerProps.html#hiddenIcon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":957,"kind":1024,"name":"autoComplete","url":"interfaces/ITimeRangePickerProps.html#autoComplete","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":958,"kind":1024,"name":"disabledTime","url":"interfaces/ITimeRangePickerProps.html#disabledTime","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":959,"kind":1024,"name":"selectedDate","url":"interfaces/ITimeRangePickerProps.html#selectedDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":960,"kind":1024,"name":"hourStep","url":"interfaces/ITimeRangePickerProps.html#hourStep","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":961,"kind":1024,"name":"minuteStep","url":"interfaces/ITimeRangePickerProps.html#minuteStep","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":962,"kind":1024,"name":"secondStep","url":"interfaces/ITimeRangePickerProps.html#secondStep","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":963,"kind":1024,"name":"defaultTime","url":"interfaces/ITimeRangePickerProps.html#defaultTime","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":964,"kind":1024,"name":"format","url":"interfaces/ITimeRangePickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":965,"kind":1024,"name":"disabled","url":"interfaces/ITimeRangePickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":966,"kind":1024,"name":"canClear","url":"interfaces/ITimeRangePickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":967,"kind":1024,"name":"openPanel","url":"interfaces/ITimeRangePickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":968,"kind":1024,"name":"width","url":"interfaces/ITimeRangePickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":969,"kind":1024,"name":"className","url":"interfaces/ITimeRangePickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimeRangePickerProps"},{"id":970,"kind":32,"name":"TimeRangePicker","url":"modules.html#TimeRangePicker","classes":"tsd-kind-variable"},{"id":971,"kind":4,"name":"WeekStartsOnMap","url":"enums/WeekStartsOnMap.html","classes":"tsd-kind-enum"},{"id":972,"kind":16,"name":"Sunday","url":"enums/WeekStartsOnMap.html#Sunday","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WeekStartsOnMap"},{"id":973,"kind":16,"name":"Monday","url":"enums/WeekStartsOnMap.html#Monday","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WeekStartsOnMap"},{"id":974,"kind":16,"name":"Tuesday","url":"enums/WeekStartsOnMap.html#Tuesday","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WeekStartsOnMap"},{"id":975,"kind":16,"name":"Wednesday","url":"enums/WeekStartsOnMap.html#Wednesday","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WeekStartsOnMap"},{"id":976,"kind":16,"name":"Thursday","url":"enums/WeekStartsOnMap.html#Thursday","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WeekStartsOnMap"},{"id":977,"kind":16,"name":"Friday","url":"enums/WeekStartsOnMap.html#Friday","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WeekStartsOnMap"},{"id":978,"kind":16,"name":"Saturday","url":"enums/WeekStartsOnMap.html#Saturday","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WeekStartsOnMap"},{"id":979,"kind":256,"name":"IWeekPickerProps","url":"interfaces/IWeekPickerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":980,"kind":1024,"name":"hideFooter","url":"interfaces/IWeekPickerProps.html#hideFooter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWeekPickerProps"},{"id":981,"kind":1024,"name":"weekStartsOn","url":"interfaces/IWeekPickerProps.html#weekStartsOn","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":982,"kind":1024,"name":"className","url":"interfaces/IWeekPickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":983,"kind":2048,"name":"onClose","url":"interfaces/IWeekPickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":984,"kind":1024,"name":"placeholder","url":"interfaces/IWeekPickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":985,"kind":1024,"name":"value","url":"interfaces/IWeekPickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":986,"kind":1024,"name":"disabled","url":"interfaces/IWeekPickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":987,"kind":1024,"name":"width","url":"interfaces/IWeekPickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":988,"kind":1024,"name":"name","url":"interfaces/IWeekPickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":989,"kind":1024,"name":"disabledDate","url":"interfaces/IWeekPickerProps.html#disabledDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":990,"kind":2048,"name":"onOpen","url":"interfaces/IWeekPickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":991,"kind":1024,"name":"defaultDate","url":"interfaces/IWeekPickerProps.html#defaultDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":992,"kind":1024,"name":"format","url":"interfaces/IWeekPickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":993,"kind":1024,"name":"canClear","url":"interfaces/IWeekPickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":994,"kind":1024,"name":"openPanel","url":"interfaces/IWeekPickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":995,"kind":1024,"name":"valueType","url":"interfaces/IWeekPickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":996,"kind":2048,"name":"onChange","url":"interfaces/IWeekPickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IWeekPickerProps"},{"id":997,"kind":64,"name":"WeekPicker","url":"modules.html#WeekPicker","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":998,"kind":256,"name":"IYearPickerProps","url":"interfaces/IYearPickerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":999,"kind":1024,"name":"className","url":"interfaces/IYearPickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1000,"kind":2048,"name":"onClose","url":"interfaces/IYearPickerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1001,"kind":1024,"name":"placeholder","url":"interfaces/IYearPickerProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1002,"kind":1024,"name":"value","url":"interfaces/IYearPickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1003,"kind":1024,"name":"disabled","url":"interfaces/IYearPickerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1004,"kind":1024,"name":"width","url":"interfaces/IYearPickerProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1005,"kind":1024,"name":"name","url":"interfaces/IYearPickerProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1006,"kind":1024,"name":"disabledDate","url":"interfaces/IYearPickerProps.html#disabledDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1007,"kind":2048,"name":"onOpen","url":"interfaces/IYearPickerProps.html#onOpen","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1008,"kind":1024,"name":"defaultDate","url":"interfaces/IYearPickerProps.html#defaultDate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1009,"kind":1024,"name":"format","url":"interfaces/IYearPickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1010,"kind":1024,"name":"canClear","url":"interfaces/IYearPickerProps.html#canClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1011,"kind":1024,"name":"openPanel","url":"interfaces/IYearPickerProps.html#openPanel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1012,"kind":1024,"name":"valueType","url":"interfaces/IYearPickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1013,"kind":2048,"name":"onChange","url":"interfaces/IYearPickerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IYearPickerProps"},{"id":1014,"kind":64,"name":"YearPicker","url":"modules.html#YearPicker","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1015,"kind":4194304,"name":"DateRangeQuickPickerValueType","url":"modules.html#DateRangeQuickPickerValueType","classes":"tsd-kind-type-alias"},{"id":1016,"kind":4194304,"name":"DateRangeQuickPickerPresetValue","url":"modules.html#DateRangeQuickPickerPresetValue","classes":"tsd-kind-type-alias"},{"id":1017,"kind":4194304,"name":"DateRangeQuickPickerChangeCallback","url":"modules.html#DateRangeQuickPickerChangeCallback","classes":"tsd-kind-type-alias"},{"id":1018,"kind":65536,"name":"__type","url":"modules.html#DateRangeQuickPickerChangeCallback.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"DateRangeQuickPickerChangeCallback"},{"id":1019,"kind":256,"name":"IDateRangeQuickPickerPreset","url":"interfaces/IDateRangeQuickPickerPreset.html","classes":"tsd-kind-interface"},{"id":1020,"kind":1024,"name":"text","url":"interfaces/IDateRangeQuickPickerPreset.html#text","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerPreset"},{"id":1021,"kind":1024,"name":"value","url":"interfaces/IDateRangeQuickPickerPreset.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerPreset"},{"id":1022,"kind":256,"name":"IDateRangeQuickPickerProps","url":"interfaces/IDateRangeQuickPickerProps.html","classes":"tsd-kind-interface"},{"id":1023,"kind":1024,"name":"onChange","url":"interfaces/IDateRangeQuickPickerProps.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1024,"kind":1024,"name":"value","url":"interfaces/IDateRangeQuickPickerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1025,"kind":1024,"name":"valueType","url":"interfaces/IDateRangeQuickPickerProps.html#valueType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1026,"kind":1024,"name":"format","url":"interfaces/IDateRangeQuickPickerProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1027,"kind":1024,"name":"chooseDays","url":"interfaces/IDateRangeQuickPickerProps.html#chooseDays","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1028,"kind":1024,"name":"chosenDays","url":"interfaces/IDateRangeQuickPickerProps.html#chosenDays","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1029,"kind":1024,"name":"preset","url":"interfaces/IDateRangeQuickPickerProps.html#preset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1030,"kind":1024,"name":"defaultSelectedPresetIndex","url":"interfaces/IDateRangeQuickPickerProps.html#defaultSelectedPresetIndex","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1031,"kind":1024,"name":"min","url":"interfaces/IDateRangeQuickPickerProps.html#min","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1032,"kind":1024,"name":"max","url":"interfaces/IDateRangeQuickPickerProps.html#max","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1033,"kind":1024,"name":"className","url":"interfaces/IDateRangeQuickPickerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDateRangeQuickPickerProps"},{"id":1034,"kind":128,"name":"DateRangeQuickPicker","url":"classes/DateRangeQuickPicker.html","classes":"tsd-kind-class"},{"id":1035,"kind":1024,"name":"defaultProps","url":"classes/DateRangeQuickPicker.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"DateRangeQuickPicker"},{"id":1036,"kind":65536,"name":"__type","url":"classes/DateRangeQuickPicker.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"DateRangeQuickPicker"},{"id":1037,"kind":1024,"name":"className","url":"classes/DateRangeQuickPicker.html#__type-1.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"DateRangeQuickPicker.__type"},{"id":1038,"kind":1024,"name":"value","url":"classes/DateRangeQuickPicker.html#__type-1.value","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"DateRangeQuickPicker.__type"},{"id":1039,"kind":1024,"name":"valueType","url":"classes/DateRangeQuickPicker.html#__type-1.valueType","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"DateRangeQuickPicker.__type"},{"id":1040,"kind":1024,"name":"format","url":"classes/DateRangeQuickPicker.html#__type-1.format","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"DateRangeQuickPicker.__type"},{"id":1041,"kind":1024,"name":"preset","url":"classes/DateRangeQuickPicker.html#__type-1.preset","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"DateRangeQuickPicker.__type"},{"id":1042,"kind":1024,"name":"min","url":"classes/DateRangeQuickPicker.html#__type-1.min","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"DateRangeQuickPicker.__type"},{"id":1043,"kind":1024,"name":"max","url":"classes/DateRangeQuickPicker.html#__type-1.max","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"DateRangeQuickPicker.__type"},{"id":1044,"kind":512,"name":"constructor","url":"classes/DateRangeQuickPicker.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"DateRangeQuickPicker"},{"id":1045,"kind":2048,"name":"handleTimeChange","url":"classes/DateRangeQuickPicker.html#handleTimeChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"DateRangeQuickPicker"},{"id":1046,"kind":2048,"name":"handleChosenDays","url":"classes/DateRangeQuickPicker.html#handleChosenDays","classes":"tsd-kind-method tsd-parent-kind-class","parent":"DateRangeQuickPicker"},{"id":1047,"kind":2048,"name":"render","url":"classes/DateRangeQuickPicker.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"DateRangeQuickPicker"},{"id":1048,"kind":65536,"name":"__type","url":"classes/DateRangeQuickPicker.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"DateRangeQuickPicker"},{"id":1049,"kind":64,"name":"closeDialog","url":"modules.html#closeDialog","classes":"tsd-kind-function"},{"id":1050,"kind":64,"name":"openDialog","url":"modules.html#openDialog","classes":"tsd-kind-function"},{"id":1051,"kind":256,"name":"ICloseDialogOption","url":"interfaces/ICloseDialogOption.html","classes":"tsd-kind-interface"},{"id":1052,"kind":1024,"name":"triggerOnClose","url":"interfaces/ICloseDialogOption.html#triggerOnClose","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICloseDialogOption"},{"id":1053,"kind":256,"name":"IOpenDialogOption","url":"interfaces/IOpenDialogOption.html","classes":"tsd-kind-interface"},{"id":1054,"kind":1024,"name":"dialogId","url":"interfaces/IOpenDialogOption.html#dialogId","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IOpenDialogOption"},{"id":1055,"kind":2048,"name":"ref","url":"interfaces/IOpenDialogOption.html#ref","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IOpenDialogOption"},{"id":1056,"kind":1024,"name":"parentComponent","url":"interfaces/IOpenDialogOption.html#parentComponent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IOpenDialogOption"},{"id":1057,"kind":2048,"name":"onClose","url":"interfaces/IOpenDialogOption.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IOpenDialogOption"},{"id":1058,"kind":1024,"name":"className","url":"interfaces/IOpenDialogOption.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1059,"kind":1024,"name":"children","url":"interfaces/IOpenDialogOption.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1060,"kind":1024,"name":"title","url":"interfaces/IOpenDialogOption.html#title","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1061,"kind":1024,"name":"style","url":"interfaces/IOpenDialogOption.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1062,"kind":1024,"name":"position","url":"interfaces/IOpenDialogOption.html#position","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1063,"kind":1024,"name":"visible","url":"interfaces/IOpenDialogOption.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1064,"kind":1024,"name":"footer","url":"interfaces/IOpenDialogOption.html#footer","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1065,"kind":1024,"name":"closeBtn","url":"interfaces/IOpenDialogOption.html#closeBtn","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1066,"kind":1024,"name":"mask","url":"interfaces/IOpenDialogOption.html#mask","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1067,"kind":1024,"name":"maskClosable","url":"interfaces/IOpenDialogOption.html#maskClosable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1068,"kind":2048,"name":"onOpened","url":"interfaces/IOpenDialogOption.html#onOpened","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1069,"kind":2048,"name":"onClosed","url":"interfaces/IOpenDialogOption.html#onClosed","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IOpenDialogOption"},{"id":1070,"kind":256,"name":"IDialogProps","url":"interfaces/IDialogProps.html","classes":"tsd-kind-interface"},{"id":1071,"kind":1024,"name":"title","url":"interfaces/IDialogProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1072,"kind":1024,"name":"children","url":"interfaces/IDialogProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1073,"kind":1024,"name":"footer","url":"interfaces/IDialogProps.html#footer","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1074,"kind":1024,"name":"visible","url":"interfaces/IDialogProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1075,"kind":1024,"name":"closeBtn","url":"interfaces/IDialogProps.html#closeBtn","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1076,"kind":2048,"name":"onClose","url":"interfaces/IDialogProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1077,"kind":1024,"name":"mask","url":"interfaces/IDialogProps.html#mask","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1078,"kind":1024,"name":"maskClosable","url":"interfaces/IDialogProps.html#maskClosable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1079,"kind":1024,"name":"className","url":"interfaces/IDialogProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1080,"kind":1024,"name":"style","url":"interfaces/IDialogProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1081,"kind":1024,"name":"position","url":"interfaces/IDialogProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1082,"kind":2048,"name":"onOpened","url":"interfaces/IDialogProps.html#onOpened","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1083,"kind":2048,"name":"onClosed","url":"interfaces/IDialogProps.html#onClosed","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IDialogProps"},{"id":1084,"kind":256,"name":"IDialogState","url":"interfaces/IDialogState.html","classes":"tsd-kind-interface"},{"id":1085,"kind":1024,"name":"prevOpen","url":"interfaces/IDialogState.html#prevOpen","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogState"},{"id":1086,"kind":1024,"name":"exiting","url":"interfaces/IDialogState.html#exiting","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDialogState"},{"id":1087,"kind":128,"name":"Dialog","url":"classes/Dialog.html","classes":"tsd-kind-class"},{"id":1088,"kind":1024,"name":"defaultProps","url":"classes/Dialog.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Dialog"},{"id":1089,"kind":65536,"name":"__type","url":"classes/Dialog.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Dialog"},{"id":1090,"kind":2048,"name":"onClose","url":"classes/Dialog.html#__type-2.onClose","classes":"tsd-kind-method tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1091,"kind":1024,"name":"visible","url":"classes/Dialog.html#__type-2.visible","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1092,"kind":1024,"name":"className","url":"classes/Dialog.html#__type-2.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1093,"kind":1024,"name":"style","url":"classes/Dialog.html#__type-2.style","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1094,"kind":65536,"name":"__type","url":"classes/Dialog.html#__type-2.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1095,"kind":1024,"name":"position","url":"classes/Dialog.html#__type-2.position","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1096,"kind":1024,"name":"title","url":"classes/Dialog.html#__type-2.title","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1097,"kind":1024,"name":"closeBtn","url":"classes/Dialog.html#__type-2.closeBtn","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1098,"kind":1024,"name":"mask","url":"classes/Dialog.html#__type-2.mask","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1099,"kind":1024,"name":"maskClosable","url":"classes/Dialog.html#__type-2.maskClosable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1100,"kind":1024,"name":"footer","url":"classes/Dialog.html#__type-2.footer","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Dialog.__type"},{"id":1101,"kind":1024,"name":"openDialog","url":"classes/Dialog.html#openDialog","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Dialog"},{"id":1102,"kind":65536,"name":"__type","url":"classes/Dialog.html#__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Dialog"},{"id":1103,"kind":1024,"name":"closeDialog","url":"classes/Dialog.html#closeDialog","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Dialog"},{"id":1104,"kind":65536,"name":"__type","url":"classes/Dialog.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Dialog"},{"id":1105,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Dialog.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Dialog"},{"id":1106,"kind":512,"name":"constructor","url":"classes/Dialog.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"Dialog"},{"id":1107,"kind":1024,"name":"lastMousePosition","url":"classes/Dialog.html#lastMousePosition","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Dialog"},{"id":1108,"kind":2048,"name":"onClose","url":"classes/Dialog.html#onClose-1","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Dialog"},{"id":1109,"kind":2048,"name":"onExited","url":"classes/Dialog.html#onExited","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Dialog"},{"id":1110,"kind":2048,"name":"render","url":"classes/Dialog.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Dialog"},{"id":1111,"kind":65536,"name":"__type","url":"classes/Dialog.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Dialog"},{"id":1112,"kind":256,"name":"IDisabledProps","url":"interfaces/IDisabledProps.html","classes":"tsd-kind-interface"},{"id":1113,"kind":1024,"name":"value","url":"interfaces/IDisabledProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDisabledProps"},{"id":1114,"kind":256,"name":"IDisabledContext","url":"interfaces/IDisabledContext.html","classes":"tsd-kind-interface"},{"id":1115,"kind":1024,"name":"value","url":"interfaces/IDisabledContext.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IDisabledContext"},{"id":1116,"kind":32,"name":"DisabledContext","url":"modules.html#DisabledContext","classes":"tsd-kind-variable"},{"id":1117,"kind":32,"name":"Disabled","url":"modules.html#Disabled","classes":"tsd-kind-variable"},{"id":1118,"kind":4194304,"name":"DrawerProps","url":"modules.html#DrawerProps","classes":"tsd-kind-type-alias"},{"id":1119,"kind":32,"name":"Drawer","url":"modules.html#Drawer","classes":"tsd-kind-variable"},{"id":1120,"kind":2,"name":"Drawer","url":"modules/Drawer.html","classes":"tsd-kind-namespace"},{"id":1121,"kind":32,"name":"defaultProps","url":"modules/Drawer.html#defaultProps","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Drawer"},{"id":1122,"kind":4194304,"name":"IDropdownButtonProps","url":"modules.html#IDropdownButtonProps","classes":"tsd-kind-type-alias"},{"id":1123,"kind":32,"name":"DropdownButton","url":"modules.html#DropdownButton","classes":"tsd-kind-variable"},{"id":1124,"kind":4194304,"name":"IDropdownProps","url":"modules.html#IDropdownProps","classes":"tsd-kind-type-alias"},{"id":1125,"kind":32,"name":"Dropdown","url":"modules.html#Dropdown","classes":"tsd-kind-variable"},{"id":1126,"kind":64,"name":"DropdownClickTrigger","url":"modules.html#DropdownClickTrigger","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1127,"kind":64,"name":"DropdownHoverTrigger","url":"modules.html#DropdownHoverTrigger","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1128,"kind":64,"name":"DropdownContent","url":"modules.html#DropdownContent","classes":"tsd-kind-function"},{"id":1129,"kind":32,"name":"DropdownPosition","url":"modules.html#DropdownPosition","classes":"tsd-kind-variable"},{"id":1130,"kind":32,"name":"DropdownNav","url":"modules.html#DropdownNav","classes":"tsd-kind-variable"},{"id":1131,"kind":256,"name":"IElevatorLinkItem","url":"interfaces/IElevatorLinkItem.html","classes":"tsd-kind-interface"},{"id":1132,"kind":1024,"name":"link","url":"interfaces/IElevatorLinkItem.html#link","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IElevatorLinkItem"},{"id":1133,"kind":1024,"name":"title","url":"interfaces/IElevatorLinkItem.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IElevatorLinkItem"},{"id":1134,"kind":4194304,"name":"IElevatorLinksProps","url":"modules.html#IElevatorLinksProps","classes":"tsd-kind-type-alias"},{"id":1135,"kind":32,"name":"ElevatorLinks","url":"modules.html#ElevatorLinks","classes":"tsd-kind-variable"},{"id":1136,"kind":256,"name":"IElevatorAnchorProps","url":"interfaces/IElevatorAnchorProps.html","classes":"tsd-kind-interface"},{"id":1137,"kind":1024,"name":"link","url":"interfaces/IElevatorAnchorProps.html#link","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IElevatorAnchorProps"},{"id":1138,"kind":32,"name":"ElevatorAnchor","url":"modules.html#ElevatorAnchor","classes":"tsd-kind-variable"},{"id":1139,"kind":256,"name":"IElevatorProps","url":"interfaces/IElevatorProps.html","classes":"tsd-kind-interface"},{"id":1140,"kind":2048,"name":"getContainer","url":"interfaces/IElevatorProps.html#getContainer","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IElevatorProps"},{"id":1141,"kind":1024,"name":"targetOffset","url":"interfaces/IElevatorProps.html#targetOffset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IElevatorProps"},{"id":1142,"kind":1024,"name":"offsetTop","url":"interfaces/IElevatorProps.html#offsetTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IElevatorProps"},{"id":1143,"kind":1024,"name":"activeLink","url":"interfaces/IElevatorProps.html#activeLink","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IElevatorProps"},{"id":1144,"kind":1024,"name":"defaultActiveLink","url":"interfaces/IElevatorProps.html#defaultActiveLink","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IElevatorProps"},{"id":1145,"kind":2048,"name":"onChange","url":"interfaces/IElevatorProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IElevatorProps"},{"id":1146,"kind":32,"name":"Elevator","url":"modules.html#Elevator","classes":"tsd-kind-variable"},{"id":1147,"kind":2,"name":"Elevator","url":"modules/Elevator.html","classes":"tsd-kind-namespace"},{"id":1148,"kind":32,"name":"Links","url":"modules/Elevator.html#Links","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Elevator"},{"id":1149,"kind":32,"name":"Anchor","url":"modules/Elevator.html#Anchor","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Elevator"},{"id":1150,"kind":256,"name":"IOnErrorCallback","url":"interfaces/IOnErrorCallback.html","classes":"tsd-kind-interface"},{"id":1151,"kind":256,"name":"IErrorBoundaryFallbackComponentProps","url":"interfaces/IErrorBoundaryFallbackComponentProps.html","classes":"tsd-kind-interface"},{"id":1152,"kind":1024,"name":"error","url":"interfaces/IErrorBoundaryFallbackComponentProps.html#error","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IErrorBoundaryFallbackComponentProps"},{"id":1153,"kind":1024,"name":"componentStack","url":"interfaces/IErrorBoundaryFallbackComponentProps.html#componentStack","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IErrorBoundaryFallbackComponentProps"},{"id":1154,"kind":256,"name":"IErrorBoundaryProps","url":"interfaces/IErrorBoundaryProps.html","classes":"tsd-kind-interface"},{"id":1155,"kind":1024,"name":"onError","url":"interfaces/IErrorBoundaryProps.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IErrorBoundaryProps"},{"id":1156,"kind":1024,"name":"FallbackComponent","url":"interfaces/IErrorBoundaryProps.html#FallbackComponent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IErrorBoundaryProps"},{"id":1157,"kind":128,"name":"ErrorBoundary","url":"classes/ErrorBoundary.html","classes":"tsd-kind-class"},{"id":1158,"kind":1024,"name":"defaultProps","url":"classes/ErrorBoundary.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ErrorBoundary"},{"id":1159,"kind":65536,"name":"__type","url":"classes/ErrorBoundary.html#__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ErrorBoundary"},{"id":1160,"kind":1024,"name":"FallbackComponent","url":"classes/ErrorBoundary.html#__type-3.FallbackComponent","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ErrorBoundary.__type"},{"id":1161,"kind":65536,"name":"__type","url":"classes/ErrorBoundary.html#__type-3.__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"ErrorBoundary.__type"},{"id":1162,"kind":1024,"name":"withErrorBoundary","url":"classes/ErrorBoundary.html#withErrorBoundary","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ErrorBoundary"},{"id":1163,"kind":65536,"name":"__type","url":"classes/ErrorBoundary.html#__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"ErrorBoundary"},{"id":1164,"kind":1024,"name":"catchError","url":"classes/ErrorBoundary.html#catchError","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ErrorBoundary"},{"id":1165,"kind":65536,"name":"__type","url":"classes/ErrorBoundary.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ErrorBoundary"},{"id":1166,"kind":512,"name":"constructor","url":"classes/ErrorBoundary.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"ErrorBoundary"},{"id":1167,"kind":1024,"name":"state","url":"classes/ErrorBoundary.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"ErrorBoundary"},{"id":1168,"kind":65536,"name":"__type","url":"classes/ErrorBoundary.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ErrorBoundary"},{"id":1169,"kind":1024,"name":"error","url":"classes/ErrorBoundary.html#__type-1.error","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ErrorBoundary.__type"},{"id":1170,"kind":1024,"name":"info","url":"classes/ErrorBoundary.html#__type-1.info","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ErrorBoundary.__type"},{"id":1171,"kind":2048,"name":"componentDidCatch","url":"classes/ErrorBoundary.html#componentDidCatch","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ErrorBoundary"},{"id":1172,"kind":2048,"name":"render","url":"classes/ErrorBoundary.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ErrorBoundary"},{"id":1173,"kind":65536,"name":"__type","url":"classes/ErrorBoundary.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ErrorBoundary"},{"id":1174,"kind":256,"name":"ICatchErrorOption","url":"interfaces/ICatchErrorOption.html","classes":"tsd-kind-interface"},{"id":1175,"kind":2048,"name":"onError","url":"interfaces/ICatchErrorOption.html#onError","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICatchErrorOption"},{"id":1176,"kind":1024,"name":"FallbackComponent","url":"interfaces/ICatchErrorOption.html#FallbackComponent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICatchErrorOption"},{"id":1177,"kind":64,"name":"withErrorBoundary","url":"modules.html#withErrorBoundary","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1178,"kind":256,"name":"IWithErrorBoundaryOption","url":"interfaces/IWithErrorBoundaryOption.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1179,"kind":1024,"name":"Component","url":"interfaces/IWithErrorBoundaryOption.html#Component","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWithErrorBoundaryOption"},{"id":1180,"kind":1024,"name":"FallbackComponent","url":"interfaces/IWithErrorBoundaryOption.html#FallbackComponent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWithErrorBoundaryOption"},{"id":1181,"kind":1024,"name":"onError","url":"interfaces/IWithErrorBoundaryOption.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWithErrorBoundaryOption"},{"id":1182,"kind":64,"name":"addEventListener","url":"modules.html#addEventListener","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1183,"kind":64,"name":"useEventHandler","url":"modules.html#useEventHandler","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1184,"kind":32,"name":"targetMap","url":"modules.html#targetMap","classes":"tsd-kind-variable"},{"id":1185,"kind":256,"name":"IEventHandlerProps","url":"interfaces/IEventHandlerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1186,"kind":1024,"name":"target","url":"interfaces/IEventHandlerProps.html#target","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IEventHandlerProps"},{"id":1187,"kind":1024,"name":"eventName","url":"interfaces/IEventHandlerProps.html#eventName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IEventHandlerProps"},{"id":1188,"kind":2048,"name":"listener","url":"interfaces/IEventHandlerProps.html#listener","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IEventHandlerProps"},{"id":1189,"kind":1024,"name":"options","url":"interfaces/IEventHandlerProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IEventHandlerProps"},{"id":1190,"kind":64,"name":"EventHandler","url":"modules.html#EventHandler","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1191,"kind":64,"name":"useWindowEventHandler","url":"modules.html#useWindowEventHandler","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1192,"kind":64,"name":"WindowEventHandler","url":"modules.html#WindowEventHandler","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1193,"kind":256,"name":"IWindowEventHandlerProps","url":"interfaces/IWindowEventHandlerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1194,"kind":1024,"name":"eventName","url":"interfaces/IWindowEventHandlerProps.html#eventName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWindowEventHandlerProps"},{"id":1195,"kind":2048,"name":"listener","url":"interfaces/IWindowEventHandlerProps.html#listener","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IWindowEventHandlerProps"},{"id":1196,"kind":1024,"name":"options","url":"interfaces/IWindowEventHandlerProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWindowEventHandlerProps"},{"id":1197,"kind":256,"name":"IWindowResizeHandlerDelta","url":"interfaces/IWindowResizeHandlerDelta.html","classes":"tsd-kind-interface"},{"id":1198,"kind":1024,"name":"deltaX","url":"interfaces/IWindowResizeHandlerDelta.html#deltaX","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWindowResizeHandlerDelta"},{"id":1199,"kind":1024,"name":"deltaY","url":"interfaces/IWindowResizeHandlerDelta.html#deltaY","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWindowResizeHandlerDelta"},{"id":1200,"kind":256,"name":"IWindowResizeHandlerProps","url":"interfaces/IWindowResizeHandlerProps.html","classes":"tsd-kind-interface"},{"id":1201,"kind":2048,"name":"onResize","url":"interfaces/IWindowResizeHandlerProps.html#onResize","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IWindowResizeHandlerProps"},{"id":1202,"kind":1024,"name":"disableThrottle","url":"interfaces/IWindowResizeHandlerProps.html#disableThrottle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWindowResizeHandlerProps"},{"id":1203,"kind":32,"name":"WindowResizeHandler","url":"modules.html#WindowResizeHandler","classes":"tsd-kind-variable"},{"id":1204,"kind":256,"name":"IWindowScrollHandler","url":"interfaces/IWindowScrollHandler.html","classes":"tsd-kind-interface"},{"id":1205,"kind":2048,"name":"onScroll","url":"interfaces/IWindowScrollHandler.html#onScroll","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IWindowScrollHandler"},{"id":1206,"kind":1024,"name":"disableThrottle","url":"interfaces/IWindowScrollHandler.html#disableThrottle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWindowScrollHandler"},{"id":1207,"kind":1024,"name":"options","url":"interfaces/IWindowScrollHandler.html#options","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWindowScrollHandler"},{"id":1208,"kind":32,"name":"WindowScrollHandler","url":"modules.html#WindowScrollHandler","classes":"tsd-kind-variable"},{"id":1209,"kind":128,"name":"BasicModel","url":"classes/BasicModel.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1210,"kind":512,"name":"constructor","url":"classes/BasicModel.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-protected","parent":"BasicModel"},{"id":1211,"kind":1024,"name":"_displayName","url":"classes/BasicModel.html#_displayName","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-protected","parent":"BasicModel"},{"id":1212,"kind":1024,"name":"destroyOnUnmount","url":"classes/BasicModel.html#destroyOnUnmount","classes":"tsd-kind-property tsd-parent-kind-class","parent":"BasicModel"},{"id":1213,"kind":1024,"name":"owner","url":"classes/BasicModel.html#owner","classes":"tsd-kind-property tsd-parent-kind-class","parent":"BasicModel"},{"id":1214,"kind":2048,"name":"getRawValue","url":"classes/BasicModel.html#getRawValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1215,"kind":2048,"name":"getSubmitValue","url":"classes/BasicModel.html#getSubmitValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1216,"kind":1024,"name":"error$","url":"classes/BasicModel.html#error_","classes":"tsd-kind-property tsd-parent-kind-class","parent":"BasicModel"},{"id":1217,"kind":262144,"name":"valid$","url":"classes/BasicModel.html#valid_","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"BasicModel"},{"id":1218,"kind":262144,"name":"value$","url":"classes/BasicModel.html#value_","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"BasicModel"},{"id":1219,"kind":262144,"name":"value","url":"classes/BasicModel.html#value","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"BasicModel"},{"id":1220,"kind":262144,"name":"form","url":"classes/BasicModel.html#form","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"BasicModel"},{"id":1221,"kind":1024,"name":"id","url":"classes/BasicModel.html#id","classes":"tsd-kind-property tsd-parent-kind-class","parent":"BasicModel"},{"id":1222,"kind":2048,"name":"pristine","url":"classes/BasicModel.html#pristine","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1223,"kind":2048,"name":"touched","url":"classes/BasicModel.html#touched","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1224,"kind":2048,"name":"dirty","url":"classes/BasicModel.html#dirty","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1225,"kind":2048,"name":"patchValue","url":"classes/BasicModel.html#patchValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1226,"kind":2048,"name":"reset","url":"classes/BasicModel.html#reset","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1227,"kind":2048,"name":"clear","url":"classes/BasicModel.html#clear","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1228,"kind":2048,"name":"clearError","url":"classes/BasicModel.html#clearError","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1229,"kind":2048,"name":"initialize","url":"classes/BasicModel.html#initialize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1230,"kind":2048,"name":"validate","url":"classes/BasicModel.html#validate","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1231,"kind":2048,"name":"dispose","url":"classes/BasicModel.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1232,"kind":2048,"name":"valid","url":"classes/BasicModel.html#valid","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicModel"},{"id":1233,"kind":2048,"name":"triggerValidate","url":"classes/BasicModel.html#triggerValidate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-protected","parent":"BasicModel"},{"id":1234,"kind":262144,"name":"error","url":"classes/BasicModel.html#error","classes":"tsd-kind-accessor tsd-parent-kind-class","parent":"BasicModel"},{"id":1235,"kind":128,"name":"FieldArrayModel","url":"classes/FieldArrayModel.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1236,"kind":1024,"name":"_displayName","url":"classes/FieldArrayModel.html#_displayName","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"FieldArrayModel"},{"id":1237,"kind":1024,"name":"children$","url":"classes/FieldArrayModel.html#children_","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1238,"kind":1024,"name":"owner","url":"classes/FieldArrayModel.html#owner","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1239,"kind":1024,"name":"builder","url":"classes/FieldArrayModel.html#builder","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1240,"kind":1024,"name":"normalizeBeforeSubmit","url":"classes/FieldArrayModel.html#normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1241,"kind":262144,"name":"value","url":"classes/FieldArrayModel.html#value","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1242,"kind":262144,"name":"value$","url":"classes/FieldArrayModel.html#value_","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1243,"kind":262144,"name":"valid$","url":"classes/FieldArrayModel.html#valid_","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1244,"kind":2048,"name":"_getValid$","url":"classes/FieldArrayModel.html#_getValid_","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1245,"kind":2048,"name":"reset","url":"classes/FieldArrayModel.html#reset","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1246,"kind":2048,"name":"clear","url":"classes/FieldArrayModel.html#clear","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1247,"kind":2048,"name":"clearError","url":"classes/FieldArrayModel.html#clearError","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1248,"kind":262144,"name":"children","url":"classes/FieldArrayModel.html#children","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1249,"kind":2048,"name":"get","url":"classes/FieldArrayModel.html#get","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1250,"kind":2048,"name":"getRawValue","url":"classes/FieldArrayModel.html#getRawValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1251,"kind":2048,"name":"getSubmitValue","url":"classes/FieldArrayModel.html#getSubmitValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1252,"kind":2048,"name":"patchValue","url":"classes/FieldArrayModel.html#patchValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1253,"kind":2048,"name":"initialize","url":"classes/FieldArrayModel.html#initialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1254,"kind":2048,"name":"push","url":"classes/FieldArrayModel.html#push","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1255,"kind":2048,"name":"pop","url":"classes/FieldArrayModel.html#pop","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1256,"kind":2048,"name":"shift","url":"classes/FieldArrayModel.html#shift","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1257,"kind":2048,"name":"unshift","url":"classes/FieldArrayModel.html#unshift","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1258,"kind":2048,"name":"splice","url":"classes/FieldArrayModel.html#splice","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1259,"kind":2048,"name":"filter","url":"classes/FieldArrayModel.html#filter","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1260,"kind":2048,"name":"sort","url":"classes/FieldArrayModel.html#sort","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayModel"},{"id":1261,"kind":2048,"name":"validate","url":"classes/FieldArrayModel.html#validate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1262,"kind":2048,"name":"pristine","url":"classes/FieldArrayModel.html#pristine","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1263,"kind":2048,"name":"dirty","url":"classes/FieldArrayModel.html#dirty","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1264,"kind":2048,"name":"touched","url":"classes/FieldArrayModel.html#touched","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1265,"kind":2048,"name":"dispose","url":"classes/FieldArrayModel.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayModel"},{"id":1266,"kind":1024,"name":"destroyOnUnmount","url":"classes/FieldArrayModel.html#destroyOnUnmount","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1267,"kind":1024,"name":"error$","url":"classes/FieldArrayModel.html#error_","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1268,"kind":262144,"name":"form","url":"classes/FieldArrayModel.html#form","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1269,"kind":1024,"name":"id","url":"classes/FieldArrayModel.html#id","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1270,"kind":2048,"name":"valid","url":"classes/FieldArrayModel.html#valid","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1271,"kind":2048,"name":"triggerValidate","url":"classes/FieldArrayModel.html#triggerValidate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldArrayModel"},{"id":1272,"kind":262144,"name":"error","url":"classes/FieldArrayModel.html#error","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayModel"},{"id":1273,"kind":128,"name":"FieldModel","url":"classes/FieldModel.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1274,"kind":1024,"name":"_displayName","url":"classes/FieldModel.html#_displayName","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"FieldModel"},{"id":1275,"kind":1024,"name":"_value$","url":"classes/FieldModel.html#_value_","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldModel"},{"id":1276,"kind":1024,"name":"_valid$","url":"classes/FieldModel.html#_valid_","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldModel"},{"id":1277,"kind":1024,"name":"builder","url":"classes/FieldModel.html#builder","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldModel"},{"id":1278,"kind":1024,"name":"isTouched","url":"classes/FieldModel.html#isTouched","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldModel"},{"id":1279,"kind":1024,"name":"isCompositing","url":"classes/FieldModel.html#isCompositing","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldModel"},{"id":1280,"kind":1024,"name":"normalizeBeforeSubmit","url":"classes/FieldModel.html#normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldModel"},{"id":1281,"kind":1024,"name":"owner","url":"classes/FieldModel.html#owner","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1282,"kind":262144,"name":"value$","url":"classes/FieldModel.html#value_","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1283,"kind":262144,"name":"valid$","url":"classes/FieldModel.html#valid_","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1284,"kind":2048,"name":"reset","url":"classes/FieldModel.html#reset","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1285,"kind":2048,"name":"clear","url":"classes/FieldModel.html#clear","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1286,"kind":2048,"name":"clearError","url":"classes/FieldModel.html#clearError","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1287,"kind":2048,"name":"initialize","url":"classes/FieldModel.html#initialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1288,"kind":2048,"name":"getRawValue","url":"classes/FieldModel.html#getRawValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1289,"kind":2048,"name":"getSubmitValue","url":"classes/FieldModel.html#getSubmitValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1290,"kind":2048,"name":"validate","url":"classes/FieldModel.html#validate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1291,"kind":2048,"name":"patchValue","url":"classes/FieldModel.html#patchValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1292,"kind":2048,"name":"pristine","url":"classes/FieldModel.html#pristine","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1293,"kind":2048,"name":"dirty","url":"classes/FieldModel.html#dirty","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1294,"kind":2048,"name":"touched","url":"classes/FieldModel.html#touched","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1295,"kind":2048,"name":"dispose","url":"classes/FieldModel.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldModel"},{"id":1296,"kind":1024,"name":"destroyOnUnmount","url":"classes/FieldModel.html#destroyOnUnmount","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1297,"kind":1024,"name":"error$","url":"classes/FieldModel.html#error_","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1298,"kind":262144,"name":"value","url":"classes/FieldModel.html#value","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1299,"kind":262144,"name":"form","url":"classes/FieldModel.html#form","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1300,"kind":1024,"name":"id","url":"classes/FieldModel.html#id","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1301,"kind":2048,"name":"valid","url":"classes/FieldModel.html#valid","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1302,"kind":2048,"name":"triggerValidate","url":"classes/FieldModel.html#triggerValidate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldModel"},{"id":1303,"kind":262144,"name":"error","url":"classes/FieldModel.html#error","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"FieldModel"},{"id":1304,"kind":128,"name":"FieldSetModel","url":"classes/FieldSetModel.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1305,"kind":1024,"name":"_displayName","url":"classes/FieldSetModel.html#_displayName","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"FieldSetModel"},{"id":1306,"kind":1024,"name":"childRegister$","url":"classes/FieldSetModel.html#childRegister_","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldSetModel"},{"id":1307,"kind":1024,"name":"childRemove$","url":"classes/FieldSetModel.html#childRemove_","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldSetModel"},{"id":1308,"kind":1024,"name":"children","url":"classes/FieldSetModel.html#children","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldSetModel"},{"id":1309,"kind":1024,"name":"owner","url":"classes/FieldSetModel.html#owner","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1310,"kind":1024,"name":"builder","url":"classes/FieldSetModel.html#builder","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldSetModel"},{"id":1311,"kind":1024,"name":"normalizeBeforeSubmit","url":"classes/FieldSetModel.html#normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class","parent":"FieldSetModel"},{"id":1312,"kind":262144,"name":"value","url":"classes/FieldSetModel.html#value","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1313,"kind":262144,"name":"value$","url":"classes/FieldSetModel.html#value_","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1314,"kind":262144,"name":"valid$","url":"classes/FieldSetModel.html#valid_","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1315,"kind":2048,"name":"_getValid$","url":"classes/FieldSetModel.html#_getValid_","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1316,"kind":2048,"name":"_getValue$","url":"classes/FieldSetModel.html#_getValue_","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1317,"kind":2048,"name":"initialize","url":"classes/FieldSetModel.html#initialize","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1318,"kind":2048,"name":"getRawValue","url":"classes/FieldSetModel.html#getRawValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1319,"kind":2048,"name":"getSubmitValue","url":"classes/FieldSetModel.html#getSubmitValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1320,"kind":2048,"name":"registerChild","url":"classes/FieldSetModel.html#registerChild","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldSetModel"},{"id":1321,"kind":2048,"name":"removeChild","url":"classes/FieldSetModel.html#removeChild","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"FieldSetModel"},{"id":1322,"kind":2048,"name":"dispose","url":"classes/FieldSetModel.html#dispose","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1323,"kind":2048,"name":"patchValue","url":"classes/FieldSetModel.html#patchValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1324,"kind":2048,"name":"clear","url":"classes/FieldSetModel.html#clear","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1325,"kind":2048,"name":"clearError","url":"classes/FieldSetModel.html#clearError","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1326,"kind":2048,"name":"reset","url":"classes/FieldSetModel.html#reset","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1327,"kind":2048,"name":"validate","url":"classes/FieldSetModel.html#validate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1328,"kind":2048,"name":"pristine","url":"classes/FieldSetModel.html#pristine","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1329,"kind":2048,"name":"dirty","url":"classes/FieldSetModel.html#dirty","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1330,"kind":2048,"name":"touched","url":"classes/FieldSetModel.html#touched","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetModel"},{"id":1331,"kind":2048,"name":"get","url":"classes/FieldSetModel.html#get","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"FieldSetModel"},{"id":1332,"kind":1024,"name":"destroyOnUnmount","url":"classes/FieldSetModel.html#destroyOnUnmount","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1333,"kind":1024,"name":"error$","url":"classes/FieldSetModel.html#error_","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1334,"kind":262144,"name":"form","url":"classes/FieldSetModel.html#form","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1335,"kind":1024,"name":"id","url":"classes/FieldSetModel.html#id","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1336,"kind":2048,"name":"valid","url":"classes/FieldSetModel.html#valid","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1337,"kind":2048,"name":"triggerValidate","url":"classes/FieldSetModel.html#triggerValidate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldSetModel"},{"id":1338,"kind":262144,"name":"error","url":"classes/FieldSetModel.html#error","classes":"tsd-kind-accessor tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetModel"},{"id":1339,"kind":4,"name":"FormStrategy","url":"enums/FormStrategy.html","classes":"tsd-kind-enum"},{"id":1340,"kind":16,"name":"Model","url":"enums/FormStrategy.html#Model","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"FormStrategy"},{"id":1341,"kind":16,"name":"View","url":"enums/FormStrategy.html#View","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"FormStrategy"},{"id":1342,"kind":256,"name":"ISyncValidator","url":"interfaces/ISyncValidator.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1343,"kind":1024,"name":"$$id","url":"interfaces/ISyncValidator.html#__id","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISyncValidator"},{"id":1344,"kind":256,"name":"IAsyncValidator","url":"interfaces/IAsyncValidator.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1345,"kind":2048,"name":"validator","url":"interfaces/IAsyncValidator.html#validator","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAsyncValidator"},{"id":1346,"kind":1024,"name":"$$id","url":"interfaces/IAsyncValidator.html#__id","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAsyncValidator"},{"id":1347,"kind":1024,"name":"[ASYNC_VALIDATOR]","url":"interfaces/IAsyncValidator.html#_ASYNC_VALIDATOR_","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAsyncValidator"},{"id":1348,"kind":4194304,"name":"IValidator","url":"modules.html#IValidator","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1349,"kind":4194304,"name":"IValidators","url":"modules.html#IValidators","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1350,"kind":2,"name":"Validators","url":"modules/Validators.html","classes":"tsd-kind-namespace"},{"id":1351,"kind":64,"name":"markForRequired","url":"modules/Validators.html#markForRequired","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"Validators"},{"id":1352,"kind":64,"name":"isRequiredValidator","url":"modules/Validators.html#isRequiredValidator","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"Validators"},{"id":1353,"kind":64,"name":"min","url":"modules/Validators.html#min","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"Validators"},{"id":1354,"kind":64,"name":"max","url":"modules/Validators.html#max","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"Validators"},{"id":1355,"kind":64,"name":"required","url":"modules/Validators.html#required","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"Validators"},{"id":1356,"kind":64,"name":"requiredTrue","url":"modules/Validators.html#requiredTrue","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"Validators"},{"id":1357,"kind":64,"name":"email","url":"modules/Validators.html#email","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"Validators"},{"id":1358,"kind":64,"name":"minLength","url":"modules/Validators.html#minLength","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"Validators"},{"id":1359,"kind":64,"name":"maxLength","url":"modules/Validators.html#maxLength","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"Validators"},{"id":1360,"kind":64,"name":"pattern","url":"modules/Validators.html#pattern","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"Validators"},{"id":1361,"kind":256,"name":"IWithLength","url":"interfaces/Validators.IWithLength.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"Validators"},{"id":1362,"kind":1024,"name":"length","url":"interfaces/Validators.IWithLength.html#length","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Validators.IWithLength"},{"id":1363,"kind":32,"name":"SYMBOL_REQUIRED","url":"modules/Validators.html#SYMBOL_REQUIRED","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Validators"},{"id":1364,"kind":2,"name":"ValidatorMiddlewares","url":"modules/ValidatorMiddlewares.html","classes":"tsd-kind-namespace"},{"id":1365,"kind":64,"name":"message","url":"modules/ValidatorMiddlewares.html#message","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"ValidatorMiddlewares"},{"id":1366,"kind":64,"name":"when","url":"modules/ValidatorMiddlewares.html#when","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"ValidatorMiddlewares"},{"id":1367,"kind":64,"name":"whenAsync","url":"modules/ValidatorMiddlewares.html#whenAsync","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"ValidatorMiddlewares"},{"id":1368,"kind":4,"name":"ValidateOption","url":"enums/ValidateOption.html","classes":"tsd-kind-enum"},{"id":1369,"kind":16,"name":"Empty","url":"enums/ValidateOption.html#Empty","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOption"},{"id":1370,"kind":16,"name":"IncludeAsync","url":"enums/ValidateOption.html#IncludeAsync","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOption"},{"id":1371,"kind":16,"name":"IncludeUntouched","url":"enums/ValidateOption.html#IncludeUntouched","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOption"},{"id":1372,"kind":16,"name":"IncludeChildrenRecursively","url":"enums/ValidateOption.html#IncludeChildrenRecursively","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOption"},{"id":1373,"kind":16,"name":"ExcludePristine","url":"enums/ValidateOption.html#ExcludePristine","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOption"},{"id":1374,"kind":16,"name":"StopPropagation","url":"enums/ValidateOption.html#StopPropagation","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOption"},{"id":1375,"kind":16,"name":"Default","url":"enums/ValidateOption.html#Default","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOption"},{"id":1376,"kind":2,"name":"FieldUtils","url":"modules/FieldUtils.html","classes":"tsd-kind-namespace"},{"id":1377,"kind":64,"name":"multi","url":"modules/FieldUtils.html#multi","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1378,"kind":64,"name":"useMulti","url":"modules/FieldUtils.html#useMulti","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1379,"kind":64,"name":"compose","url":"modules/FieldUtils.html#compose","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1380,"kind":64,"name":"useMAppend","url":"modules/FieldUtils.html#useMAppend","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1381,"kind":64,"name":"usePipe","url":"modules/FieldUtils.html#usePipe","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1382,"kind":64,"name":"useChangeHandler","url":"modules/FieldUtils.html#useChangeHandler","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1383,"kind":64,"name":"useCompositionHandler","url":"modules/FieldUtils.html#useCompositionHandler","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1384,"kind":4194304,"name":"Func","url":"modules/FieldUtils.html#Func","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1385,"kind":65536,"name":"__type","url":"modules/FieldUtils.html#Func.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"FieldUtils.Func"},{"id":1386,"kind":4194304,"name":"Middleware","url":"modules/FieldUtils.html#Middleware","classes":"tsd-kind-type-alias tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1387,"kind":65536,"name":"__type","url":"modules/FieldUtils.html#Middleware.__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"FieldUtils.Middleware"},{"id":1388,"kind":64,"name":"makeChangeHandler","url":"modules/FieldUtils.html#makeChangeHandler","classes":"tsd-kind-function tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1389,"kind":256,"name":"ICompositionHandlers","url":"interfaces/FieldUtils.ICompositionHandlers.html","classes":"tsd-kind-interface tsd-parent-kind-namespace tsd-has-type-parameter","parent":"FieldUtils"},{"id":1390,"kind":1024,"name":"onCompositionStart","url":"interfaces/FieldUtils.ICompositionHandlers.html#onCompositionStart","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"FieldUtils.ICompositionHandlers"},{"id":1391,"kind":1024,"name":"onCompositionEnd","url":"interfaces/FieldUtils.ICompositionHandlers.html#onCompositionEnd","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"FieldUtils.ICompositionHandlers"},{"id":1392,"kind":128,"name":"BasicBuilder","url":"classes/BasicBuilder.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1393,"kind":512,"name":"constructor","url":"classes/BasicBuilder.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter","parent":"BasicBuilder"},{"id":1394,"kind":1024,"name":"_validators","url":"classes/BasicBuilder.html#_validators","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-protected","parent":"BasicBuilder"},{"id":1395,"kind":1024,"name":"_normalizeBeforeSubmit","url":"classes/BasicBuilder.html#_normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-protected","parent":"BasicBuilder"},{"id":1396,"kind":2048,"name":"normalizeBeforeSubmit","url":"classes/BasicBuilder.html#normalizeBeforeSubmit","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"BasicBuilder"},{"id":1397,"kind":2048,"name":"build","url":"classes/BasicBuilder.html#build","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicBuilder"},{"id":1398,"kind":2048,"name":"validators","url":"classes/BasicBuilder.html#validators","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasicBuilder"},{"id":1399,"kind":128,"name":"FieldArrayBuilder","url":"classes/FieldArrayBuilder.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1400,"kind":512,"name":"constructor","url":"classes/FieldArrayBuilder.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"FieldArrayBuilder"},{"id":1401,"kind":2048,"name":"defaultValue","url":"classes/FieldArrayBuilder.html#defaultValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayBuilder"},{"id":1402,"kind":2048,"name":"build","url":"classes/FieldArrayBuilder.html#build","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldArrayBuilder"},{"id":1403,"kind":2048,"name":"unwrap","url":"classes/FieldArrayBuilder.html#unwrap","classes":"tsd-kind-method tsd-parent-kind-class","parent":"FieldArrayBuilder"},{"id":1404,"kind":1024,"name":"_validators","url":"classes/FieldArrayBuilder.html#_validators","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldArrayBuilder"},{"id":1405,"kind":1024,"name":"_normalizeBeforeSubmit","url":"classes/FieldArrayBuilder.html#_normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldArrayBuilder"},{"id":1406,"kind":2048,"name":"normalizeBeforeSubmit","url":"classes/FieldArrayBuilder.html#normalizeBeforeSubmit","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"FieldArrayBuilder"},{"id":1407,"kind":2048,"name":"validators","url":"classes/FieldArrayBuilder.html#validators","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"FieldArrayBuilder"},{"id":1408,"kind":128,"name":"FieldBuilder","url":"classes/FieldBuilder.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1409,"kind":512,"name":"constructor","url":"classes/FieldBuilder.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"FieldBuilder"},{"id":1410,"kind":1024,"name":"_defaultValue","url":"classes/FieldBuilder.html#_defaultValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-protected","parent":"FieldBuilder"},{"id":1411,"kind":2048,"name":"build","url":"classes/FieldBuilder.html#build","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldBuilder"},{"id":1412,"kind":1024,"name":"_validators","url":"classes/FieldBuilder.html#_validators","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldBuilder"},{"id":1413,"kind":1024,"name":"_normalizeBeforeSubmit","url":"classes/FieldBuilder.html#_normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldBuilder"},{"id":1414,"kind":2048,"name":"normalizeBeforeSubmit","url":"classes/FieldBuilder.html#normalizeBeforeSubmit","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"FieldBuilder"},{"id":1415,"kind":2048,"name":"validators","url":"classes/FieldBuilder.html#validators","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"FieldBuilder"},{"id":1416,"kind":128,"name":"FieldSetBuilder","url":"classes/FieldSetBuilder.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1417,"kind":512,"name":"constructor","url":"classes/FieldSetBuilder.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"FieldSetBuilder"},{"id":1418,"kind":1024,"name":"_childBuilders","url":"classes/FieldSetBuilder.html#_childBuilders","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-protected","parent":"FieldSetBuilder"},{"id":1419,"kind":2048,"name":"build","url":"classes/FieldSetBuilder.html#build","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FieldSetBuilder"},{"id":1420,"kind":2048,"name":"get","url":"classes/FieldSetBuilder.html#get","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"FieldSetBuilder"},{"id":1421,"kind":1024,"name":"_validators","url":"classes/FieldSetBuilder.html#_validators","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldSetBuilder"},{"id":1422,"kind":1024,"name":"_normalizeBeforeSubmit","url":"classes/FieldSetBuilder.html#_normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FieldSetBuilder"},{"id":1423,"kind":2048,"name":"normalizeBeforeSubmit","url":"classes/FieldSetBuilder.html#normalizeBeforeSubmit","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"FieldSetBuilder"},{"id":1424,"kind":2048,"name":"validators","url":"classes/FieldSetBuilder.html#validators","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"FieldSetBuilder"},{"id":1425,"kind":128,"name":"FormBuilder","url":"classes/FormBuilder.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1426,"kind":512,"name":"constructor","url":"classes/FormBuilder.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"FormBuilder"},{"id":1427,"kind":2048,"name":"build","url":"classes/FormBuilder.html#build","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"FormBuilder"},{"id":1428,"kind":1024,"name":"_childBuilders","url":"classes/FormBuilder.html#_childBuilders","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FormBuilder"},{"id":1429,"kind":2048,"name":"get","url":"classes/FormBuilder.html#get","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"FormBuilder"},{"id":1430,"kind":1024,"name":"_validators","url":"classes/FormBuilder.html#_validators","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FormBuilder"},{"id":1431,"kind":1024,"name":"_normalizeBeforeSubmit","url":"classes/FormBuilder.html#_normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"FormBuilder"},{"id":1432,"kind":2048,"name":"normalizeBeforeSubmit","url":"classes/FormBuilder.html#normalizeBeforeSubmit","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"FormBuilder"},{"id":1433,"kind":2048,"name":"validators","url":"classes/FormBuilder.html#validators","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"FormBuilder"},{"id":1434,"kind":4194304,"name":"$FieldSetBuilderChildren","url":"modules.html#_FieldSetBuilderChildren","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1435,"kind":4194304,"name":"$FieldSetValue","url":"modules.html#_FieldSetValue","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1436,"kind":256,"name":"INormalizeBeforeSubmit","url":"interfaces/INormalizeBeforeSubmit.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1437,"kind":4194304,"name":"IMaybeError","url":"modules.html#IMaybeError","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1438,"kind":256,"name":"IValidateResult","url":"interfaces/IValidateResult.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1439,"kind":1024,"name":"name","url":"interfaces/IValidateResult.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IValidateResult"},{"id":1440,"kind":1024,"name":"message","url":"interfaces/IValidateResult.html#message","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IValidateResult"},{"id":1441,"kind":1024,"name":"expect","url":"interfaces/IValidateResult.html#expect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IValidateResult"},{"id":1442,"kind":1024,"name":"actual","url":"interfaces/IValidateResult.html#actual","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IValidateResult"},{"id":1443,"kind":128,"name":"ValidatorContext","url":"classes/ValidatorContext.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1444,"kind":512,"name":"constructor","url":"classes/ValidatorContext.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter","parent":"ValidatorContext"},{"id":1445,"kind":1024,"name":"model","url":"classes/ValidatorContext.html#model","classes":"tsd-kind-property tsd-parent-kind-class","parent":"ValidatorContext"},{"id":1446,"kind":2048,"name":"getSection","url":"classes/ValidatorContext.html#getSection","classes":"tsd-kind-method tsd-parent-kind-class","parent":"ValidatorContext"},{"id":1447,"kind":2048,"name":"getSectionValue","url":"classes/ValidatorContext.html#getSectionValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"ValidatorContext"},{"id":1448,"kind":2048,"name":"getFormValue","url":"classes/ValidatorContext.html#getFormValue","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter","parent":"ValidatorContext"},{"id":1449,"kind":64,"name":"useObservableBatchedEagerState","url":"modules.html#useObservableBatchedEagerState","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1450,"kind":64,"name":"useFormChild","url":"modules.html#useFormChild","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1451,"kind":256,"name":"IFormFieldPropsBase","url":"interfaces/IFormFieldPropsBase.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1452,"kind":1024,"name":"renderError","url":"interfaces/IFormFieldPropsBase.html#renderError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1453,"kind":1024,"name":"helpDesc","url":"interfaces/IFormFieldPropsBase.html#helpDesc","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1454,"kind":1024,"name":"notice","url":"interfaces/IFormFieldPropsBase.html#notice","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1455,"kind":1024,"name":"withoutError","url":"interfaces/IFormFieldPropsBase.html#withoutError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1456,"kind":1024,"name":"before","url":"interfaces/IFormFieldPropsBase.html#before","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1457,"kind":1024,"name":"after","url":"interfaces/IFormFieldPropsBase.html#after","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1458,"kind":1024,"name":"required","url":"interfaces/IFormFieldPropsBase.html#required","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1459,"kind":1024,"name":"validateOccasion","url":"interfaces/IFormFieldPropsBase.html#validateOccasion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1460,"kind":2048,"name":"normalize","url":"interfaces/IFormFieldPropsBase.html#normalize","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1461,"kind":2048,"name":"normalizeBeforeBlur","url":"interfaces/IFormFieldPropsBase.html#normalizeBeforeBlur","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1462,"kind":2048,"name":"format","url":"interfaces/IFormFieldPropsBase.html#format","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1463,"kind":2048,"name":"getValidateOption","url":"interfaces/IFormFieldPropsBase.html#getValidateOption","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1464,"kind":1024,"name":"modelRef","url":"interfaces/IFormFieldPropsBase.html#modelRef","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1465,"kind":1024,"name":"touchWhen","url":"interfaces/IFormFieldPropsBase.html#touchWhen","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldPropsBase"},{"id":1466,"kind":1024,"name":"className","url":"interfaces/IFormFieldPropsBase.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1467,"kind":1024,"name":"children","url":"interfaces/IFormFieldPropsBase.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1468,"kind":1024,"name":"style","url":"interfaces/IFormFieldPropsBase.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1469,"kind":1024,"name":"label","url":"interfaces/IFormFieldPropsBase.html#label","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1470,"kind":1024,"name":"withoutLabel","url":"interfaces/IFormFieldPropsBase.html#withoutLabel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1471,"kind":1024,"name":"onCompositionEnd","url":"interfaces/IFormFieldPropsBase.html#onCompositionEnd","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1472,"kind":1024,"name":"onCompositionStart","url":"interfaces/IFormFieldPropsBase.html#onCompositionStart","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1473,"kind":1024,"name":"onBlur","url":"interfaces/IFormFieldPropsBase.html#onBlur","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1474,"kind":2048,"name":"onChange","url":"interfaces/IFormFieldPropsBase.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IFormFieldPropsBase"},{"id":1475,"kind":32,"name":"FormContext","url":"modules.html#FormContext","classes":"tsd-kind-variable"},{"id":1476,"kind":256,"name":"IFormChild","url":"interfaces/IFormChild.html","classes":"tsd-kind-interface"},{"id":1477,"kind":2048,"name":"valid","url":"interfaces/IFormChild.html#valid","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormChild"},{"id":1478,"kind":2048,"name":"getDOMNode","url":"interfaces/IFormChild.html#getDOMNode","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormChild"},{"id":1479,"kind":64,"name":"FormCheckboxField","url":"modules.html#FormCheckboxField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1480,"kind":4194304,"name":"IFormCheckboxFieldProps","url":"modules.html#IFormCheckboxFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1481,"kind":64,"name":"FormCheckboxGroupField","url":"modules.html#FormCheckboxGroupField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1482,"kind":4194304,"name":"IFormCheckboxGroupFieldProps","url":"modules.html#IFormCheckboxGroupFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1483,"kind":4194304,"name":"IFormColorPickerFieldProps","url":"modules.html#IFormColorPickerFieldProps","classes":"tsd-kind-type-alias"},{"id":1484,"kind":32,"name":"FormColorPickerField","url":"modules.html#FormColorPickerField","classes":"tsd-kind-variable"},{"id":1485,"kind":4194304,"name":"IFormCombinedDateRangePickerFieldProps","url":"modules.html#IFormCombinedDateRangePickerFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1486,"kind":64,"name":"FormCombinedDateRangePickerField","url":"modules.html#FormCombinedDateRangePickerField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1487,"kind":4194304,"name":"ICombinedFormTimeRangePickerFieldProps","url":"modules.html#ICombinedFormTimeRangePickerFieldProps","classes":"tsd-kind-type-alias"},{"id":1488,"kind":32,"name":"FormCombinedTimeRangePickerField","url":"modules.html#FormCombinedTimeRangePickerField","classes":"tsd-kind-variable"},{"id":1489,"kind":4194304,"name":"IFormDatePickerField","url":"modules.html#IFormDatePickerField","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1490,"kind":64,"name":"FormDatePickerField","url":"modules.html#FormDatePickerField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1491,"kind":4194304,"name":"IFormDateRangePickerFieldProps","url":"modules.html#IFormDateRangePickerFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1492,"kind":64,"name":"FormDateRangePickerField","url":"modules.html#FormDateRangePickerField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1493,"kind":4194304,"name":"IFormDateRangeQuickPickerFieldProps","url":"modules.html#IFormDateRangeQuickPickerFieldProps","classes":"tsd-kind-type-alias"},{"id":1494,"kind":32,"name":"FormDateRangeQuickPickerField","url":"modules.html#FormDateRangeQuickPickerField","classes":"tsd-kind-variable"},{"id":1495,"kind":4194304,"name":"IFormInputFieldProps","url":"modules.html#IFormInputFieldProps","classes":"tsd-kind-type-alias"},{"id":1496,"kind":32,"name":"FormInputField","url":"modules.html#FormInputField","classes":"tsd-kind-variable"},{"id":1497,"kind":4194304,"name":"IFormMonthPickerFieldProps","url":"modules.html#IFormMonthPickerFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1498,"kind":64,"name":"FormMonthPickerField","url":"modules.html#FormMonthPickerField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1499,"kind":64,"name":"FormNumberInputField","url":"modules.html#FormNumberInputField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1500,"kind":4194304,"name":"IFormNumberInputFieldProps","url":"modules.html#IFormNumberInputFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1501,"kind":4194304,"name":"IFormQuarterPickerFieldProps","url":"modules.html#IFormQuarterPickerFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1502,"kind":64,"name":"FormQuarterPickerField","url":"modules.html#FormQuarterPickerField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1503,"kind":64,"name":"FormRadioGroupField","url":"modules.html#FormRadioGroupField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1504,"kind":4194304,"name":"IFormRadioGroupFieldProps","url":"modules.html#IFormRadioGroupFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1505,"kind":64,"name":"FormSelectField","url":"modules.html#FormSelectField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1506,"kind":4194304,"name":"IFormSelectFieldProps","url":"modules.html#IFormSelectFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1507,"kind":4194304,"name":"IFormSwitchFieldProps","url":"modules.html#IFormSwitchFieldProps","classes":"tsd-kind-type-alias"},{"id":1508,"kind":32,"name":"FormSwitchField","url":"modules.html#FormSwitchField","classes":"tsd-kind-variable"},{"id":1509,"kind":4194304,"name":"IFormTimePickerField","url":"modules.html#IFormTimePickerField","classes":"tsd-kind-type-alias"},{"id":1510,"kind":32,"name":"FormTimePickerField","url":"modules.html#FormTimePickerField","classes":"tsd-kind-variable"},{"id":1511,"kind":4194304,"name":"IFormTimeRangePickerFieldProps","url":"modules.html#IFormTimeRangePickerFieldProps","classes":"tsd-kind-type-alias"},{"id":1512,"kind":32,"name":"FormTimeRangePickerField","url":"modules.html#FormTimeRangePickerField","classes":"tsd-kind-variable"},{"id":1513,"kind":4194304,"name":"IFormWeekPickerFieldProps","url":"modules.html#IFormWeekPickerFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1514,"kind":64,"name":"FormWeekPickerField","url":"modules.html#FormWeekPickerField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1515,"kind":4194304,"name":"IFormYearPickerFieldProps","url":"modules.html#IFormYearPickerFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1516,"kind":64,"name":"FormYearPickerField","url":"modules.html#FormYearPickerField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1517,"kind":64,"name":"FormSingleUploadField","url":"modules.html#FormSingleUploadField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1518,"kind":4194304,"name":"IFormSingleUploadFieldProps","url":"modules.html#IFormSingleUploadFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1519,"kind":64,"name":"FormImageUploadField","url":"modules.html#FormImageUploadField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1520,"kind":4194304,"name":"IFormImageUploadFieldProps","url":"modules.html#IFormImageUploadFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1521,"kind":64,"name":"FormUploadField","url":"modules.html#FormUploadField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1522,"kind":4194304,"name":"IFormUploadFieldProps","url":"modules.html#IFormUploadFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1523,"kind":256,"name":"IRenderError","url":"interfaces/IRenderError.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1524,"kind":256,"name":"IFormFieldViewDrivenProps","url":"interfaces/IFormFieldViewDrivenProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1525,"kind":1024,"name":"name","url":"interfaces/IFormFieldViewDrivenProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldViewDrivenProps"},{"id":1526,"kind":1024,"name":"defaultValue","url":"interfaces/IFormFieldViewDrivenProps.html#defaultValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldViewDrivenProps"},{"id":1527,"kind":1024,"name":"initialValue","url":"interfaces/IFormFieldViewDrivenProps.html#initialValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldViewDrivenProps"},{"id":1528,"kind":1024,"name":"validators","url":"interfaces/IFormFieldViewDrivenProps.html#validators","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldViewDrivenProps"},{"id":1529,"kind":1024,"name":"destroyOnUnmount","url":"interfaces/IFormFieldViewDrivenProps.html#destroyOnUnmount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldViewDrivenProps"},{"id":1530,"kind":1024,"name":"normalizeBeforeSubmit","url":"interfaces/IFormFieldViewDrivenProps.html#normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldViewDrivenProps"},{"id":1531,"kind":256,"name":"IFormFieldModelDrivenProps","url":"interfaces/IFormFieldModelDrivenProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1532,"kind":1024,"name":"model","url":"interfaces/IFormFieldModelDrivenProps.html#model","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldModelDrivenProps"},{"id":1533,"kind":1024,"name":"validators","url":"interfaces/IFormFieldModelDrivenProps.html#validators","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldModelDrivenProps"},{"id":1534,"kind":1024,"name":"defaultValue","url":"interfaces/IFormFieldModelDrivenProps.html#defaultValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldModelDrivenProps"},{"id":1535,"kind":1024,"name":"initialValue","url":"interfaces/IFormFieldModelDrivenProps.html#initialValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldModelDrivenProps"},{"id":1536,"kind":4194304,"name":"IFormFieldModelProps","url":"modules.html#IFormFieldModelProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1537,"kind":64,"name":"isViewDrivenProps","url":"modules.html#isViewDrivenProps","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1538,"kind":4,"name":"ValidateOccasion","url":"enums/ValidateOccasion.html","classes":"tsd-kind-enum"},{"id":1539,"kind":16,"name":"None","url":"enums/ValidateOccasion.html#None","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOccasion"},{"id":1540,"kind":16,"name":"Change","url":"enums/ValidateOccasion.html#Change","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOccasion"},{"id":1541,"kind":16,"name":"Blur","url":"enums/ValidateOccasion.html#Blur","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOccasion"},{"id":1542,"kind":16,"name":"Default","url":"enums/ValidateOccasion.html#Default","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"ValidateOccasion"},{"id":1543,"kind":4194304,"name":"IFormComponentProps","url":"modules.html#IFormComponentProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1544,"kind":256,"name":"IFormScrollToErrorOptions","url":"interfaces/IFormScrollToErrorOptions.html","classes":"tsd-kind-interface"},{"id":1545,"kind":1024,"name":"scrollContainer","url":"interfaces/IFormScrollToErrorOptions.html#scrollContainer","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormScrollToErrorOptions"},{"id":1546,"kind":1024,"name":"offsetX","url":"interfaces/IFormScrollToErrorOptions.html#offsetX","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormScrollToErrorOptions"},{"id":1547,"kind":1024,"name":"offsetY","url":"interfaces/IFormScrollToErrorOptions.html#offsetY","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormScrollToErrorOptions"},{"id":1548,"kind":256,"name":"IFormProps","url":"interfaces/IFormProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1549,"kind":1024,"name":"layout","url":"interfaces/IFormProps.html#layout","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormProps"},{"id":1550,"kind":1024,"name":"direction","url":"interfaces/IFormProps.html#direction","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormProps"},{"id":1551,"kind":1024,"name":"form","url":"interfaces/IFormProps.html#form","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormProps"},{"id":1552,"kind":1024,"name":"disabled","url":"interfaces/IFormProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormProps"},{"id":1553,"kind":1024,"name":"scrollToError","url":"interfaces/IFormProps.html#scrollToError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormProps"},{"id":1554,"kind":2048,"name":"willScrollToError","url":"interfaces/IFormProps.html#willScrollToError","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormProps"},{"id":1555,"kind":2048,"name":"onSubmit","url":"interfaces/IFormProps.html#onSubmit","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormProps"},{"id":1556,"kind":2048,"name":"onSubmitFail","url":"interfaces/IFormProps.html#onSubmitFail","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormProps"},{"id":1557,"kind":2048,"name":"onSubmitSuccess","url":"interfaces/IFormProps.html#onSubmitSuccess","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormProps"},{"id":1558,"kind":2048,"name":"onReset","url":"interfaces/IFormProps.html#onReset","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-overwrite","parent":"IFormProps"},{"id":1559,"kind":1024,"name":"disableEnterSubmit","url":"interfaces/IFormProps.html#disableEnterSubmit","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormProps"},{"id":1560,"kind":128,"name":"Form","url":"classes/Form.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1561,"kind":1024,"name":"displayName","url":"classes/Form.html#displayName","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1562,"kind":1024,"name":"CombineErrors","url":"classes/Form.html#CombineErrors","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1563,"kind":1024,"name":"useForm","url":"classes/Form.html#useForm","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1564,"kind":65536,"name":"__type","url":"classes/Form.html#__type-17","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1565,"kind":1024,"name":"useField","url":"classes/Form.html#useField","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1566,"kind":65536,"name":"__type","url":"classes/Form.html#__type-10","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1567,"kind":1024,"name":"useFieldArray","url":"classes/Form.html#useFieldArray","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1568,"kind":65536,"name":"__type","url":"classes/Form.html#__type-11","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1569,"kind":1024,"name":"useFieldSet","url":"classes/Form.html#useFieldSet","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1570,"kind":65536,"name":"__type","url":"classes/Form.html#__type-14","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1571,"kind":1024,"name":"useNamedChildModel","url":"classes/Form.html#useNamedChildModel","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1572,"kind":65536,"name":"__type","url":"classes/Form.html#__type-22","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1573,"kind":1024,"name":"useFieldArrayChildModels","url":"classes/Form.html#useFieldArrayChildModels","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1574,"kind":65536,"name":"__type","url":"classes/Form.html#__type-12","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1575,"kind":1024,"name":"useFieldArrayValue","url":"classes/Form.html#useFieldArrayValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1576,"kind":65536,"name":"__type","url":"classes/Form.html#__type-13","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1577,"kind":1024,"name":"field","url":"classes/Form.html#field","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1578,"kind":65536,"name":"__type","url":"classes/Form.html#__type-6","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1579,"kind":1024,"name":"set","url":"classes/Form.html#set","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1580,"kind":65536,"name":"__type","url":"classes/Form.html#__type-9","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1581,"kind":1024,"name":"array","url":"classes/Form.html#array","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1582,"kind":65536,"name":"__type","url":"classes/Form.html#__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1583,"kind":1024,"name":"form","url":"classes/Form.html#form","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1584,"kind":65536,"name":"__type","url":"classes/Form.html#__type-7","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1585,"kind":1024,"name":"FieldValue","url":"classes/Form.html#FieldValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1586,"kind":65536,"name":"__type","url":"classes/Form.html#__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1587,"kind":1024,"name":"FieldSetValue","url":"classes/Form.html#FieldSetValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1588,"kind":65536,"name":"__type","url":"classes/Form.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Form"},{"id":1589,"kind":1024,"name":"useFormValue","url":"classes/Form.html#useFormValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1590,"kind":65536,"name":"__type","url":"classes/Form.html#__type-19","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1591,"kind":1024,"name":"useFieldValue","url":"classes/Form.html#useFieldValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1592,"kind":65536,"name":"__type","url":"classes/Form.html#__type-16","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1593,"kind":1024,"name":"FieldValid","url":"classes/Form.html#FieldValid","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1594,"kind":65536,"name":"__type","url":"classes/Form.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1595,"kind":1024,"name":"useFormValid","url":"classes/Form.html#useFormValid","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1596,"kind":65536,"name":"__type","url":"classes/Form.html#__type-18","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1597,"kind":1024,"name":"useFieldValid","url":"classes/Form.html#useFieldValid","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1598,"kind":65536,"name":"__type","url":"classes/Form.html#__type-15","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1599,"kind":1024,"name":"useModelValue","url":"classes/Form.html#useModelValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1600,"kind":65536,"name":"__type","url":"classes/Form.html#__type-21","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1601,"kind":1024,"name":"useModelValid","url":"classes/Form.html#useModelValid","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1602,"kind":65536,"name":"__type","url":"classes/Form.html#__type-20","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1603,"kind":1024,"name":"ValidateOption","url":"classes/Form.html#ValidateOption","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1604,"kind":1024,"name":"createAsyncValidator","url":"classes/Form.html#createAsyncValidator","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1605,"kind":65536,"name":"__type","url":"classes/Form.html#__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1606,"kind":1024,"name":"isAsyncValidator","url":"classes/Form.html#isAsyncValidator","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1607,"kind":65536,"name":"__type","url":"classes/Form.html#__type-8","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Form"},{"id":1608,"kind":1024,"name":"ValidateOccasion","url":"classes/Form.html#ValidateOccasion","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1609,"kind":1024,"name":"TouchWhen","url":"classes/Form.html#TouchWhen","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Form"},{"id":1610,"kind":512,"name":"constructor","url":"classes/Form.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"Form"},{"id":1611,"kind":1024,"name":"formRef","url":"classes/Form.html#formRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Form"},{"id":1612,"kind":2048,"name":"scrollToFirstError","url":"classes/Form.html#scrollToFirstError","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Form"},{"id":1613,"kind":2048,"name":"componentDidMount","url":"classes/Form.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Form"},{"id":1614,"kind":2048,"name":"componentDidUpdate","url":"classes/Form.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Form"},{"id":1615,"kind":2048,"name":"componentWillUnmount","url":"classes/Form.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Form"},{"id":1616,"kind":2048,"name":"render","url":"classes/Form.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Form"},{"id":1617,"kind":65536,"name":"__type","url":"classes/Form.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Form"},{"id":1618,"kind":128,"name":"FormValidationError","url":"classes/FormValidationError.html","classes":"tsd-kind-class"},{"id":1619,"kind":512,"name":"constructor","url":"classes/FormValidationError.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"FormValidationError"},{"id":1620,"kind":256,"name":"IFormControlProps","url":"interfaces/IFormControlProps.html","classes":"tsd-kind-interface"},{"id":1621,"kind":1024,"name":"className","url":"interfaces/IFormControlProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormControlProps"},{"id":1622,"kind":1024,"name":"style","url":"interfaces/IFormControlProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormControlProps"},{"id":1623,"kind":1024,"name":"children","url":"interfaces/IFormControlProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormControlProps"},{"id":1624,"kind":1024,"name":"required","url":"interfaces/IFormControlProps.html#required","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormControlProps"},{"id":1625,"kind":1024,"name":"invalid","url":"interfaces/IFormControlProps.html#invalid","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormControlProps"},{"id":1626,"kind":1024,"name":"label","url":"interfaces/IFormControlProps.html#label","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormControlProps"},{"id":1627,"kind":1024,"name":"withoutLabel","url":"interfaces/IFormControlProps.html#withoutLabel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormControlProps"},{"id":1628,"kind":32,"name":"FormControl","url":"modules.html#FormControl","classes":"tsd-kind-variable"},{"id":1629,"kind":256,"name":"IFormErrorProps","url":"interfaces/IFormErrorProps.html","classes":"tsd-kind-interface"},{"id":1630,"kind":1024,"name":"className","url":"interfaces/IFormErrorProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormErrorProps"},{"id":1631,"kind":1024,"name":"style","url":"interfaces/IFormErrorProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormErrorProps"},{"id":1632,"kind":1024,"name":"children","url":"interfaces/IFormErrorProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormErrorProps"},{"id":1633,"kind":32,"name":"FormError","url":"modules.html#FormError","classes":"tsd-kind-variable"},{"id":1634,"kind":256,"name":"ILabelProps","url":"interfaces/ILabelProps.html","classes":"tsd-kind-interface"},{"id":1635,"kind":1024,"name":"required","url":"interfaces/ILabelProps.html#required","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILabelProps"},{"id":1636,"kind":32,"name":"Label","url":"modules.html#Label","classes":"tsd-kind-variable"},{"id":1637,"kind":64,"name":"defaultGetValidateOption","url":"modules.html#defaultGetValidateOption","classes":"tsd-kind-function"},{"id":1638,"kind":64,"name":"useInitialValue","url":"modules.html#useInitialValue","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1639,"kind":64,"name":"FormField","url":"modules.html#FormField","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1640,"kind":256,"name":"IFormFieldChildProps","url":"interfaces/IFormFieldChildProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1641,"kind":1024,"name":"value","url":"interfaces/IFormFieldChildProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldChildProps"},{"id":1642,"kind":2048,"name":"onChange","url":"interfaces/IFormFieldChildProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFormFieldChildProps"},{"id":1643,"kind":1024,"name":"onBlur","url":"interfaces/IFormFieldChildProps.html#onBlur","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldChildProps"},{"id":1644,"kind":1024,"name":"onCompositionStart","url":"interfaces/IFormFieldChildProps.html#onCompositionStart","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldChildProps"},{"id":1645,"kind":1024,"name":"onCompositionEnd","url":"interfaces/IFormFieldChildProps.html#onCompositionEnd","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormFieldChildProps"},{"id":1646,"kind":4194304,"name":"IFormFieldProps","url":"modules.html#IFormFieldProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1647,"kind":64,"name":"FieldSet","url":"modules.html#FieldSet","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":1648,"kind":256,"name":"IFieldSetBaseProps","url":"interfaces/IFieldSetBaseProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1649,"kind":1024,"name":"scrollAnchorRef","url":"interfaces/IFieldSetBaseProps.html#scrollAnchorRef","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFieldSetBaseProps"},{"id":1650,"kind":1024,"name":"validators","url":"interfaces/IFieldSetBaseProps.html#validators","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFieldSetBaseProps"},{"id":1651,"kind":1024,"name":"children","url":"interfaces/IFieldSetBaseProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFieldSetBaseProps"},{"id":1652,"kind":1024,"name":"renderError","url":"interfaces/IFieldSetBaseProps.html#renderError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFieldSetBaseProps"},{"id":1653,"kind":1024,"name":"modelRef","url":"interfaces/IFieldSetBaseProps.html#modelRef","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFieldSetBaseProps"},{"id":1654,"kind":256,"name":"IFieldSetModelDrivenProps","url":"interfaces/IFieldSetModelDrivenProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1655,"kind":1024,"name":"model","url":"interfaces/IFieldSetModelDrivenProps.html#model","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFieldSetModelDrivenProps"},{"id":1656,"kind":1024,"name":"scrollAnchorRef","url":"interfaces/IFieldSetModelDrivenProps.html#scrollAnchorRef","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetModelDrivenProps"},{"id":1657,"kind":1024,"name":"validators","url":"interfaces/IFieldSetModelDrivenProps.html#validators","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetModelDrivenProps"},{"id":1658,"kind":1024,"name":"children","url":"interfaces/IFieldSetModelDrivenProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetModelDrivenProps"},{"id":1659,"kind":1024,"name":"renderError","url":"interfaces/IFieldSetModelDrivenProps.html#renderError","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetModelDrivenProps"},{"id":1660,"kind":1024,"name":"modelRef","url":"interfaces/IFieldSetModelDrivenProps.html#modelRef","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetModelDrivenProps"},{"id":1661,"kind":256,"name":"IFieldSetViewDrivenProps","url":"interfaces/IFieldSetViewDrivenProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1662,"kind":1024,"name":"name","url":"interfaces/IFieldSetViewDrivenProps.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1663,"kind":1024,"name":"normalizeBeforeSubmit","url":"interfaces/IFieldSetViewDrivenProps.html#normalizeBeforeSubmit","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1664,"kind":1024,"name":"destroyOnUnmount","url":"interfaces/IFieldSetViewDrivenProps.html#destroyOnUnmount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1665,"kind":1024,"name":"scrollAnchorRef","url":"interfaces/IFieldSetViewDrivenProps.html#scrollAnchorRef","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1666,"kind":1024,"name":"validators","url":"interfaces/IFieldSetViewDrivenProps.html#validators","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1667,"kind":1024,"name":"children","url":"interfaces/IFieldSetViewDrivenProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1668,"kind":1024,"name":"renderError","url":"interfaces/IFieldSetViewDrivenProps.html#renderError","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1669,"kind":1024,"name":"modelRef","url":"interfaces/IFieldSetViewDrivenProps.html#modelRef","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IFieldSetViewDrivenProps"},{"id":1670,"kind":256,"name":"IFormDescriptionProps","url":"interfaces/IFormDescriptionProps.html","classes":"tsd-kind-interface"},{"id":1671,"kind":1024,"name":"className","url":"interfaces/IFormDescriptionProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormDescriptionProps"},{"id":1672,"kind":1024,"name":"style","url":"interfaces/IFormDescriptionProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormDescriptionProps"},{"id":1673,"kind":32,"name":"FormDescription","url":"modules.html#FormDescription","classes":"tsd-kind-variable"},{"id":1674,"kind":256,"name":"ICombineErrorsProps","url":"interfaces/ICombineErrorsProps.html","classes":"tsd-kind-interface"},{"id":1675,"kind":1024,"name":"names","url":"interfaces/ICombineErrorsProps.html#names","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICombineErrorsProps"},{"id":1676,"kind":1024,"name":"models","url":"interfaces/ICombineErrorsProps.html#models","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICombineErrorsProps"},{"id":1677,"kind":2048,"name":"children","url":"interfaces/ICombineErrorsProps.html#children","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICombineErrorsProps"},{"id":1678,"kind":256,"name":"ICombineErrorState","url":"interfaces/ICombineErrorState.html","classes":"tsd-kind-interface"},{"id":1679,"kind":1024,"name":"error","url":"interfaces/ICombineErrorState.html#error","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICombineErrorState"},{"id":1680,"kind":128,"name":"CombineErrors","url":"classes/CombineErrors.html","classes":"tsd-kind-class"},{"id":1681,"kind":1024,"name":"contextType","url":"classes/CombineErrors.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"CombineErrors"},{"id":1682,"kind":512,"name":"constructor","url":"classes/CombineErrors.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"CombineErrors"},{"id":1683,"kind":1024,"name":"context","url":"classes/CombineErrors.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"CombineErrors"},{"id":1684,"kind":1024,"name":"state","url":"classes/CombineErrors.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"CombineErrors"},{"id":1685,"kind":2048,"name":"setError","url":"classes/CombineErrors.html#setError","classes":"tsd-kind-method tsd-parent-kind-class","parent":"CombineErrors"},{"id":1686,"kind":2048,"name":"subscribe","url":"classes/CombineErrors.html#subscribe","classes":"tsd-kind-method tsd-parent-kind-class","parent":"CombineErrors"},{"id":1687,"kind":2048,"name":"unsubscribe","url":"classes/CombineErrors.html#unsubscribe","classes":"tsd-kind-method tsd-parent-kind-class","parent":"CombineErrors"},{"id":1688,"kind":2048,"name":"shouldComponentUpdate","url":"classes/CombineErrors.html#shouldComponentUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CombineErrors"},{"id":1689,"kind":2048,"name":"componentDidMount","url":"classes/CombineErrors.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CombineErrors"},{"id":1690,"kind":2048,"name":"componentDidUpdate","url":"classes/CombineErrors.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CombineErrors"},{"id":1691,"kind":2048,"name":"componentWillUnmount","url":"classes/CombineErrors.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CombineErrors"},{"id":1692,"kind":2048,"name":"render","url":"classes/CombineErrors.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"CombineErrors"},{"id":1693,"kind":65536,"name":"__type","url":"classes/CombineErrors.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"CombineErrors"},{"id":1694,"kind":256,"name":"IFormNoticeProps","url":"interfaces/IFormNoticeProps.html","classes":"tsd-kind-interface"},{"id":1695,"kind":1024,"name":"className","url":"interfaces/IFormNoticeProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormNoticeProps"},{"id":1696,"kind":1024,"name":"style","url":"interfaces/IFormNoticeProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFormNoticeProps"},{"id":1697,"kind":32,"name":"FormNotice","url":"modules.html#FormNotice","classes":"tsd-kind-variable"},{"id":1698,"kind":256,"name":"IGridProps","url":"interfaces/IGridProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1699,"kind":1024,"name":"size","url":"interfaces/IGridProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1700,"kind":1024,"name":"columns","url":"interfaces/IGridProps.html#columns","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1701,"kind":1024,"name":"datasets","url":"interfaces/IGridProps.html#datasets","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1702,"kind":1024,"name":"rowKey","url":"interfaces/IGridProps.html#rowKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1703,"kind":1024,"name":"tableLayout","url":"interfaces/IGridProps.html#tableLayout","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1704,"kind":2048,"name":"onChange","url":"interfaces/IGridProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridProps"},{"id":1705,"kind":1024,"name":"scroll","url":"interfaces/IGridProps.html#scroll","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1706,"kind":1024,"name":"sortBy","url":"interfaces/IGridProps.html#sortBy","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1707,"kind":1024,"name":"sortType","url":"interfaces/IGridProps.html#sortType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1708,"kind":1024,"name":"defaultSortType","url":"interfaces/IGridProps.html#defaultSortType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1709,"kind":1024,"name":"emptyLabel","url":"interfaces/IGridProps.html#emptyLabel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1710,"kind":1024,"name":"selection","url":"interfaces/IGridProps.html#selection","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1711,"kind":1024,"name":"expandation","url":"interfaces/IGridProps.html#expandation","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1712,"kind":1024,"name":"loading","url":"interfaces/IGridProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1713,"kind":1024,"name":"bordered","url":"interfaces/IGridProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1714,"kind":1024,"name":"className","url":"interfaces/IGridProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1715,"kind":1024,"name":"rowClassName","url":"interfaces/IGridProps.html#rowClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1716,"kind":1024,"name":"pageInfo","url":"interfaces/IGridProps.html#pageInfo","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1717,"kind":1024,"name":"paginationType","url":"interfaces/IGridProps.html#paginationType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1718,"kind":1024,"name":"onRowClick","url":"interfaces/IGridProps.html#onRowClick","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1719,"kind":1024,"name":"ellipsis","url":"interfaces/IGridProps.html#ellipsis","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1720,"kind":1024,"name":"onExpand","url":"interfaces/IGridProps.html#onExpand","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1721,"kind":1024,"name":"components","url":"interfaces/IGridProps.html#components","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1722,"kind":65536,"name":"__type","url":"interfaces/IGridProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IGridProps"},{"id":1723,"kind":1024,"name":"row","url":"interfaces/IGridProps.html#__type.row","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"IGridProps.__type"},{"id":1724,"kind":2048,"name":"rowProps","url":"interfaces/IGridProps.html#rowProps","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridProps"},{"id":1725,"kind":1024,"name":"batchRender","url":"interfaces/IGridProps.html#batchRender","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1726,"kind":1024,"name":"stickyBatch","url":"interfaces/IGridProps.html#stickyBatch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1727,"kind":1024,"name":"autoStick","url":"interfaces/IGridProps.html#autoStick","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1728,"kind":1024,"name":"autoStickOffsetTop","url":"interfaces/IGridProps.html#autoStickOffsetTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1729,"kind":1024,"name":"disableHoverHighlight","url":"interfaces/IGridProps.html#disableHoverHighlight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1730,"kind":1024,"name":"loadingProps","url":"interfaces/IGridProps.html#loadingProps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridProps"},{"id":1731,"kind":256,"name":"IGridState","url":"interfaces/IGridState.html","classes":"tsd-kind-interface"},{"id":1732,"kind":1024,"name":"mouseOverRowIndex","url":"interfaces/IGridState.html#mouseOverRowIndex","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1733,"kind":1024,"name":"fixedColumnsBodyRowsHeight","url":"interfaces/IGridState.html#fixedColumnsBodyRowsHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1734,"kind":1024,"name":"fixedColumnsHeadRowsHeight","url":"interfaces/IGridState.html#fixedColumnsHeadRowsHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1735,"kind":1024,"name":"fixedColumnsBodyExpandRowsHeight","url":"interfaces/IGridState.html#fixedColumnsBodyExpandRowsHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1736,"kind":1024,"name":"expandRowKeys","url":"interfaces/IGridState.html#expandRowKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1737,"kind":1024,"name":"showStickHead","url":"interfaces/IGridState.html#showStickHead","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1738,"kind":1024,"name":"tableWidth","url":"interfaces/IGridState.html#tableWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1739,"kind":1024,"name":"marginLeft","url":"interfaces/IGridState.html#marginLeft","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridState"},{"id":1740,"kind":256,"name":"IGridInnerColumn","url":"interfaces/IGridInnerColumn.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1741,"kind":1024,"name":"key","url":"interfaces/IGridInnerColumn.html#key","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridInnerColumn"},{"id":1742,"kind":1024,"name":"title","url":"interfaces/IGridInnerColumn.html#title","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1743,"kind":1024,"name":"name","url":"interfaces/IGridInnerColumn.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1744,"kind":1024,"name":"width","url":"interfaces/IGridInnerColumn.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1745,"kind":1024,"name":"bodyRender","url":"interfaces/IGridInnerColumn.html#bodyRender","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1746,"kind":1024,"name":"className","url":"interfaces/IGridInnerColumn.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1747,"kind":1024,"name":"needSort","url":"interfaces/IGridInnerColumn.html#needSort","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1748,"kind":1024,"name":"rowSpan","url":"interfaces/IGridInnerColumn.html#rowSpan","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1749,"kind":1024,"name":"colSpan","url":"interfaces/IGridInnerColumn.html#colSpan","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1750,"kind":1024,"name":"fixed","url":"interfaces/IGridInnerColumn.html#fixed","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1751,"kind":2048,"name":"onCellClick","url":"interfaces/IGridInnerColumn.html#onCellClick","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1752,"kind":1024,"name":"textAlign","url":"interfaces/IGridInnerColumn.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1753,"kind":1024,"name":"nowrap","url":"interfaces/IGridInnerColumn.html#nowrap","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1754,"kind":1024,"name":"noWrap","url":"interfaces/IGridInnerColumn.html#noWrap","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1755,"kind":1024,"name":"defaultText","url":"interfaces/IGridInnerColumn.html#defaultText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1756,"kind":2048,"name":"isValueEmpty","url":"interfaces/IGridInnerColumn.html#isValueEmpty","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1757,"kind":1024,"name":"children","url":"interfaces/IGridInnerColumn.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IGridInnerColumn"},{"id":1758,"kind":128,"name":"Grid","url":"classes/Grid.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1759,"kind":1024,"name":"defaultProps","url":"classes/Grid.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Grid"},{"id":1760,"kind":512,"name":"constructor","url":"classes/Grid.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"Grid"},{"id":1761,"kind":1024,"name":"mounted","url":"classes/Grid.html#mounted","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1762,"kind":1024,"name":"selectionPropsCache","url":"classes/Grid.html#selectionPropsCache","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1763,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-8","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1764,"kind":1024,"name":"store","url":"classes/Grid.html#store","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1765,"kind":1024,"name":"gridNode","url":"classes/Grid.html#gridNode","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1766,"kind":1024,"name":"footNode","url":"classes/Grid.html#footNode","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1767,"kind":1024,"name":"footEl","url":"classes/Grid.html#footEl","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1768,"kind":1024,"name":"headerEl","url":"classes/Grid.html#headerEl","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1769,"kind":1024,"name":"headerNode","url":"classes/Grid.html#headerNode","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1770,"kind":1024,"name":"bodyTable","url":"classes/Grid.html#bodyTable","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1771,"kind":1024,"name":"leftBody","url":"classes/Grid.html#leftBody","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1772,"kind":1024,"name":"rightBody","url":"classes/Grid.html#rightBody","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1773,"kind":1024,"name":"scrollBody","url":"classes/Grid.html#scrollBody","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1774,"kind":1024,"name":"scrollHeader","url":"classes/Grid.html#scrollHeader","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1775,"kind":1024,"name":"scrollPosition","url":"classes/Grid.html#scrollPosition","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1776,"kind":1024,"name":"lastScrollLeft","url":"classes/Grid.html#lastScrollLeft","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1777,"kind":1024,"name":"lastScrollTop","url":"classes/Grid.html#lastScrollTop","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1778,"kind":1024,"name":"stickyHead","url":"classes/Grid.html#stickyHead","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1779,"kind":2048,"name":"getExpandRowKeys","url":"classes/Grid.html#getExpandRowKeys","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1780,"kind":2048,"name":"syncFixedTableRowHeight","url":"classes/Grid.html#syncFixedTableRowHeight","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1781,"kind":2048,"name":"onChange","url":"classes/Grid.html#onChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1782,"kind":2048,"name":"onPaginationChange","url":"classes/Grid.html#onPaginationChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1783,"kind":2048,"name":"getDataKey","url":"classes/Grid.html#getDataKey","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1784,"kind":1024,"name":"isAnyColumnsFixed","url":"classes/Grid.html#isAnyColumnsFixed","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1785,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1786,"kind":1024,"name":"isAnyColumnsLeftFixed","url":"classes/Grid.html#isAnyColumnsLeftFixed","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1787,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1788,"kind":1024,"name":"isAnyColumnsRightFixed","url":"classes/Grid.html#isAnyColumnsRightFixed","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1789,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1790,"kind":2048,"name":"getLeftColumns","url":"classes/Grid.html#getLeftColumns","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1791,"kind":2048,"name":"getRightColumns","url":"classes/Grid.html#getRightColumns","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1792,"kind":2048,"name":"handleExpandRow","url":"classes/Grid.html#handleExpandRow","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1793,"kind":1024,"name":"getExpandBodyRender","url":"classes/Grid.html#getExpandBodyRender","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1794,"kind":65536,"name":"__type","url":"classes/Grid.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1795,"kind":2048,"name":"getSelectionColumn","url":"classes/Grid.html#getSelectionColumn","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1796,"kind":2048,"name":"getColumns","url":"classes/Grid.html#getColumns","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1797,"kind":2048,"name":"getBatchFixedStyle","url":"classes/Grid.html#getBatchFixedStyle","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1798,"kind":2048,"name":"getBatchComponents","url":"classes/Grid.html#getBatchComponents","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1799,"kind":2048,"name":"getLeftFixedTable","url":"classes/Grid.html#getLeftFixedTable","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1800,"kind":2048,"name":"getRightFixedTable","url":"classes/Grid.html#getRightFixedTable","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1801,"kind":2048,"name":"setScrollPosition","url":"classes/Grid.html#setScrollPosition","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1802,"kind":2048,"name":"setScrollPositionClassName","url":"classes/Grid.html#setScrollPositionClassName","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1803,"kind":2048,"name":"forceScroll","url":"classes/Grid.html#forceScroll","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1804,"kind":1024,"name":"handleBodyScrollRunOnceNextFrame","url":"classes/Grid.html#handleBodyScrollRunOnceNextFrame","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1805,"kind":2048,"name":"handleBodyScroll","url":"classes/Grid.html#handleBodyScroll","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1806,"kind":2048,"name":"onResize","url":"classes/Grid.html#onResize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1807,"kind":2048,"name":"onRowMouseEnter","url":"classes/Grid.html#onRowMouseEnter","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1808,"kind":2048,"name":"getTable","url":"classes/Grid.html#getTable","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1809,"kind":2048,"name":"getEmpty","url":"classes/Grid.html#getEmpty","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1810,"kind":2048,"name":"getSelectionPropsByItem","url":"classes/Grid.html#getSelectionPropsByItem","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1811,"kind":2048,"name":"isFixedLayout","url":"classes/Grid.html#isFixedLayout","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1812,"kind":2048,"name":"onSelectChange","url":"classes/Grid.html#onSelectChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1813,"kind":2048,"name":"handleSelect","url":"classes/Grid.html#handleSelect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1814,"kind":1024,"name":"handleBatchSelect","url":"classes/Grid.html#handleBatchSelect","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1815,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1816,"kind":1024,"name":"renderSelectionCheckbox","url":"classes/Grid.html#renderSelectionCheckbox","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1817,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-6","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1818,"kind":1024,"name":"renderSelectionRadio","url":"classes/Grid.html#renderSelectionRadio","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Grid"},{"id":1819,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-7","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1820,"kind":2048,"name":"toggleBatchComponents","url":"classes/Grid.html#toggleBatchComponents","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1821,"kind":2048,"name":"onScroll","url":"classes/Grid.html#onScroll","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1822,"kind":2048,"name":"getStickyHead","url":"classes/Grid.html#getStickyHead","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1823,"kind":2048,"name":"setStickyHeadWidth","url":"classes/Grid.html#setStickyHeadWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Grid"},{"id":1824,"kind":2048,"name":"componentDidMount","url":"classes/Grid.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Grid"},{"id":1825,"kind":2048,"name":"componentWillUnmount","url":"classes/Grid.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Grid"},{"id":1826,"kind":2048,"name":"componentWillReceiveProps","url":"classes/Grid.html#componentWillReceiveProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Grid"},{"id":1827,"kind":2048,"name":"componentDidUpdate","url":"classes/Grid.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Grid"},{"id":1828,"kind":2048,"name":"render","url":"classes/Grid.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Grid"},{"id":1829,"kind":65536,"name":"__type","url":"classes/Grid.html#__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Grid"},{"id":1830,"kind":4194304,"name":"GridPaginationType","url":"modules.html#GridPaginationType","classes":"tsd-kind-type-alias"},{"id":1831,"kind":4194304,"name":"GridScrollPosition","url":"modules.html#GridScrollPosition","classes":"tsd-kind-type-alias"},{"id":1832,"kind":4194304,"name":"GridTextAlign","url":"modules.html#GridTextAlign","classes":"tsd-kind-type-alias"},{"id":1833,"kind":4194304,"name":"GridSortType","url":"modules.html#GridSortType","classes":"tsd-kind-type-alias"},{"id":1834,"kind":4194304,"name":"GridFixedType","url":"modules.html#GridFixedType","classes":"tsd-kind-type-alias"},{"id":1835,"kind":4194304,"name":"IGridInnerFixedType","url":"modules.html#IGridInnerFixedType","classes":"tsd-kind-type-alias"},{"id":1836,"kind":4194304,"name":"GridRowClassNameType","url":"modules.html#GridRowClassNameType","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1837,"kind":256,"name":"IGridScrollDelta","url":"interfaces/IGridScrollDelta.html","classes":"tsd-kind-interface"},{"id":1838,"kind":1024,"name":"x","url":"interfaces/IGridScrollDelta.html#x","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridScrollDelta"},{"id":1839,"kind":1024,"name":"y","url":"interfaces/IGridScrollDelta.html#y","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridScrollDelta"},{"id":1840,"kind":256,"name":"IGridPageInfo","url":"interfaces/IGridPageInfo.html","classes":"tsd-kind-interface"},{"id":1841,"kind":1024,"name":"current","url":"interfaces/IGridPageInfo.html#current","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridPageInfo"},{"id":1842,"kind":1024,"name":"total","url":"interfaces/IGridPageInfo.html#total","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridPageInfo"},{"id":1843,"kind":1024,"name":"pageSize","url":"interfaces/IGridPageInfo.html#pageSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridPageInfo"},{"id":1844,"kind":1024,"name":"pageSizeOptions","url":"interfaces/IGridPageInfo.html#pageSizeOptions","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridPageInfo"},{"id":1845,"kind":4194304,"name":"IGridColumnBodyRenderFunc","url":"modules.html#IGridColumnBodyRenderFunc","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1846,"kind":65536,"name":"__type","url":"modules.html#IGridColumnBodyRenderFunc.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IGridColumnBodyRenderFunc"},{"id":1847,"kind":256,"name":"IGridColumn","url":"interfaces/IGridColumn.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1848,"kind":1024,"name":"title","url":"interfaces/IGridColumn.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1849,"kind":1024,"name":"name","url":"interfaces/IGridColumn.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1850,"kind":1024,"name":"width","url":"interfaces/IGridColumn.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1851,"kind":1024,"name":"bodyRender","url":"interfaces/IGridColumn.html#bodyRender","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1852,"kind":1024,"name":"className","url":"interfaces/IGridColumn.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1853,"kind":1024,"name":"needSort","url":"interfaces/IGridColumn.html#needSort","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1854,"kind":1024,"name":"rowSpan","url":"interfaces/IGridColumn.html#rowSpan","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1855,"kind":1024,"name":"colSpan","url":"interfaces/IGridColumn.html#colSpan","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1856,"kind":1024,"name":"fixed","url":"interfaces/IGridColumn.html#fixed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1857,"kind":2048,"name":"onCellClick","url":"interfaces/IGridColumn.html#onCellClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1858,"kind":1024,"name":"textAlign","url":"interfaces/IGridColumn.html#textAlign","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1859,"kind":1024,"name":"nowrap","url":"interfaces/IGridColumn.html#nowrap","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1860,"kind":1024,"name":"noWrap","url":"interfaces/IGridColumn.html#noWrap","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1861,"kind":1024,"name":"defaultText","url":"interfaces/IGridColumn.html#defaultText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1862,"kind":2048,"name":"isValueEmpty","url":"interfaces/IGridColumn.html#isValueEmpty","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1863,"kind":1024,"name":"children","url":"interfaces/IGridColumn.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridColumn"},{"id":1864,"kind":4194304,"name":"GridColumnContextType","url":"modules.html#GridColumnContextType","classes":"tsd-kind-type-alias"},{"id":1865,"kind":256,"name":"IGridOnChangeConfig","url":"interfaces/IGridOnChangeConfig.html","classes":"tsd-kind-interface"},{"id":1866,"kind":1024,"name":"current","url":"interfaces/IGridOnChangeConfig.html#current","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridOnChangeConfig"},{"id":1867,"kind":1024,"name":"pageSize","url":"interfaces/IGridOnChangeConfig.html#pageSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridOnChangeConfig"},{"id":1868,"kind":1024,"name":"sortBy","url":"interfaces/IGridOnChangeConfig.html#sortBy","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridOnChangeConfig"},{"id":1869,"kind":1024,"name":"sortType","url":"interfaces/IGridOnChangeConfig.html#sortType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridOnChangeConfig"},{"id":1870,"kind":256,"name":"IGridSelectionProps","url":"interfaces/IGridSelectionProps.html","classes":"tsd-kind-interface"},{"id":1871,"kind":1024,"name":"disabled","url":"interfaces/IGridSelectionProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridSelectionProps"},{"id":1872,"kind":1024,"name":"reason","url":"interfaces/IGridSelectionProps.html#reason","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridSelectionProps"},{"id":1873,"kind":256,"name":"IGridSelection","url":"interfaces/IGridSelection.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1874,"kind":1024,"name":"isSingleSelection","url":"interfaces/IGridSelection.html#isSingleSelection","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridSelection"},{"id":1875,"kind":1024,"name":"selectedRowKeys","url":"interfaces/IGridSelection.html#selectedRowKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridSelection"},{"id":1876,"kind":2048,"name":"onSelect","url":"interfaces/IGridSelection.html#onSelect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridSelection"},{"id":1877,"kind":2048,"name":"getSelectionProps","url":"interfaces/IGridSelection.html#getSelectionProps","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridSelection"},{"id":1878,"kind":2048,"name":"getCheckboxProps","url":"interfaces/IGridSelection.html#getCheckboxProps","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridSelection"},{"id":1879,"kind":256,"name":"IGridExpandation","url":"interfaces/IGridExpandation.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":1880,"kind":2048,"name":"isExpanded","url":"interfaces/IGridExpandation.html#isExpanded","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridExpandation"},{"id":1881,"kind":2048,"name":"isExpandable","url":"interfaces/IGridExpandation.html#isExpandable","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridExpandation"},{"id":1882,"kind":2048,"name":"expandRender","url":"interfaces/IGridExpandation.html#expandRender","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IGridExpandation"},{"id":1883,"kind":4194304,"name":"IGridRowClickHandler","url":"modules.html#IGridRowClickHandler","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1884,"kind":65536,"name":"__type","url":"modules.html#IGridRowClickHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IGridRowClickHandler"},{"id":1885,"kind":4194304,"name":"IGridOnExpandHandler","url":"modules.html#IGridOnExpandHandler","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":1886,"kind":65536,"name":"__type","url":"modules.html#IGridOnExpandHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IGridOnExpandHandler"},{"id":1887,"kind":256,"name":"IGridCellPos","url":"interfaces/IGridCellPos.html","classes":"tsd-kind-interface"},{"id":1888,"kind":1024,"name":"row","url":"interfaces/IGridCellPos.html#row","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridCellPos"},{"id":1889,"kind":1024,"name":"column","url":"interfaces/IGridCellPos.html#column","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridCellPos"},{"id":1890,"kind":1024,"name":"fixed","url":"interfaces/IGridCellPos.html#fixed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IGridCellPos"},{"id":1891,"kind":4194304,"name":"IGridBatchRender","url":"modules.html#IGridBatchRender","classes":"tsd-kind-type-alias"},{"id":1892,"kind":65536,"name":"__type","url":"modules.html#IGridBatchRender.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IGridBatchRender"},{"id":1893,"kind":32,"name":"GridColumnProvider","url":"modules.html#GridColumnProvider","classes":"tsd-kind-variable"},{"id":1894,"kind":128,"name":"I18nReceiver","url":"classes/I18nReceiver.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":1895,"kind":1024,"name":"contextType","url":"classes/I18nReceiver.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"I18nReceiver"},{"id":1896,"kind":512,"name":"constructor","url":"classes/I18nReceiver.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"I18nReceiver"},{"id":1897,"kind":1024,"name":"context","url":"classes/I18nReceiver.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"I18nReceiver"},{"id":1898,"kind":2048,"name":"receive","url":"classes/I18nReceiver.html#receive","classes":"tsd-kind-method tsd-parent-kind-class","parent":"I18nReceiver"},{"id":1899,"kind":2048,"name":"render","url":"classes/I18nReceiver.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"I18nReceiver"},{"id":1900,"kind":65536,"name":"__type","url":"classes/I18nReceiver.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"I18nReceiver"},{"id":1901,"kind":2,"name":"enUSLocale","url":"modules/enUSLocale.html","classes":"tsd-kind-namespace"},{"id":1902,"kind":32,"name":"mark","url":"modules/enUSLocale.html#mark","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1903,"kind":32,"name":"CopyButton","url":"modules/enUSLocale.html#CopyButton","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1904,"kind":32,"name":"Pagination","url":"modules/enUSLocale.html#Pagination","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1905,"kind":32,"name":"Pop","url":"modules/enUSLocale.html#Pop","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1906,"kind":32,"name":"PreviewImage","url":"modules/enUSLocale.html#PreviewImage","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1907,"kind":32,"name":"RangePicker","url":"modules/enUSLocale.html#RangePicker","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1908,"kind":32,"name":"Select","url":"modules/enUSLocale.html#Select","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1909,"kind":32,"name":"Sweetalert","url":"modules/enUSLocale.html#Sweetalert","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1910,"kind":32,"name":"Switch","url":"modules/enUSLocale.html#Switch","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1911,"kind":32,"name":"Grid","url":"modules/enUSLocale.html#Grid","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1912,"kind":32,"name":"Cascader","url":"modules/enUSLocale.html#Cascader","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1913,"kind":64,"name":"TimePicker","url":"modules/enUSLocale.html#TimePicker","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1914,"kind":32,"name":"Upload","url":"modules/enUSLocale.html#Upload","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1915,"kind":32,"name":"Mention","url":"modules/enUSLocale.html#Mention","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1916,"kind":32,"name":"Transfer","url":"modules/enUSLocale.html#Transfer","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1917,"kind":32,"name":"Form","url":"modules/enUSLocale.html#Form","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1918,"kind":32,"name":"NumberInput","url":"modules/enUSLocale.html#NumberInput","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"enUSLocale"},{"id":1919,"kind":2,"name":"zhCNLocale","url":"modules/zhCNLocale.html","classes":"tsd-kind-namespace"},{"id":1920,"kind":32,"name":"mark","url":"modules/zhCNLocale.html#mark","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1921,"kind":32,"name":"CopyButton","url":"modules/zhCNLocale.html#CopyButton","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1922,"kind":32,"name":"Pagination","url":"modules/zhCNLocale.html#Pagination","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1923,"kind":32,"name":"Pop","url":"modules/zhCNLocale.html#Pop","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1924,"kind":32,"name":"PreviewImage","url":"modules/zhCNLocale.html#PreviewImage","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1925,"kind":32,"name":"RangePicker","url":"modules/zhCNLocale.html#RangePicker","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1926,"kind":32,"name":"Select","url":"modules/zhCNLocale.html#Select","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1927,"kind":32,"name":"Switch","url":"modules/zhCNLocale.html#Switch","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1928,"kind":32,"name":"Sweetalert","url":"modules/zhCNLocale.html#Sweetalert","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1929,"kind":32,"name":"Grid","url":"modules/zhCNLocale.html#Grid","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1930,"kind":32,"name":"Cascader","url":"modules/zhCNLocale.html#Cascader","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1931,"kind":64,"name":"TimePicker","url":"modules/zhCNLocale.html#TimePicker","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1932,"kind":32,"name":"Upload","url":"modules/zhCNLocale.html#Upload","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1933,"kind":32,"name":"Mention","url":"modules/zhCNLocale.html#Mention","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1934,"kind":32,"name":"Transfer","url":"modules/zhCNLocale.html#Transfer","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1935,"kind":32,"name":"Form","url":"modules/zhCNLocale.html#Form","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1936,"kind":32,"name":"NumberInput","url":"modules/zhCNLocale.html#NumberInput","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"zhCNLocale"},{"id":1937,"kind":2,"name":"jaJPLocale","url":"modules/jaJPLocale.html","classes":"tsd-kind-namespace"},{"id":1938,"kind":32,"name":"mark","url":"modules/jaJPLocale.html#mark","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1939,"kind":32,"name":"CopyButton","url":"modules/jaJPLocale.html#CopyButton","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1940,"kind":32,"name":"Pagination","url":"modules/jaJPLocale.html#Pagination","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1941,"kind":32,"name":"Pop","url":"modules/jaJPLocale.html#Pop","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1942,"kind":32,"name":"PreviewImage","url":"modules/jaJPLocale.html#PreviewImage","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1943,"kind":32,"name":"RangePicker","url":"modules/jaJPLocale.html#RangePicker","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1944,"kind":32,"name":"Select","url":"modules/jaJPLocale.html#Select","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1945,"kind":32,"name":"Sweetalert","url":"modules/jaJPLocale.html#Sweetalert","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1946,"kind":32,"name":"Switch","url":"modules/jaJPLocale.html#Switch","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1947,"kind":32,"name":"Grid","url":"modules/jaJPLocale.html#Grid","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1948,"kind":32,"name":"Cascader","url":"modules/jaJPLocale.html#Cascader","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1949,"kind":64,"name":"TimePicker","url":"modules/jaJPLocale.html#TimePicker","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1950,"kind":32,"name":"Upload","url":"modules/jaJPLocale.html#Upload","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1951,"kind":32,"name":"Mention","url":"modules/jaJPLocale.html#Mention","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1952,"kind":32,"name":"Transfer","url":"modules/jaJPLocale.html#Transfer","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1953,"kind":32,"name":"Form","url":"modules/jaJPLocale.html#Form","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1954,"kind":32,"name":"NumberInput","url":"modules/jaJPLocale.html#NumberInput","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"jaJPLocale"},{"id":1955,"kind":256,"name":"II18nLocaleCommon","url":"interfaces/II18nLocaleCommon.html","classes":"tsd-kind-interface"},{"id":1956,"kind":1024,"name":"confirm","url":"interfaces/II18nLocaleCommon.html#confirm","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCommon"},{"id":1957,"kind":1024,"name":"cancel","url":"interfaces/II18nLocaleCommon.html#cancel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCommon"},{"id":1958,"kind":1024,"name":"ok","url":"interfaces/II18nLocaleCommon.html#ok","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCommon"},{"id":1959,"kind":1024,"name":"comma","url":"interfaces/II18nLocaleCommon.html#comma","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCommon"},{"id":1960,"kind":1024,"name":"reset","url":"interfaces/II18nLocaleCommon.html#reset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCommon"},{"id":1961,"kind":256,"name":"II18nLocaleCopyButton","url":"interfaces/II18nLocaleCopyButton.html","classes":"tsd-kind-interface"},{"id":1962,"kind":1024,"name":"copy","url":"interfaces/II18nLocaleCopyButton.html#copy","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCopyButton"},{"id":1963,"kind":1024,"name":"success","url":"interfaces/II18nLocaleCopyButton.html#success","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCopyButton"},{"id":1964,"kind":1024,"name":"error","url":"interfaces/II18nLocaleCopyButton.html#error","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCopyButton"},{"id":1965,"kind":256,"name":"II18nLocalePagination","url":"interfaces/II18nLocalePagination.html","classes":"tsd-kind-interface"},{"id":1966,"kind":2048,"name":"jumpTo","url":"interfaces/II18nLocalePagination.html#jumpTo","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"II18nLocalePagination"},{"id":1967,"kind":2048,"name":"pageStats","url":"interfaces/II18nLocalePagination.html#pageStats","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"II18nLocalePagination"},{"id":1968,"kind":2048,"name":"pageStatsStatic","url":"interfaces/II18nLocalePagination.html#pageStatsStatic","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"II18nLocalePagination"},{"id":1969,"kind":1024,"name":"selectWidth","url":"interfaces/II18nLocalePagination.html#selectWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocalePagination"},{"id":1970,"kind":1024,"name":"items","url":"interfaces/II18nLocalePagination.html#items","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocalePagination"},{"id":1971,"kind":4194304,"name":"II18nLocalePop","url":"modules.html#II18nLocalePop","classes":"tsd-kind-type-alias"},{"id":1972,"kind":256,"name":"II18nLocalePreviewImage","url":"interfaces/II18nLocalePreviewImage.html","classes":"tsd-kind-interface"},{"id":1973,"kind":1024,"name":"alt","url":"interfaces/II18nLocalePreviewImage.html#alt","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocalePreviewImage"},{"id":1974,"kind":1024,"name":"prev","url":"interfaces/II18nLocalePreviewImage.html#prev","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocalePreviewImage"},{"id":1975,"kind":1024,"name":"next","url":"interfaces/II18nLocalePreviewImage.html#next","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocalePreviewImage"},{"id":1976,"kind":1024,"name":"rotate","url":"interfaces/II18nLocalePreviewImage.html#rotate","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocalePreviewImage"},{"id":1977,"kind":256,"name":"II18nLocaleRangePicker","url":"interfaces/II18nLocaleRangePicker.html","classes":"tsd-kind-interface"},{"id":1978,"kind":1024,"name":"7","url":"interfaces/II18nLocaleRangePicker.html#7","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleRangePicker"},{"id":1979,"kind":1024,"name":"30","url":"interfaces/II18nLocaleRangePicker.html#30","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleRangePicker"},{"id":1980,"kind":256,"name":"II18nLocaleSelect","url":"interfaces/II18nLocaleSelect.html","classes":"tsd-kind-interface"},{"id":1981,"kind":1024,"name":"input","url":"interfaces/II18nLocaleSelect.html#input","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleSelect"},{"id":1982,"kind":1024,"name":"empty","url":"interfaces/II18nLocaleSelect.html#empty","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleSelect"},{"id":1983,"kind":1024,"name":"tagSeparator","url":"interfaces/II18nLocaleSelect.html#tagSeparator","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleSelect"},{"id":1984,"kind":1024,"name":"create","url":"interfaces/II18nLocaleSelect.html#create","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleSelect"},{"id":1985,"kind":256,"name":"II18nLocaleSwitch","url":"interfaces/II18nLocaleSwitch.html","classes":"tsd-kind-interface"},{"id":1986,"kind":1024,"name":"checked","url":"interfaces/II18nLocaleSwitch.html#checked","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleSwitch"},{"id":1987,"kind":1024,"name":"unchecked","url":"interfaces/II18nLocaleSwitch.html#unchecked","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleSwitch"},{"id":1988,"kind":256,"name":"II18nLocaleSweetalert","url":"interfaces/II18nLocaleSweetalert.html","classes":"tsd-kind-interface"},{"id":1989,"kind":1024,"name":"title","url":"interfaces/II18nLocaleSweetalert.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleSweetalert"},{"id":1990,"kind":1024,"name":"confirm","url":"interfaces/II18nLocaleSweetalert.html#confirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleSweetalert"},{"id":1991,"kind":1024,"name":"cancel","url":"interfaces/II18nLocaleSweetalert.html#cancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleSweetalert"},{"id":1992,"kind":1024,"name":"ok","url":"interfaces/II18nLocaleSweetalert.html#ok","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleSweetalert"},{"id":1993,"kind":1024,"name":"comma","url":"interfaces/II18nLocaleSweetalert.html#comma","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleSweetalert"},{"id":1994,"kind":1024,"name":"reset","url":"interfaces/II18nLocaleSweetalert.html#reset","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleSweetalert"},{"id":1995,"kind":256,"name":"II18nLocaleGrid","url":"interfaces/II18nLocaleGrid.html","classes":"tsd-kind-interface"},{"id":1996,"kind":1024,"name":"emptyLabel","url":"interfaces/II18nLocaleGrid.html#emptyLabel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleGrid"},{"id":1997,"kind":1024,"name":"confirm","url":"interfaces/II18nLocaleGrid.html#confirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleGrid"},{"id":1998,"kind":1024,"name":"cancel","url":"interfaces/II18nLocaleGrid.html#cancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleGrid"},{"id":1999,"kind":1024,"name":"ok","url":"interfaces/II18nLocaleGrid.html#ok","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleGrid"},{"id":2000,"kind":1024,"name":"comma","url":"interfaces/II18nLocaleGrid.html#comma","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleGrid"},{"id":2001,"kind":1024,"name":"reset","url":"interfaces/II18nLocaleGrid.html#reset","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleGrid"},{"id":2002,"kind":256,"name":"II18nLocaleCascader","url":"interfaces/II18nLocaleCascader.html","classes":"tsd-kind-interface"},{"id":2003,"kind":1024,"name":"title","url":"interfaces/II18nLocaleCascader.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCascader"},{"id":2004,"kind":1024,"name":"placeholder","url":"interfaces/II18nLocaleCascader.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCascader"},{"id":2005,"kind":1024,"name":"searchPlaceholder","url":"interfaces/II18nLocaleCascader.html#searchPlaceholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCascader"},{"id":2006,"kind":1024,"name":"searchEmpty","url":"interfaces/II18nLocaleCascader.html#searchEmpty","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCascader"},{"id":2007,"kind":1024,"name":"empty","url":"interfaces/II18nLocaleCascader.html#empty","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCascader"},{"id":2008,"kind":1024,"name":"loading","url":"interfaces/II18nLocaleCascader.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleCascader"},{"id":2009,"kind":1024,"name":"confirm","url":"interfaces/II18nLocaleCascader.html#confirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleCascader"},{"id":2010,"kind":1024,"name":"cancel","url":"interfaces/II18nLocaleCascader.html#cancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleCascader"},{"id":2011,"kind":1024,"name":"ok","url":"interfaces/II18nLocaleCascader.html#ok","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleCascader"},{"id":2012,"kind":1024,"name":"comma","url":"interfaces/II18nLocaleCascader.html#comma","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleCascader"},{"id":2013,"kind":1024,"name":"reset","url":"interfaces/II18nLocaleCascader.html#reset","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleCascader"},{"id":2014,"kind":256,"name":"II18nLocaleTimePicker","url":"interfaces/II18nLocaleTimePicker.html","classes":"tsd-kind-interface"},{"id":2015,"kind":1024,"name":"time","url":"interfaces/II18nLocaleTimePicker.html#time-1","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2016,"kind":1024,"name":"date","url":"interfaces/II18nLocaleTimePicker.html#date-1","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2017,"kind":1024,"name":"week","url":"interfaces/II18nLocaleTimePicker.html#week-1","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2018,"kind":1024,"name":"month","url":"interfaces/II18nLocaleTimePicker.html#month-1","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2019,"kind":1024,"name":"quarter","url":"interfaces/II18nLocaleTimePicker.html#quarter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2020,"kind":1024,"name":"year","url":"interfaces/II18nLocaleTimePicker.html#year-2","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2021,"kind":1024,"name":"range","url":"interfaces/II18nLocaleTimePicker.html#range","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2022,"kind":1024,"name":"timeErrorPop","url":"interfaces/II18nLocaleTimePicker.html#timeErrorPop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2023,"kind":1024,"name":"dateErrorPop","url":"interfaces/II18nLocaleTimePicker.html#dateErrorPop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2024,"kind":1024,"name":"start","url":"interfaces/II18nLocaleTimePicker.html#start","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2025,"kind":1024,"name":"end","url":"interfaces/II18nLocaleTimePicker.html#end","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2026,"kind":1024,"name":"startTime","url":"interfaces/II18nLocaleTimePicker.html#startTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2027,"kind":1024,"name":"endTime","url":"interfaces/II18nLocaleTimePicker.html#endTime","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2028,"kind":1024,"name":"to","url":"interfaces/II18nLocaleTimePicker.html#to","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2029,"kind":1024,"name":"current","url":"interfaces/II18nLocaleTimePicker.html#current","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2030,"kind":65536,"name":"__type","url":"interfaces/II18nLocaleTimePicker.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2031,"kind":1024,"name":"time","url":"interfaces/II18nLocaleTimePicker.html#__type.time","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2032,"kind":1024,"name":"date","url":"interfaces/II18nLocaleTimePicker.html#__type.date","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2033,"kind":1024,"name":"week","url":"interfaces/II18nLocaleTimePicker.html#__type.week","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2034,"kind":1024,"name":"month","url":"interfaces/II18nLocaleTimePicker.html#__type.month","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2035,"kind":1024,"name":"year","url":"interfaces/II18nLocaleTimePicker.html#__type.year","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2036,"kind":1024,"name":"panel","url":"interfaces/II18nLocaleTimePicker.html#panel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2037,"kind":65536,"name":"__type","url":"interfaces/II18nLocaleTimePicker.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"II18nLocaleTimePicker"},{"id":2038,"kind":1024,"name":"hour","url":"interfaces/II18nLocaleTimePicker.html#__type-1.hour","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2039,"kind":1024,"name":"minute","url":"interfaces/II18nLocaleTimePicker.html#__type-1.minute","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2040,"kind":1024,"name":"second","url":"interfaces/II18nLocaleTimePicker.html#__type-1.second","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2041,"kind":1024,"name":"year","url":"interfaces/II18nLocaleTimePicker.html#__type-1.year-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2042,"kind":1024,"name":"hourSelect","url":"interfaces/II18nLocaleTimePicker.html#__type-1.hourSelect","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2043,"kind":1024,"name":"minuteSelect","url":"interfaces/II18nLocaleTimePicker.html#__type-1.minuteSelect","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2044,"kind":1024,"name":"secondSelect","url":"interfaces/II18nLocaleTimePicker.html#__type-1.secondSelect","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2045,"kind":1024,"name":"titleFormat","url":"interfaces/II18nLocaleTimePicker.html#__type-1.titleFormat","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2046,"kind":1024,"name":"quarterNames","url":"interfaces/II18nLocaleTimePicker.html#__type-1.quarterNames","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2047,"kind":2048,"name":"yearQuarterName","url":"interfaces/II18nLocaleTimePicker.html#__type-1.yearQuarterName","classes":"tsd-kind-method tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2048,"kind":1024,"name":"dayNames","url":"interfaces/II18nLocaleTimePicker.html#__type-1.dayNames","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2049,"kind":1024,"name":"monthNames","url":"interfaces/II18nLocaleTimePicker.html#__type-1.monthNames","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"II18nLocaleTimePicker.__type"},{"id":2050,"kind":1024,"name":"confirm","url":"interfaces/II18nLocaleTimePicker.html#confirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleTimePicker"},{"id":2051,"kind":1024,"name":"cancel","url":"interfaces/II18nLocaleTimePicker.html#cancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleTimePicker"},{"id":2052,"kind":1024,"name":"ok","url":"interfaces/II18nLocaleTimePicker.html#ok","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleTimePicker"},{"id":2053,"kind":1024,"name":"comma","url":"interfaces/II18nLocaleTimePicker.html#comma","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleTimePicker"},{"id":2054,"kind":1024,"name":"reset","url":"interfaces/II18nLocaleTimePicker.html#reset","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleTimePicker"},{"id":2055,"kind":4194304,"name":"I18nLocaleTimePicker","url":"modules.html#I18nLocaleTimePicker","classes":"tsd-kind-type-alias"},{"id":2056,"kind":65536,"name":"__type","url":"modules.html#I18nLocaleTimePicker.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"I18nLocaleTimePicker"},{"id":2057,"kind":256,"name":"II18nLocaleUpload","url":"interfaces/II18nLocaleUpload.html","classes":"tsd-kind-interface"},{"id":2058,"kind":1024,"name":"retry","url":"interfaces/II18nLocaleUpload.html#retry","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleUpload"},{"id":2059,"kind":1024,"name":"delete","url":"interfaces/II18nLocaleUpload.html#delete","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleUpload"},{"id":2060,"kind":1024,"name":"failed","url":"interfaces/II18nLocaleUpload.html#failed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleUpload"},{"id":2061,"kind":1024,"name":"limit","url":"interfaces/II18nLocaleUpload.html#limit","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleUpload"},{"id":2062,"kind":1024,"name":"add","url":"interfaces/II18nLocaleUpload.html#add","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleUpload"},{"id":2063,"kind":1024,"name":"uploading","url":"interfaces/II18nLocaleUpload.html#uploading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleUpload"},{"id":2064,"kind":1024,"name":"confirm","url":"interfaces/II18nLocaleUpload.html#confirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleUpload"},{"id":2065,"kind":1024,"name":"cancel","url":"interfaces/II18nLocaleUpload.html#cancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleUpload"},{"id":2066,"kind":1024,"name":"ok","url":"interfaces/II18nLocaleUpload.html#ok","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleUpload"},{"id":2067,"kind":1024,"name":"comma","url":"interfaces/II18nLocaleUpload.html#comma","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleUpload"},{"id":2068,"kind":1024,"name":"reset","url":"interfaces/II18nLocaleUpload.html#reset","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"II18nLocaleUpload"},{"id":2069,"kind":256,"name":"II18nLocaleMention","url":"interfaces/II18nLocaleMention.html","classes":"tsd-kind-interface"},{"id":2070,"kind":1024,"name":"noContent","url":"interfaces/II18nLocaleMention.html#noContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleMention"},{"id":2071,"kind":256,"name":"II18nLocaleTransfer","url":"interfaces/II18nLocaleTransfer.html","classes":"tsd-kind-interface"},{"id":2072,"kind":1024,"name":"placeholder","url":"interfaces/II18nLocaleTransfer.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTransfer"},{"id":2073,"kind":1024,"name":"item","url":"interfaces/II18nLocaleTransfer.html#item","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTransfer"},{"id":2074,"kind":1024,"name":"items","url":"interfaces/II18nLocaleTransfer.html#items","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTransfer"},{"id":2075,"kind":1024,"name":"emptyLabel","url":"interfaces/II18nLocaleTransfer.html#emptyLabel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleTransfer"},{"id":2076,"kind":256,"name":"II18nLocaleForm","url":"interfaces/II18nLocaleForm.html","classes":"tsd-kind-interface"},{"id":2077,"kind":1024,"name":"required","url":"interfaces/II18nLocaleForm.html#required","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleForm"},{"id":2078,"kind":256,"name":"II18nLocaleNumberInput","url":"interfaces/II18nLocaleNumberInput.html","classes":"tsd-kind-interface"},{"id":2079,"kind":1024,"name":"min","url":"interfaces/II18nLocaleNumberInput.html#min","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleNumberInput"},{"id":2080,"kind":1024,"name":"max","url":"interfaces/II18nLocaleNumberInput.html#max","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"II18nLocaleNumberInput"},{"id":2081,"kind":4194304,"name":"LocaleMark","url":"modules.html#LocaleMark","classes":"tsd-kind-type-alias"},{"id":2082,"kind":256,"name":"ILocaleData","url":"interfaces/ILocaleData.html","classes":"tsd-kind-interface"},{"id":2083,"kind":1024,"name":"mark","url":"interfaces/ILocaleData.html#mark","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2084,"kind":1024,"name":"CopyButton","url":"interfaces/ILocaleData.html#CopyButton","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2085,"kind":1024,"name":"Form","url":"interfaces/ILocaleData.html#Form","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2086,"kind":1024,"name":"Pagination","url":"interfaces/ILocaleData.html#Pagination","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2087,"kind":1024,"name":"Pop","url":"interfaces/ILocaleData.html#Pop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2088,"kind":1024,"name":"PreviewImage","url":"interfaces/ILocaleData.html#PreviewImage","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2089,"kind":1024,"name":"RangePicker","url":"interfaces/ILocaleData.html#RangePicker","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2090,"kind":1024,"name":"Select","url":"interfaces/ILocaleData.html#Select","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2091,"kind":1024,"name":"Switch","url":"interfaces/ILocaleData.html#Switch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2092,"kind":1024,"name":"Sweetalert","url":"interfaces/ILocaleData.html#Sweetalert","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2093,"kind":1024,"name":"Grid","url":"interfaces/ILocaleData.html#Grid","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2094,"kind":1024,"name":"Cascader","url":"interfaces/ILocaleData.html#Cascader","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2095,"kind":1024,"name":"TimePicker","url":"interfaces/ILocaleData.html#TimePicker","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2096,"kind":1024,"name":"Upload","url":"interfaces/ILocaleData.html#Upload","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2097,"kind":1024,"name":"Mention","url":"interfaces/ILocaleData.html#Mention","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2098,"kind":1024,"name":"Transfer","url":"interfaces/ILocaleData.html#Transfer","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2099,"kind":1024,"name":"NumberInput","url":"interfaces/ILocaleData.html#NumberInput","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILocaleData"},{"id":2100,"kind":4194304,"name":"I18nComponentName","url":"modules.html#I18nComponentName","classes":"tsd-kind-type-alias"},{"id":2101,"kind":4194304,"name":"I18nLocaleDataType","url":"modules.html#I18nLocaleDataType","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":2102,"kind":4194304,"name":"IconType","url":"modules.html#IconType","classes":"tsd-kind-type-alias"},{"id":2103,"kind":256,"name":"IIconProps","url":"interfaces/IIconProps.html","classes":"tsd-kind-interface"},{"id":2104,"kind":1024,"name":"type","url":"interfaces/IIconProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IIconProps"},{"id":2105,"kind":1024,"name":"spin","url":"interfaces/IIconProps.html#spin","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IIconProps"},{"id":2106,"kind":65536,"name":"__type","url":"interfaces/IIconProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IIconProps"},{"id":2107,"kind":32,"name":"Icon","url":"modules.html#Icon","classes":"tsd-kind-variable"},{"id":2108,"kind":64,"name":"createUseIMEComposition","url":"modules.html#createUseIMEComposition","classes":"tsd-kind-function"},{"id":2109,"kind":256,"name":"ICreateUseIMECompositionOption","url":"interfaces/ICreateUseIMECompositionOption.html","classes":"tsd-kind-interface"},{"id":2110,"kind":2048,"name":"getEventValue","url":"interfaces/ICreateUseIMECompositionOption.html#getEventValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ICreateUseIMECompositionOption"},{"id":2111,"kind":256,"name":"IUseIMECompositionResult","url":"interfaces/IUseIMECompositionResult.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2112,"kind":1024,"name":"value","url":"interfaces/IUseIMECompositionResult.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUseIMECompositionResult"},{"id":2113,"kind":1024,"name":"onChange","url":"interfaces/IUseIMECompositionResult.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUseIMECompositionResult"},{"id":2114,"kind":1024,"name":"onCompositionStart","url":"interfaces/IUseIMECompositionResult.html#onCompositionStart","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUseIMECompositionResult"},{"id":2115,"kind":1024,"name":"onCompositionEnd","url":"interfaces/IUseIMECompositionResult.html#onCompositionEnd","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUseIMECompositionResult"},{"id":2116,"kind":256,"name":"IIMECompositionProps","url":"interfaces/IIMECompositionProps.html","classes":"tsd-kind-interface"},{"id":2117,"kind":1024,"name":"enable","url":"interfaces/IIMECompositionProps.html#enable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IIMECompositionProps"},{"id":2118,"kind":256,"name":"IIMECompositionContext","url":"interfaces/IIMECompositionContext.html","classes":"tsd-kind-interface"},{"id":2119,"kind":1024,"name":"enable","url":"interfaces/IIMECompositionContext.html#enable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IIMECompositionContext"},{"id":2120,"kind":32,"name":"IMEComposition","url":"modules.html#IMEComposition","classes":"tsd-kind-variable"},{"id":2121,"kind":4194304,"name":"IIndicatorProps","url":"modules.html#IIndicatorProps","classes":"tsd-kind-type-alias"},{"id":2122,"kind":4194304,"name":"IIndicator","url":"modules.html#IIndicator","classes":"tsd-kind-type-alias"},{"id":2123,"kind":32,"name":"Indicator","url":"modules.html#Indicator","classes":"tsd-kind-variable"},{"id":2124,"kind":2,"name":"Indicator","url":"modules/Indicator.html","classes":"tsd-kind-namespace"},{"id":2125,"kind":32,"name":"Step","url":"modules/Indicator.html#Step","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Indicator"},{"id":2126,"kind":256,"name":"IInfiniteScrollerProps","url":"interfaces/IInfiniteScrollerProps.html","classes":"tsd-kind-interface"},{"id":2127,"kind":1024,"name":"className","url":"interfaces/IInfiniteScrollerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2128,"kind":1024,"name":"hasMore","url":"interfaces/IInfiniteScrollerProps.html#hasMore","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2129,"kind":1024,"name":"loadMore","url":"interfaces/IInfiniteScrollerProps.html#loadMore","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2130,"kind":1024,"name":"skipLoadOnMount","url":"interfaces/IInfiniteScrollerProps.html#skipLoadOnMount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2131,"kind":1024,"name":"useWindow","url":"interfaces/IInfiniteScrollerProps.html#useWindow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2132,"kind":1024,"name":"loader","url":"interfaces/IInfiniteScrollerProps.html#loader","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2133,"kind":1024,"name":"children","url":"interfaces/IInfiniteScrollerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2134,"kind":1024,"name":"threshold","url":"interfaces/IInfiniteScrollerProps.html#threshold","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInfiniteScrollerProps"},{"id":2135,"kind":32,"name":"InfiniteScroller","url":"modules.html#InfiniteScroller","classes":"tsd-kind-variable"},{"id":2136,"kind":32,"name":"Password","url":"modules.html#Password","classes":"tsd-kind-variable"},{"id":2137,"kind":65536,"name":"__type","url":"modules.html#Password.__type","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"Password"},{"id":2138,"kind":1024,"name":"displayName","url":"modules.html#Password.__type.displayName","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Password.__type"},{"id":2139,"kind":2,"name":"Password","url":"modules/Password.html","classes":"tsd-kind-namespace"},{"id":2140,"kind":32,"name":"displayName","url":"modules/Password.html#displayName","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Password"},{"id":2141,"kind":4194304,"name":"InputType","url":"modules.html#InputType","classes":"tsd-kind-type-alias"},{"id":2142,"kind":4194304,"name":"InputWidthSizeType","url":"modules.html#InputWidthSizeType","classes":"tsd-kind-type-alias"},{"id":2143,"kind":4194304,"name":"IInputProps","url":"modules.html#IInputProps","classes":"tsd-kind-type-alias"},{"id":2144,"kind":256,"name":"IInputClearEvent","url":"interfaces/IInputClearEvent.html","classes":"tsd-kind-interface"},{"id":2145,"kind":1024,"name":"target","url":"interfaces/IInputClearEvent.html#target","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputClearEvent"},{"id":2146,"kind":1024,"name":"fromClearButton","url":"interfaces/IInputClearEvent.html#fromClearButton","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputClearEvent"},{"id":2147,"kind":4194304,"name":"IInputChangeEvent","url":"modules.html#IInputChangeEvent","classes":"tsd-kind-type-alias"},{"id":2148,"kind":256,"name":"IInputCommonProps","url":"interfaces/IInputCommonProps.html","classes":"tsd-kind-interface"},{"id":2149,"kind":1024,"name":"className","url":"interfaces/IInputCommonProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2150,"kind":1024,"name":"width","url":"interfaces/IInputCommonProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2151,"kind":1024,"name":"size","url":"interfaces/IInputCommonProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2152,"kind":1024,"name":"widthSize","url":"interfaces/IInputCommonProps.html#widthSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2153,"kind":1024,"name":"onPressEnter","url":"interfaces/IInputCommonProps.html#onPressEnter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2154,"kind":1024,"name":"autoFocus","url":"interfaces/IInputCommonProps.html#autoFocus","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2155,"kind":1024,"name":"autoSelect","url":"interfaces/IInputCommonProps.html#autoSelect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2156,"kind":1024,"name":"initSelectionStart","url":"interfaces/IInputCommonProps.html#initSelectionStart","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2157,"kind":1024,"name":"initSelectionEnd","url":"interfaces/IInputCommonProps.html#initSelectionEnd","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2158,"kind":1024,"name":"inline","url":"interfaces/IInputCommonProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2159,"kind":1024,"name":"style","url":"interfaces/IInputCommonProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCommonProps"},{"id":2160,"kind":256,"name":"IInputCoreProps","url":"interfaces/IInputCoreProps.html","classes":"tsd-kind-interface"},{"id":2161,"kind":1024,"name":"type","url":"interfaces/IInputCoreProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IInputCoreProps"},{"id":2162,"kind":1024,"name":"icon","url":"interfaces/IInputCoreProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2163,"kind":1024,"name":"iconPosition","url":"interfaces/IInputCoreProps.html#iconPosition","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2164,"kind":1024,"name":"showClear","url":"interfaces/IInputCoreProps.html#showClear","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2165,"kind":1024,"name":"addonBefore","url":"interfaces/IInputCoreProps.html#addonBefore","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2166,"kind":1024,"name":"addonAfter","url":"interfaces/IInputCoreProps.html#addonAfter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2167,"kind":1024,"name":"value","url":"interfaces/IInputCoreProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2168,"kind":1024,"name":"inline","url":"interfaces/IInputCoreProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IInputCoreProps"},{"id":2169,"kind":2048,"name":"onChange","url":"interfaces/IInputCoreProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2170,"kind":1024,"name":"onIconClick","url":"interfaces/IInputCoreProps.html#onIconClick","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2171,"kind":65536,"name":"__type","url":"interfaces/IInputCoreProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IInputCoreProps"},{"id":2172,"kind":1024,"name":"size","url":"interfaces/IInputCoreProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInputCoreProps"},{"id":2173,"kind":1024,"name":"widthSize","url":"interfaces/IInputCoreProps.html#widthSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInputCoreProps"},{"id":2174,"kind":1024,"name":"onPressEnter","url":"interfaces/IInputCoreProps.html#onPressEnter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInputCoreProps"},{"id":2175,"kind":1024,"name":"autoSelect","url":"interfaces/IInputCoreProps.html#autoSelect","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInputCoreProps"},{"id":2176,"kind":1024,"name":"initSelectionStart","url":"interfaces/IInputCoreProps.html#initSelectionStart","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInputCoreProps"},{"id":2177,"kind":1024,"name":"initSelectionEnd","url":"interfaces/IInputCoreProps.html#initSelectionEnd","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInputCoreProps"},{"id":2178,"kind":256,"name":"ITextAreaProps","url":"interfaces/ITextAreaProps.html","classes":"tsd-kind-interface"},{"id":2179,"kind":1024,"name":"type","url":"interfaces/ITextAreaProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextAreaProps"},{"id":2180,"kind":1024,"name":"showCount","url":"interfaces/ITextAreaProps.html#showCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextAreaProps"},{"id":2181,"kind":1024,"name":"autoSize","url":"interfaces/ITextAreaProps.html#autoSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextAreaProps"},{"id":2182,"kind":1024,"name":"value","url":"interfaces/ITextAreaProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextAreaProps"},{"id":2183,"kind":1024,"name":"maxCharacterCount","url":"interfaces/ITextAreaProps.html#maxCharacterCount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextAreaProps"},{"id":2184,"kind":2048,"name":"onChange","url":"interfaces/ITextAreaProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITextAreaProps"},{"id":2185,"kind":65536,"name":"__type","url":"interfaces/ITextAreaProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ITextAreaProps"},{"id":2186,"kind":1024,"name":"width","url":"interfaces/ITextAreaProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2187,"kind":1024,"name":"size","url":"interfaces/ITextAreaProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2188,"kind":1024,"name":"widthSize","url":"interfaces/ITextAreaProps.html#widthSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2189,"kind":1024,"name":"onPressEnter","url":"interfaces/ITextAreaProps.html#onPressEnter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2190,"kind":1024,"name":"autoSelect","url":"interfaces/ITextAreaProps.html#autoSelect","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2191,"kind":1024,"name":"initSelectionStart","url":"interfaces/ITextAreaProps.html#initSelectionStart","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2192,"kind":1024,"name":"initSelectionEnd","url":"interfaces/ITextAreaProps.html#initSelectionEnd","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2193,"kind":1024,"name":"inline","url":"interfaces/ITextAreaProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITextAreaProps"},{"id":2194,"kind":256,"name":"IInputState","url":"interfaces/IInputState.html","classes":"tsd-kind-interface"},{"id":2195,"kind":1024,"name":"hasFocus","url":"interfaces/IInputState.html#hasFocus","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInputState"},{"id":2196,"kind":128,"name":"Input","url":"classes/Input.html","classes":"tsd-kind-class"},{"id":2197,"kind":1024,"name":"contextType","url":"classes/Input.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Input"},{"id":2198,"kind":1024,"name":"displayName","url":"classes/Input.html#displayName","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Input"},{"id":2199,"kind":1024,"name":"defaultProps","url":"classes/Input.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Input"},{"id":2200,"kind":65536,"name":"__type","url":"classes/Input.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Input"},{"id":2201,"kind":1024,"name":"type","url":"classes/Input.html#__type-2.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Input.__type"},{"id":2202,"kind":1024,"name":"size","url":"classes/Input.html#__type-2.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Input.__type"},{"id":2203,"kind":512,"name":"constructor","url":"classes/Input.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Input"},{"id":2204,"kind":1024,"name":"context","url":"classes/Input.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Input"},{"id":2205,"kind":1024,"name":"elementRef","url":"classes/Input.html#elementRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Input"},{"id":2206,"kind":262144,"name":"input","url":"classes/Input.html#input","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Input"},{"id":2207,"kind":1024,"name":"state","url":"classes/Input.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Input"},{"id":2208,"kind":65536,"name":"__type","url":"classes/Input.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Input"},{"id":2209,"kind":1024,"name":"hasFocus","url":"classes/Input.html#__type-1.hasFocus","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Input.__type"},{"id":2210,"kind":2048,"name":"focus","url":"classes/Input.html#focus","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Input"},{"id":2211,"kind":2048,"name":"select","url":"classes/Input.html#select","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Input"},{"id":2212,"kind":2048,"name":"onKeyDown","url":"classes/Input.html#onKeyDown","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Input"},{"id":2213,"kind":1024,"name":"onFocus","url":"classes/Input.html#onFocus","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Input"},{"id":2214,"kind":1024,"name":"onBlur","url":"classes/Input.html#onBlur","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Input"},{"id":2215,"kind":1024,"name":"clearInput","url":"classes/Input.html#clearInput","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Input"},{"id":2216,"kind":2048,"name":"componentDidMount","url":"classes/Input.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Input"},{"id":2217,"kind":2048,"name":"renderImpl","url":"classes/Input.html#renderImpl","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Input"},{"id":2218,"kind":2048,"name":"renderInput","url":"classes/Input.html#renderInput","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Input"},{"id":2219,"kind":2048,"name":"render","url":"classes/Input.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Input"},{"id":2220,"kind":65536,"name":"__type","url":"classes/Input.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Input"},{"id":2221,"kind":32,"name":"LayoutConfigProvider","url":"modules.html#LayoutConfigProvider","classes":"tsd-kind-variable"},{"id":2222,"kind":256,"name":"ILayoutRowProps","url":"interfaces/ILayoutRowProps.html","classes":"tsd-kind-interface"},{"id":2223,"kind":1024,"name":"className","url":"interfaces/ILayoutRowProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutRowProps"},{"id":2224,"kind":1024,"name":"justify","url":"interfaces/ILayoutRowProps.html#justify","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutRowProps"},{"id":2225,"kind":1024,"name":"align","url":"interfaces/ILayoutRowProps.html#align","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutRowProps"},{"id":2226,"kind":1024,"name":"style","url":"interfaces/ILayoutRowProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutRowProps"},{"id":2227,"kind":128,"name":"LayoutRow","url":"classes/LayoutRow.html","classes":"tsd-kind-class"},{"id":2228,"kind":1024,"name":"defaultProps","url":"classes/LayoutRow.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"LayoutRow"},{"id":2229,"kind":65536,"name":"__type","url":"classes/LayoutRow.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LayoutRow"},{"id":2230,"kind":1024,"name":"justify","url":"classes/LayoutRow.html#__type-1.justify","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LayoutRow.__type"},{"id":2231,"kind":1024,"name":"align","url":"classes/LayoutRow.html#__type-1.align","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LayoutRow.__type"},{"id":2232,"kind":512,"name":"constructor","url":"classes/LayoutRow.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"LayoutRow"},{"id":2233,"kind":2048,"name":"render","url":"classes/LayoutRow.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"LayoutRow"},{"id":2234,"kind":65536,"name":"__type","url":"classes/LayoutRow.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LayoutRow"},{"id":2235,"kind":256,"name":"ILayoutColProps","url":"interfaces/ILayoutColProps.html","classes":"tsd-kind-interface"},{"id":2236,"kind":1024,"name":"span","url":"interfaces/ILayoutColProps.html#span","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutColProps"},{"id":2237,"kind":1024,"name":"offset","url":"interfaces/ILayoutColProps.html#offset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutColProps"},{"id":2238,"kind":1024,"name":"order","url":"interfaces/ILayoutColProps.html#order","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutColProps"},{"id":2239,"kind":1024,"name":"style","url":"interfaces/ILayoutColProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutColProps"},{"id":2240,"kind":1024,"name":"className","url":"interfaces/ILayoutColProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutColProps"},{"id":2241,"kind":128,"name":"LayoutCol","url":"classes/LayoutCol.html","classes":"tsd-kind-class"},{"id":2242,"kind":1024,"name":"defaultProps","url":"classes/LayoutCol.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"LayoutCol"},{"id":2243,"kind":65536,"name":"__type","url":"classes/LayoutCol.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LayoutCol"},{"id":2244,"kind":1024,"name":"offset","url":"classes/LayoutCol.html#__type-1.offset","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LayoutCol.__type"},{"id":2245,"kind":1024,"name":"order","url":"classes/LayoutCol.html#__type-1.order","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LayoutCol.__type"},{"id":2246,"kind":512,"name":"constructor","url":"classes/LayoutCol.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"LayoutCol"},{"id":2247,"kind":2048,"name":"render","url":"classes/LayoutCol.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"LayoutCol"},{"id":2248,"kind":65536,"name":"__type","url":"classes/LayoutCol.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LayoutCol"},{"id":2249,"kind":256,"name":"ILayoutGridProps","url":"interfaces/ILayoutGridProps.html","classes":"tsd-kind-interface"},{"id":2250,"kind":1024,"name":"className","url":"interfaces/ILayoutGridProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutGridProps"},{"id":2251,"kind":1024,"name":"style","url":"interfaces/ILayoutGridProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutGridProps"},{"id":2252,"kind":128,"name":"LayoutGrid","url":"classes/LayoutGrid.html","classes":"tsd-kind-class"},{"id":2253,"kind":512,"name":"constructor","url":"classes/LayoutGrid.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"LayoutGrid"},{"id":2254,"kind":1024,"name":"state","url":"classes/LayoutGrid.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"LayoutGrid"},{"id":2255,"kind":65536,"name":"__type","url":"classes/LayoutGrid.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LayoutGrid"},{"id":2256,"kind":1024,"name":"breakpoints","url":"classes/LayoutGrid.html#__type-1.breakpoints","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LayoutGrid.__type"},{"id":2257,"kind":2048,"name":"render","url":"classes/LayoutGrid.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"LayoutGrid"},{"id":2258,"kind":2048,"name":"onBreakpointChange","url":"classes/LayoutGrid.html#onBreakpointChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"LayoutGrid"},{"id":2259,"kind":65536,"name":"__type","url":"classes/LayoutGrid.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LayoutGrid"},{"id":2260,"kind":4,"name":"LayoutBreakPoint","url":"enums/LayoutBreakPoint.html","classes":"tsd-kind-enum"},{"id":2261,"kind":16,"name":"fhd","url":"enums/LayoutBreakPoint.html#fhd","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"LayoutBreakPoint"},{"id":2262,"kind":16,"name":"xxl","url":"enums/LayoutBreakPoint.html#xxl","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"LayoutBreakPoint"},{"id":2263,"kind":16,"name":"xl","url":"enums/LayoutBreakPoint.html#xl","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"LayoutBreakPoint"},{"id":2264,"kind":16,"name":"lg","url":"enums/LayoutBreakPoint.html#lg","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"LayoutBreakPoint"},{"id":2265,"kind":16,"name":"md","url":"enums/LayoutBreakPoint.html#md","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"LayoutBreakPoint"},{"id":2266,"kind":16,"name":"sm","url":"enums/LayoutBreakPoint.html#sm","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"LayoutBreakPoint"},{"id":2267,"kind":16,"name":"xs","url":"enums/LayoutBreakPoint.html#xs","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"LayoutBreakPoint"},{"id":2268,"kind":4194304,"name":"LayoutBreakPointName","url":"modules.html#LayoutBreakPointName","classes":"tsd-kind-type-alias"},{"id":2269,"kind":256,"name":"ILayoutResponsiveValue","url":"interfaces/ILayoutResponsiveValue.html","classes":"tsd-kind-interface"},{"id":2270,"kind":1024,"name":"fallback","url":"interfaces/ILayoutResponsiveValue.html#fallback","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutResponsiveValue"},{"id":2271,"kind":2048,"name":"xs","url":"interfaces/ILayoutResponsiveValue.html#xs","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ILayoutResponsiveValue"},{"id":2272,"kind":2048,"name":"xl","url":"interfaces/ILayoutResponsiveValue.html#xl","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ILayoutResponsiveValue"},{"id":2273,"kind":2048,"name":"fhd","url":"interfaces/ILayoutResponsiveValue.html#fhd","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ILayoutResponsiveValue"},{"id":2274,"kind":2048,"name":"xxl","url":"interfaces/ILayoutResponsiveValue.html#xxl","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ILayoutResponsiveValue"},{"id":2275,"kind":2048,"name":"lg","url":"interfaces/ILayoutResponsiveValue.html#lg","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ILayoutResponsiveValue"},{"id":2276,"kind":2048,"name":"md","url":"interfaces/ILayoutResponsiveValue.html#md","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ILayoutResponsiveValue"},{"id":2277,"kind":2048,"name":"sm","url":"interfaces/ILayoutResponsiveValue.html#sm","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ILayoutResponsiveValue"},{"id":2278,"kind":256,"name":"ILayoutConfig","url":"interfaces/ILayoutConfig.html","classes":"tsd-kind-interface"},{"id":2279,"kind":1024,"name":"colGutter","url":"interfaces/ILayoutConfig.html#colGutter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutConfig"},{"id":2280,"kind":1024,"name":"rowGutter","url":"interfaces/ILayoutConfig.html#rowGutter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILayoutConfig"},{"id":2281,"kind":256,"name":"ILinkProps","url":"interfaces/ILinkProps.html","classes":"tsd-kind-interface"},{"id":2282,"kind":1024,"name":"disabled","url":"interfaces/ILinkProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILinkProps"},{"id":2283,"kind":1024,"name":"weak","url":"interfaces/ILinkProps.html#weak","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILinkProps"},{"id":2284,"kind":65536,"name":"__type","url":"interfaces/ILinkProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ILinkProps"},{"id":2285,"kind":32,"name":"Link","url":"modules.html#Link","classes":"tsd-kind-variable"},{"id":2286,"kind":64,"name":"BlockLoading","url":"modules.html#BlockLoading","classes":"tsd-kind-function"},{"id":2287,"kind":64,"name":"FullScreenLoading","url":"modules.html#FullScreenLoading","classes":"tsd-kind-function"},{"id":2288,"kind":64,"name":"InlineLoading","url":"modules.html#InlineLoading","classes":"tsd-kind-function"},{"id":2289,"kind":256,"name":"ICompoundMentionSuggestion","url":"interfaces/ICompoundMentionSuggestion.html","classes":"tsd-kind-interface"},{"id":2290,"kind":1024,"name":"value","url":"interfaces/ICompoundMentionSuggestion.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICompoundMentionSuggestion"},{"id":2291,"kind":1024,"name":"content","url":"interfaces/ICompoundMentionSuggestion.html#content","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICompoundMentionSuggestion"},{"id":2292,"kind":1024,"name":"isGroup","url":"interfaces/ICompoundMentionSuggestion.html#isGroup","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICompoundMentionSuggestion"},{"id":2293,"kind":1024,"name":"isDivider","url":"interfaces/ICompoundMentionSuggestion.html#isDivider","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICompoundMentionSuggestion"},{"id":2294,"kind":1024,"name":"icon","url":"interfaces/ICompoundMentionSuggestion.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICompoundMentionSuggestion"},{"id":2295,"kind":1024,"name":"disabled","url":"interfaces/ICompoundMentionSuggestion.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICompoundMentionSuggestion"},{"id":2296,"kind":256,"name":"IMentionProps","url":"interfaces/IMentionProps.html","classes":"tsd-kind-interface"},{"id":2297,"kind":1024,"name":"value","url":"interfaces/IMentionProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2298,"kind":2048,"name":"onChange","url":"interfaces/IMentionProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2299,"kind":2048,"name":"onSearchChange","url":"interfaces/IMentionProps.html#onSearchChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2300,"kind":1024,"name":"multiLine","url":"interfaces/IMentionProps.html#multiLine","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2301,"kind":1024,"name":"position","url":"interfaces/IMentionProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2302,"kind":1024,"name":"suggestions","url":"interfaces/IMentionProps.html#suggestions","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2303,"kind":1024,"name":"suggestionNotFoundContent","url":"interfaces/IMentionProps.html#suggestionNotFoundContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2304,"kind":1024,"name":"triggerText","url":"interfaces/IMentionProps.html#triggerText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2305,"kind":1024,"name":"className","url":"interfaces/IMentionProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2306,"kind":1024,"name":"loading","url":"interfaces/IMentionProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2307,"kind":1024,"name":"type","url":"interfaces/IMentionProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2308,"kind":1024,"name":"onBlur","url":"interfaces/IMentionProps.html#onBlur","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2309,"kind":1024,"name":"onKeyUp","url":"interfaces/IMentionProps.html#onKeyUp","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2310,"kind":1024,"name":"onKeyDown","url":"interfaces/IMentionProps.html#onKeyDown","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2311,"kind":1024,"name":"inline","url":"interfaces/IMentionProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMentionProps"},{"id":2312,"kind":128,"name":"Mention","url":"classes/Mention.html","classes":"tsd-kind-class"},{"id":2313,"kind":1024,"name":"defaultProps","url":"classes/Mention.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Mention"},{"id":2314,"kind":65536,"name":"__type","url":"classes/Mention.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Mention"},{"id":2315,"kind":1024,"name":"multiLine","url":"classes/Mention.html#__type-2.multiLine","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2316,"kind":1024,"name":"position","url":"classes/Mention.html#__type-2.position-1","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2317,"kind":1024,"name":"suggestionNotFoundContent","url":"classes/Mention.html#__type-2.suggestionNotFoundContent","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2318,"kind":1024,"name":"suggestions","url":"classes/Mention.html#__type-2.suggestions","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2319,"kind":1024,"name":"triggerText","url":"classes/Mention.html#__type-2.triggerText","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2320,"kind":1024,"name":"inline","url":"classes/Mention.html#__type-2.inline","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2321,"kind":512,"name":"constructor","url":"classes/Mention.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Mention"},{"id":2322,"kind":1024,"name":"_compositing","url":"classes/Mention.html#_compositing","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Mention"},{"id":2323,"kind":1024,"name":"input","url":"classes/Mention.html#input","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Mention"},{"id":2324,"kind":1024,"name":"suggestionList","url":"classes/Mention.html#suggestionList","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Mention"},{"id":2325,"kind":1024,"name":"state","url":"classes/Mention.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Mention"},{"id":2326,"kind":65536,"name":"__type","url":"classes/Mention.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Mention"},{"id":2327,"kind":1024,"name":"position","url":"classes/Mention.html#__type-1.position","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2328,"kind":1024,"name":"placeholder","url":"classes/Mention.html#__type-1.placeholder","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2329,"kind":1024,"name":"suggestionVisible","url":"classes/Mention.html#__type-1.suggestionVisible","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2330,"kind":1024,"name":"search","url":"classes/Mention.html#__type-1.search","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Mention.__type"},{"id":2331,"kind":1024,"name":"BottomPosition","url":"classes/Mention.html#BottomPosition","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Mention"},{"id":2332,"kind":1024,"name":"TopPosition","url":"classes/Mention.html#TopPosition","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Mention"},{"id":2333,"kind":2048,"name":"render","url":"classes/Mention.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Mention"},{"id":2334,"kind":2048,"name":"componentDidUpdate","url":"classes/Mention.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Mention"},{"id":2335,"kind":2048,"name":"componentDidMount","url":"classes/Mention.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Mention"},{"id":2336,"kind":2048,"name":"onSuggestionVisibleChange","url":"classes/Mention.html#onSuggestionVisibleChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2337,"kind":2048,"name":"onCloseMenuList","url":"classes/Mention.html#onCloseMenuList","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2338,"kind":2048,"name":"onSelectSuggestion","url":"classes/Mention.html#onSelectSuggestion","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2339,"kind":2048,"name":"onInputChange","url":"classes/Mention.html#onInputChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2340,"kind":1024,"name":"onInputScroll","url":"classes/Mention.html#onInputScroll","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Mention"},{"id":2341,"kind":2048,"name":"onInputCompositionStart","url":"classes/Mention.html#onInputCompositionStart","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2342,"kind":2048,"name":"onInputCompositionEnd","url":"classes/Mention.html#onInputCompositionEnd","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2343,"kind":2048,"name":"onInputBlur","url":"classes/Mention.html#onInputBlur","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2344,"kind":2048,"name":"onInputKeyUp","url":"classes/Mention.html#onInputKeyUp","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2345,"kind":2048,"name":"onInputKeyDown","url":"classes/Mention.html#onInputKeyDown","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2346,"kind":2048,"name":"onSelectionChange","url":"classes/Mention.html#onSelectionChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2347,"kind":2048,"name":"triggerEventCallback","url":"classes/Mention.html#triggerEventCallback","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2348,"kind":2048,"name":"saveInputRef","url":"classes/Mention.html#saveInputRef","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2349,"kind":2048,"name":"onSuggestionListRefChange","url":"classes/Mention.html#onSuggestionListRefChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2350,"kind":2048,"name":"setSuggestionVisible","url":"classes/Mention.html#setSuggestionVisible","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2351,"kind":2048,"name":"setStateIfChange","url":"classes/Mention.html#setStateIfChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2352,"kind":2048,"name":"getCaretCoordinates","url":"classes/Mention.html#getCaretCoordinates","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2353,"kind":2048,"name":"getDefaultState","url":"classes/Mention.html#getDefaultState","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Mention"},{"id":2354,"kind":65536,"name":"__type","url":"classes/Mention.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Mention"},{"id":2355,"kind":256,"name":"IMenuBaseProps","url":"interfaces/IMenuBaseProps.html","classes":"tsd-kind-interface"},{"id":2356,"kind":1024,"name":"mode","url":"interfaces/IMenuBaseProps.html#mode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuBaseProps"},{"id":2357,"kind":2048,"name":"onClick","url":"interfaces/IMenuBaseProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuBaseProps"},{"id":2358,"kind":2048,"name":"onSubMenuClick","url":"interfaces/IMenuBaseProps.html#onSubMenuClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuBaseProps"},{"id":2359,"kind":1024,"name":"style","url":"interfaces/IMenuBaseProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuBaseProps"},{"id":2360,"kind":1024,"name":"className","url":"interfaces/IMenuBaseProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuBaseProps"},{"id":2361,"kind":256,"name":"IMenuInlineProps","url":"interfaces/IMenuInlineProps.html","classes":"tsd-kind-interface"},{"id":2362,"kind":1024,"name":"mode","url":"interfaces/IMenuInlineProps.html#mode","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IMenuInlineProps"},{"id":2363,"kind":1024,"name":"defaultExpandKeys","url":"interfaces/IMenuInlineProps.html#defaultExpandKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2364,"kind":1024,"name":"defaultExpandedKeys","url":"interfaces/IMenuInlineProps.html#defaultExpandedKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2365,"kind":1024,"name":"defaultSelectedKey","url":"interfaces/IMenuInlineProps.html#defaultSelectedKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2366,"kind":1024,"name":"expandedKeys","url":"interfaces/IMenuInlineProps.html#expandedKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2367,"kind":2048,"name":"onExpandChange","url":"interfaces/IMenuInlineProps.html#onExpandChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2368,"kind":1024,"name":"selectedKey","url":"interfaces/IMenuInlineProps.html#selectedKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2369,"kind":2048,"name":"onSelectChange","url":"interfaces/IMenuInlineProps.html#onSelectChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2370,"kind":1024,"name":"inlineIndent","url":"interfaces/IMenuInlineProps.html#inlineIndent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuInlineProps"},{"id":2371,"kind":2048,"name":"onClick","url":"interfaces/IMenuInlineProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuInlineProps"},{"id":2372,"kind":2048,"name":"onSubMenuClick","url":"interfaces/IMenuInlineProps.html#onSubMenuClick","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuInlineProps"},{"id":2373,"kind":1024,"name":"style","url":"interfaces/IMenuInlineProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuInlineProps"},{"id":2374,"kind":1024,"name":"className","url":"interfaces/IMenuInlineProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuInlineProps"},{"id":2375,"kind":256,"name":"IMenuPopProps","url":"interfaces/IMenuPopProps.html","classes":"tsd-kind-interface"},{"id":2376,"kind":1024,"name":"mode","url":"interfaces/IMenuPopProps.html#mode","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IMenuPopProps"},{"id":2377,"kind":2048,"name":"onClick","url":"interfaces/IMenuPopProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuPopProps"},{"id":2378,"kind":2048,"name":"onSubMenuClick","url":"interfaces/IMenuPopProps.html#onSubMenuClick","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuPopProps"},{"id":2379,"kind":1024,"name":"style","url":"interfaces/IMenuPopProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuPopProps"},{"id":2380,"kind":1024,"name":"className","url":"interfaces/IMenuPopProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMenuPopProps"},{"id":2381,"kind":4194304,"name":"IMenuProps","url":"modules.html#IMenuProps","classes":"tsd-kind-type-alias"},{"id":2382,"kind":128,"name":"Menu","url":"classes/Menu.html","classes":"tsd-kind-class"},{"id":2383,"kind":1024,"name":"MenuItem","url":"classes/Menu.html#MenuItem","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Menu"},{"id":2384,"kind":1024,"name":"SubMenu","url":"classes/Menu.html#SubMenu","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Menu"},{"id":2385,"kind":1024,"name":"defaultProps","url":"classes/Menu.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Menu"},{"id":2386,"kind":65536,"name":"__type","url":"classes/Menu.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Menu"},{"id":2387,"kind":1024,"name":"onClick","url":"classes/Menu.html#__type-1.onClick","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Menu.__type"},{"id":2388,"kind":65536,"name":"__type","url":"classes/Menu.html#__type-1.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Menu.__type"},{"id":2389,"kind":1024,"name":"mode","url":"classes/Menu.html#__type-1.mode","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Menu.__type"},{"id":2390,"kind":1024,"name":"inlineIndent","url":"classes/Menu.html#__type-1.inlineIndent","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Menu.__type"},{"id":2391,"kind":1024,"name":"defaultExpandKeys","url":"classes/Menu.html#__type-1.defaultExpandKeys","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Menu.__type"},{"id":2392,"kind":1024,"name":"onSubMenuClick","url":"classes/Menu.html#__type-1.onSubMenuClick","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Menu.__type"},{"id":2393,"kind":65536,"name":"__type","url":"classes/Menu.html#__type-1.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Menu.__type"},{"id":2394,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Menu.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Menu"},{"id":2395,"kind":512,"name":"constructor","url":"classes/Menu.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"Menu"},{"id":2396,"kind":2048,"name":"toggleExpand","url":"classes/Menu.html#toggleExpand","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Menu"},{"id":2397,"kind":2048,"name":"handleSelect","url":"classes/Menu.html#handleSelect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Menu"},{"id":2398,"kind":2048,"name":"handleClick","url":"classes/Menu.html#handleClick","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Menu"},{"id":2399,"kind":2048,"name":"renderMenuItem","url":"classes/Menu.html#renderMenuItem","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Menu"},{"id":2400,"kind":2048,"name":"render","url":"classes/Menu.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Menu"},{"id":2401,"kind":2048,"name":"renderCommonMenuItem","url":"classes/Menu.html#renderCommonMenuItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Menu"},{"id":2402,"kind":65536,"name":"__type","url":"classes/Menu.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Menu"},{"id":2403,"kind":256,"name":"IMenuItemProps","url":"interfaces/IMenuItemProps.html","classes":"tsd-kind-interface"},{"id":2404,"kind":1024,"name":"key","url":"interfaces/IMenuItemProps.html#key","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2405,"kind":1024,"name":"disabled","url":"interfaces/IMenuItemProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2406,"kind":1024,"name":"className","url":"interfaces/IMenuItemProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2407,"kind":1024,"name":"specKey","url":"interfaces/IMenuItemProps.html#specKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2408,"kind":2048,"name":"onClick","url":"interfaces/IMenuItemProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2409,"kind":1024,"name":"isInline","url":"interfaces/IMenuItemProps.html#isInline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2410,"kind":2048,"name":"handleSelect","url":"interfaces/IMenuItemProps.html#handleSelect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2411,"kind":1024,"name":"selectedKey","url":"interfaces/IMenuItemProps.html#selectedKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2412,"kind":1024,"name":"depth","url":"interfaces/IMenuItemProps.html#depth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2413,"kind":1024,"name":"inlineIndent","url":"interfaces/IMenuItemProps.html#inlineIndent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMenuItemProps"},{"id":2414,"kind":128,"name":"MenuItem","url":"classes/MenuItem.html","classes":"tsd-kind-class"},{"id":2415,"kind":512,"name":"constructor","url":"classes/MenuItem.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"MenuItem"},{"id":2416,"kind":2048,"name":"handleClick","url":"classes/MenuItem.html#handleClick","classes":"tsd-kind-method tsd-parent-kind-class","parent":"MenuItem"},{"id":2417,"kind":2048,"name":"render","url":"classes/MenuItem.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"MenuItem"},{"id":2418,"kind":65536,"name":"__type","url":"classes/MenuItem.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"MenuItem"},{"id":2419,"kind":256,"name":"ISubMenuProps","url":"interfaces/ISubMenuProps.html","classes":"tsd-kind-interface"},{"id":2420,"kind":1024,"name":"key","url":"interfaces/ISubMenuProps.html#key","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2421,"kind":1024,"name":"title","url":"interfaces/ISubMenuProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2422,"kind":1024,"name":"disabled","url":"interfaces/ISubMenuProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2423,"kind":1024,"name":"overlayClassName","url":"interfaces/ISubMenuProps.html#overlayClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2424,"kind":1024,"name":"className","url":"interfaces/ISubMenuProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2425,"kind":1024,"name":"isInline","url":"interfaces/ISubMenuProps.html#isInline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2426,"kind":2048,"name":"onClick","url":"interfaces/ISubMenuProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2427,"kind":1024,"name":"specKey","url":"interfaces/ISubMenuProps.html#specKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2428,"kind":2048,"name":"onSubMenuClick","url":"interfaces/ISubMenuProps.html#onSubMenuClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2429,"kind":2048,"name":"toggleExpand","url":"interfaces/ISubMenuProps.html#toggleExpand","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2430,"kind":1024,"name":"depth","url":"interfaces/ISubMenuProps.html#depth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2431,"kind":1024,"name":"expandKeys","url":"interfaces/ISubMenuProps.html#expandKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2432,"kind":1024,"name":"inlineIndent","url":"interfaces/ISubMenuProps.html#inlineIndent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2433,"kind":1024,"name":"selectedKey","url":"interfaces/ISubMenuProps.html#selectedKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2434,"kind":2048,"name":"handleSelect","url":"interfaces/ISubMenuProps.html#handleSelect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISubMenuProps"},{"id":2435,"kind":256,"name":"ISubMenuState","url":"interfaces/ISubMenuState.html","classes":"tsd-kind-interface"},{"id":2436,"kind":1024,"name":"subMenuVisible","url":"interfaces/ISubMenuState.html#subMenuVisible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISubMenuState"},{"id":2437,"kind":64,"name":"Notice","url":"modules.html#Notice","classes":"tsd-kind-function"},{"id":2438,"kind":2,"name":"Notice","url":"modules/Notice.html","classes":"tsd-kind-namespace"},{"id":2439,"kind":64,"name":"push","url":"modules/Notice.html#push","classes":"tsd-kind-function tsd-parent-kind-namespace","parent":"Notice"},{"id":2440,"kind":32,"name":"close","url":"modules/Notice.html#close","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Notice"},{"id":2441,"kind":65536,"name":"__type","url":"modules/Notice.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-namespace","parent":"Notice"},{"id":2442,"kind":256,"name":"INoticeProps","url":"interfaces/INoticeProps.html","classes":"tsd-kind-interface"},{"id":2443,"kind":1024,"name":"title","url":"interfaces/INoticeProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2444,"kind":1024,"name":"className","url":"interfaces/INoticeProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2445,"kind":1024,"name":"style","url":"interfaces/INoticeProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2446,"kind":1024,"name":"type","url":"interfaces/INoticeProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2447,"kind":1024,"name":"closable","url":"interfaces/INoticeProps.html#closable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2448,"kind":2048,"name":"onClose","url":"interfaces/INoticeProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2449,"kind":1024,"name":"autoClose","url":"interfaces/INoticeProps.html#autoClose","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2450,"kind":1024,"name":"timeout","url":"interfaces/INoticeProps.html#timeout","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2451,"kind":1024,"name":"children","url":"interfaces/INoticeProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2452,"kind":1024,"name":"position","url":"interfaces/INoticeProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INoticeProps"},{"id":2453,"kind":32,"name":"Notify","url":"modules.html#Notify","classes":"tsd-kind-variable"},{"id":2454,"kind":65536,"name":"__type","url":"modules.html#Notify.__type","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"Notify"},{"id":2455,"kind":1024,"name":"info","url":"modules.html#Notify.__type.info","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2456,"kind":65536,"name":"__type","url":"modules.html#Notify.__type.__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2457,"kind":1024,"name":"success","url":"modules.html#Notify.__type.success","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2458,"kind":65536,"name":"__type","url":"modules.html#Notify.__type.__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2459,"kind":1024,"name":"warn","url":"modules.html#Notify.__type.warn","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2460,"kind":65536,"name":"__type","url":"modules.html#Notify.__type.__type-6","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2461,"kind":1024,"name":"error","url":"modules.html#Notify.__type.error","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2462,"kind":65536,"name":"__type","url":"modules.html#Notify.__type.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2463,"kind":1024,"name":"clear","url":"modules.html#Notify.__type.clear","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2464,"kind":65536,"name":"__type","url":"modules.html#Notify.__type.__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2465,"kind":1024,"name":"config","url":"modules.html#Notify.__type.config","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2466,"kind":65536,"name":"__type","url":"modules.html#Notify.__type.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Notify.__type"},{"id":2467,"kind":256,"name":"INumberInputCommonProps","url":"interfaces/INumberInputCommonProps.html","classes":"tsd-kind-interface"},{"id":2468,"kind":1024,"name":"type","url":"interfaces/INumberInputCommonProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputCommonProps"},{"id":2469,"kind":1024,"name":"showStepper","url":"interfaces/INumberInputCommonProps.html#showStepper","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputCommonProps"},{"id":2470,"kind":1024,"name":"showCounter","url":"interfaces/INumberInputCommonProps.html#showCounter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputCommonProps"},{"id":2471,"kind":1024,"name":"step","url":"interfaces/INumberInputCommonProps.html#step","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"INumberInputCommonProps"},{"id":2472,"kind":1024,"name":"showTooltip","url":"interfaces/INumberInputCommonProps.html#showTooltip","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputCommonProps"},{"id":2473,"kind":65536,"name":"__type","url":"interfaces/INumberInputCommonProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"INumberInputCommonProps"},{"id":2474,"kind":1024,"name":"inline","url":"interfaces/INumberInputCommonProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2475,"kind":1024,"name":"icon","url":"interfaces/INumberInputCommonProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2476,"kind":1024,"name":"size","url":"interfaces/INumberInputCommonProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2477,"kind":1024,"name":"iconPosition","url":"interfaces/INumberInputCommonProps.html#iconPosition","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2478,"kind":1024,"name":"showClear","url":"interfaces/INumberInputCommonProps.html#showClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2479,"kind":1024,"name":"addonBefore","url":"interfaces/INumberInputCommonProps.html#addonBefore","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2480,"kind":1024,"name":"addonAfter","url":"interfaces/INumberInputCommonProps.html#addonAfter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2481,"kind":1024,"name":"onIconClick","url":"interfaces/INumberInputCommonProps.html#onIconClick","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2482,"kind":1024,"name":"widthSize","url":"interfaces/INumberInputCommonProps.html#widthSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2483,"kind":1024,"name":"onPressEnter","url":"interfaces/INumberInputCommonProps.html#onPressEnter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2484,"kind":1024,"name":"autoSelect","url":"interfaces/INumberInputCommonProps.html#autoSelect","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2485,"kind":1024,"name":"initSelectionStart","url":"interfaces/INumberInputCommonProps.html#initSelectionStart","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2486,"kind":1024,"name":"initSelectionEnd","url":"interfaces/INumberInputCommonProps.html#initSelectionEnd","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputCommonProps"},{"id":2487,"kind":256,"name":"INumberInputDecimalProps","url":"interfaces/INumberInputDecimalProps.html","classes":"tsd-kind-interface"},{"id":2488,"kind":1024,"name":"integer","url":"interfaces/INumberInputDecimalProps.html#integer","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalProps"},{"id":2489,"kind":1024,"name":"value","url":"interfaces/INumberInputDecimalProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalProps"},{"id":2490,"kind":2048,"name":"onChange","url":"interfaces/INumberInputDecimalProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"INumberInputDecimalProps"},{"id":2491,"kind":1024,"name":"decimal","url":"interfaces/INumberInputDecimalProps.html#decimal","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalProps"},{"id":2492,"kind":2048,"name":"onInput","url":"interfaces/INumberInputDecimalProps.html#onInput","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"INumberInputDecimalProps"},{"id":2493,"kind":1024,"name":"min","url":"interfaces/INumberInputDecimalProps.html#min","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"INumberInputDecimalProps"},{"id":2494,"kind":1024,"name":"type","url":"interfaces/INumberInputDecimalProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2495,"kind":1024,"name":"showStepper","url":"interfaces/INumberInputDecimalProps.html#showStepper","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2496,"kind":1024,"name":"showCounter","url":"interfaces/INumberInputDecimalProps.html#showCounter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2497,"kind":1024,"name":"step","url":"interfaces/INumberInputDecimalProps.html#step","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2498,"kind":1024,"name":"showTooltip","url":"interfaces/INumberInputDecimalProps.html#showTooltip","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2499,"kind":65536,"name":"__type","url":"interfaces/INumberInputDecimalProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"INumberInputDecimalProps"},{"id":2500,"kind":1024,"name":"inline","url":"interfaces/INumberInputDecimalProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2501,"kind":1024,"name":"icon","url":"interfaces/INumberInputDecimalProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2502,"kind":1024,"name":"size","url":"interfaces/INumberInputDecimalProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2503,"kind":1024,"name":"iconPosition","url":"interfaces/INumberInputDecimalProps.html#iconPosition","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2504,"kind":1024,"name":"showClear","url":"interfaces/INumberInputDecimalProps.html#showClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2505,"kind":1024,"name":"addonBefore","url":"interfaces/INumberInputDecimalProps.html#addonBefore","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2506,"kind":1024,"name":"addonAfter","url":"interfaces/INumberInputDecimalProps.html#addonAfter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2507,"kind":1024,"name":"onIconClick","url":"interfaces/INumberInputDecimalProps.html#onIconClick","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2508,"kind":1024,"name":"widthSize","url":"interfaces/INumberInputDecimalProps.html#widthSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2509,"kind":1024,"name":"onPressEnter","url":"interfaces/INumberInputDecimalProps.html#onPressEnter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2510,"kind":1024,"name":"autoSelect","url":"interfaces/INumberInputDecimalProps.html#autoSelect","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2511,"kind":1024,"name":"initSelectionStart","url":"interfaces/INumberInputDecimalProps.html#initSelectionStart","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2512,"kind":1024,"name":"initSelectionEnd","url":"interfaces/INumberInputDecimalProps.html#initSelectionEnd","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputDecimalProps"},{"id":2513,"kind":256,"name":"INumberInputIntegerProps","url":"interfaces/INumberInputIntegerProps.html","classes":"tsd-kind-interface"},{"id":2514,"kind":1024,"name":"integer","url":"interfaces/INumberInputIntegerProps.html#integer","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerProps"},{"id":2515,"kind":1024,"name":"value","url":"interfaces/INumberInputIntegerProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerProps"},{"id":2516,"kind":2048,"name":"onChange","url":"interfaces/INumberInputIntegerProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"INumberInputIntegerProps"},{"id":2517,"kind":1024,"name":"min","url":"interfaces/INumberInputIntegerProps.html#min","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"INumberInputIntegerProps"},{"id":2518,"kind":1024,"name":"max","url":"interfaces/INumberInputIntegerProps.html#max","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"INumberInputIntegerProps"},{"id":2519,"kind":2048,"name":"onInput","url":"interfaces/INumberInputIntegerProps.html#onInput","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"INumberInputIntegerProps"},{"id":2520,"kind":1024,"name":"type","url":"interfaces/INumberInputIntegerProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2521,"kind":1024,"name":"showStepper","url":"interfaces/INumberInputIntegerProps.html#showStepper","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2522,"kind":1024,"name":"showCounter","url":"interfaces/INumberInputIntegerProps.html#showCounter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2523,"kind":1024,"name":"step","url":"interfaces/INumberInputIntegerProps.html#step","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2524,"kind":1024,"name":"showTooltip","url":"interfaces/INumberInputIntegerProps.html#showTooltip","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2525,"kind":65536,"name":"__type","url":"interfaces/INumberInputIntegerProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"INumberInputIntegerProps"},{"id":2526,"kind":1024,"name":"inline","url":"interfaces/INumberInputIntegerProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2527,"kind":1024,"name":"icon","url":"interfaces/INumberInputIntegerProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2528,"kind":1024,"name":"size","url":"interfaces/INumberInputIntegerProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2529,"kind":1024,"name":"iconPosition","url":"interfaces/INumberInputIntegerProps.html#iconPosition","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2530,"kind":1024,"name":"showClear","url":"interfaces/INumberInputIntegerProps.html#showClear","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2531,"kind":1024,"name":"addonBefore","url":"interfaces/INumberInputIntegerProps.html#addonBefore","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2532,"kind":1024,"name":"addonAfter","url":"interfaces/INumberInputIntegerProps.html#addonAfter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2533,"kind":1024,"name":"onIconClick","url":"interfaces/INumberInputIntegerProps.html#onIconClick","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2534,"kind":1024,"name":"widthSize","url":"interfaces/INumberInputIntegerProps.html#widthSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2535,"kind":1024,"name":"onPressEnter","url":"interfaces/INumberInputIntegerProps.html#onPressEnter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2536,"kind":1024,"name":"autoSelect","url":"interfaces/INumberInputIntegerProps.html#autoSelect","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2537,"kind":1024,"name":"initSelectionStart","url":"interfaces/INumberInputIntegerProps.html#initSelectionStart","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2538,"kind":1024,"name":"initSelectionEnd","url":"interfaces/INumberInputIntegerProps.html#initSelectionEnd","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"INumberInputIntegerProps"},{"id":2539,"kind":4194304,"name":"INumberInputProps","url":"modules.html#INumberInputProps","classes":"tsd-kind-type-alias"},{"id":2540,"kind":256,"name":"INumberInputIntegerState","url":"interfaces/INumberInputIntegerState.html","classes":"tsd-kind-interface"},{"id":2541,"kind":1024,"name":"prevProps","url":"interfaces/INumberInputIntegerState.html#prevProps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2542,"kind":1024,"name":"value","url":"interfaces/INumberInputIntegerState.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2543,"kind":1024,"name":"input","url":"interfaces/INumberInputIntegerState.html#input","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2544,"kind":1024,"name":"min","url":"interfaces/INumberInputIntegerState.html#min","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2545,"kind":1024,"name":"max","url":"interfaces/INumberInputIntegerState.html#max","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2546,"kind":1024,"name":"delta","url":"interfaces/INumberInputIntegerState.html#delta","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2547,"kind":1024,"name":"pop","url":"interfaces/INumberInputIntegerState.html#pop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2548,"kind":65536,"name":"__type","url":"interfaces/INumberInputIntegerState.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"INumberInputIntegerState"},{"id":2549,"kind":1024,"name":"visible","url":"interfaces/INumberInputIntegerState.html#__type.visible","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"INumberInputIntegerState.__type"},{"id":2550,"kind":1024,"name":"text","url":"interfaces/INumberInputIntegerState.html#__type.text","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"INumberInputIntegerState.__type"},{"id":2551,"kind":1024,"name":"type","url":"interfaces/INumberInputIntegerState.html#__type.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"INumberInputIntegerState.__type"},{"id":2552,"kind":256,"name":"INumberInputDecimalState","url":"interfaces/INumberInputDecimalState.html","classes":"tsd-kind-interface"},{"id":2553,"kind":1024,"name":"prevProps","url":"interfaces/INumberInputDecimalState.html#prevProps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2554,"kind":1024,"name":"value","url":"interfaces/INumberInputDecimalState.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2555,"kind":1024,"name":"input","url":"interfaces/INumberInputDecimalState.html#input","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2556,"kind":1024,"name":"min","url":"interfaces/INumberInputDecimalState.html#min","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2557,"kind":1024,"name":"max","url":"interfaces/INumberInputDecimalState.html#max","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2558,"kind":1024,"name":"delta","url":"interfaces/INumberInputDecimalState.html#delta","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2559,"kind":1024,"name":"pop","url":"interfaces/INumberInputDecimalState.html#pop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2560,"kind":65536,"name":"__type","url":"interfaces/INumberInputDecimalState.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"INumberInputDecimalState"},{"id":2561,"kind":1024,"name":"visible","url":"interfaces/INumberInputDecimalState.html#__type.visible","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"INumberInputDecimalState.__type"},{"id":2562,"kind":1024,"name":"text","url":"interfaces/INumberInputDecimalState.html#__type.text","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"INumberInputDecimalState.__type"},{"id":2563,"kind":1024,"name":"type","url":"interfaces/INumberInputDecimalState.html#__type.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"INumberInputDecimalState.__type"},{"id":2564,"kind":4194304,"name":"INumberInputState","url":"modules.html#INumberInputState","classes":"tsd-kind-type-alias"},{"id":2565,"kind":128,"name":"NumberInput","url":"classes/NumberInput.html","classes":"tsd-kind-class"},{"id":2566,"kind":1024,"name":"defaultProps","url":"classes/NumberInput.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"NumberInput"},{"id":2567,"kind":65536,"name":"__type","url":"classes/NumberInput.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"NumberInput"},{"id":2568,"kind":1024,"name":"integer","url":"classes/NumberInput.html#__type-1.integer","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"NumberInput.__type"},{"id":2569,"kind":1024,"name":"type","url":"classes/NumberInput.html#__type-1.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"NumberInput.__type"},{"id":2570,"kind":1024,"name":"decimal","url":"classes/NumberInput.html#__type-1.decimal","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"NumberInput.__type"},{"id":2571,"kind":1024,"name":"size","url":"classes/NumberInput.html#__type-1.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"NumberInput.__type"},{"id":2572,"kind":1024,"name":"contextType","url":"classes/NumberInput.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"NumberInput"},{"id":2573,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/NumberInput.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"NumberInput"},{"id":2574,"kind":512,"name":"constructor","url":"classes/NumberInput.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"NumberInput"},{"id":2575,"kind":1024,"name":"context","url":"classes/NumberInput.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"NumberInput"},{"id":2576,"kind":1024,"name":"focused","url":"classes/NumberInput.html#focused","classes":"tsd-kind-property tsd-parent-kind-class","parent":"NumberInput"},{"id":2577,"kind":1024,"name":"timer","url":"classes/NumberInput.html#timer","classes":"tsd-kind-property tsd-parent-kind-class","parent":"NumberInput"},{"id":2578,"kind":1024,"name":"inputRef","url":"classes/NumberInput.html#inputRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"NumberInput"},{"id":2579,"kind":2048,"name":"componentDidMount","url":"classes/NumberInput.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"NumberInput"},{"id":2580,"kind":2048,"name":"componentDidUpdate","url":"classes/NumberInput.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"NumberInput"},{"id":2581,"kind":2048,"name":"renderChild","url":"classes/NumberInput.html#renderChild","classes":"tsd-kind-method tsd-parent-kind-class","parent":"NumberInput"},{"id":2582,"kind":2048,"name":"renderInput","url":"classes/NumberInput.html#renderInput","classes":"tsd-kind-method tsd-parent-kind-class","parent":"NumberInput"},{"id":2583,"kind":2048,"name":"render","url":"classes/NumberInput.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"NumberInput"},{"id":2584,"kind":65536,"name":"__type","url":"classes/NumberInput.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"NumberInput"},{"id":2585,"kind":4194304,"name":"PaginationChangeHandler","url":"modules.html#PaginationChangeHandler","classes":"tsd-kind-type-alias"},{"id":2586,"kind":65536,"name":"__type","url":"modules.html#PaginationChangeHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"PaginationChangeHandler"},{"id":2587,"kind":256,"name":"IBasePaginationProps","url":"interfaces/IBasePaginationProps.html","classes":"tsd-kind-interface"},{"id":2588,"kind":1024,"name":"current","url":"interfaces/IBasePaginationProps.html#current","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2589,"kind":1024,"name":"pageSize","url":"interfaces/IBasePaginationProps.html#pageSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2590,"kind":1024,"name":"total","url":"interfaces/IBasePaginationProps.html#total","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2591,"kind":2048,"name":"formatTotal","url":"interfaces/IBasePaginationProps.html#formatTotal","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2592,"kind":1024,"name":"onChange","url":"interfaces/IBasePaginationProps.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2593,"kind":1024,"name":"lastPageHelp","url":"interfaces/IBasePaginationProps.html#lastPageHelp","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2594,"kind":1024,"name":"totalItem","url":"interfaces/IBasePaginationProps.html#totalItem","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2595,"kind":1024,"name":"className","url":"interfaces/IBasePaginationProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBasePaginationProps"},{"id":2596,"kind":256,"name":"IPaginationLayoutOptions","url":"interfaces/IPaginationLayoutOptions.html","classes":"tsd-kind-interface"},{"id":2597,"kind":1024,"name":"current","url":"interfaces/IPaginationLayoutOptions.html#current","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPaginationLayoutOptions"},{"id":2598,"kind":1024,"name":"total","url":"interfaces/IPaginationLayoutOptions.html#total","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPaginationLayoutOptions"},{"id":2599,"kind":1024,"name":"pageSize","url":"interfaces/IPaginationLayoutOptions.html#pageSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPaginationLayoutOptions"},{"id":2600,"kind":4194304,"name":"PaginationLayoutFunction","url":"modules.html#PaginationLayoutFunction","classes":"tsd-kind-type-alias"},{"id":2601,"kind":65536,"name":"__type","url":"modules.html#PaginationLayoutFunction.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"PaginationLayoutFunction"},{"id":2602,"kind":128,"name":"BasePagination","url":"classes/BasePagination.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":2603,"kind":512,"name":"constructor","url":"classes/BasePagination.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"BasePagination"},{"id":2604,"kind":1024,"name":"name","url":"classes/BasePagination.html#name","classes":"tsd-kind-property tsd-parent-kind-class","parent":"BasePagination"},{"id":2605,"kind":1024,"name":"layoutFn","url":"classes/BasePagination.html#layoutFn","classes":"tsd-kind-property tsd-parent-kind-class","parent":"BasePagination"},{"id":2606,"kind":1024,"name":"getLayout","url":"classes/BasePagination.html#getLayout","classes":"tsd-kind-property tsd-parent-kind-class","parent":"BasePagination"},{"id":2607,"kind":65536,"name":"__type","url":"classes/BasePagination.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"BasePagination"},{"id":2608,"kind":2048,"name":"shouldUpdateLayout","url":"classes/BasePagination.html#shouldUpdateLayout","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasePagination"},{"id":2609,"kind":2048,"name":"getLayoutOptions","url":"classes/BasePagination.html#getLayoutOptions","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasePagination"},{"id":2610,"kind":2048,"name":"onPageChange","url":"classes/BasePagination.html#onPageChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasePagination"},{"id":2611,"kind":2048,"name":"onPageSizeChange","url":"classes/BasePagination.html#onPageSizeChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasePagination"},{"id":2612,"kind":2048,"name":"getTotalPages","url":"classes/BasePagination.html#getTotalPages","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasePagination"},{"id":2613,"kind":2048,"name":"getTotal","url":"classes/BasePagination.html#getTotal","classes":"tsd-kind-method tsd-parent-kind-class","parent":"BasePagination"},{"id":2614,"kind":65536,"name":"__type","url":"classes/BasePagination.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"BasePagination"},{"id":2615,"kind":128,"name":"Pagination","url":"classes/Pagination.html","classes":"tsd-kind-class"},{"id":2616,"kind":1024,"name":"defaultProps","url":"classes/Pagination.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Pagination"},{"id":2617,"kind":65536,"name":"__type","url":"classes/Pagination.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Pagination"},{"id":2618,"kind":1024,"name":"current","url":"classes/Pagination.html#__type-2.current","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pagination.__type"},{"id":2619,"kind":1024,"name":"pageSize","url":"classes/Pagination.html#__type-2.pageSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pagination.__type"},{"id":2620,"kind":1024,"name":"buttonBordered","url":"classes/Pagination.html#__type-2.buttonBordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pagination.__type"},{"id":2621,"kind":1024,"name":"showQuickJumper","url":"classes/Pagination.html#__type-2.showQuickJumper","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pagination.__type"},{"id":2622,"kind":1024,"name":"showSizeChanger","url":"classes/Pagination.html#__type-2.showSizeChanger","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pagination.__type"},{"id":2623,"kind":512,"name":"constructor","url":"classes/Pagination.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2624,"kind":262144,"name":"name","url":"classes/Pagination.html#name","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Pagination"},{"id":2625,"kind":262144,"name":"layoutFn","url":"classes/Pagination.html#layoutFn","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Pagination"},{"id":2626,"kind":2048,"name":"render","url":"classes/Pagination.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2627,"kind":1024,"name":"getLayout","url":"classes/Pagination.html#getLayout","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2628,"kind":65536,"name":"__type","url":"classes/Pagination.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Pagination"},{"id":2629,"kind":2048,"name":"shouldUpdateLayout","url":"classes/Pagination.html#shouldUpdateLayout","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2630,"kind":2048,"name":"getLayoutOptions","url":"classes/Pagination.html#getLayoutOptions","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2631,"kind":2048,"name":"onPageChange","url":"classes/Pagination.html#onPageChange","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2632,"kind":2048,"name":"onPageSizeChange","url":"classes/Pagination.html#onPageSizeChange","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2633,"kind":2048,"name":"getTotalPages","url":"classes/Pagination.html#getTotalPages","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2634,"kind":2048,"name":"getTotal","url":"classes/Pagination.html#getTotal","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Pagination"},{"id":2635,"kind":65536,"name":"__type","url":"classes/Pagination.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Pagination"},{"id":2636,"kind":128,"name":"LitePagination","url":"classes/LitePagination.html","classes":"tsd-kind-class"},{"id":2637,"kind":1024,"name":"defaultProps","url":"classes/LitePagination.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"LitePagination"},{"id":2638,"kind":65536,"name":"__type","url":"classes/LitePagination.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LitePagination"},{"id":2639,"kind":1024,"name":"current","url":"classes/LitePagination.html#__type-2.current","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LitePagination.__type"},{"id":2640,"kind":1024,"name":"pageSize","url":"classes/LitePagination.html#__type-2.pageSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LitePagination.__type"},{"id":2641,"kind":1024,"name":"buttonBordered","url":"classes/LitePagination.html#__type-2.buttonBordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LitePagination.__type"},{"id":2642,"kind":1024,"name":"showQuickJumper","url":"classes/LitePagination.html#__type-2.showQuickJumper","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LitePagination.__type"},{"id":2643,"kind":1024,"name":"showSizeChanger","url":"classes/LitePagination.html#__type-2.showSizeChanger","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"LitePagination.__type"},{"id":2644,"kind":512,"name":"constructor","url":"classes/LitePagination.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2645,"kind":262144,"name":"name","url":"classes/LitePagination.html#name","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"LitePagination"},{"id":2646,"kind":262144,"name":"layoutFn","url":"classes/LitePagination.html#layoutFn","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"LitePagination"},{"id":2647,"kind":2048,"name":"render","url":"classes/LitePagination.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2648,"kind":1024,"name":"getLayout","url":"classes/LitePagination.html#getLayout","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2649,"kind":65536,"name":"__type","url":"classes/LitePagination.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LitePagination"},{"id":2650,"kind":2048,"name":"shouldUpdateLayout","url":"classes/LitePagination.html#shouldUpdateLayout","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2651,"kind":2048,"name":"getLayoutOptions","url":"classes/LitePagination.html#getLayoutOptions","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2652,"kind":2048,"name":"onPageChange","url":"classes/LitePagination.html#onPageChange","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2653,"kind":2048,"name":"onPageSizeChange","url":"classes/LitePagination.html#onPageSizeChange","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2654,"kind":2048,"name":"getTotalPages","url":"classes/LitePagination.html#getTotalPages","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2655,"kind":2048,"name":"getTotal","url":"classes/LitePagination.html#getTotal","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"LitePagination"},{"id":2656,"kind":65536,"name":"__type","url":"classes/LitePagination.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"LitePagination"},{"id":2657,"kind":256,"name":"IMiniPaginationProps","url":"interfaces/IMiniPaginationProps.html","classes":"tsd-kind-interface"},{"id":2658,"kind":1024,"name":"buttonBordered","url":"interfaces/IMiniPaginationProps.html#buttonBordered","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IMiniPaginationProps"},{"id":2659,"kind":1024,"name":"current","url":"interfaces/IMiniPaginationProps.html#current","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2660,"kind":1024,"name":"pageSize","url":"interfaces/IMiniPaginationProps.html#pageSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2661,"kind":1024,"name":"total","url":"interfaces/IMiniPaginationProps.html#total","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2662,"kind":2048,"name":"formatTotal","url":"interfaces/IMiniPaginationProps.html#formatTotal","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2663,"kind":1024,"name":"onChange","url":"interfaces/IMiniPaginationProps.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2664,"kind":1024,"name":"lastPageHelp","url":"interfaces/IMiniPaginationProps.html#lastPageHelp","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2665,"kind":1024,"name":"totalItem","url":"interfaces/IMiniPaginationProps.html#totalItem","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2666,"kind":1024,"name":"className","url":"interfaces/IMiniPaginationProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IMiniPaginationProps"},{"id":2667,"kind":128,"name":"MiniPagination","url":"classes/MiniPagination.html","classes":"tsd-kind-class"},{"id":2668,"kind":1024,"name":"defaultProps","url":"classes/MiniPagination.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"MiniPagination"},{"id":2669,"kind":65536,"name":"__type","url":"classes/MiniPagination.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"MiniPagination"},{"id":2670,"kind":1024,"name":"current","url":"classes/MiniPagination.html#__type-2.current","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MiniPagination.__type"},{"id":2671,"kind":1024,"name":"pageSize","url":"classes/MiniPagination.html#__type-2.pageSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MiniPagination.__type"},{"id":2672,"kind":1024,"name":"buttonBordered","url":"classes/MiniPagination.html#__type-2.buttonBordered","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"MiniPagination.__type"},{"id":2673,"kind":512,"name":"constructor","url":"classes/MiniPagination.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2674,"kind":262144,"name":"name","url":"classes/MiniPagination.html#name","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2675,"kind":262144,"name":"layoutFn","url":"classes/MiniPagination.html#layoutFn","classes":"tsd-kind-get-signature tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2676,"kind":2048,"name":"render","url":"classes/MiniPagination.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"MiniPagination"},{"id":2677,"kind":1024,"name":"getLayout","url":"classes/MiniPagination.html#getLayout","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2678,"kind":65536,"name":"__type","url":"classes/MiniPagination.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"MiniPagination"},{"id":2679,"kind":2048,"name":"shouldUpdateLayout","url":"classes/MiniPagination.html#shouldUpdateLayout","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2680,"kind":2048,"name":"getLayoutOptions","url":"classes/MiniPagination.html#getLayoutOptions","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2681,"kind":2048,"name":"onPageChange","url":"classes/MiniPagination.html#onPageChange","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2682,"kind":2048,"name":"onPageSizeChange","url":"classes/MiniPagination.html#onPageSizeChange","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2683,"kind":2048,"name":"getTotalPages","url":"classes/MiniPagination.html#getTotalPages","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2684,"kind":2048,"name":"getTotal","url":"classes/MiniPagination.html#getTotal","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"MiniPagination"},{"id":2685,"kind":65536,"name":"__type","url":"classes/MiniPagination.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"MiniPagination"},{"id":2686,"kind":32,"name":"Placeholder","url":"modules.html#Placeholder","classes":"tsd-kind-variable"},{"id":2687,"kind":65536,"name":"__type","url":"modules.html#Placeholder.__type","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"Placeholder"},{"id":2688,"kind":1024,"name":"TextRow","url":"modules.html#Placeholder.__type.TextRow","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Placeholder.__type"},{"id":2689,"kind":1024,"name":"TextRowDashed","url":"modules.html#Placeholder.__type.TextRowDashed","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Placeholder.__type"},{"id":2690,"kind":1024,"name":"Circle","url":"modules.html#Placeholder.__type.Circle","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Placeholder.__type"},{"id":2691,"kind":1024,"name":"Rectangle","url":"modules.html#Placeholder.__type.Rectangle","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Placeholder.__type"},{"id":2692,"kind":1024,"name":"TextBlock","url":"modules.html#Placeholder.__type.TextBlock","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Placeholder.__type"},{"id":2693,"kind":1024,"name":"RichTextBlock","url":"modules.html#Placeholder.__type.RichTextBlock","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Placeholder.__type"},{"id":2694,"kind":256,"name":"IPlaceholderTextRowProps","url":"interfaces/IPlaceholderTextRowProps.html","classes":"tsd-kind-interface"},{"id":2695,"kind":1024,"name":"className","url":"interfaces/IPlaceholderTextRowProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowProps"},{"id":2696,"kind":1024,"name":"style","url":"interfaces/IPlaceholderTextRowProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowProps"},{"id":2697,"kind":1024,"name":"animate","url":"interfaces/IPlaceholderTextRowProps.html#animate","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowProps"},{"id":2698,"kind":1024,"name":"lineSpacing","url":"interfaces/IPlaceholderTextRowProps.html#lineSpacing","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowProps"},{"id":2699,"kind":256,"name":"IPlaceholderTextRowDashedProps","url":"interfaces/IPlaceholderTextRowDashedProps.html","classes":"tsd-kind-interface"},{"id":2700,"kind":1024,"name":"className","url":"interfaces/IPlaceholderTextRowDashedProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowDashedProps"},{"id":2701,"kind":1024,"name":"style","url":"interfaces/IPlaceholderTextRowDashedProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowDashedProps"},{"id":2702,"kind":1024,"name":"lineSpacing","url":"interfaces/IPlaceholderTextRowDashedProps.html#lineSpacing","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowDashedProps"},{"id":2703,"kind":1024,"name":"animate","url":"interfaces/IPlaceholderTextRowDashedProps.html#animate","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowDashedProps"},{"id":2704,"kind":1024,"name":"segments","url":"interfaces/IPlaceholderTextRowDashedProps.html#segments","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowDashedProps"},{"id":2705,"kind":256,"name":"IPlaceholderTextRowDashedState","url":"interfaces/IPlaceholderTextRowDashedState.html","classes":"tsd-kind-interface"},{"id":2706,"kind":1024,"name":"segments","url":"interfaces/IPlaceholderTextRowDashedState.html#segments","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextRowDashedState"},{"id":2707,"kind":256,"name":"IPlaceholderCicleProps","url":"interfaces/IPlaceholderCicleProps.html","classes":"tsd-kind-interface"},{"id":2708,"kind":1024,"name":"diameter","url":"interfaces/IPlaceholderCicleProps.html#diameter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderCicleProps"},{"id":2709,"kind":1024,"name":"className","url":"interfaces/IPlaceholderCicleProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPlaceholderCicleProps"},{"id":2710,"kind":1024,"name":"style","url":"interfaces/IPlaceholderCicleProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPlaceholderCicleProps"},{"id":2711,"kind":1024,"name":"animate","url":"interfaces/IPlaceholderCicleProps.html#animate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPlaceholderCicleProps"},{"id":2712,"kind":256,"name":"IPlaceholderRectangleProps","url":"interfaces/IPlaceholderRectangleProps.html","classes":"tsd-kind-interface"},{"id":2713,"kind":1024,"name":"width","url":"interfaces/IPlaceholderRectangleProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRectangleProps"},{"id":2714,"kind":1024,"name":"height","url":"interfaces/IPlaceholderRectangleProps.html#height","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRectangleProps"},{"id":2715,"kind":1024,"name":"className","url":"interfaces/IPlaceholderRectangleProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPlaceholderRectangleProps"},{"id":2716,"kind":1024,"name":"style","url":"interfaces/IPlaceholderRectangleProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPlaceholderRectangleProps"},{"id":2717,"kind":1024,"name":"animate","url":"interfaces/IPlaceholderRectangleProps.html#animate","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPlaceholderRectangleProps"},{"id":2718,"kind":256,"name":"IPlaceholderTextBlockProps","url":"interfaces/IPlaceholderTextBlockProps.html","classes":"tsd-kind-interface"},{"id":2719,"kind":1024,"name":"rows","url":"interfaces/IPlaceholderTextBlockProps.html#rows","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2720,"kind":1024,"name":"lineSpacing","url":"interfaces/IPlaceholderTextBlockProps.html#lineSpacing","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2721,"kind":1024,"name":"widths","url":"interfaces/IPlaceholderTextBlockProps.html#widths","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2722,"kind":1024,"name":"dashSegments","url":"interfaces/IPlaceholderTextBlockProps.html#dashSegments","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2723,"kind":1024,"name":"animate","url":"interfaces/IPlaceholderTextBlockProps.html#animate","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2724,"kind":1024,"name":"dashed","url":"interfaces/IPlaceholderTextBlockProps.html#dashed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2725,"kind":1024,"name":"style","url":"interfaces/IPlaceholderTextBlockProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2726,"kind":1024,"name":"className","url":"interfaces/IPlaceholderTextBlockProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderTextBlockProps"},{"id":2727,"kind":256,"name":"IPlaceholderRichTextBlock","url":"interfaces/IPlaceholderRichTextBlock.html","classes":"tsd-kind-interface"},{"id":2728,"kind":1024,"name":"className","url":"interfaces/IPlaceholderRichTextBlock.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2729,"kind":1024,"name":"style","url":"interfaces/IPlaceholderRichTextBlock.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2730,"kind":1024,"name":"rows","url":"interfaces/IPlaceholderRichTextBlock.html#rows","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2731,"kind":1024,"name":"shape","url":"interfaces/IPlaceholderRichTextBlock.html#shape","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2732,"kind":1024,"name":"size","url":"interfaces/IPlaceholderRichTextBlock.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2733,"kind":1024,"name":"animate","url":"interfaces/IPlaceholderRichTextBlock.html#animate","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2734,"kind":1024,"name":"dashed","url":"interfaces/IPlaceholderRichTextBlock.html#dashed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2735,"kind":1024,"name":"widths","url":"interfaces/IPlaceholderRichTextBlock.html#widths","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2736,"kind":1024,"name":"dashSegments","url":"interfaces/IPlaceholderRichTextBlock.html#dashSegments","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2737,"kind":1024,"name":"lineSpacing","url":"interfaces/IPlaceholderRichTextBlock.html#lineSpacing","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPlaceholderRichTextBlock"},{"id":2738,"kind":256,"name":"IPopNoneTriggerProps","url":"interfaces/IPopNoneTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2739,"kind":1024,"name":"trigger","url":"interfaces/IPopNoneTriggerProps.html#trigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopNoneTriggerProps"},{"id":2740,"kind":1024,"name":"children","url":"interfaces/IPopNoneTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2741,"kind":1024,"name":"content","url":"interfaces/IPopNoneTriggerProps.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2742,"kind":1024,"name":"position","url":"interfaces/IPopNoneTriggerProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2743,"kind":1024,"name":"cushion","url":"interfaces/IPopNoneTriggerProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2744,"kind":1024,"name":"centerArrow","url":"interfaces/IPopNoneTriggerProps.html#centerArrow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2745,"kind":1024,"name":"header","url":"interfaces/IPopNoneTriggerProps.html#header","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2746,"kind":2048,"name":"onShow","url":"interfaces/IPopNoneTriggerProps.html#onShow","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2747,"kind":2048,"name":"onClose","url":"interfaces/IPopNoneTriggerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2748,"kind":1024,"name":"onBeforeShow","url":"interfaces/IPopNoneTriggerProps.html#onBeforeShow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2749,"kind":1024,"name":"onBeforeClose","url":"interfaces/IPopNoneTriggerProps.html#onBeforeClose","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2750,"kind":1024,"name":"type","url":"interfaces/IPopNoneTriggerProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2751,"kind":1024,"name":"visible","url":"interfaces/IPopNoneTriggerProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2752,"kind":2048,"name":"onVisibleChange","url":"interfaces/IPopNoneTriggerProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2753,"kind":2048,"name":"onPositionUpdated","url":"interfaces/IPopNoneTriggerProps.html#onPositionUpdated","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2754,"kind":2048,"name":"onPositionReady","url":"interfaces/IPopNoneTriggerProps.html#onPositionReady","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2755,"kind":1024,"name":"className","url":"interfaces/IPopNoneTriggerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2756,"kind":1024,"name":"style","url":"interfaces/IPopNoneTriggerProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2757,"kind":1024,"name":"containerSelector","url":"interfaces/IPopNoneTriggerProps.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2758,"kind":1024,"name":"onConfirm","url":"interfaces/IPopNoneTriggerProps.html#onConfirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2759,"kind":1024,"name":"onCancel","url":"interfaces/IPopNoneTriggerProps.html#onCancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2760,"kind":1024,"name":"confirmText","url":"interfaces/IPopNoneTriggerProps.html#confirmText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2761,"kind":1024,"name":"cancelText","url":"interfaces/IPopNoneTriggerProps.html#cancelText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopNoneTriggerProps"},{"id":2762,"kind":256,"name":"IPopClickTriggerProps","url":"interfaces/IPopClickTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2763,"kind":1024,"name":"trigger","url":"interfaces/IPopClickTriggerProps.html#trigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopClickTriggerProps"},{"id":2764,"kind":1024,"name":"closeOnClickOutside","url":"interfaces/IPopClickTriggerProps.html#closeOnClickOutside","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2765,"kind":1024,"name":"toggle","url":"interfaces/IPopClickTriggerProps.html#toggle","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2766,"kind":1024,"name":"getElement","url":"interfaces/IPopClickTriggerProps.html#getElement","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2767,"kind":1024,"name":"children","url":"interfaces/IPopClickTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2768,"kind":1024,"name":"content","url":"interfaces/IPopClickTriggerProps.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2769,"kind":1024,"name":"position","url":"interfaces/IPopClickTriggerProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2770,"kind":1024,"name":"cushion","url":"interfaces/IPopClickTriggerProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2771,"kind":1024,"name":"centerArrow","url":"interfaces/IPopClickTriggerProps.html#centerArrow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2772,"kind":1024,"name":"header","url":"interfaces/IPopClickTriggerProps.html#header","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2773,"kind":2048,"name":"onShow","url":"interfaces/IPopClickTriggerProps.html#onShow","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2774,"kind":2048,"name":"onClose","url":"interfaces/IPopClickTriggerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2775,"kind":1024,"name":"onBeforeShow","url":"interfaces/IPopClickTriggerProps.html#onBeforeShow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2776,"kind":1024,"name":"onBeforeClose","url":"interfaces/IPopClickTriggerProps.html#onBeforeClose","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2777,"kind":1024,"name":"type","url":"interfaces/IPopClickTriggerProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2778,"kind":1024,"name":"visible","url":"interfaces/IPopClickTriggerProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2779,"kind":2048,"name":"onVisibleChange","url":"interfaces/IPopClickTriggerProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2780,"kind":2048,"name":"onPositionUpdated","url":"interfaces/IPopClickTriggerProps.html#onPositionUpdated","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2781,"kind":2048,"name":"onPositionReady","url":"interfaces/IPopClickTriggerProps.html#onPositionReady","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2782,"kind":1024,"name":"className","url":"interfaces/IPopClickTriggerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2783,"kind":1024,"name":"style","url":"interfaces/IPopClickTriggerProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2784,"kind":1024,"name":"containerSelector","url":"interfaces/IPopClickTriggerProps.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2785,"kind":1024,"name":"onConfirm","url":"interfaces/IPopClickTriggerProps.html#onConfirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2786,"kind":1024,"name":"onCancel","url":"interfaces/IPopClickTriggerProps.html#onCancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2787,"kind":1024,"name":"confirmText","url":"interfaces/IPopClickTriggerProps.html#confirmText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2788,"kind":1024,"name":"cancelText","url":"interfaces/IPopClickTriggerProps.html#cancelText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopClickTriggerProps"},{"id":2789,"kind":256,"name":"IPopHoverTriggerProps","url":"interfaces/IPopHoverTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2790,"kind":1024,"name":"trigger","url":"interfaces/IPopHoverTriggerProps.html#trigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopHoverTriggerProps"},{"id":2791,"kind":1024,"name":"mouseEnterDelay","url":"interfaces/IPopHoverTriggerProps.html#mouseEnterDelay","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopHoverTriggerProps"},{"id":2792,"kind":1024,"name":"mouseLeaveDelay","url":"interfaces/IPopHoverTriggerProps.html#mouseLeaveDelay","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopHoverTriggerProps"},{"id":2793,"kind":1024,"name":"fixMouseEventsOnDisabledChildren","url":"interfaces/IPopHoverTriggerProps.html#fixMouseEventsOnDisabledChildren","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IPopHoverTriggerProps"},{"id":2794,"kind":1024,"name":"hideDelay","url":"interfaces/IPopHoverTriggerProps.html#hideDelay","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2795,"kind":1024,"name":"showDelay","url":"interfaces/IPopHoverTriggerProps.html#showDelay","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2796,"kind":1024,"name":"anchorOnly","url":"interfaces/IPopHoverTriggerProps.html#anchorOnly","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2797,"kind":1024,"name":"getElement","url":"interfaces/IPopHoverTriggerProps.html#getElement","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2798,"kind":1024,"name":"children","url":"interfaces/IPopHoverTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2799,"kind":1024,"name":"content","url":"interfaces/IPopHoverTriggerProps.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2800,"kind":1024,"name":"position","url":"interfaces/IPopHoverTriggerProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2801,"kind":1024,"name":"cushion","url":"interfaces/IPopHoverTriggerProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2802,"kind":1024,"name":"centerArrow","url":"interfaces/IPopHoverTriggerProps.html#centerArrow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2803,"kind":1024,"name":"header","url":"interfaces/IPopHoverTriggerProps.html#header","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2804,"kind":2048,"name":"onShow","url":"interfaces/IPopHoverTriggerProps.html#onShow","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2805,"kind":2048,"name":"onClose","url":"interfaces/IPopHoverTriggerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2806,"kind":1024,"name":"onBeforeShow","url":"interfaces/IPopHoverTriggerProps.html#onBeforeShow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2807,"kind":1024,"name":"onBeforeClose","url":"interfaces/IPopHoverTriggerProps.html#onBeforeClose","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2808,"kind":1024,"name":"type","url":"interfaces/IPopHoverTriggerProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2809,"kind":1024,"name":"visible","url":"interfaces/IPopHoverTriggerProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2810,"kind":2048,"name":"onVisibleChange","url":"interfaces/IPopHoverTriggerProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2811,"kind":2048,"name":"onPositionUpdated","url":"interfaces/IPopHoverTriggerProps.html#onPositionUpdated","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2812,"kind":2048,"name":"onPositionReady","url":"interfaces/IPopHoverTriggerProps.html#onPositionReady","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2813,"kind":1024,"name":"className","url":"interfaces/IPopHoverTriggerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2814,"kind":1024,"name":"style","url":"interfaces/IPopHoverTriggerProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2815,"kind":1024,"name":"containerSelector","url":"interfaces/IPopHoverTriggerProps.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2816,"kind":1024,"name":"onConfirm","url":"interfaces/IPopHoverTriggerProps.html#onConfirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2817,"kind":1024,"name":"onCancel","url":"interfaces/IPopHoverTriggerProps.html#onCancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2818,"kind":1024,"name":"confirmText","url":"interfaces/IPopHoverTriggerProps.html#confirmText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2819,"kind":1024,"name":"cancelText","url":"interfaces/IPopHoverTriggerProps.html#cancelText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopHoverTriggerProps"},{"id":2820,"kind":256,"name":"IPopFocusTriggerProps","url":"interfaces/IPopFocusTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2821,"kind":1024,"name":"trigger","url":"interfaces/IPopFocusTriggerProps.html#trigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopFocusTriggerProps"},{"id":2822,"kind":1024,"name":"getElement","url":"interfaces/IPopFocusTriggerProps.html#getElement","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2823,"kind":1024,"name":"children","url":"interfaces/IPopFocusTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2824,"kind":1024,"name":"content","url":"interfaces/IPopFocusTriggerProps.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2825,"kind":1024,"name":"position","url":"interfaces/IPopFocusTriggerProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2826,"kind":1024,"name":"cushion","url":"interfaces/IPopFocusTriggerProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2827,"kind":1024,"name":"centerArrow","url":"interfaces/IPopFocusTriggerProps.html#centerArrow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2828,"kind":1024,"name":"header","url":"interfaces/IPopFocusTriggerProps.html#header","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2829,"kind":2048,"name":"onShow","url":"interfaces/IPopFocusTriggerProps.html#onShow","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2830,"kind":2048,"name":"onClose","url":"interfaces/IPopFocusTriggerProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2831,"kind":1024,"name":"onBeforeShow","url":"interfaces/IPopFocusTriggerProps.html#onBeforeShow","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2832,"kind":1024,"name":"onBeforeClose","url":"interfaces/IPopFocusTriggerProps.html#onBeforeClose","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2833,"kind":1024,"name":"type","url":"interfaces/IPopFocusTriggerProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2834,"kind":1024,"name":"visible","url":"interfaces/IPopFocusTriggerProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2835,"kind":2048,"name":"onVisibleChange","url":"interfaces/IPopFocusTriggerProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2836,"kind":2048,"name":"onPositionUpdated","url":"interfaces/IPopFocusTriggerProps.html#onPositionUpdated","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2837,"kind":2048,"name":"onPositionReady","url":"interfaces/IPopFocusTriggerProps.html#onPositionReady","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2838,"kind":1024,"name":"className","url":"interfaces/IPopFocusTriggerProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2839,"kind":1024,"name":"style","url":"interfaces/IPopFocusTriggerProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2840,"kind":1024,"name":"containerSelector","url":"interfaces/IPopFocusTriggerProps.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2841,"kind":1024,"name":"onConfirm","url":"interfaces/IPopFocusTriggerProps.html#onConfirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2842,"kind":1024,"name":"onCancel","url":"interfaces/IPopFocusTriggerProps.html#onCancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2843,"kind":1024,"name":"confirmText","url":"interfaces/IPopFocusTriggerProps.html#confirmText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2844,"kind":1024,"name":"cancelText","url":"interfaces/IPopFocusTriggerProps.html#cancelText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopFocusTriggerProps"},{"id":2845,"kind":4194304,"name":"PopPositions","url":"modules.html#PopPositions","classes":"tsd-kind-type-alias"},{"id":2846,"kind":256,"name":"IPopCommonProps","url":"interfaces/IPopCommonProps.html","classes":"tsd-kind-interface"},{"id":2847,"kind":1024,"name":"content","url":"interfaces/IPopCommonProps.html#content","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2848,"kind":1024,"name":"position","url":"interfaces/IPopCommonProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2849,"kind":1024,"name":"cushion","url":"interfaces/IPopCommonProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2850,"kind":1024,"name":"centerArrow","url":"interfaces/IPopCommonProps.html#centerArrow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2851,"kind":1024,"name":"header","url":"interfaces/IPopCommonProps.html#header","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2852,"kind":2048,"name":"onShow","url":"interfaces/IPopCommonProps.html#onShow","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2853,"kind":2048,"name":"onClose","url":"interfaces/IPopCommonProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2854,"kind":1024,"name":"onBeforeShow","url":"interfaces/IPopCommonProps.html#onBeforeShow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2855,"kind":1024,"name":"onBeforeClose","url":"interfaces/IPopCommonProps.html#onBeforeClose","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2856,"kind":1024,"name":"type","url":"interfaces/IPopCommonProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2857,"kind":1024,"name":"visible","url":"interfaces/IPopCommonProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2858,"kind":2048,"name":"onVisibleChange","url":"interfaces/IPopCommonProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2859,"kind":2048,"name":"onPositionUpdated","url":"interfaces/IPopCommonProps.html#onPositionUpdated","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2860,"kind":2048,"name":"onPositionReady","url":"interfaces/IPopCommonProps.html#onPositionReady","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2861,"kind":1024,"name":"className","url":"interfaces/IPopCommonProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2862,"kind":1024,"name":"style","url":"interfaces/IPopCommonProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2863,"kind":1024,"name":"containerSelector","url":"interfaces/IPopCommonProps.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2864,"kind":1024,"name":"onConfirm","url":"interfaces/IPopCommonProps.html#onConfirm","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2865,"kind":1024,"name":"onCancel","url":"interfaces/IPopCommonProps.html#onCancel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2866,"kind":1024,"name":"confirmText","url":"interfaces/IPopCommonProps.html#confirmText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2867,"kind":1024,"name":"cancelText","url":"interfaces/IPopCommonProps.html#cancelText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopCommonProps"},{"id":2868,"kind":4194304,"name":"IPopProps","url":"modules.html#IPopProps","classes":"tsd-kind-type-alias"},{"id":2869,"kind":256,"name":"IPopState","url":"interfaces/IPopState.html","classes":"tsd-kind-interface"},{"id":2870,"kind":1024,"name":"confirmPending","url":"interfaces/IPopState.html#confirmPending","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopState"},{"id":2871,"kind":1024,"name":"cancelPending","url":"interfaces/IPopState.html#cancelPending","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopState"},{"id":2872,"kind":128,"name":"Pop","url":"classes/Pop.html","classes":"tsd-kind-class"},{"id":2873,"kind":1024,"name":"defaultProps","url":"classes/Pop.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Pop"},{"id":2874,"kind":65536,"name":"__type","url":"classes/Pop.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Pop"},{"id":2875,"kind":1024,"name":"trigger","url":"classes/Pop.html#__type-2.trigger","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2876,"kind":1024,"name":"position","url":"classes/Pop.html#__type-2.position","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2877,"kind":1024,"name":"cushion","url":"classes/Pop.html#__type-2.cushion","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2878,"kind":1024,"name":"type","url":"classes/Pop.html#__type-2.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2879,"kind":1024,"name":"mouseLeaveDelay","url":"classes/Pop.html#__type-2.mouseLeaveDelay","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2880,"kind":1024,"name":"mouseEnterDelay","url":"classes/Pop.html#__type-2.mouseEnterDelay","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2881,"kind":1024,"name":"containerSelector","url":"classes/Pop.html#__type-2.containerSelector","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2882,"kind":1024,"name":"withPop","url":"classes/Pop.html#withPop","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Pop"},{"id":2883,"kind":65536,"name":"__type","url":"classes/Pop.html#__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Pop"},{"id":2884,"kind":512,"name":"constructor","url":"classes/Pop.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Pop"},{"id":2885,"kind":1024,"name":"state","url":"classes/Pop.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Pop"},{"id":2886,"kind":65536,"name":"__type","url":"classes/Pop.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Pop"},{"id":2887,"kind":1024,"name":"confirmPending","url":"classes/Pop.html#__type-1.confirmPending","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2888,"kind":1024,"name":"cancelPending","url":"classes/Pop.html#__type-1.cancelPending","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Pop.__type"},{"id":2889,"kind":2048,"name":"changePending","url":"classes/Pop.html#changePending","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Pop"},{"id":2890,"kind":2048,"name":"adjustPosition","url":"classes/Pop.html#adjustPosition","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Pop"},{"id":2891,"kind":2048,"name":"getWrappedPopover","url":"classes/Pop.html#getWrappedPopover","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Pop"},{"id":2892,"kind":2048,"name":"renderTrigger","url":"classes/Pop.html#renderTrigger","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Pop"},{"id":2893,"kind":2048,"name":"componentWillUnmount","url":"classes/Pop.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Pop"},{"id":2894,"kind":2048,"name":"render","url":"classes/Pop.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Pop"},{"id":2895,"kind":65536,"name":"__type","url":"classes/Pop.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Pop"},{"id":2896,"kind":256,"name":"IPopoverBeforeHook","url":"interfaces/IPopoverBeforeHook.html","classes":"tsd-kind-interface"},{"id":2897,"kind":256,"name":"IPopoverProps","url":"interfaces/IPopoverProps.html","classes":"tsd-kind-interface"},{"id":2898,"kind":1024,"name":"position","url":"interfaces/IPopoverProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2899,"kind":1024,"name":"cushion","url":"interfaces/IPopoverProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2900,"kind":2048,"name":"onShow","url":"interfaces/IPopoverProps.html#onShow","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2901,"kind":2048,"name":"onClose","url":"interfaces/IPopoverProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2902,"kind":1024,"name":"onBeforeShow","url":"interfaces/IPopoverProps.html#onBeforeShow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2903,"kind":1024,"name":"onBeforeClose","url":"interfaces/IPopoverProps.html#onBeforeClose","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2904,"kind":1024,"name":"containerSelector","url":"interfaces/IPopoverProps.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2905,"kind":1024,"name":"visible","url":"interfaces/IPopoverProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2906,"kind":2048,"name":"onVisibleChange","url":"interfaces/IPopoverProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2907,"kind":2048,"name":"onPositionUpdated","url":"interfaces/IPopoverProps.html#onPositionUpdated","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2908,"kind":2048,"name":"onPositionReady","url":"interfaces/IPopoverProps.html#onPositionReady","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2909,"kind":1024,"name":"className","url":"interfaces/IPopoverProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2910,"kind":1024,"name":"style","url":"interfaces/IPopoverProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverProps"},{"id":2911,"kind":256,"name":"IPopoverState","url":"interfaces/IPopoverState.html","classes":"tsd-kind-interface"},{"id":2912,"kind":1024,"name":"visible","url":"interfaces/IPopoverState.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverState"},{"id":2913,"kind":128,"name":"Popover","url":"classes/Popover.html","classes":"tsd-kind-class"},{"id":2914,"kind":1024,"name":"contextType","url":"classes/Popover.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Popover"},{"id":2915,"kind":1024,"name":"defaultProps","url":"classes/Popover.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2916,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-8","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Popover"},{"id":2917,"kind":1024,"name":"cushion","url":"classes/Popover.html#__type-8.cushion","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Popover.__type"},{"id":2918,"kind":1024,"name":"containerSelector","url":"classes/Popover.html#__type-8.containerSelector","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Popover.__type"},{"id":2919,"kind":1024,"name":"Anchor","url":"classes/Popover.html#Anchor","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2920,"kind":1024,"name":"Content","url":"classes/Popover.html#Content","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2921,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Popover"},{"id":2922,"kind":1024,"name":"Trigger","url":"classes/Popover.html#Trigger","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2923,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Popover"},{"id":2924,"kind":1024,"name":"Click","url":"classes/Popover.html#__type-4.Click","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Popover.__type"},{"id":2925,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-4.__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Popover.__type"},{"id":2926,"kind":1024,"name":"Hover","url":"classes/Popover.html#__type-4.Hover","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Popover.__type"},{"id":2927,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-4.__type-7","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Popover.__type"},{"id":2928,"kind":1024,"name":"Focus","url":"classes/Popover.html#__type-4.Focus","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Popover.__type"},{"id":2929,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-4.__type-6","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Popover.__type"},{"id":2930,"kind":1024,"name":"Base","url":"classes/Popover.html#__type-4.Base","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Popover.__type"},{"id":2931,"kind":1024,"name":"Position","url":"classes/Popover.html#Position","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2932,"kind":1024,"name":"withPopover","url":"classes/Popover.html#withPopover","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2933,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-9","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Popover"},{"id":2934,"kind":1024,"name":"Context","url":"classes/Popover.html#Context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2935,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Popover.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Popover"},{"id":2936,"kind":512,"name":"constructor","url":"classes/Popover.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Popover"},{"id":2937,"kind":1024,"name":"context","url":"classes/Popover.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Popover"},{"id":2938,"kind":1024,"name":"getAnchor","url":"classes/Popover.html#getAnchor","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Popover"},{"id":2939,"kind":65536,"name":"__type","url":"classes/Popover.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Popover"},{"id":2940,"kind":1024,"name":"portalRef","url":"classes/Popover.html#portalRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Popover"},{"id":2941,"kind":1024,"name":"isPositionReady","url":"classes/Popover.html#isPositionReady","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Popover"},{"id":2942,"kind":1024,"name":"contentRef","url":"classes/Popover.html#contentRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Popover"},{"id":2943,"kind":1024,"name":"state","url":"classes/Popover.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Popover"},{"id":2944,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Popover"},{"id":2945,"kind":1024,"name":"visible","url":"classes/Popover.html#__type-2.visible","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Popover.__type"},{"id":2946,"kind":2048,"name":"setVisible","url":"classes/Popover.html#setVisible","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Popover"},{"id":2947,"kind":2048,"name":"adjustPosition","url":"classes/Popover.html#adjustPosition","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Popover"},{"id":2948,"kind":2048,"name":"open","url":"classes/Popover.html#open","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Popover"},{"id":2949,"kind":2048,"name":"close","url":"classes/Popover.html#close","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Popover"},{"id":2950,"kind":2048,"name":"safeSetState","url":"classes/Popover.html#safeSetState","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Popover"},{"id":2951,"kind":2048,"name":"componentDidMount","url":"classes/Popover.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Popover"},{"id":2952,"kind":2048,"name":"componentDidUpdate","url":"classes/Popover.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Popover"},{"id":2953,"kind":2048,"name":"componentWillUnmount","url":"classes/Popover.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Popover"},{"id":2954,"kind":2048,"name":"render","url":"classes/Popover.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Popover"},{"id":2955,"kind":65536,"name":"__type","url":"classes/Popover.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Popover"},{"id":2956,"kind":64,"name":"PopoverClickTrigger","url":"modules.html#PopoverClickTrigger","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":2957,"kind":256,"name":"IPopoverClickTriggerChildProps","url":"interfaces/IPopoverClickTriggerChildProps.html","classes":"tsd-kind-interface"},{"id":2958,"kind":2048,"name":"onClick","url":"interfaces/IPopoverClickTriggerChildProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverClickTriggerChildProps"},{"id":2959,"kind":256,"name":"IPopoverClickTriggerProps","url":"interfaces/IPopoverClickTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2960,"kind":1024,"name":"closeOnClickOutside","url":"interfaces/IPopoverClickTriggerProps.html#closeOnClickOutside","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverClickTriggerProps"},{"id":2961,"kind":1024,"name":"toggle","url":"interfaces/IPopoverClickTriggerProps.html#toggle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverClickTriggerProps"},{"id":2962,"kind":1024,"name":"getElement","url":"interfaces/IPopoverClickTriggerProps.html#getElement","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverClickTriggerProps"},{"id":2963,"kind":1024,"name":"children","url":"interfaces/IPopoverClickTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverClickTriggerProps"},{"id":2964,"kind":64,"name":"PopoverHoverTrigger","url":"modules.html#PopoverHoverTrigger","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":2965,"kind":256,"name":"IHoverTriggerCompatibleProps","url":"interfaces/IHoverTriggerCompatibleProps.html","classes":"tsd-kind-interface"},{"id":2966,"kind":1024,"name":"fixMouseEventsOnDisabledChildren","url":"interfaces/IHoverTriggerCompatibleProps.html#fixMouseEventsOnDisabledChildren","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IHoverTriggerCompatibleProps"},{"id":2967,"kind":4194304,"name":"IPopoverHoverTriggerContext","url":"modules.html#IPopoverHoverTriggerContext","classes":"tsd-kind-type-alias"},{"id":2968,"kind":32,"name":"PopoverHoverTriggerContext","url":"modules.html#PopoverHoverTriggerContext","classes":"tsd-kind-variable"},{"id":2969,"kind":256,"name":"IPopoverHoverTriggerChildProps","url":"interfaces/IPopoverHoverTriggerChildProps.html","classes":"tsd-kind-interface"},{"id":2970,"kind":2048,"name":"onMouseEnter","url":"interfaces/IPopoverHoverTriggerChildProps.html#onMouseEnter","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverHoverTriggerChildProps"},{"id":2971,"kind":2048,"name":"onMouseLeave","url":"interfaces/IPopoverHoverTriggerChildProps.html#onMouseLeave","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverHoverTriggerChildProps"},{"id":2972,"kind":256,"name":"IPopoverHoverTriggerProps","url":"interfaces/IPopoverHoverTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2973,"kind":1024,"name":"hideDelay","url":"interfaces/IPopoverHoverTriggerProps.html#hideDelay","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverHoverTriggerProps"},{"id":2974,"kind":1024,"name":"showDelay","url":"interfaces/IPopoverHoverTriggerProps.html#showDelay","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverHoverTriggerProps"},{"id":2975,"kind":1024,"name":"anchorOnly","url":"interfaces/IPopoverHoverTriggerProps.html#anchorOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverHoverTriggerProps"},{"id":2976,"kind":1024,"name":"getElement","url":"interfaces/IPopoverHoverTriggerProps.html#getElement","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverHoverTriggerProps"},{"id":2977,"kind":1024,"name":"children","url":"interfaces/IPopoverHoverTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverHoverTriggerProps"},{"id":2978,"kind":1024,"name":"fixMouseEventsOnDisabledChildren","url":"interfaces/IPopoverHoverTriggerProps.html#fixMouseEventsOnDisabledChildren","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPopoverHoverTriggerProps"},{"id":2979,"kind":64,"name":"PopoverFocusTrigger","url":"modules.html#PopoverFocusTrigger","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":2980,"kind":256,"name":"IPopoverFocusTriggerChildProps","url":"interfaces/IPopoverFocusTriggerChildProps.html","classes":"tsd-kind-interface"},{"id":2981,"kind":2048,"name":"onFocus","url":"interfaces/IPopoverFocusTriggerChildProps.html#onFocus","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverFocusTriggerChildProps"},{"id":2982,"kind":2048,"name":"onBlur","url":"interfaces/IPopoverFocusTriggerChildProps.html#onBlur","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverFocusTriggerChildProps"},{"id":2983,"kind":256,"name":"IPopoverFocusTriggerProps","url":"interfaces/IPopoverFocusTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2984,"kind":1024,"name":"getElement","url":"interfaces/IPopoverFocusTriggerProps.html#getElement","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverFocusTriggerProps"},{"id":2985,"kind":1024,"name":"children","url":"interfaces/IPopoverFocusTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverFocusTriggerProps"},{"id":2986,"kind":256,"name":"IPopoverTriggerProps","url":"interfaces/IPopoverTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":2987,"kind":1024,"name":"children","url":"interfaces/IPopoverTriggerProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverTriggerProps"},{"id":2988,"kind":128,"name":"PopoverTrigger","url":"classes/PopoverTrigger.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":2989,"kind":1024,"name":"contextType","url":"classes/PopoverTrigger.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"PopoverTrigger"},{"id":2990,"kind":512,"name":"constructor","url":"classes/PopoverTrigger.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"PopoverTrigger"},{"id":2991,"kind":1024,"name":"context","url":"classes/PopoverTrigger.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"PopoverTrigger"},{"id":2992,"kind":2048,"name":"getTriggerProps","url":"classes/PopoverTrigger.html#getTriggerProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-protected","parent":"PopoverTrigger"},{"id":2993,"kind":2048,"name":"render","url":"classes/PopoverTrigger.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"PopoverTrigger"},{"id":2994,"kind":65536,"name":"__type","url":"classes/PopoverTrigger.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"PopoverTrigger"},{"id":2995,"kind":256,"name":"IPopoverPosition","url":"interfaces/IPopoverPosition.html","classes":"tsd-kind-interface"},{"id":2996,"kind":1024,"name":"style","url":"interfaces/IPopoverPosition.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverPosition"},{"id":2997,"kind":1024,"name":"className","url":"interfaces/IPopoverPosition.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverPosition"},{"id":2998,"kind":256,"name":"IPositionFunctionProps","url":"interfaces/IPositionFunctionProps.html","classes":"tsd-kind-interface"},{"id":2999,"kind":1024,"name":"relativeRect","url":"interfaces/IPositionFunctionProps.html#relativeRect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":3000,"kind":1024,"name":"anchorRect","url":"interfaces/IPositionFunctionProps.html#anchorRect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":3001,"kind":1024,"name":"containerRect","url":"interfaces/IPositionFunctionProps.html#containerRect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":3002,"kind":1024,"name":"contentRect","url":"interfaces/IPositionFunctionProps.html#contentRect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":3003,"kind":1024,"name":"cushion","url":"interfaces/IPositionFunctionProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":3004,"kind":1024,"name":"anchor","url":"interfaces/IPositionFunctionProps.html#anchor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":3005,"kind":1024,"name":"container","url":"interfaces/IPositionFunctionProps.html#container","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":3006,"kind":1024,"name":"content","url":"interfaces/IPositionFunctionProps.html#content","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPositionFunctionProps"},{"id":3007,"kind":256,"name":"IPositionFunction","url":"interfaces/IPositionFunction.html","classes":"tsd-kind-interface"},{"id":3008,"kind":64,"name":"usePopoverContext","url":"modules.html#usePopoverContext","classes":"tsd-kind-function"},{"id":3009,"kind":256,"name":"IPopoverContentImperativeHandle","url":"interfaces/IPopoverContentImperativeHandle.html","classes":"tsd-kind-interface"},{"id":3010,"kind":2048,"name":"adjustPosition","url":"interfaces/IPopoverContentImperativeHandle.html#adjustPosition","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverContentImperativeHandle"},{"id":3011,"kind":256,"name":"IPopoverContext","url":"interfaces/IPopoverContext.html","classes":"tsd-kind-interface"},{"id":3012,"kind":1024,"name":"popover","url":"interfaces/IPopoverContext.html#popover","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3013,"kind":1024,"name":"visible","url":"interfaces/IPopoverContext.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3014,"kind":1024,"name":"containerSelector","url":"interfaces/IPopoverContext.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3015,"kind":1024,"name":"placement","url":"interfaces/IPopoverContext.html#placement","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3016,"kind":1024,"name":"cushion","url":"interfaces/IPopoverContext.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3017,"kind":1024,"name":"portalRef","url":"interfaces/IPopoverContext.html#portalRef","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3018,"kind":1024,"name":"className","url":"interfaces/IPopoverContext.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3019,"kind":1024,"name":"contentRef","url":"interfaces/IPopoverContext.html#contentRef","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3020,"kind":2048,"name":"didMount","url":"interfaces/IPopoverContext.html#didMount","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3021,"kind":1024,"name":"style","url":"interfaces/IPopoverContext.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverContext"},{"id":3022,"kind":4194304,"name":"PopoverAnchorGetElementFn","url":"modules.html#PopoverAnchorGetElementFn","classes":"tsd-kind-type-alias"},{"id":3023,"kind":65536,"name":"__type","url":"modules.html#PopoverAnchorGetElementFn.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"PopoverAnchorGetElementFn"},{"id":3024,"kind":256,"name":"IPopoverAnchorProps","url":"interfaces/IPopoverAnchorProps.html","classes":"tsd-kind-interface"},{"id":3025,"kind":2048,"name":"onClick","url":"interfaces/IPopoverAnchorProps.html#onClick","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPopoverAnchorProps"},{"id":3026,"kind":1024,"name":"getElement","url":"interfaces/IPopoverAnchorProps.html#getElement","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPopoverAnchorProps"},{"id":3027,"kind":128,"name":"PopoverAnchor","url":"classes/PopoverAnchor.html","classes":"tsd-kind-class"},{"id":3028,"kind":1024,"name":"contextType","url":"classes/PopoverAnchor.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"PopoverAnchor"},{"id":3029,"kind":512,"name":"constructor","url":"classes/PopoverAnchor.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"PopoverAnchor"},{"id":3030,"kind":1024,"name":"context","url":"classes/PopoverAnchor.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"PopoverAnchor"},{"id":3031,"kind":2048,"name":"getElement","url":"classes/PopoverAnchor.html#getElement","classes":"tsd-kind-method tsd-parent-kind-class","parent":"PopoverAnchor"},{"id":3032,"kind":2048,"name":"componentDidMount","url":"classes/PopoverAnchor.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"PopoverAnchor"},{"id":3033,"kind":2048,"name":"componentWillUnmount","url":"classes/PopoverAnchor.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"PopoverAnchor"},{"id":3034,"kind":2048,"name":"render","url":"classes/PopoverAnchor.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"PopoverAnchor"},{"id":3035,"kind":65536,"name":"__type","url":"classes/PopoverAnchor.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"PopoverAnchor"},{"id":3036,"kind":256,"name":"IPurePortalProps","url":"interfaces/IPurePortalProps.html","classes":"tsd-kind-interface"},{"id":3037,"kind":1024,"name":"selector","url":"interfaces/IPurePortalProps.html#selector","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPurePortalProps"},{"id":3038,"kind":1024,"name":"append","url":"interfaces/IPurePortalProps.html#append","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPurePortalProps"},{"id":3039,"kind":128,"name":"PurePortal","url":"classes/PurePortal.html","classes":"tsd-kind-class"},{"id":3040,"kind":1024,"name":"defaultProps","url":"classes/PurePortal.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"PurePortal"},{"id":3041,"kind":65536,"name":"__type","url":"classes/PurePortal.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"PurePortal"},{"id":3042,"kind":1024,"name":"append","url":"classes/PurePortal.html#__type-2.append","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"PurePortal.__type"},{"id":3043,"kind":1024,"name":"contextType","url":"classes/PurePortal.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"PurePortal"},{"id":3044,"kind":512,"name":"constructor","url":"classes/PurePortal.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"PurePortal"},{"id":3045,"kind":1024,"name":"context","url":"classes/PurePortal.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"PurePortal"},{"id":3046,"kind":1024,"name":"getContainer","url":"classes/PurePortal.html#getContainer","classes":"tsd-kind-property tsd-parent-kind-class","parent":"PurePortal"},{"id":3047,"kind":65536,"name":"__type","url":"classes/PurePortal.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"PurePortal"},{"id":3048,"kind":2048,"name":"contains","url":"classes/PurePortal.html#contains","classes":"tsd-kind-method tsd-parent-kind-class","parent":"PurePortal"},{"id":3049,"kind":2048,"name":"componentDidMount","url":"classes/PurePortal.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"PurePortal"},{"id":3050,"kind":2048,"name":"componentWillUnmount","url":"classes/PurePortal.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"PurePortal"},{"id":3051,"kind":2048,"name":"render","url":"classes/PurePortal.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"PurePortal"},{"id":3052,"kind":65536,"name":"__type","url":"classes/PurePortal.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"PurePortal"},{"id":3053,"kind":256,"name":"IPortalProps","url":"interfaces/IPortalProps.html","classes":"tsd-kind-interface"},{"id":3054,"kind":1024,"name":"visible","url":"interfaces/IPortalProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3055,"kind":1024,"name":"layer","url":"interfaces/IPortalProps.html#layer","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3056,"kind":2048,"name":"onLayerReady","url":"interfaces/IPortalProps.html#onLayerReady","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3057,"kind":1024,"name":"blockPageScroll","url":"interfaces/IPortalProps.html#blockPageScroll","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3058,"kind":1024,"name":"closeOnESC","url":"interfaces/IPortalProps.html#closeOnESC","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3059,"kind":1024,"name":"closeOnClickOutside","url":"interfaces/IPortalProps.html#closeOnClickOutside","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3060,"kind":1024,"name":"useLayerForClickAway","url":"interfaces/IPortalProps.html#useLayerForClickAway","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3061,"kind":2048,"name":"onClose","url":"interfaces/IPortalProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3062,"kind":1024,"name":"children","url":"interfaces/IPortalProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3063,"kind":1024,"name":"className","url":"interfaces/IPortalProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3064,"kind":1024,"name":"style","url":"interfaces/IPortalProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalProps"},{"id":3065,"kind":1024,"name":"selector","url":"interfaces/IPortalProps.html#selector","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPortalProps"},{"id":3066,"kind":1024,"name":"append","url":"interfaces/IPortalProps.html#append","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IPortalProps"},{"id":3067,"kind":256,"name":"IPortalImperativeHandlers","url":"interfaces/IPortalImperativeHandlers.html","classes":"tsd-kind-interface"},{"id":3068,"kind":2048,"name":"contains","url":"interfaces/IPortalImperativeHandlers.html#contains","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IPortalImperativeHandlers"},{"id":3069,"kind":1024,"name":"purePortalRef","url":"interfaces/IPortalImperativeHandlers.html#purePortalRef","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalImperativeHandlers"},{"id":3070,"kind":1024,"name":"container","url":"interfaces/IPortalImperativeHandlers.html#container","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPortalImperativeHandlers"},{"id":3071,"kind":32,"name":"Portal","url":"modules.html#Portal","classes":"tsd-kind-variable"},{"id":3072,"kind":64,"name":"previewImage","url":"modules.html#previewImage","classes":"tsd-kind-function"},{"id":3073,"kind":256,"name":"IPreviewImageConfig","url":"interfaces/IPreviewImageConfig.html","classes":"tsd-kind-interface"},{"id":3074,"kind":1024,"name":"images","url":"interfaces/IPreviewImageConfig.html#images","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPreviewImageConfig"},{"id":3075,"kind":1024,"name":"index","url":"interfaces/IPreviewImageConfig.html#index","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPreviewImageConfig"},{"id":3076,"kind":1024,"name":"showRotateBtn","url":"interfaces/IPreviewImageConfig.html#showRotateBtn","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPreviewImageConfig"},{"id":3077,"kind":1024,"name":"scaleRatio","url":"interfaces/IPreviewImageConfig.html#scaleRatio","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPreviewImageConfig"},{"id":3078,"kind":1024,"name":"parentComponent","url":"interfaces/IPreviewImageConfig.html#parentComponent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPreviewImageConfig"},{"id":3079,"kind":1024,"name":"className","url":"interfaces/IPreviewImageConfig.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IPreviewImageConfig"},{"id":3080,"kind":32,"name":"Progress","url":"modules.html#Progress","classes":"tsd-kind-variable"},{"id":3081,"kind":2,"name":"Progress","url":"modules/Progress.html","classes":"tsd-kind-namespace"},{"id":3082,"kind":32,"name":"defaultProps","url":"modules/Progress.html#defaultProps","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Progress"},{"id":3083,"kind":4194304,"name":"IProgressType","url":"modules.html#IProgressType","classes":"tsd-kind-type-alias"},{"id":3084,"kind":4194304,"name":"IProgressStatus","url":"modules.html#IProgressStatus","classes":"tsd-kind-type-alias"},{"id":3085,"kind":4194304,"name":"IProgressFormatFn","url":"modules.html#IProgressFormatFn","classes":"tsd-kind-type-alias"},{"id":3086,"kind":65536,"name":"__type","url":"modules.html#IProgressFormatFn.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IProgressFormatFn"},{"id":3087,"kind":256,"name":"ICommonProgressProps","url":"interfaces/ICommonProgressProps.html","classes":"tsd-kind-interface"},{"id":3088,"kind":1024,"name":"percent","url":"interfaces/ICommonProgressProps.html#percent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICommonProgressProps"},{"id":3089,"kind":1024,"name":"showInfo","url":"interfaces/ICommonProgressProps.html#showInfo","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICommonProgressProps"},{"id":3090,"kind":1024,"name":"strokeWidth","url":"interfaces/ICommonProgressProps.html#strokeWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICommonProgressProps"},{"id":3091,"kind":1024,"name":"width","url":"interfaces/ICommonProgressProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICommonProgressProps"},{"id":3092,"kind":1024,"name":"bgColor","url":"interfaces/ICommonProgressProps.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICommonProgressProps"},{"id":3093,"kind":1024,"name":"strokeLinecap","url":"interfaces/ICommonProgressProps.html#strokeLinecap","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICommonProgressProps"},{"id":3094,"kind":1024,"name":"format","url":"interfaces/ICommonProgressProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ICommonProgressProps"},{"id":3095,"kind":256,"name":"IProgressProps","url":"interfaces/IProgressProps.html","classes":"tsd-kind-interface"},{"id":3096,"kind":1024,"name":"type","url":"interfaces/IProgressProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressProps"},{"id":3097,"kind":1024,"name":"status","url":"interfaces/IProgressProps.html#status","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressProps"},{"id":3098,"kind":1024,"name":"normalColor","url":"interfaces/IProgressProps.html#normalColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressProps"},{"id":3099,"kind":1024,"name":"successColor","url":"interfaces/IProgressProps.html#successColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressProps"},{"id":3100,"kind":1024,"name":"exceptionColor","url":"interfaces/IProgressProps.html#exceptionColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressProps"},{"id":3101,"kind":1024,"name":"style","url":"interfaces/IProgressProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IProgressProps"},{"id":3102,"kind":1024,"name":"percent","url":"interfaces/IProgressProps.html#percent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressProps"},{"id":3103,"kind":1024,"name":"showInfo","url":"interfaces/IProgressProps.html#showInfo","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressProps"},{"id":3104,"kind":1024,"name":"strokeWidth","url":"interfaces/IProgressProps.html#strokeWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressProps"},{"id":3105,"kind":1024,"name":"width","url":"interfaces/IProgressProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressProps"},{"id":3106,"kind":1024,"name":"bgColor","url":"interfaces/IProgressProps.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressProps"},{"id":3107,"kind":1024,"name":"strokeLinecap","url":"interfaces/IProgressProps.html#strokeLinecap","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressProps"},{"id":3108,"kind":1024,"name":"format","url":"interfaces/IProgressProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressProps"},{"id":3109,"kind":65536,"name":"__type","url":"interfaces/IProgressProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IProgressProps"},{"id":3110,"kind":256,"name":"IProgressInstanceProps","url":"interfaces/IProgressInstanceProps.html","classes":"tsd-kind-interface"},{"id":3111,"kind":1024,"name":"color","url":"interfaces/IProgressInstanceProps.html#color","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressInstanceProps"},{"id":3112,"kind":1024,"name":"state","url":"interfaces/IProgressInstanceProps.html#state","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressInstanceProps"},{"id":3113,"kind":1024,"name":"percent","url":"interfaces/IProgressInstanceProps.html#percent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressInstanceProps"},{"id":3114,"kind":1024,"name":"showInfo","url":"interfaces/IProgressInstanceProps.html#showInfo","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressInstanceProps"},{"id":3115,"kind":1024,"name":"strokeWidth","url":"interfaces/IProgressInstanceProps.html#strokeWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressInstanceProps"},{"id":3116,"kind":1024,"name":"width","url":"interfaces/IProgressInstanceProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressInstanceProps"},{"id":3117,"kind":1024,"name":"bgColor","url":"interfaces/IProgressInstanceProps.html#bgColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressInstanceProps"},{"id":3118,"kind":1024,"name":"strokeLinecap","url":"interfaces/IProgressInstanceProps.html#strokeLinecap","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressInstanceProps"},{"id":3119,"kind":1024,"name":"format","url":"interfaces/IProgressInstanceProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IProgressInstanceProps"},{"id":3120,"kind":256,"name":"IProgressInfoProps","url":"interfaces/IProgressInfoProps.html","classes":"tsd-kind-interface"},{"id":3121,"kind":1024,"name":"type","url":"interfaces/IProgressInfoProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressInfoProps"},{"id":3122,"kind":1024,"name":"percent","url":"interfaces/IProgressInfoProps.html#percent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressInfoProps"},{"id":3123,"kind":1024,"name":"format","url":"interfaces/IProgressInfoProps.html#format","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressInfoProps"},{"id":3124,"kind":1024,"name":"state","url":"interfaces/IProgressInfoProps.html#state","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressInfoProps"},{"id":3125,"kind":1024,"name":"color","url":"interfaces/IProgressInfoProps.html#color","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IProgressInfoProps"},{"id":3126,"kind":4194304,"name":"PromptType","url":"modules.html#PromptType","classes":"tsd-kind-type-alias"},{"id":3127,"kind":4194304,"name":"IPromptProps","url":"modules.html#IPromptProps","classes":"tsd-kind-type-alias"},{"id":3128,"kind":32,"name":"Prompt","url":"modules.html#Prompt","classes":"tsd-kind-variable"},{"id":3129,"kind":64,"name":"useRadioHandler","url":"modules.html#useRadioHandler","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":3130,"kind":64,"name":"getRadioState","url":"modules.html#getRadioState","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":3131,"kind":256,"name":"IRadioEvent","url":"interfaces/IRadioEvent.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3132,"kind":1024,"name":"target","url":"interfaces/IRadioEvent.html#target","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioEvent"},{"id":3133,"kind":256,"name":"IRadioProps","url":"interfaces/IRadioProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3134,"kind":1024,"name":"value","url":"interfaces/IRadioProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3135,"kind":1024,"name":"disabled","url":"interfaces/IRadioProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3136,"kind":1024,"name":"readOnly","url":"interfaces/IRadioProps.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3137,"kind":1024,"name":"width","url":"interfaces/IRadioProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3138,"kind":1024,"name":"className","url":"interfaces/IRadioProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3139,"kind":1024,"name":"checked","url":"interfaces/IRadioProps.html#checked","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3140,"kind":2048,"name":"onChange","url":"interfaces/IRadioProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3141,"kind":1024,"name":"style","url":"interfaces/IRadioProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3142,"kind":1024,"name":"children","url":"interfaces/IRadioProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3143,"kind":1024,"name":"onMouseEnter","url":"interfaces/IRadioProps.html#onMouseEnter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3144,"kind":1024,"name":"onMouseLeave","url":"interfaces/IRadioProps.html#onMouseLeave","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioProps"},{"id":3145,"kind":64,"name":"Radio","url":"modules.html#Radio","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":3146,"kind":2,"name":"Radio","url":"modules/Radio.html","classes":"tsd-kind-namespace"},{"id":3147,"kind":32,"name":"Button","url":"modules/Radio.html#Button","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Radio"},{"id":3148,"kind":65536,"name":"__type","url":"modules/Radio.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-namespace tsd-has-type-parameter","parent":"Radio"},{"id":3149,"kind":32,"name":"Group","url":"modules/Radio.html#Group","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Radio"},{"id":3150,"kind":65536,"name":"__type","url":"modules/Radio.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-namespace tsd-has-type-parameter","parent":"Radio"},{"id":3151,"kind":64,"name":"RadioGroup","url":"modules.html#RadioGroup","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":3152,"kind":256,"name":"IRadioGroupProps","url":"interfaces/IRadioGroupProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3153,"kind":1024,"name":"value","url":"interfaces/IRadioGroupProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3154,"kind":1024,"name":"disabled","url":"interfaces/IRadioGroupProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3155,"kind":1024,"name":"readOnly","url":"interfaces/IRadioGroupProps.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3156,"kind":2048,"name":"onChange","url":"interfaces/IRadioGroupProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3157,"kind":2048,"name":"isValueEqual","url":"interfaces/IRadioGroupProps.html#isValueEqual","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3158,"kind":1024,"name":"className","url":"interfaces/IRadioGroupProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3159,"kind":1024,"name":"style","url":"interfaces/IRadioGroupProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3160,"kind":1024,"name":"children","url":"interfaces/IRadioGroupProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRadioGroupProps"},{"id":3161,"kind":64,"name":"RadioButton","url":"modules.html#RadioButton","classes":"tsd-kind-function tsd-has-type-parameter"},{"id":3162,"kind":256,"name":"IRateProps","url":"interfaces/IRateProps.html","classes":"tsd-kind-interface"},{"id":3163,"kind":2048,"name":"onChange","url":"interfaces/IRateProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IRateProps"},{"id":3164,"kind":1024,"name":"value","url":"interfaces/IRateProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3165,"kind":1024,"name":"allowClear","url":"interfaces/IRateProps.html#allowClear","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3166,"kind":1024,"name":"allowHalf","url":"interfaces/IRateProps.html#allowHalf","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3167,"kind":1024,"name":"character","url":"interfaces/IRateProps.html#character","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3168,"kind":1024,"name":"className","url":"interfaces/IRateProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3169,"kind":1024,"name":"count","url":"interfaces/IRateProps.html#count","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3170,"kind":1024,"name":"disabled","url":"interfaces/IRateProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3171,"kind":1024,"name":"style","url":"interfaces/IRateProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3172,"kind":1024,"name":"readOnly","url":"interfaces/IRateProps.html#readOnly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateProps"},{"id":3173,"kind":256,"name":"IRateState","url":"interfaces/IRateState.html","classes":"tsd-kind-interface"},{"id":3174,"kind":1024,"name":"starRefs","url":"interfaces/IRateState.html#starRefs","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateState"},{"id":3175,"kind":1024,"name":"cleanedValue","url":"interfaces/IRateState.html#cleanedValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateState"},{"id":3176,"kind":1024,"name":"hoverValue","url":"interfaces/IRateState.html#hoverValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IRateState"},{"id":3177,"kind":128,"name":"Rate","url":"classes/Rate.html","classes":"tsd-kind-class"},{"id":3178,"kind":1024,"name":"defaultProps","url":"classes/Rate.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Rate"},{"id":3179,"kind":65536,"name":"__type","url":"classes/Rate.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Rate"},{"id":3180,"kind":1024,"name":"value","url":"classes/Rate.html#__type-1.value","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Rate.__type"},{"id":3181,"kind":1024,"name":"count","url":"classes/Rate.html#__type-1.count","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Rate.__type"},{"id":3182,"kind":1024,"name":"allowHalf","url":"classes/Rate.html#__type-1.allowHalf","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Rate.__type"},{"id":3183,"kind":1024,"name":"allowClear","url":"classes/Rate.html#__type-1.allowClear","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Rate.__type"},{"id":3184,"kind":1024,"name":"character","url":"classes/Rate.html#__type-1.character","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Rate.__type"},{"id":3185,"kind":1024,"name":"readOnly","url":"classes/Rate.html#__type-1.readOnly","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Rate.__type"},{"id":3186,"kind":1024,"name":"contextType","url":"classes/Rate.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Rate"},{"id":3187,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Rate.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Rate"},{"id":3188,"kind":512,"name":"constructor","url":"classes/Rate.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"Rate"},{"id":3189,"kind":1024,"name":"context","url":"classes/Rate.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Rate"},{"id":3190,"kind":2048,"name":"onHover","url":"classes/Rate.html#onHover","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Rate"},{"id":3191,"kind":2048,"name":"onMouseLeave","url":"classes/Rate.html#onMouseLeave","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Rate"},{"id":3192,"kind":2048,"name":"onClick","url":"classes/Rate.html#onClick","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Rate"},{"id":3193,"kind":2048,"name":"getStarDOM","url":"classes/Rate.html#getStarDOM","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Rate"},{"id":3194,"kind":2048,"name":"getStarValue","url":"classes/Rate.html#getStarValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Rate"},{"id":3195,"kind":2048,"name":"render","url":"classes/Rate.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Rate"},{"id":3196,"kind":65536,"name":"__type","url":"classes/Rate.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Rate"},{"id":3197,"kind":64,"name":"caselessMatchFilterOption","url":"modules.html#caselessMatchFilterOption","classes":"tsd-kind-function"},{"id":3198,"kind":256,"name":"ISelectMenuItem","url":"interfaces/ISelectMenuItem.html","classes":"tsd-kind-interface"},{"id":3199,"kind":1024,"name":"searchContent","url":"interfaces/ISelectMenuItem.html#searchContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuItem"},{"id":3200,"kind":1024,"name":"items","url":"interfaces/ISelectMenuItem.html#items","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuItem"},{"id":3201,"kind":1024,"name":"value","url":"interfaces/ISelectMenuItem.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3202,"kind":1024,"name":"content","url":"interfaces/ISelectMenuItem.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3203,"kind":1024,"name":"isGroup","url":"interfaces/ISelectMenuItem.html#isGroup","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3204,"kind":1024,"name":"isDivider","url":"interfaces/ISelectMenuItem.html#isDivider","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3205,"kind":1024,"name":"onClick","url":"interfaces/ISelectMenuItem.html#onClick","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3206,"kind":1024,"name":"icon","url":"interfaces/ISelectMenuItem.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3207,"kind":1024,"name":"disabled","url":"interfaces/ISelectMenuItem.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3208,"kind":1024,"name":"active","url":"interfaces/ISelectMenuItem.html#active","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3209,"kind":1024,"name":"hoverable","url":"interfaces/ISelectMenuItem.html#hoverable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3210,"kind":1024,"name":"className","url":"interfaces/ISelectMenuItem.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuItem"},{"id":3211,"kind":256,"name":"ISelectMenuNestedItem","url":"interfaces/ISelectMenuNestedItem.html","classes":"tsd-kind-interface"},{"id":3212,"kind":1024,"name":"idx","url":"interfaces/ISelectMenuNestedItem.html#idx","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuNestedItem"},{"id":3213,"kind":1024,"name":"parentIndexes","url":"interfaces/ISelectMenuNestedItem.html#parentIndexes","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuNestedItem"},{"id":3214,"kind":1024,"name":"items","url":"interfaces/ISelectMenuNestedItem.html#items","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ISelectMenuNestedItem"},{"id":3215,"kind":1024,"name":"searchContent","url":"interfaces/ISelectMenuNestedItem.html#searchContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3216,"kind":1024,"name":"value","url":"interfaces/ISelectMenuNestedItem.html#value","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3217,"kind":1024,"name":"content","url":"interfaces/ISelectMenuNestedItem.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3218,"kind":1024,"name":"isGroup","url":"interfaces/ISelectMenuNestedItem.html#isGroup","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3219,"kind":1024,"name":"isDivider","url":"interfaces/ISelectMenuNestedItem.html#isDivider","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3220,"kind":1024,"name":"onClick","url":"interfaces/ISelectMenuNestedItem.html#onClick","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3221,"kind":1024,"name":"icon","url":"interfaces/ISelectMenuNestedItem.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3222,"kind":1024,"name":"disabled","url":"interfaces/ISelectMenuNestedItem.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3223,"kind":1024,"name":"active","url":"interfaces/ISelectMenuNestedItem.html#active","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3224,"kind":1024,"name":"hoverable","url":"interfaces/ISelectMenuNestedItem.html#hoverable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3225,"kind":1024,"name":"className","url":"interfaces/ISelectMenuNestedItem.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMenuNestedItem"},{"id":3226,"kind":256,"name":"ISelectMenuProps","url":"interfaces/ISelectMenuProps.html","classes":"tsd-kind-interface"},{"id":3227,"kind":1024,"name":"value","url":"interfaces/ISelectMenuProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3228,"kind":1024,"name":"searchText","url":"interfaces/ISelectMenuProps.html#searchText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3229,"kind":1024,"name":"items","url":"interfaces/ISelectMenuProps.html#items","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3230,"kind":2048,"name":"onSelect","url":"interfaces/ISelectMenuProps.html#onSelect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3231,"kind":2048,"name":"filterOption","url":"interfaces/ISelectMenuProps.html#filterOption","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3232,"kind":2048,"name":"onRequestClose","url":"interfaces/ISelectMenuProps.html#onRequestClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3233,"kind":1024,"name":"nullOptionContent","url":"interfaces/ISelectMenuProps.html#nullOptionContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3234,"kind":1024,"name":"nullOption","url":"interfaces/ISelectMenuProps.html#nullOption","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuProps"},{"id":3235,"kind":256,"name":"ISelectMenuState","url":"interfaces/ISelectMenuState.html","classes":"tsd-kind-interface"},{"id":3236,"kind":1024,"name":"items","url":"interfaces/ISelectMenuState.html#items","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMenuState"},{"id":3237,"kind":128,"name":"SelectMenu","url":"classes/SelectMenu.html","classes":"tsd-kind-class"},{"id":3238,"kind":1024,"name":"defaultProps","url":"classes/SelectMenu.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"SelectMenu"},{"id":3239,"kind":65536,"name":"__type","url":"classes/SelectMenu.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"SelectMenu"},{"id":3240,"kind":1024,"name":"filterOption","url":"classes/SelectMenu.html#__type-2.filterOption","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SelectMenu.__type"},{"id":3241,"kind":65536,"name":"__type","url":"classes/SelectMenu.html#__type-2.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"SelectMenu.__type"},{"id":3242,"kind":1024,"name":"nullOption","url":"classes/SelectMenu.html#__type-2.nullOption","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SelectMenu.__type"},{"id":3243,"kind":1024,"name":"caselessMatchFilterOption","url":"classes/SelectMenu.html#caselessMatchFilterOption","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"SelectMenu"},{"id":3244,"kind":65536,"name":"__type","url":"classes/SelectMenu.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"SelectMenu"},{"id":3245,"kind":512,"name":"constructor","url":"classes/SelectMenu.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"SelectMenu"},{"id":3246,"kind":2048,"name":"moveFocusIndexDown","url":"classes/SelectMenu.html#moveFocusIndexDown","classes":"tsd-kind-method tsd-parent-kind-class","parent":"SelectMenu"},{"id":3247,"kind":2048,"name":"moveFocusIndexUp","url":"classes/SelectMenu.html#moveFocusIndexUp","classes":"tsd-kind-method tsd-parent-kind-class","parent":"SelectMenu"},{"id":3248,"kind":2048,"name":"selectCurrentFocusIndex","url":"classes/SelectMenu.html#selectCurrentFocusIndex","classes":"tsd-kind-method tsd-parent-kind-class","parent":"SelectMenu"},{"id":3249,"kind":2048,"name":"render","url":"classes/SelectMenu.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SelectMenu"},{"id":3250,"kind":65536,"name":"__type","url":"classes/SelectMenu.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"SelectMenu"},{"id":3251,"kind":256,"name":"ISelectTagListProps","url":"interfaces/ISelectTagListProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3252,"kind":1024,"name":"list","url":"interfaces/ISelectTagListProps.html#list","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectTagListProps"},{"id":3253,"kind":2048,"name":"onRemove","url":"interfaces/ISelectTagListProps.html#onRemove","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectTagListProps"},{"id":3254,"kind":1024,"name":"renderValue","url":"interfaces/ISelectTagListProps.html#renderValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectTagListProps"},{"id":3255,"kind":65536,"name":"__type","url":"interfaces/ISelectTagListProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ISelectTagListProps"},{"id":3256,"kind":256,"name":"ISelectItem","url":"interfaces/ISelectItem.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3257,"kind":1024,"name":"key","url":"interfaces/ISelectItem.html#key","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectItem"},{"id":3258,"kind":1024,"name":"text","url":"interfaces/ISelectItem.html#text","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectItem"},{"id":3259,"kind":1024,"name":"disabled","url":"interfaces/ISelectItem.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectItem"},{"id":3260,"kind":1024,"name":"type","url":"interfaces/ISelectItem.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectItem"},{"id":3261,"kind":2048,"name":"reviver","url":"interfaces/ISelectItem.html#reviver","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectItem"},{"id":3262,"kind":256,"name":"IOptionRenderer","url":"interfaces/IOptionRenderer.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3263,"kind":256,"name":"ISelectKeywordChangeMeta","url":"interfaces/ISelectKeywordChangeMeta.html","classes":"tsd-kind-interface"},{"id":3264,"kind":1024,"name":"source","url":"interfaces/ISelectKeywordChangeMeta.html#source","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectKeywordChangeMeta"},{"id":3265,"kind":4194304,"name":"ISelectSize","url":"modules.html#ISelectSize","classes":"tsd-kind-type-alias"},{"id":3266,"kind":256,"name":"ISelectCommonProps","url":"interfaces/ISelectCommonProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3267,"kind":1024,"name":"keyword","url":"interfaces/ISelectCommonProps.html#keyword","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3268,"kind":2048,"name":"onKeywordChange","url":"interfaces/ISelectCommonProps.html#onKeywordChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3269,"kind":1024,"name":"options","url":"interfaces/ISelectCommonProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3270,"kind":2048,"name":"isEqual","url":"interfaces/ISelectCommonProps.html#isEqual","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3271,"kind":1024,"name":"placeholder","url":"interfaces/ISelectCommonProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3272,"kind":1024,"name":"notFoundContent","url":"interfaces/ISelectCommonProps.html#notFoundContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3273,"kind":1024,"name":"inline","url":"interfaces/ISelectCommonProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3274,"kind":1024,"name":"width","url":"interfaces/ISelectCommonProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3275,"kind":1024,"name":"size","url":"interfaces/ISelectCommonProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3276,"kind":1024,"name":"popupWidth","url":"interfaces/ISelectCommonProps.html#popupWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3277,"kind":1024,"name":"filter","url":"interfaces/ISelectCommonProps.html#filter","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3278,"kind":2048,"name":"highlight","url":"interfaces/ISelectCommonProps.html#highlight","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3279,"kind":1024,"name":"disabled","url":"interfaces/ISelectCommonProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3280,"kind":1024,"name":"open","url":"interfaces/ISelectCommonProps.html#open","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3281,"kind":2048,"name":"onOpenChange","url":"interfaces/ISelectCommonProps.html#onOpenChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3282,"kind":2048,"name":"renderValue","url":"interfaces/ISelectCommonProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3283,"kind":2048,"name":"renderOptionList","url":"interfaces/ISelectCommonProps.html#renderOptionList","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3284,"kind":2048,"name":"renderOptionContent","url":"interfaces/ISelectCommonProps.html#renderOptionContent","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3285,"kind":1024,"name":"clearable","url":"interfaces/ISelectCommonProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3286,"kind":1024,"name":"loading","url":"interfaces/ISelectCommonProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3287,"kind":1024,"name":"creatable","url":"interfaces/ISelectCommonProps.html#creatable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3288,"kind":2048,"name":"onCreate","url":"interfaces/ISelectCommonProps.html#onCreate","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3289,"kind":2048,"name":"isValidNewOption","url":"interfaces/ISelectCommonProps.html#isValidNewOption","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3290,"kind":1024,"name":"collapsable","url":"interfaces/ISelectCommonProps.html#collapsable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3291,"kind":1024,"name":"collapseAt","url":"interfaces/ISelectCommonProps.html#collapseAt","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3292,"kind":1024,"name":"hideCollapsePop","url":"interfaces/ISelectCommonProps.html#hideCollapsePop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3293,"kind":1024,"name":"className","url":"interfaces/ISelectCommonProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3294,"kind":1024,"name":"disableSearch","url":"interfaces/ISelectCommonProps.html#disableSearch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3295,"kind":2048,"name":"renderCollapsedContent","url":"interfaces/ISelectCommonProps.html#renderCollapsedContent","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectCommonProps"},{"id":3296,"kind":256,"name":"ISelectSingleProps","url":"interfaces/ISelectSingleProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3297,"kind":1024,"name":"multiple","url":"interfaces/ISelectSingleProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectSingleProps"},{"id":3298,"kind":1024,"name":"value","url":"interfaces/ISelectSingleProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectSingleProps"},{"id":3299,"kind":2048,"name":"onChange","url":"interfaces/ISelectSingleProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectSingleProps"},{"id":3300,"kind":1024,"name":"keyword","url":"interfaces/ISelectSingleProps.html#keyword","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3301,"kind":2048,"name":"onKeywordChange","url":"interfaces/ISelectSingleProps.html#onKeywordChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3302,"kind":1024,"name":"options","url":"interfaces/ISelectSingleProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3303,"kind":2048,"name":"isEqual","url":"interfaces/ISelectSingleProps.html#isEqual","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3304,"kind":1024,"name":"placeholder","url":"interfaces/ISelectSingleProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3305,"kind":1024,"name":"notFoundContent","url":"interfaces/ISelectSingleProps.html#notFoundContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3306,"kind":1024,"name":"inline","url":"interfaces/ISelectSingleProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3307,"kind":1024,"name":"width","url":"interfaces/ISelectSingleProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3308,"kind":1024,"name":"size","url":"interfaces/ISelectSingleProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3309,"kind":1024,"name":"popupWidth","url":"interfaces/ISelectSingleProps.html#popupWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3310,"kind":1024,"name":"filter","url":"interfaces/ISelectSingleProps.html#filter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3311,"kind":2048,"name":"highlight","url":"interfaces/ISelectSingleProps.html#highlight","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3312,"kind":1024,"name":"disabled","url":"interfaces/ISelectSingleProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3313,"kind":1024,"name":"open","url":"interfaces/ISelectSingleProps.html#open","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3314,"kind":2048,"name":"onOpenChange","url":"interfaces/ISelectSingleProps.html#onOpenChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3315,"kind":2048,"name":"renderValue","url":"interfaces/ISelectSingleProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3316,"kind":2048,"name":"renderOptionList","url":"interfaces/ISelectSingleProps.html#renderOptionList","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3317,"kind":2048,"name":"renderOptionContent","url":"interfaces/ISelectSingleProps.html#renderOptionContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3318,"kind":1024,"name":"clearable","url":"interfaces/ISelectSingleProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3319,"kind":1024,"name":"loading","url":"interfaces/ISelectSingleProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3320,"kind":1024,"name":"creatable","url":"interfaces/ISelectSingleProps.html#creatable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3321,"kind":2048,"name":"onCreate","url":"interfaces/ISelectSingleProps.html#onCreate","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3322,"kind":2048,"name":"isValidNewOption","url":"interfaces/ISelectSingleProps.html#isValidNewOption","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3323,"kind":1024,"name":"collapsable","url":"interfaces/ISelectSingleProps.html#collapsable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3324,"kind":1024,"name":"collapseAt","url":"interfaces/ISelectSingleProps.html#collapseAt","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3325,"kind":1024,"name":"hideCollapsePop","url":"interfaces/ISelectSingleProps.html#hideCollapsePop","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3326,"kind":1024,"name":"className","url":"interfaces/ISelectSingleProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3327,"kind":1024,"name":"disableSearch","url":"interfaces/ISelectSingleProps.html#disableSearch","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3328,"kind":2048,"name":"renderCollapsedContent","url":"interfaces/ISelectSingleProps.html#renderCollapsedContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectSingleProps"},{"id":3329,"kind":256,"name":"ISelectMultiProps","url":"interfaces/ISelectMultiProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3330,"kind":1024,"name":"multiple","url":"interfaces/ISelectMultiProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMultiProps"},{"id":3331,"kind":1024,"name":"value","url":"interfaces/ISelectMultiProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectMultiProps"},{"id":3332,"kind":2048,"name":"onChange","url":"interfaces/ISelectMultiProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectMultiProps"},{"id":3333,"kind":2048,"name":"renderTagList","url":"interfaces/ISelectMultiProps.html#renderTagList","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectMultiProps"},{"id":3334,"kind":1024,"name":"keyword","url":"interfaces/ISelectMultiProps.html#keyword","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3335,"kind":2048,"name":"onKeywordChange","url":"interfaces/ISelectMultiProps.html#onKeywordChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3336,"kind":1024,"name":"options","url":"interfaces/ISelectMultiProps.html#options","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3337,"kind":2048,"name":"isEqual","url":"interfaces/ISelectMultiProps.html#isEqual","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3338,"kind":1024,"name":"placeholder","url":"interfaces/ISelectMultiProps.html#placeholder","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3339,"kind":1024,"name":"notFoundContent","url":"interfaces/ISelectMultiProps.html#notFoundContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3340,"kind":1024,"name":"inline","url":"interfaces/ISelectMultiProps.html#inline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3341,"kind":1024,"name":"width","url":"interfaces/ISelectMultiProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3342,"kind":1024,"name":"size","url":"interfaces/ISelectMultiProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3343,"kind":1024,"name":"popupWidth","url":"interfaces/ISelectMultiProps.html#popupWidth","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3344,"kind":1024,"name":"filter","url":"interfaces/ISelectMultiProps.html#filter","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3345,"kind":2048,"name":"highlight","url":"interfaces/ISelectMultiProps.html#highlight","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3346,"kind":1024,"name":"disabled","url":"interfaces/ISelectMultiProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3347,"kind":1024,"name":"open","url":"interfaces/ISelectMultiProps.html#open","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3348,"kind":2048,"name":"onOpenChange","url":"interfaces/ISelectMultiProps.html#onOpenChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3349,"kind":2048,"name":"renderValue","url":"interfaces/ISelectMultiProps.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3350,"kind":2048,"name":"renderOptionList","url":"interfaces/ISelectMultiProps.html#renderOptionList","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3351,"kind":2048,"name":"renderOptionContent","url":"interfaces/ISelectMultiProps.html#renderOptionContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3352,"kind":1024,"name":"clearable","url":"interfaces/ISelectMultiProps.html#clearable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3353,"kind":1024,"name":"loading","url":"interfaces/ISelectMultiProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3354,"kind":1024,"name":"creatable","url":"interfaces/ISelectMultiProps.html#creatable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3355,"kind":2048,"name":"onCreate","url":"interfaces/ISelectMultiProps.html#onCreate","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3356,"kind":2048,"name":"isValidNewOption","url":"interfaces/ISelectMultiProps.html#isValidNewOption","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3357,"kind":1024,"name":"collapsable","url":"interfaces/ISelectMultiProps.html#collapsable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3358,"kind":1024,"name":"collapseAt","url":"interfaces/ISelectMultiProps.html#collapseAt","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3359,"kind":1024,"name":"hideCollapsePop","url":"interfaces/ISelectMultiProps.html#hideCollapsePop","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3360,"kind":1024,"name":"className","url":"interfaces/ISelectMultiProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3361,"kind":1024,"name":"disableSearch","url":"interfaces/ISelectMultiProps.html#disableSearch","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3362,"kind":2048,"name":"renderCollapsedContent","url":"interfaces/ISelectMultiProps.html#renderCollapsedContent","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectMultiProps"},{"id":3363,"kind":4194304,"name":"ISelectProps","url":"modules.html#ISelectProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":3364,"kind":256,"name":"ISelectState","url":"interfaces/ISelectState.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3365,"kind":1024,"name":"open","url":"interfaces/ISelectState.html#open","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3366,"kind":1024,"name":"active","url":"interfaces/ISelectState.html#active","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3367,"kind":1024,"name":"keyword","url":"interfaces/ISelectState.html#keyword","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3368,"kind":1024,"name":"value","url":"interfaces/ISelectState.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3369,"kind":1024,"name":"activeIndex","url":"interfaces/ISelectState.html#activeIndex","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3370,"kind":1024,"name":"prevOptions","url":"interfaces/ISelectState.html#prevOptions","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3371,"kind":1024,"name":"creating","url":"interfaces/ISelectState.html#creating","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3372,"kind":1024,"name":"triggerWidth","url":"interfaces/ISelectState.html#triggerWidth","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectState"},{"id":3373,"kind":128,"name":"Select","url":"classes/Select.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":3374,"kind":1024,"name":"defaultProps","url":"classes/Select.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Select"},{"id":3375,"kind":65536,"name":"__type","url":"classes/Select.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Select"},{"id":3376,"kind":1024,"name":"isEqual","url":"classes/Select.html#__type-2.isEqual","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3377,"kind":65536,"name":"__type","url":"classes/Select.html#__type-2.__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Select.__type"},{"id":3378,"kind":1024,"name":"renderOptionList","url":"classes/Select.html#__type-2.renderOptionList","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3379,"kind":65536,"name":"__type","url":"classes/Select.html#__type-2.__type-7","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Select.__type"},{"id":3380,"kind":1024,"name":"filter","url":"classes/Select.html#__type-2.filter","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3381,"kind":65536,"name":"__type","url":"classes/Select.html#__type-2.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Select.__type"},{"id":3382,"kind":1024,"name":"isValidNewOption","url":"classes/Select.html#__type-2.isValidNewOption","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3383,"kind":65536,"name":"__type","url":"classes/Select.html#__type-2.__type-6","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Select.__type"},{"id":3384,"kind":1024,"name":"highlight","url":"classes/Select.html#__type-2.highlight","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3385,"kind":65536,"name":"__type","url":"classes/Select.html#__type-2.__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal tsd-has-type-parameter","parent":"Select.__type"},{"id":3386,"kind":1024,"name":"size","url":"classes/Select.html#__type-2.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3387,"kind":1024,"name":"multiple","url":"classes/Select.html#__type-2.multiple","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3388,"kind":1024,"name":"clearable","url":"classes/Select.html#__type-2.clearable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3389,"kind":1024,"name":"loading","url":"classes/Select.html#__type-2.loading","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3390,"kind":1024,"name":"creatable","url":"classes/Select.html#__type-2.creatable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Select.__type"},{"id":3391,"kind":1024,"name":"contextType","url":"classes/Select.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Select"},{"id":3392,"kind":1024,"name":"reviveValue","url":"classes/Select.html#reviveValue","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Select"},{"id":3393,"kind":65536,"name":"__type","url":"classes/Select.html#__type-8","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Select"},{"id":3394,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Select.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-has-type-parameter tsd-is-static","parent":"Select"},{"id":3395,"kind":512,"name":"constructor","url":"classes/Select.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-overwrite","parent":"Select"},{"id":3396,"kind":1024,"name":"context","url":"classes/Select.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Select"},{"id":3397,"kind":1024,"name":"triggerRef","url":"classes/Select.html#triggerRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Select"},{"id":3398,"kind":1024,"name":"popoverRef","url":"classes/Select.html#popoverRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Select"},{"id":3399,"kind":1024,"name":"inputRef","url":"classes/Select.html#inputRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Select"},{"id":3400,"kind":2048,"name":"componentDidMount","url":"classes/Select.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Select"},{"id":3401,"kind":2048,"name":"componentDidUpdate","url":"classes/Select.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Select"},{"id":3402,"kind":262144,"name":"disabled","url":"classes/Select.html#disabled","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Select"},{"id":3403,"kind":2048,"name":"tryReviveOption","url":"classes/Select.html#tryReviveOption","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3404,"kind":2048,"name":"onVisibleChange","url":"classes/Select.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3405,"kind":2048,"name":"onSelect","url":"classes/Select.html#onSelect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3406,"kind":1024,"name":"onKeywordChange","url":"classes/Select.html#onKeywordChange","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Select"},{"id":3407,"kind":2048,"name":"resetKeyword","url":"classes/Select.html#resetKeyword","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3408,"kind":2048,"name":"setKeyword","url":"classes/Select.html#setKeyword","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3409,"kind":2048,"name":"onRemove","url":"classes/Select.html#onRemove","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3410,"kind":2048,"name":"onOptionMouseEnter","url":"classes/Select.html#onOptionMouseEnter","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3411,"kind":2048,"name":"onOptionMouseLeave","url":"classes/Select.html#onOptionMouseLeave","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3412,"kind":2048,"name":"selectCurrentIndex","url":"classes/Select.html#selectCurrentIndex","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3413,"kind":1024,"name":"renderOption","url":"classes/Select.html#renderOption","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Select"},{"id":3414,"kind":2048,"name":"globalClick","url":"classes/Select.html#globalClick","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3415,"kind":2048,"name":"onIndexChange","url":"classes/Select.html#onIndexChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3416,"kind":2048,"name":"renderValue","url":"classes/Select.html#renderValue","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3417,"kind":2048,"name":"renderTagCollapsedTrigger","url":"classes/Select.html#renderTagCollapsedTrigger","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3418,"kind":2048,"name":"renderTagList","url":"classes/Select.html#renderTagList","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3419,"kind":2048,"name":"getSearchPlaceholder","url":"classes/Select.html#getSearchPlaceholder","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3420,"kind":2048,"name":"onClear","url":"classes/Select.html#onClear","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3421,"kind":2048,"name":"onCreateClick","url":"classes/Select.html#onCreateClick","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3422,"kind":1024,"name":"filterOptions","url":"classes/Select.html#filterOptions","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Select"},{"id":3423,"kind":65536,"name":"__type","url":"classes/Select.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Select"},{"id":3424,"kind":2048,"name":"focusSearchInput","url":"classes/Select.html#focusSearchInput","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3425,"kind":2048,"name":"renderPopoverContent","url":"classes/Select.html#renderPopoverContent","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Select"},{"id":3426,"kind":2048,"name":"render","url":"classes/Select.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Select"},{"id":3427,"kind":65536,"name":"__type","url":"classes/Select.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Select"},{"id":3428,"kind":64,"name":"getDecimal","url":"modules.html#getDecimal","classes":"tsd-kind-function"},{"id":3429,"kind":128,"name":"Slider","url":"classes/Slider.html","classes":"tsd-kind-class"},{"id":3430,"kind":1024,"name":"defaultProps","url":"classes/Slider.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Slider"},{"id":3431,"kind":65536,"name":"__type","url":"classes/Slider.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Slider"},{"id":3432,"kind":1024,"name":"min","url":"classes/Slider.html#__type-1.min","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Slider.__type"},{"id":3433,"kind":1024,"name":"max","url":"classes/Slider.html#__type-1.max","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Slider.__type"},{"id":3434,"kind":1024,"name":"step","url":"classes/Slider.html#__type-1.step","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Slider.__type"},{"id":3435,"kind":1024,"name":"withInput","url":"classes/Slider.html#__type-1.withInput","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Slider.__type"},{"id":3436,"kind":1024,"name":"range","url":"classes/Slider.html#__type-1.range","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Slider.__type"},{"id":3437,"kind":1024,"name":"value","url":"classes/Slider.html#__type-1.value","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Slider.__type"},{"id":3438,"kind":1024,"name":"contextType","url":"classes/Slider.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Slider"},{"id":3439,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Slider.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Slider"},{"id":3440,"kind":512,"name":"constructor","url":"classes/Slider.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Slider"},{"id":3441,"kind":1024,"name":"context","url":"classes/Slider.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Slider"},{"id":3442,"kind":1024,"name":"state","url":"classes/Slider.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Slider"},{"id":3443,"kind":2048,"name":"render","url":"classes/Slider.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Slider"},{"id":3444,"kind":65536,"name":"__type","url":"classes/Slider.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Slider"},{"id":3445,"kind":256,"name":"ISliderCommonProps","url":"interfaces/ISliderCommonProps.html","classes":"tsd-kind-interface"},{"id":3446,"kind":1024,"name":"min","url":"interfaces/ISliderCommonProps.html#min","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3447,"kind":1024,"name":"max","url":"interfaces/ISliderCommonProps.html#max","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3448,"kind":1024,"name":"step","url":"interfaces/ISliderCommonProps.html#step","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3449,"kind":1024,"name":"withInput","url":"interfaces/ISliderCommonProps.html#withInput","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3450,"kind":1024,"name":"dots","url":"interfaces/ISliderCommonProps.html#dots","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3451,"kind":1024,"name":"width","url":"interfaces/ISliderCommonProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3452,"kind":1024,"name":"disabled","url":"interfaces/ISliderCommonProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3453,"kind":1024,"name":"className","url":"interfaces/ISliderCommonProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3454,"kind":1024,"name":"marks","url":"interfaces/ISliderCommonProps.html#marks","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderCommonProps"},{"id":3455,"kind":256,"name":"ISliderSingleProps","url":"interfaces/ISliderSingleProps.html","classes":"tsd-kind-interface"},{"id":3456,"kind":1024,"name":"range","url":"interfaces/ISliderSingleProps.html#range","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderSingleProps"},{"id":3457,"kind":1024,"name":"value","url":"interfaces/ISliderSingleProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderSingleProps"},{"id":3458,"kind":2048,"name":"onChange","url":"interfaces/ISliderSingleProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISliderSingleProps"},{"id":3459,"kind":1024,"name":"min","url":"interfaces/ISliderSingleProps.html#min","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3460,"kind":1024,"name":"max","url":"interfaces/ISliderSingleProps.html#max","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3461,"kind":1024,"name":"step","url":"interfaces/ISliderSingleProps.html#step","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3462,"kind":1024,"name":"withInput","url":"interfaces/ISliderSingleProps.html#withInput","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3463,"kind":1024,"name":"dots","url":"interfaces/ISliderSingleProps.html#dots","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3464,"kind":1024,"name":"width","url":"interfaces/ISliderSingleProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3465,"kind":1024,"name":"disabled","url":"interfaces/ISliderSingleProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3466,"kind":1024,"name":"className","url":"interfaces/ISliderSingleProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3467,"kind":1024,"name":"marks","url":"interfaces/ISliderSingleProps.html#marks","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderSingleProps"},{"id":3468,"kind":256,"name":"ISliderRangeProps","url":"interfaces/ISliderRangeProps.html","classes":"tsd-kind-interface"},{"id":3469,"kind":1024,"name":"range","url":"interfaces/ISliderRangeProps.html#range","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderRangeProps"},{"id":3470,"kind":1024,"name":"value","url":"interfaces/ISliderRangeProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderRangeProps"},{"id":3471,"kind":2048,"name":"onChange","url":"interfaces/ISliderRangeProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISliderRangeProps"},{"id":3472,"kind":1024,"name":"min","url":"interfaces/ISliderRangeProps.html#min","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3473,"kind":1024,"name":"max","url":"interfaces/ISliderRangeProps.html#max","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3474,"kind":1024,"name":"step","url":"interfaces/ISliderRangeProps.html#step","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3475,"kind":1024,"name":"withInput","url":"interfaces/ISliderRangeProps.html#withInput","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3476,"kind":1024,"name":"dots","url":"interfaces/ISliderRangeProps.html#dots","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3477,"kind":1024,"name":"width","url":"interfaces/ISliderRangeProps.html#width","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3478,"kind":1024,"name":"disabled","url":"interfaces/ISliderRangeProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3479,"kind":1024,"name":"className","url":"interfaces/ISliderRangeProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3480,"kind":1024,"name":"marks","url":"interfaces/ISliderRangeProps.html#marks","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISliderRangeProps"},{"id":3481,"kind":4194304,"name":"ISliderProps","url":"modules.html#ISliderProps","classes":"tsd-kind-type-alias"},{"id":3482,"kind":256,"name":"ISliderState","url":"interfaces/ISliderState.html","classes":"tsd-kind-interface"},{"id":3483,"kind":1024,"name":"decimal","url":"interfaces/ISliderState.html#decimal","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderState"},{"id":3484,"kind":1024,"name":"potentialValues","url":"interfaces/ISliderState.html#potentialValues","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderState"},{"id":3485,"kind":1024,"name":"active","url":"interfaces/ISliderState.html#active","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderState"},{"id":3486,"kind":1024,"name":"prevProps","url":"interfaces/ISliderState.html#prevProps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISliderState"},{"id":3487,"kind":64,"name":"smoothScroll","url":"modules.html#smoothScroll","classes":"tsd-kind-function"},{"id":3488,"kind":256,"name":"ISortableProps","url":"interfaces/ISortableProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3489,"kind":1024,"name":"tag","url":"interfaces/ISortableProps.html#tag","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISortableProps"},{"id":3490,"kind":1024,"name":"className","url":"interfaces/ISortableProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISortableProps"},{"id":3491,"kind":1024,"name":"items","url":"interfaces/ISortableProps.html#items","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISortableProps"},{"id":3492,"kind":1024,"name":"filterClass","url":"interfaces/ISortableProps.html#filterClass","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISortableProps"},{"id":3493,"kind":2048,"name":"onChange","url":"interfaces/ISortableProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISortableProps"},{"id":3494,"kind":65536,"name":"__type","url":"interfaces/ISortableProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ISortableProps"},{"id":3495,"kind":65536,"name":"__type","url":"interfaces/ISortableProps.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ISortableProps"},{"id":3496,"kind":128,"name":"Sortable","url":"classes/Sortable.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":3497,"kind":1024,"name":"defaultProps","url":"classes/Sortable.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Sortable"},{"id":3498,"kind":65536,"name":"__type","url":"classes/Sortable.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Sortable"},{"id":3499,"kind":1024,"name":"tag","url":"classes/Sortable.html#__type-1.tag","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Sortable.__type"},{"id":3500,"kind":512,"name":"constructor","url":"classes/Sortable.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"Sortable"},{"id":3501,"kind":1024,"name":"sortable","url":"classes/Sortable.html#sortable","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Sortable"},{"id":3502,"kind":1024,"name":"containerRef","url":"classes/Sortable.html#containerRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Sortable"},{"id":3503,"kind":2048,"name":"handleAddDraggingCursor","url":"classes/Sortable.html#handleAddDraggingCursor","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Sortable"},{"id":3504,"kind":2048,"name":"handleRemoveDraggingCursor","url":"classes/Sortable.html#handleRemoveDraggingCursor","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Sortable"},{"id":3505,"kind":2048,"name":"componentDidMount","url":"classes/Sortable.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Sortable"},{"id":3506,"kind":2048,"name":"componentWillUnmount","url":"classes/Sortable.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Sortable"},{"id":3507,"kind":2048,"name":"render","url":"classes/Sortable.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Sortable"},{"id":3508,"kind":65536,"name":"__type","url":"classes/Sortable.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Sortable"},{"id":3509,"kind":256,"name":"ISplitButtonProps","url":"interfaces/ISplitButtonProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3510,"kind":1024,"name":"type","url":"interfaces/ISplitButtonProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3511,"kind":1024,"name":"size","url":"interfaces/ISplitButtonProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3512,"kind":1024,"name":"disabled","url":"interfaces/ISplitButtonProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3513,"kind":1024,"name":"loading","url":"interfaces/ISplitButtonProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3514,"kind":1024,"name":"dropdownData","url":"interfaces/ISplitButtonProps.html#dropdownData","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3515,"kind":1024,"name":"dropdownTrigger","url":"interfaces/ISplitButtonProps.html#dropdownTrigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3516,"kind":1024,"name":"dropdownText","url":"interfaces/ISplitButtonProps.html#dropdownText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3517,"kind":1024,"name":"dropdownValue","url":"interfaces/ISplitButtonProps.html#dropdownValue","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3518,"kind":1024,"name":"dropdownIcon","url":"interfaces/ISplitButtonProps.html#dropdownIcon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3519,"kind":1024,"name":"dropdownPosition","url":"interfaces/ISplitButtonProps.html#dropdownPosition","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3520,"kind":1024,"name":"className","url":"interfaces/ISplitButtonProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3521,"kind":1024,"name":"onClick","url":"interfaces/ISplitButtonProps.html#onClick","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3522,"kind":2048,"name":"onSelect","url":"interfaces/ISplitButtonProps.html#onSelect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISplitButtonProps"},{"id":3523,"kind":128,"name":"SplitButton","url":"classes/SplitButton.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":3524,"kind":1024,"name":"defaultProps","url":"classes/SplitButton.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"SplitButton"},{"id":3525,"kind":65536,"name":"__type","url":"classes/SplitButton.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"SplitButton"},{"id":3526,"kind":1024,"name":"type","url":"classes/SplitButton.html#__type-2.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3527,"kind":1024,"name":"size","url":"classes/SplitButton.html#__type-2.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3528,"kind":1024,"name":"dropdownTrigger","url":"classes/SplitButton.html#__type-2.dropdownTrigger","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3529,"kind":1024,"name":"dropdownData","url":"classes/SplitButton.html#__type-2.dropdownData","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3530,"kind":1024,"name":"dropdownValue","url":"classes/SplitButton.html#__type-2.dropdownValue","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3531,"kind":1024,"name":"dropdownText","url":"classes/SplitButton.html#__type-2.dropdownText","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3532,"kind":1024,"name":"dropdownIcon","url":"classes/SplitButton.html#__type-2.dropdownIcon","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3533,"kind":1024,"name":"dropdownPosition","url":"classes/SplitButton.html#__type-2.dropdownPosition","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3534,"kind":1024,"name":"contextType","url":"classes/SplitButton.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"SplitButton"},{"id":3535,"kind":512,"name":"constructor","url":"classes/SplitButton.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"SplitButton"},{"id":3536,"kind":1024,"name":"context","url":"classes/SplitButton.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"SplitButton"},{"id":3537,"kind":1024,"name":"splitButton","url":"classes/SplitButton.html#splitButton","classes":"tsd-kind-property tsd-parent-kind-class","parent":"SplitButton"},{"id":3538,"kind":1024,"name":"state","url":"classes/SplitButton.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"SplitButton"},{"id":3539,"kind":65536,"name":"__type","url":"classes/SplitButton.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"SplitButton"},{"id":3540,"kind":1024,"name":"isShowDropdown","url":"classes/SplitButton.html#__type-1.isShowDropdown","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"SplitButton.__type"},{"id":3541,"kind":2048,"name":"toggleDropdown","url":"classes/SplitButton.html#toggleDropdown","classes":"tsd-kind-method tsd-parent-kind-class","parent":"SplitButton"},{"id":3542,"kind":2048,"name":"handleSelect","url":"classes/SplitButton.html#handleSelect","classes":"tsd-kind-method tsd-parent-kind-class","parent":"SplitButton"},{"id":3543,"kind":2048,"name":"render","url":"classes/SplitButton.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SplitButton"},{"id":3544,"kind":65536,"name":"__type","url":"classes/SplitButton.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"SplitButton"},{"id":3545,"kind":256,"name":"IStepProps","url":"interfaces/IStepProps.html","classes":"tsd-kind-interface"},{"id":3546,"kind":1024,"name":"title","url":"interfaces/IStepProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3547,"kind":1024,"name":"description","url":"interfaces/IStepProps.html#description","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3548,"kind":1024,"name":"status","url":"interfaces/IStepProps.html#status","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3549,"kind":1024,"name":"isCurrentStep","url":"interfaces/IStepProps.html#isCurrentStep","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3550,"kind":1024,"name":"isLastFinishStep","url":"interfaces/IStepProps.html#isLastFinishStep","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3551,"kind":1024,"name":"stepLast","url":"interfaces/IStepProps.html#stepLast","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3552,"kind":1024,"name":"stepNumber","url":"interfaces/IStepProps.html#stepNumber","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3553,"kind":1024,"name":"sequence","url":"interfaces/IStepProps.html#sequence","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3554,"kind":1024,"name":"disabled","url":"interfaces/IStepProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3555,"kind":1024,"name":"icon","url":"interfaces/IStepProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepProps"},{"id":3556,"kind":256,"name":"IStepsProps","url":"interfaces/IStepsProps.html","classes":"tsd-kind-interface"},{"id":3557,"kind":1024,"name":"type","url":"interfaces/IStepsProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3558,"kind":1024,"name":"direction","url":"interfaces/IStepsProps.html#direction","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3559,"kind":1024,"name":"current","url":"interfaces/IStepsProps.html#current","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3560,"kind":1024,"name":"status","url":"interfaces/IStepsProps.html#status","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3561,"kind":1024,"name":"sequence","url":"interfaces/IStepsProps.html#sequence","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3562,"kind":2048,"name":"onStepChange","url":"interfaces/IStepsProps.html#onStepChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3563,"kind":1024,"name":"className","url":"interfaces/IStepsProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3564,"kind":1024,"name":"ghost","url":"interfaces/IStepsProps.html#ghost","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStepsProps"},{"id":3565,"kind":128,"name":"Steps","url":"classes/Steps.html","classes":"tsd-kind-class"},{"id":3566,"kind":1024,"name":"defaultProps","url":"classes/Steps.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Steps"},{"id":3567,"kind":65536,"name":"__type","url":"classes/Steps.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Steps"},{"id":3568,"kind":1024,"name":"className","url":"classes/Steps.html#__type-1.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3569,"kind":1024,"name":"type","url":"classes/Steps.html#__type-1.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3570,"kind":1024,"name":"current","url":"classes/Steps.html#__type-1.current","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3571,"kind":1024,"name":"direction","url":"classes/Steps.html#__type-1.direction","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3572,"kind":1024,"name":"size","url":"classes/Steps.html#__type-1.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3573,"kind":1024,"name":"status","url":"classes/Steps.html#__type-1.status","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3574,"kind":1024,"name":"sequence","url":"classes/Steps.html#__type-1.sequence","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3575,"kind":1024,"name":"ghost","url":"classes/Steps.html#__type-1.ghost","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Steps.__type"},{"id":3576,"kind":1024,"name":"Step","url":"classes/Steps.html#Step","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Steps"},{"id":3577,"kind":512,"name":"constructor","url":"classes/Steps.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Steps"},{"id":3578,"kind":2048,"name":"render","url":"classes/Steps.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Steps"},{"id":3579,"kind":65536,"name":"__type","url":"classes/Steps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Steps"},{"id":3580,"kind":64,"name":"alert","url":"modules.html#alert","classes":"tsd-kind-function"},{"id":3581,"kind":64,"name":"confirm","url":"modules.html#confirm","classes":"tsd-kind-function"},{"id":3582,"kind":32,"name":"Sweetalert","url":"modules.html#Sweetalert","classes":"tsd-kind-variable"},{"id":3583,"kind":65536,"name":"__type","url":"modules.html#Sweetalert.__type","classes":"tsd-kind-type-literal tsd-parent-kind-variable","parent":"Sweetalert"},{"id":3584,"kind":1024,"name":"alert","url":"modules.html#Sweetalert.__type.alert","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Sweetalert.__type"},{"id":3585,"kind":65536,"name":"__type","url":"modules.html#Sweetalert.__type.__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Sweetalert.__type"},{"id":3586,"kind":1024,"name":"info","url":"modules.html#Sweetalert.__type.info","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Sweetalert.__type"},{"id":3587,"kind":65536,"name":"__type","url":"modules.html#Sweetalert.__type.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Sweetalert.__type"},{"id":3588,"kind":1024,"name":"confirm","url":"modules.html#Sweetalert.__type.confirm","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Sweetalert.__type"},{"id":3589,"kind":65536,"name":"__type","url":"modules.html#Sweetalert.__type.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Sweetalert.__type"},{"id":3590,"kind":2,"name":"Sweetalert","url":"modules/Sweetalert.html","classes":"tsd-kind-namespace"},{"id":3591,"kind":256,"name":"IAlertOption","url":"interfaces/Sweetalert.IAlertOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"Sweetalert"},{"id":3592,"kind":1024,"name":"content","url":"interfaces/Sweetalert.IAlertOption.html#content","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3593,"kind":1024,"name":"type","url":"interfaces/Sweetalert.IAlertOption.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3594,"kind":1024,"name":"title","url":"interfaces/Sweetalert.IAlertOption.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3595,"kind":1024,"name":"onConfirm","url":"interfaces/Sweetalert.IAlertOption.html#onConfirm","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3596,"kind":1024,"name":"confirmText","url":"interfaces/Sweetalert.IAlertOption.html#confirmText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3597,"kind":1024,"name":"confirmType","url":"interfaces/Sweetalert.IAlertOption.html#confirmType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3598,"kind":1024,"name":"closeBtn","url":"interfaces/Sweetalert.IAlertOption.html#closeBtn","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3599,"kind":1024,"name":"maskClosable","url":"interfaces/Sweetalert.IAlertOption.html#maskClosable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3600,"kind":1024,"name":"parentComponent","url":"interfaces/Sweetalert.IAlertOption.html#parentComponent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3601,"kind":1024,"name":"className","url":"interfaces/Sweetalert.IAlertOption.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3602,"kind":1024,"name":"onCancel","url":"interfaces/Sweetalert.IAlertOption.html#onCancel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3603,"kind":2048,"name":"onClose","url":"interfaces/Sweetalert.IAlertOption.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"Sweetalert.IAlertOption"},{"id":3604,"kind":256,"name":"IConfirmOption","url":"interfaces/Sweetalert.IConfirmOption.html","classes":"tsd-kind-interface tsd-parent-kind-namespace","parent":"Sweetalert"},{"id":3605,"kind":1024,"name":"cancelText","url":"interfaces/Sweetalert.IConfirmOption.html#cancelText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"Sweetalert.IConfirmOption"},{"id":3606,"kind":1024,"name":"content","url":"interfaces/Sweetalert.IConfirmOption.html#content","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3607,"kind":1024,"name":"type","url":"interfaces/Sweetalert.IConfirmOption.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3608,"kind":1024,"name":"title","url":"interfaces/Sweetalert.IConfirmOption.html#title","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3609,"kind":1024,"name":"onConfirm","url":"interfaces/Sweetalert.IConfirmOption.html#onConfirm","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3610,"kind":1024,"name":"confirmText","url":"interfaces/Sweetalert.IConfirmOption.html#confirmText","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3611,"kind":1024,"name":"confirmType","url":"interfaces/Sweetalert.IConfirmOption.html#confirmType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3612,"kind":1024,"name":"closeBtn","url":"interfaces/Sweetalert.IConfirmOption.html#closeBtn","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3613,"kind":1024,"name":"maskClosable","url":"interfaces/Sweetalert.IConfirmOption.html#maskClosable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3614,"kind":1024,"name":"parentComponent","url":"interfaces/Sweetalert.IConfirmOption.html#parentComponent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3615,"kind":1024,"name":"className","url":"interfaces/Sweetalert.IConfirmOption.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3616,"kind":1024,"name":"onCancel","url":"interfaces/Sweetalert.IConfirmOption.html#onCancel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3617,"kind":2048,"name":"onClose","url":"interfaces/Sweetalert.IConfirmOption.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"Sweetalert.IConfirmOption"},{"id":3618,"kind":64,"name":"info","url":"modules.html#info","classes":"tsd-kind-function"},{"id":3619,"kind":32,"name":"Carousel","url":"modules.html#Carousel","classes":"tsd-kind-variable"},{"id":3620,"kind":256,"name":"ISwiperProps","url":"interfaces/ISwiperProps.html","classes":"tsd-kind-interface"},{"id":3621,"kind":1024,"name":"className","url":"interfaces/ISwiperProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3622,"kind":1024,"name":"transitionDuration","url":"interfaces/ISwiperProps.html#transitionDuration","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3623,"kind":1024,"name":"autoplay","url":"interfaces/ISwiperProps.html#autoplay","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3624,"kind":1024,"name":"autoplayInterval","url":"interfaces/ISwiperProps.html#autoplayInterval","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3625,"kind":1024,"name":"dots","url":"interfaces/ISwiperProps.html#dots","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3626,"kind":1024,"name":"dotsColor","url":"interfaces/ISwiperProps.html#dotsColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3627,"kind":1024,"name":"dotsSize","url":"interfaces/ISwiperProps.html#dotsSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3628,"kind":1024,"name":"dotsTheme","url":"interfaces/ISwiperProps.html#dotsTheme","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3629,"kind":1024,"name":"arrows","url":"interfaces/ISwiperProps.html#arrows","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3630,"kind":1024,"name":"arrowsDisabled","url":"interfaces/ISwiperProps.html#arrowsDisabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3631,"kind":65536,"name":"__type","url":"interfaces/ISwiperProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3632,"kind":1024,"name":"left","url":"interfaces/ISwiperProps.html#__type.left","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ISwiperProps.__type"},{"id":3633,"kind":1024,"name":"right","url":"interfaces/ISwiperProps.html#__type.right","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"ISwiperProps.__type"},{"id":3634,"kind":1024,"name":"arrowsSize","url":"interfaces/ISwiperProps.html#arrowsSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3635,"kind":1024,"name":"arrowsType","url":"interfaces/ISwiperProps.html#arrowsType","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3636,"kind":2048,"name":"onChange","url":"interfaces/ISwiperProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3637,"kind":1024,"name":"children","url":"interfaces/ISwiperProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3638,"kind":2048,"name":"renderPrevArrow","url":"interfaces/ISwiperProps.html#renderPrevArrow","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3639,"kind":2048,"name":"renderNextArrow","url":"interfaces/ISwiperProps.html#renderNextArrow","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISwiperProps"},{"id":3640,"kind":256,"name":"ISwiperState","url":"interfaces/ISwiperState.html","classes":"tsd-kind-interface"},{"id":3641,"kind":1024,"name":"currentIndex","url":"interfaces/ISwiperState.html#currentIndex","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperState"},{"id":3642,"kind":1024,"name":"prevProps","url":"interfaces/ISwiperState.html#prevProps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwiperState"},{"id":3643,"kind":128,"name":"Swiper","url":"classes/Swiper.html","classes":"tsd-kind-class"},{"id":3644,"kind":1024,"name":"defaultProps","url":"classes/Swiper.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Swiper"},{"id":3645,"kind":65536,"name":"__type","url":"classes/Swiper.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Swiper"},{"id":3646,"kind":1024,"name":"className","url":"classes/Swiper.html#__type-2.className","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3647,"kind":1024,"name":"transitionDuration","url":"classes/Swiper.html#__type-2.transitionDuration","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3648,"kind":1024,"name":"autoplay","url":"classes/Swiper.html#__type-2.autoplay","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3649,"kind":1024,"name":"autoplayInterval","url":"classes/Swiper.html#__type-2.autoplayInterval","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3650,"kind":1024,"name":"dots","url":"classes/Swiper.html#__type-2.dots","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3651,"kind":1024,"name":"dotsTheme","url":"classes/Swiper.html#__type-2.dotsTheme","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3652,"kind":1024,"name":"dotsSize","url":"classes/Swiper.html#__type-2.dotsSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3653,"kind":1024,"name":"arrows","url":"classes/Swiper.html#__type-2.arrows","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3654,"kind":1024,"name":"arrowsSize","url":"classes/Swiper.html#__type-2.arrowsSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3655,"kind":1024,"name":"arrowsType","url":"classes/Swiper.html#__type-2.arrowsType","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3656,"kind":1024,"name":"arrowsDisabled","url":"classes/Swiper.html#__type-2.arrowsDisabled","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3657,"kind":65536,"name":"__type","url":"classes/Swiper.html#__type-2.__type-3","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3658,"kind":1024,"name":"left","url":"classes/Swiper.html#__type-2.__type-3.left","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type.__type"},{"id":3659,"kind":1024,"name":"right","url":"classes/Swiper.html#__type-2.__type-3.right","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type.__type"},{"id":3660,"kind":1024,"name":"renderPrevArrow","url":"classes/Swiper.html#__type-2.renderPrevArrow","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3661,"kind":65536,"name":"__type","url":"classes/Swiper.html#__type-2.__type-5","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3662,"kind":1024,"name":"renderNextArrow","url":"classes/Swiper.html#__type-2.renderNextArrow","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3663,"kind":65536,"name":"__type","url":"classes/Swiper.html#__type-2.__type-4","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3664,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Swiper.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Swiper"},{"id":3665,"kind":512,"name":"constructor","url":"classes/Swiper.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Swiper"},{"id":3666,"kind":1024,"name":"swiper","url":"classes/Swiper.html#swiper","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Swiper"},{"id":3667,"kind":1024,"name":"swiperContainer","url":"classes/Swiper.html#swiperContainer","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Swiper"},{"id":3668,"kind":1024,"name":"swiperWidth","url":"classes/Swiper.html#swiperWidth","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Swiper"},{"id":3669,"kind":1024,"name":"autoplayTimer","url":"classes/Swiper.html#autoplayTimer","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Swiper"},{"id":3670,"kind":1024,"name":"isSwiping","url":"classes/Swiper.html#isSwiping","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Swiper"},{"id":3671,"kind":1024,"name":"isMouseEnter","url":"classes/Swiper.html#isMouseEnter","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Swiper"},{"id":3672,"kind":1024,"name":"state","url":"classes/Swiper.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Swiper"},{"id":3673,"kind":65536,"name":"__type","url":"classes/Swiper.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Swiper"},{"id":3674,"kind":1024,"name":"currentIndex","url":"classes/Swiper.html#__type-1.currentIndex","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Swiper.__type"},{"id":3675,"kind":2048,"name":"init","url":"classes/Swiper.html#init","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3676,"kind":2048,"name":"getSwiper","url":"classes/Swiper.html#getSwiper","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3677,"kind":2048,"name":"getSwiperContainer","url":"classes/Swiper.html#getSwiperContainer","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3678,"kind":2048,"name":"setSwiperWidth","url":"classes/Swiper.html#setSwiperWidth","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3679,"kind":2048,"name":"startAutoplay","url":"classes/Swiper.html#startAutoplay","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3680,"kind":2048,"name":"clearAutoplay","url":"classes/Swiper.html#clearAutoplay","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3681,"kind":2048,"name":"next","url":"classes/Swiper.html#next","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3682,"kind":2048,"name":"prev","url":"classes/Swiper.html#prev","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3683,"kind":2048,"name":"swipeTo","url":"classes/Swiper.html#swipeTo","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3684,"kind":2048,"name":"translate","url":"classes/Swiper.html#translate","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3685,"kind":2048,"name":"resetPosition","url":"classes/Swiper.html#resetPosition","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3686,"kind":2048,"name":"getRealPrevIndex","url":"classes/Swiper.html#getRealPrevIndex","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3687,"kind":2048,"name":"cloneChildren","url":"classes/Swiper.html#cloneChildren","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3688,"kind":2048,"name":"handleMouseEnter","url":"classes/Swiper.html#handleMouseEnter","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3689,"kind":2048,"name":"handleMouseLeave","url":"classes/Swiper.html#handleMouseLeave","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3690,"kind":2048,"name":"handleDotsClick","url":"classes/Swiper.html#handleDotsClick","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3691,"kind":2048,"name":"handleResize","url":"classes/Swiper.html#handleResize","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Swiper"},{"id":3692,"kind":2048,"name":"componentDidMount","url":"classes/Swiper.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Swiper"},{"id":3693,"kind":2048,"name":"componentDidUpdate","url":"classes/Swiper.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Swiper"},{"id":3694,"kind":2048,"name":"componentWillUnmount","url":"classes/Swiper.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Swiper"},{"id":3695,"kind":2048,"name":"render","url":"classes/Swiper.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Swiper"},{"id":3696,"kind":65536,"name":"__type","url":"classes/Swiper.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Swiper"},{"id":3697,"kind":256,"name":"ISwitchProps","url":"interfaces/ISwitchProps.html","classes":"tsd-kind-interface"},{"id":3698,"kind":1024,"name":"checked","url":"interfaces/ISwitchProps.html#checked","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3699,"kind":2048,"name":"onChange","url":"interfaces/ISwitchProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3700,"kind":1024,"name":"disabled","url":"interfaces/ISwitchProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3701,"kind":1024,"name":"checkedText","url":"interfaces/ISwitchProps.html#checkedText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3702,"kind":1024,"name":"uncheckedText","url":"interfaces/ISwitchProps.html#uncheckedText","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3703,"kind":1024,"name":"loading","url":"interfaces/ISwitchProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3704,"kind":1024,"name":"size","url":"interfaces/ISwitchProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3705,"kind":1024,"name":"className","url":"interfaces/ISwitchProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISwitchProps"},{"id":3706,"kind":128,"name":"Switch","url":"classes/Switch.html","classes":"tsd-kind-class"},{"id":3707,"kind":1024,"name":"defaultProps","url":"classes/Switch.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Switch"},{"id":3708,"kind":65536,"name":"__type","url":"classes/Switch.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Switch"},{"id":3709,"kind":1024,"name":"size","url":"classes/Switch.html#__type-1.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Switch.__type"},{"id":3710,"kind":1024,"name":"contextType","url":"classes/Switch.html#contextType","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite tsd-is-static","parent":"Switch"},{"id":3711,"kind":512,"name":"constructor","url":"classes/Switch.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Switch"},{"id":3712,"kind":1024,"name":"context","url":"classes/Switch.html#context","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"Switch"},{"id":3713,"kind":2048,"name":"toggle","url":"classes/Switch.html#toggle","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Switch"},{"id":3714,"kind":2048,"name":"render","url":"classes/Switch.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Switch"},{"id":3715,"kind":65536,"name":"__type","url":"classes/Switch.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Switch"},{"id":3716,"kind":128,"name":"Tabs","url":"classes/Tabs.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":3717,"kind":1024,"name":"TabPanel","url":"classes/Tabs.html#TabPanel","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Tabs"},{"id":3718,"kind":65536,"name":"__type","url":"classes/Tabs.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"Tabs"},{"id":3719,"kind":1024,"name":"defaultProps","url":"classes/Tabs.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Tabs"},{"id":3720,"kind":512,"name":"constructor","url":"classes/Tabs.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"Tabs"},{"id":3721,"kind":262144,"name":"tabsCls","url":"classes/Tabs.html#tabsCls","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Tabs"},{"id":3722,"kind":2048,"name":"getTabDataListFromTabs","url":"classes/Tabs.html#getTabDataListFromTabs","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Tabs"},{"id":3723,"kind":2048,"name":"getTabDataListFromChildren","url":"classes/Tabs.html#getTabDataListFromChildren","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Tabs"},{"id":3724,"kind":2048,"name":"renderNav","url":"classes/Tabs.html#renderNav","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Tabs"},{"id":3725,"kind":2048,"name":"renderTabPanel","url":"classes/Tabs.html#renderTabPanel","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Tabs"},{"id":3726,"kind":2048,"name":"renderWithPanel","url":"classes/Tabs.html#renderWithPanel","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Tabs"},{"id":3727,"kind":2048,"name":"renderWithoutPanel","url":"classes/Tabs.html#renderWithoutPanel","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Tabs"},{"id":3728,"kind":2048,"name":"render","url":"classes/Tabs.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Tabs"},{"id":3729,"kind":65536,"name":"__type","url":"classes/Tabs.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Tabs"},{"id":3730,"kind":256,"name":"IVerticalDivide","url":"interfaces/IVerticalDivide.html","classes":"tsd-kind-interface"},{"id":3731,"kind":1024,"name":"divide","url":"interfaces/IVerticalDivide.html#divide","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IVerticalDivide"},{"id":3732,"kind":256,"name":"IFixedProps","url":"interfaces/IFixedProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3733,"kind":1024,"name":"canFixed","url":"interfaces/IFixedProps.html#canFixed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFixedProps"},{"id":3734,"kind":1024,"name":"fixedIds","url":"interfaces/IFixedProps.html#fixedIds","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFixedProps"},{"id":3735,"kind":2048,"name":"onFixedChange","url":"interfaces/IFixedProps.html#onFixedChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFixedProps"},{"id":3736,"kind":256,"name":"ITab","url":"interfaces/ITab.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3737,"kind":1024,"name":"key","url":"interfaces/ITab.html#key","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITab"},{"id":3738,"kind":1024,"name":"title","url":"interfaces/ITab.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITab"},{"id":3739,"kind":1024,"name":"disabled","url":"interfaces/ITab.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITab"},{"id":3740,"kind":1024,"name":"className","url":"interfaces/ITab.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITab"},{"id":3741,"kind":1024,"name":"canFixed","url":"interfaces/ITab.html#canFixed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITab"},{"id":3742,"kind":1024,"name":"candel","url":"interfaces/ITab.html#candel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITab"},{"id":3743,"kind":4194304,"name":"IVerticalTab","url":"modules.html#IVerticalTab","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":3744,"kind":256,"name":"IInnerTab","url":"interfaces/IInnerTab.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3745,"kind":1024,"name":"actived","url":"interfaces/IInnerTab.html#actived","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInnerTab"},{"id":3746,"kind":1024,"name":"unmountOnHide","url":"interfaces/IInnerTab.html#unmountOnHide","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInnerTab"},{"id":3747,"kind":1024,"name":"panelChildren","url":"interfaces/IInnerTab.html#panelChildren","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IInnerTab"},{"id":3748,"kind":1024,"name":"candel","url":"interfaces/IInnerTab.html#candel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"IInnerTab"},{"id":3749,"kind":1024,"name":"key","url":"interfaces/IInnerTab.html#key","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInnerTab"},{"id":3750,"kind":1024,"name":"title","url":"interfaces/IInnerTab.html#title","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInnerTab"},{"id":3751,"kind":1024,"name":"disabled","url":"interfaces/IInnerTab.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInnerTab"},{"id":3752,"kind":1024,"name":"className","url":"interfaces/IInnerTab.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInnerTab"},{"id":3753,"kind":1024,"name":"canFixed","url":"interfaces/IInnerTab.html#canFixed","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInnerTab"},{"id":3754,"kind":1024,"name":"fixedIds","url":"interfaces/IInnerTab.html#fixedIds","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IInnerTab"},{"id":3755,"kind":2048,"name":"onFixedChange","url":"interfaces/IInnerTab.html#onFixedChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IInnerTab"},{"id":3756,"kind":4194304,"name":"IVerticalInnerTab","url":"modules.html#IVerticalInnerTab","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":3757,"kind":4194304,"name":"TabType","url":"modules.html#TabType","classes":"tsd-kind-type-alias"},{"id":3758,"kind":4194304,"name":"ITabOverflowMode","url":"modules.html#ITabOverflowMode","classes":"tsd-kind-type-alias"},{"id":3759,"kind":256,"name":"ITabPanelProps","url":"interfaces/ITabPanelProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3760,"kind":1024,"name":"id","url":"interfaces/ITabPanelProps.html#id","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3761,"kind":1024,"name":"tab","url":"interfaces/ITabPanelProps.html#tab","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3762,"kind":1024,"name":"className","url":"interfaces/ITabPanelProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3763,"kind":1024,"name":"disabled","url":"interfaces/ITabPanelProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3764,"kind":1024,"name":"actived","url":"interfaces/ITabPanelProps.html#actived","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3765,"kind":1024,"name":"unmountOnHide","url":"interfaces/ITabPanelProps.html#unmountOnHide","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3766,"kind":1024,"name":"canFixed","url":"interfaces/ITabPanelProps.html#canFixed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3767,"kind":1024,"name":"candel","url":"interfaces/ITabPanelProps.html#candel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabPanelProps"},{"id":3768,"kind":4194304,"name":"IVerticalTabPanelProps","url":"modules.html#IVerticalTabPanelProps","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":3769,"kind":4194304,"name":"ITabPanelElement","url":"modules.html#ITabPanelElement","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":3770,"kind":256,"name":"IBaseTabsProps","url":"interfaces/IBaseTabsProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3771,"kind":2048,"name":"onChange","url":"interfaces/IBaseTabsProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IBaseTabsProps"},{"id":3772,"kind":1024,"name":"activeId","url":"interfaces/IBaseTabsProps.html#activeId","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBaseTabsProps"},{"id":3773,"kind":1024,"name":"className","url":"interfaces/IBaseTabsProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBaseTabsProps"},{"id":3774,"kind":1024,"name":"tabs","url":"interfaces/IBaseTabsProps.html#tabs","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBaseTabsProps"},{"id":3775,"kind":1024,"name":"unmountPanelOnHide","url":"interfaces/IBaseTabsProps.html#unmountPanelOnHide","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBaseTabsProps"},{"id":3776,"kind":1024,"name":"disableLazyMount","url":"interfaces/IBaseTabsProps.html#disableLazyMount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBaseTabsProps"},{"id":3777,"kind":1024,"name":"children","url":"interfaces/IBaseTabsProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBaseTabsProps"},{"id":3778,"kind":256,"name":"ITabsProps","url":"interfaces/ITabsProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3779,"kind":2048,"name":"onDelete","url":"interfaces/ITabsProps.html#onDelete","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3780,"kind":2048,"name":"onAdd","url":"interfaces/ITabsProps.html#onAdd","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3781,"kind":1024,"name":"candel","url":"interfaces/ITabsProps.html#candel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3782,"kind":1024,"name":"stretch","url":"interfaces/ITabsProps.html#stretch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3783,"kind":1024,"name":"navExtraContent","url":"interfaces/ITabsProps.html#navExtraContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3784,"kind":1024,"name":"type","url":"interfaces/ITabsProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3785,"kind":1024,"name":"overflowMode","url":"interfaces/ITabsProps.html#overflowMode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3786,"kind":2048,"name":"renderTabBar","url":"interfaces/ITabsProps.html#renderTabBar","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabsProps"},{"id":3787,"kind":2048,"name":"onChange","url":"interfaces/ITabsProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3788,"kind":1024,"name":"activeId","url":"interfaces/ITabsProps.html#activeId","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3789,"kind":1024,"name":"className","url":"interfaces/ITabsProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3790,"kind":1024,"name":"tabs","url":"interfaces/ITabsProps.html#tabs","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3791,"kind":1024,"name":"unmountPanelOnHide","url":"interfaces/ITabsProps.html#unmountPanelOnHide","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3792,"kind":1024,"name":"disableLazyMount","url":"interfaces/ITabsProps.html#disableLazyMount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3793,"kind":1024,"name":"children","url":"interfaces/ITabsProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3794,"kind":1024,"name":"canFixed","url":"interfaces/ITabsProps.html#canFixed","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3795,"kind":1024,"name":"fixedIds","url":"interfaces/ITabsProps.html#fixedIds","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3796,"kind":2048,"name":"onFixedChange","url":"interfaces/ITabsProps.html#onFixedChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsProps"},{"id":3797,"kind":256,"name":"IVerticalTabsProps","url":"interfaces/IVerticalTabsProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3798,"kind":1024,"name":"scrollHeight","url":"interfaces/IVerticalTabsProps.html#scrollHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IVerticalTabsProps"},{"id":3799,"kind":2048,"name":"onChange","url":"interfaces/IVerticalTabsProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsProps"},{"id":3800,"kind":1024,"name":"activeId","url":"interfaces/IVerticalTabsProps.html#activeId","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsProps"},{"id":3801,"kind":1024,"name":"className","url":"interfaces/IVerticalTabsProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsProps"},{"id":3802,"kind":1024,"name":"tabs","url":"interfaces/IVerticalTabsProps.html#tabs","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsProps"},{"id":3803,"kind":1024,"name":"unmountPanelOnHide","url":"interfaces/IVerticalTabsProps.html#unmountPanelOnHide","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsProps"},{"id":3804,"kind":1024,"name":"disableLazyMount","url":"interfaces/IVerticalTabsProps.html#disableLazyMount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsProps"},{"id":3805,"kind":1024,"name":"children","url":"interfaces/IVerticalTabsProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsProps"},{"id":3806,"kind":256,"name":"IBaseTabsNavProps","url":"interfaces/IBaseTabsNavProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3807,"kind":2048,"name":"onChange","url":"interfaces/IBaseTabsNavProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IBaseTabsNavProps"},{"id":3808,"kind":1024,"name":"tabDataList","url":"interfaces/IBaseTabsNavProps.html#tabDataList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IBaseTabsNavProps"},{"id":3809,"kind":256,"name":"ITabsNavProps","url":"interfaces/ITabsNavProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3810,"kind":2048,"name":"onDelete","url":"interfaces/ITabsNavProps.html#onDelete","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3811,"kind":1024,"name":"candel","url":"interfaces/ITabsNavProps.html#candel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3812,"kind":1024,"name":"stretch","url":"interfaces/ITabsNavProps.html#stretch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3813,"kind":1024,"name":"navExtraContent","url":"interfaces/ITabsNavProps.html#navExtraContent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3814,"kind":1024,"name":"type","url":"interfaces/ITabsNavProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3815,"kind":1024,"name":"overflowMode","url":"interfaces/ITabsNavProps.html#overflowMode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3816,"kind":2048,"name":"onAdd","url":"interfaces/ITabsNavProps.html#onAdd","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3817,"kind":1024,"name":"activeId","url":"interfaces/ITabsNavProps.html#activeId","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3818,"kind":1024,"name":"className","url":"interfaces/ITabsNavProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3819,"kind":1024,"name":"style","url":"interfaces/ITabsNavProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabsNavProps"},{"id":3820,"kind":2048,"name":"onChange","url":"interfaces/ITabsNavProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsNavProps"},{"id":3821,"kind":1024,"name":"tabDataList","url":"interfaces/ITabsNavProps.html#tabDataList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsNavProps"},{"id":3822,"kind":1024,"name":"canFixed","url":"interfaces/ITabsNavProps.html#canFixed","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsNavProps"},{"id":3823,"kind":1024,"name":"fixedIds","url":"interfaces/ITabsNavProps.html#fixedIds","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsNavProps"},{"id":3824,"kind":2048,"name":"onFixedChange","url":"interfaces/ITabsNavProps.html#onFixedChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabsNavProps"},{"id":3825,"kind":256,"name":"ITabNavState","url":"interfaces/ITabNavState.html","classes":"tsd-kind-interface"},{"id":3826,"kind":1024,"name":"fixed","url":"interfaces/ITabNavState.html#fixed","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabNavState"},{"id":3827,"kind":256,"name":"IVerticalTabsNavProps","url":"interfaces/IVerticalTabsNavProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3828,"kind":1024,"name":"scrollHeight","url":"interfaces/IVerticalTabsNavProps.html#scrollHeight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IVerticalTabsNavProps"},{"id":3829,"kind":2048,"name":"onChange","url":"interfaces/IVerticalTabsNavProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsNavProps"},{"id":3830,"kind":1024,"name":"tabDataList","url":"interfaces/IVerticalTabsNavProps.html#tabDataList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IVerticalTabsNavProps"},{"id":3831,"kind":256,"name":"ITabProps","url":"interfaces/ITabProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":3832,"kind":1024,"name":"id","url":"interfaces/ITabProps.html#id","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabProps"},{"id":3833,"kind":2048,"name":"onSelected","url":"interfaces/ITabProps.html#onSelected","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabProps"},{"id":3834,"kind":2048,"name":"onDelete","url":"interfaces/ITabProps.html#onDelete","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITabProps"},{"id":3835,"kind":1024,"name":"actived","url":"interfaces/ITabProps.html#actived","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabProps"},{"id":3836,"kind":1024,"name":"disabled","url":"interfaces/ITabProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabProps"},{"id":3837,"kind":1024,"name":"candel","url":"interfaces/ITabProps.html#candel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITabProps"},{"id":3838,"kind":1024,"name":"canFixed","url":"interfaces/ITabProps.html#canFixed","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabProps"},{"id":3839,"kind":1024,"name":"fixedIds","url":"interfaces/ITabProps.html#fixedIds","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITabProps"},{"id":3840,"kind":2048,"name":"onFixedChange","url":"interfaces/ITabProps.html#onFixedChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITabProps"},{"id":3841,"kind":128,"name":"VerticalTabs","url":"classes/VerticalTabs.html","classes":"tsd-kind-class tsd-has-type-parameter"},{"id":3842,"kind":1024,"name":"TabPanel","url":"classes/VerticalTabs.html#TabPanel","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"VerticalTabs"},{"id":3843,"kind":65536,"name":"__type","url":"classes/VerticalTabs.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class tsd-has-type-parameter","parent":"VerticalTabs"},{"id":3844,"kind":1024,"name":"Divide","url":"classes/VerticalTabs.html#Divide","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"VerticalTabs"},{"id":3845,"kind":1024,"name":"defaultProps","url":"classes/VerticalTabs.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"VerticalTabs"},{"id":3846,"kind":512,"name":"constructor","url":"classes/VerticalTabs.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-has-type-parameter tsd-is-inherited","parent":"VerticalTabs"},{"id":3847,"kind":262144,"name":"tabsCls","url":"classes/VerticalTabs.html#tabsCls","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"VerticalTabs"},{"id":3848,"kind":2048,"name":"getTabDataListFromTabs","url":"classes/VerticalTabs.html#getTabDataListFromTabs","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"VerticalTabs"},{"id":3849,"kind":2048,"name":"getTabDataListFromChildren","url":"classes/VerticalTabs.html#getTabDataListFromChildren","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"VerticalTabs"},{"id":3850,"kind":2048,"name":"renderNav","url":"classes/VerticalTabs.html#renderNav","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"VerticalTabs"},{"id":3851,"kind":2048,"name":"renderTabPanel","url":"classes/VerticalTabs.html#renderTabPanel","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"VerticalTabs"},{"id":3852,"kind":2048,"name":"renderWithPanel","url":"classes/VerticalTabs.html#renderWithPanel","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"VerticalTabs"},{"id":3853,"kind":2048,"name":"renderWithoutPanel","url":"classes/VerticalTabs.html#renderWithoutPanel","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"VerticalTabs"},{"id":3854,"kind":2048,"name":"render","url":"classes/VerticalTabs.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"VerticalTabs"},{"id":3855,"kind":65536,"name":"__type","url":"classes/VerticalTabs.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"VerticalTabs"},{"id":3856,"kind":256,"name":"ITagProps","url":"interfaces/ITagProps.html","classes":"tsd-kind-interface"},{"id":3857,"kind":1024,"name":"theme","url":"interfaces/ITagProps.html#theme","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3858,"kind":1024,"name":"outline","url":"interfaces/ITagProps.html#outline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3859,"kind":1024,"name":"rounded","url":"interfaces/ITagProps.html#rounded","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3860,"kind":1024,"name":"closable","url":"interfaces/ITagProps.html#closable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3861,"kind":1024,"name":"onClose","url":"interfaces/ITagProps.html#onClose","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3862,"kind":1024,"name":"style","url":"interfaces/ITagProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ITagProps"},{"id":3863,"kind":1024,"name":"closeButtonStyle","url":"interfaces/ITagProps.html#closeButtonStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3864,"kind":1024,"name":"visible","url":"interfaces/ITagProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3865,"kind":1024,"name":"size","url":"interfaces/ITagProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITagProps"},{"id":3866,"kind":65536,"name":"__type","url":"interfaces/ITagProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ITagProps"},{"id":3867,"kind":32,"name":"Tag","url":"modules.html#Tag","classes":"tsd-kind-variable"},{"id":3868,"kind":256,"name":"ILinkTagProps","url":"interfaces/ILinkTagProps.html","classes":"tsd-kind-interface"},{"id":3869,"kind":1024,"name":"linkIconStyle","url":"interfaces/ILinkTagProps.html#linkIconStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ILinkTagProps"},{"id":3870,"kind":1024,"name":"onClose","url":"interfaces/ILinkTagProps.html#onClose","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ILinkTagProps"},{"id":3871,"kind":1024,"name":"style","url":"interfaces/ILinkTagProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ILinkTagProps"},{"id":3872,"kind":65536,"name":"__type","url":"interfaces/ILinkTagProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ILinkTagProps"},{"id":3873,"kind":1024,"name":"visible","url":"interfaces/ILinkTagProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ILinkTagProps"},{"id":3874,"kind":1024,"name":"rounded","url":"interfaces/ILinkTagProps.html#rounded","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ILinkTagProps"},{"id":3875,"kind":32,"name":"LinkTag","url":"modules.html#LinkTag","classes":"tsd-kind-variable"},{"id":3876,"kind":256,"name":"ISelectTagProps","url":"interfaces/ISelectTagProps.html","classes":"tsd-kind-interface"},{"id":3877,"kind":1024,"name":"selected","url":"interfaces/ISelectTagProps.html#selected","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISelectTagProps"},{"id":3878,"kind":2048,"name":"onChange","url":"interfaces/ISelectTagProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ISelectTagProps"},{"id":3879,"kind":1024,"name":"onClose","url":"interfaces/ISelectTagProps.html#onClose","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectTagProps"},{"id":3880,"kind":1024,"name":"style","url":"interfaces/ISelectTagProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectTagProps"},{"id":3881,"kind":65536,"name":"__type","url":"interfaces/ISelectTagProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ISelectTagProps"},{"id":3882,"kind":1024,"name":"visible","url":"interfaces/ISelectTagProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectTagProps"},{"id":3883,"kind":1024,"name":"rounded","url":"interfaces/ISelectTagProps.html#rounded","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISelectTagProps"},{"id":3884,"kind":32,"name":"SelectTag","url":"modules.html#SelectTag","classes":"tsd-kind-variable"},{"id":3885,"kind":4194304,"name":"StatusBarType","url":"modules.html#StatusBarType","classes":"tsd-kind-type-alias"},{"id":3886,"kind":256,"name":"IStatusBarProps","url":"interfaces/IStatusBarProps.html","classes":"tsd-kind-interface"},{"id":3887,"kind":1024,"name":"type","url":"interfaces/IStatusBarProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IStatusBarProps"},{"id":3888,"kind":1024,"name":"closable","url":"interfaces/IStatusBarProps.html#closable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3889,"kind":1024,"name":"closeContent","url":"interfaces/IStatusBarProps.html#closeContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3890,"kind":1024,"name":"extraContent","url":"interfaces/IStatusBarProps.html#extraContent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3891,"kind":1024,"name":"title","url":"interfaces/IStatusBarProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3892,"kind":1024,"name":"description","url":"interfaces/IStatusBarProps.html#description","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3893,"kind":2048,"name":"onClose","url":"interfaces/IStatusBarProps.html#onClose","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3894,"kind":65536,"name":"__type","url":"interfaces/IStatusBarProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IStatusBarProps"},{"id":3895,"kind":1024,"name":"closed","url":"interfaces/IStatusBarProps.html#closed","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3896,"kind":1024,"name":"loading","url":"interfaces/IStatusBarProps.html#loading","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3897,"kind":1024,"name":"outline","url":"interfaces/IStatusBarProps.html#outline","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3898,"kind":1024,"name":"bordered","url":"interfaces/IStatusBarProps.html#bordered","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3899,"kind":1024,"name":"icon","url":"interfaces/IStatusBarProps.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3900,"kind":1024,"name":"closeIconColor","url":"interfaces/IStatusBarProps.html#closeIconColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3901,"kind":1024,"name":"progress","url":"interfaces/IStatusBarProps.html#progress","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IStatusBarProps"},{"id":3902,"kind":32,"name":"StatusBar","url":"modules.html#StatusBar","classes":"tsd-kind-variable"},{"id":3903,"kind":4194304,"name":"TextMarkSanitizeFunction","url":"modules.html#TextMarkSanitizeFunction","classes":"tsd-kind-type-alias"},{"id":3904,"kind":65536,"name":"__type","url":"modules.html#TextMarkSanitizeFunction.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TextMarkSanitizeFunction"},{"id":3905,"kind":4194304,"name":"TextMarkFindChunksFunction","url":"modules.html#TextMarkFindChunksFunction","classes":"tsd-kind-type-alias"},{"id":3906,"kind":65536,"name":"__type","url":"modules.html#TextMarkFindChunksFunction.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"TextMarkFindChunksFunction"},{"id":3907,"kind":4194304,"name":"TextMarkSearchWords","url":"modules.html#TextMarkSearchWords","classes":"tsd-kind-type-alias"},{"id":3908,"kind":64,"name":"TextMark","url":"modules.html#TextMark","classes":"tsd-kind-function"},{"id":3909,"kind":256,"name":"ITextMarkProps","url":"interfaces/ITextMarkProps.html","classes":"tsd-kind-interface"},{"id":3910,"kind":1024,"name":"activeClassName","url":"interfaces/ITextMarkProps.html#activeClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3911,"kind":1024,"name":"activeIndex","url":"interfaces/ITextMarkProps.html#activeIndex","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3912,"kind":1024,"name":"activeStyle","url":"interfaces/ITextMarkProps.html#activeStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3913,"kind":1024,"name":"highlightClassName","url":"interfaces/ITextMarkProps.html#highlightClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3914,"kind":1024,"name":"highlightStyle","url":"interfaces/ITextMarkProps.html#highlightStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3915,"kind":1024,"name":"unhighlightClassName","url":"interfaces/ITextMarkProps.html#unhighlightClassName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3916,"kind":1024,"name":"unhighlightStyle","url":"interfaces/ITextMarkProps.html#unhighlightStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3917,"kind":1024,"name":"highlightTag","url":"interfaces/ITextMarkProps.html#highlightTag","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3918,"kind":1024,"name":"sanitize","url":"interfaces/ITextMarkProps.html#sanitize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3919,"kind":1024,"name":"searchWords","url":"interfaces/ITextMarkProps.html#searchWords","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3920,"kind":1024,"name":"textToHighlight","url":"interfaces/ITextMarkProps.html#textToHighlight","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3921,"kind":1024,"name":"autoEscape","url":"interfaces/ITextMarkProps.html#autoEscape","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3922,"kind":1024,"name":"caseSensitive","url":"interfaces/ITextMarkProps.html#caseSensitive","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3923,"kind":1024,"name":"className","url":"interfaces/ITextMarkProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-overwrite","parent":"ITextMarkProps"},{"id":3924,"kind":1024,"name":"findChunks","url":"interfaces/ITextMarkProps.html#findChunks","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3925,"kind":65536,"name":"__type","url":"interfaces/ITextMarkProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"ITextMarkProps"},{"id":3926,"kind":256,"name":"ITimelineItemProps","url":"interfaces/ITimelineItemProps.html","classes":"tsd-kind-interface"},{"id":3927,"kind":1024,"name":"size","url":"interfaces/ITimelineItemProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3928,"kind":1024,"name":"showLabel","url":"interfaces/ITimelineItemProps.html#showLabel","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3929,"kind":1024,"name":"showDot","url":"interfaces/ITimelineItemProps.html#showDot","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3930,"kind":1024,"name":"color","url":"interfaces/ITimelineItemProps.html#color","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3931,"kind":1024,"name":"lineColor","url":"interfaces/ITimelineItemProps.html#lineColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3932,"kind":1024,"name":"dotColor","url":"interfaces/ITimelineItemProps.html#dotColor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3933,"kind":1024,"name":"label","url":"interfaces/ITimelineItemProps.html#label","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3934,"kind":1024,"name":"tip","url":"interfaces/ITimelineItemProps.html#tip","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3935,"kind":1024,"name":"className","url":"interfaces/ITimelineItemProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3936,"kind":1024,"name":"style","url":"interfaces/ITimelineItemProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3937,"kind":1024,"name":"type","url":"interfaces/ITimelineItemProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineItemProps"},{"id":3938,"kind":128,"name":"TimelineItem","url":"classes/TimelineItem.html","classes":"tsd-kind-class"},{"id":3939,"kind":1024,"name":"defaultProps","url":"classes/TimelineItem.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"TimelineItem"},{"id":3940,"kind":65536,"name":"__type","url":"classes/TimelineItem.html#__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"TimelineItem"},{"id":3941,"kind":1024,"name":"showLabel","url":"classes/TimelineItem.html#__type-2.showLabel","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TimelineItem.__type"},{"id":3942,"kind":1024,"name":"showDot","url":"classes/TimelineItem.html#__type-2.showDot","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TimelineItem.__type"},{"id":3943,"kind":1024,"name":"lineColor","url":"classes/TimelineItem.html#__type-2.lineColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TimelineItem.__type"},{"id":3944,"kind":1024,"name":"dotColor","url":"classes/TimelineItem.html#__type-2.dotColor","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TimelineItem.__type"},{"id":3945,"kind":512,"name":"constructor","url":"classes/TimelineItem.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"TimelineItem"},{"id":3946,"kind":1024,"name":"popover","url":"classes/TimelineItem.html#popover","classes":"tsd-kind-property tsd-parent-kind-class","parent":"TimelineItem"},{"id":3947,"kind":1024,"name":"mousePosition","url":"classes/TimelineItem.html#mousePosition","classes":"tsd-kind-property tsd-parent-kind-class","parent":"TimelineItem"},{"id":3948,"kind":65536,"name":"__type","url":"classes/TimelineItem.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"TimelineItem"},{"id":3949,"kind":1024,"name":"x","url":"classes/TimelineItem.html#__type.x","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TimelineItem.__type"},{"id":3950,"kind":1024,"name":"y","url":"classes/TimelineItem.html#__type.y","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"TimelineItem.__type"},{"id":3951,"kind":2048,"name":"onMouseMove","url":"classes/TimelineItem.html#onMouseMove","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TimelineItem"},{"id":3952,"kind":1024,"name":"position","url":"classes/TimelineItem.html#position","classes":"tsd-kind-property tsd-parent-kind-class","parent":"TimelineItem"},{"id":3953,"kind":2048,"name":"popoverRef","url":"classes/TimelineItem.html#popoverRef","classes":"tsd-kind-method tsd-parent-kind-class","parent":"TimelineItem"},{"id":3954,"kind":2048,"name":"render","url":"classes/TimelineItem.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"TimelineItem"},{"id":3955,"kind":65536,"name":"__type","url":"classes/TimelineItem.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"TimelineItem"},{"id":3956,"kind":256,"name":"ITimelineArrayItem","url":"interfaces/ITimelineArrayItem.html","classes":"tsd-kind-interface"},{"id":3957,"kind":1024,"name":"id","url":"interfaces/ITimelineArrayItem.html#id","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineArrayItem"},{"id":3958,"kind":1024,"name":"percent","url":"interfaces/ITimelineArrayItem.html#percent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineArrayItem"},{"id":3959,"kind":1024,"name":"size","url":"interfaces/ITimelineArrayItem.html#size","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3960,"kind":1024,"name":"showLabel","url":"interfaces/ITimelineArrayItem.html#showLabel","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3961,"kind":1024,"name":"showDot","url":"interfaces/ITimelineArrayItem.html#showDot","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3962,"kind":1024,"name":"color","url":"interfaces/ITimelineArrayItem.html#color","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3963,"kind":1024,"name":"lineColor","url":"interfaces/ITimelineArrayItem.html#lineColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3964,"kind":1024,"name":"dotColor","url":"interfaces/ITimelineArrayItem.html#dotColor","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3965,"kind":1024,"name":"label","url":"interfaces/ITimelineArrayItem.html#label","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3966,"kind":1024,"name":"tip","url":"interfaces/ITimelineArrayItem.html#tip","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3967,"kind":1024,"name":"className","url":"interfaces/ITimelineArrayItem.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3968,"kind":1024,"name":"style","url":"interfaces/ITimelineArrayItem.html#style","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3969,"kind":1024,"name":"type","url":"interfaces/ITimelineArrayItem.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITimelineArrayItem"},{"id":3970,"kind":256,"name":"ITimelineProps","url":"interfaces/ITimelineProps.html","classes":"tsd-kind-interface"},{"id":3971,"kind":1024,"name":"size","url":"interfaces/ITimelineProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineProps"},{"id":3972,"kind":1024,"name":"timeline","url":"interfaces/ITimelineProps.html#timeline","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineProps"},{"id":3973,"kind":1024,"name":"type","url":"interfaces/ITimelineProps.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineProps"},{"id":3974,"kind":1024,"name":"className","url":"interfaces/ITimelineProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineProps"},{"id":3975,"kind":1024,"name":"style","url":"interfaces/ITimelineProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITimelineProps"},{"id":3976,"kind":128,"name":"Timeline","url":"classes/Timeline.html","classes":"tsd-kind-class"},{"id":3977,"kind":1024,"name":"defaultProps","url":"classes/Timeline.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Timeline"},{"id":3978,"kind":65536,"name":"__type","url":"classes/Timeline.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Timeline"},{"id":3979,"kind":1024,"name":"type","url":"classes/Timeline.html#__type-1.type","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Timeline.__type"},{"id":3980,"kind":1024,"name":"size","url":"classes/Timeline.html#__type-1.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Timeline.__type"},{"id":3981,"kind":1024,"name":"style","url":"classes/Timeline.html#__type-1.style","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Timeline.__type"},{"id":3982,"kind":65536,"name":"__type","url":"classes/Timeline.html#__type-1.__type-2","classes":"tsd-kind-type-literal tsd-parent-kind-type-literal","parent":"Timeline.__type"},{"id":3983,"kind":1024,"name":"Item","url":"classes/Timeline.html#Item","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Timeline"},{"id":3984,"kind":1024,"name":"Legend","url":"classes/Timeline.html#Legend","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Timeline"},{"id":3985,"kind":512,"name":"constructor","url":"classes/Timeline.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Timeline"},{"id":3986,"kind":2048,"name":"renderChildren","url":"classes/Timeline.html#renderChildren","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Timeline"},{"id":3987,"kind":2048,"name":"render","url":"classes/Timeline.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Timeline"},{"id":3988,"kind":65536,"name":"__type","url":"classes/Timeline.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Timeline"},{"id":3989,"kind":256,"name":"ITooltipBaseProps","url":"interfaces/ITooltipBaseProps.html","classes":"tsd-kind-interface"},{"id":3990,"kind":1024,"name":"title","url":"interfaces/ITooltipBaseProps.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3991,"kind":1024,"name":"style","url":"interfaces/ITooltipBaseProps.html#style","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3992,"kind":1024,"name":"position","url":"interfaces/ITooltipBaseProps.html#position","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3993,"kind":1024,"name":"cushion","url":"interfaces/ITooltipBaseProps.html#cushion","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3994,"kind":1024,"name":"centerArrow","url":"interfaces/ITooltipBaseProps.html#centerArrow","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3995,"kind":1024,"name":"className","url":"interfaces/ITooltipBaseProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3996,"kind":1024,"name":"containerSelector","url":"interfaces/ITooltipBaseProps.html#containerSelector","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3997,"kind":1024,"name":"visible","url":"interfaces/ITooltipBaseProps.html#visible","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3998,"kind":2048,"name":"onVisibleChange","url":"interfaces/ITooltipBaseProps.html#onVisibleChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":3999,"kind":1024,"name":"children","url":"interfaces/ITooltipBaseProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":4000,"kind":1024,"name":"fixMouseEventsOnDisabledChildren","url":"interfaces/ITooltipBaseProps.html#fixMouseEventsOnDisabledChildren","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITooltipBaseProps"},{"id":4001,"kind":128,"name":"Tooltip","url":"classes/Tooltip.html","classes":"tsd-kind-class"},{"id":4002,"kind":1024,"name":"defaultProps","url":"classes/Tooltip.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Tooltip"},{"id":4003,"kind":65536,"name":"__type","url":"classes/Tooltip.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Tooltip"},{"id":4004,"kind":1024,"name":"trigger","url":"classes/Tooltip.html#__type-1.trigger","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tooltip.__type"},{"id":4005,"kind":1024,"name":"position","url":"classes/Tooltip.html#__type-1.position","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tooltip.__type"},{"id":4006,"kind":1024,"name":"cushion","url":"classes/Tooltip.html#__type-1.cushion","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tooltip.__type"},{"id":4007,"kind":1024,"name":"centerArrow","url":"classes/Tooltip.html#__type-1.centerArrow","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tooltip.__type"},{"id":4008,"kind":1024,"name":"containerSelector","url":"classes/Tooltip.html#__type-1.containerSelector","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tooltip.__type"},{"id":4009,"kind":512,"name":"constructor","url":"classes/Tooltip.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Tooltip"},{"id":4010,"kind":1024,"name":"popoverRef","url":"classes/Tooltip.html#popoverRef","classes":"tsd-kind-property tsd-parent-kind-class","parent":"Tooltip"},{"id":4011,"kind":2048,"name":"renderContent","url":"classes/Tooltip.html#renderContent","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tooltip"},{"id":4012,"kind":2048,"name":"renderTrigger","url":"classes/Tooltip.html#renderTrigger","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tooltip"},{"id":4013,"kind":2048,"name":"render","url":"classes/Tooltip.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Tooltip"},{"id":4014,"kind":65536,"name":"__type","url":"classes/Tooltip.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Tooltip"},{"id":4015,"kind":64,"name":"useTransfer","url":"modules.html#useTransfer","classes":"tsd-kind-function"},{"id":4016,"kind":32,"name":"Transfer","url":"modules.html#Transfer","classes":"tsd-kind-variable"},{"id":4017,"kind":2,"name":"Transfer","url":"modules/Transfer.html","classes":"tsd-kind-namespace"},{"id":4018,"kind":32,"name":"defaultProps","url":"modules/Transfer.html#defaultProps","classes":"tsd-kind-variable tsd-parent-kind-namespace","parent":"Transfer"},{"id":4019,"kind":4194304,"name":"TransferDirection","url":"modules.html#TransferDirection","classes":"tsd-kind-type-alias"},{"id":4020,"kind":256,"name":"ITransferData","url":"interfaces/ITransferData.html","classes":"tsd-kind-interface"},{"id":4021,"kind":1024,"name":"disabled","url":"interfaces/ITransferData.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferData"},{"id":4022,"kind":4194304,"name":"TransferColumnType","url":"modules.html#TransferColumnType","classes":"tsd-kind-type-alias"},{"id":4023,"kind":256,"name":"ITransferDirectionChangeProps","url":"interfaces/ITransferDirectionChangeProps.html","classes":"tsd-kind-interface"},{"id":4024,"kind":1024,"name":"targetKeys","url":"interfaces/ITransferDirectionChangeProps.html#targetKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferDirectionChangeProps"},{"id":4025,"kind":1024,"name":"transferredKeys","url":"interfaces/ITransferDirectionChangeProps.html#transferredKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferDirectionChangeProps"},{"id":4026,"kind":1024,"name":"direction","url":"interfaces/ITransferDirectionChangeProps.html#direction","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferDirectionChangeProps"},{"id":4027,"kind":1024,"name":"selectedKeys","url":"interfaces/ITransferDirectionChangeProps.html#selectedKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferDirectionChangeProps"},{"id":4028,"kind":256,"name":"ITransferItem","url":"interfaces/ITransferItem.html","classes":"tsd-kind-interface"},{"id":4029,"kind":1024,"name":"title","url":"interfaces/ITransferItem.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4030,"kind":1024,"name":"direction","url":"interfaces/ITransferItem.html#direction","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4031,"kind":1024,"name":"keyName","url":"interfaces/ITransferItem.html#keyName","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4032,"kind":1024,"name":"dataSets","url":"interfaces/ITransferItem.html#dataSets","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4033,"kind":1024,"name":"selectedKeys","url":"interfaces/ITransferItem.html#selectedKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4034,"kind":2048,"name":"handleSelectChange","url":"interfaces/ITransferItem.html#handleSelectChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4035,"kind":1024,"name":"showSearch","url":"interfaces/ITransferItem.html#showSearch","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4036,"kind":1024,"name":"searchPlaceholder","url":"interfaces/ITransferItem.html#searchPlaceholder","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4037,"kind":2048,"name":"filterOption","url":"interfaces/ITransferItem.html#filterOption","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4038,"kind":1024,"name":"list","url":"interfaces/ITransferItem.html#list","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4039,"kind":1024,"name":"prefix","url":"interfaces/ITransferItem.html#prefix","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4040,"kind":1024,"name":"pagination","url":"interfaces/ITransferItem.html#pagination","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4041,"kind":1024,"name":"disabled","url":"interfaces/ITransferItem.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferItem"},{"id":4042,"kind":4194304,"name":"TransferType","url":"modules.html#TransferType","classes":"tsd-kind-type-alias"},{"id":4043,"kind":256,"name":"ITransferArrowButton","url":"interfaces/ITransferArrowButton.html","classes":"tsd-kind-interface"},{"id":4044,"kind":1024,"name":"direction","url":"interfaces/ITransferArrowButton.html#direction","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferArrowButton"},{"id":4045,"kind":1024,"name":"disabled","url":"interfaces/ITransferArrowButton.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferArrowButton"},{"id":4046,"kind":1024,"name":"prefix","url":"interfaces/ITransferArrowButton.html#prefix","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferArrowButton"},{"id":4047,"kind":2048,"name":"onChange","url":"interfaces/ITransferArrowButton.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITransferArrowButton"},{"id":4048,"kind":256,"name":"ITransferHookParams","url":"interfaces/ITransferHookParams.html","classes":"tsd-kind-interface"},{"id":4049,"kind":1024,"name":"selectedKeys","url":"interfaces/ITransferHookParams.html#selectedKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferHookParams"},{"id":4050,"kind":1024,"name":"targetKeys","url":"interfaces/ITransferHookParams.html#targetKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferHookParams"},{"id":4051,"kind":1024,"name":"disabledKeys","url":"interfaces/ITransferHookParams.html#disabledKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferHookParams"},{"id":4052,"kind":256,"name":"ITransferHookResult","url":"interfaces/ITransferHookResult.html","classes":"tsd-kind-interface"},{"id":4053,"kind":1024,"name":"targetKeys","url":"interfaces/ITransferHookResult.html#targetKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferHookResult"},{"id":4054,"kind":1024,"name":"selectedKeys","url":"interfaces/ITransferHookResult.html#selectedKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITransferHookResult"},{"id":4055,"kind":2048,"name":"transferKeys","url":"interfaces/ITransferHookResult.html#transferKeys","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITransferHookResult"},{"id":4056,"kind":2048,"name":"changeSelectedKeys","url":"interfaces/ITransferHookResult.html#changeSelectedKeys","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITransferHookResult"},{"id":4057,"kind":2048,"name":"resetSelectedKeys","url":"interfaces/ITransferHookResult.html#resetSelectedKeys","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITransferHookResult"},{"id":4058,"kind":2048,"name":"resetTargetKeys","url":"interfaces/ITransferHookResult.html#resetTargetKeys","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITransferHookResult"},{"id":4059,"kind":4194304,"name":"TreeRootIdArray","url":"modules.html#TreeRootIdArray","classes":"tsd-kind-type-alias"},{"id":4060,"kind":32,"name":"DEFAULT_RENDER_KEY","url":"modules.html#DEFAULT_RENDER_KEY","classes":"tsd-kind-variable"},{"id":4061,"kind":256,"name":"ITreeRenderKey","url":"interfaces/ITreeRenderKey.html","classes":"tsd-kind-interface"},{"id":4062,"kind":1024,"name":"id","url":"interfaces/ITreeRenderKey.html#id","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeRenderKey"},{"id":4063,"kind":1024,"name":"title","url":"interfaces/ITreeRenderKey.html#title","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeRenderKey"},{"id":4064,"kind":1024,"name":"children","url":"interfaces/ITreeRenderKey.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeRenderKey"},{"id":4065,"kind":1024,"name":"parentId","url":"interfaces/ITreeRenderKey.html#parentId","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeRenderKey"},{"id":4066,"kind":256,"name":"ITreeData","url":"interfaces/ITreeData.html","classes":"tsd-kind-interface"},{"id":4067,"kind":1024,"name":"expand","url":"interfaces/ITreeData.html#expand","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeData"},{"id":4068,"kind":1024,"name":"isLeaf","url":"interfaces/ITreeData.html#isLeaf","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeData"},{"id":4069,"kind":256,"name":"ITreeRootInfoMap","url":"interfaces/ITreeRootInfoMap.html","classes":"tsd-kind-interface"},{"id":4070,"kind":4194304,"name":"ITreeSize","url":"modules.html#ITreeSize","classes":"tsd-kind-type-alias"},{"id":4071,"kind":256,"name":"ITreeOperation","url":"interfaces/ITreeOperation.html","classes":"tsd-kind-interface"},{"id":4072,"kind":1024,"name":"name","url":"interfaces/ITreeOperation.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeOperation"},{"id":4073,"kind":1024,"name":"icon","url":"interfaces/ITreeOperation.html#icon","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeOperation"},{"id":4074,"kind":2048,"name":"action","url":"interfaces/ITreeOperation.html#action","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITreeOperation"},{"id":4075,"kind":2048,"name":"shouldRender","url":"interfaces/ITreeOperation.html#shouldRender","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITreeOperation"},{"id":4076,"kind":256,"name":"ITreeOncheckHelpInfo","url":"interfaces/ITreeOncheckHelpInfo.html","classes":"tsd-kind-interface"},{"id":4077,"kind":1024,"name":"currentRoot","url":"interfaces/ITreeOncheckHelpInfo.html#currentRoot","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeOncheckHelpInfo"},{"id":4078,"kind":1024,"name":"disabled","url":"interfaces/ITreeOncheckHelpInfo.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeOncheckHelpInfo"},{"id":4079,"kind":1024,"name":"all","url":"interfaces/ITreeOncheckHelpInfo.html#all","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeOncheckHelpInfo"},{"id":4080,"kind":1024,"name":"top","url":"interfaces/ITreeOncheckHelpInfo.html#top","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeOncheckHelpInfo"},{"id":4081,"kind":1024,"name":"bottom","url":"interfaces/ITreeOncheckHelpInfo.html#bottom","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeOncheckHelpInfo"},{"id":4082,"kind":256,"name":"ITreeProps","url":"interfaces/ITreeProps.html","classes":"tsd-kind-interface"},{"id":4083,"kind":2048,"name":"render","url":"interfaces/ITreeProps.html#render","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4084,"kind":1024,"name":"operations","url":"interfaces/ITreeProps.html#operations","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4085,"kind":1024,"name":"foldable","url":"interfaces/ITreeProps.html#foldable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4086,"kind":2048,"name":"onCheck","url":"interfaces/ITreeProps.html#onCheck","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4087,"kind":1024,"name":"size","url":"interfaces/ITreeProps.html#size","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4088,"kind":1024,"name":"commonStyle","url":"interfaces/ITreeProps.html#commonStyle","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4089,"kind":2048,"name":"onExpand","url":"interfaces/ITreeProps.html#onExpand","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4090,"kind":1024,"name":"autoExpandOnSelect","url":"interfaces/ITreeProps.html#autoExpandOnSelect","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4091,"kind":2048,"name":"onSelect","url":"interfaces/ITreeProps.html#onSelect","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4092,"kind":1024,"name":"selectable","url":"interfaces/ITreeProps.html#selectable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4093,"kind":1024,"name":"selectedKey","url":"interfaces/ITreeProps.html#selectedKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4094,"kind":1024,"name":"disabledSelectedKeys","url":"interfaces/ITreeProps.html#disabledSelectedKeys","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4095,"kind":1024,"name":"disableSelectedStrictly","url":"interfaces/ITreeProps.html#disableSelectedStrictly","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4096,"kind":1024,"name":"onlyShowOneLine","url":"interfaces/ITreeProps.html#onlyShowOneLine","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeProps"},{"id":4097,"kind":1024,"name":"data","url":"interfaces/ITreeProps.html#data","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4098,"kind":1024,"name":"dataType","url":"interfaces/ITreeProps.html#dataType","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4099,"kind":1024,"name":"renderKey","url":"interfaces/ITreeProps.html#renderKey","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4100,"kind":1024,"name":"checkable","url":"interfaces/ITreeProps.html#checkable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4101,"kind":1024,"name":"expandAll","url":"interfaces/ITreeProps.html#expandAll","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4102,"kind":1024,"name":"checkedKeys","url":"interfaces/ITreeProps.html#checkedKeys","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4103,"kind":1024,"name":"disabledCheckedKeys","url":"interfaces/ITreeProps.html#disabledCheckedKeys","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4104,"kind":2048,"name":"loadMore","url":"interfaces/ITreeProps.html#loadMore","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4105,"kind":2048,"name":"isRoot","url":"interfaces/ITreeProps.html#isRoot","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ITreeProps"},{"id":4106,"kind":256,"name":"ITreeState","url":"interfaces/ITreeState.html","classes":"tsd-kind-interface"},{"id":4107,"kind":1024,"name":"prevProps","url":"interfaces/ITreeState.html#prevProps","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4108,"kind":1024,"name":"tree","url":"interfaces/ITreeState.html#tree","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4109,"kind":1024,"name":"rootInfoMap","url":"interfaces/ITreeState.html#rootInfoMap","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4110,"kind":1024,"name":"expandNode","url":"interfaces/ITreeState.html#expandNode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4111,"kind":1024,"name":"checkedNode","url":"interfaces/ITreeState.html#checkedNode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4112,"kind":1024,"name":"disabledNode","url":"interfaces/ITreeState.html#disabledNode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4113,"kind":1024,"name":"renderKey","url":"interfaces/ITreeState.html#renderKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4114,"kind":1024,"name":"loadingNode","url":"interfaces/ITreeState.html#loadingNode","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4115,"kind":1024,"name":"selectedKey","url":"interfaces/ITreeState.html#selectedKey","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ITreeState"},{"id":4116,"kind":128,"name":"Tree","url":"classes/Tree.html","classes":"tsd-kind-class"},{"id":4117,"kind":1024,"name":"defaultProps","url":"classes/Tree.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Tree"},{"id":4118,"kind":65536,"name":"__type","url":"classes/Tree.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Tree"},{"id":4119,"kind":1024,"name":"autoExpandOnSelect","url":"classes/Tree.html#__type-1.autoExpandOnSelect","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tree.__type"},{"id":4120,"kind":1024,"name":"dataType","url":"classes/Tree.html#__type-1.dataType","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tree.__type"},{"id":4121,"kind":1024,"name":"foldable","url":"classes/Tree.html#__type-1.foldable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tree.__type"},{"id":4122,"kind":1024,"name":"checkable","url":"classes/Tree.html#__type-1.checkable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tree.__type"},{"id":4123,"kind":1024,"name":"selectable","url":"classes/Tree.html#__type-1.selectable","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tree.__type"},{"id":4124,"kind":1024,"name":"size","url":"classes/Tree.html#__type-1.size","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Tree.__type"},{"id":4125,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Tree.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-static","parent":"Tree"},{"id":4126,"kind":512,"name":"constructor","url":"classes/Tree.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-overwrite","parent":"Tree"},{"id":4127,"kind":262144,"name":"isSelectControlled","url":"classes/Tree.html#isSelectControlled","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Tree"},{"id":4128,"kind":262144,"name":"selectedKey","url":"classes/Tree.html#selectedKey","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Tree"},{"id":4129,"kind":262144,"name":"disabledSelectedKeys","url":"classes/Tree.html#disabledSelectedKeys","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Tree"},{"id":4130,"kind":2048,"name":"setSelectKeyState","url":"classes/Tree.html#setSelectKeyState","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4131,"kind":2048,"name":"handleExpandIconClick","url":"classes/Tree.html#handleExpandIconClick","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4132,"kind":2048,"name":"handleExpand","url":"classes/Tree.html#handleExpand","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4133,"kind":2048,"name":"handleCheckboxClick","url":"classes/Tree.html#handleCheckboxClick","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4134,"kind":2048,"name":"renderSwitcher","url":"classes/Tree.html#renderSwitcher","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4135,"kind":2048,"name":"renderContent","url":"classes/Tree.html#renderContent","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4136,"kind":2048,"name":"renderCheckbox","url":"classes/Tree.html#renderCheckbox","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4137,"kind":2048,"name":"renderOperations","url":"classes/Tree.html#renderOperations","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4138,"kind":2048,"name":"renderTreeNodes","url":"classes/Tree.html#renderTreeNodes","classes":"tsd-kind-method tsd-parent-kind-class","parent":"Tree"},{"id":4139,"kind":2048,"name":"render","url":"classes/Tree.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Tree"},{"id":4140,"kind":65536,"name":"__type","url":"classes/Tree.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Tree"},{"id":4141,"kind":128,"name":"Upload","url":"classes/Upload.html","classes":"tsd-kind-class"},{"id":4142,"kind":1024,"name":"defaultProps","url":"classes/Upload.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Upload"},{"id":4143,"kind":1024,"name":"FILE_UPLOAD_STATUS","url":"classes/Upload.html#FILE_UPLOAD_STATUS","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Upload"},{"id":4144,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/Upload.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"Upload"},{"id":4145,"kind":512,"name":"constructor","url":"classes/Upload.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4146,"kind":2048,"name":"createNewUploadFileItem","url":"classes/Upload.html#createNewUploadFileItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"Upload"},{"id":4147,"kind":2048,"name":"renderTips","url":"classes/Upload.html#renderTips","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"Upload"},{"id":4148,"kind":2048,"name":"renderUploadList","url":"classes/Upload.html#renderUploadList","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"Upload"},{"id":4149,"kind":2048,"name":"renderTrigger","url":"classes/Upload.html#renderTrigger","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"Upload"},{"id":4150,"kind":2048,"name":"render","url":"classes/Upload.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Upload"},{"id":4151,"kind":262144,"name":"isControlled","url":"classes/Upload.html#isControlled","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Upload"},{"id":4152,"kind":262144,"name":"fileList","url":"classes/Upload.html#fileList","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Upload"},{"id":4153,"kind":262144,"name":"remainAmount","url":"classes/Upload.html#remainAmount","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"Upload"},{"id":4154,"kind":2048,"name":"getUploadItem","url":"classes/Upload.html#getUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4155,"kind":2048,"name":"updateFileList","url":"classes/Upload.html#updateFileList","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4156,"kind":2048,"name":"deleteUploadItem","url":"classes/Upload.html#deleteUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4157,"kind":2048,"name":"retryUploadItem","url":"classes/Upload.html#retryUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4158,"kind":2048,"name":"updateUploadItem","url":"classes/Upload.html#updateUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4159,"kind":2048,"name":"onTriggerUploadFile","url":"classes/Upload.html#onTriggerUploadFile","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4160,"kind":1024,"name":"emitOnError","url":"classes/Upload.html#emitOnError","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4161,"kind":2048,"name":"emitOnUpload","url":"classes/Upload.html#emitOnUpload","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4162,"kind":2048,"name":"updateUploadItemStatusToSuccess","url":"classes/Upload.html#updateUploadItemStatusToSuccess","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4163,"kind":2048,"name":"updateUploadItemStatusToFailed","url":"classes/Upload.html#updateUploadItemStatusToFailed","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4164,"kind":2048,"name":"updateUploadItemPercent","url":"classes/Upload.html#updateUploadItemPercent","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"Upload"},{"id":4165,"kind":2048,"name":"getUploadSuccessOverrideProps","url":"classes/Upload.html#getUploadSuccessOverrideProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"Upload"},{"id":4166,"kind":65536,"name":"__type","url":"classes/Upload.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Upload"},{"id":4167,"kind":128,"name":"ImageUpload","url":"classes/ImageUpload.html","classes":"tsd-kind-class"},{"id":4168,"kind":1024,"name":"defaultProps","url":"classes/ImageUpload.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ImageUpload"},{"id":4169,"kind":1024,"name":"FILE_UPLOAD_STATUS","url":"classes/ImageUpload.html#FILE_UPLOAD_STATUS","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"ImageUpload"},{"id":4170,"kind":2048,"name":"getDerivedStateFromProps","url":"classes/ImageUpload.html#getDerivedStateFromProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-static","parent":"ImageUpload"},{"id":4171,"kind":512,"name":"constructor","url":"classes/ImageUpload.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4172,"kind":2048,"name":"getUploadSuccessOverrideProps","url":"classes/ImageUpload.html#getUploadSuccessOverrideProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"ImageUpload"},{"id":4173,"kind":2048,"name":"renderUploadList","url":"classes/ImageUpload.html#renderUploadList","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"ImageUpload"},{"id":4174,"kind":2048,"name":"createNewUploadFileItem","url":"classes/ImageUpload.html#createNewUploadFileItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"ImageUpload"},{"id":4175,"kind":2048,"name":"renderTips","url":"classes/ImageUpload.html#renderTips","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"ImageUpload"},{"id":4176,"kind":2048,"name":"renderTrigger","url":"classes/ImageUpload.html#renderTrigger","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"ImageUpload"},{"id":4177,"kind":2048,"name":"render","url":"classes/ImageUpload.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"ImageUpload"},{"id":4178,"kind":262144,"name":"isControlled","url":"classes/ImageUpload.html#isControlled","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"ImageUpload"},{"id":4179,"kind":262144,"name":"fileList","url":"classes/ImageUpload.html#fileList","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"ImageUpload"},{"id":4180,"kind":262144,"name":"remainAmount","url":"classes/ImageUpload.html#remainAmount","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"ImageUpload"},{"id":4181,"kind":2048,"name":"getUploadItem","url":"classes/ImageUpload.html#getUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4182,"kind":2048,"name":"updateFileList","url":"classes/ImageUpload.html#updateFileList","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4183,"kind":2048,"name":"deleteUploadItem","url":"classes/ImageUpload.html#deleteUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4184,"kind":2048,"name":"retryUploadItem","url":"classes/ImageUpload.html#retryUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4185,"kind":2048,"name":"updateUploadItem","url":"classes/ImageUpload.html#updateUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4186,"kind":2048,"name":"onTriggerUploadFile","url":"classes/ImageUpload.html#onTriggerUploadFile","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4187,"kind":1024,"name":"emitOnError","url":"classes/ImageUpload.html#emitOnError","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4188,"kind":2048,"name":"emitOnUpload","url":"classes/ImageUpload.html#emitOnUpload","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4189,"kind":2048,"name":"updateUploadItemStatusToSuccess","url":"classes/ImageUpload.html#updateUploadItemStatusToSuccess","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4190,"kind":2048,"name":"updateUploadItemStatusToFailed","url":"classes/ImageUpload.html#updateUploadItemStatusToFailed","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4191,"kind":2048,"name":"updateUploadItemPercent","url":"classes/ImageUpload.html#updateUploadItemPercent","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"ImageUpload"},{"id":4192,"kind":65536,"name":"__type","url":"classes/ImageUpload.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"ImageUpload"},{"id":4193,"kind":128,"name":"SingleUpload","url":"classes/SingleUpload.html","classes":"tsd-kind-class"},{"id":4194,"kind":512,"name":"constructor","url":"classes/SingleUpload.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"SingleUpload"},{"id":4195,"kind":1024,"name":"state","url":"classes/SingleUpload.html#state","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4196,"kind":262144,"name":"isControlled","url":"classes/SingleUpload.html#isControlled","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"SingleUpload"},{"id":4197,"kind":262144,"name":"value","url":"classes/SingleUpload.html#value","classes":"tsd-kind-get-signature tsd-parent-kind-class","parent":"SingleUpload"},{"id":4198,"kind":2048,"name":"onChange","url":"classes/SingleUpload.html#onChange","classes":"tsd-kind-method tsd-parent-kind-class","parent":"SingleUpload"},{"id":4199,"kind":2048,"name":"getUploadItem","url":"classes/SingleUpload.html#getUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4200,"kind":2048,"name":"updateUploadItem","url":"classes/SingleUpload.html#updateUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4201,"kind":2048,"name":"createNewUploadFileItem","url":"classes/SingleUpload.html#createNewUploadFileItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4202,"kind":2048,"name":"deleteUploadItem","url":"classes/SingleUpload.html#deleteUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4203,"kind":2048,"name":"retryUploadItem","url":"classes/SingleUpload.html#retryUploadItem","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4204,"kind":2048,"name":"onTriggerUploadFile","url":"classes/SingleUpload.html#onTriggerUploadFile","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4205,"kind":2048,"name":"renderTips","url":"classes/SingleUpload.html#renderTips","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"SingleUpload"},{"id":4206,"kind":2048,"name":"renderTrigger","url":"classes/SingleUpload.html#renderTrigger","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite tsd-is-protected","parent":"SingleUpload"},{"id":4207,"kind":2048,"name":"renderItem","url":"classes/SingleUpload.html#renderItem","classes":"tsd-kind-method tsd-parent-kind-class","parent":"SingleUpload"},{"id":4208,"kind":2048,"name":"render","url":"classes/SingleUpload.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"SingleUpload"},{"id":4209,"kind":1024,"name":"emitOnError","url":"classes/SingleUpload.html#emitOnError","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-inherited","parent":"SingleUpload"},{"id":4210,"kind":2048,"name":"emitOnUpload","url":"classes/SingleUpload.html#emitOnUpload","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"SingleUpload"},{"id":4211,"kind":2048,"name":"updateUploadItemStatusToSuccess","url":"classes/SingleUpload.html#updateUploadItemStatusToSuccess","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"SingleUpload"},{"id":4212,"kind":2048,"name":"updateUploadItemStatusToFailed","url":"classes/SingleUpload.html#updateUploadItemStatusToFailed","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"SingleUpload"},{"id":4213,"kind":2048,"name":"updateUploadItemPercent","url":"classes/SingleUpload.html#updateUploadItemPercent","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited","parent":"SingleUpload"},{"id":4214,"kind":2048,"name":"getUploadSuccessOverrideProps","url":"classes/SingleUpload.html#getUploadSuccessOverrideProps","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-inherited tsd-is-protected","parent":"SingleUpload"},{"id":4215,"kind":65536,"name":"__type","url":"classes/SingleUpload.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"SingleUpload"},{"id":4216,"kind":256,"name":"IUploadFileItem","url":"interfaces/IUploadFileItem.html","classes":"tsd-kind-interface"},{"id":4217,"kind":1024,"name":"id","url":"interfaces/IUploadFileItem.html#id","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadFileItem"},{"id":4218,"kind":1024,"name":"file","url":"interfaces/IUploadFileItem.html#file","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadFileItem"},{"id":4219,"kind":1024,"name":"name","url":"interfaces/IUploadFileItem.html#name","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadFileItem"},{"id":4220,"kind":1024,"name":"type","url":"interfaces/IUploadFileItem.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadFileItem"},{"id":4221,"kind":1024,"name":"status","url":"interfaces/IUploadFileItem.html#status","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadFileItem"},{"id":4222,"kind":1024,"name":"percent","url":"interfaces/IUploadFileItem.html#percent","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadFileItem"},{"id":4223,"kind":256,"name":"IImageUploadFileItem","url":"interfaces/IImageUploadFileItem.html","classes":"tsd-kind-interface"},{"id":4224,"kind":1024,"name":"src","url":"interfaces/IImageUploadFileItem.html#src","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IImageUploadFileItem"},{"id":4225,"kind":1024,"name":"thumbSrc","url":"interfaces/IImageUploadFileItem.html#thumbSrc","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IImageUploadFileItem"},{"id":4226,"kind":1024,"name":"id","url":"interfaces/IImageUploadFileItem.html#id","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadFileItem"},{"id":4227,"kind":1024,"name":"file","url":"interfaces/IImageUploadFileItem.html#file","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadFileItem"},{"id":4228,"kind":1024,"name":"name","url":"interfaces/IImageUploadFileItem.html#name","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadFileItem"},{"id":4229,"kind":1024,"name":"type","url":"interfaces/IImageUploadFileItem.html#type","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadFileItem"},{"id":4230,"kind":1024,"name":"status","url":"interfaces/IImageUploadFileItem.html#status","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadFileItem"},{"id":4231,"kind":1024,"name":"percent","url":"interfaces/IImageUploadFileItem.html#percent","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadFileItem"},{"id":4232,"kind":4194304,"name":"IUploadFileItemInner","url":"modules.html#IUploadFileItemInner","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":4233,"kind":4194304,"name":"IUploadOnChangeHandler","url":"modules.html#IUploadOnChangeHandler","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":4234,"kind":65536,"name":"__type","url":"modules.html#IUploadOnChangeHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IUploadOnChangeHandler"},{"id":4235,"kind":256,"name":"IUploadChangeDetail","url":"interfaces/IUploadChangeDetail.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":4236,"kind":1024,"name":"item","url":"interfaces/IUploadChangeDetail.html#item","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadChangeDetail"},{"id":4237,"kind":1024,"name":"type","url":"interfaces/IUploadChangeDetail.html#type","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadChangeDetail"},{"id":4238,"kind":4194304,"name":"IUploadOnUploadHandler","url":"modules.html#IUploadOnUploadHandler","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":4239,"kind":65536,"name":"__type","url":"modules.html#IUploadOnUploadHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IUploadOnUploadHandler"},{"id":4240,"kind":256,"name":"IUploadErrorMessageConfigMap","url":"interfaces/IUploadErrorMessageConfigMap.html","classes":"tsd-kind-interface"},{"id":4241,"kind":1024,"name":"overMaxSize","url":"interfaces/IUploadErrorMessageConfigMap.html#overMaxSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadErrorMessageConfigMap"},{"id":4242,"kind":65536,"name":"__type","url":"interfaces/IUploadErrorMessageConfigMap.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IUploadErrorMessageConfigMap"},{"id":4243,"kind":1024,"name":"maxSize","url":"interfaces/IUploadErrorMessageConfigMap.html#__type-1.maxSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"IUploadErrorMessageConfigMap.__type"},{"id":4244,"kind":1024,"name":"formattedMaxSize","url":"interfaces/IUploadErrorMessageConfigMap.html#__type-1.formattedMaxSize","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"IUploadErrorMessageConfigMap.__type"},{"id":4245,"kind":1024,"name":"overMaxAmount","url":"interfaces/IUploadErrorMessageConfigMap.html#overMaxAmount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadErrorMessageConfigMap"},{"id":4246,"kind":65536,"name":"__type","url":"interfaces/IUploadErrorMessageConfigMap.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IUploadErrorMessageConfigMap"},{"id":4247,"kind":1024,"name":"maxAmount","url":"interfaces/IUploadErrorMessageConfigMap.html#__type.maxAmount","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"IUploadErrorMessageConfigMap.__type"},{"id":4248,"kind":4194304,"name":"IUploadOnErrorHandler","url":"modules.html#IUploadOnErrorHandler","classes":"tsd-kind-type-alias"},{"id":4249,"kind":65536,"name":"__type","url":"modules.html#IUploadOnErrorHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias tsd-has-type-parameter","parent":"IUploadOnErrorHandler"},{"id":4250,"kind":4194304,"name":"IUploadTipConfig","url":"modules.html#IUploadTipConfig","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":4251,"kind":4194304,"name":"IUploadTipsFunc","url":"modules.html#IUploadTipsFunc","classes":"tsd-kind-type-alias tsd-has-type-parameter"},{"id":4252,"kind":65536,"name":"__type","url":"modules.html#IUploadTipsFunc.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IUploadTipsFunc"},{"id":4253,"kind":4194304,"name":"IImageOnUploadSuccessReturn","url":"modules.html#IImageOnUploadSuccessReturn","classes":"tsd-kind-type-alias"},{"id":4254,"kind":4194304,"name":"IImageUploadPreviewHandler","url":"modules.html#IImageUploadPreviewHandler","classes":"tsd-kind-type-alias"},{"id":4255,"kind":65536,"name":"__type","url":"modules.html#IImageUploadPreviewHandler.__type","classes":"tsd-kind-type-literal tsd-parent-kind-type-alias","parent":"IImageUploadPreviewHandler"},{"id":4256,"kind":256,"name":"IAbstractUploadProps","url":"interfaces/IAbstractUploadProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":4257,"kind":1024,"name":"className","url":"interfaces/IAbstractUploadProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4258,"kind":2048,"name":"beforeUpload","url":"interfaces/IAbstractUploadProps.html#beforeUpload","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4259,"kind":1024,"name":"onUpload","url":"interfaces/IAbstractUploadProps.html#onUpload","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4260,"kind":1024,"name":"onError","url":"interfaces/IAbstractUploadProps.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4261,"kind":1024,"name":"maxSize","url":"interfaces/IAbstractUploadProps.html#maxSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4262,"kind":1024,"name":"accept","url":"interfaces/IAbstractUploadProps.html#accept","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4263,"kind":1024,"name":"disabled","url":"interfaces/IAbstractUploadProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4264,"kind":1024,"name":"manualUpload","url":"interfaces/IAbstractUploadProps.html#manualUpload","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4265,"kind":1024,"name":"customUploadItem","url":"interfaces/IAbstractUploadProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadProps"},{"id":4266,"kind":256,"name":"IAbstractMultiUploadProps","url":"interfaces/IAbstractMultiUploadProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":4267,"kind":1024,"name":"fileList","url":"interfaces/IAbstractMultiUploadProps.html#fileList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractMultiUploadProps"},{"id":4268,"kind":1024,"name":"defaultFileList","url":"interfaces/IAbstractMultiUploadProps.html#defaultFileList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractMultiUploadProps"},{"id":4269,"kind":1024,"name":"onChange","url":"interfaces/IAbstractMultiUploadProps.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractMultiUploadProps"},{"id":4270,"kind":1024,"name":"multiple","url":"interfaces/IAbstractMultiUploadProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractMultiUploadProps"},{"id":4271,"kind":1024,"name":"maxAmount","url":"interfaces/IAbstractMultiUploadProps.html#maxAmount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractMultiUploadProps"},{"id":4272,"kind":1024,"name":"sortable","url":"interfaces/IAbstractMultiUploadProps.html#sortable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractMultiUploadProps"},{"id":4273,"kind":1024,"name":"className","url":"interfaces/IAbstractMultiUploadProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4274,"kind":2048,"name":"beforeUpload","url":"interfaces/IAbstractMultiUploadProps.html#beforeUpload","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4275,"kind":1024,"name":"onUpload","url":"interfaces/IAbstractMultiUploadProps.html#onUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4276,"kind":1024,"name":"onError","url":"interfaces/IAbstractMultiUploadProps.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4277,"kind":1024,"name":"maxSize","url":"interfaces/IAbstractMultiUploadProps.html#maxSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4278,"kind":1024,"name":"accept","url":"interfaces/IAbstractMultiUploadProps.html#accept","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4279,"kind":1024,"name":"disabled","url":"interfaces/IAbstractMultiUploadProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4280,"kind":1024,"name":"manualUpload","url":"interfaces/IAbstractMultiUploadProps.html#manualUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4281,"kind":1024,"name":"customUploadItem","url":"interfaces/IAbstractMultiUploadProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IAbstractMultiUploadProps"},{"id":4282,"kind":256,"name":"IUploadProps","url":"interfaces/IUploadProps.html","classes":"tsd-kind-interface"},{"id":4283,"kind":1024,"name":"tips","url":"interfaces/IUploadProps.html#tips","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadProps"},{"id":4284,"kind":1024,"name":"pagination","url":"interfaces/IUploadProps.html#pagination","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadProps"},{"id":4285,"kind":1024,"name":"pageSize","url":"interfaces/IUploadProps.html#pageSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadProps"},{"id":4286,"kind":1024,"name":"fileList","url":"interfaces/IUploadProps.html#fileList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4287,"kind":1024,"name":"defaultFileList","url":"interfaces/IUploadProps.html#defaultFileList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4288,"kind":1024,"name":"onChange","url":"interfaces/IUploadProps.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4289,"kind":1024,"name":"multiple","url":"interfaces/IUploadProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4290,"kind":1024,"name":"maxAmount","url":"interfaces/IUploadProps.html#maxAmount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4291,"kind":1024,"name":"sortable","url":"interfaces/IUploadProps.html#sortable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4292,"kind":1024,"name":"className","url":"interfaces/IUploadProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4293,"kind":2048,"name":"beforeUpload","url":"interfaces/IUploadProps.html#beforeUpload","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4294,"kind":1024,"name":"onUpload","url":"interfaces/IUploadProps.html#onUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4295,"kind":1024,"name":"onError","url":"interfaces/IUploadProps.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4296,"kind":1024,"name":"maxSize","url":"interfaces/IUploadProps.html#maxSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4297,"kind":1024,"name":"accept","url":"interfaces/IUploadProps.html#accept","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4298,"kind":1024,"name":"disabled","url":"interfaces/IUploadProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4299,"kind":1024,"name":"manualUpload","url":"interfaces/IUploadProps.html#manualUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4300,"kind":1024,"name":"customUploadItem","url":"interfaces/IUploadProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadProps"},{"id":4301,"kind":256,"name":"IImageUploadProps","url":"interfaces/IImageUploadProps.html","classes":"tsd-kind-interface"},{"id":4302,"kind":1024,"name":"tips","url":"interfaces/IImageUploadProps.html#tips","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IImageUploadProps"},{"id":4303,"kind":1024,"name":"preview","url":"interfaces/IImageUploadProps.html#preview","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IImageUploadProps"},{"id":4304,"kind":2048,"name":"getThumbSrcFromFile","url":"interfaces/IImageUploadProps.html#getThumbSrcFromFile","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IImageUploadProps"},{"id":4305,"kind":1024,"name":"fileList","url":"interfaces/IImageUploadProps.html#fileList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4306,"kind":1024,"name":"defaultFileList","url":"interfaces/IImageUploadProps.html#defaultFileList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4307,"kind":1024,"name":"onChange","url":"interfaces/IImageUploadProps.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4308,"kind":1024,"name":"multiple","url":"interfaces/IImageUploadProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4309,"kind":1024,"name":"maxAmount","url":"interfaces/IImageUploadProps.html#maxAmount","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4310,"kind":1024,"name":"sortable","url":"interfaces/IImageUploadProps.html#sortable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4311,"kind":1024,"name":"className","url":"interfaces/IImageUploadProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4312,"kind":2048,"name":"beforeUpload","url":"interfaces/IImageUploadProps.html#beforeUpload","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4313,"kind":1024,"name":"onUpload","url":"interfaces/IImageUploadProps.html#onUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4314,"kind":1024,"name":"onError","url":"interfaces/IImageUploadProps.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4315,"kind":1024,"name":"maxSize","url":"interfaces/IImageUploadProps.html#maxSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4316,"kind":1024,"name":"accept","url":"interfaces/IImageUploadProps.html#accept","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4317,"kind":1024,"name":"disabled","url":"interfaces/IImageUploadProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4318,"kind":1024,"name":"manualUpload","url":"interfaces/IImageUploadProps.html#manualUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4319,"kind":1024,"name":"customUploadItem","url":"interfaces/IImageUploadProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadProps"},{"id":4320,"kind":256,"name":"ISingleUploadProps","url":"interfaces/ISingleUploadProps.html","classes":"tsd-kind-interface"},{"id":4321,"kind":1024,"name":"tips","url":"interfaces/ISingleUploadProps.html#tips","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISingleUploadProps"},{"id":4322,"kind":1024,"name":"onChange","url":"interfaces/ISingleUploadProps.html#onChange","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISingleUploadProps"},{"id":4323,"kind":1024,"name":"value","url":"interfaces/ISingleUploadProps.html#value","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"ISingleUploadProps"},{"id":4324,"kind":1024,"name":"className","url":"interfaces/ISingleUploadProps.html#className","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4325,"kind":2048,"name":"beforeUpload","url":"interfaces/ISingleUploadProps.html#beforeUpload","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4326,"kind":1024,"name":"onUpload","url":"interfaces/ISingleUploadProps.html#onUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4327,"kind":1024,"name":"onError","url":"interfaces/ISingleUploadProps.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4328,"kind":1024,"name":"maxSize","url":"interfaces/ISingleUploadProps.html#maxSize","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4329,"kind":1024,"name":"accept","url":"interfaces/ISingleUploadProps.html#accept","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4330,"kind":1024,"name":"disabled","url":"interfaces/ISingleUploadProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4331,"kind":1024,"name":"manualUpload","url":"interfaces/ISingleUploadProps.html#manualUpload","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4332,"kind":1024,"name":"customUploadItem","url":"interfaces/ISingleUploadProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"ISingleUploadProps"},{"id":4333,"kind":256,"name":"IAbstractUploadTriggerProps","url":"interfaces/IAbstractUploadTriggerProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":4334,"kind":1024,"name":"i18n","url":"interfaces/IAbstractUploadTriggerProps.html#i18n","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4335,"kind":1024,"name":"fileList","url":"interfaces/IAbstractUploadTriggerProps.html#fileList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4336,"kind":1024,"name":"disabled","url":"interfaces/IAbstractUploadTriggerProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4337,"kind":1024,"name":"accept","url":"interfaces/IAbstractUploadTriggerProps.html#accept","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4338,"kind":1024,"name":"remainAmount","url":"interfaces/IAbstractUploadTriggerProps.html#remainAmount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4339,"kind":1024,"name":"maxSize","url":"interfaces/IAbstractUploadTriggerProps.html#maxSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4340,"kind":1024,"name":"maxAmount","url":"interfaces/IAbstractUploadTriggerProps.html#maxAmount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4341,"kind":1024,"name":"multiple","url":"interfaces/IAbstractUploadTriggerProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4342,"kind":2048,"name":"onAddFile","url":"interfaces/IAbstractUploadTriggerProps.html#onAddFile","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4343,"kind":1024,"name":"onError","url":"interfaces/IAbstractUploadTriggerProps.html#onError","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadTriggerProps"},{"id":4344,"kind":256,"name":"IFileInputProps","url":"interfaces/IFileInputProps.html","classes":"tsd-kind-interface"},{"id":4345,"kind":1024,"name":"accept","url":"interfaces/IFileInputProps.html#accept","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFileInputProps"},{"id":4346,"kind":1024,"name":"disabled","url":"interfaces/IFileInputProps.html#disabled","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFileInputProps"},{"id":4347,"kind":1024,"name":"remainAmount","url":"interfaces/IFileInputProps.html#remainAmount","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFileInputProps"},{"id":4348,"kind":1024,"name":"multiple","url":"interfaces/IFileInputProps.html#multiple","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IFileInputProps"},{"id":4349,"kind":2048,"name":"onChange","url":"interfaces/IFileInputProps.html#onChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IFileInputProps"},{"id":4350,"kind":256,"name":"IAbstractUploadListProps","url":"interfaces/IAbstractUploadListProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":4351,"kind":1024,"name":"i18n","url":"interfaces/IAbstractUploadListProps.html#i18n","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadListProps"},{"id":4352,"kind":1024,"name":"fileList","url":"interfaces/IAbstractUploadListProps.html#fileList","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadListProps"},{"id":4353,"kind":2048,"name":"onRetry","url":"interfaces/IAbstractUploadListProps.html#onRetry","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAbstractUploadListProps"},{"id":4354,"kind":2048,"name":"onDelete","url":"interfaces/IAbstractUploadListProps.html#onDelete","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAbstractUploadListProps"},{"id":4355,"kind":1024,"name":"sortable","url":"interfaces/IAbstractUploadListProps.html#sortable","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadListProps"},{"id":4356,"kind":2048,"name":"onSortChange","url":"interfaces/IAbstractUploadListProps.html#onSortChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IAbstractUploadListProps"},{"id":4357,"kind":1024,"name":"customUploadItem","url":"interfaces/IAbstractUploadListProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IAbstractUploadListProps"},{"id":4358,"kind":256,"name":"IUploadListProps","url":"interfaces/IUploadListProps.html","classes":"tsd-kind-interface"},{"id":4359,"kind":1024,"name":"pagination","url":"interfaces/IUploadListProps.html#pagination","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadListProps"},{"id":4360,"kind":1024,"name":"pageSize","url":"interfaces/IUploadListProps.html#pageSize","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadListProps"},{"id":4361,"kind":1024,"name":"i18n","url":"interfaces/IUploadListProps.html#i18n","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadListProps"},{"id":4362,"kind":1024,"name":"fileList","url":"interfaces/IUploadListProps.html#fileList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadListProps"},{"id":4363,"kind":2048,"name":"onRetry","url":"interfaces/IUploadListProps.html#onRetry","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadListProps"},{"id":4364,"kind":2048,"name":"onDelete","url":"interfaces/IUploadListProps.html#onDelete","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadListProps"},{"id":4365,"kind":1024,"name":"sortable","url":"interfaces/IUploadListProps.html#sortable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadListProps"},{"id":4366,"kind":2048,"name":"onSortChange","url":"interfaces/IUploadListProps.html#onSortChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadListProps"},{"id":4367,"kind":1024,"name":"customUploadItem","url":"interfaces/IUploadListProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IUploadListProps"},{"id":4368,"kind":256,"name":"IImageUploadListProps","url":"interfaces/IImageUploadListProps.html","classes":"tsd-kind-interface"},{"id":4369,"kind":1024,"name":"trigger","url":"interfaces/IImageUploadListProps.html#trigger","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IImageUploadListProps"},{"id":4370,"kind":1024,"name":"onPreview","url":"interfaces/IImageUploadListProps.html#onPreview","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IImageUploadListProps"},{"id":4371,"kind":1024,"name":"i18n","url":"interfaces/IImageUploadListProps.html#i18n","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadListProps"},{"id":4372,"kind":1024,"name":"fileList","url":"interfaces/IImageUploadListProps.html#fileList","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadListProps"},{"id":4373,"kind":2048,"name":"onRetry","url":"interfaces/IImageUploadListProps.html#onRetry","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadListProps"},{"id":4374,"kind":2048,"name":"onDelete","url":"interfaces/IImageUploadListProps.html#onDelete","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadListProps"},{"id":4375,"kind":1024,"name":"sortable","url":"interfaces/IImageUploadListProps.html#sortable","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadListProps"},{"id":4376,"kind":2048,"name":"onSortChange","url":"interfaces/IImageUploadListProps.html#onSortChange","classes":"tsd-kind-method tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadListProps"},{"id":4377,"kind":1024,"name":"customUploadItem","url":"interfaces/IImageUploadListProps.html#customUploadItem","classes":"tsd-kind-property tsd-parent-kind-interface tsd-is-inherited","parent":"IImageUploadListProps"},{"id":4378,"kind":256,"name":"IUploadItemProps","url":"interfaces/IUploadItemProps.html","classes":"tsd-kind-interface tsd-has-type-parameter"},{"id":4379,"kind":1024,"name":"item","url":"interfaces/IUploadItemProps.html#item","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadItemProps"},{"id":4380,"kind":1024,"name":"i18n","url":"interfaces/IUploadItemProps.html#i18n","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadItemProps"},{"id":4381,"kind":1024,"name":"onRetry","url":"interfaces/IUploadItemProps.html#onRetry","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadItemProps"},{"id":4382,"kind":65536,"name":"__type","url":"interfaces/IUploadItemProps.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IUploadItemProps"},{"id":4383,"kind":1024,"name":"onDelete","url":"interfaces/IUploadItemProps.html#onDelete","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IUploadItemProps"},{"id":4384,"kind":65536,"name":"__type","url":"interfaces/IUploadItemProps.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-interface","parent":"IUploadItemProps"},{"id":4385,"kind":4194304,"name":"INormalUploadItemProps","url":"modules.html#INormalUploadItemProps","classes":"tsd-kind-type-alias"},{"id":4386,"kind":4194304,"name":"ISingleUploadItemProps","url":"modules.html#ISingleUploadItemProps","classes":"tsd-kind-type-alias"},{"id":4387,"kind":4194304,"name":"IImageUploadItemProps","url":"modules.html#IImageUploadItemProps","classes":"tsd-kind-type-alias"},{"id":4388,"kind":4,"name":"WaypointPosition","url":"enums/WaypointPosition.html","classes":"tsd-kind-enum"},{"id":4389,"kind":16,"name":"Above","url":"enums/WaypointPosition.html#Above","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WaypointPosition"},{"id":4390,"kind":16,"name":"Inside","url":"enums/WaypointPosition.html#Inside","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WaypointPosition"},{"id":4391,"kind":16,"name":"Below","url":"enums/WaypointPosition.html#Below","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WaypointPosition"},{"id":4392,"kind":16,"name":"Invisible","url":"enums/WaypointPosition.html#Invisible","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WaypointPosition"},{"id":4393,"kind":16,"name":"Unknown","url":"enums/WaypointPosition.html#Unknown","classes":"tsd-kind-enum-member tsd-parent-kind-enum","parent":"WaypointPosition"},{"id":4394,"kind":256,"name":"IWaypointBounds","url":"interfaces/IWaypointBounds.html","classes":"tsd-kind-interface"},{"id":4395,"kind":1024,"name":"waypointTop","url":"interfaces/IWaypointBounds.html#waypointTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointBounds"},{"id":4396,"kind":1024,"name":"waypointBottom","url":"interfaces/IWaypointBounds.html#waypointBottom","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointBounds"},{"id":4397,"kind":1024,"name":"viewportTop","url":"interfaces/IWaypointBounds.html#viewportTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointBounds"},{"id":4398,"kind":1024,"name":"viewportBottom","url":"interfaces/IWaypointBounds.html#viewportBottom","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointBounds"},{"id":4399,"kind":256,"name":"IWaypointCallbackData","url":"interfaces/IWaypointCallbackData.html","classes":"tsd-kind-interface"},{"id":4400,"kind":1024,"name":"currentPosition","url":"interfaces/IWaypointCallbackData.html#currentPosition","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointCallbackData"},{"id":4401,"kind":1024,"name":"previousPosition","url":"interfaces/IWaypointCallbackData.html#previousPosition","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointCallbackData"},{"id":4402,"kind":1024,"name":"event","url":"interfaces/IWaypointCallbackData.html#event","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointCallbackData"},{"id":4403,"kind":1024,"name":"waypointTop","url":"interfaces/IWaypointCallbackData.html#waypointTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointCallbackData"},{"id":4404,"kind":1024,"name":"waypointBottom","url":"interfaces/IWaypointCallbackData.html#waypointBottom","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointCallbackData"},{"id":4405,"kind":1024,"name":"viewportTop","url":"interfaces/IWaypointCallbackData.html#viewportTop","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointCallbackData"},{"id":4406,"kind":1024,"name":"viewportBottom","url":"interfaces/IWaypointCallbackData.html#viewportBottom","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointCallbackData"},{"id":4407,"kind":256,"name":"IWaypointProps","url":"interfaces/IWaypointProps.html","classes":"tsd-kind-interface"},{"id":4408,"kind":1024,"name":"scrollableAncestor","url":"interfaces/IWaypointProps.html#scrollableAncestor","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4409,"kind":1024,"name":"children","url":"interfaces/IWaypointProps.html#children","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4410,"kind":1024,"name":"topOffset","url":"interfaces/IWaypointProps.html#topOffset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4411,"kind":1024,"name":"bottomOffset","url":"interfaces/IWaypointProps.html#bottomOffset","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4412,"kind":1024,"name":"horizontal","url":"interfaces/IWaypointProps.html#horizontal","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4413,"kind":1024,"name":"fireOnRapidScroll","url":"interfaces/IWaypointProps.html#fireOnRapidScroll","classes":"tsd-kind-property tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4414,"kind":2048,"name":"onEnter","url":"interfaces/IWaypointProps.html#onEnter","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4415,"kind":2048,"name":"onLeave","url":"interfaces/IWaypointProps.html#onLeave","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4416,"kind":2048,"name":"onPositionChange","url":"interfaces/IWaypointProps.html#onPositionChange","classes":"tsd-kind-method tsd-parent-kind-interface","parent":"IWaypointProps"},{"id":4417,"kind":128,"name":"Waypoint","url":"classes/Waypoint.html","classes":"tsd-kind-class"},{"id":4418,"kind":1024,"name":"defaultProps","url":"classes/Waypoint.html#defaultProps","classes":"tsd-kind-property tsd-parent-kind-class tsd-is-static","parent":"Waypoint"},{"id":4419,"kind":65536,"name":"__type","url":"classes/Waypoint.html#__type-1","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Waypoint"},{"id":4420,"kind":1024,"name":"topOffset","url":"classes/Waypoint.html#__type-1.topOffset","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Waypoint.__type"},{"id":4421,"kind":1024,"name":"bottomOffset","url":"classes/Waypoint.html#__type-1.bottomOffset","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Waypoint.__type"},{"id":4422,"kind":1024,"name":"horizontal","url":"classes/Waypoint.html#__type-1.horizontal","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Waypoint.__type"},{"id":4423,"kind":1024,"name":"fireOnRapidScroll","url":"classes/Waypoint.html#__type-1.fireOnRapidScroll","classes":"tsd-kind-property tsd-parent-kind-type-literal","parent":"Waypoint.__type"},{"id":4424,"kind":512,"name":"constructor","url":"classes/Waypoint.html#constructor","classes":"tsd-kind-constructor tsd-parent-kind-class tsd-is-inherited","parent":"Waypoint"},{"id":4425,"kind":2048,"name":"componentDidMount","url":"classes/Waypoint.html#componentDidMount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Waypoint"},{"id":4426,"kind":2048,"name":"componentDidUpdate","url":"classes/Waypoint.html#componentDidUpdate","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Waypoint"},{"id":4427,"kind":2048,"name":"componentWillUnmount","url":"classes/Waypoint.html#componentWillUnmount","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Waypoint"},{"id":4428,"kind":2048,"name":"render","url":"classes/Waypoint.html#render","classes":"tsd-kind-method tsd-parent-kind-class tsd-is-overwrite","parent":"Waypoint"},{"id":4429,"kind":65536,"name":"__type","url":"classes/Waypoint.html#__type","classes":"tsd-kind-type-literal tsd-parent-kind-class","parent":"Waypoint"}],"index":{"version":"2.3.9","fields":["name","parent"],"fieldVectors":[["name/0",[0,74.808]],["parent/0",[]],["name/1",[1,79.917]],["parent/1",[0,7.007]],["name/2",[2,60.456]],["parent/2",[]],["name/3",[3,74.808]],["parent/3",[2,5.662]],["name/4",[4,79.917]],["parent/4",[2,5.662]],["name/5",[5,79.917]],["parent/5",[2,5.662]],["name/6",[6,46.24]],["parent/6",[2,5.662]],["name/7",[7,79.917]],["parent/7",[2,5.662]],["name/8",[8,79.917]],["parent/8",[2,5.662]],["name/9",[9,79.917]],["parent/9",[2,5.662]],["name/10",[10,36.134]],["parent/10",[2,5.662]],["name/11",[11,79.917]],["parent/11",[2,5.662]],["name/12",[12,79.917]],["parent/12",[]],["name/13",[13,63.821]],["parent/13",[]],["name/14",[14,65.252]],["parent/14",[13,5.978]],["name/15",[15,71.443]],["parent/15",[13,5.978]],["name/16",[16,71.443]],["parent/16",[13,5.978]],["name/17",[17,51.197]],["parent/17",[13,5.978]],["name/18",[18,68.929]],["parent/18",[13,5.978]],["name/19",[19,49.791]],["parent/19",[13,5.978]],["name/20",[20,68.929]],["parent/20",[]],["name/21",[21,41.271]],["parent/21",[20,6.456]],["name/22",[22,42.457]],["parent/22",[20,6.456]],["name/23",[23,28.075]],["parent/23",[20,6.456]],["name/24",[24,55.935]],["parent/24",[]],["name/25",[23,28.075]],["parent/25",[24,5.239]],["name/26",[25,44.552]],["parent/26",[24,5.239]],["name/27",[26,54.791]],["parent/27",[24,5.239]],["name/28",[27,63.821]],["parent/28",[24,5.239]],["name/29",[28,56.561]],["parent/29",[24,5.239]],["name/30",[17,51.197]],["parent/30",[24,5.239]],["name/31",[18,68.929]],["parent/31",[24,5.239]],["name/32",[16,71.443]],["parent/32",[24,5.239]],["name/33",[14,65.252]],["parent/33",[24,5.239]],["name/34",[29,71.443]],["parent/34",[24,5.239]],["name/35",[30,55.935]],["parent/35",[24,5.239]],["name/36",[31,74.808]],["parent/36",[24,5.239]],["name/37",[32,66.923]],["parent/37",[24,5.239]],["name/38",[19,49.791]],["parent/38",[24,5.239]],["name/39",[15,71.443]],["parent/39",[24,5.239]],["name/40",[33,60.456]],["parent/40",[]],["name/41",[34,74.808]],["parent/41",[33,5.662]],["name/42",[35,43.625]],["parent/42",[33,5.662]],["name/43",[23,28.075]],["parent/43",[33,5.662]],["name/44",[25,44.552]],["parent/44",[36,6.268]],["name/45",[28,56.561]],["parent/45",[36,6.268]],["name/46",[26,54.791]],["parent/46",[36,6.268]],["name/47",[27,63.821]],["parent/47",[36,6.268]],["name/48",[14,65.252]],["parent/48",[36,6.268]],["name/49",[21,41.271]],["parent/49",[33,5.662]],["name/50",[37,54.791]],["parent/50",[33,5.662]],["name/51",[22,42.457]],["parent/51",[33,5.662]],["name/52",[23,28.075]],["parent/52",[33,5.662]],["name/53",[38,61.457]],["parent/53",[]],["name/54",[25,44.552]],["parent/54",[38,5.756]],["name/55",[27,63.821]],["parent/55",[38,5.756]],["name/56",[26,54.791]],["parent/56",[38,5.756]],["name/57",[39,74.808]],["parent/57",[38,5.756]],["name/58",[19,49.791]],["parent/58",[38,5.756]],["name/59",[29,71.443]],["parent/59",[38,5.756]],["name/60",[28,56.561]],["parent/60",[38,5.756]],["name/61",[23,28.075]],["parent/61",[38,5.756]],["name/62",[40,55.347]],["parent/62",[]],["name/63",[35,43.625]],["parent/63",[40,5.184]],["name/64",[23,28.075]],["parent/64",[40,5.184]],["name/65",[25,44.552]],["parent/65",[41,6.456]],["name/66",[26,54.791]],["parent/66",[41,6.456]],["name/67",[39,74.808]],["parent/67",[41,6.456]],["name/68",[28,56.561]],["parent/68",[41,6.456]],["name/69",[21,41.271]],["parent/69",[40,5.184]],["name/70",[42,79.917]],["parent/70",[40,5.184]],["name/71",[43,79.917]],["parent/71",[40,5.184]],["name/72",[44,54.791]],["parent/72",[40,5.184]],["name/73",[45,58.712]],["parent/73",[40,5.184]],["name/74",[46,79.917]],["parent/74",[40,5.184]],["name/75",[47,79.917]],["parent/75",[40,5.184]],["name/76",[48,79.917]],["parent/76",[40,5.184]],["name/77",[49,79.917]],["parent/77",[40,5.184]],["name/78",[50,79.917]],["parent/78",[40,5.184]],["name/79",[51,79.917]],["parent/79",[40,5.184]],["name/80",[52,74.808]],["parent/80",[40,5.184]],["name/81",[22,42.457]],["parent/81",[40,5.184]],["name/82",[23,28.075]],["parent/82",[40,5.184]],["name/83",[53,79.917]],["parent/83",[]],["name/84",[54,61.457]],["parent/84",[]],["name/85",[55,74.808]],["parent/85",[54,5.756]],["name/86",[56,74.808]],["parent/86",[54,5.756]],["name/87",[57,74.808]],["parent/87",[54,5.756]],["name/88",[58,74.808]],["parent/88",[54,5.756]],["name/89",[10,36.134]],["parent/89",[54,5.756]],["name/90",[59,43.625]],["parent/90",[54,5.756]],["name/91",[60,74.808]],["parent/91",[54,5.756]],["name/92",[61,74.808]],["parent/92",[54,5.756]],["name/93",[62,62.569]],["parent/93",[]],["name/94",[35,43.625]],["parent/94",[62,5.86]],["name/95",[23,28.075]],["parent/95",[62,5.86]],["name/96",[56,74.808]],["parent/96",[63,6.268]],["name/97",[57,74.808]],["parent/97",[63,6.268]],["name/98",[58,74.808]],["parent/98",[63,6.268]],["name/99",[60,74.808]],["parent/99",[63,6.268]],["name/100",[61,74.808]],["parent/100",[63,6.268]],["name/101",[21,41.271]],["parent/101",[62,5.86]],["name/102",[44,54.791]],["parent/102",[62,5.86]],["name/103",[64,57.942]],["parent/103",[62,5.86]],["name/104",[22,42.457]],["parent/104",[62,5.86]],["name/105",[23,28.075]],["parent/105",[62,5.86]],["name/106",[65,56.561]],["parent/106",[]],["name/107",[66,42.777]],["parent/107",[65,5.298]],["name/108",[67,71.443]],["parent/108",[65,5.298]],["name/109",[68,71.443]],["parent/109",[65,5.298]],["name/110",[69,71.443]],["parent/110",[65,5.298]],["name/111",[70,71.443]],["parent/111",[65,5.298]],["name/112",[10,36.134]],["parent/112",[65,5.298]],["name/113",[71,55.347]],["parent/113",[65,5.298]],["name/114",[30,55.935]],["parent/114",[65,5.298]],["name/115",[72,57.942]],["parent/115",[65,5.298]],["name/116",[73,68.929]],["parent/116",[65,5.298]],["name/117",[74,68.929]],["parent/117",[65,5.298]],["name/118",[75,41.996]],["parent/118",[65,5.298]],["name/119",[76,65.252]],["parent/119",[65,5.298]],["name/120",[77,71.443]],["parent/120",[65,5.298]],["name/121",[78,79.917]],["parent/121",[]],["name/122",[79,53.765]],["parent/122",[]],["name/123",[66,42.777]],["parent/123",[79,5.036]],["name/124",[80,71.443]],["parent/124",[79,5.036]],["name/125",[81,52.399]],["parent/125",[79,5.036]],["name/126",[82,71.443]],["parent/126",[79,5.036]],["name/127",[83,62.569]],["parent/127",[79,5.036]],["name/128",[84,42.941]],["parent/128",[79,5.036]],["name/129",[85,63.821]],["parent/129",[79,5.036]],["name/130",[86,79.917]],["parent/130",[79,5.036]],["name/131",[87,66.923]],["parent/131",[79,5.036]],["name/132",[88,79.917]],["parent/132",[79,5.036]],["name/133",[10,36.134]],["parent/133",[79,5.036]],["name/134",[89,65.252]],["parent/134",[79,5.036]],["name/135",[90,50.469]],["parent/135",[79,5.036]],["name/136",[91,74.808]],["parent/136",[79,5.036]],["name/137",[67,71.443]],["parent/137",[79,5.036]],["name/138",[69,71.443]],["parent/138",[79,5.036]],["name/139",[68,71.443]],["parent/139",[79,5.036]],["name/140",[75,41.996]],["parent/140",[79,5.036]],["name/141",[92,58.712]],["parent/141",[79,5.036]],["name/142",[93,68.929]],["parent/142",[]],["name/143",[94,63.821]],["parent/143",[93,6.456]],["name/144",[66,42.777]],["parent/144",[93,6.456]],["name/145",[95,74.808]],["parent/145",[93,6.456]],["name/146",[96,51.582]],["parent/146",[]],["name/147",[35,43.625]],["parent/147",[96,4.831]],["name/148",[23,28.075]],["parent/148",[96,4.831]],["name/149",[87,66.923]],["parent/149",[97,5.978]],["name/150",[23,28.075]],["parent/150",[97,5.978]],["name/151",[91,74.808]],["parent/151",[97,5.978]],["name/152",[67,71.443]],["parent/152",[97,5.978]],["name/153",[69,71.443]],["parent/153",[97,5.978]],["name/154",[68,71.443]],["parent/154",[97,5.978]],["name/155",[90,50.469]],["parent/155",[97,5.978]],["name/156",[98,53.765]],["parent/156",[96,4.831]],["name/157",[99,56.561]],["parent/157",[96,4.831]],["name/158",[21,41.271]],["parent/158",[96,4.831]],["name/159",[100,53.288]],["parent/159",[96,4.831]],["name/160",[101,79.917]],["parent/160",[96,4.831]],["name/161",[102,79.917]],["parent/161",[96,4.831]],["name/162",[103,79.917]],["parent/162",[96,4.831]],["name/163",[104,79.917]],["parent/163",[96,4.831]],["name/164",[105,79.917]],["parent/164",[96,4.831]],["name/165",[106,79.917]],["parent/165",[96,4.831]],["name/166",[85,63.821]],["parent/166",[96,4.831]],["name/167",[107,79.917]],["parent/167",[96,4.831]],["name/168",[94,63.821]],["parent/168",[96,4.831]],["name/169",[108,71.443]],["parent/169",[96,4.831]],["name/170",[109,79.917]],["parent/170",[96,4.831]],["name/171",[110,74.808]],["parent/171",[96,4.831]],["name/172",[111,74.808]],["parent/172",[96,4.831]],["name/173",[112,74.808]],["parent/173",[96,4.831]],["name/174",[22,42.457]],["parent/174",[96,4.831]],["name/175",[23,28.075]],["parent/175",[96,4.831]],["name/176",[113,61.457]],["parent/176",[]],["name/177",[114,71.443]],["parent/177",[113,5.756]],["name/178",[115,49.468]],["parent/178",[113,5.756]],["name/179",[30,55.935]],["parent/179",[113,5.756]],["name/180",[116,74.808]],["parent/180",[113,5.756]],["name/181",[6,46.24]],["parent/181",[113,5.756]],["name/182",[28,56.561]],["parent/182",[113,5.756]],["name/183",[59,43.625]],["parent/183",[113,5.756]],["name/184",[10,36.134]],["parent/184",[113,5.756]],["name/185",[117,68.929]],["parent/185",[]],["name/186",[118,74.808]],["parent/186",[117,6.456]],["name/187",[119,74.808]],["parent/187",[117,6.456]],["name/188",[120,79.917]],["parent/188",[117,6.456]],["name/189",[121,57.228]],["parent/189",[]],["name/190",[35,43.625]],["parent/190",[121,5.36]],["name/191",[23,28.075]],["parent/191",[121,5.36]],["name/192",[114,71.443]],["parent/192",[122,6.268]],["name/193",[115,49.468]],["parent/193",[122,6.268]],["name/194",[28,56.561]],["parent/194",[122,6.268]],["name/195",[99,56.561]],["parent/195",[121,5.36]],["name/196",[21,41.271]],["parent/196",[121,5.36]],["name/197",[123,79.917]],["parent/197",[121,5.36]],["name/198",[124,79.917]],["parent/198",[121,5.36]],["name/199",[37,54.791]],["parent/199",[121,5.36]],["name/200",[23,28.075]],["parent/200",[121,5.36]],["name/201",[118,74.808]],["parent/201",[122,6.268]],["name/202",[119,74.808]],["parent/202",[122,6.268]],["name/203",[22,42.457]],["parent/203",[121,5.36]],["name/204",[44,54.791]],["parent/204",[121,5.36]],["name/205",[64,57.942]],["parent/205",[121,5.36]],["name/206",[125,79.917]],["parent/206",[121,5.36]],["name/207",[23,28.075]],["parent/207",[121,5.36]],["name/208",[126,61.457]],["parent/208",[]],["name/209",[127,68.929]],["parent/209",[126,5.756]],["name/210",[128,74.808]],["parent/210",[126,5.756]],["name/211",[129,74.808]],["parent/211",[126,5.756]],["name/212",[130,74.808]],["parent/212",[126,5.756]],["name/213",[131,71.443]],["parent/213",[126,5.756]],["name/214",[59,43.625]],["parent/214",[126,5.756]],["name/215",[6,46.24]],["parent/215",[126,5.756]],["name/216",[10,36.134]],["parent/216",[126,5.756]],["name/217",[132,63.821]],["parent/217",[]],["name/218",[35,43.625]],["parent/218",[132,5.978]],["name/219",[23,28.075]],["parent/219",[132,5.978]],["name/220",[127,68.929]],["parent/220",[133,6.268]],["name/221",[128,74.808]],["parent/221",[133,6.268]],["name/222",[129,74.808]],["parent/222",[133,6.268]],["name/223",[130,74.808]],["parent/223",[133,6.268]],["name/224",[10,36.134]],["parent/224",[133,6.268]],["name/225",[21,41.271]],["parent/225",[132,5.978]],["name/226",[134,79.917]],["parent/226",[132,5.978]],["name/227",[22,42.457]],["parent/227",[132,5.978]],["name/228",[23,28.075]],["parent/228",[132,5.978]],["name/229",[135,79.917]],["parent/229",[]],["name/230",[136,79.917]],["parent/230",[]],["name/231",[137,79.917]],["parent/231",[]],["name/232",[138,62.569]],["parent/232",[]],["name/233",[17,51.197]],["parent/233",[138,5.86]],["name/234",[25,44.552]],["parent/234",[138,5.86]],["name/235",[10,36.134]],["parent/235",[138,5.86]],["name/236",[139,60.456]],["parent/236",[138,5.86]],["name/237",[140,53.765]],["parent/237",[138,5.86]],["name/238",[141,79.917]],["parent/238",[138,5.86]],["name/239",[142,79.917]],["parent/239",[138,5.86]],["name/240",[143,65.252]],["parent/240",[]],["name/241",[35,43.625]],["parent/241",[143,6.112]],["name/242",[23,28.075]],["parent/242",[143,6.112]],["name/243",[10,36.134]],["parent/243",[144,6.691]],["name/244",[140,53.765]],["parent/244",[144,6.691]],["name/245",[25,44.552]],["parent/245",[144,6.691]],["name/246",[21,41.271]],["parent/246",[143,6.112]],["name/247",[22,42.457]],["parent/247",[143,6.112]],["name/248",[23,28.075]],["parent/248",[143,6.112]],["name/249",[145,66.923]],["parent/249",[]],["name/250",[146,74.808]],["parent/250",[145,6.268]],["name/251",[10,36.134]],["parent/251",[145,6.268]],["name/252",[147,79.917]],["parent/252",[145,6.268]],["name/253",[59,43.625]],["parent/253",[145,6.268]],["name/254",[148,66.923]],["parent/254",[]],["name/255",[149,74.808]],["parent/255",[148,6.268]],["name/256",[150,74.808]],["parent/256",[148,6.268]],["name/257",[151,74.808]],["parent/257",[148,6.268]],["name/258",[152,74.808]],["parent/258",[148,6.268]],["name/259",[153,52.834]],["parent/259",[]],["name/260",[35,43.625]],["parent/260",[153,4.948]],["name/261",[23,28.075]],["parent/261",[153,4.948]],["name/262",[10,36.134]],["parent/262",[154,6.112]],["name/263",[146,74.808]],["parent/263",[154,6.112]],["name/264",[155,66.923]],["parent/264",[153,4.948]],["name/265",[21,41.271]],["parent/265",[153,4.948]],["name/266",[37,54.791]],["parent/266",[153,4.948]],["name/267",[23,28.075]],["parent/267",[153,4.948]],["name/268",[149,74.808]],["parent/268",[154,6.112]],["name/269",[150,74.808]],["parent/269",[154,6.112]],["name/270",[151,74.808]],["parent/270",[154,6.112]],["name/271",[152,74.808]],["parent/271",[154,6.112]],["name/272",[156,79.917]],["parent/272",[153,4.948]],["name/273",[157,71.443]],["parent/273",[153,4.948]],["name/274",[158,79.917]],["parent/274",[153,4.948]],["name/275",[159,79.917]],["parent/275",[153,4.948]],["name/276",[160,79.917]],["parent/276",[153,4.948]],["name/277",[161,79.917]],["parent/277",[153,4.948]],["name/278",[162,79.917]],["parent/278",[153,4.948]],["name/279",[44,54.791]],["parent/279",[153,4.948]],["name/280",[64,57.942]],["parent/280",[153,4.948]],["name/281",[163,79.917]],["parent/281",[153,4.948]],["name/282",[164,79.917]],["parent/282",[153,4.948]],["name/283",[165,79.917]],["parent/283",[153,4.948]],["name/284",[166,79.917]],["parent/284",[153,4.948]],["name/285",[22,42.457]],["parent/285",[153,4.948]],["name/286",[23,28.075]],["parent/286",[153,4.948]],["name/287",[167,66.923]],["parent/287",[]],["name/288",[10,36.134]],["parent/288",[167,6.268]],["name/289",[168,52.834]],["parent/289",[167,6.268]],["name/290",[169,74.808]],["parent/290",[167,6.268]],["name/291",[71,55.347]],["parent/291",[167,6.268]],["name/292",[170,68.929]],["parent/292",[]],["name/293",[21,41.271]],["parent/293",[170,6.456]],["name/294",[22,42.457]],["parent/294",[170,6.456]],["name/295",[23,28.075]],["parent/295",[170,6.456]],["name/296",[171,54.791]],["parent/296",[]],["name/297",[10,36.134]],["parent/297",[171,5.132]],["name/298",[59,43.625]],["parent/298",[171,5.132]],["name/299",[169,74.808]],["parent/299",[171,5.132]],["name/300",[172,66.923]],["parent/300",[171,5.132]],["name/301",[173,74.808]],["parent/301",[171,5.132]],["name/302",[174,79.917]],["parent/302",[171,5.132]],["name/303",[175,65.252]],["parent/303",[171,5.132]],["name/304",[176,63.821]],["parent/304",[171,5.132]],["name/305",[25,44.552]],["parent/305",[171,5.132]],["name/306",[26,54.791]],["parent/306",[171,5.132]],["name/307",[27,63.821]],["parent/307",[171,5.132]],["name/308",[28,56.561]],["parent/308",[171,5.132]],["name/309",[30,55.935]],["parent/309",[171,5.132]],["name/310",[75,41.996]],["parent/310",[171,5.132]],["name/311",[115,49.468]],["parent/311",[171,5.132]],["name/312",[177,74.808]],["parent/312",[171,5.132]],["name/313",[23,28.075]],["parent/313",[171,5.132]],["name/314",[178,58.712]],["parent/314",[]],["name/315",[35,43.625]],["parent/315",[178,5.499]],["name/316",[23,28.075]],["parent/316",[178,5.499]],["name/317",[25,44.552]],["parent/317",[179,6.456]],["name/318",[115,49.468]],["parent/318",[179,6.456]],["name/319",[173,74.808]],["parent/319",[179,6.456]],["name/320",[28,56.561]],["parent/320",[179,6.456]],["name/321",[180,71.443]],["parent/321",[178,5.499]],["name/322",[181,79.917]],["parent/322",[178,5.499]],["name/323",[23,28.075]],["parent/323",[178,5.499]],["name/324",[98,53.765]],["parent/324",[178,5.499]],["name/325",[21,41.271]],["parent/325",[178,5.499]],["name/326",[100,53.288]],["parent/326",[178,5.499]],["name/327",[22,42.457]],["parent/327",[178,5.499]],["name/328",[23,28.075]],["parent/328",[178,5.499]],["name/329",[182,79.917]],["parent/329",[]],["name/330",[183,79.917]],["parent/330",[]],["name/331",[184,79.917]],["parent/331",[]],["name/332",[185,65.252]],["parent/332",[]],["name/333",[10,36.134]],["parent/333",[185,6.112]],["name/334",[75,41.996]],["parent/334",[185,6.112]],["name/335",[6,46.24]],["parent/335",[185,6.112]],["name/336",[82,50.703,186,56.717]],["parent/336",[185,6.112]],["name/337",[71,55.347]],["parent/337",[185,6.112]],["name/338",[187,79.917]],["parent/338",[]],["name/339",[188,79.917]],["parent/339",[]],["name/340",[189,79.917]],["parent/340",[]],["name/341",[190,57.942]],["parent/341",[]],["name/342",[115,49.468]],["parent/342",[190,5.427]],["name/343",[25,44.552]],["parent/343",[190,5.427]],["name/344",[75,41.996]],["parent/344",[190,5.427]],["name/345",[26,54.791]],["parent/345",[190,5.427]],["name/346",[27,63.821]],["parent/346",[190,5.427]],["name/347",[28,56.561]],["parent/347",[190,5.427]],["name/348",[59,43.625]],["parent/348",[190,5.427]],["name/349",[30,55.935]],["parent/349",[190,5.427]],["name/350",[177,74.808]],["parent/350",[190,5.427]],["name/351",[6,46.24]],["parent/351",[190,5.427]],["name/352",[175,65.252]],["parent/352",[190,5.427]],["name/353",[176,63.821]],["parent/353",[190,5.427]],["name/354",[191,62.569]],["parent/354",[]],["name/355",[25,44.552]],["parent/355",[191,5.86]],["name/356",[17,51.197]],["parent/356",[191,5.86]],["name/357",[192,66.923]],["parent/357",[191,5.86]],["name/358",[59,43.625]],["parent/358",[191,5.86]],["name/359",[193,74.808]],["parent/359",[191,5.86]],["name/360",[26,54.791]],["parent/360",[191,5.86]],["name/361",[10,36.134]],["parent/361",[191,5.86]],["name/362",[194,65.252]],["parent/362",[]],["name/363",[35,43.625]],["parent/363",[194,6.112]],["name/364",[23,28.075]],["parent/364",[194,6.112]],["name/365",[25,44.552]],["parent/365",[195,5.978]],["name/366",[59,43.625]],["parent/366",[195,5.978]],["name/367",[23,28.075]],["parent/367",[195,5.978]],["name/368",[193,74.808]],["parent/368",[195,5.978]],["name/369",[23,28.075]],["parent/369",[195,5.978]],["name/370",[26,54.791]],["parent/370",[195,5.978]],["name/371",[10,36.134]],["parent/371",[195,5.978]],["name/372",[21,41.271]],["parent/372",[194,6.112]],["name/373",[22,42.457]],["parent/373",[194,6.112]],["name/374",[23,28.075]],["parent/374",[194,6.112]],["name/375",[196,57.942]],["parent/375",[]],["name/376",[197,57.942]],["parent/376",[196,5.427]],["name/377",[81,52.399]],["parent/377",[196,5.427]],["name/378",[10,36.134]],["parent/378",[196,5.427]],["name/379",[89,65.252]],["parent/379",[196,5.427]],["name/380",[75,41.996]],["parent/380",[196,5.427]],["name/381",[198,59.546]],["parent/381",[196,5.427]],["name/382",[199,51.982]],["parent/382",[196,5.427]],["name/383",[200,57.228]],["parent/383",[196,5.427]],["name/384",[201,57.942]],["parent/384",[196,5.427]],["name/385",[202,66.923]],["parent/385",[196,5.427]],["name/386",[203,66.923]],["parent/386",[196,5.427]],["name/387",[204,66.923]],["parent/387",[196,5.427]],["name/388",[205,79.917]],["parent/388",[]],["name/389",[206,79.917]],["parent/389",[]],["name/390",[207,79.917]],["parent/390",[]],["name/391",[208,63.821]],["parent/391",[]],["name/392",[66,42.777]],["parent/392",[208,5.978]],["name/393",[209,63.821]],["parent/393",[208,5.978]],["name/394",[6,46.24]],["parent/394",[208,5.978]],["name/395",[75,41.996]],["parent/395",[208,5.978]],["name/396",[210,74.808]],["parent/396",[208,5.978]],["name/397",[211,65.252]],["parent/397",[208,5.978]],["name/398",[212,62.569]],["parent/398",[]],["name/399",[6,46.24]],["parent/399",[212,5.86]],["name/400",[213,79.917]],["parent/400",[212,5.86]],["name/401",[66,42.777]],["parent/401",[212,5.86]],["name/402",[209,63.821]],["parent/402",[212,5.86]],["name/403",[75,41.996]],["parent/403",[212,5.86]],["name/404",[210,74.808]],["parent/404",[212,5.86]],["name/405",[211,65.252]],["parent/405",[212,5.86]],["name/406",[214,74.808]],["parent/406",[]],["name/407",[23,28.075]],["parent/407",[214,7.007]],["name/408",[215,74.808]],["parent/408",[]],["name/409",[23,28.075]],["parent/409",[215,7.007]],["name/410",[216,74.808]],["parent/410",[]],["name/411",[23,28.075]],["parent/411",[216,7.007]],["name/412",[217,74.808]],["parent/412",[]],["name/413",[23,28.075]],["parent/413",[217,7.007]],["name/414",[218,71.443]],["parent/414",[]],["name/415",[219,65.252]],["parent/415",[218,6.691]],["name/416",[220,74.808]],["parent/416",[218,6.691]],["name/417",[221,74.808]],["parent/417",[]],["name/418",[192,66.923]],["parent/418",[221,7.007]],["name/419",[222,71.443]],["parent/419",[]],["name/420",[223,79.917]],["parent/420",[222,6.691]],["name/421",[192,66.923]],["parent/421",[222,6.691]],["name/422",[224,71.443]],["parent/422",[]],["name/423",[225,79.917]],["parent/423",[224,6.691]],["name/424",[226,74.808]],["parent/424",[224,6.691]],["name/425",[227,74.808]],["parent/425",[]],["name/426",[192,66.923]],["parent/426",[227,7.007]],["name/427",[228,63.821]],["parent/427",[]],["name/428",[229,71.443]],["parent/428",[228,5.978]],["name/429",[230,79.917]],["parent/429",[228,5.978]],["name/430",[231,79.917]],["parent/430",[228,5.978]],["name/431",[232,71.443]],["parent/431",[228,5.978]],["name/432",[201,57.942]],["parent/432",[228,5.978]],["name/433",[233,61.457]],["parent/433",[228,5.978]],["name/434",[234,51.197]],["parent/434",[]],["name/435",[235,68.929]],["parent/435",[234,4.795]],["name/436",[236,68.929]],["parent/436",[234,4.795]],["name/437",[237,68.929]],["parent/437",[234,4.795]],["name/438",[211,65.252]],["parent/438",[234,4.795]],["name/439",[238,68.929]],["parent/439",[234,4.795]],["name/440",[239,68.929]],["parent/440",[234,4.795]],["name/441",[240,71.443]],["parent/441",[234,4.795]],["name/442",[241,61.457]],["parent/442",[234,4.795]],["name/443",[242,62.569]],["parent/443",[234,4.795]],["name/444",[243,66.923]],["parent/444",[234,4.795]],["name/445",[244,68.929]],["parent/445",[234,4.795]],["name/446",[245,68.929]],["parent/446",[234,4.795]],["name/447",[246,68.929]],["parent/447",[234,4.795]],["name/448",[197,57.942]],["parent/448",[234,4.795]],["name/449",[81,52.399]],["parent/449",[234,4.795]],["name/450",[10,36.134]],["parent/450",[234,4.795]],["name/451",[89,65.252]],["parent/451",[234,4.795]],["name/452",[75,41.996]],["parent/452",[234,4.795]],["name/453",[198,59.546]],["parent/453",[234,4.795]],["name/454",[199,51.982]],["parent/454",[234,4.795]],["name/455",[200,57.228]],["parent/455",[234,4.795]],["name/456",[201,57.942]],["parent/456",[234,4.795]],["name/457",[202,66.923]],["parent/457",[234,4.795]],["name/458",[203,66.923]],["parent/458",[234,4.795]],["name/459",[204,66.923]],["parent/459",[234,4.795]],["name/460",[247,49.791]],["parent/460",[]],["name/461",[248,59.546]],["parent/461",[247,4.664]],["name/462",[66,42.777]],["parent/462",[247,4.664]],["name/463",[84,42.941]],["parent/463",[247,4.664]],["name/464",[249,71.443]],["parent/464",[247,4.664]],["name/465",[235,68.929]],["parent/465",[247,4.664]],["name/466",[236,68.929]],["parent/466",[247,4.664]],["name/467",[237,68.929]],["parent/467",[247,4.664]],["name/468",[211,65.252]],["parent/468",[247,4.664]],["name/469",[238,68.929]],["parent/469",[247,4.664]],["name/470",[239,68.929]],["parent/470",[247,4.664]],["name/471",[240,71.443]],["parent/471",[247,4.664]],["name/472",[241,61.457]],["parent/472",[247,4.664]],["name/473",[242,62.569]],["parent/473",[247,4.664]],["name/474",[243,66.923]],["parent/474",[247,4.664]],["name/475",[244,68.929]],["parent/475",[247,4.664]],["name/476",[245,68.929]],["parent/476",[247,4.664]],["name/477",[246,68.929]],["parent/477",[247,4.664]],["name/478",[197,57.942]],["parent/478",[247,4.664]],["name/479",[81,52.399]],["parent/479",[247,4.664]],["name/480",[10,36.134]],["parent/480",[247,4.664]],["name/481",[89,65.252]],["parent/481",[247,4.664]],["name/482",[75,41.996]],["parent/482",[247,4.664]],["name/483",[198,59.546]],["parent/483",[247,4.664]],["name/484",[199,51.982]],["parent/484",[247,4.664]],["name/485",[200,57.228]],["parent/485",[247,4.664]],["name/486",[201,57.942]],["parent/486",[247,4.664]],["name/487",[202,66.923]],["parent/487",[247,4.664]],["name/488",[203,66.923]],["parent/488",[247,4.664]],["name/489",[204,66.923]],["parent/489",[247,4.664]],["name/490",[250,49.156]],["parent/490",[]],["name/491",[248,59.546]],["parent/491",[250,4.604]],["name/492",[66,42.777]],["parent/492",[250,4.604]],["name/493",[84,42.941]],["parent/493",[250,4.604]],["name/494",[251,79.917]],["parent/494",[250,4.604]],["name/495",[252,79.917]],["parent/495",[250,4.604]],["name/496",[253,74.808]],["parent/496",[250,4.604]],["name/497",[235,68.929]],["parent/497",[250,4.604]],["name/498",[236,68.929]],["parent/498",[250,4.604]],["name/499",[237,68.929]],["parent/499",[250,4.604]],["name/500",[211,65.252]],["parent/500",[250,4.604]],["name/501",[238,68.929]],["parent/501",[250,4.604]],["name/502",[239,68.929]],["parent/502",[250,4.604]],["name/503",[240,71.443]],["parent/503",[250,4.604]],["name/504",[241,61.457]],["parent/504",[250,4.604]],["name/505",[242,62.569]],["parent/505",[250,4.604]],["name/506",[243,66.923]],["parent/506",[250,4.604]],["name/507",[244,68.929]],["parent/507",[250,4.604]],["name/508",[245,68.929]],["parent/508",[250,4.604]],["name/509",[246,68.929]],["parent/509",[250,4.604]],["name/510",[197,57.942]],["parent/510",[250,4.604]],["name/511",[81,52.399]],["parent/511",[250,4.604]],["name/512",[10,36.134]],["parent/512",[250,4.604]],["name/513",[89,65.252]],["parent/513",[250,4.604]],["name/514",[75,41.996]],["parent/514",[250,4.604]],["name/515",[198,59.546]],["parent/515",[250,4.604]],["name/516",[199,51.982]],["parent/516",[250,4.604]],["name/517",[200,57.228]],["parent/517",[250,4.604]],["name/518",[201,57.942]],["parent/518",[250,4.604]],["name/519",[202,66.923]],["parent/519",[250,4.604]],["name/520",[203,66.923]],["parent/520",[250,4.604]],["name/521",[204,66.923]],["parent/521",[250,4.604]],["name/522",[254,79.917]],["parent/522",[]],["name/523",[255,60.456]],["parent/523",[]],["name/524",[35,43.625]],["parent/524",[255,5.662]],["name/525",[23,28.075]],["parent/525",[255,5.662]],["name/526",[66,42.777]],["parent/526",[256,5.036]],["name/527",[197,57.942]],["parent/527",[256,5.036]],["name/528",[198,59.546]],["parent/528",[256,5.036]],["name/529",[248,59.546]],["parent/529",[256,5.036]],["name/530",[244,68.929]],["parent/530",[256,5.036]],["name/531",[245,68.929]],["parent/531",[256,5.036]],["name/532",[246,68.929]],["parent/532",[256,5.036]],["name/533",[236,68.929]],["parent/533",[256,5.036]],["name/534",[237,68.929]],["parent/534",[256,5.036]],["name/535",[211,65.252]],["parent/535",[256,5.036]],["name/536",[238,68.929]],["parent/536",[256,5.036]],["name/537",[239,68.929]],["parent/537",[256,5.036]],["name/538",[243,66.923]],["parent/538",[256,5.036]],["name/539",[201,57.942]],["parent/539",[256,5.036]],["name/540",[23,28.075]],["parent/540",[256,5.036]],["name/541",[241,61.457]],["parent/541",[256,5.036]],["name/542",[23,28.075]],["parent/542",[256,5.036]],["name/543",[242,62.569]],["parent/543",[256,5.036]],["name/544",[23,28.075]],["parent/544",[256,5.036]],["name/545",[253,74.808]],["parent/545",[256,5.036]],["name/546",[98,53.765]],["parent/546",[255,5.662]],["name/547",[99,56.561]],["parent/547",[255,5.662]],["name/548",[21,41.271]],["parent/548",[255,5.662]],["name/549",[257,79.917]],["parent/549",[255,5.662]],["name/550",[100,53.288]],["parent/550",[255,5.662]],["name/551",[22,42.457]],["parent/551",[255,5.662]],["name/552",[23,28.075]],["parent/552",[255,5.662]],["name/553",[258,54.791]],["parent/553",[]],["name/554",[66,42.777]],["parent/554",[258,5.132]],["name/555",[84,42.941]],["parent/555",[258,5.132]],["name/556",[235,68.929]],["parent/556",[258,5.132]],["name/557",[17,51.197]],["parent/557",[258,5.132]],["name/558",[249,71.443]],["parent/558",[258,5.132]],["name/559",[197,57.942]],["parent/559",[258,5.132]],["name/560",[81,52.399]],["parent/560",[258,5.132]],["name/561",[10,36.134]],["parent/561",[258,5.132]],["name/562",[89,65.252]],["parent/562",[258,5.132]],["name/563",[75,41.996]],["parent/563",[258,5.132]],["name/564",[198,59.546]],["parent/564",[258,5.132]],["name/565",[199,51.982]],["parent/565",[258,5.132]],["name/566",[200,57.228]],["parent/566",[258,5.132]],["name/567",[201,57.942]],["parent/567",[258,5.132]],["name/568",[202,66.923]],["parent/568",[258,5.132]],["name/569",[203,66.923]],["parent/569",[258,5.132]],["name/570",[204,66.923]],["parent/570",[258,5.132]],["name/571",[259,55.347]],["parent/571",[]],["name/572",[35,43.625]],["parent/572",[259,5.184]],["name/573",[23,28.075]],["parent/573",[259,5.184]],["name/574",[66,42.777]],["parent/574",[260,5.978]],["name/575",[197,57.942]],["parent/575",[260,5.978]],["name/576",[249,71.443]],["parent/576",[260,5.978]],["name/577",[201,57.942]],["parent/577",[260,5.978]],["name/578",[23,28.075]],["parent/578",[260,5.978]],["name/579",[198,59.546]],["parent/579",[260,5.978]],["name/580",[17,51.197]],["parent/580",[260,5.978]],["name/581",[98,53.765]],["parent/581",[259,5.184]],["name/582",[99,56.561]],["parent/582",[259,5.184]],["name/583",[21,41.271]],["parent/583",[259,5.184]],["name/584",[100,53.288]],["parent/584",[259,5.184]],["name/585",[75,41.996]],["parent/585",[259,5.184]],["name/586",[261,68.929]],["parent/586",[259,5.184]],["name/587",[262,79.917]],["parent/587",[259,5.184]],["name/588",[263,74.808]],["parent/588",[259,5.184]],["name/589",[200,57.228]],["parent/589",[259,5.184]],["name/590",[264,79.917]],["parent/590",[259,5.184]],["name/591",[71,55.347]],["parent/591",[259,5.184]],["name/592",[265,74.808]],["parent/592",[259,5.184]],["name/593",[22,42.457]],["parent/593",[259,5.184]],["name/594",[23,28.075]],["parent/594",[259,5.184]],["name/595",[266,62.569]],["parent/595",[]],["name/596",[66,42.777]],["parent/596",[266,5.86]],["name/597",[267,71.443]],["parent/597",[266,5.86]],["name/598",[75,41.996]],["parent/598",[266,5.86]],["name/599",[268,63.821]],["parent/599",[266,5.86]],["name/600",[84,42.941]],["parent/600",[266,5.86]],["name/601",[10,36.134]],["parent/601",[266,5.86]],["name/602",[59,43.625]],["parent/602",[266,5.86]],["name/603",[269,59.546]],["parent/603",[]],["name/604",[35,43.625]],["parent/604",[269,5.577]],["name/605",[23,28.075]],["parent/605",[269,5.577]],["name/606",[267,71.443]],["parent/606",[270,6.691]],["name/607",[23,28.075]],["parent/607",[270,6.691]],["name/608",[66,42.777]],["parent/608",[270,6.691]],["name/609",[98,53.765]],["parent/609",[269,5.577]],["name/610",[21,41.271]],["parent/610",[269,5.577]],["name/611",[100,53.288]],["parent/611",[269,5.577]],["name/612",[271,79.917]],["parent/612",[269,5.577]],["name/613",[23,28.075]],["parent/613",[269,5.577]],["name/614",[272,79.917]],["parent/614",[269,5.577]],["name/615",[22,42.457]],["parent/615",[269,5.577]],["name/616",[23,28.075]],["parent/616",[269,5.577]],["name/617",[273,71.443]],["parent/617",[]],["name/618",[273,71.443]],["parent/618",[]],["name/619",[180,71.443]],["parent/619",[273,6.691]],["name/620",[274,56.561]],["parent/620",[]],["name/621",[25,44.552]],["parent/621",[274,5.298]],["name/622",[275,66.923]],["parent/622",[274,5.298]],["name/623",[66,42.777]],["parent/623",[274,5.298]],["name/624",[75,41.996]],["parent/624",[274,5.298]],["name/625",[268,63.821]],["parent/625",[274,5.298]],["name/626",[276,74.808]],["parent/626",[274,5.298]],["name/627",[84,42.941]],["parent/627",[274,5.298]],["name/628",[10,36.134]],["parent/628",[274,5.298]],["name/629",[59,43.625]],["parent/629",[274,5.298]],["name/630",[277,74.808]],["parent/630",[274,5.298]],["name/631",[90,50.469]],["parent/631",[274,5.298]],["name/632",[6,46.24]],["parent/632",[274,5.298]],["name/633",[175,65.252]],["parent/633",[274,5.298]],["name/634",[176,63.821]],["parent/634",[274,5.298]],["name/635",[278,68.929]],["parent/635",[]],["name/636",[172,66.923]],["parent/636",[278,6.456]],["name/637",[279,79.917]],["parent/637",[278,6.456]],["name/638",[280,74.808]],["parent/638",[278,6.456]],["name/639",[281,57.228]],["parent/639",[]],["name/640",[275,66.923]],["parent/640",[281,5.36]],["name/641",[66,42.777]],["parent/641",[281,5.36]],["name/642",[75,41.996]],["parent/642",[281,5.36]],["name/643",[268,63.821]],["parent/643",[281,5.36]],["name/644",[276,74.808]],["parent/644",[281,5.36]],["name/645",[84,42.941]],["parent/645",[281,5.36]],["name/646",[10,36.134]],["parent/646",[281,5.36]],["name/647",[59,43.625]],["parent/647",[281,5.36]],["name/648",[277,74.808]],["parent/648",[281,5.36]],["name/649",[90,50.469]],["parent/649",[281,5.36]],["name/650",[6,46.24]],["parent/650",[281,5.36]],["name/651",[175,65.252]],["parent/651",[281,5.36]],["name/652",[176,63.821]],["parent/652",[281,5.36]],["name/653",[282,58.712]],["parent/653",[]],["name/654",[283,65.252]],["parent/654",[282,5.499]],["name/655",[284,79.917]],["parent/655",[282,5.499]],["name/656",[285,74.808]],["parent/656",[282,5.499]],["name/657",[286,79.917]],["parent/657",[282,5.499]],["name/658",[287,79.917]],["parent/658",[282,5.499]],["name/659",[288,61.457]],["parent/659",[282,5.499]],["name/660",[289,79.917]],["parent/660",[282,5.499]],["name/661",[290,79.917]],["parent/661",[282,5.499]],["name/662",[291,74.808]],["parent/662",[282,5.499]],["name/663",[292,66.923]],["parent/663",[282,5.499]],["name/664",[10,36.134]],["parent/664",[282,5.499]],["name/665",[293,71.443]],["parent/665",[]],["name/666",[294,79.917]],["parent/666",[293,6.691]],["name/667",[295,79.917]],["parent/667",[293,6.691]],["name/668",[296,52.399]],["parent/668",[]],["name/669",[35,43.625]],["parent/669",[296,4.908]],["name/670",[21,41.271]],["parent/670",[296,4.908]],["name/671",[297,79.917]],["parent/671",[296,4.908]],["name/672",[298,79.917]],["parent/672",[296,4.908]],["name/673",[299,79.917]],["parent/673",[296,4.908]],["name/674",[300,79.917]],["parent/674",[296,4.908]],["name/675",[64,57.942]],["parent/675",[296,4.908]],["name/676",[44,54.791]],["parent/676",[296,4.908]],["name/677",[45,58.712]],["parent/677",[296,4.908]],["name/678",[301,79.917]],["parent/678",[296,4.908]],["name/679",[302,79.917]],["parent/679",[296,4.908]],["name/680",[303,79.917]],["parent/680",[296,4.908]],["name/681",[304,79.917]],["parent/681",[296,4.908]],["name/682",[305,79.917]],["parent/682",[296,4.908]],["name/683",[306,79.917]],["parent/683",[296,4.908]],["name/684",[296,52.399]],["parent/684",[296,4.908]],["name/685",[307,79.917]],["parent/685",[296,4.908]],["name/686",[308,79.917]],["parent/686",[296,4.908]],["name/687",[309,79.917]],["parent/687",[296,4.908]],["name/688",[22,42.457]],["parent/688",[296,4.908]],["name/689",[23,28.075]],["parent/689",[296,4.908]],["name/690",[310,62.569]],["parent/690",[]],["name/691",[311,71.443]],["parent/691",[310,5.86]],["name/692",[312,74.808]],["parent/692",[310,5.86]],["name/693",[84,42.941]],["parent/693",[310,5.86]],["name/694",[28,56.561]],["parent/694",[310,5.86]],["name/695",[313,68.929]],["parent/695",[310,5.86]],["name/696",[10,36.134]],["parent/696",[310,5.86]],["name/697",[314,71.443]],["parent/697",[310,5.86]],["name/698",[315,62.569]],["parent/698",[]],["name/699",[311,71.443]],["parent/699",[315,5.86]],["name/700",[312,74.808]],["parent/700",[315,5.86]],["name/701",[84,42.941]],["parent/701",[315,5.86]],["name/702",[28,56.561]],["parent/702",[315,5.86]],["name/703",[313,68.929]],["parent/703",[315,5.86]],["name/704",[10,36.134]],["parent/704",[315,5.86]],["name/705",[314,71.443]],["parent/705",[315,5.86]],["name/706",[316,79.917]],["parent/706",[]],["name/707",[233,61.457]],["parent/707",[]],["name/708",[35,43.625]],["parent/708",[233,5.756]],["name/709",[23,28.075]],["parent/709",[233,5.756]],["name/710",[28,56.561]],["parent/710",[317,6.691]],["name/711",[313,68.929]],["parent/711",[317,6.691]],["name/712",[311,71.443]],["parent/712",[317,6.691]],["name/713",[318,74.808]],["parent/713",[233,5.756]],["name/714",[21,41.271]],["parent/714",[233,5.756]],["name/715",[22,42.457]],["parent/715",[233,5.756]],["name/716",[84,42.941]],["parent/716",[233,5.756]],["name/717",[23,28.075]],["parent/717",[233,5.756]],["name/718",[319,57.228]],["parent/718",[]],["name/719",[17,51.197]],["parent/719",[319,5.36]],["name/720",[75,41.996]],["parent/720",[319,5.36]],["name/721",[320,74.808]],["parent/721",[319,5.36]],["name/722",[59,43.625]],["parent/722",[319,5.36]],["name/723",[10,36.134]],["parent/723",[319,5.36]],["name/724",[76,65.252]],["parent/724",[319,5.36]],["name/725",[84,42.941]],["parent/725",[319,5.36]],["name/726",[321,79.917]],["parent/726",[319,5.36]],["name/727",[313,68.929]],["parent/727",[319,5.36]],["name/728",[314,71.443]],["parent/728",[319,5.36]],["name/729",[322,79.917]],["parent/729",[319,5.36]],["name/730",[28,56.561]],["parent/730",[319,5.36]],["name/731",[291,74.808]],["parent/731",[319,5.36]],["name/732",[323,59.546]],["parent/732",[]],["name/733",[35,43.625]],["parent/733",[323,5.577]],["name/734",[23,28.075]],["parent/734",[323,5.577]],["name/735",[320,74.808]],["parent/735",[324,7.007]],["name/736",[98,53.765]],["parent/736",[323,5.577]],["name/737",[21,41.271]],["parent/737",[323,5.577]],["name/738",[100,53.288]],["parent/738",[323,5.577]],["name/739",[37,54.791]],["parent/739",[323,5.577]],["name/740",[23,28.075]],["parent/740",[323,5.577]],["name/741",[325,79.917]],["parent/741",[324,7.007]],["name/742",[22,42.457]],["parent/742",[323,5.577]],["name/743",[326,68.929]],["parent/743",[323,5.577]],["name/744",[23,28.075]],["parent/744",[323,5.577]],["name/745",[327,71.443]],["parent/745",[]],["name/746",[328,79.917]],["parent/746",[]],["name/747",[329,61.457]],["parent/747",[]],["name/748",[330,66.923]],["parent/748",[329,5.756]],["name/749",[331,74.808]],["parent/749",[329,5.756]],["name/750",[25,44.552]],["parent/750",[329,5.756]],["name/751",[327,71.443]],["parent/751",[329,5.756]],["name/752",[84,42.941]],["parent/752",[329,5.756]],["name/753",[10,36.134]],["parent/753",[329,5.756]],["name/754",[332,74.808]],["parent/754",[329,5.756]],["name/755",[75,41.996]],["parent/755",[329,5.756]],["name/756",[333,57.228]],["parent/756",[]],["name/757",[35,43.625]],["parent/757",[333,5.36]],["name/758",[23,28.075]],["parent/758",[333,5.36]],["name/759",[331,74.808]],["parent/759",[334,5.978]],["name/760",[84,42.941]],["parent/760",[334,5.978]],["name/761",[10,36.134]],["parent/761",[334,5.978]],["name/762",[332,74.808]],["parent/762",[334,5.978]],["name/763",[25,44.552]],["parent/763",[334,5.978]],["name/764",[327,71.443]],["parent/764",[334,5.978]],["name/765",[335,79.917]],["parent/765",[333,5.36]],["name/766",[98,53.765]],["parent/766",[333,5.36]],["name/767",[21,41.271]],["parent/767",[333,5.36]],["name/768",[37,54.791]],["parent/768",[333,5.36]],["name/769",[23,28.075]],["parent/769",[333,5.36]],["name/770",[336,79.917]],["parent/770",[334,5.978]],["name/771",[100,53.288]],["parent/771",[333,5.36]],["name/772",[75,41.996]],["parent/772",[333,5.36]],["name/773",[337,79.917]],["parent/773",[333,5.36]],["name/774",[338,79.917]],["parent/774",[333,5.36]],["name/775",[22,42.457]],["parent/775",[333,5.36]],["name/776",[23,28.075]],["parent/776",[333,5.36]],["name/777",[339,66.923]],["parent/777",[]],["name/778",[283,65.252]],["parent/778",[339,6.268]],["name/779",[71,55.347]],["parent/779",[339,6.268]],["name/780",[340,74.808]],["parent/780",[339,6.268]],["name/781",[341,74.808]],["parent/781",[339,6.268]],["name/782",[342,58.712]],["parent/782",[]],["name/783",[35,43.625]],["parent/783",[342,5.499]],["name/784",[23,28.075]],["parent/784",[342,5.499]],["name/785",[340,74.808]],["parent/785",[343,7.007]],["name/786",[341,74.808]],["parent/786",[343,7.007]],["name/787",[21,41.271]],["parent/787",[342,5.499]],["name/788",[344,79.917]],["parent/788",[342,5.499]],["name/789",[345,79.917]],["parent/789",[342,5.499]],["name/790",[22,42.457]],["parent/790",[342,5.499]],["name/791",[23,28.075]],["parent/791",[342,5.499]],["name/792",[346,79.917]],["parent/792",[]],["name/793",[347,74.808]],["parent/793",[]],["name/794",[348,79.917]],["parent/794",[]],["name/795",[349,79.917]],["parent/795",[]],["name/796",[350,74.808]],["parent/796",[]],["name/797",[23,28.075]],["parent/797",[350,7.007]],["name/798",[351,79.917]],["parent/798",[]],["name/799",[352,68.929]],["parent/799",[]],["name/800",[353,79.917]],["parent/800",[352,6.456]],["name/801",[354,79.917]],["parent/801",[352,6.456]],["name/802",[355,71.443]],["parent/802",[352,6.456]],["name/803",[356,79.917]],["parent/803",[]],["name/804",[357,52.834]],["parent/804",[]],["name/805",[358,79.917]],["parent/805",[357,4.948]],["name/806",[359,79.917]],["parent/806",[357,4.948]],["name/807",[360,68.929]],["parent/807",[357,4.948]],["name/808",[361,68.929]],["parent/808",[357,4.948]],["name/809",[362,66.923]],["parent/809",[357,4.948]],["name/810",[363,79.917]],["parent/810",[357,4.948]],["name/811",[364,79.917]],["parent/811",[357,4.948]],["name/812",[365,79.917]],["parent/812",[357,4.948]],["name/813",[366,79.917]],["parent/813",[357,4.948]],["name/814",[367,74.808]],["parent/814",[357,4.948]],["name/815",[368,79.917]],["parent/815",[357,4.948]],["name/816",[369,79.917]],["parent/816",[357,4.948]],["name/817",[370,79.917]],["parent/817",[357,4.948]],["name/818",[347,74.808]],["parent/818",[357,4.948]],["name/819",[371,71.443]],["parent/819",[357,4.948]],["name/820",[372,79.917]],["parent/820",[357,4.948]],["name/821",[373,74.808]],["parent/821",[357,4.948]],["name/822",[374,79.917]],["parent/822",[357,4.948]],["name/823",[375,79.917]],["parent/823",[357,4.948]],["name/824",[376,74.808]],["parent/824",[357,4.948]],["name/825",[377,74.808]],["parent/825",[357,4.948]],["name/826",[378,54.791]],["parent/826",[]],["name/827",[361,68.929]],["parent/827",[378,5.132]],["name/828",[10,36.134]],["parent/828",[378,5.132]],["name/829",[19,49.791]],["parent/829",[378,5.132]],["name/830",[81,52.399]],["parent/830",[378,5.132]],["name/831",[66,42.777]],["parent/831",[378,5.132]],["name/832",[75,41.996]],["parent/832",[378,5.132]],["name/833",[90,50.469]],["parent/833",[378,5.132]],["name/834",[168,52.834]],["parent/834",[378,5.132]],["name/835",[379,63.821]],["parent/835",[378,5.132]],["name/836",[380,61.457]],["parent/836",[378,5.132]],["name/837",[381,74.808]],["parent/837",[378,5.132]],["name/838",[382,63.821]],["parent/838",[378,5.132]],["name/839",[383,55.935]],["parent/839",[378,5.132]],["name/840",[384,61.457]],["parent/840",[378,5.132]],["name/841",[385,61.457]],["parent/841",[378,5.132]],["name/842",[386,61.457]],["parent/842",[378,5.132]],["name/843",[84,42.941]],["parent/843",[378,5.132]],["name/844",[387,79.917]],["parent/844",[]],["name/845",[388,71.443]],["parent/845",[]],["name/846",[388,71.443]],["parent/846",[]],["name/847",[35,43.625]],["parent/847",[388,6.691]],["name/848",[389,53.288]],["parent/848",[]],["name/849",[168,52.834]],["parent/849",[389,4.991]],["name/850",[81,52.399]],["parent/850",[389,4.991]],["name/851",[66,42.777]],["parent/851",[389,4.991]],["name/852",[84,42.941]],["parent/852",[389,4.991]],["name/853",[390,74.808]],["parent/853",[389,4.991]],["name/854",[96,51.582]],["parent/854",[389,4.991]],["name/855",[362,66.923]],["parent/855",[389,4.991]],["name/856",[380,61.457]],["parent/856",[389,4.991]],["name/857",[19,49.791]],["parent/857",[389,4.991]],["name/858",[391,74.808]],["parent/858",[389,4.991]],["name/859",[392,74.808]],["parent/859",[389,4.991]],["name/860",[393,74.808]],["parent/860",[389,4.991]],["name/861",[394,74.808]],["parent/861",[389,4.991]],["name/862",[395,74.808]],["parent/862",[389,4.991]],["name/863",[383,55.935]],["parent/863",[389,4.991]],["name/864",[75,41.996]],["parent/864",[389,4.991]],["name/865",[384,61.457]],["parent/865",[389,4.991]],["name/866",[385,61.457]],["parent/866",[389,4.991]],["name/867",[90,50.469]],["parent/867",[389,4.991]],["name/868",[10,36.134]],["parent/868",[389,4.991]],["name/869",[396,79.917]],["parent/869",[]],["name/870",[397,53.288]],["parent/870",[]],["name/871",[361,68.929]],["parent/871",[397,4.991]],["name/872",[362,66.923]],["parent/872",[397,4.991]],["name/873",[360,68.929]],["parent/873",[397,4.991]],["name/874",[376,74.808]],["parent/874",[397,4.991]],["name/875",[377,74.808]],["parent/875",[397,4.991]],["name/876",[10,36.134]],["parent/876",[397,4.991]],["name/877",[19,49.791]],["parent/877",[397,4.991]],["name/878",[81,52.399]],["parent/878",[397,4.991]],["name/879",[66,42.777]],["parent/879",[397,4.991]],["name/880",[75,41.996]],["parent/880",[397,4.991]],["name/881",[90,50.469]],["parent/881",[397,4.991]],["name/882",[168,52.834]],["parent/882",[397,4.991]],["name/883",[379,63.821]],["parent/883",[397,4.991]],["name/884",[380,61.457]],["parent/884",[397,4.991]],["name/885",[382,63.821]],["parent/885",[397,4.991]],["name/886",[383,55.935]],["parent/886",[397,4.991]],["name/887",[384,61.457]],["parent/887",[397,4.991]],["name/888",[385,61.457]],["parent/888",[397,4.991]],["name/889",[386,61.457]],["parent/889",[397,4.991]],["name/890",[84,42.941]],["parent/890",[397,4.991]],["name/891",[398,79.917]],["parent/891",[]],["name/892",[399,53.765]],["parent/892",[]],["name/893",[361,68.929]],["parent/893",[399,5.036]],["name/894",[362,66.923]],["parent/894",[399,5.036]],["name/895",[360,68.929]],["parent/895",[399,5.036]],["name/896",[10,36.134]],["parent/896",[399,5.036]],["name/897",[19,49.791]],["parent/897",[399,5.036]],["name/898",[81,52.399]],["parent/898",[399,5.036]],["name/899",[66,42.777]],["parent/899",[399,5.036]],["name/900",[75,41.996]],["parent/900",[399,5.036]],["name/901",[90,50.469]],["parent/901",[399,5.036]],["name/902",[168,52.834]],["parent/902",[399,5.036]],["name/903",[379,63.821]],["parent/903",[399,5.036]],["name/904",[380,61.457]],["parent/904",[399,5.036]],["name/905",[381,74.808]],["parent/905",[399,5.036]],["name/906",[382,63.821]],["parent/906",[399,5.036]],["name/907",[383,55.935]],["parent/907",[399,5.036]],["name/908",[384,61.457]],["parent/908",[399,5.036]],["name/909",[385,61.457]],["parent/909",[399,5.036]],["name/910",[386,61.457]],["parent/910",[399,5.036]],["name/911",[84,42.941]],["parent/911",[399,5.036]],["name/912",[400,79.917]],["parent/912",[]],["name/913",[401,55.935]],["parent/913",[]],["name/914",[10,36.134]],["parent/914",[401,5.239]],["name/915",[19,49.791]],["parent/915",[401,5.239]],["name/916",[81,52.399]],["parent/916",[401,5.239]],["name/917",[66,42.777]],["parent/917",[401,5.239]],["name/918",[75,41.996]],["parent/918",[401,5.239]],["name/919",[90,50.469]],["parent/919",[401,5.239]],["name/920",[168,52.834]],["parent/920",[401,5.239]],["name/921",[379,63.821]],["parent/921",[401,5.239]],["name/922",[380,61.457]],["parent/922",[401,5.239]],["name/923",[382,63.821]],["parent/923",[401,5.239]],["name/924",[383,55.935]],["parent/924",[401,5.239]],["name/925",[384,61.457]],["parent/925",[401,5.239]],["name/926",[385,61.457]],["parent/926",[401,5.239]],["name/927",[386,61.457]],["parent/927",[401,5.239]],["name/928",[84,42.941]],["parent/928",[401,5.239]],["name/929",[402,79.917]],["parent/929",[]],["name/930",[403,55.935]],["parent/930",[]],["name/931",[10,36.134]],["parent/931",[403,5.239]],["name/932",[19,49.791]],["parent/932",[403,5.239]],["name/933",[81,52.399]],["parent/933",[403,5.239]],["name/934",[66,42.777]],["parent/934",[403,5.239]],["name/935",[75,41.996]],["parent/935",[403,5.239]],["name/936",[90,50.469]],["parent/936",[403,5.239]],["name/937",[168,52.834]],["parent/937",[403,5.239]],["name/938",[379,63.821]],["parent/938",[403,5.239]],["name/939",[380,61.457]],["parent/939",[403,5.239]],["name/940",[382,63.821]],["parent/940",[403,5.239]],["name/941",[383,55.935]],["parent/941",[403,5.239]],["name/942",[384,61.457]],["parent/942",[403,5.239]],["name/943",[385,61.457]],["parent/943",[403,5.239]],["name/944",[386,61.457]],["parent/944",[403,5.239]],["name/945",[84,42.941]],["parent/945",[403,5.239]],["name/946",[404,79.917]],["parent/946",[]],["name/947",[405,79.917]],["parent/947",[]],["name/948",[406,66.923]],["parent/948",[]],["name/949",[407,53.288]],["parent/949",[]],["name/950",[380,61.457]],["parent/950",[407,4.991]],["name/951",[19,49.791]],["parent/951",[407,4.991]],["name/952",[168,52.834]],["parent/952",[407,4.991]],["name/953",[81,52.399]],["parent/953",[407,4.991]],["name/954",[66,42.777]],["parent/954",[407,4.991]],["name/955",[84,42.941]],["parent/955",[407,4.991]],["name/956",[390,74.808]],["parent/956",[407,4.991]],["name/957",[96,51.582]],["parent/957",[407,4.991]],["name/958",[362,66.923]],["parent/958",[407,4.991]],["name/959",[391,74.808]],["parent/959",[407,4.991]],["name/960",[392,74.808]],["parent/960",[407,4.991]],["name/961",[393,74.808]],["parent/961",[407,4.991]],["name/962",[394,74.808]],["parent/962",[407,4.991]],["name/963",[395,74.808]],["parent/963",[407,4.991]],["name/964",[383,55.935]],["parent/964",[407,4.991]],["name/965",[75,41.996]],["parent/965",[407,4.991]],["name/966",[384,61.457]],["parent/966",[407,4.991]],["name/967",[385,61.457]],["parent/967",[407,4.991]],["name/968",[90,50.469]],["parent/968",[407,4.991]],["name/969",[10,36.134]],["parent/969",[407,4.991]],["name/970",[408,79.917]],["parent/970",[]],["name/971",[409,62.569]],["parent/971",[]],["name/972",[410,79.917]],["parent/972",[409,5.86]],["name/973",[411,79.917]],["parent/973",[409,5.86]],["name/974",[412,79.917]],["parent/974",[409,5.86]],["name/975",[413,79.917]],["parent/975",[409,5.86]],["name/976",[414,79.917]],["parent/976",[409,5.86]],["name/977",[415,79.917]],["parent/977",[409,5.86]],["name/978",[416,79.917]],["parent/978",[409,5.86]],["name/979",[417,54.791]],["parent/979",[]],["name/980",[360,68.929]],["parent/980",[417,5.132]],["name/981",[418,79.917]],["parent/981",[417,5.132]],["name/982",[10,36.134]],["parent/982",[417,5.132]],["name/983",[19,49.791]],["parent/983",[417,5.132]],["name/984",[81,52.399]],["parent/984",[417,5.132]],["name/985",[66,42.777]],["parent/985",[417,5.132]],["name/986",[75,41.996]],["parent/986",[417,5.132]],["name/987",[90,50.469]],["parent/987",[417,5.132]],["name/988",[168,52.834]],["parent/988",[417,5.132]],["name/989",[379,63.821]],["parent/989",[417,5.132]],["name/990",[380,61.457]],["parent/990",[417,5.132]],["name/991",[382,63.821]],["parent/991",[417,5.132]],["name/992",[383,55.935]],["parent/992",[417,5.132]],["name/993",[384,61.457]],["parent/993",[417,5.132]],["name/994",[385,61.457]],["parent/994",[417,5.132]],["name/995",[386,61.457]],["parent/995",[417,5.132]],["name/996",[84,42.941]],["parent/996",[417,5.132]],["name/997",[419,79.917]],["parent/997",[]],["name/998",[420,55.935]],["parent/998",[]],["name/999",[10,36.134]],["parent/999",[420,5.239]],["name/1000",[19,49.791]],["parent/1000",[420,5.239]],["name/1001",[81,52.399]],["parent/1001",[420,5.239]],["name/1002",[66,42.777]],["parent/1002",[420,5.239]],["name/1003",[75,41.996]],["parent/1003",[420,5.239]],["name/1004",[90,50.469]],["parent/1004",[420,5.239]],["name/1005",[168,52.834]],["parent/1005",[420,5.239]],["name/1006",[379,63.821]],["parent/1006",[420,5.239]],["name/1007",[380,61.457]],["parent/1007",[420,5.239]],["name/1008",[382,63.821]],["parent/1008",[420,5.239]],["name/1009",[383,55.935]],["parent/1009",[420,5.239]],["name/1010",[384,61.457]],["parent/1010",[420,5.239]],["name/1011",[385,61.457]],["parent/1011",[420,5.239]],["name/1012",[386,61.457]],["parent/1012",[420,5.239]],["name/1013",[84,42.941]],["parent/1013",[420,5.239]],["name/1014",[421,79.917]],["parent/1014",[]],["name/1015",[422,79.917]],["parent/1015",[]],["name/1016",[423,79.917]],["parent/1016",[]],["name/1017",[424,74.808]],["parent/1017",[]],["name/1018",[23,28.075]],["parent/1018",[424,7.007]],["name/1019",[425,71.443]],["parent/1019",[]],["name/1020",[283,65.252]],["parent/1020",[425,6.691]],["name/1021",[66,42.777]],["parent/1021",[425,6.691]],["name/1022",[426,58.712]],["parent/1022",[]],["name/1023",[84,42.941]],["parent/1023",[426,5.499]],["name/1024",[66,42.777]],["parent/1024",[426,5.499]],["name/1025",[386,61.457]],["parent/1025",[426,5.499]],["name/1026",[383,55.935]],["parent/1026",[426,5.499]],["name/1027",[427,79.917]],["parent/1027",[426,5.499]],["name/1028",[428,79.917]],["parent/1028",[426,5.499]],["name/1029",[429,74.808]],["parent/1029",[426,5.499]],["name/1030",[430,79.917]],["parent/1030",[426,5.499]],["name/1031",[431,58.712]],["parent/1031",[426,5.499]],["name/1032",[432,59.546]],["parent/1032",[426,5.499]],["name/1033",[10,36.134]],["parent/1033",[426,5.499]],["name/1034",[433,62.569]],["parent/1034",[]],["name/1035",[35,43.625]],["parent/1035",[433,5.86]],["name/1036",[23,28.075]],["parent/1036",[433,5.86]],["name/1037",[10,36.134]],["parent/1037",[434,5.978]],["name/1038",[66,42.777]],["parent/1038",[434,5.978]],["name/1039",[386,61.457]],["parent/1039",[434,5.978]],["name/1040",[383,55.935]],["parent/1040",[434,5.978]],["name/1041",[429,74.808]],["parent/1041",[434,5.978]],["name/1042",[431,58.712]],["parent/1042",[434,5.978]],["name/1043",[432,59.546]],["parent/1043",[434,5.978]],["name/1044",[21,41.271]],["parent/1044",[433,5.86]],["name/1045",[435,79.917]],["parent/1045",[433,5.86]],["name/1046",[436,79.917]],["parent/1046",[433,5.86]],["name/1047",[22,42.457]],["parent/1047",[433,5.86]],["name/1048",[23,28.075]],["parent/1048",[433,5.86]],["name/1049",[437,74.808]],["parent/1049",[]],["name/1050",[438,74.808]],["parent/1050",[]],["name/1051",[439,74.808]],["parent/1051",[]],["name/1052",[440,79.917]],["parent/1052",[439,7.007]],["name/1053",[441,55.347]],["parent/1053",[]],["name/1054",[442,79.917]],["parent/1054",[441,5.184]],["name/1055",[443,79.917]],["parent/1055",[441,5.184]],["name/1056",[444,68.929]],["parent/1056",[441,5.184]],["name/1057",[19,49.791]],["parent/1057",[441,5.184]],["name/1058",[10,36.134]],["parent/1058",[441,5.184]],["name/1059",[6,46.24]],["parent/1059",[441,5.184]],["name/1060",[17,51.197]],["parent/1060",[441,5.184]],["name/1061",[59,43.625]],["parent/1061",[441,5.184]],["name/1062",[140,53.765]],["parent/1062",[441,5.184]],["name/1063",[199,51.982]],["parent/1063",[441,5.184]],["name/1064",[445,71.443]],["parent/1064",[441,5.184]],["name/1065",[446,66.923]],["parent/1065",[441,5.184]],["name/1066",[447,71.443]],["parent/1066",[441,5.184]],["name/1067",[448,66.923]],["parent/1067",[441,5.184]],["name/1068",[449,74.808]],["parent/1068",[441,5.184]],["name/1069",[450,74.808]],["parent/1069",[441,5.184]],["name/1070",[451,57.228]],["parent/1070",[]],["name/1071",[17,51.197]],["parent/1071",[451,5.36]],["name/1072",[6,46.24]],["parent/1072",[451,5.36]],["name/1073",[445,71.443]],["parent/1073",[451,5.36]],["name/1074",[199,51.982]],["parent/1074",[451,5.36]],["name/1075",[446,66.923]],["parent/1075",[451,5.36]],["name/1076",[19,49.791]],["parent/1076",[451,5.36]],["name/1077",[447,71.443]],["parent/1077",[451,5.36]],["name/1078",[448,66.923]],["parent/1078",[451,5.36]],["name/1079",[10,36.134]],["parent/1079",[451,5.36]],["name/1080",[59,43.625]],["parent/1080",[451,5.36]],["name/1081",[140,53.765]],["parent/1081",[451,5.36]],["name/1082",[449,74.808]],["parent/1082",[451,5.36]],["name/1083",[450,74.808]],["parent/1083",[451,5.36]],["name/1084",[452,71.443]],["parent/1084",[]],["name/1085",[453,79.917]],["parent/1085",[452,6.691]],["name/1086",[454,79.917]],["parent/1086",[452,6.691]],["name/1087",[455,57.228]],["parent/1087",[]],["name/1088",[35,43.625]],["parent/1088",[455,5.36]],["name/1089",[23,28.075]],["parent/1089",[455,5.36]],["name/1090",[19,49.791]],["parent/1090",[456,5.577]],["name/1091",[199,51.982]],["parent/1091",[456,5.577]],["name/1092",[10,36.134]],["parent/1092",[456,5.577]],["name/1093",[59,43.625]],["parent/1093",[456,5.577]],["name/1094",[23,28.075]],["parent/1094",[456,5.577]],["name/1095",[140,53.765]],["parent/1095",[456,5.577]],["name/1096",[17,51.197]],["parent/1096",[456,5.577]],["name/1097",[446,66.923]],["parent/1097",[456,5.577]],["name/1098",[447,71.443]],["parent/1098",[456,5.577]],["name/1099",[448,66.923]],["parent/1099",[456,5.577]],["name/1100",[445,71.443]],["parent/1100",[456,5.577]],["name/1101",[438,74.808]],["parent/1101",[455,5.36]],["name/1102",[23,28.075]],["parent/1102",[455,5.36]],["name/1103",[437,74.808]],["parent/1103",[455,5.36]],["name/1104",[23,28.075]],["parent/1104",[455,5.36]],["name/1105",[99,56.561]],["parent/1105",[455,5.36]],["name/1106",[21,41.271]],["parent/1106",[455,5.36]],["name/1107",[457,79.917]],["parent/1107",[455,5.36]],["name/1108",[19,49.791]],["parent/1108",[455,5.36]],["name/1109",[458,79.917]],["parent/1109",[455,5.36]],["name/1110",[22,42.457]],["parent/1110",[455,5.36]],["name/1111",[23,28.075]],["parent/1111",[455,5.36]],["name/1112",[459,74.808]],["parent/1112",[]],["name/1113",[66,42.777]],["parent/1113",[459,7.007]],["name/1114",[460,74.808]],["parent/1114",[]],["name/1115",[66,42.777]],["parent/1115",[460,7.007]],["name/1116",[461,79.917]],["parent/1116",[]],["name/1117",[75,41.996]],["parent/1117",[]],["name/1118",[462,79.917]],["parent/1118",[]],["name/1119",[463,71.443]],["parent/1119",[]],["name/1120",[463,71.443]],["parent/1120",[]],["name/1121",[35,43.625]],["parent/1121",[463,6.691]],["name/1122",[464,79.917]],["parent/1122",[]],["name/1123",[465,79.917]],["parent/1123",[]],["name/1124",[466,79.917]],["parent/1124",[]],["name/1125",[467,79.917]],["parent/1125",[]],["name/1126",[468,79.917]],["parent/1126",[]],["name/1127",[469,79.917]],["parent/1127",[]],["name/1128",[470,79.917]],["parent/1128",[]],["name/1129",[471,71.443]],["parent/1129",[]],["name/1130",[472,79.917]],["parent/1130",[]],["name/1131",[473,71.443]],["parent/1131",[]],["name/1132",[474,71.443]],["parent/1132",[473,6.691]],["name/1133",[17,51.197]],["parent/1133",[473,6.691]],["name/1134",[475,79.917]],["parent/1134",[]],["name/1135",[476,79.917]],["parent/1135",[]],["name/1136",[477,74.808]],["parent/1136",[]],["name/1137",[474,71.443]],["parent/1137",[477,7.007]],["name/1138",[478,79.917]],["parent/1138",[]],["name/1139",[479,63.821]],["parent/1139",[]],["name/1140",[480,74.808]],["parent/1140",[479,5.978]],["name/1141",[481,79.917]],["parent/1141",[479,5.978]],["name/1142",[3,74.808]],["parent/1142",[479,5.978]],["name/1143",[482,79.917]],["parent/1143",[479,5.978]],["name/1144",[483,79.917]],["parent/1144",[479,5.978]],["name/1145",[84,42.941]],["parent/1145",[479,5.978]],["name/1146",[484,68.929]],["parent/1146",[]],["name/1147",[484,68.929]],["parent/1147",[]],["name/1148",[485,79.917]],["parent/1148",[484,6.456]],["name/1149",[486,71.443]],["parent/1149",[484,6.456]],["name/1150",[487,79.917]],["parent/1150",[]],["name/1151",[488,71.443]],["parent/1151",[]],["name/1152",[489,57.942]],["parent/1152",[488,6.691]],["name/1153",[490,79.917]],["parent/1153",[488,6.691]],["name/1154",[491,71.443]],["parent/1154",[]],["name/1155",[492,61.457]],["parent/1155",[491,6.691]],["name/1156",[493,68.929]],["parent/1156",[491,6.691]],["name/1157",[494,57.942]],["parent/1157",[]],["name/1158",[35,43.625]],["parent/1158",[494,5.427]],["name/1159",[23,28.075]],["parent/1159",[494,5.427]],["name/1160",[493,68.929]],["parent/1160",[495,6.456]],["name/1161",[23,28.075]],["parent/1161",[495,6.456]],["name/1162",[496,74.808]],["parent/1162",[494,5.427]],["name/1163",[23,28.075]],["parent/1163",[494,5.427]],["name/1164",[497,79.917]],["parent/1164",[494,5.427]],["name/1165",[23,28.075]],["parent/1165",[494,5.427]],["name/1166",[21,41.271]],["parent/1166",[494,5.427]],["name/1167",[37,54.791]],["parent/1167",[494,5.427]],["name/1168",[23,28.075]],["parent/1168",[494,5.427]],["name/1169",[489,57.942]],["parent/1169",[495,6.456]],["name/1170",[498,68.929]],["parent/1170",[495,6.456]],["name/1171",[499,79.917]],["parent/1171",[494,5.427]],["name/1172",[22,42.457]],["parent/1172",[494,5.427]],["name/1173",[23,28.075]],["parent/1173",[494,5.427]],["name/1174",[500,71.443]],["parent/1174",[]],["name/1175",[492,61.457]],["parent/1175",[500,6.691]],["name/1176",[493,68.929]],["parent/1176",[500,6.691]],["name/1177",[496,74.808]],["parent/1177",[]],["name/1178",[501,68.929]],["parent/1178",[]],["name/1179",[502,79.917]],["parent/1179",[501,6.456]],["name/1180",[493,68.929]],["parent/1180",[501,6.456]],["name/1181",[492,61.457]],["parent/1181",[501,6.456]],["name/1182",[503,79.917]],["parent/1182",[]],["name/1183",[504,79.917]],["parent/1183",[]],["name/1184",[505,79.917]],["parent/1184",[]],["name/1185",[506,66.923]],["parent/1185",[]],["name/1186",[172,66.923]],["parent/1186",[506,6.268]],["name/1187",[507,74.808]],["parent/1187",[506,6.268]],["name/1188",[508,74.808]],["parent/1188",[506,6.268]],["name/1189",[197,57.942]],["parent/1189",[506,6.268]],["name/1190",[509,79.917]],["parent/1190",[]],["name/1191",[510,79.917]],["parent/1191",[]],["name/1192",[511,79.917]],["parent/1192",[]],["name/1193",[512,68.929]],["parent/1193",[]],["name/1194",[507,74.808]],["parent/1194",[512,6.456]],["name/1195",[508,74.808]],["parent/1195",[512,6.456]],["name/1196",[197,57.942]],["parent/1196",[512,6.456]],["name/1197",[513,71.443]],["parent/1197",[]],["name/1198",[514,79.917]],["parent/1198",[513,6.691]],["name/1199",[515,79.917]],["parent/1199",[513,6.691]],["name/1200",[516,71.443]],["parent/1200",[]],["name/1201",[517,74.808]],["parent/1201",[516,6.691]],["name/1202",[518,74.808]],["parent/1202",[516,6.691]],["name/1203",[519,79.917]],["parent/1203",[]],["name/1204",[520,68.929]],["parent/1204",[]],["name/1205",[521,74.808]],["parent/1205",[520,6.456]],["name/1206",[518,74.808]],["parent/1206",[520,6.456]],["name/1207",[197,57.942]],["parent/1207",[520,6.456]],["name/1208",[522,79.917]],["parent/1208",[]],["name/1209",[523,51.197]],["parent/1209",[]],["name/1210",[21,41.271]],["parent/1210",[523,4.795]],["name/1211",[524,68.929]],["parent/1211",[523,4.795]],["name/1212",[525,65.252]],["parent/1212",[523,4.795]],["name/1213",[526,68.929]],["parent/1213",[523,4.795]],["name/1214",[527,68.929]],["parent/1214",[523,4.795]],["name/1215",[528,68.929]],["parent/1215",[523,4.795]],["name/1216",[489,57.942]],["parent/1216",[523,4.795]],["name/1217",[529,61.457]],["parent/1217",[523,4.795]],["name/1218",[66,42.777]],["parent/1218",[523,4.795]],["name/1219",[66,42.777]],["parent/1219",[523,4.795]],["name/1220",[530,41.699]],["parent/1220",[523,4.795]],["name/1221",[531,58.712]],["parent/1221",[523,4.795]],["name/1222",[532,68.929]],["parent/1222",[523,4.795]],["name/1223",[533,68.929]],["parent/1223",[523,4.795]],["name/1224",[534,68.929]],["parent/1224",[523,4.795]],["name/1225",[535,68.929]],["parent/1225",[523,4.795]],["name/1226",[536,60.456]],["parent/1226",[523,4.795]],["name/1227",[219,65.252]],["parent/1227",[523,4.795]],["name/1228",[537,68.929]],["parent/1228",[523,4.795]],["name/1229",[538,68.929]],["parent/1229",[523,4.795]],["name/1230",[539,68.929]],["parent/1230",[523,4.795]],["name/1231",[540,68.929]],["parent/1231",[523,4.795]],["name/1232",[529,61.457]],["parent/1232",[523,4.795]],["name/1233",[541,68.929]],["parent/1233",[523,4.795]],["name/1234",[489,57.942]],["parent/1234",[523,4.795]],["name/1235",[542,47.462]],["parent/1235",[]],["name/1236",[524,68.929]],["parent/1236",[542,4.445]],["name/1237",[6,46.24]],["parent/1237",[542,4.445]],["name/1238",[526,68.929]],["parent/1238",[542,4.445]],["name/1239",[543,71.443]],["parent/1239",[542,4.445]],["name/1240",[544,60.456]],["parent/1240",[542,4.445]],["name/1241",[66,42.777]],["parent/1241",[542,4.445]],["name/1242",[66,42.777]],["parent/1242",[542,4.445]],["name/1243",[529,61.457]],["parent/1243",[542,4.445]],["name/1244",[545,74.808]],["parent/1244",[542,4.445]],["name/1245",[536,60.456]],["parent/1245",[542,4.445]],["name/1246",[219,65.252]],["parent/1246",[542,4.445]],["name/1247",[537,68.929]],["parent/1247",[542,4.445]],["name/1248",[6,46.24]],["parent/1248",[542,4.445]],["name/1249",[546,68.929]],["parent/1249",[542,4.445]],["name/1250",[527,68.929]],["parent/1250",[542,4.445]],["name/1251",[528,68.929]],["parent/1251",[542,4.445]],["name/1252",[535,68.929]],["parent/1252",[542,4.445]],["name/1253",[538,68.929]],["parent/1253",[542,4.445]],["name/1254",[547,74.808]],["parent/1254",[542,4.445]],["name/1255",[548,52.834]],["parent/1255",[542,4.445]],["name/1256",[549,79.917]],["parent/1256",[542,4.445]],["name/1257",[550,79.917]],["parent/1257",[542,4.445]],["name/1258",[551,79.917]],["parent/1258",[542,4.445]],["name/1259",[241,61.457]],["parent/1259",[542,4.445]],["name/1260",[552,79.917]],["parent/1260",[542,4.445]],["name/1261",[539,68.929]],["parent/1261",[542,4.445]],["name/1262",[532,68.929]],["parent/1262",[542,4.445]],["name/1263",[534,68.929]],["parent/1263",[542,4.445]],["name/1264",[533,68.929]],["parent/1264",[542,4.445]],["name/1265",[540,68.929]],["parent/1265",[542,4.445]],["name/1266",[525,65.252]],["parent/1266",[542,4.445]],["name/1267",[489,57.942]],["parent/1267",[542,4.445]],["name/1268",[530,41.699]],["parent/1268",[542,4.445]],["name/1269",[531,58.712]],["parent/1269",[542,4.445]],["name/1270",[529,61.457]],["parent/1270",[542,4.445]],["name/1271",[541,68.929]],["parent/1271",[542,4.445]],["name/1272",[489,57.942]],["parent/1272",[542,4.445]],["name/1273",[553,49.468]],["parent/1273",[]],["name/1274",[524,68.929]],["parent/1274",[553,4.633]],["name/1275",[554,79.917]],["parent/1275",[553,4.633]],["name/1276",[555,79.917]],["parent/1276",[553,4.633]],["name/1277",[543,71.443]],["parent/1277",[553,4.633]],["name/1278",[556,79.917]],["parent/1278",[553,4.633]],["name/1279",[557,79.917]],["parent/1279",[553,4.633]],["name/1280",[544,60.456]],["parent/1280",[553,4.633]],["name/1281",[526,68.929]],["parent/1281",[553,4.633]],["name/1282",[66,42.777]],["parent/1282",[553,4.633]],["name/1283",[529,61.457]],["parent/1283",[553,4.633]],["name/1284",[536,60.456]],["parent/1284",[553,4.633]],["name/1285",[219,65.252]],["parent/1285",[553,4.633]],["name/1286",[537,68.929]],["parent/1286",[553,4.633]],["name/1287",[538,68.929]],["parent/1287",[553,4.633]],["name/1288",[527,68.929]],["parent/1288",[553,4.633]],["name/1289",[528,68.929]],["parent/1289",[553,4.633]],["name/1290",[539,68.929]],["parent/1290",[553,4.633]],["name/1291",[535,68.929]],["parent/1291",[553,4.633]],["name/1292",[532,68.929]],["parent/1292",[553,4.633]],["name/1293",[534,68.929]],["parent/1293",[553,4.633]],["name/1294",[533,68.929]],["parent/1294",[553,4.633]],["name/1295",[540,68.929]],["parent/1295",[553,4.633]],["name/1296",[525,65.252]],["parent/1296",[553,4.633]],["name/1297",[489,57.942]],["parent/1297",[553,4.633]],["name/1298",[66,42.777]],["parent/1298",[553,4.633]],["name/1299",[530,41.699]],["parent/1299",[553,4.633]],["name/1300",[531,58.712]],["parent/1300",[553,4.633]],["name/1301",[529,61.457]],["parent/1301",[553,4.633]],["name/1302",[541,68.929]],["parent/1302",[553,4.633]],["name/1303",[489,57.942]],["parent/1303",[553,4.633]],["name/1304",[558,48.273]],["parent/1304",[]],["name/1305",[524,68.929]],["parent/1305",[558,4.521]],["name/1306",[559,79.917]],["parent/1306",[558,4.521]],["name/1307",[560,79.917]],["parent/1307",[558,4.521]],["name/1308",[6,46.24]],["parent/1308",[558,4.521]],["name/1309",[526,68.929]],["parent/1309",[558,4.521]],["name/1310",[543,71.443]],["parent/1310",[558,4.521]],["name/1311",[544,60.456]],["parent/1311",[558,4.521]],["name/1312",[66,42.777]],["parent/1312",[558,4.521]],["name/1313",[66,42.777]],["parent/1313",[558,4.521]],["name/1314",[529,61.457]],["parent/1314",[558,4.521]],["name/1315",[545,74.808]],["parent/1315",[558,4.521]],["name/1316",[561,79.917]],["parent/1316",[558,4.521]],["name/1317",[538,68.929]],["parent/1317",[558,4.521]],["name/1318",[527,68.929]],["parent/1318",[558,4.521]],["name/1319",[528,68.929]],["parent/1319",[558,4.521]],["name/1320",[562,79.917]],["parent/1320",[558,4.521]],["name/1321",[563,79.917]],["parent/1321",[558,4.521]],["name/1322",[540,68.929]],["parent/1322",[558,4.521]],["name/1323",[535,68.929]],["parent/1323",[558,4.521]],["name/1324",[219,65.252]],["parent/1324",[558,4.521]],["name/1325",[537,68.929]],["parent/1325",[558,4.521]],["name/1326",[536,60.456]],["parent/1326",[558,4.521]],["name/1327",[539,68.929]],["parent/1327",[558,4.521]],["name/1328",[532,68.929]],["parent/1328",[558,4.521]],["name/1329",[534,68.929]],["parent/1329",[558,4.521]],["name/1330",[533,68.929]],["parent/1330",[558,4.521]],["name/1331",[546,68.929]],["parent/1331",[558,4.521]],["name/1332",[525,65.252]],["parent/1332",[558,4.521]],["name/1333",[489,57.942]],["parent/1333",[558,4.521]],["name/1334",[530,41.699]],["parent/1334",[558,4.521]],["name/1335",[531,58.712]],["parent/1335",[558,4.521]],["name/1336",[529,61.457]],["parent/1336",[558,4.521]],["name/1337",[541,68.929]],["parent/1337",[558,4.521]],["name/1338",[489,57.942]],["parent/1338",[558,4.521]],["name/1339",[564,71.443]],["parent/1339",[]],["name/1340",[565,68.929]],["parent/1340",[564,6.691]],["name/1341",[566,79.917]],["parent/1341",[564,6.691]],["name/1342",[567,74.808]],["parent/1342",[]],["name/1343",[531,58.712]],["parent/1343",[567,7.007]],["name/1344",[568,68.929]],["parent/1344",[]],["name/1345",[569,79.917]],["parent/1345",[568,6.456]],["name/1346",[531,58.712]],["parent/1346",[568,6.456]],["name/1347",[570,79.917]],["parent/1347",[568,6.456]],["name/1348",[571,79.917]],["parent/1348",[]],["name/1349",[572,79.917]],["parent/1349",[]],["name/1350",[573,52.399]],["parent/1350",[]],["name/1351",[574,79.917]],["parent/1351",[573,4.908]],["name/1352",[575,79.917]],["parent/1352",[573,4.908]],["name/1353",[431,58.712]],["parent/1353",[573,4.908]],["name/1354",[432,59.546]],["parent/1354",[573,4.908]],["name/1355",[576,66.923]],["parent/1355",[573,4.908]],["name/1356",[577,79.917]],["parent/1356",[573,4.908]],["name/1357",[578,79.917]],["parent/1357",[573,4.908]],["name/1358",[579,79.917]],["parent/1358",[573,4.908]],["name/1359",[580,79.917]],["parent/1359",[573,4.908]],["name/1360",[581,79.917]],["parent/1360",[573,4.908]],["name/1361",[582,79.917]],["parent/1361",[573,4.908]],["name/1362",[583,79.917]],["parent/1362",[584,7.485]],["name/1363",[585,79.917]],["parent/1363",[573,4.908]],["name/1364",[586,68.929]],["parent/1364",[]],["name/1365",[587,74.808]],["parent/1365",[586,6.456]],["name/1366",[588,79.917]],["parent/1366",[586,6.456]],["name/1367",[589,79.917]],["parent/1367",[586,6.456]],["name/1368",[590,61.457]],["parent/1368",[]],["name/1369",[591,71.443]],["parent/1369",[590,5.756]],["name/1370",[592,79.917]],["parent/1370",[590,5.756]],["name/1371",[593,79.917]],["parent/1371",[590,5.756]],["name/1372",[594,79.917]],["parent/1372",[590,5.756]],["name/1373",[595,79.917]],["parent/1373",[590,5.756]],["name/1374",[280,74.808]],["parent/1374",[590,5.756]],["name/1375",[596,74.808]],["parent/1375",[590,5.756]],["name/1376",[597,58.712]],["parent/1376",[]],["name/1377",[598,79.917]],["parent/1377",[597,5.499]],["name/1378",[599,79.917]],["parent/1378",[597,5.499]],["name/1379",[600,79.917]],["parent/1379",[597,5.499]],["name/1380",[601,79.917]],["parent/1380",[597,5.499]],["name/1381",[602,79.917]],["parent/1381",[597,5.499]],["name/1382",[603,79.917]],["parent/1382",[597,5.499]],["name/1383",[604,79.917]],["parent/1383",[597,5.499]],["name/1384",[605,79.917]],["parent/1384",[597,5.499]],["name/1385",[23,28.075]],["parent/1385",[606,7.485]],["name/1386",[607,79.917]],["parent/1386",[597,5.499]],["name/1387",[23,28.075]],["parent/1387",[608,7.485]],["name/1388",[609,79.917]],["parent/1388",[597,5.499]],["name/1389",[610,79.917]],["parent/1389",[597,5.499]],["name/1390",[611,68.929]],["parent/1390",[612,7.007]],["name/1391",[613,68.929]],["parent/1391",[612,7.007]],["name/1392",[614,63.821]],["parent/1392",[]],["name/1393",[21,41.271]],["parent/1393",[614,5.978]],["name/1394",[615,66.923]],["parent/1394",[614,5.978]],["name/1395",[616,66.923]],["parent/1395",[614,5.978]],["name/1396",[544,60.456]],["parent/1396",[614,5.978]],["name/1397",[617,66.923]],["parent/1397",[614,5.978]],["name/1398",[573,52.399]],["parent/1398",[614,5.978]],["name/1399",[618,61.457]],["parent/1399",[]],["name/1400",[21,41.271]],["parent/1400",[618,5.756]],["name/1401",[619,71.443]],["parent/1401",[618,5.756]],["name/1402",[617,66.923]],["parent/1402",[618,5.756]],["name/1403",[620,79.917]],["parent/1403",[618,5.756]],["name/1404",[615,66.923]],["parent/1404",[618,5.756]],["name/1405",[616,66.923]],["parent/1405",[618,5.756]],["name/1406",[544,60.456]],["parent/1406",[618,5.756]],["name/1407",[573,52.399]],["parent/1407",[618,5.756]],["name/1408",[621,62.569]],["parent/1408",[]],["name/1409",[21,41.271]],["parent/1409",[621,5.86]],["name/1410",[622,79.917]],["parent/1410",[621,5.86]],["name/1411",[617,66.923]],["parent/1411",[621,5.86]],["name/1412",[615,66.923]],["parent/1412",[621,5.86]],["name/1413",[616,66.923]],["parent/1413",[621,5.86]],["name/1414",[544,60.456]],["parent/1414",[621,5.86]],["name/1415",[573,52.399]],["parent/1415",[621,5.86]],["name/1416",[623,61.457]],["parent/1416",[]],["name/1417",[21,41.271]],["parent/1417",[623,5.756]],["name/1418",[624,74.808]],["parent/1418",[623,5.756]],["name/1419",[617,66.923]],["parent/1419",[623,5.756]],["name/1420",[546,68.929]],["parent/1420",[623,5.756]],["name/1421",[615,66.923]],["parent/1421",[623,5.756]],["name/1422",[616,66.923]],["parent/1422",[623,5.756]],["name/1423",[544,60.456]],["parent/1423",[623,5.756]],["name/1424",[573,52.399]],["parent/1424",[623,5.756]],["name/1425",[625,61.457]],["parent/1425",[]],["name/1426",[21,41.271]],["parent/1426",[625,5.756]],["name/1427",[617,66.923]],["parent/1427",[625,5.756]],["name/1428",[624,74.808]],["parent/1428",[625,5.756]],["name/1429",[546,68.929]],["parent/1429",[625,5.756]],["name/1430",[615,66.923]],["parent/1430",[625,5.756]],["name/1431",[616,66.923]],["parent/1431",[625,5.756]],["name/1432",[544,60.456]],["parent/1432",[625,5.756]],["name/1433",[573,52.399]],["parent/1433",[625,5.756]],["name/1434",[626,79.917]],["parent/1434",[]],["name/1435",[627,74.808]],["parent/1435",[]],["name/1436",[628,79.917]],["parent/1436",[]],["name/1437",[629,79.917]],["parent/1437",[]],["name/1438",[630,66.923]],["parent/1438",[]],["name/1439",[168,52.834]],["parent/1439",[630,6.268]],["name/1440",[587,74.808]],["parent/1440",[630,6.268]],["name/1441",[631,79.917]],["parent/1441",[630,6.268]],["name/1442",[632,79.917]],["parent/1442",[630,6.268]],["name/1443",[633,65.252]],["parent/1443",[]],["name/1444",[21,41.271]],["parent/1444",[633,6.112]],["name/1445",[565,68.929]],["parent/1445",[633,6.112]],["name/1446",[634,79.917]],["parent/1446",[633,6.112]],["name/1447",[635,79.917]],["parent/1447",[633,6.112]],["name/1448",[636,79.917]],["parent/1448",[633,6.112]],["name/1449",[637,79.917]],["parent/1449",[]],["name/1450",[638,79.917]],["parent/1450",[]],["name/1451",[639,51.982]],["parent/1451",[]],["name/1452",[640,68.929]],["parent/1452",[639,4.869]],["name/1453",[641,79.917]],["parent/1453",[639,4.869]],["name/1454",[642,65.252]],["parent/1454",[639,4.869]],["name/1455",[643,79.917]],["parent/1455",[639,4.869]],["name/1456",[644,79.917]],["parent/1456",[639,4.869]],["name/1457",[645,79.917]],["parent/1457",[639,4.869]],["name/1458",[576,66.923]],["parent/1458",[639,4.869]],["name/1459",[646,63.821]],["parent/1459",[639,4.869]],["name/1460",[647,79.917]],["parent/1460",[639,4.869]],["name/1461",[648,79.917]],["parent/1461",[639,4.869]],["name/1462",[383,55.935]],["parent/1462",[639,4.869]],["name/1463",[649,79.917]],["parent/1463",[639,4.869]],["name/1464",[650,68.929]],["parent/1464",[639,4.869]],["name/1465",[651,74.808]],["parent/1465",[639,4.869]],["name/1466",[10,36.134]],["parent/1466",[639,4.869]],["name/1467",[6,46.24]],["parent/1467",[639,4.869]],["name/1468",[59,43.625]],["parent/1468",[639,4.869]],["name/1469",[209,63.821]],["parent/1469",[639,4.869]],["name/1470",[652,74.808]],["parent/1470",[639,4.869]],["name/1471",[613,68.929]],["parent/1471",[639,4.869]],["name/1472",[611,68.929]],["parent/1472",[639,4.869]],["name/1473",[653,66.923]],["parent/1473",[639,4.869]],["name/1474",[84,42.941]],["parent/1474",[639,4.869]],["name/1475",[654,79.917]],["parent/1475",[]],["name/1476",[655,71.443]],["parent/1476",[]],["name/1477",[529,61.457]],["parent/1477",[655,6.691]],["name/1478",[656,79.917]],["parent/1478",[655,6.691]],["name/1479",[657,79.917]],["parent/1479",[]],["name/1480",[658,79.917]],["parent/1480",[]],["name/1481",[659,79.917]],["parent/1481",[]],["name/1482",[660,79.917]],["parent/1482",[]],["name/1483",[661,79.917]],["parent/1483",[]],["name/1484",[662,79.917]],["parent/1484",[]],["name/1485",[663,79.917]],["parent/1485",[]],["name/1486",[664,79.917]],["parent/1486",[]],["name/1487",[665,79.917]],["parent/1487",[]],["name/1488",[666,79.917]],["parent/1488",[]],["name/1489",[667,79.917]],["parent/1489",[]],["name/1490",[668,79.917]],["parent/1490",[]],["name/1491",[669,79.917]],["parent/1491",[]],["name/1492",[670,79.917]],["parent/1492",[]],["name/1493",[671,79.917]],["parent/1493",[]],["name/1494",[672,79.917]],["parent/1494",[]],["name/1495",[673,79.917]],["parent/1495",[]],["name/1496",[674,79.917]],["parent/1496",[]],["name/1497",[675,79.917]],["parent/1497",[]],["name/1498",[676,79.917]],["parent/1498",[]],["name/1499",[677,79.917]],["parent/1499",[]],["name/1500",[678,79.917]],["parent/1500",[]],["name/1501",[679,79.917]],["parent/1501",[]],["name/1502",[680,79.917]],["parent/1502",[]],["name/1503",[681,79.917]],["parent/1503",[]],["name/1504",[682,79.917]],["parent/1504",[]],["name/1505",[683,79.917]],["parent/1505",[]],["name/1506",[684,79.917]],["parent/1506",[]],["name/1507",[685,79.917]],["parent/1507",[]],["name/1508",[686,79.917]],["parent/1508",[]],["name/1509",[687,79.917]],["parent/1509",[]],["name/1510",[688,79.917]],["parent/1510",[]],["name/1511",[689,79.917]],["parent/1511",[]],["name/1512",[690,79.917]],["parent/1512",[]],["name/1513",[691,79.917]],["parent/1513",[]],["name/1514",[692,79.917]],["parent/1514",[]],["name/1515",[693,79.917]],["parent/1515",[]],["name/1516",[694,79.917]],["parent/1516",[]],["name/1517",[695,79.917]],["parent/1517",[]],["name/1518",[696,79.917]],["parent/1518",[]],["name/1519",[697,79.917]],["parent/1519",[]],["name/1520",[698,79.917]],["parent/1520",[]],["name/1521",[699,79.917]],["parent/1521",[]],["name/1522",[700,79.917]],["parent/1522",[]],["name/1523",[701,79.917]],["parent/1523",[]],["name/1524",[702,63.821]],["parent/1524",[]],["name/1525",[168,52.834]],["parent/1525",[702,5.978]],["name/1526",[619,71.443]],["parent/1526",[702,5.978]],["name/1527",[80,71.443]],["parent/1527",[702,5.978]],["name/1528",[573,52.399]],["parent/1528",[702,5.978]],["name/1529",[525,65.252]],["parent/1529",[702,5.978]],["name/1530",[544,60.456]],["parent/1530",[702,5.978]],["name/1531",[703,66.923]],["parent/1531",[]],["name/1532",[565,68.929]],["parent/1532",[703,6.268]],["name/1533",[573,52.399]],["parent/1533",[703,6.268]],["name/1534",[619,71.443]],["parent/1534",[703,6.268]],["name/1535",[80,71.443]],["parent/1535",[703,6.268]],["name/1536",[704,79.917]],["parent/1536",[]],["name/1537",[705,79.917]],["parent/1537",[]],["name/1538",[646,63.821]],["parent/1538",[]],["name/1539",[706,79.917]],["parent/1539",[646,5.978]],["name/1540",[220,74.808]],["parent/1540",[646,5.978]],["name/1541",[707,79.917]],["parent/1541",[646,5.978]],["name/1542",[596,74.808]],["parent/1542",[646,5.978]],["name/1543",[708,79.917]],["parent/1543",[]],["name/1544",[709,68.929]],["parent/1544",[]],["name/1545",[710,79.917]],["parent/1545",[709,6.456]],["name/1546",[711,79.917]],["parent/1546",[709,6.456]],["name/1547",[712,79.917]],["parent/1547",[709,6.456]],["name/1548",[713,58.712]],["parent/1548",[]],["name/1549",[714,79.917]],["parent/1549",[713,5.499]],["name/1550",[715,65.252]],["parent/1550",[713,5.499]],["name/1551",[530,41.699]],["parent/1551",[713,5.499]],["name/1552",[75,41.996]],["parent/1552",[713,5.499]],["name/1553",[716,79.917]],["parent/1553",[713,5.499]],["name/1554",[717,79.917]],["parent/1554",[713,5.499]],["name/1555",[718,79.917]],["parent/1555",[713,5.499]],["name/1556",[719,79.917]],["parent/1556",[713,5.499]],["name/1557",[720,79.917]],["parent/1557",[713,5.499]],["name/1558",[721,79.917]],["parent/1558",[713,5.499]],["name/1559",[722,79.917]],["parent/1559",[713,5.499]],["name/1560",[530,41.699]],["parent/1560",[]],["name/1561",[723,68.929]],["parent/1561",[530,3.906]],["name/1562",[724,56.561]],["parent/1562",[530,3.906]],["name/1563",[725,79.917]],["parent/1563",[530,3.906]],["name/1564",[23,28.075]],["parent/1564",[530,3.906]],["name/1565",[726,79.917]],["parent/1565",[530,3.906]],["name/1566",[23,28.075]],["parent/1566",[530,3.906]],["name/1567",[727,79.917]],["parent/1567",[530,3.906]],["name/1568",[23,28.075]],["parent/1568",[530,3.906]],["name/1569",[728,79.917]],["parent/1569",[530,3.906]],["name/1570",[23,28.075]],["parent/1570",[530,3.906]],["name/1571",[729,79.917]],["parent/1571",[530,3.906]],["name/1572",[23,28.075]],["parent/1572",[530,3.906]],["name/1573",[730,79.917]],["parent/1573",[530,3.906]],["name/1574",[23,28.075]],["parent/1574",[530,3.906]],["name/1575",[731,79.917]],["parent/1575",[530,3.906]],["name/1576",[23,28.075]],["parent/1576",[530,3.906]],["name/1577",[732,79.917]],["parent/1577",[530,3.906]],["name/1578",[23,28.075]],["parent/1578",[530,3.906]],["name/1579",[733,79.917]],["parent/1579",[530,3.906]],["name/1580",[23,28.075]],["parent/1580",[530,3.906]],["name/1581",[734,79.917]],["parent/1581",[530,3.906]],["name/1582",[23,28.075]],["parent/1582",[530,3.906]],["name/1583",[530,41.699]],["parent/1583",[530,3.906]],["name/1584",[23,28.075]],["parent/1584",[530,3.906]],["name/1585",[735,79.917]],["parent/1585",[530,3.906]],["name/1586",[23,28.075]],["parent/1586",[530,3.906]],["name/1587",[627,74.808]],["parent/1587",[530,3.906]],["name/1588",[23,28.075]],["parent/1588",[530,3.906]],["name/1589",[736,79.917]],["parent/1589",[530,3.906]],["name/1590",[23,28.075]],["parent/1590",[530,3.906]],["name/1591",[737,79.917]],["parent/1591",[530,3.906]],["name/1592",[23,28.075]],["parent/1592",[530,3.906]],["name/1593",[738,79.917]],["parent/1593",[530,3.906]],["name/1594",[23,28.075]],["parent/1594",[530,3.906]],["name/1595",[739,79.917]],["parent/1595",[530,3.906]],["name/1596",[23,28.075]],["parent/1596",[530,3.906]],["name/1597",[740,79.917]],["parent/1597",[530,3.906]],["name/1598",[23,28.075]],["parent/1598",[530,3.906]],["name/1599",[741,79.917]],["parent/1599",[530,3.906]],["name/1600",[23,28.075]],["parent/1600",[530,3.906]],["name/1601",[742,79.917]],["parent/1601",[530,3.906]],["name/1602",[23,28.075]],["parent/1602",[530,3.906]],["name/1603",[590,61.457]],["parent/1603",[530,3.906]],["name/1604",[743,79.917]],["parent/1604",[530,3.906]],["name/1605",[23,28.075]],["parent/1605",[530,3.906]],["name/1606",[744,79.917]],["parent/1606",[530,3.906]],["name/1607",[23,28.075]],["parent/1607",[530,3.906]],["name/1608",[646,63.821]],["parent/1608",[530,3.906]],["name/1609",[651,74.808]],["parent/1609",[530,3.906]],["name/1610",[21,41.271]],["parent/1610",[530,3.906]],["name/1611",[745,79.917]],["parent/1611",[530,3.906]],["name/1612",[746,79.917]],["parent/1612",[530,3.906]],["name/1613",[44,54.791]],["parent/1613",[530,3.906]],["name/1614",[64,57.942]],["parent/1614",[530,3.906]],["name/1615",[45,58.712]],["parent/1615",[530,3.906]],["name/1616",[22,42.457]],["parent/1616",[530,3.906]],["name/1617",[23,28.075]],["parent/1617",[530,3.906]],["name/1618",[747,74.808]],["parent/1618",[]],["name/1619",[21,41.271]],["parent/1619",[747,7.007]],["name/1620",[748,62.569]],["parent/1620",[]],["name/1621",[10,36.134]],["parent/1621",[748,5.86]],["name/1622",[59,43.625]],["parent/1622",[748,5.86]],["name/1623",[6,46.24]],["parent/1623",[748,5.86]],["name/1624",[576,66.923]],["parent/1624",[748,5.86]],["name/1625",[749,79.917]],["parent/1625",[748,5.86]],["name/1626",[209,63.821]],["parent/1626",[748,5.86]],["name/1627",[652,74.808]],["parent/1627",[748,5.86]],["name/1628",[750,79.917]],["parent/1628",[]],["name/1629",[751,68.929]],["parent/1629",[]],["name/1630",[10,36.134]],["parent/1630",[751,6.456]],["name/1631",[59,43.625]],["parent/1631",[751,6.456]],["name/1632",[6,46.24]],["parent/1632",[751,6.456]],["name/1633",[752,79.917]],["parent/1633",[]],["name/1634",[753,74.808]],["parent/1634",[]],["name/1635",[576,66.923]],["parent/1635",[753,7.007]],["name/1636",[209,63.821]],["parent/1636",[]],["name/1637",[754,79.917]],["parent/1637",[]],["name/1638",[755,79.917]],["parent/1638",[]],["name/1639",[756,79.917]],["parent/1639",[]],["name/1640",[757,65.252]],["parent/1640",[]],["name/1641",[66,42.777]],["parent/1641",[757,6.112]],["name/1642",[84,42.941]],["parent/1642",[757,6.112]],["name/1643",[653,66.923]],["parent/1643",[757,6.112]],["name/1644",[611,68.929]],["parent/1644",[757,6.112]],["name/1645",[613,68.929]],["parent/1645",[757,6.112]],["name/1646",[758,79.917]],["parent/1646",[]],["name/1647",[759,79.917]],["parent/1647",[]],["name/1648",[760,65.252]],["parent/1648",[]],["name/1649",[761,71.443]],["parent/1649",[760,6.112]],["name/1650",[573,52.399]],["parent/1650",[760,6.112]],["name/1651",[6,46.24]],["parent/1651",[760,6.112]],["name/1652",[640,68.929]],["parent/1652",[760,6.112]],["name/1653",[650,68.929]],["parent/1653",[760,6.112]],["name/1654",[762,63.821]],["parent/1654",[]],["name/1655",[565,68.929]],["parent/1655",[762,5.978]],["name/1656",[761,71.443]],["parent/1656",[762,5.978]],["name/1657",[573,52.399]],["parent/1657",[762,5.978]],["name/1658",[6,46.24]],["parent/1658",[762,5.978]],["name/1659",[640,68.929]],["parent/1659",[762,5.978]],["name/1660",[650,68.929]],["parent/1660",[762,5.978]],["name/1661",[763,61.457]],["parent/1661",[]],["name/1662",[168,52.834]],["parent/1662",[763,5.756]],["name/1663",[544,60.456]],["parent/1663",[763,5.756]],["name/1664",[525,65.252]],["parent/1664",[763,5.756]],["name/1665",[761,71.443]],["parent/1665",[763,5.756]],["name/1666",[573,52.399]],["parent/1666",[763,5.756]],["name/1667",[6,46.24]],["parent/1667",[763,5.756]],["name/1668",[640,68.929]],["parent/1668",[763,5.756]],["name/1669",[650,68.929]],["parent/1669",[763,5.756]],["name/1670",[764,71.443]],["parent/1670",[]],["name/1671",[10,36.134]],["parent/1671",[764,6.691]],["name/1672",[59,43.625]],["parent/1672",[764,6.691]],["name/1673",[765,79.917]],["parent/1673",[]],["name/1674",[766,68.929]],["parent/1674",[]],["name/1675",[767,79.917]],["parent/1675",[766,6.456]],["name/1676",[768,79.917]],["parent/1676",[766,6.456]],["name/1677",[6,46.24]],["parent/1677",[766,6.456]],["name/1678",[769,74.808]],["parent/1678",[]],["name/1679",[489,57.942]],["parent/1679",[769,7.007]],["name/1680",[724,56.561]],["parent/1680",[]],["name/1681",[98,53.765]],["parent/1681",[724,5.298]],["name/1682",[21,41.271]],["parent/1682",[724,5.298]],["name/1683",[100,53.288]],["parent/1683",[724,5.298]],["name/1684",[37,54.791]],["parent/1684",[724,5.298]],["name/1685",[770,79.917]],["parent/1685",[724,5.298]],["name/1686",[771,79.917]],["parent/1686",[724,5.298]],["name/1687",[772,79.917]],["parent/1687",[724,5.298]],["name/1688",[773,79.917]],["parent/1688",[724,5.298]],["name/1689",[44,54.791]],["parent/1689",[724,5.298]],["name/1690",[64,57.942]],["parent/1690",[724,5.298]],["name/1691",[45,58.712]],["parent/1691",[724,5.298]],["name/1692",[22,42.457]],["parent/1692",[724,5.298]],["name/1693",[23,28.075]],["parent/1693",[724,5.298]],["name/1694",[774,71.443]],["parent/1694",[]],["name/1695",[10,36.134]],["parent/1695",[774,6.691]],["name/1696",[59,43.625]],["parent/1696",[774,6.691]],["name/1697",[775,79.917]],["parent/1697",[]],["name/1698",[776,49.156]],["parent/1698",[]],["name/1699",[115,49.468]],["parent/1699",[776,4.604]],["name/1700",[777,79.917]],["parent/1700",[776,4.604]],["name/1701",[778,74.808]],["parent/1701",[776,4.604]],["name/1702",[779,79.917]],["parent/1702",[776,4.604]],["name/1703",[780,79.917]],["parent/1703",[776,4.604]],["name/1704",[84,42.941]],["parent/1704",[776,4.604]],["name/1705",[226,74.808]],["parent/1705",[776,4.604]],["name/1706",[781,74.808]],["parent/1706",[776,4.604]],["name/1707",[782,74.808]],["parent/1707",[776,4.604]],["name/1708",[783,79.917]],["parent/1708",[776,4.604]],["name/1709",[784,71.443]],["parent/1709",[776,4.604]],["name/1710",[785,79.917]],["parent/1710",[776,4.604]],["name/1711",[786,79.917]],["parent/1711",[776,4.604]],["name/1712",[26,54.791]],["parent/1712",[776,4.604]],["name/1713",[28,56.561]],["parent/1713",[776,4.604]],["name/1714",[10,36.134]],["parent/1714",[776,4.604]],["name/1715",[787,79.917]],["parent/1715",[776,4.604]],["name/1716",[788,79.917]],["parent/1716",[776,4.604]],["name/1717",[789,79.917]],["parent/1717",[776,4.604]],["name/1718",[790,79.917]],["parent/1718",[776,4.604]],["name/1719",[285,74.808]],["parent/1719",[776,4.604]],["name/1720",[791,74.808]],["parent/1720",[776,4.604]],["name/1721",[792,79.917]],["parent/1721",[776,4.604]],["name/1722",[23,28.075]],["parent/1722",[776,4.604]],["name/1723",[371,71.443]],["parent/1723",[793,7.485]],["name/1724",[794,79.917]],["parent/1724",[776,4.604]],["name/1725",[795,79.917]],["parent/1725",[776,4.604]],["name/1726",[796,79.917]],["parent/1726",[776,4.604]],["name/1727",[797,79.917]],["parent/1727",[776,4.604]],["name/1728",[798,79.917]],["parent/1728",[776,4.604]],["name/1729",[799,79.917]],["parent/1729",[776,4.604]],["name/1730",[800,79.917]],["parent/1730",[776,4.604]],["name/1731",[801,61.457]],["parent/1731",[]],["name/1732",[802,79.917]],["parent/1732",[801,5.756]],["name/1733",[803,79.917]],["parent/1733",[801,5.756]],["name/1734",[804,79.917]],["parent/1734",[801,5.756]],["name/1735",[805,79.917]],["parent/1735",[801,5.756]],["name/1736",[806,79.917]],["parent/1736",[801,5.756]],["name/1737",[807,79.917]],["parent/1737",[801,5.756]],["name/1738",[808,79.917]],["parent/1738",[801,5.756]],["name/1739",[809,79.917]],["parent/1739",[801,5.756]],["name/1740",[810,54.791]],["parent/1740",[]],["name/1741",[811,65.252]],["parent/1741",[810,5.132]],["name/1742",[17,51.197]],["parent/1742",[810,5.132]],["name/1743",[168,52.834]],["parent/1743",[810,5.132]],["name/1744",[90,50.469]],["parent/1744",[810,5.132]],["name/1745",[812,74.808]],["parent/1745",[810,5.132]],["name/1746",[10,36.134]],["parent/1746",[810,5.132]],["name/1747",[813,74.808]],["parent/1747",[810,5.132]],["name/1748",[814,74.808]],["parent/1748",[810,5.132]],["name/1749",[815,74.808]],["parent/1749",[810,5.132]],["name/1750",[816,68.929]],["parent/1750",[810,5.132]],["name/1751",[817,74.808]],["parent/1751",[810,5.132]],["name/1752",[818,74.808]],["parent/1752",[810,5.132]],["name/1753",[819,68.929]],["parent/1753",[810,5.132]],["name/1754",[819,68.929]],["parent/1754",[810,5.132]],["name/1755",[820,74.808]],["parent/1755",[810,5.132]],["name/1756",[821,74.808]],["parent/1756",[810,5.132]],["name/1757",[6,46.24]],["parent/1757",[810,5.132]],["name/1758",[822,40.595]],["parent/1758",[]],["name/1759",[35,43.625]],["parent/1759",[822,3.802]],["name/1760",[21,41.271]],["parent/1760",[822,3.802]],["name/1761",[823,79.917]],["parent/1761",[822,3.802]],["name/1762",[824,79.917]],["parent/1762",[822,3.802]],["name/1763",[23,28.075]],["parent/1763",[822,3.802]],["name/1764",[825,79.917]],["parent/1764",[822,3.802]],["name/1765",[826,79.917]],["parent/1765",[822,3.802]],["name/1766",[827,79.917]],["parent/1766",[822,3.802]],["name/1767",[828,79.917]],["parent/1767",[822,3.802]],["name/1768",[829,79.917]],["parent/1768",[822,3.802]],["name/1769",[830,79.917]],["parent/1769",[822,3.802]],["name/1770",[831,79.917]],["parent/1770",[822,3.802]],["name/1771",[832,79.917]],["parent/1771",[822,3.802]],["name/1772",[833,79.917]],["parent/1772",[822,3.802]],["name/1773",[834,79.917]],["parent/1773",[822,3.802]],["name/1774",[835,79.917]],["parent/1774",[822,3.802]],["name/1775",[836,79.917]],["parent/1775",[822,3.802]],["name/1776",[837,79.917]],["parent/1776",[822,3.802]],["name/1777",[838,79.917]],["parent/1777",[822,3.802]],["name/1778",[839,79.917]],["parent/1778",[822,3.802]],["name/1779",[840,79.917]],["parent/1779",[822,3.802]],["name/1780",[841,79.917]],["parent/1780",[822,3.802]],["name/1781",[84,42.941]],["parent/1781",[822,3.802]],["name/1782",[842,79.917]],["parent/1782",[822,3.802]],["name/1783",[843,79.917]],["parent/1783",[822,3.802]],["name/1784",[844,79.917]],["parent/1784",[822,3.802]],["name/1785",[23,28.075]],["parent/1785",[822,3.802]],["name/1786",[845,79.917]],["parent/1786",[822,3.802]],["name/1787",[23,28.075]],["parent/1787",[822,3.802]],["name/1788",[846,79.917]],["parent/1788",[822,3.802]],["name/1789",[23,28.075]],["parent/1789",[822,3.802]],["name/1790",[847,79.917]],["parent/1790",[822,3.802]],["name/1791",[848,79.917]],["parent/1791",[822,3.802]],["name/1792",[849,79.917]],["parent/1792",[822,3.802]],["name/1793",[850,79.917]],["parent/1793",[822,3.802]],["name/1794",[23,28.075]],["parent/1794",[822,3.802]],["name/1795",[851,79.917]],["parent/1795",[822,3.802]],["name/1796",[852,79.917]],["parent/1796",[822,3.802]],["name/1797",[853,79.917]],["parent/1797",[822,3.802]],["name/1798",[854,79.917]],["parent/1798",[822,3.802]],["name/1799",[855,79.917]],["parent/1799",[822,3.802]],["name/1800",[856,79.917]],["parent/1800",[822,3.802]],["name/1801",[857,79.917]],["parent/1801",[822,3.802]],["name/1802",[858,79.917]],["parent/1802",[822,3.802]],["name/1803",[859,79.917]],["parent/1803",[822,3.802]],["name/1804",[860,79.917]],["parent/1804",[822,3.802]],["name/1805",[861,79.917]],["parent/1805",[822,3.802]],["name/1806",[517,74.808]],["parent/1806",[822,3.802]],["name/1807",[862,79.917]],["parent/1807",[822,3.802]],["name/1808",[863,79.917]],["parent/1808",[822,3.802]],["name/1809",[864,79.917]],["parent/1809",[822,3.802]],["name/1810",[865,79.917]],["parent/1810",[822,3.802]],["name/1811",[866,79.917]],["parent/1811",[822,3.802]],["name/1812",[867,74.808]],["parent/1812",[822,3.802]],["name/1813",[868,66.923]],["parent/1813",[822,3.802]],["name/1814",[869,79.917]],["parent/1814",[822,3.802]],["name/1815",[23,28.075]],["parent/1815",[822,3.802]],["name/1816",[870,79.917]],["parent/1816",[822,3.802]],["name/1817",[23,28.075]],["parent/1817",[822,3.802]],["name/1818",[871,79.917]],["parent/1818",[822,3.802]],["name/1819",[23,28.075]],["parent/1819",[822,3.802]],["name/1820",[872,79.917]],["parent/1820",[822,3.802]],["name/1821",[521,74.808]],["parent/1821",[822,3.802]],["name/1822",[873,79.917]],["parent/1822",[822,3.802]],["name/1823",[874,79.917]],["parent/1823",[822,3.802]],["name/1824",[44,54.791]],["parent/1824",[822,3.802]],["name/1825",[45,58.712]],["parent/1825",[822,3.802]],["name/1826",[875,79.917]],["parent/1826",[822,3.802]],["name/1827",[64,57.942]],["parent/1827",[822,3.802]],["name/1828",[22,42.457]],["parent/1828",[822,3.802]],["name/1829",[23,28.075]],["parent/1829",[822,3.802]],["name/1830",[876,79.917]],["parent/1830",[]],["name/1831",[877,79.917]],["parent/1831",[]],["name/1832",[878,79.917]],["parent/1832",[]],["name/1833",[879,79.917]],["parent/1833",[]],["name/1834",[880,79.917]],["parent/1834",[]],["name/1835",[881,79.917]],["parent/1835",[]],["name/1836",[882,79.917]],["parent/1836",[]],["name/1837",[883,71.443]],["parent/1837",[]],["name/1838",[884,74.808]],["parent/1838",[883,6.691]],["name/1839",[885,74.808]],["parent/1839",[883,6.691]],["name/1840",[886,66.923]],["parent/1840",[]],["name/1841",[887,59.546]],["parent/1841",[886,6.268]],["name/1842",[888,68.929]],["parent/1842",[886,6.268]],["name/1843",[889,60.456]],["parent/1843",[886,6.268]],["name/1844",[890,79.917]],["parent/1844",[886,6.268]],["name/1845",[891,74.808]],["parent/1845",[]],["name/1846",[23,28.075]],["parent/1846",[891,7.007]],["name/1847",[892,55.347]],["parent/1847",[]],["name/1848",[17,51.197]],["parent/1848",[892,5.184]],["name/1849",[168,52.834]],["parent/1849",[892,5.184]],["name/1850",[90,50.469]],["parent/1850",[892,5.184]],["name/1851",[812,74.808]],["parent/1851",[892,5.184]],["name/1852",[10,36.134]],["parent/1852",[892,5.184]],["name/1853",[813,74.808]],["parent/1853",[892,5.184]],["name/1854",[814,74.808]],["parent/1854",[892,5.184]],["name/1855",[815,74.808]],["parent/1855",[892,5.184]],["name/1856",[816,68.929]],["parent/1856",[892,5.184]],["name/1857",[817,74.808]],["parent/1857",[892,5.184]],["name/1858",[818,74.808]],["parent/1858",[892,5.184]],["name/1859",[819,68.929]],["parent/1859",[892,5.184]],["name/1860",[819,68.929]],["parent/1860",[892,5.184]],["name/1861",[820,74.808]],["parent/1861",[892,5.184]],["name/1862",[821,74.808]],["parent/1862",[892,5.184]],["name/1863",[6,46.24]],["parent/1863",[892,5.184]],["name/1864",[893,79.917]],["parent/1864",[]],["name/1865",[894,66.923]],["parent/1865",[]],["name/1866",[887,59.546]],["parent/1866",[894,6.268]],["name/1867",[889,60.456]],["parent/1867",[894,6.268]],["name/1868",[781,74.808]],["parent/1868",[894,6.268]],["name/1869",[782,74.808]],["parent/1869",[894,6.268]],["name/1870",[895,71.443]],["parent/1870",[]],["name/1871",[75,41.996]],["parent/1871",[895,6.691]],["name/1872",[896,79.917]],["parent/1872",[895,6.691]],["name/1873",[897,65.252]],["parent/1873",[]],["name/1874",[898,79.917]],["parent/1874",[897,6.112]],["name/1875",[899,79.917]],["parent/1875",[897,6.112]],["name/1876",[85,63.821]],["parent/1876",[897,6.112]],["name/1877",[900,79.917]],["parent/1877",[897,6.112]],["name/1878",[901,79.917]],["parent/1878",[897,6.112]],["name/1879",[902,68.929]],["parent/1879",[]],["name/1880",[903,79.917]],["parent/1880",[902,6.456]],["name/1881",[904,79.917]],["parent/1881",[902,6.456]],["name/1882",[905,79.917]],["parent/1882",[902,6.456]],["name/1883",[906,74.808]],["parent/1883",[]],["name/1884",[23,28.075]],["parent/1884",[906,7.007]],["name/1885",[907,74.808]],["parent/1885",[]],["name/1886",[23,28.075]],["parent/1886",[907,7.007]],["name/1887",[908,68.929]],["parent/1887",[]],["name/1888",[371,71.443]],["parent/1888",[908,6.456]],["name/1889",[909,79.917]],["parent/1889",[908,6.456]],["name/1890",[816,68.929]],["parent/1890",[908,6.456]],["name/1891",[910,74.808]],["parent/1891",[]],["name/1892",[23,28.075]],["parent/1892",[910,7.007]],["name/1893",[911,79.917]],["parent/1893",[]],["name/1894",[912,63.821]],["parent/1894",[]],["name/1895",[98,53.765]],["parent/1895",[912,5.978]],["name/1896",[21,41.271]],["parent/1896",[912,5.978]],["name/1897",[100,53.288]],["parent/1897",[912,5.978]],["name/1898",[913,79.917]],["parent/1898",[912,5.978]],["name/1899",[22,42.457]],["parent/1899",[912,5.978]],["name/1900",[23,28.075]],["parent/1900",[912,5.978]],["name/1901",[914,54.791]],["parent/1901",[]],["name/1902",[915,68.929]],["parent/1902",[914,5.132]],["name/1903",[342,58.712]],["parent/1903",[914,5.132]],["name/1904",[916,52.399]],["parent/1904",[914,5.132]],["name/1905",[548,52.834]],["parent/1905",[914,5.132]],["name/1906",[917,66.923]],["parent/1906",[914,5.132]],["name/1907",[918,68.929]],["parent/1907",[914,5.132]],["name/1908",[919,45.791]],["parent/1908",[914,5.132]],["name/1909",[920,61.457]],["parent/1909",[914,5.132]],["name/1910",[921,57.942]],["parent/1910",[914,5.132]],["name/1911",[822,40.595]],["parent/1911",[914,5.132]],["name/1912",[922,68.929]],["parent/1912",[914,5.132]],["name/1913",[406,66.923]],["parent/1913",[914,5.132]],["name/1914",[923,49.791]],["parent/1914",[914,5.132]],["name/1915",[924,47.725]],["parent/1915",[914,5.132]],["name/1916",[925,63.821]],["parent/1916",[914,5.132]],["name/1917",[530,41.699]],["parent/1917",[914,5.132]],["name/1918",[926,53.765]],["parent/1918",[914,5.132]],["name/1919",[927,54.791]],["parent/1919",[]],["name/1920",[915,68.929]],["parent/1920",[927,5.132]],["name/1921",[342,58.712]],["parent/1921",[927,5.132]],["name/1922",[916,52.399]],["parent/1922",[927,5.132]],["name/1923",[548,52.834]],["parent/1923",[927,5.132]],["name/1924",[917,66.923]],["parent/1924",[927,5.132]],["name/1925",[918,68.929]],["parent/1925",[927,5.132]],["name/1926",[919,45.791]],["parent/1926",[927,5.132]],["name/1927",[921,57.942]],["parent/1927",[927,5.132]],["name/1928",[920,61.457]],["parent/1928",[927,5.132]],["name/1929",[822,40.595]],["parent/1929",[927,5.132]],["name/1930",[922,68.929]],["parent/1930",[927,5.132]],["name/1931",[406,66.923]],["parent/1931",[927,5.132]],["name/1932",[923,49.791]],["parent/1932",[927,5.132]],["name/1933",[924,47.725]],["parent/1933",[927,5.132]],["name/1934",[925,63.821]],["parent/1934",[927,5.132]],["name/1935",[530,41.699]],["parent/1935",[927,5.132]],["name/1936",[926,53.765]],["parent/1936",[927,5.132]],["name/1937",[928,54.791]],["parent/1937",[]],["name/1938",[915,68.929]],["parent/1938",[928,5.132]],["name/1939",[342,58.712]],["parent/1939",[928,5.132]],["name/1940",[916,52.399]],["parent/1940",[928,5.132]],["name/1941",[548,52.834]],["parent/1941",[928,5.132]],["name/1942",[917,66.923]],["parent/1942",[928,5.132]],["name/1943",[918,68.929]],["parent/1943",[928,5.132]],["name/1944",[919,45.791]],["parent/1944",[928,5.132]],["name/1945",[920,61.457]],["parent/1945",[928,5.132]],["name/1946",[921,57.942]],["parent/1946",[928,5.132]],["name/1947",[822,40.595]],["parent/1947",[928,5.132]],["name/1948",[922,68.929]],["parent/1948",[928,5.132]],["name/1949",[406,66.923]],["parent/1949",[928,5.132]],["name/1950",[923,49.791]],["parent/1950",[928,5.132]],["name/1951",[924,47.725]],["parent/1951",[928,5.132]],["name/1952",[925,63.821]],["parent/1952",[928,5.132]],["name/1953",[530,41.699]],["parent/1953",[928,5.132]],["name/1954",[926,53.765]],["parent/1954",[928,5.132]],["name/1955",[929,65.252]],["parent/1955",[]],["name/1956",[930,62.569]],["parent/1956",[929,6.112]],["name/1957",[931,65.252]],["parent/1957",[929,6.112]],["name/1958",[932,65.252]],["parent/1958",[929,6.112]],["name/1959",[933,65.252]],["parent/1959",[929,6.112]],["name/1960",[536,60.456]],["parent/1960",[929,6.112]],["name/1961",[934,68.929]],["parent/1961",[]],["name/1962",[935,79.917]],["parent/1962",[934,6.456]],["name/1963",[936,74.808]],["parent/1963",[934,6.456]],["name/1964",[489,57.942]],["parent/1964",[934,6.456]],["name/1965",[937,65.252]],["parent/1965",[]],["name/1966",[938,79.917]],["parent/1966",[937,6.112]],["name/1967",[939,79.917]],["parent/1967",[937,6.112]],["name/1968",[940,79.917]],["parent/1968",[937,6.112]],["name/1969",[941,79.917]],["parent/1969",[937,6.112]],["name/1970",[83,62.569]],["parent/1970",[937,6.112]],["name/1971",[942,79.917]],["parent/1971",[]],["name/1972",[943,66.923]],["parent/1972",[]],["name/1973",[944,79.917]],["parent/1973",[943,6.268]],["name/1974",[945,74.808]],["parent/1974",[943,6.268]],["name/1975",[946,74.808]],["parent/1975",[943,6.268]],["name/1976",[947,79.917]],["parent/1976",[943,6.268]],["name/1977",[948,71.443]],["parent/1977",[]],["name/1978",[949,79.917]],["parent/1978",[948,6.691]],["name/1979",[950,79.917]],["parent/1979",[948,6.691]],["name/1980",[951,66.923]],["parent/1980",[]],["name/1981",[952,50.827]],["parent/1981",[951,6.268]],["name/1982",[591,71.443]],["parent/1982",[951,6.268]],["name/1983",[953,79.917]],["parent/1983",[951,6.268]],["name/1984",[954,79.917]],["parent/1984",[951,6.268]],["name/1985",[955,71.443]],["parent/1985",[]],["name/1986",[275,66.923]],["parent/1986",[955,6.691]],["name/1987",[956,79.917]],["parent/1987",[955,6.691]],["name/1988",[957,63.821]],["parent/1988",[]],["name/1989",[17,51.197]],["parent/1989",[957,5.978]],["name/1990",[930,62.569]],["parent/1990",[957,5.978]],["name/1991",[931,65.252]],["parent/1991",[957,5.978]],["name/1992",[932,65.252]],["parent/1992",[957,5.978]],["name/1993",[933,65.252]],["parent/1993",[957,5.978]],["name/1994",[536,60.456]],["parent/1994",[957,5.978]],["name/1995",[958,63.821]],["parent/1995",[]],["name/1996",[784,71.443]],["parent/1996",[958,5.978]],["name/1997",[930,62.569]],["parent/1997",[958,5.978]],["name/1998",[931,65.252]],["parent/1998",[958,5.978]],["name/1999",[932,65.252]],["parent/1999",[958,5.978]],["name/2000",[933,65.252]],["parent/2000",[958,5.978]],["name/2001",[536,60.456]],["parent/2001",[958,5.978]],["name/2002",[959,58.712]],["parent/2002",[]],["name/2003",[17,51.197]],["parent/2003",[959,5.499]],["name/2004",[81,52.399]],["parent/2004",[959,5.499]],["name/2005",[960,74.808]],["parent/2005",[959,5.499]],["name/2006",[961,79.917]],["parent/2006",[959,5.499]],["name/2007",[591,71.443]],["parent/2007",[959,5.499]],["name/2008",[26,54.791]],["parent/2008",[959,5.499]],["name/2009",[930,62.569]],["parent/2009",[959,5.499]],["name/2010",[931,65.252]],["parent/2010",[959,5.499]],["name/2011",[932,65.252]],["parent/2011",[959,5.499]],["name/2012",[933,65.252]],["parent/2012",[959,5.499]],["name/2013",[536,60.456]],["parent/2013",[959,5.499]],["name/2014",[962,51.982]],["parent/2014",[]],["name/2015",[963,74.808]],["parent/2015",[962,4.869]],["name/2016",[355,71.443]],["parent/2016",[962,4.869]],["name/2017",[964,74.808]],["parent/2017",[962,4.869]],["name/2018",[965,74.808]],["parent/2018",[962,4.869]],["name/2019",[966,79.917]],["parent/2019",[962,4.869]],["name/2020",[967,71.443]],["parent/2020",[962,4.869]],["name/2021",[968,68.929]],["parent/2021",[962,4.869]],["name/2022",[969,79.917]],["parent/2022",[962,4.869]],["name/2023",[970,79.917]],["parent/2023",[962,4.869]],["name/2024",[971,79.917]],["parent/2024",[962,4.869]],["name/2025",[972,79.917]],["parent/2025",[962,4.869]],["name/2026",[973,79.917]],["parent/2026",[962,4.869]],["name/2027",[974,79.917]],["parent/2027",[962,4.869]],["name/2028",[975,79.917]],["parent/2028",[962,4.869]],["name/2029",[887,59.546]],["parent/2029",[962,4.869]],["name/2030",[23,28.075]],["parent/2030",[962,4.869]],["name/2031",[963,74.808]],["parent/2031",[976,5.184]],["name/2032",[355,71.443]],["parent/2032",[976,5.184]],["name/2033",[964,74.808]],["parent/2033",[976,5.184]],["name/2034",[965,74.808]],["parent/2034",[976,5.184]],["name/2035",[967,71.443]],["parent/2035",[976,5.184]],["name/2036",[318,74.808]],["parent/2036",[962,4.869]],["name/2037",[23,28.075]],["parent/2037",[962,4.869]],["name/2038",[977,79.917]],["parent/2038",[976,5.184]],["name/2039",[978,79.917]],["parent/2039",[976,5.184]],["name/2040",[979,79.917]],["parent/2040",[976,5.184]],["name/2041",[967,71.443]],["parent/2041",[976,5.184]],["name/2042",[980,79.917]],["parent/2042",[976,5.184]],["name/2043",[981,79.917]],["parent/2043",[976,5.184]],["name/2044",[982,79.917]],["parent/2044",[976,5.184]],["name/2045",[983,79.917]],["parent/2045",[976,5.184]],["name/2046",[984,79.917]],["parent/2046",[976,5.184]],["name/2047",[985,79.917]],["parent/2047",[976,5.184]],["name/2048",[986,79.917]],["parent/2048",[976,5.184]],["name/2049",[987,79.917]],["parent/2049",[976,5.184]],["name/2050",[930,62.569]],["parent/2050",[962,4.869]],["name/2051",[931,65.252]],["parent/2051",[962,4.869]],["name/2052",[932,65.252]],["parent/2052",[962,4.869]],["name/2053",[933,65.252]],["parent/2053",[962,4.869]],["name/2054",[536,60.456]],["parent/2054",[962,4.869]],["name/2055",[988,74.808]],["parent/2055",[]],["name/2056",[23,28.075]],["parent/2056",[988,7.007]],["name/2057",[989,58.712]],["parent/2057",[]],["name/2058",[990,79.917]],["parent/2058",[989,5.499]],["name/2059",[991,79.917]],["parent/2059",[989,5.499]],["name/2060",[992,79.917]],["parent/2060",[989,5.499]],["name/2061",[243,66.923]],["parent/2061",[989,5.499]],["name/2062",[993,79.917]],["parent/2062",[989,5.499]],["name/2063",[994,79.917]],["parent/2063",[989,5.499]],["name/2064",[930,62.569]],["parent/2064",[989,5.499]],["name/2065",[931,65.252]],["parent/2065",[989,5.499]],["name/2066",[932,65.252]],["parent/2066",[989,5.499]],["name/2067",[933,65.252]],["parent/2067",[989,5.499]],["name/2068",[536,60.456]],["parent/2068",[989,5.499]],["name/2069",[995,74.808]],["parent/2069",[]],["name/2070",[996,79.917]],["parent/2070",[995,7.007]],["name/2071",[997,66.923]],["parent/2071",[]],["name/2072",[81,52.399]],["parent/2072",[997,6.268]],["name/2073",[155,66.923]],["parent/2073",[997,6.268]],["name/2074",[83,62.569]],["parent/2074",[997,6.268]],["name/2075",[784,71.443]],["parent/2075",[997,6.268]],["name/2076",[998,74.808]],["parent/2076",[]],["name/2077",[576,66.923]],["parent/2077",[998,7.007]],["name/2078",[999,71.443]],["parent/2078",[]],["name/2079",[431,58.712]],["parent/2079",[999,6.691]],["name/2080",[432,59.546]],["parent/2080",[999,6.691]],["name/2081",[1000,79.917]],["parent/2081",[]],["name/2082",[1001,54.791]],["parent/2082",[]],["name/2083",[915,68.929]],["parent/2083",[1001,5.132]],["name/2084",[342,58.712]],["parent/2084",[1001,5.132]],["name/2085",[530,41.699]],["parent/2085",[1001,5.132]],["name/2086",[916,52.399]],["parent/2086",[1001,5.132]],["name/2087",[548,52.834]],["parent/2087",[1001,5.132]],["name/2088",[917,66.923]],["parent/2088",[1001,5.132]],["name/2089",[918,68.929]],["parent/2089",[1001,5.132]],["name/2090",[919,45.791]],["parent/2090",[1001,5.132]],["name/2091",[921,57.942]],["parent/2091",[1001,5.132]],["name/2092",[920,61.457]],["parent/2092",[1001,5.132]],["name/2093",[822,40.595]],["parent/2093",[1001,5.132]],["name/2094",[922,68.929]],["parent/2094",[1001,5.132]],["name/2095",[406,66.923]],["parent/2095",[1001,5.132]],["name/2096",[923,49.791]],["parent/2096",[1001,5.132]],["name/2097",[924,47.725]],["parent/2097",[1001,5.132]],["name/2098",[925,63.821]],["parent/2098",[1001,5.132]],["name/2099",[926,53.765]],["parent/2099",[1001,5.132]],["name/2100",[1002,79.917]],["parent/2100",[]],["name/2101",[1003,79.917]],["parent/2101",[]],["name/2102",[1004,79.917]],["parent/2102",[]],["name/2103",[1005,68.929]],["parent/2103",[]],["name/2104",[25,44.552]],["parent/2104",[1005,6.456]],["name/2105",[1006,79.917]],["parent/2105",[1005,6.456]],["name/2106",[23,28.075]],["parent/2106",[1005,6.456]],["name/2107",[30,55.935]],["parent/2107",[]],["name/2108",[1007,79.917]],["parent/2108",[]],["name/2109",[1008,74.808]],["parent/2109",[]],["name/2110",[1009,79.917]],["parent/2110",[1008,7.007]],["name/2111",[1010,66.923]],["parent/2111",[]],["name/2112",[66,42.777]],["parent/2112",[1010,6.268]],["name/2113",[84,42.941]],["parent/2113",[1010,6.268]],["name/2114",[611,68.929]],["parent/2114",[1010,6.268]],["name/2115",[613,68.929]],["parent/2115",[1010,6.268]],["name/2116",[1011,74.808]],["parent/2116",[]],["name/2117",[1012,74.808]],["parent/2117",[1011,7.007]],["name/2118",[1013,74.808]],["parent/2118",[]],["name/2119",[1012,74.808]],["parent/2119",[1013,7.007]],["name/2120",[1014,79.917]],["parent/2120",[]],["name/2121",[1015,79.917]],["parent/2121",[]],["name/2122",[1016,79.917]],["parent/2122",[]],["name/2123",[1017,71.443]],["parent/2123",[]],["name/2124",[1017,71.443]],["parent/2124",[]],["name/2125",[1018,61.457]],["parent/2125",[1017,6.691]],["name/2126",[1019,61.457]],["parent/2126",[]],["name/2127",[10,36.134]],["parent/2127",[1019,5.756]],["name/2128",[1020,79.917]],["parent/2128",[1019,5.756]],["name/2129",[1021,74.808]],["parent/2129",[1019,5.756]],["name/2130",[1022,79.917]],["parent/2130",[1019,5.756]],["name/2131",[1023,79.917]],["parent/2131",[1019,5.756]],["name/2132",[1024,79.917]],["parent/2132",[1019,5.756]],["name/2133",[6,46.24]],["parent/2133",[1019,5.756]],["name/2134",[1025,79.917]],["parent/2134",[1019,5.756]],["name/2135",[1026,79.917]],["parent/2135",[]],["name/2136",[1027,68.929]],["parent/2136",[]],["name/2137",[23,28.075]],["parent/2137",[1027,6.456]],["name/2138",[723,68.929]],["parent/2138",[1028,7.485]],["name/2139",[1027,68.929]],["parent/2139",[]],["name/2140",[723,68.929]],["parent/2140",[1027,6.456]],["name/2141",[1029,79.917]],["parent/2141",[]],["name/2142",[1030,79.917]],["parent/2142",[]],["name/2143",[1031,79.917]],["parent/2143",[]],["name/2144",[1032,71.443]],["parent/2144",[]],["name/2145",[172,66.923]],["parent/2145",[1032,6.691]],["name/2146",[1033,79.917]],["parent/2146",[1032,6.691]],["name/2147",[1034,79.917]],["parent/2147",[]],["name/2148",[1035,58.712]],["parent/2148",[]],["name/2149",[10,36.134]],["parent/2149",[1035,5.499]],["name/2150",[90,50.469]],["parent/2150",[1035,5.499]],["name/2151",[115,49.468]],["parent/2151",[1035,5.499]],["name/2152",[1036,65.252]],["parent/2152",[1035,5.499]],["name/2153",[1037,65.252]],["parent/2153",[1035,5.499]],["name/2154",[1038,79.917]],["parent/2154",[1035,5.499]],["name/2155",[1039,65.252]],["parent/2155",[1035,5.499]],["name/2156",[1040,65.252]],["parent/2156",[1035,5.499]],["name/2157",[1041,65.252]],["parent/2157",[1035,5.499]],["name/2158",[92,58.712]],["parent/2158",[1035,5.499]],["name/2159",[59,43.625]],["parent/2159",[1035,5.499]],["name/2160",[1042,54.791]],["parent/2160",[]],["name/2161",[25,44.552]],["parent/2161",[1042,5.132]],["name/2162",[30,55.935]],["parent/2162",[1042,5.132]],["name/2163",[1043,68.929]],["parent/2163",[1042,5.132]],["name/2164",[1044,68.929]],["parent/2164",[1042,5.132]],["name/2165",[1045,68.929]],["parent/2165",[1042,5.132]],["name/2166",[1046,68.929]],["parent/2166",[1042,5.132]],["name/2167",[66,42.777]],["parent/2167",[1042,5.132]],["name/2168",[92,58.712]],["parent/2168",[1042,5.132]],["name/2169",[84,42.941]],["parent/2169",[1042,5.132]],["name/2170",[1047,68.929]],["parent/2170",[1042,5.132]],["name/2171",[23,28.075]],["parent/2171",[1042,5.132]],["name/2172",[115,49.468]],["parent/2172",[1042,5.132]],["name/2173",[1036,65.252]],["parent/2173",[1042,5.132]],["name/2174",[1037,65.252]],["parent/2174",[1042,5.132]],["name/2175",[1039,65.252]],["parent/2175",[1042,5.132]],["name/2176",[1040,65.252]],["parent/2176",[1042,5.132]],["name/2177",[1041,65.252]],["parent/2177",[1042,5.132]],["name/2178",[1048,55.935]],["parent/2178",[]],["name/2179",[25,44.552]],["parent/2179",[1048,5.239]],["name/2180",[1049,79.917]],["parent/2180",[1048,5.239]],["name/2181",[1050,79.917]],["parent/2181",[1048,5.239]],["name/2182",[66,42.777]],["parent/2182",[1048,5.239]],["name/2183",[1051,79.917]],["parent/2183",[1048,5.239]],["name/2184",[84,42.941]],["parent/2184",[1048,5.239]],["name/2185",[23,28.075]],["parent/2185",[1048,5.239]],["name/2186",[90,50.469]],["parent/2186",[1048,5.239]],["name/2187",[115,49.468]],["parent/2187",[1048,5.239]],["name/2188",[1036,65.252]],["parent/2188",[1048,5.239]],["name/2189",[1037,65.252]],["parent/2189",[1048,5.239]],["name/2190",[1039,65.252]],["parent/2190",[1048,5.239]],["name/2191",[1040,65.252]],["parent/2191",[1048,5.239]],["name/2192",[1041,65.252]],["parent/2192",[1048,5.239]],["name/2193",[92,58.712]],["parent/2193",[1048,5.239]],["name/2194",[1052,74.808]],["parent/2194",[]],["name/2195",[1053,74.808]],["parent/2195",[1052,7.007]],["name/2196",[952,50.827]],["parent/2196",[]],["name/2197",[98,53.765]],["parent/2197",[952,4.761]],["name/2198",[723,68.929]],["parent/2198",[952,4.761]],["name/2199",[35,43.625]],["parent/2199",[952,4.761]],["name/2200",[23,28.075]],["parent/2200",[952,4.761]],["name/2201",[25,44.552]],["parent/2201",[1054,6.691]],["name/2202",[115,49.468]],["parent/2202",[1054,6.691]],["name/2203",[21,41.271]],["parent/2203",[952,4.761]],["name/2204",[100,53.288]],["parent/2204",[952,4.761]],["name/2205",[1055,79.917]],["parent/2205",[952,4.761]],["name/2206",[952,50.827]],["parent/2206",[952,4.761]],["name/2207",[37,54.791]],["parent/2207",[952,4.761]],["name/2208",[23,28.075]],["parent/2208",[952,4.761]],["name/2209",[1053,74.808]],["parent/2209",[1054,6.691]],["name/2210",[1056,74.808]],["parent/2210",[952,4.761]],["name/2211",[919,45.791]],["parent/2211",[952,4.761]],["name/2212",[1057,74.808]],["parent/2212",[952,4.761]],["name/2213",[1058,74.808]],["parent/2213",[952,4.761]],["name/2214",[653,66.923]],["parent/2214",[952,4.761]],["name/2215",[1059,79.917]],["parent/2215",[952,4.761]],["name/2216",[44,54.791]],["parent/2216",[952,4.761]],["name/2217",[1060,79.917]],["parent/2217",[952,4.761]],["name/2218",[1061,74.808]],["parent/2218",[952,4.761]],["name/2219",[22,42.457]],["parent/2219",[952,4.761]],["name/2220",[23,28.075]],["parent/2220",[952,4.761]],["name/2221",[1062,79.917]],["parent/2221",[]],["name/2222",[1063,66.923]],["parent/2222",[]],["name/2223",[10,36.134]],["parent/2223",[1063,6.268]],["name/2224",[1064,74.808]],["parent/2224",[1063,6.268]],["name/2225",[1065,74.808]],["parent/2225",[1063,6.268]],["name/2226",[59,43.625]],["parent/2226",[1063,6.268]],["name/2227",[1066,65.252]],["parent/2227",[]],["name/2228",[35,43.625]],["parent/2228",[1066,6.112]],["name/2229",[23,28.075]],["parent/2229",[1066,6.112]],["name/2230",[1064,74.808]],["parent/2230",[1067,7.007]],["name/2231",[1065,74.808]],["parent/2231",[1067,7.007]],["name/2232",[21,41.271]],["parent/2232",[1066,6.112]],["name/2233",[22,42.457]],["parent/2233",[1066,6.112]],["name/2234",[23,28.075]],["parent/2234",[1066,6.112]],["name/2235",[1068,65.252]],["parent/2235",[]],["name/2236",[1069,79.917]],["parent/2236",[1068,6.112]],["name/2237",[131,71.443]],["parent/2237",[1068,6.112]],["name/2238",[1070,74.808]],["parent/2238",[1068,6.112]],["name/2239",[59,43.625]],["parent/2239",[1068,6.112]],["name/2240",[10,36.134]],["parent/2240",[1068,6.112]],["name/2241",[1071,65.252]],["parent/2241",[]],["name/2242",[35,43.625]],["parent/2242",[1071,6.112]],["name/2243",[23,28.075]],["parent/2243",[1071,6.112]],["name/2244",[131,71.443]],["parent/2244",[1072,7.007]],["name/2245",[1070,74.808]],["parent/2245",[1072,7.007]],["name/2246",[21,41.271]],["parent/2246",[1071,6.112]],["name/2247",[22,42.457]],["parent/2247",[1071,6.112]],["name/2248",[23,28.075]],["parent/2248",[1071,6.112]],["name/2249",[1073,71.443]],["parent/2249",[]],["name/2250",[10,36.134]],["parent/2250",[1073,6.691]],["name/2251",[59,43.625]],["parent/2251",[1073,6.691]],["name/2252",[1074,63.821]],["parent/2252",[]],["name/2253",[21,41.271]],["parent/2253",[1074,5.978]],["name/2254",[37,54.791]],["parent/2254",[1074,5.978]],["name/2255",[23,28.075]],["parent/2255",[1074,5.978]],["name/2256",[1075,79.917]],["parent/2256",[1076,7.485]],["name/2257",[22,42.457]],["parent/2257",[1074,5.978]],["name/2258",[1077,79.917]],["parent/2258",[1074,5.978]],["name/2259",[23,28.075]],["parent/2259",[1074,5.978]],["name/2260",[1078,62.569]],["parent/2260",[]],["name/2261",[1079,74.808]],["parent/2261",[1078,5.86]],["name/2262",[1080,74.808]],["parent/2262",[1078,5.86]],["name/2263",[1081,74.808]],["parent/2263",[1078,5.86]],["name/2264",[1082,74.808]],["parent/2264",[1078,5.86]],["name/2265",[1083,74.808]],["parent/2265",[1078,5.86]],["name/2266",[1084,74.808]],["parent/2266",[1078,5.86]],["name/2267",[1085,74.808]],["parent/2267",[1078,5.86]],["name/2268",[1086,79.917]],["parent/2268",[]],["name/2269",[1087,61.457]],["parent/2269",[]],["name/2270",[1088,79.917]],["parent/2270",[1087,5.756]],["name/2271",[1085,74.808]],["parent/2271",[1087,5.756]],["name/2272",[1081,74.808]],["parent/2272",[1087,5.756]],["name/2273",[1079,74.808]],["parent/2273",[1087,5.756]],["name/2274",[1080,74.808]],["parent/2274",[1087,5.756]],["name/2275",[1082,74.808]],["parent/2275",[1087,5.756]],["name/2276",[1083,74.808]],["parent/2276",[1087,5.756]],["name/2277",[1084,74.808]],["parent/2277",[1087,5.756]],["name/2278",[1089,71.443]],["parent/2278",[]],["name/2279",[1090,79.917]],["parent/2279",[1089,6.691]],["name/2280",[1091,79.917]],["parent/2280",[1089,6.691]],["name/2281",[1092,68.929]],["parent/2281",[]],["name/2282",[75,41.996]],["parent/2282",[1092,6.456]],["name/2283",[1093,79.917]],["parent/2283",[1092,6.456]],["name/2284",[23,28.075]],["parent/2284",[1092,6.456]],["name/2285",[474,71.443]],["parent/2285",[]],["name/2286",[1094,79.917]],["parent/2286",[]],["name/2287",[1095,79.917]],["parent/2287",[]],["name/2288",[1096,79.917]],["parent/2288",[]],["name/2289",[1097,63.821]],["parent/2289",[]],["name/2290",[66,42.777]],["parent/2290",[1097,5.978]],["name/2291",[72,57.942]],["parent/2291",[1097,5.978]],["name/2292",[73,68.929]],["parent/2292",[1097,5.978]],["name/2293",[74,68.929]],["parent/2293",[1097,5.978]],["name/2294",[30,55.935]],["parent/2294",[1097,5.978]],["name/2295",[75,41.996]],["parent/2295",[1097,5.978]],["name/2296",[1098,55.935]],["parent/2296",[]],["name/2297",[66,42.777]],["parent/2297",[1098,5.239]],["name/2298",[84,42.941]],["parent/2298",[1098,5.239]],["name/2299",[1099,79.917]],["parent/2299",[1098,5.239]],["name/2300",[1100,74.808]],["parent/2300",[1098,5.239]],["name/2301",[140,53.765]],["parent/2301",[1098,5.239]],["name/2302",[1101,74.808]],["parent/2302",[1098,5.239]],["name/2303",[1102,74.808]],["parent/2303",[1098,5.239]],["name/2304",[1103,74.808]],["parent/2304",[1098,5.239]],["name/2305",[10,36.134]],["parent/2305",[1098,5.239]],["name/2306",[26,54.791]],["parent/2306",[1098,5.239]],["name/2307",[25,44.552]],["parent/2307",[1098,5.239]],["name/2308",[653,66.923]],["parent/2308",[1098,5.239]],["name/2309",[1104,79.917]],["parent/2309",[1098,5.239]],["name/2310",[1057,74.808]],["parent/2310",[1098,5.239]],["name/2311",[92,58.712]],["parent/2311",[1098,5.239]],["name/2312",[924,47.725]],["parent/2312",[]],["name/2313",[35,43.625]],["parent/2313",[924,4.47]],["name/2314",[23,28.075]],["parent/2314",[924,4.47]],["name/2315",[1100,74.808]],["parent/2315",[1105,5.662]],["name/2316",[140,53.765]],["parent/2316",[1105,5.662]],["name/2317",[1102,74.808]],["parent/2317",[1105,5.662]],["name/2318",[1101,74.808]],["parent/2318",[1105,5.662]],["name/2319",[1103,74.808]],["parent/2319",[1105,5.662]],["name/2320",[92,58.712]],["parent/2320",[1105,5.662]],["name/2321",[21,41.271]],["parent/2321",[924,4.47]],["name/2322",[1106,79.917]],["parent/2322",[924,4.47]],["name/2323",[952,50.827]],["parent/2323",[924,4.47]],["name/2324",[1107,79.917]],["parent/2324",[924,4.47]],["name/2325",[37,54.791]],["parent/2325",[924,4.47]],["name/2326",[23,28.075]],["parent/2326",[924,4.47]],["name/2327",[140,53.765]],["parent/2327",[1105,5.662]],["name/2328",[81,52.399]],["parent/2328",[1105,5.662]],["name/2329",[1108,79.917]],["parent/2329",[1105,5.662]],["name/2330",[1109,79.917]],["parent/2330",[1105,5.662]],["name/2331",[1110,79.917]],["parent/2331",[924,4.47]],["name/2332",[1111,79.917]],["parent/2332",[924,4.47]],["name/2333",[22,42.457]],["parent/2333",[924,4.47]],["name/2334",[64,57.942]],["parent/2334",[924,4.47]],["name/2335",[44,54.791]],["parent/2335",[924,4.47]],["name/2336",[1112,79.917]],["parent/2336",[924,4.47]],["name/2337",[1113,79.917]],["parent/2337",[924,4.47]],["name/2338",[1114,79.917]],["parent/2338",[924,4.47]],["name/2339",[1115,79.917]],["parent/2339",[924,4.47]],["name/2340",[1116,79.917]],["parent/2340",[924,4.47]],["name/2341",[1117,79.917]],["parent/2341",[924,4.47]],["name/2342",[1118,79.917]],["parent/2342",[924,4.47]],["name/2343",[1119,79.917]],["parent/2343",[924,4.47]],["name/2344",[1120,79.917]],["parent/2344",[924,4.47]],["name/2345",[1121,79.917]],["parent/2345",[924,4.47]],["name/2346",[1122,79.917]],["parent/2346",[924,4.47]],["name/2347",[1123,79.917]],["parent/2347",[924,4.47]],["name/2348",[1124,79.917]],["parent/2348",[924,4.47]],["name/2349",[1125,79.917]],["parent/2349",[924,4.47]],["name/2350",[1126,79.917]],["parent/2350",[924,4.47]],["name/2351",[1127,79.917]],["parent/2351",[924,4.47]],["name/2352",[1128,79.917]],["parent/2352",[924,4.47]],["name/2353",[1129,79.917]],["parent/2353",[924,4.47]],["name/2354",[23,28.075]],["parent/2354",[924,4.47]],["name/2355",[1130,65.252]],["parent/2355",[]],["name/2356",[292,66.923]],["parent/2356",[1130,6.112]],["name/2357",[71,55.347]],["parent/2357",[1130,6.112]],["name/2358",[1131,66.923]],["parent/2358",[1130,6.112]],["name/2359",[59,43.625]],["parent/2359",[1130,6.112]],["name/2360",[10,36.134]],["parent/2360",[1130,6.112]],["name/2361",[1132,57.228]],["parent/2361",[]],["name/2362",[292,66.923]],["parent/2362",[1132,5.36]],["name/2363",[1133,74.808]],["parent/2363",[1132,5.36]],["name/2364",[1134,79.917]],["parent/2364",[1132,5.36]],["name/2365",[1135,79.917]],["parent/2365",[1132,5.36]],["name/2366",[1136,79.917]],["parent/2366",[1132,5.36]],["name/2367",[1137,79.917]],["parent/2367",[1132,5.36]],["name/2368",[1138,65.252]],["parent/2368",[1132,5.36]],["name/2369",[867,74.808]],["parent/2369",[1132,5.36]],["name/2370",[1139,68.929]],["parent/2370",[1132,5.36]],["name/2371",[71,55.347]],["parent/2371",[1132,5.36]],["name/2372",[1131,66.923]],["parent/2372",[1132,5.36]],["name/2373",[59,43.625]],["parent/2373",[1132,5.36]],["name/2374",[10,36.134]],["parent/2374",[1132,5.36]],["name/2375",[1140,65.252]],["parent/2375",[]],["name/2376",[292,66.923]],["parent/2376",[1140,6.112]],["name/2377",[71,55.347]],["parent/2377",[1140,6.112]],["name/2378",[1131,66.923]],["parent/2378",[1140,6.112]],["name/2379",[59,43.625]],["parent/2379",[1140,6.112]],["name/2380",[10,36.134]],["parent/2380",[1140,6.112]],["name/2381",[1141,79.917]],["parent/2381",[]],["name/2382",[1142,57.228]],["parent/2382",[]],["name/2383",[1143,65.252]],["parent/2383",[1142,5.36]],["name/2384",[1144,79.917]],["parent/2384",[1142,5.36]],["name/2385",[35,43.625]],["parent/2385",[1142,5.36]],["name/2386",[23,28.075]],["parent/2386",[1142,5.36]],["name/2387",[71,55.347]],["parent/2387",[1145,5.978]],["name/2388",[23,28.075]],["parent/2388",[1145,5.978]],["name/2389",[292,66.923]],["parent/2389",[1145,5.978]],["name/2390",[1139,68.929]],["parent/2390",[1145,5.978]],["name/2391",[1133,74.808]],["parent/2391",[1145,5.978]],["name/2392",[1131,66.923]],["parent/2392",[1145,5.978]],["name/2393",[23,28.075]],["parent/2393",[1145,5.978]],["name/2394",[99,56.561]],["parent/2394",[1142,5.36]],["name/2395",[21,41.271]],["parent/2395",[1142,5.36]],["name/2396",[1146,74.808]],["parent/2396",[1142,5.36]],["name/2397",[868,66.923]],["parent/2397",[1142,5.36]],["name/2398",[1147,74.808]],["parent/2398",[1142,5.36]],["name/2399",[1148,79.917]],["parent/2399",[1142,5.36]],["name/2400",[22,42.457]],["parent/2400",[1142,5.36]],["name/2401",[1149,79.917]],["parent/2401",[1142,5.36]],["name/2402",[23,28.075]],["parent/2402",[1142,5.36]],["name/2403",[1150,59.546]],["parent/2403",[]],["name/2404",[811,65.252]],["parent/2404",[1150,5.577]],["name/2405",[75,41.996]],["parent/2405",[1150,5.577]],["name/2406",[10,36.134]],["parent/2406",[1150,5.577]],["name/2407",[1151,74.808]],["parent/2407",[1150,5.577]],["name/2408",[71,55.347]],["parent/2408",[1150,5.577]],["name/2409",[1152,74.808]],["parent/2409",[1150,5.577]],["name/2410",[868,66.923]],["parent/2410",[1150,5.577]],["name/2411",[1138,65.252]],["parent/2411",[1150,5.577]],["name/2412",[1153,74.808]],["parent/2412",[1150,5.577]],["name/2413",[1139,68.929]],["parent/2413",[1150,5.577]],["name/2414",[1143,65.252]],["parent/2414",[]],["name/2415",[21,41.271]],["parent/2415",[1143,6.112]],["name/2416",[1147,74.808]],["parent/2416",[1143,6.112]],["name/2417",[22,42.457]],["parent/2417",[1143,6.112]],["name/2418",[23,28.075]],["parent/2418",[1143,6.112]],["name/2419",[1154,55.935]],["parent/2419",[]],["name/2420",[811,65.252]],["parent/2420",[1154,5.239]],["name/2421",[17,51.197]],["parent/2421",[1154,5.239]],["name/2422",[75,41.996]],["parent/2422",[1154,5.239]],["name/2423",[1155,79.917]],["parent/2423",[1154,5.239]],["name/2424",[10,36.134]],["parent/2424",[1154,5.239]],["name/2425",[1152,74.808]],["parent/2425",[1154,5.239]],["name/2426",[71,55.347]],["parent/2426",[1154,5.239]],["name/2427",[1151,74.808]],["parent/2427",[1154,5.239]],["name/2428",[1131,66.923]],["parent/2428",[1154,5.239]],["name/2429",[1146,74.808]],["parent/2429",[1154,5.239]],["name/2430",[1153,74.808]],["parent/2430",[1154,5.239]],["name/2431",[1156,79.917]],["parent/2431",[1154,5.239]],["name/2432",[1139,68.929]],["parent/2432",[1154,5.239]],["name/2433",[1138,65.252]],["parent/2433",[1154,5.239]],["name/2434",[868,66.923]],["parent/2434",[1154,5.239]],["name/2435",[1157,74.808]],["parent/2435",[]],["name/2436",[1158,79.917]],["parent/2436",[1157,7.007]],["name/2437",[642,65.252]],["parent/2437",[]],["name/2438",[642,65.252]],["parent/2438",[]],["name/2439",[547,74.808]],["parent/2439",[642,6.112]],["name/2440",[108,71.443]],["parent/2440",[642,6.112]],["name/2441",[23,28.075]],["parent/2441",[642,6.112]],["name/2442",[1159,59.546]],["parent/2442",[]],["name/2443",[17,51.197]],["parent/2443",[1159,5.577]],["name/2444",[10,36.134]],["parent/2444",[1159,5.577]],["name/2445",[59,43.625]],["parent/2445",[1159,5.577]],["name/2446",[25,44.552]],["parent/2446",[1159,5.577]],["name/2447",[14,65.252]],["parent/2447",[1159,5.577]],["name/2448",[19,49.791]],["parent/2448",[1159,5.577]],["name/2449",[1160,79.917]],["parent/2449",[1159,5.577]],["name/2450",[1161,79.917]],["parent/2450",[1159,5.577]],["name/2451",[6,46.24]],["parent/2451",[1159,5.577]],["name/2452",[140,53.765]],["parent/2452",[1159,5.577]],["name/2453",[1162,74.808]],["parent/2453",[]],["name/2454",[23,28.075]],["parent/2454",[1162,7.007]],["name/2455",[498,68.929]],["parent/2455",[1163,5.499]],["name/2456",[23,28.075]],["parent/2456",[1163,5.499]],["name/2457",[936,74.808]],["parent/2457",[1163,5.499]],["name/2458",[23,28.075]],["parent/2458",[1163,5.499]],["name/2459",[1164,79.917]],["parent/2459",[1163,5.499]],["name/2460",[23,28.075]],["parent/2460",[1163,5.499]],["name/2461",[489,57.942]],["parent/2461",[1163,5.499]],["name/2462",[23,28.075]],["parent/2462",[1163,5.499]],["name/2463",[219,65.252]],["parent/2463",[1163,5.499]],["name/2464",[23,28.075]],["parent/2464",[1163,5.499]],["name/2465",[1165,79.917]],["parent/2465",[1163,5.499]],["name/2466",[23,28.075]],["parent/2466",[1163,5.499]],["name/2467",[1166,53.765]],["parent/2467",[]],["name/2468",[25,44.552]],["parent/2468",[1166,5.036]],["name/2469",[1167,71.443]],["parent/2469",[1166,5.036]],["name/2470",[1168,71.443]],["parent/2470",[1166,5.036]],["name/2471",[1018,61.457]],["parent/2471",[1166,5.036]],["name/2472",[1169,71.443]],["parent/2472",[1166,5.036]],["name/2473",[23,28.075]],["parent/2473",[1166,5.036]],["name/2474",[92,58.712]],["parent/2474",[1166,5.036]],["name/2475",[30,55.935]],["parent/2475",[1166,5.036]],["name/2476",[115,49.468]],["parent/2476",[1166,5.036]],["name/2477",[1043,68.929]],["parent/2477",[1166,5.036]],["name/2478",[1044,68.929]],["parent/2478",[1166,5.036]],["name/2479",[1045,68.929]],["parent/2479",[1166,5.036]],["name/2480",[1046,68.929]],["parent/2480",[1166,5.036]],["name/2481",[1047,68.929]],["parent/2481",[1166,5.036]],["name/2482",[1036,65.252]],["parent/2482",[1166,5.036]],["name/2483",[1037,65.252]],["parent/2483",[1166,5.036]],["name/2484",[1039,65.252]],["parent/2484",[1166,5.036]],["name/2485",[1040,65.252]],["parent/2485",[1166,5.036]],["name/2486",[1041,65.252]],["parent/2486",[1166,5.036]],["name/2487",[1170,51.197]],["parent/2487",[]],["name/2488",[1171,71.443]],["parent/2488",[1170,4.795]],["name/2489",[66,42.777]],["parent/2489",[1170,4.795]],["name/2490",[84,42.941]],["parent/2490",[1170,4.795]],["name/2491",[1172,71.443]],["parent/2491",[1170,4.795]],["name/2492",[1173,74.808]],["parent/2492",[1170,4.795]],["name/2493",[431,58.712]],["parent/2493",[1170,4.795]],["name/2494",[25,44.552]],["parent/2494",[1170,4.795]],["name/2495",[1167,71.443]],["parent/2495",[1170,4.795]],["name/2496",[1168,71.443]],["parent/2496",[1170,4.795]],["name/2497",[1018,61.457]],["parent/2497",[1170,4.795]],["name/2498",[1169,71.443]],["parent/2498",[1170,4.795]],["name/2499",[23,28.075]],["parent/2499",[1170,4.795]],["name/2500",[92,58.712]],["parent/2500",[1170,4.795]],["name/2501",[30,55.935]],["parent/2501",[1170,4.795]],["name/2502",[115,49.468]],["parent/2502",[1170,4.795]],["name/2503",[1043,68.929]],["parent/2503",[1170,4.795]],["name/2504",[1044,68.929]],["parent/2504",[1170,4.795]],["name/2505",[1045,68.929]],["parent/2505",[1170,4.795]],["name/2506",[1046,68.929]],["parent/2506",[1170,4.795]],["name/2507",[1047,68.929]],["parent/2507",[1170,4.795]],["name/2508",[1036,65.252]],["parent/2508",[1170,4.795]],["name/2509",[1037,65.252]],["parent/2509",[1170,4.795]],["name/2510",[1039,65.252]],["parent/2510",[1170,4.795]],["name/2511",[1040,65.252]],["parent/2511",[1170,4.795]],["name/2512",[1041,65.252]],["parent/2512",[1170,4.795]],["name/2513",[1174,51.197]],["parent/2513",[]],["name/2514",[1171,71.443]],["parent/2514",[1174,4.795]],["name/2515",[66,42.777]],["parent/2515",[1174,4.795]],["name/2516",[84,42.941]],["parent/2516",[1174,4.795]],["name/2517",[431,58.712]],["parent/2517",[1174,4.795]],["name/2518",[432,59.546]],["parent/2518",[1174,4.795]],["name/2519",[1173,74.808]],["parent/2519",[1174,4.795]],["name/2520",[25,44.552]],["parent/2520",[1174,4.795]],["name/2521",[1167,71.443]],["parent/2521",[1174,4.795]],["name/2522",[1168,71.443]],["parent/2522",[1174,4.795]],["name/2523",[1018,61.457]],["parent/2523",[1174,4.795]],["name/2524",[1169,71.443]],["parent/2524",[1174,4.795]],["name/2525",[23,28.075]],["parent/2525",[1174,4.795]],["name/2526",[92,58.712]],["parent/2526",[1174,4.795]],["name/2527",[30,55.935]],["parent/2527",[1174,4.795]],["name/2528",[115,49.468]],["parent/2528",[1174,4.795]],["name/2529",[1043,68.929]],["parent/2529",[1174,4.795]],["name/2530",[1044,68.929]],["parent/2530",[1174,4.795]],["name/2531",[1045,68.929]],["parent/2531",[1174,4.795]],["name/2532",[1046,68.929]],["parent/2532",[1174,4.795]],["name/2533",[1047,68.929]],["parent/2533",[1174,4.795]],["name/2534",[1036,65.252]],["parent/2534",[1174,4.795]],["name/2535",[1037,65.252]],["parent/2535",[1174,4.795]],["name/2536",[1039,65.252]],["parent/2536",[1174,4.795]],["name/2537",[1040,65.252]],["parent/2537",[1174,4.795]],["name/2538",[1041,65.252]],["parent/2538",[1174,4.795]],["name/2539",[1175,79.917]],["parent/2539",[]],["name/2540",[1176,61.457]],["parent/2540",[]],["name/2541",[1177,66.923]],["parent/2541",[1176,5.756]],["name/2542",[66,42.777]],["parent/2542",[1176,5.756]],["name/2543",[952,50.827]],["parent/2543",[1176,5.756]],["name/2544",[431,58.712]],["parent/2544",[1176,5.756]],["name/2545",[432,59.546]],["parent/2545",[1176,5.756]],["name/2546",[1178,74.808]],["parent/2546",[1176,5.756]],["name/2547",[548,52.834]],["parent/2547",[1176,5.756]],["name/2548",[23,28.075]],["parent/2548",[1176,5.756]],["name/2549",[199,51.982]],["parent/2549",[1179,6.691]],["name/2550",[283,65.252]],["parent/2550",[1179,6.691]],["name/2551",[25,44.552]],["parent/2551",[1179,6.691]],["name/2552",[1180,61.457]],["parent/2552",[]],["name/2553",[1177,66.923]],["parent/2553",[1180,5.756]],["name/2554",[66,42.777]],["parent/2554",[1180,5.756]],["name/2555",[952,50.827]],["parent/2555",[1180,5.756]],["name/2556",[431,58.712]],["parent/2556",[1180,5.756]],["name/2557",[432,59.546]],["parent/2557",[1180,5.756]],["name/2558",[1178,74.808]],["parent/2558",[1180,5.756]],["name/2559",[548,52.834]],["parent/2559",[1180,5.756]],["name/2560",[23,28.075]],["parent/2560",[1180,5.756]],["name/2561",[199,51.982]],["parent/2561",[1181,6.691]],["name/2562",[283,65.252]],["parent/2562",[1181,6.691]],["name/2563",[25,44.552]],["parent/2563",[1181,6.691]],["name/2564",[1182,79.917]],["parent/2564",[]],["name/2565",[926,53.765]],["parent/2565",[]],["name/2566",[35,43.625]],["parent/2566",[926,5.036]],["name/2567",[23,28.075]],["parent/2567",[926,5.036]],["name/2568",[1171,71.443]],["parent/2568",[1183,6.456]],["name/2569",[25,44.552]],["parent/2569",[1183,6.456]],["name/2570",[1172,71.443]],["parent/2570",[1183,6.456]],["name/2571",[115,49.468]],["parent/2571",[1183,6.456]],["name/2572",[98,53.765]],["parent/2572",[926,5.036]],["name/2573",[99,56.561]],["parent/2573",[926,5.036]],["name/2574",[21,41.271]],["parent/2574",[926,5.036]],["name/2575",[100,53.288]],["parent/2575",[926,5.036]],["name/2576",[1184,79.917]],["parent/2576",[926,5.036]],["name/2577",[1185,79.917]],["parent/2577",[926,5.036]],["name/2578",[1186,74.808]],["parent/2578",[926,5.036]],["name/2579",[44,54.791]],["parent/2579",[926,5.036]],["name/2580",[64,57.942]],["parent/2580",[926,5.036]],["name/2581",[1187,79.917]],["parent/2581",[926,5.036]],["name/2582",[1061,74.808]],["parent/2582",[926,5.036]],["name/2583",[22,42.457]],["parent/2583",[926,5.036]],["name/2584",[23,28.075]],["parent/2584",[926,5.036]],["name/2585",[1188,74.808]],["parent/2585",[]],["name/2586",[23,28.075]],["parent/2586",[1188,7.007]],["name/2587",[1189,61.457]],["parent/2587",[]],["name/2588",[887,59.546]],["parent/2588",[1189,5.756]],["name/2589",[889,60.456]],["parent/2589",[1189,5.756]],["name/2590",[888,68.929]],["parent/2590",[1189,5.756]],["name/2591",[1190,74.808]],["parent/2591",[1189,5.756]],["name/2592",[84,42.941]],["parent/2592",[1189,5.756]],["name/2593",[1191,74.808]],["parent/2593",[1189,5.756]],["name/2594",[1192,74.808]],["parent/2594",[1189,5.756]],["name/2595",[10,36.134]],["parent/2595",[1189,5.756]],["name/2596",[1193,68.929]],["parent/2596",[]],["name/2597",[887,59.546]],["parent/2597",[1193,6.456]],["name/2598",[888,68.929]],["parent/2598",[1193,6.456]],["name/2599",[889,60.456]],["parent/2599",[1193,6.456]],["name/2600",[1194,74.808]],["parent/2600",[]],["name/2601",[23,28.075]],["parent/2601",[1194,7.007]],["name/2602",[1195,57.942]],["parent/2602",[]],["name/2603",[21,41.271]],["parent/2603",[1195,5.427]],["name/2604",[168,52.834]],["parent/2604",[1195,5.427]],["name/2605",[1196,68.929]],["parent/2605",[1195,5.427]],["name/2606",[1197,68.929]],["parent/2606",[1195,5.427]],["name/2607",[23,28.075]],["parent/2607",[1195,5.427]],["name/2608",[1198,68.929]],["parent/2608",[1195,5.427]],["name/2609",[1199,68.929]],["parent/2609",[1195,5.427]],["name/2610",[1200,68.929]],["parent/2610",[1195,5.427]],["name/2611",[1201,68.929]],["parent/2611",[1195,5.427]],["name/2612",[1202,68.929]],["parent/2612",[1195,5.427]],["name/2613",[1203,68.929]],["parent/2613",[1195,5.427]],["name/2614",[23,28.075]],["parent/2614",[1195,5.427]],["name/2615",[916,52.399]],["parent/2615",[]],["name/2616",[35,43.625]],["parent/2616",[916,4.908]],["name/2617",[23,28.075]],["parent/2617",[916,4.908]],["name/2618",[887,59.546]],["parent/2618",[1204,6.268]],["name/2619",[889,60.456]],["parent/2619",[1204,6.268]],["name/2620",[1205,68.929]],["parent/2620",[1204,6.268]],["name/2621",[1206,74.808]],["parent/2621",[1204,6.268]],["name/2622",[1207,74.808]],["parent/2622",[1204,6.268]],["name/2623",[21,41.271]],["parent/2623",[916,4.908]],["name/2624",[168,52.834]],["parent/2624",[916,4.908]],["name/2625",[1196,68.929]],["parent/2625",[916,4.908]],["name/2626",[22,42.457]],["parent/2626",[916,4.908]],["name/2627",[1197,68.929]],["parent/2627",[916,4.908]],["name/2628",[23,28.075]],["parent/2628",[916,4.908]],["name/2629",[1198,68.929]],["parent/2629",[916,4.908]],["name/2630",[1199,68.929]],["parent/2630",[916,4.908]],["name/2631",[1200,68.929]],["parent/2631",[916,4.908]],["name/2632",[1201,68.929]],["parent/2632",[916,4.908]],["name/2633",[1202,68.929]],["parent/2633",[916,4.908]],["name/2634",[1203,68.929]],["parent/2634",[916,4.908]],["name/2635",[23,28.075]],["parent/2635",[916,4.908]],["name/2636",[1208,55.935]],["parent/2636",[]],["name/2637",[35,43.625]],["parent/2637",[1208,5.239]],["name/2638",[23,28.075]],["parent/2638",[1208,5.239]],["name/2639",[887,59.546]],["parent/2639",[1209,6.268]],["name/2640",[889,60.456]],["parent/2640",[1209,6.268]],["name/2641",[1205,68.929]],["parent/2641",[1209,6.268]],["name/2642",[1206,74.808]],["parent/2642",[1209,6.268]],["name/2643",[1207,74.808]],["parent/2643",[1209,6.268]],["name/2644",[21,41.271]],["parent/2644",[1208,5.239]],["name/2645",[168,52.834]],["parent/2645",[1208,5.239]],["name/2646",[1196,68.929]],["parent/2646",[1208,5.239]],["name/2647",[22,42.457]],["parent/2647",[1208,5.239]],["name/2648",[1197,68.929]],["parent/2648",[1208,5.239]],["name/2649",[23,28.075]],["parent/2649",[1208,5.239]],["name/2650",[1198,68.929]],["parent/2650",[1208,5.239]],["name/2651",[1199,68.929]],["parent/2651",[1208,5.239]],["name/2652",[1200,68.929]],["parent/2652",[1208,5.239]],["name/2653",[1201,68.929]],["parent/2653",[1208,5.239]],["name/2654",[1202,68.929]],["parent/2654",[1208,5.239]],["name/2655",[1203,68.929]],["parent/2655",[1208,5.239]],["name/2656",[23,28.075]],["parent/2656",[1208,5.239]],["name/2657",[1210,60.456]],["parent/2657",[]],["name/2658",[1205,68.929]],["parent/2658",[1210,5.662]],["name/2659",[887,59.546]],["parent/2659",[1210,5.662]],["name/2660",[889,60.456]],["parent/2660",[1210,5.662]],["name/2661",[888,68.929]],["parent/2661",[1210,5.662]],["name/2662",[1190,74.808]],["parent/2662",[1210,5.662]],["name/2663",[84,42.941]],["parent/2663",[1210,5.662]],["name/2664",[1191,74.808]],["parent/2664",[1210,5.662]],["name/2665",[1192,74.808]],["parent/2665",[1210,5.662]],["name/2666",[10,36.134]],["parent/2666",[1210,5.662]],["name/2667",[1211,55.935]],["parent/2667",[]],["name/2668",[35,43.625]],["parent/2668",[1211,5.239]],["name/2669",[23,28.075]],["parent/2669",[1211,5.239]],["name/2670",[887,59.546]],["parent/2670",[1212,6.691]],["name/2671",[889,60.456]],["parent/2671",[1212,6.691]],["name/2672",[1205,68.929]],["parent/2672",[1212,6.691]],["name/2673",[21,41.271]],["parent/2673",[1211,5.239]],["name/2674",[168,52.834]],["parent/2674",[1211,5.239]],["name/2675",[1196,68.929]],["parent/2675",[1211,5.239]],["name/2676",[22,42.457]],["parent/2676",[1211,5.239]],["name/2677",[1197,68.929]],["parent/2677",[1211,5.239]],["name/2678",[23,28.075]],["parent/2678",[1211,5.239]],["name/2679",[1198,68.929]],["parent/2679",[1211,5.239]],["name/2680",[1199,68.929]],["parent/2680",[1211,5.239]],["name/2681",[1200,68.929]],["parent/2681",[1211,5.239]],["name/2682",[1201,68.929]],["parent/2682",[1211,5.239]],["name/2683",[1202,68.929]],["parent/2683",[1211,5.239]],["name/2684",[1203,68.929]],["parent/2684",[1211,5.239]],["name/2685",[23,28.075]],["parent/2685",[1211,5.239]],["name/2686",[81,52.399]],["parent/2686",[]],["name/2687",[23,28.075]],["parent/2687",[81,4.908]],["name/2688",[1213,79.917]],["parent/2688",[1214,6.112]],["name/2689",[1215,79.917]],["parent/2689",[1214,6.112]],["name/2690",[1216,79.917]],["parent/2690",[1214,6.112]],["name/2691",[1217,79.917]],["parent/2691",[1214,6.112]],["name/2692",[1218,79.917]],["parent/2692",[1214,6.112]],["name/2693",[1219,79.917]],["parent/2693",[1214,6.112]],["name/2694",[1220,66.923]],["parent/2694",[]],["name/2695",[10,36.134]],["parent/2695",[1220,6.268]],["name/2696",[59,43.625]],["parent/2696",[1220,6.268]],["name/2697",[1221,65.252]],["parent/2697",[1220,6.268]],["name/2698",[1222,68.929]],["parent/2698",[1220,6.268]],["name/2699",[1223,65.252]],["parent/2699",[]],["name/2700",[10,36.134]],["parent/2700",[1223,6.112]],["name/2701",[59,43.625]],["parent/2701",[1223,6.112]],["name/2702",[1222,68.929]],["parent/2702",[1223,6.112]],["name/2703",[1221,65.252]],["parent/2703",[1223,6.112]],["name/2704",[1224,74.808]],["parent/2704",[1223,6.112]],["name/2705",[1225,74.808]],["parent/2705",[]],["name/2706",[1224,74.808]],["parent/2706",[1225,7.007]],["name/2707",[1226,66.923]],["parent/2707",[]],["name/2708",[1227,79.917]],["parent/2708",[1226,6.268]],["name/2709",[10,36.134]],["parent/2709",[1226,6.268]],["name/2710",[59,43.625]],["parent/2710",[1226,6.268]],["name/2711",[1221,65.252]],["parent/2711",[1226,6.268]],["name/2712",[1228,65.252]],["parent/2712",[]],["name/2713",[90,50.469]],["parent/2713",[1228,6.112]],["name/2714",[55,74.808]],["parent/2714",[1228,6.112]],["name/2715",[10,36.134]],["parent/2715",[1228,6.112]],["name/2716",[59,43.625]],["parent/2716",[1228,6.112]],["name/2717",[1221,65.252]],["parent/2717",[1228,6.112]],["name/2718",[1229,61.457]],["parent/2718",[]],["name/2719",[1230,74.808]],["parent/2719",[1229,5.756]],["name/2720",[1222,68.929]],["parent/2720",[1229,5.756]],["name/2721",[1231,74.808]],["parent/2721",[1229,5.756]],["name/2722",[1232,74.808]],["parent/2722",[1229,5.756]],["name/2723",[1221,65.252]],["parent/2723",[1229,5.756]],["name/2724",[1233,74.808]],["parent/2724",[1229,5.756]],["name/2725",[59,43.625]],["parent/2725",[1229,5.756]],["name/2726",[10,36.134]],["parent/2726",[1229,5.756]],["name/2727",[1234,59.546]],["parent/2727",[]],["name/2728",[10,36.134]],["parent/2728",[1234,5.577]],["name/2729",[59,43.625]],["parent/2729",[1234,5.577]],["name/2730",[1230,74.808]],["parent/2730",[1234,5.577]],["name/2731",[114,71.443]],["parent/2731",[1234,5.577]],["name/2732",[115,49.468]],["parent/2732",[1234,5.577]],["name/2733",[1221,65.252]],["parent/2733",[1234,5.577]],["name/2734",[1233,74.808]],["parent/2734",[1234,5.577]],["name/2735",[1231,74.808]],["parent/2735",[1234,5.577]],["name/2736",[1232,74.808]],["parent/2736",[1234,5.577]],["name/2737",[1222,68.929]],["parent/2737",[1234,5.577]],["name/2738",[1235,51.982]],["parent/2738",[]],["name/2739",[288,61.457]],["parent/2739",[1235,4.869]],["name/2740",[6,46.24]],["parent/2740",[1235,4.869]],["name/2741",[72,57.942]],["parent/2741",[1235,4.869]],["name/2742",[140,53.765]],["parent/2742",[1235,4.869]],["name/2743",[1236,58.712]],["parent/2743",[1235,4.869]],["name/2744",[1237,63.821]],["parent/2744",[1235,4.869]],["name/2745",[1238,66.923]],["parent/2745",[1235,4.869]],["name/2746",[1239,65.252]],["parent/2746",[1235,4.869]],["name/2747",[19,49.791]],["parent/2747",[1235,4.869]],["name/2748",[1240,65.252]],["parent/2748",[1235,4.869]],["name/2749",[1241,65.252]],["parent/2749",[1235,4.869]],["name/2750",[25,44.552]],["parent/2750",[1235,4.869]],["name/2751",[199,51.982]],["parent/2751",[1235,4.869]],["name/2752",[200,57.228]],["parent/2752",[1235,4.869]],["name/2753",[1242,65.252]],["parent/2753",[1235,4.869]],["name/2754",[1243,65.252]],["parent/2754",[1235,4.869]],["name/2755",[10,36.134]],["parent/2755",[1235,4.869]],["name/2756",[59,43.625]],["parent/2756",[1235,4.869]],["name/2757",[1244,59.546]],["parent/2757",[1235,4.869]],["name/2758",[1245,63.821]],["parent/2758",[1235,4.869]],["name/2759",[1246,63.821]],["parent/2759",[1235,4.869]],["name/2760",[1247,63.821]],["parent/2760",[1235,4.869]],["name/2761",[1248,65.252]],["parent/2761",[1235,4.869]],["name/2762",[1249,50.827]],["parent/2762",[]],["name/2763",[288,61.457]],["parent/2763",[1249,4.761]],["name/2764",[1250,71.443]],["parent/2764",[1249,4.761]],["name/2765",[326,68.929]],["parent/2765",[1249,4.761]],["name/2766",[1251,62.569]],["parent/2766",[1249,4.761]],["name/2767",[6,46.24]],["parent/2767",[1249,4.761]],["name/2768",[72,57.942]],["parent/2768",[1249,4.761]],["name/2769",[140,53.765]],["parent/2769",[1249,4.761]],["name/2770",[1236,58.712]],["parent/2770",[1249,4.761]],["name/2771",[1237,63.821]],["parent/2771",[1249,4.761]],["name/2772",[1238,66.923]],["parent/2772",[1249,4.761]],["name/2773",[1239,65.252]],["parent/2773",[1249,4.761]],["name/2774",[19,49.791]],["parent/2774",[1249,4.761]],["name/2775",[1240,65.252]],["parent/2775",[1249,4.761]],["name/2776",[1241,65.252]],["parent/2776",[1249,4.761]],["name/2777",[25,44.552]],["parent/2777",[1249,4.761]],["name/2778",[199,51.982]],["parent/2778",[1249,4.761]],["name/2779",[200,57.228]],["parent/2779",[1249,4.761]],["name/2780",[1242,65.252]],["parent/2780",[1249,4.761]],["name/2781",[1243,65.252]],["parent/2781",[1249,4.761]],["name/2782",[10,36.134]],["parent/2782",[1249,4.761]],["name/2783",[59,43.625]],["parent/2783",[1249,4.761]],["name/2784",[1244,59.546]],["parent/2784",[1249,4.761]],["name/2785",[1245,63.821]],["parent/2785",[1249,4.761]],["name/2786",[1246,63.821]],["parent/2786",[1249,4.761]],["name/2787",[1247,63.821]],["parent/2787",[1249,4.761]],["name/2788",[1248,65.252]],["parent/2788",[1249,4.761]],["name/2789",[1252,49.468]],["parent/2789",[]],["name/2790",[288,61.457]],["parent/2790",[1252,4.633]],["name/2791",[1253,74.808]],["parent/2791",[1252,4.633]],["name/2792",[1254,74.808]],["parent/2792",[1252,4.633]],["name/2793",[1255,68.929]],["parent/2793",[1252,4.633]],["name/2794",[1256,74.808]],["parent/2794",[1252,4.633]],["name/2795",[1257,74.808]],["parent/2795",[1252,4.633]],["name/2796",[1258,74.808]],["parent/2796",[1252,4.633]],["name/2797",[1251,62.569]],["parent/2797",[1252,4.633]],["name/2798",[6,46.24]],["parent/2798",[1252,4.633]],["name/2799",[72,57.942]],["parent/2799",[1252,4.633]],["name/2800",[140,53.765]],["parent/2800",[1252,4.633]],["name/2801",[1236,58.712]],["parent/2801",[1252,4.633]],["name/2802",[1237,63.821]],["parent/2802",[1252,4.633]],["name/2803",[1238,66.923]],["parent/2803",[1252,4.633]],["name/2804",[1239,65.252]],["parent/2804",[1252,4.633]],["name/2805",[19,49.791]],["parent/2805",[1252,4.633]],["name/2806",[1240,65.252]],["parent/2806",[1252,4.633]],["name/2807",[1241,65.252]],["parent/2807",[1252,4.633]],["name/2808",[25,44.552]],["parent/2808",[1252,4.633]],["name/2809",[199,51.982]],["parent/2809",[1252,4.633]],["name/2810",[200,57.228]],["parent/2810",[1252,4.633]],["name/2811",[1242,65.252]],["parent/2811",[1252,4.633]],["name/2812",[1243,65.252]],["parent/2812",[1252,4.633]],["name/2813",[10,36.134]],["parent/2813",[1252,4.633]],["name/2814",[59,43.625]],["parent/2814",[1252,4.633]],["name/2815",[1244,59.546]],["parent/2815",[1252,4.633]],["name/2816",[1245,63.821]],["parent/2816",[1252,4.633]],["name/2817",[1246,63.821]],["parent/2817",[1252,4.633]],["name/2818",[1247,63.821]],["parent/2818",[1252,4.633]],["name/2819",[1248,65.252]],["parent/2819",[1252,4.633]],["name/2820",[1259,51.582]],["parent/2820",[]],["name/2821",[288,61.457]],["parent/2821",[1259,4.831]],["name/2822",[1251,62.569]],["parent/2822",[1259,4.831]],["name/2823",[6,46.24]],["parent/2823",[1259,4.831]],["name/2824",[72,57.942]],["parent/2824",[1259,4.831]],["name/2825",[140,53.765]],["parent/2825",[1259,4.831]],["name/2826",[1236,58.712]],["parent/2826",[1259,4.831]],["name/2827",[1237,63.821]],["parent/2827",[1259,4.831]],["name/2828",[1238,66.923]],["parent/2828",[1259,4.831]],["name/2829",[1239,65.252]],["parent/2829",[1259,4.831]],["name/2830",[19,49.791]],["parent/2830",[1259,4.831]],["name/2831",[1240,65.252]],["parent/2831",[1259,4.831]],["name/2832",[1241,65.252]],["parent/2832",[1259,4.831]],["name/2833",[25,44.552]],["parent/2833",[1259,4.831]],["name/2834",[199,51.982]],["parent/2834",[1259,4.831]],["name/2835",[200,57.228]],["parent/2835",[1259,4.831]],["name/2836",[1242,65.252]],["parent/2836",[1259,4.831]],["name/2837",[1243,65.252]],["parent/2837",[1259,4.831]],["name/2838",[10,36.134]],["parent/2838",[1259,4.831]],["name/2839",[59,43.625]],["parent/2839",[1259,4.831]],["name/2840",[1244,59.546]],["parent/2840",[1259,4.831]],["name/2841",[1245,63.821]],["parent/2841",[1259,4.831]],["name/2842",[1246,63.821]],["parent/2842",[1259,4.831]],["name/2843",[1247,63.821]],["parent/2843",[1259,4.831]],["name/2844",[1248,65.252]],["parent/2844",[1259,4.831]],["name/2845",[1260,79.917]],["parent/2845",[]],["name/2846",[1261,52.834]],["parent/2846",[]],["name/2847",[72,57.942]],["parent/2847",[1261,4.948]],["name/2848",[140,53.765]],["parent/2848",[1261,4.948]],["name/2849",[1236,58.712]],["parent/2849",[1261,4.948]],["name/2850",[1237,63.821]],["parent/2850",[1261,4.948]],["name/2851",[1238,66.923]],["parent/2851",[1261,4.948]],["name/2852",[1239,65.252]],["parent/2852",[1261,4.948]],["name/2853",[19,49.791]],["parent/2853",[1261,4.948]],["name/2854",[1240,65.252]],["parent/2854",[1261,4.948]],["name/2855",[1241,65.252]],["parent/2855",[1261,4.948]],["name/2856",[25,44.552]],["parent/2856",[1261,4.948]],["name/2857",[199,51.982]],["parent/2857",[1261,4.948]],["name/2858",[200,57.228]],["parent/2858",[1261,4.948]],["name/2859",[1242,65.252]],["parent/2859",[1261,4.948]],["name/2860",[1243,65.252]],["parent/2860",[1261,4.948]],["name/2861",[10,36.134]],["parent/2861",[1261,4.948]],["name/2862",[59,43.625]],["parent/2862",[1261,4.948]],["name/2863",[1244,59.546]],["parent/2863",[1261,4.948]],["name/2864",[1245,63.821]],["parent/2864",[1261,4.948]],["name/2865",[1246,63.821]],["parent/2865",[1261,4.948]],["name/2866",[1247,63.821]],["parent/2866",[1261,4.948]],["name/2867",[1248,65.252]],["parent/2867",[1261,4.948]],["name/2868",[1262,79.917]],["parent/2868",[]],["name/2869",[1263,71.443]],["parent/2869",[]],["name/2870",[1264,74.808]],["parent/2870",[1263,6.691]],["name/2871",[1265,74.808]],["parent/2871",[1263,6.691]],["name/2872",[548,52.834]],["parent/2872",[]],["name/2873",[35,43.625]],["parent/2873",[548,4.948]],["name/2874",[23,28.075]],["parent/2874",[548,4.948]],["name/2875",[288,61.457]],["parent/2875",[1266,5.756]],["name/2876",[140,53.765]],["parent/2876",[1266,5.756]],["name/2877",[1236,58.712]],["parent/2877",[1266,5.756]],["name/2878",[25,44.552]],["parent/2878",[1266,5.756]],["name/2879",[1254,74.808]],["parent/2879",[1266,5.756]],["name/2880",[1253,74.808]],["parent/2880",[1266,5.756]],["name/2881",[1244,59.546]],["parent/2881",[1266,5.756]],["name/2882",[1267,79.917]],["parent/2882",[548,4.948]],["name/2883",[23,28.075]],["parent/2883",[548,4.948]],["name/2884",[21,41.271]],["parent/2884",[548,4.948]],["name/2885",[37,54.791]],["parent/2885",[548,4.948]],["name/2886",[23,28.075]],["parent/2886",[548,4.948]],["name/2887",[1264,74.808]],["parent/2887",[1266,5.756]],["name/2888",[1265,74.808]],["parent/2888",[1266,5.756]],["name/2889",[1268,79.917]],["parent/2889",[548,4.948]],["name/2890",[1269,71.443]],["parent/2890",[548,4.948]],["name/2891",[1270,79.917]],["parent/2891",[548,4.948]],["name/2892",[1271,66.923]],["parent/2892",[548,4.948]],["name/2893",[45,58.712]],["parent/2893",[548,4.948]],["name/2894",[22,42.457]],["parent/2894",[548,4.948]],["name/2895",[23,28.075]],["parent/2895",[548,4.948]],["name/2896",[1272,79.917]],["parent/2896",[]],["name/2897",[1273,57.228]],["parent/2897",[]],["name/2898",[140,53.765]],["parent/2898",[1273,5.36]],["name/2899",[1236,58.712]],["parent/2899",[1273,5.36]],["name/2900",[1239,65.252]],["parent/2900",[1273,5.36]],["name/2901",[19,49.791]],["parent/2901",[1273,5.36]],["name/2902",[1240,65.252]],["parent/2902",[1273,5.36]],["name/2903",[1241,65.252]],["parent/2903",[1273,5.36]],["name/2904",[1244,59.546]],["parent/2904",[1273,5.36]],["name/2905",[199,51.982]],["parent/2905",[1273,5.36]],["name/2906",[200,57.228]],["parent/2906",[1273,5.36]],["name/2907",[1242,65.252]],["parent/2907",[1273,5.36]],["name/2908",[1243,65.252]],["parent/2908",[1273,5.36]],["name/2909",[10,36.134]],["parent/2909",[1273,5.36]],["name/2910",[59,43.625]],["parent/2910",[1273,5.36]],["name/2911",[1274,74.808]],["parent/2911",[]],["name/2912",[199,51.982]],["parent/2912",[1274,7.007]],["name/2913",[1275,48.273]],["parent/2913",[]],["name/2914",[98,53.765]],["parent/2914",[1275,4.521]],["name/2915",[35,43.625]],["parent/2915",[1275,4.521]],["name/2916",[23,28.075]],["parent/2916",[1275,4.521]],["name/2917",[1236,58.712]],["parent/2917",[1276,5.662]],["name/2918",[1244,59.546]],["parent/2918",[1276,5.662]],["name/2919",[486,71.443]],["parent/2919",[1275,4.521]],["name/2920",[72,57.942]],["parent/2920",[1275,4.521]],["name/2921",[23,28.075]],["parent/2921",[1275,4.521]],["name/2922",[288,61.457]],["parent/2922",[1275,4.521]],["name/2923",[23,28.075]],["parent/2923",[1275,4.521]],["name/2924",[1277,79.917]],["parent/2924",[1276,5.662]],["name/2925",[23,28.075]],["parent/2925",[1276,5.662]],["name/2926",[1278,79.917]],["parent/2926",[1276,5.662]],["name/2927",[23,28.075]],["parent/2927",[1276,5.662]],["name/2928",[1056,74.808]],["parent/2928",[1276,5.662]],["name/2929",[23,28.075]],["parent/2929",[1276,5.662]],["name/2930",[1279,79.917]],["parent/2930",[1276,5.662]],["name/2931",[140,53.765]],["parent/2931",[1275,4.521]],["name/2932",[1280,79.917]],["parent/2932",[1275,4.521]],["name/2933",[23,28.075]],["parent/2933",[1275,4.521]],["name/2934",[100,53.288]],["parent/2934",[1275,4.521]],["name/2935",[99,56.561]],["parent/2935",[1275,4.521]],["name/2936",[21,41.271]],["parent/2936",[1275,4.521]],["name/2937",[100,53.288]],["parent/2937",[1275,4.521]],["name/2938",[1281,79.917]],["parent/2938",[1275,4.521]],["name/2939",[23,28.075]],["parent/2939",[1275,4.521]],["name/2940",[1282,74.808]],["parent/2940",[1275,4.521]],["name/2941",[1283,79.917]],["parent/2941",[1275,4.521]],["name/2942",[157,71.443]],["parent/2942",[1275,4.521]],["name/2943",[37,54.791]],["parent/2943",[1275,4.521]],["name/2944",[23,28.075]],["parent/2944",[1275,4.521]],["name/2945",[199,51.982]],["parent/2945",[1276,5.662]],["name/2946",[263,74.808]],["parent/2946",[1275,4.521]],["name/2947",[1269,71.443]],["parent/2947",[1275,4.521]],["name/2948",[94,63.821]],["parent/2948",[1275,4.521]],["name/2949",[108,71.443]],["parent/2949",[1275,4.521]],["name/2950",[1284,79.917]],["parent/2950",[1275,4.521]],["name/2951",[44,54.791]],["parent/2951",[1275,4.521]],["name/2952",[64,57.942]],["parent/2952",[1275,4.521]],["name/2953",[45,58.712]],["parent/2953",[1275,4.521]],["name/2954",[22,42.457]],["parent/2954",[1275,4.521]],["name/2955",[23,28.075]],["parent/2955",[1275,4.521]],["name/2956",[1285,79.917]],["parent/2956",[]],["name/2957",[1286,74.808]],["parent/2957",[]],["name/2958",[71,55.347]],["parent/2958",[1286,7.007]],["name/2959",[1287,66.923]],["parent/2959",[]],["name/2960",[1250,71.443]],["parent/2960",[1287,6.268]],["name/2961",[326,68.929]],["parent/2961",[1287,6.268]],["name/2962",[1251,62.569]],["parent/2962",[1287,6.268]],["name/2963",[6,46.24]],["parent/2963",[1287,6.268]],["name/2964",[1288,79.917]],["parent/2964",[]],["name/2965",[1289,74.808]],["parent/2965",[]],["name/2966",[1255,68.929]],["parent/2966",[1289,7.007]],["name/2967",[1290,79.917]],["parent/2967",[]],["name/2968",[1291,79.917]],["parent/2968",[]],["name/2969",[1292,71.443]],["parent/2969",[]],["name/2970",[175,65.252]],["parent/2970",[1292,6.691]],["name/2971",[176,63.821]],["parent/2971",[1292,6.691]],["name/2972",[1293,63.821]],["parent/2972",[]],["name/2973",[1256,74.808]],["parent/2973",[1293,5.978]],["name/2974",[1257,74.808]],["parent/2974",[1293,5.978]],["name/2975",[1258,74.808]],["parent/2975",[1293,5.978]],["name/2976",[1251,62.569]],["parent/2976",[1293,5.978]],["name/2977",[6,46.24]],["parent/2977",[1293,5.978]],["name/2978",[1255,68.929]],["parent/2978",[1293,5.978]],["name/2979",[1294,79.917]],["parent/2979",[]],["name/2980",[1295,71.443]],["parent/2980",[]],["name/2981",[1058,74.808]],["parent/2981",[1295,6.691]],["name/2982",[653,66.923]],["parent/2982",[1295,6.691]],["name/2983",[1296,71.443]],["parent/2983",[]],["name/2984",[1251,62.569]],["parent/2984",[1296,6.691]],["name/2985",[6,46.24]],["parent/2985",[1296,6.691]],["name/2986",[1297,74.808]],["parent/2986",[]],["name/2987",[6,46.24]],["parent/2987",[1297,7.007]],["name/2988",[1298,63.821]],["parent/2988",[]],["name/2989",[98,53.765]],["parent/2989",[1298,5.978]],["name/2990",[21,41.271]],["parent/2990",[1298,5.978]],["name/2991",[100,53.288]],["parent/2991",[1298,5.978]],["name/2992",[1299,79.917]],["parent/2992",[1298,5.978]],["name/2993",[22,42.457]],["parent/2993",[1298,5.978]],["name/2994",[23,28.075]],["parent/2994",[1298,5.978]],["name/2995",[1300,71.443]],["parent/2995",[]],["name/2996",[59,43.625]],["parent/2996",[1300,6.691]],["name/2997",[10,36.134]],["parent/2997",[1300,6.691]],["name/2998",[1301,61.457]],["parent/2998",[]],["name/2999",[1302,79.917]],["parent/2999",[1301,5.756]],["name/3000",[1303,79.917]],["parent/3000",[1301,5.756]],["name/3001",[1304,79.917]],["parent/3001",[1301,5.756]],["name/3002",[1305,79.917]],["parent/3002",[1301,5.756]],["name/3003",[1236,58.712]],["parent/3003",[1301,5.756]],["name/3004",[486,71.443]],["parent/3004",[1301,5.756]],["name/3005",[1306,74.808]],["parent/3005",[1301,5.756]],["name/3006",[72,57.942]],["parent/3006",[1301,5.756]],["name/3007",[1307,79.917]],["parent/3007",[]],["name/3008",[1308,79.917]],["parent/3008",[]],["name/3009",[1309,74.808]],["parent/3009",[]],["name/3010",[1269,71.443]],["parent/3010",[1309,7.007]],["name/3011",[1310,59.546]],["parent/3011",[]],["name/3012",[1275,48.273]],["parent/3012",[1310,5.577]],["name/3013",[199,51.982]],["parent/3013",[1310,5.577]],["name/3014",[1244,59.546]],["parent/3014",[1310,5.577]],["name/3015",[1311,79.917]],["parent/3015",[1310,5.577]],["name/3016",[1236,58.712]],["parent/3016",[1310,5.577]],["name/3017",[1282,74.808]],["parent/3017",[1310,5.577]],["name/3018",[10,36.134]],["parent/3018",[1310,5.577]],["name/3019",[157,71.443]],["parent/3019",[1310,5.577]],["name/3020",[1312,79.917]],["parent/3020",[1310,5.577]],["name/3021",[59,43.625]],["parent/3021",[1310,5.577]],["name/3022",[1313,74.808]],["parent/3022",[]],["name/3023",[23,28.075]],["parent/3023",[1313,7.007]],["name/3024",[1314,71.443]],["parent/3024",[]],["name/3025",[71,55.347]],["parent/3025",[1314,6.691]],["name/3026",[1251,62.569]],["parent/3026",[1314,6.691]],["name/3027",[1315,61.457]],["parent/3027",[]],["name/3028",[98,53.765]],["parent/3028",[1315,5.756]],["name/3029",[21,41.271]],["parent/3029",[1315,5.756]],["name/3030",[100,53.288]],["parent/3030",[1315,5.756]],["name/3031",[1251,62.569]],["parent/3031",[1315,5.756]],["name/3032",[44,54.791]],["parent/3032",[1315,5.756]],["name/3033",[45,58.712]],["parent/3033",[1315,5.756]],["name/3034",[22,42.457]],["parent/3034",[1315,5.756]],["name/3035",[23,28.075]],["parent/3035",[1315,5.756]],["name/3036",[1316,71.443]],["parent/3036",[]],["name/3037",[1317,74.808]],["parent/3037",[1316,6.691]],["name/3038",[1318,71.443]],["parent/3038",[1316,6.691]],["name/3039",[1319,57.942]],["parent/3039",[]],["name/3040",[35,43.625]],["parent/3040",[1319,5.427]],["name/3041",[23,28.075]],["parent/3041",[1319,5.427]],["name/3042",[1318,71.443]],["parent/3042",[1320,7.485]],["name/3043",[98,53.765]],["parent/3043",[1319,5.427]],["name/3044",[21,41.271]],["parent/3044",[1319,5.427]],["name/3045",[100,53.288]],["parent/3045",[1319,5.427]],["name/3046",[480,74.808]],["parent/3046",[1319,5.427]],["name/3047",[23,28.075]],["parent/3047",[1319,5.427]],["name/3048",[1321,74.808]],["parent/3048",[1319,5.427]],["name/3049",[44,54.791]],["parent/3049",[1319,5.427]],["name/3050",[45,58.712]],["parent/3050",[1319,5.427]],["name/3051",[22,42.457]],["parent/3051",[1319,5.427]],["name/3052",[23,28.075]],["parent/3052",[1319,5.427]],["name/3053",[1322,57.228]],["parent/3053",[]],["name/3054",[199,51.982]],["parent/3054",[1322,5.36]],["name/3055",[1323,79.917]],["parent/3055",[1322,5.36]],["name/3056",[1324,79.917]],["parent/3056",[1322,5.36]],["name/3057",[1325,79.917]],["parent/3057",[1322,5.36]],["name/3058",[1326,79.917]],["parent/3058",[1322,5.36]],["name/3059",[1250,71.443]],["parent/3059",[1322,5.36]],["name/3060",[1327,79.917]],["parent/3060",[1322,5.36]],["name/3061",[19,49.791]],["parent/3061",[1322,5.36]],["name/3062",[6,46.24]],["parent/3062",[1322,5.36]],["name/3063",[10,36.134]],["parent/3063",[1322,5.36]],["name/3064",[59,43.625]],["parent/3064",[1322,5.36]],["name/3065",[1317,74.808]],["parent/3065",[1322,5.36]],["name/3066",[1318,71.443]],["parent/3066",[1322,5.36]],["name/3067",[1328,68.929]],["parent/3067",[]],["name/3068",[1321,74.808]],["parent/3068",[1328,6.456]],["name/3069",[1329,79.917]],["parent/3069",[1328,6.456]],["name/3070",[1306,74.808]],["parent/3070",[1328,6.456]],["name/3071",[1330,79.917]],["parent/3071",[]],["name/3072",[917,66.923]],["parent/3072",[]],["name/3073",[1331,63.821]],["parent/3073",[]],["name/3074",[1332,79.917]],["parent/3074",[1331,5.978]],["name/3075",[1333,79.917]],["parent/3075",[1331,5.978]],["name/3076",[1334,79.917]],["parent/3076",[1331,5.978]],["name/3077",[1335,79.917]],["parent/3077",[1331,5.978]],["name/3078",[444,68.929]],["parent/3078",[1331,5.978]],["name/3079",[10,36.134]],["parent/3079",[1331,5.978]],["name/3080",[32,66.923]],["parent/3080",[]],["name/3081",[32,66.923]],["parent/3081",[]],["name/3082",[35,43.625]],["parent/3082",[32,6.268]],["name/3083",[1336,79.917]],["parent/3083",[]],["name/3084",[1337,79.917]],["parent/3084",[]],["name/3085",[1338,74.808]],["parent/3085",[]],["name/3086",[23,28.075]],["parent/3086",[1338,7.007]],["name/3087",[1339,62.569]],["parent/3087",[]],["name/3088",[1340,63.821]],["parent/3088",[1339,5.86]],["name/3089",[1341,71.443]],["parent/3089",[1339,5.86]],["name/3090",[1342,71.443]],["parent/3090",[1339,5.86]],["name/3091",[90,50.469]],["parent/3091",[1339,5.86]],["name/3092",[1343,71.443]],["parent/3092",[1339,5.86]],["name/3093",[1344,71.443]],["parent/3093",[1339,5.86]],["name/3094",[383,55.935]],["parent/3094",[1339,5.86]],["name/3095",[1345,56.561]],["parent/3095",[]],["name/3096",[25,44.552]],["parent/3096",[1345,5.298]],["name/3097",[1346,65.252]],["parent/3097",[1345,5.298]],["name/3098",[1347,79.917]],["parent/3098",[1345,5.298]],["name/3099",[1348,79.917]],["parent/3099",[1345,5.298]],["name/3100",[1349,79.917]],["parent/3100",[1345,5.298]],["name/3101",[59,43.625]],["parent/3101",[1345,5.298]],["name/3102",[1340,63.821]],["parent/3102",[1345,5.298]],["name/3103",[1341,71.443]],["parent/3103",[1345,5.298]],["name/3104",[1342,71.443]],["parent/3104",[1345,5.298]],["name/3105",[90,50.469]],["parent/3105",[1345,5.298]],["name/3106",[1343,71.443]],["parent/3106",[1345,5.298]],["name/3107",[1344,71.443]],["parent/3107",[1345,5.298]],["name/3108",[383,55.935]],["parent/3108",[1345,5.298]],["name/3109",[23,28.075]],["parent/3109",[1345,5.298]],["name/3110",[1350,60.456]],["parent/3110",[]],["name/3111",[330,66.923]],["parent/3111",[1350,5.662]],["name/3112",[37,54.791]],["parent/3112",[1350,5.662]],["name/3113",[1340,63.821]],["parent/3113",[1350,5.662]],["name/3114",[1341,71.443]],["parent/3114",[1350,5.662]],["name/3115",[1342,71.443]],["parent/3115",[1350,5.662]],["name/3116",[90,50.469]],["parent/3116",[1350,5.662]],["name/3117",[1343,71.443]],["parent/3117",[1350,5.662]],["name/3118",[1344,71.443]],["parent/3118",[1350,5.662]],["name/3119",[383,55.935]],["parent/3119",[1350,5.662]],["name/3120",[1351,65.252]],["parent/3120",[]],["name/3121",[25,44.552]],["parent/3121",[1351,6.112]],["name/3122",[1340,63.821]],["parent/3122",[1351,6.112]],["name/3123",[383,55.935]],["parent/3123",[1351,6.112]],["name/3124",[37,54.791]],["parent/3124",[1351,6.112]],["name/3125",[330,66.923]],["parent/3125",[1351,6.112]],["name/3126",[1352,79.917]],["parent/3126",[]],["name/3127",[1353,79.917]],["parent/3127",[]],["name/3128",[1354,79.917]],["parent/3128",[]],["name/3129",[1355,79.917]],["parent/3129",[]],["name/3130",[1356,79.917]],["parent/3130",[]],["name/3131",[1357,74.808]],["parent/3131",[]],["name/3132",[172,66.923]],["parent/3132",[1357,7.007]],["name/3133",[1358,58.712]],["parent/3133",[]],["name/3134",[66,42.777]],["parent/3134",[1358,5.499]],["name/3135",[75,41.996]],["parent/3135",[1358,5.499]],["name/3136",[268,63.821]],["parent/3136",[1358,5.499]],["name/3137",[90,50.469]],["parent/3137",[1358,5.499]],["name/3138",[10,36.134]],["parent/3138",[1358,5.499]],["name/3139",[275,66.923]],["parent/3139",[1358,5.499]],["name/3140",[84,42.941]],["parent/3140",[1358,5.499]],["name/3141",[59,43.625]],["parent/3141",[1358,5.499]],["name/3142",[6,46.24]],["parent/3142",[1358,5.499]],["name/3143",[175,65.252]],["parent/3143",[1358,5.499]],["name/3144",[176,63.821]],["parent/3144",[1358,5.499]],["name/3145",[1359,65.252]],["parent/3145",[]],["name/3146",[1359,65.252]],["parent/3146",[]],["name/3147",[178,58.712]],["parent/3147",[1359,6.112]],["name/3148",[23,28.075]],["parent/3148",[1359,6.112]],["name/3149",[180,71.443]],["parent/3149",[1359,6.112]],["name/3150",[23,28.075]],["parent/3150",[1359,6.112]],["name/3151",[1360,79.917]],["parent/3151",[]],["name/3152",[1361,61.457]],["parent/3152",[]],["name/3153",[66,42.777]],["parent/3153",[1361,5.756]],["name/3154",[75,41.996]],["parent/3154",[1361,5.756]],["name/3155",[268,63.821]],["parent/3155",[1361,5.756]],["name/3156",[84,42.941]],["parent/3156",[1361,5.756]],["name/3157",[267,71.443]],["parent/3157",[1361,5.756]],["name/3158",[10,36.134]],["parent/3158",[1361,5.756]],["name/3159",[59,43.625]],["parent/3159",[1361,5.756]],["name/3160",[6,46.24]],["parent/3160",[1361,5.756]],["name/3161",[1362,79.917]],["parent/3161",[]],["name/3162",[1363,59.546]],["parent/3162",[]],["name/3163",[84,42.941]],["parent/3163",[1363,5.577]],["name/3164",[66,42.777]],["parent/3164",[1363,5.577]],["name/3165",[1364,74.808]],["parent/3165",[1363,5.577]],["name/3166",[1365,74.808]],["parent/3166",[1363,5.577]],["name/3167",[1366,74.808]],["parent/3167",[1363,5.577]],["name/3168",[10,36.134]],["parent/3168",[1363,5.577]],["name/3169",[127,68.929]],["parent/3169",[1363,5.577]],["name/3170",[75,41.996]],["parent/3170",[1363,5.577]],["name/3171",[59,43.625]],["parent/3171",[1363,5.577]],["name/3172",[268,63.821]],["parent/3172",[1363,5.577]],["name/3173",[1367,68.929]],["parent/3173",[]],["name/3174",[1368,79.917]],["parent/3174",[1367,6.456]],["name/3175",[1369,79.917]],["parent/3175",[1367,6.456]],["name/3176",[1370,79.917]],["parent/3176",[1367,6.456]],["name/3177",[1371,57.228]],["parent/3177",[]],["name/3178",[35,43.625]],["parent/3178",[1371,5.36]],["name/3179",[23,28.075]],["parent/3179",[1371,5.36]],["name/3180",[66,42.777]],["parent/3180",[1372,6.112]],["name/3181",[127,68.929]],["parent/3181",[1372,6.112]],["name/3182",[1365,74.808]],["parent/3182",[1372,6.112]],["name/3183",[1364,74.808]],["parent/3183",[1372,6.112]],["name/3184",[1366,74.808]],["parent/3184",[1372,6.112]],["name/3185",[268,63.821]],["parent/3185",[1372,6.112]],["name/3186",[98,53.765]],["parent/3186",[1371,5.36]],["name/3187",[99,56.561]],["parent/3187",[1371,5.36]],["name/3188",[21,41.271]],["parent/3188",[1371,5.36]],["name/3189",[100,53.288]],["parent/3189",[1371,5.36]],["name/3190",[1373,79.917]],["parent/3190",[1371,5.36]],["name/3191",[176,63.821]],["parent/3191",[1371,5.36]],["name/3192",[71,55.347]],["parent/3192",[1371,5.36]],["name/3193",[1374,79.917]],["parent/3193",[1371,5.36]],["name/3194",[1375,79.917]],["parent/3194",[1371,5.36]],["name/3195",[22,42.457]],["parent/3195",[1371,5.36]],["name/3196",[23,28.075]],["parent/3196",[1371,5.36]],["name/3197",[1376,74.808]],["parent/3197",[]],["name/3198",[1377,57.942]],["parent/3198",[]],["name/3199",[70,71.443]],["parent/3199",[1377,5.427]],["name/3200",[83,62.569]],["parent/3200",[1377,5.427]],["name/3201",[66,42.777]],["parent/3201",[1377,5.427]],["name/3202",[72,57.942]],["parent/3202",[1377,5.427]],["name/3203",[73,68.929]],["parent/3203",[1377,5.427]],["name/3204",[74,68.929]],["parent/3204",[1377,5.427]],["name/3205",[71,55.347]],["parent/3205",[1377,5.427]],["name/3206",[30,55.935]],["parent/3206",[1377,5.427]],["name/3207",[75,41.996]],["parent/3207",[1377,5.427]],["name/3208",[76,65.252]],["parent/3208",[1377,5.427]],["name/3209",[77,71.443]],["parent/3209",[1377,5.427]],["name/3210",[10,36.134]],["parent/3210",[1377,5.427]],["name/3211",[1378,56.561]],["parent/3211",[]],["name/3212",[1379,79.917]],["parent/3212",[1378,5.298]],["name/3213",[1380,79.917]],["parent/3213",[1378,5.298]],["name/3214",[83,62.569]],["parent/3214",[1378,5.298]],["name/3215",[70,71.443]],["parent/3215",[1378,5.298]],["name/3216",[66,42.777]],["parent/3216",[1378,5.298]],["name/3217",[72,57.942]],["parent/3217",[1378,5.298]],["name/3218",[73,68.929]],["parent/3218",[1378,5.298]],["name/3219",[74,68.929]],["parent/3219",[1378,5.298]],["name/3220",[71,55.347]],["parent/3220",[1378,5.298]],["name/3221",[30,55.935]],["parent/3221",[1378,5.298]],["name/3222",[75,41.996]],["parent/3222",[1378,5.298]],["name/3223",[76,65.252]],["parent/3223",[1378,5.298]],["name/3224",[77,71.443]],["parent/3224",[1378,5.298]],["name/3225",[10,36.134]],["parent/3225",[1378,5.298]],["name/3226",[1381,61.457]],["parent/3226",[]],["name/3227",[66,42.777]],["parent/3227",[1381,5.756]],["name/3228",[95,74.808]],["parent/3228",[1381,5.756]],["name/3229",[83,62.569]],["parent/3229",[1381,5.756]],["name/3230",[85,63.821]],["parent/3230",[1381,5.756]],["name/3231",[87,66.923]],["parent/3231",[1381,5.756]],["name/3232",[1382,79.917]],["parent/3232",[1381,5.756]],["name/3233",[1383,79.917]],["parent/3233",[1381,5.756]],["name/3234",[1384,74.808]],["parent/3234",[1381,5.756]],["name/3235",[1385,74.808]],["parent/3235",[]],["name/3236",[83,62.569]],["parent/3236",[1385,7.007]],["name/3237",[1386,59.546]],["parent/3237",[]],["name/3238",[35,43.625]],["parent/3238",[1386,5.577]],["name/3239",[23,28.075]],["parent/3239",[1386,5.577]],["name/3240",[87,66.923]],["parent/3240",[1387,6.691]],["name/3241",[23,28.075]],["parent/3241",[1387,6.691]],["name/3242",[1384,74.808]],["parent/3242",[1387,6.691]],["name/3243",[1376,74.808]],["parent/3243",[1386,5.577]],["name/3244",[23,28.075]],["parent/3244",[1386,5.577]],["name/3245",[21,41.271]],["parent/3245",[1386,5.577]],["name/3246",[110,74.808]],["parent/3246",[1386,5.577]],["name/3247",[111,74.808]],["parent/3247",[1386,5.577]],["name/3248",[112,74.808]],["parent/3248",[1386,5.577]],["name/3249",[22,42.457]],["parent/3249",[1386,5.577]],["name/3250",[23,28.075]],["parent/3250",[1386,5.577]],["name/3251",[1388,66.923]],["parent/3251",[]],["name/3252",[229,71.443]],["parent/3252",[1388,6.268]],["name/3253",[232,71.443]],["parent/3253",[1388,6.268]],["name/3254",[201,57.942]],["parent/3254",[1388,6.268]],["name/3255",[23,28.075]],["parent/3255",[1388,6.268]],["name/3256",[1389,65.252]],["parent/3256",[]],["name/3257",[811,65.252]],["parent/3257",[1389,6.112]],["name/3258",[283,65.252]],["parent/3258",[1389,6.112]],["name/3259",[75,41.996]],["parent/3259",[1389,6.112]],["name/3260",[25,44.552]],["parent/3260",[1389,6.112]],["name/3261",[1390,79.917]],["parent/3261",[1389,6.112]],["name/3262",[1391,79.917]],["parent/3262",[]],["name/3263",[1392,74.808]],["parent/3263",[]],["name/3264",[1393,79.917]],["parent/3264",[1392,7.007]],["name/3265",[1394,79.917]],["parent/3265",[]],["name/3266",[1395,49.791]],["parent/3266",[]],["name/3267",[1396,68.929]],["parent/3267",[1395,4.664]],["name/3268",[1397,68.929]],["parent/3268",[1395,4.664]],["name/3269",[197,57.942]],["parent/3269",[1395,4.664]],["name/3270",[1398,68.929]],["parent/3270",[1395,4.664]],["name/3271",[81,52.399]],["parent/3271",[1395,4.664]],["name/3272",[1399,71.443]],["parent/3272",[1395,4.664]],["name/3273",[92,58.712]],["parent/3273",[1395,4.664]],["name/3274",[90,50.469]],["parent/3274",[1395,4.664]],["name/3275",[115,49.468]],["parent/3275",[1395,4.664]],["name/3276",[1400,71.443]],["parent/3276",[1395,4.664]],["name/3277",[241,61.457]],["parent/3277",[1395,4.664]],["name/3278",[242,62.569]],["parent/3278",[1395,4.664]],["name/3279",[75,41.996]],["parent/3279",[1395,4.664]],["name/3280",[94,63.821]],["parent/3280",[1395,4.664]],["name/3281",[1401,71.443]],["parent/3281",[1395,4.664]],["name/3282",[201,57.942]],["parent/3282",[1395,4.664]],["name/3283",[1402,68.929]],["parent/3283",[1395,4.664]],["name/3284",[1403,71.443]],["parent/3284",[1395,4.664]],["name/3285",[198,59.546]],["parent/3285",[1395,4.664]],["name/3286",[26,54.791]],["parent/3286",[1395,4.664]],["name/3287",[1404,68.929]],["parent/3287",[1395,4.664]],["name/3288",[1405,71.443]],["parent/3288",[1395,4.664]],["name/3289",[1406,68.929]],["parent/3289",[1395,4.664]],["name/3290",[1407,71.443]],["parent/3290",[1395,4.664]],["name/3291",[1408,71.443]],["parent/3291",[1395,4.664]],["name/3292",[1409,71.443]],["parent/3292",[1395,4.664]],["name/3293",[10,36.134]],["parent/3293",[1395,4.664]],["name/3294",[1410,71.443]],["parent/3294",[1395,4.664]],["name/3295",[1411,71.443]],["parent/3295",[1395,4.664]],["name/3296",[1412,48.853]],["parent/3296",[]],["name/3297",[248,59.546]],["parent/3297",[1412,4.576]],["name/3298",[66,42.777]],["parent/3298",[1412,4.576]],["name/3299",[84,42.941]],["parent/3299",[1412,4.576]],["name/3300",[1396,68.929]],["parent/3300",[1412,4.576]],["name/3301",[1397,68.929]],["parent/3301",[1412,4.576]],["name/3302",[197,57.942]],["parent/3302",[1412,4.576]],["name/3303",[1398,68.929]],["parent/3303",[1412,4.576]],["name/3304",[81,52.399]],["parent/3304",[1412,4.576]],["name/3305",[1399,71.443]],["parent/3305",[1412,4.576]],["name/3306",[92,58.712]],["parent/3306",[1412,4.576]],["name/3307",[90,50.469]],["parent/3307",[1412,4.576]],["name/3308",[115,49.468]],["parent/3308",[1412,4.576]],["name/3309",[1400,71.443]],["parent/3309",[1412,4.576]],["name/3310",[241,61.457]],["parent/3310",[1412,4.576]],["name/3311",[242,62.569]],["parent/3311",[1412,4.576]],["name/3312",[75,41.996]],["parent/3312",[1412,4.576]],["name/3313",[94,63.821]],["parent/3313",[1412,4.576]],["name/3314",[1401,71.443]],["parent/3314",[1412,4.576]],["name/3315",[201,57.942]],["parent/3315",[1412,4.576]],["name/3316",[1402,68.929]],["parent/3316",[1412,4.576]],["name/3317",[1403,71.443]],["parent/3317",[1412,4.576]],["name/3318",[198,59.546]],["parent/3318",[1412,4.576]],["name/3319",[26,54.791]],["parent/3319",[1412,4.576]],["name/3320",[1404,68.929]],["parent/3320",[1412,4.576]],["name/3321",[1405,71.443]],["parent/3321",[1412,4.576]],["name/3322",[1406,68.929]],["parent/3322",[1412,4.576]],["name/3323",[1407,71.443]],["parent/3323",[1412,4.576]],["name/3324",[1408,71.443]],["parent/3324",[1412,4.576]],["name/3325",[1409,71.443]],["parent/3325",[1412,4.576]],["name/3326",[10,36.134]],["parent/3326",[1412,4.576]],["name/3327",[1410,71.443]],["parent/3327",[1412,4.576]],["name/3328",[1411,71.443]],["parent/3328",[1412,4.576]],["name/3329",[1413,48.559]],["parent/3329",[]],["name/3330",[248,59.546]],["parent/3330",[1413,4.548]],["name/3331",[66,42.777]],["parent/3331",[1413,4.548]],["name/3332",[84,42.941]],["parent/3332",[1413,4.548]],["name/3333",[1414,74.808]],["parent/3333",[1413,4.548]],["name/3334",[1396,68.929]],["parent/3334",[1413,4.548]],["name/3335",[1397,68.929]],["parent/3335",[1413,4.548]],["name/3336",[197,57.942]],["parent/3336",[1413,4.548]],["name/3337",[1398,68.929]],["parent/3337",[1413,4.548]],["name/3338",[81,52.399]],["parent/3338",[1413,4.548]],["name/3339",[1399,71.443]],["parent/3339",[1413,4.548]],["name/3340",[92,58.712]],["parent/3340",[1413,4.548]],["name/3341",[90,50.469]],["parent/3341",[1413,4.548]],["name/3342",[115,49.468]],["parent/3342",[1413,4.548]],["name/3343",[1400,71.443]],["parent/3343",[1413,4.548]],["name/3344",[241,61.457]],["parent/3344",[1413,4.548]],["name/3345",[242,62.569]],["parent/3345",[1413,4.548]],["name/3346",[75,41.996]],["parent/3346",[1413,4.548]],["name/3347",[94,63.821]],["parent/3347",[1413,4.548]],["name/3348",[1401,71.443]],["parent/3348",[1413,4.548]],["name/3349",[201,57.942]],["parent/3349",[1413,4.548]],["name/3350",[1402,68.929]],["parent/3350",[1413,4.548]],["name/3351",[1403,71.443]],["parent/3351",[1413,4.548]],["name/3352",[198,59.546]],["parent/3352",[1413,4.548]],["name/3353",[26,54.791]],["parent/3353",[1413,4.548]],["name/3354",[1404,68.929]],["parent/3354",[1413,4.548]],["name/3355",[1405,71.443]],["parent/3355",[1413,4.548]],["name/3356",[1406,68.929]],["parent/3356",[1413,4.548]],["name/3357",[1407,71.443]],["parent/3357",[1413,4.548]],["name/3358",[1408,71.443]],["parent/3358",[1413,4.548]],["name/3359",[1409,71.443]],["parent/3359",[1413,4.548]],["name/3360",[10,36.134]],["parent/3360",[1413,4.548]],["name/3361",[1410,71.443]],["parent/3361",[1413,4.548]],["name/3362",[1411,71.443]],["parent/3362",[1413,4.548]],["name/3363",[1415,79.917]],["parent/3363",[]],["name/3364",[1416,61.457]],["parent/3364",[]],["name/3365",[94,63.821]],["parent/3365",[1416,5.756]],["name/3366",[76,65.252]],["parent/3366",[1416,5.756]],["name/3367",[1396,68.929]],["parent/3367",[1416,5.756]],["name/3368",[66,42.777]],["parent/3368",[1416,5.756]],["name/3369",[1417,74.808]],["parent/3369",[1416,5.756]],["name/3370",[1418,79.917]],["parent/3370",[1416,5.756]],["name/3371",[1419,79.917]],["parent/3371",[1416,5.756]],["name/3372",[1420,79.917]],["parent/3372",[1416,5.756]],["name/3373",[919,45.791]],["parent/3373",[]],["name/3374",[35,43.625]],["parent/3374",[919,4.289]],["name/3375",[23,28.075]],["parent/3375",[919,4.289]],["name/3376",[1398,68.929]],["parent/3376",[1421,5.298]],["name/3377",[23,28.075]],["parent/3377",[1421,5.298]],["name/3378",[1402,68.929]],["parent/3378",[1421,5.298]],["name/3379",[23,28.075]],["parent/3379",[1421,5.298]],["name/3380",[241,61.457]],["parent/3380",[1421,5.298]],["name/3381",[23,28.075]],["parent/3381",[1421,5.298]],["name/3382",[1406,68.929]],["parent/3382",[1421,5.298]],["name/3383",[23,28.075]],["parent/3383",[1421,5.298]],["name/3384",[242,62.569]],["parent/3384",[1421,5.298]],["name/3385",[23,28.075]],["parent/3385",[1421,5.298]],["name/3386",[115,49.468]],["parent/3386",[1421,5.298]],["name/3387",[248,59.546]],["parent/3387",[1421,5.298]],["name/3388",[198,59.546]],["parent/3388",[1421,5.298]],["name/3389",[26,54.791]],["parent/3389",[1421,5.298]],["name/3390",[1404,68.929]],["parent/3390",[1421,5.298]],["name/3391",[98,53.765]],["parent/3391",[919,4.289]],["name/3392",[1422,79.917]],["parent/3392",[919,4.289]],["name/3393",[23,28.075]],["parent/3393",[919,4.289]],["name/3394",[99,56.561]],["parent/3394",[919,4.289]],["name/3395",[21,41.271]],["parent/3395",[919,4.289]],["name/3396",[100,53.288]],["parent/3396",[919,4.289]],["name/3397",[1423,79.917]],["parent/3397",[919,4.289]],["name/3398",[1424,71.443]],["parent/3398",[919,4.289]],["name/3399",[1186,74.808]],["parent/3399",[919,4.289]],["name/3400",[44,54.791]],["parent/3400",[919,4.289]],["name/3401",[64,57.942]],["parent/3401",[919,4.289]],["name/3402",[75,41.996]],["parent/3402",[919,4.289]],["name/3403",[1425,79.917]],["parent/3403",[919,4.289]],["name/3404",[200,57.228]],["parent/3404",[919,4.289]],["name/3405",[85,63.821]],["parent/3405",[919,4.289]],["name/3406",[1397,68.929]],["parent/3406",[919,4.289]],["name/3407",[1426,79.917]],["parent/3407",[919,4.289]],["name/3408",[1427,79.917]],["parent/3408",[919,4.289]],["name/3409",[232,71.443]],["parent/3409",[919,4.289]],["name/3410",[1428,79.917]],["parent/3410",[919,4.289]],["name/3411",[1429,79.917]],["parent/3411",[919,4.289]],["name/3412",[1430,79.917]],["parent/3412",[919,4.289]],["name/3413",[1431,79.917]],["parent/3413",[919,4.289]],["name/3414",[1432,79.917]],["parent/3414",[919,4.289]],["name/3415",[1433,79.917]],["parent/3415",[919,4.289]],["name/3416",[201,57.942]],["parent/3416",[919,4.289]],["name/3417",[1434,79.917]],["parent/3417",[919,4.289]],["name/3418",[1414,74.808]],["parent/3418",[919,4.289]],["name/3419",[1435,79.917]],["parent/3419",[919,4.289]],["name/3420",[265,74.808]],["parent/3420",[919,4.289]],["name/3421",[1436,79.917]],["parent/3421",[919,4.289]],["name/3422",[1437,79.917]],["parent/3422",[919,4.289]],["name/3423",[23,28.075]],["parent/3423",[919,4.289]],["name/3424",[1438,79.917]],["parent/3424",[919,4.289]],["name/3425",[1439,79.917]],["parent/3425",[919,4.289]],["name/3426",[22,42.457]],["parent/3426",[919,4.289]],["name/3427",[23,28.075]],["parent/3427",[919,4.289]],["name/3428",[1440,79.917]],["parent/3428",[]],["name/3429",[1441,60.456]],["parent/3429",[]],["name/3430",[35,43.625]],["parent/3430",[1441,5.662]],["name/3431",[23,28.075]],["parent/3431",[1441,5.662]],["name/3432",[431,58.712]],["parent/3432",[1442,6.112]],["name/3433",[432,59.546]],["parent/3433",[1442,6.112]],["name/3434",[1018,61.457]],["parent/3434",[1442,6.112]],["name/3435",[1443,68.929]],["parent/3435",[1442,6.112]],["name/3436",[968,68.929]],["parent/3436",[1442,6.112]],["name/3437",[66,42.777]],["parent/3437",[1442,6.112]],["name/3438",[98,53.765]],["parent/3438",[1441,5.662]],["name/3439",[99,56.561]],["parent/3439",[1441,5.662]],["name/3440",[21,41.271]],["parent/3440",[1441,5.662]],["name/3441",[100,53.288]],["parent/3441",[1441,5.662]],["name/3442",[37,54.791]],["parent/3442",[1441,5.662]],["name/3443",[22,42.457]],["parent/3443",[1441,5.662]],["name/3444",[23,28.075]],["parent/3444",[1441,5.662]],["name/3445",[1444,60.456]],["parent/3445",[]],["name/3446",[431,58.712]],["parent/3446",[1444,5.662]],["name/3447",[432,59.546]],["parent/3447",[1444,5.662]],["name/3448",[1018,61.457]],["parent/3448",[1444,5.662]],["name/3449",[1443,68.929]],["parent/3449",[1444,5.662]],["name/3450",[1445,66.923]],["parent/3450",[1444,5.662]],["name/3451",[90,50.469]],["parent/3451",[1444,5.662]],["name/3452",[75,41.996]],["parent/3452",[1444,5.662]],["name/3453",[10,36.134]],["parent/3453",[1444,5.662]],["name/3454",[1446,71.443]],["parent/3454",[1444,5.662]],["name/3455",[1447,57.942]],["parent/3455",[]],["name/3456",[968,68.929]],["parent/3456",[1447,5.427]],["name/3457",[66,42.777]],["parent/3457",[1447,5.427]],["name/3458",[84,42.941]],["parent/3458",[1447,5.427]],["name/3459",[431,58.712]],["parent/3459",[1447,5.427]],["name/3460",[432,59.546]],["parent/3460",[1447,5.427]],["name/3461",[1018,61.457]],["parent/3461",[1447,5.427]],["name/3462",[1443,68.929]],["parent/3462",[1447,5.427]],["name/3463",[1445,66.923]],["parent/3463",[1447,5.427]],["name/3464",[90,50.469]],["parent/3464",[1447,5.427]],["name/3465",[75,41.996]],["parent/3465",[1447,5.427]],["name/3466",[10,36.134]],["parent/3466",[1447,5.427]],["name/3467",[1446,71.443]],["parent/3467",[1447,5.427]],["name/3468",[1448,57.942]],["parent/3468",[]],["name/3469",[968,68.929]],["parent/3469",[1448,5.427]],["name/3470",[66,42.777]],["parent/3470",[1448,5.427]],["name/3471",[84,42.941]],["parent/3471",[1448,5.427]],["name/3472",[431,58.712]],["parent/3472",[1448,5.427]],["name/3473",[432,59.546]],["parent/3473",[1448,5.427]],["name/3474",[1018,61.457]],["parent/3474",[1448,5.427]],["name/3475",[1443,68.929]],["parent/3475",[1448,5.427]],["name/3476",[1445,66.923]],["parent/3476",[1448,5.427]],["name/3477",[90,50.469]],["parent/3477",[1448,5.427]],["name/3478",[75,41.996]],["parent/3478",[1448,5.427]],["name/3479",[10,36.134]],["parent/3479",[1448,5.427]],["name/3480",[1446,71.443]],["parent/3480",[1448,5.427]],["name/3481",[1449,79.917]],["parent/3481",[]],["name/3482",[1450,66.923]],["parent/3482",[]],["name/3483",[1172,71.443]],["parent/3483",[1450,6.268]],["name/3484",[1451,79.917]],["parent/3484",[1450,6.268]],["name/3485",[76,65.252]],["parent/3485",[1450,6.268]],["name/3486",[1177,66.923]],["parent/3486",[1450,6.268]],["name/3487",[1452,79.917]],["parent/3487",[]],["name/3488",[1453,62.569]],["parent/3488",[]],["name/3489",[1454,71.443]],["parent/3489",[1453,5.86]],["name/3490",[10,36.134]],["parent/3490",[1453,5.86]],["name/3491",[83,62.569]],["parent/3491",[1453,5.86]],["name/3492",[1455,79.917]],["parent/3492",[1453,5.86]],["name/3493",[84,42.941]],["parent/3493",[1453,5.86]],["name/3494",[23,28.075]],["parent/3494",[1453,5.86]],["name/3495",[23,28.075]],["parent/3495",[1453,5.86]],["name/3496",[1456,54.265]],["parent/3496",[]],["name/3497",[35,43.625]],["parent/3497",[1456,5.083]],["name/3498",[23,28.075]],["parent/3498",[1456,5.083]],["name/3499",[1454,71.443]],["parent/3499",[1457,7.485]],["name/3500",[21,41.271]],["parent/3500",[1456,5.083]],["name/3501",[1456,54.265]],["parent/3501",[1456,5.083]],["name/3502",[1458,79.917]],["parent/3502",[1456,5.083]],["name/3503",[1459,79.917]],["parent/3503",[1456,5.083]],["name/3504",[1460,79.917]],["parent/3504",[1456,5.083]],["name/3505",[44,54.791]],["parent/3505",[1456,5.083]],["name/3506",[45,58.712]],["parent/3506",[1456,5.083]],["name/3507",[22,42.457]],["parent/3507",[1456,5.083]],["name/3508",[23,28.075]],["parent/3508",[1456,5.083]],["name/3509",[1461,57.228]],["parent/3509",[]],["name/3510",[25,44.552]],["parent/3510",[1461,5.36]],["name/3511",[115,49.468]],["parent/3511",[1461,5.36]],["name/3512",[75,41.996]],["parent/3512",[1461,5.36]],["name/3513",[26,54.791]],["parent/3513",[1461,5.36]],["name/3514",[1462,74.808]],["parent/3514",[1461,5.36]],["name/3515",[1463,74.808]],["parent/3515",[1461,5.36]],["name/3516",[1464,74.808]],["parent/3516",[1461,5.36]],["name/3517",[1465,74.808]],["parent/3517",[1461,5.36]],["name/3518",[1466,74.808]],["parent/3518",[1461,5.36]],["name/3519",[471,71.443]],["parent/3519",[1461,5.36]],["name/3520",[10,36.134]],["parent/3520",[1461,5.36]],["name/3521",[71,55.347]],["parent/3521",[1461,5.36]],["name/3522",[85,63.821]],["parent/3522",[1461,5.36]],["name/3523",[1467,57.228]],["parent/3523",[]],["name/3524",[35,43.625]],["parent/3524",[1467,5.36]],["name/3525",[23,28.075]],["parent/3525",[1467,5.36]],["name/3526",[25,44.552]],["parent/3526",[1468,5.756]],["name/3527",[115,49.468]],["parent/3527",[1468,5.756]],["name/3528",[1463,74.808]],["parent/3528",[1468,5.756]],["name/3529",[1462,74.808]],["parent/3529",[1468,5.756]],["name/3530",[1465,74.808]],["parent/3530",[1468,5.756]],["name/3531",[1464,74.808]],["parent/3531",[1468,5.756]],["name/3532",[1466,74.808]],["parent/3532",[1468,5.756]],["name/3533",[471,71.443]],["parent/3533",[1468,5.756]],["name/3534",[98,53.765]],["parent/3534",[1467,5.36]],["name/3535",[21,41.271]],["parent/3535",[1467,5.36]],["name/3536",[100,53.288]],["parent/3536",[1467,5.36]],["name/3537",[1467,57.228]],["parent/3537",[1467,5.36]],["name/3538",[37,54.791]],["parent/3538",[1467,5.36]],["name/3539",[23,28.075]],["parent/3539",[1467,5.36]],["name/3540",[1469,79.917]],["parent/3540",[1468,5.756]],["name/3541",[1470,79.917]],["parent/3541",[1467,5.36]],["name/3542",[868,66.923]],["parent/3542",[1467,5.36]],["name/3543",[22,42.457]],["parent/3543",[1467,5.36]],["name/3544",[23,28.075]],["parent/3544",[1467,5.36]],["name/3545",[1471,59.546]],["parent/3545",[]],["name/3546",[17,51.197]],["parent/3546",[1471,5.577]],["name/3547",[18,68.929]],["parent/3547",[1471,5.577]],["name/3548",[1346,65.252]],["parent/3548",[1471,5.577]],["name/3549",[1472,79.917]],["parent/3549",[1471,5.577]],["name/3550",[1473,79.917]],["parent/3550",[1471,5.577]],["name/3551",[1474,79.917]],["parent/3551",[1471,5.577]],["name/3552",[1475,79.917]],["parent/3552",[1471,5.577]],["name/3553",[1476,71.443]],["parent/3553",[1471,5.577]],["name/3554",[75,41.996]],["parent/3554",[1471,5.577]],["name/3555",[30,55.935]],["parent/3555",[1471,5.577]],["name/3556",[1477,61.457]],["parent/3556",[]],["name/3557",[25,44.552]],["parent/3557",[1477,5.756]],["name/3558",[715,65.252]],["parent/3558",[1477,5.756]],["name/3559",[887,59.546]],["parent/3559",[1477,5.756]],["name/3560",[1346,65.252]],["parent/3560",[1477,5.756]],["name/3561",[1476,71.443]],["parent/3561",[1477,5.756]],["name/3562",[1478,79.917]],["parent/3562",[1477,5.756]],["name/3563",[10,36.134]],["parent/3563",[1477,5.756]],["name/3564",[1479,74.808]],["parent/3564",[1477,5.756]],["name/3565",[1480,63.821]],["parent/3565",[]],["name/3566",[35,43.625]],["parent/3566",[1480,5.978]],["name/3567",[23,28.075]],["parent/3567",[1480,5.978]],["name/3568",[10,36.134]],["parent/3568",[1481,5.86]],["name/3569",[25,44.552]],["parent/3569",[1481,5.86]],["name/3570",[887,59.546]],["parent/3570",[1481,5.86]],["name/3571",[715,65.252]],["parent/3571",[1481,5.86]],["name/3572",[115,49.468]],["parent/3572",[1481,5.86]],["name/3573",[1346,65.252]],["parent/3573",[1481,5.86]],["name/3574",[1476,71.443]],["parent/3574",[1481,5.86]],["name/3575",[1479,74.808]],["parent/3575",[1481,5.86]],["name/3576",[1018,61.457]],["parent/3576",[1480,5.978]],["name/3577",[21,41.271]],["parent/3577",[1480,5.978]],["name/3578",[22,42.457]],["parent/3578",[1480,5.978]],["name/3579",[23,28.075]],["parent/3579",[1480,5.978]],["name/3580",[33,60.456]],["parent/3580",[]],["name/3581",[930,62.569]],["parent/3581",[]],["name/3582",[920,61.457]],["parent/3582",[]],["name/3583",[23,28.075]],["parent/3583",[920,5.756]],["name/3584",[33,60.456]],["parent/3584",[1482,6.112]],["name/3585",[23,28.075]],["parent/3585",[1482,6.112]],["name/3586",[498,68.929]],["parent/3586",[1482,6.112]],["name/3587",[23,28.075]],["parent/3587",[1482,6.112]],["name/3588",[930,62.569]],["parent/3588",[1482,6.112]],["name/3589",[23,28.075]],["parent/3589",[1482,6.112]],["name/3590",[920,61.457]],["parent/3590",[]],["name/3591",[1483,79.917]],["parent/3591",[920,5.756]],["name/3592",[72,57.942]],["parent/3592",[1484,5.499]],["name/3593",[25,44.552]],["parent/3593",[1484,5.499]],["name/3594",[17,51.197]],["parent/3594",[1484,5.499]],["name/3595",[1245,63.821]],["parent/3595",[1484,5.499]],["name/3596",[1247,63.821]],["parent/3596",[1484,5.499]],["name/3597",[1485,74.808]],["parent/3597",[1484,5.499]],["name/3598",[446,66.923]],["parent/3598",[1484,5.499]],["name/3599",[448,66.923]],["parent/3599",[1484,5.499]],["name/3600",[444,68.929]],["parent/3600",[1484,5.499]],["name/3601",[10,36.134]],["parent/3601",[1484,5.499]],["name/3602",[1246,63.821]],["parent/3602",[1484,5.499]],["name/3603",[19,49.791]],["parent/3603",[1484,5.499]],["name/3604",[1486,79.917]],["parent/3604",[920,5.756]],["name/3605",[1248,65.252]],["parent/3605",[1487,5.427]],["name/3606",[72,57.942]],["parent/3606",[1487,5.427]],["name/3607",[25,44.552]],["parent/3607",[1487,5.427]],["name/3608",[17,51.197]],["parent/3608",[1487,5.427]],["name/3609",[1245,63.821]],["parent/3609",[1487,5.427]],["name/3610",[1247,63.821]],["parent/3610",[1487,5.427]],["name/3611",[1485,74.808]],["parent/3611",[1487,5.427]],["name/3612",[446,66.923]],["parent/3612",[1487,5.427]],["name/3613",[448,66.923]],["parent/3613",[1487,5.427]],["name/3614",[444,68.929]],["parent/3614",[1487,5.427]],["name/3615",[10,36.134]],["parent/3615",[1487,5.427]],["name/3616",[1246,63.821]],["parent/3616",[1487,5.427]],["name/3617",[19,49.791]],["parent/3617",[1487,5.427]],["name/3618",[498,68.929]],["parent/3618",[]],["name/3619",[1488,79.917]],["parent/3619",[]],["name/3620",[1489,54.791]],["parent/3620",[]],["name/3621",[10,36.134]],["parent/3621",[1489,5.132]],["name/3622",[1490,74.808]],["parent/3622",[1489,5.132]],["name/3623",[1491,74.808]],["parent/3623",[1489,5.132]],["name/3624",[1492,74.808]],["parent/3624",[1489,5.132]],["name/3625",[1445,66.923]],["parent/3625",[1489,5.132]],["name/3626",[1493,79.917]],["parent/3626",[1489,5.132]],["name/3627",[1494,74.808]],["parent/3627",[1489,5.132]],["name/3628",[1495,74.808]],["parent/3628",[1489,5.132]],["name/3629",[1496,74.808]],["parent/3629",[1489,5.132]],["name/3630",[1497,74.808]],["parent/3630",[1489,5.132]],["name/3631",[23,28.075]],["parent/3631",[1489,5.132]],["name/3632",[1498,74.808]],["parent/3632",[1499,7.007]],["name/3633",[1500,74.808]],["parent/3633",[1499,7.007]],["name/3634",[1501,74.808]],["parent/3634",[1489,5.132]],["name/3635",[1502,74.808]],["parent/3635",[1489,5.132]],["name/3636",[84,42.941]],["parent/3636",[1489,5.132]],["name/3637",[6,46.24]],["parent/3637",[1489,5.132]],["name/3638",[1503,74.808]],["parent/3638",[1489,5.132]],["name/3639",[1504,74.808]],["parent/3639",[1489,5.132]],["name/3640",[1505,71.443]],["parent/3640",[]],["name/3641",[1506,74.808]],["parent/3641",[1505,6.691]],["name/3642",[1177,66.923]],["parent/3642",[1505,6.691]],["name/3643",[1507,47.995]],["parent/3643",[]],["name/3644",[35,43.625]],["parent/3644",[1507,4.495]],["name/3645",[23,28.075]],["parent/3645",[1507,4.495]],["name/3646",[10,36.134]],["parent/3646",[1508,5.184]],["name/3647",[1490,74.808]],["parent/3647",[1508,5.184]],["name/3648",[1491,74.808]],["parent/3648",[1508,5.184]],["name/3649",[1492,74.808]],["parent/3649",[1508,5.184]],["name/3650",[1445,66.923]],["parent/3650",[1508,5.184]],["name/3651",[1495,74.808]],["parent/3651",[1508,5.184]],["name/3652",[1494,74.808]],["parent/3652",[1508,5.184]],["name/3653",[1496,74.808]],["parent/3653",[1508,5.184]],["name/3654",[1501,74.808]],["parent/3654",[1508,5.184]],["name/3655",[1502,74.808]],["parent/3655",[1508,5.184]],["name/3656",[1497,74.808]],["parent/3656",[1508,5.184]],["name/3657",[23,28.075]],["parent/3657",[1508,5.184]],["name/3658",[1498,74.808]],["parent/3658",[1509,7.007]],["name/3659",[1500,74.808]],["parent/3659",[1509,7.007]],["name/3660",[1503,74.808]],["parent/3660",[1508,5.184]],["name/3661",[23,28.075]],["parent/3661",[1508,5.184]],["name/3662",[1504,74.808]],["parent/3662",[1508,5.184]],["name/3663",[23,28.075]],["parent/3663",[1508,5.184]],["name/3664",[99,56.561]],["parent/3664",[1507,4.495]],["name/3665",[21,41.271]],["parent/3665",[1507,4.495]],["name/3666",[1507,47.995]],["parent/3666",[1507,4.495]],["name/3667",[1510,79.917]],["parent/3667",[1507,4.495]],["name/3668",[1511,79.917]],["parent/3668",[1507,4.495]],["name/3669",[1512,79.917]],["parent/3669",[1507,4.495]],["name/3670",[1513,79.917]],["parent/3670",[1507,4.495]],["name/3671",[1514,79.917]],["parent/3671",[1507,4.495]],["name/3672",[37,54.791]],["parent/3672",[1507,4.495]],["name/3673",[23,28.075]],["parent/3673",[1507,4.495]],["name/3674",[1506,74.808]],["parent/3674",[1508,5.184]],["name/3675",[1515,79.917]],["parent/3675",[1507,4.495]],["name/3676",[1516,79.917]],["parent/3676",[1507,4.495]],["name/3677",[1517,79.917]],["parent/3677",[1507,4.495]],["name/3678",[1518,79.917]],["parent/3678",[1507,4.495]],["name/3679",[1519,79.917]],["parent/3679",[1507,4.495]],["name/3680",[1520,79.917]],["parent/3680",[1507,4.495]],["name/3681",[946,74.808]],["parent/3681",[1507,4.495]],["name/3682",[945,74.808]],["parent/3682",[1507,4.495]],["name/3683",[1521,79.917]],["parent/3683",[1507,4.495]],["name/3684",[1522,79.917]],["parent/3684",[1507,4.495]],["name/3685",[1523,79.917]],["parent/3685",[1507,4.495]],["name/3686",[1524,79.917]],["parent/3686",[1507,4.495]],["name/3687",[1525,79.917]],["parent/3687",[1507,4.495]],["name/3688",[1526,79.917]],["parent/3688",[1507,4.495]],["name/3689",[1527,79.917]],["parent/3689",[1507,4.495]],["name/3690",[1528,79.917]],["parent/3690",[1507,4.495]],["name/3691",[1529,79.917]],["parent/3691",[1507,4.495]],["name/3692",[44,54.791]],["parent/3692",[1507,4.495]],["name/3693",[64,57.942]],["parent/3693",[1507,4.495]],["name/3694",[45,58.712]],["parent/3694",[1507,4.495]],["name/3695",[22,42.457]],["parent/3695",[1507,4.495]],["name/3696",[23,28.075]],["parent/3696",[1507,4.495]],["name/3697",[1530,61.457]],["parent/3697",[]],["name/3698",[275,66.923]],["parent/3698",[1530,5.756]],["name/3699",[84,42.941]],["parent/3699",[1530,5.756]],["name/3700",[75,41.996]],["parent/3700",[1530,5.756]],["name/3701",[1531,79.917]],["parent/3701",[1530,5.756]],["name/3702",[1532,79.917]],["parent/3702",[1530,5.756]],["name/3703",[26,54.791]],["parent/3703",[1530,5.756]],["name/3704",[115,49.468]],["parent/3704",[1530,5.756]],["name/3705",[10,36.134]],["parent/3705",[1530,5.756]],["name/3706",[921,57.942]],["parent/3706",[]],["name/3707",[35,43.625]],["parent/3707",[921,5.427]],["name/3708",[23,28.075]],["parent/3708",[921,5.427]],["name/3709",[115,49.468]],["parent/3709",[1533,7.485]],["name/3710",[98,53.765]],["parent/3710",[921,5.427]],["name/3711",[21,41.271]],["parent/3711",[921,5.427]],["name/3712",[100,53.288]],["parent/3712",[921,5.427]],["name/3713",[326,68.929]],["parent/3713",[921,5.427]],["name/3714",[22,42.457]],["parent/3714",[921,5.427]],["name/3715",[23,28.075]],["parent/3715",[921,5.427]],["name/3716",[1534,55.347]],["parent/3716",[]],["name/3717",[1535,74.808]],["parent/3717",[1534,5.184]],["name/3718",[23,28.075]],["parent/3718",[1534,5.184]],["name/3719",[35,43.625]],["parent/3719",[1534,5.184]],["name/3720",[21,41.271]],["parent/3720",[1534,5.184]],["name/3721",[1536,74.808]],["parent/3721",[1534,5.184]],["name/3722",[1537,74.808]],["parent/3722",[1534,5.184]],["name/3723",[1538,74.808]],["parent/3723",[1534,5.184]],["name/3724",[1539,74.808]],["parent/3724",[1534,5.184]],["name/3725",[1540,74.808]],["parent/3725",[1534,5.184]],["name/3726",[1541,74.808]],["parent/3726",[1534,5.184]],["name/3727",[1542,74.808]],["parent/3727",[1534,5.184]],["name/3728",[22,42.457]],["parent/3728",[1534,5.184]],["name/3729",[23,28.075]],["parent/3729",[1534,5.184]],["name/3730",[1543,74.808]],["parent/3730",[]],["name/3731",[1544,74.808]],["parent/3731",[1543,7.007]],["name/3732",[1545,68.929]],["parent/3732",[]],["name/3733",[1546,63.821]],["parent/3733",[1545,6.456]],["name/3734",[1547,66.923]],["parent/3734",[1545,6.456]],["name/3735",[1548,66.923]],["parent/3735",[1545,6.456]],["name/3736",[1549,63.821]],["parent/3736",[]],["name/3737",[811,65.252]],["parent/3737",[1549,5.978]],["name/3738",[17,51.197]],["parent/3738",[1549,5.978]],["name/3739",[75,41.996]],["parent/3739",[1549,5.978]],["name/3740",[10,36.134]],["parent/3740",[1549,5.978]],["name/3741",[1546,63.821]],["parent/3741",[1549,5.978]],["name/3742",[1550,65.252]],["parent/3742",[1549,5.978]],["name/3743",[1551,79.917]],["parent/3743",[]],["name/3744",[1552,58.712]],["parent/3744",[]],["name/3745",[1553,71.443]],["parent/3745",[1552,5.499]],["name/3746",[1554,74.808]],["parent/3746",[1552,5.499]],["name/3747",[1555,79.917]],["parent/3747",[1552,5.499]],["name/3748",[1550,65.252]],["parent/3748",[1552,5.499]],["name/3749",[811,65.252]],["parent/3749",[1552,5.499]],["name/3750",[17,51.197]],["parent/3750",[1552,5.499]],["name/3751",[75,41.996]],["parent/3751",[1552,5.499]],["name/3752",[10,36.134]],["parent/3752",[1552,5.499]],["name/3753",[1546,63.821]],["parent/3753",[1552,5.499]],["name/3754",[1547,66.923]],["parent/3754",[1552,5.499]],["name/3755",[1548,66.923]],["parent/3755",[1552,5.499]],["name/3756",[1556,79.917]],["parent/3756",[]],["name/3757",[1557,79.917]],["parent/3757",[]],["name/3758",[1558,79.917]],["parent/3758",[]],["name/3759",[1559,61.457]],["parent/3759",[]],["name/3760",[531,58.712]],["parent/3760",[1559,5.756]],["name/3761",[1560,79.917]],["parent/3761",[1559,5.756]],["name/3762",[10,36.134]],["parent/3762",[1559,5.756]],["name/3763",[75,41.996]],["parent/3763",[1559,5.756]],["name/3764",[1553,71.443]],["parent/3764",[1559,5.756]],["name/3765",[1554,74.808]],["parent/3765",[1559,5.756]],["name/3766",[1546,63.821]],["parent/3766",[1559,5.756]],["name/3767",[1550,65.252]],["parent/3767",[1559,5.756]],["name/3768",[1561,79.917]],["parent/3768",[]],["name/3769",[1562,79.917]],["parent/3769",[]],["name/3770",[1563,62.569]],["parent/3770",[]],["name/3771",[84,42.941]],["parent/3771",[1563,5.86]],["name/3772",[1564,68.929]],["parent/3772",[1563,5.86]],["name/3773",[10,36.134]],["parent/3773",[1563,5.86]],["name/3774",[1534,55.347]],["parent/3774",[1563,5.86]],["name/3775",[1565,71.443]],["parent/3775",[1563,5.86]],["name/3776",[1566,71.443]],["parent/3776",[1563,5.86]],["name/3777",[6,46.24]],["parent/3777",[1563,5.86]],["name/3778",[1567,54.265]],["parent/3778",[]],["name/3779",[1568,63.821]],["parent/3779",[1567,5.083]],["name/3780",[1569,74.808]],["parent/3780",[1567,5.083]],["name/3781",[1550,65.252]],["parent/3781",[1567,5.083]],["name/3782",[1570,74.808]],["parent/3782",[1567,5.083]],["name/3783",[1571,74.808]],["parent/3783",[1567,5.083]],["name/3784",[25,44.552]],["parent/3784",[1567,5.083]],["name/3785",[1572,74.808]],["parent/3785",[1567,5.083]],["name/3786",[1573,79.917]],["parent/3786",[1567,5.083]],["name/3787",[84,42.941]],["parent/3787",[1567,5.083]],["name/3788",[1564,68.929]],["parent/3788",[1567,5.083]],["name/3789",[10,36.134]],["parent/3789",[1567,5.083]],["name/3790",[1534,55.347]],["parent/3790",[1567,5.083]],["name/3791",[1565,71.443]],["parent/3791",[1567,5.083]],["name/3792",[1566,71.443]],["parent/3792",[1567,5.083]],["name/3793",[6,46.24]],["parent/3793",[1567,5.083]],["name/3794",[1546,63.821]],["parent/3794",[1567,5.083]],["name/3795",[1547,66.923]],["parent/3795",[1567,5.083]],["name/3796",[1548,66.923]],["parent/3796",[1567,5.083]],["name/3797",[1574,61.457]],["parent/3797",[]],["name/3798",[1575,74.808]],["parent/3798",[1574,5.756]],["name/3799",[84,42.941]],["parent/3799",[1574,5.756]],["name/3800",[1564,68.929]],["parent/3800",[1574,5.756]],["name/3801",[10,36.134]],["parent/3801",[1574,5.756]],["name/3802",[1534,55.347]],["parent/3802",[1574,5.756]],["name/3803",[1565,71.443]],["parent/3803",[1574,5.756]],["name/3804",[1566,71.443]],["parent/3804",[1574,5.756]],["name/3805",[6,46.24]],["parent/3805",[1574,5.756]],["name/3806",[1576,71.443]],["parent/3806",[]],["name/3807",[84,42.941]],["parent/3807",[1576,6.691]],["name/3808",[1577,71.443]],["parent/3808",[1576,6.691]],["name/3809",[1578,55.935]],["parent/3809",[]],["name/3810",[1568,63.821]],["parent/3810",[1578,5.239]],["name/3811",[1550,65.252]],["parent/3811",[1578,5.239]],["name/3812",[1570,74.808]],["parent/3812",[1578,5.239]],["name/3813",[1571,74.808]],["parent/3813",[1578,5.239]],["name/3814",[25,44.552]],["parent/3814",[1578,5.239]],["name/3815",[1572,74.808]],["parent/3815",[1578,5.239]],["name/3816",[1569,74.808]],["parent/3816",[1578,5.239]],["name/3817",[1564,68.929]],["parent/3817",[1578,5.239]],["name/3818",[10,36.134]],["parent/3818",[1578,5.239]],["name/3819",[59,43.625]],["parent/3819",[1578,5.239]],["name/3820",[84,42.941]],["parent/3820",[1578,5.239]],["name/3821",[1577,71.443]],["parent/3821",[1578,5.239]],["name/3822",[1546,63.821]],["parent/3822",[1578,5.239]],["name/3823",[1547,66.923]],["parent/3823",[1578,5.239]],["name/3824",[1548,66.923]],["parent/3824",[1578,5.239]],["name/3825",[1579,74.808]],["parent/3825",[]],["name/3826",[816,68.929]],["parent/3826",[1579,7.007]],["name/3827",[1580,68.929]],["parent/3827",[]],["name/3828",[1575,74.808]],["parent/3828",[1580,6.456]],["name/3829",[84,42.941]],["parent/3829",[1580,6.456]],["name/3830",[1577,71.443]],["parent/3830",[1580,6.456]],["name/3831",[1581,60.456]],["parent/3831",[]],["name/3832",[531,58.712]],["parent/3832",[1581,5.662]],["name/3833",[373,74.808]],["parent/3833",[1581,5.662]],["name/3834",[1568,63.821]],["parent/3834",[1581,5.662]],["name/3835",[1553,71.443]],["parent/3835",[1581,5.662]],["name/3836",[75,41.996]],["parent/3836",[1581,5.662]],["name/3837",[1550,65.252]],["parent/3837",[1581,5.662]],["name/3838",[1546,63.821]],["parent/3838",[1581,5.662]],["name/3839",[1547,66.923]],["parent/3839",[1581,5.662]],["name/3840",[1548,66.923]],["parent/3840",[1581,5.662]],["name/3841",[1582,56.561]],["parent/3841",[]],["name/3842",[1535,74.808]],["parent/3842",[1582,5.298]],["name/3843",[23,28.075]],["parent/3843",[1582,5.298]],["name/3844",[1544,74.808]],["parent/3844",[1582,5.298]],["name/3845",[35,43.625]],["parent/3845",[1582,5.298]],["name/3846",[21,41.271]],["parent/3846",[1582,5.298]],["name/3847",[1536,74.808]],["parent/3847",[1582,5.298]],["name/3848",[1537,74.808]],["parent/3848",[1582,5.298]],["name/3849",[1538,74.808]],["parent/3849",[1582,5.298]],["name/3850",[1539,74.808]],["parent/3850",[1582,5.298]],["name/3851",[1540,74.808]],["parent/3851",[1582,5.298]],["name/3852",[1541,74.808]],["parent/3852",[1582,5.298]],["name/3853",[1542,74.808]],["parent/3853",[1582,5.298]],["name/3854",[22,42.457]],["parent/3854",[1582,5.298]],["name/3855",[23,28.075]],["parent/3855",[1582,5.298]],["name/3856",[1583,59.546]],["parent/3856",[]],["name/3857",[1584,79.917]],["parent/3857",[1583,5.577]],["name/3858",[27,63.821]],["parent/3858",[1583,5.577]],["name/3859",[1585,71.443]],["parent/3859",[1583,5.577]],["name/3860",[14,65.252]],["parent/3860",[1583,5.577]],["name/3861",[19,49.791]],["parent/3861",[1583,5.577]],["name/3862",[59,43.625]],["parent/3862",[1583,5.577]],["name/3863",[1586,79.917]],["parent/3863",[1583,5.577]],["name/3864",[199,51.982]],["parent/3864",[1583,5.577]],["name/3865",[115,49.468]],["parent/3865",[1583,5.577]],["name/3866",[23,28.075]],["parent/3866",[1583,5.577]],["name/3867",[1454,71.443]],["parent/3867",[]],["name/3868",[1587,63.821]],["parent/3868",[]],["name/3869",[1588,79.917]],["parent/3869",[1587,5.978]],["name/3870",[19,49.791]],["parent/3870",[1587,5.978]],["name/3871",[59,43.625]],["parent/3871",[1587,5.978]],["name/3872",[23,28.075]],["parent/3872",[1587,5.978]],["name/3873",[199,51.982]],["parent/3873",[1587,5.978]],["name/3874",[1585,71.443]],["parent/3874",[1587,5.978]],["name/3875",[1589,79.917]],["parent/3875",[]],["name/3876",[1590,62.569]],["parent/3876",[]],["name/3877",[367,74.808]],["parent/3877",[1590,5.86]],["name/3878",[84,42.941]],["parent/3878",[1590,5.86]],["name/3879",[19,49.791]],["parent/3879",[1590,5.86]],["name/3880",[59,43.625]],["parent/3880",[1590,5.86]],["name/3881",[23,28.075]],["parent/3881",[1590,5.86]],["name/3882",[199,51.982]],["parent/3882",[1590,5.86]],["name/3883",[1585,71.443]],["parent/3883",[1590,5.86]],["name/3884",[1591,79.917]],["parent/3884",[]],["name/3885",[1592,79.917]],["parent/3885",[]],["name/3886",[1593,55.935]],["parent/3886",[]],["name/3887",[25,44.552]],["parent/3887",[1593,5.239]],["name/3888",[14,65.252]],["parent/3888",[1593,5.239]],["name/3889",[15,71.443]],["parent/3889",[1593,5.239]],["name/3890",[16,71.443]],["parent/3890",[1593,5.239]],["name/3891",[17,51.197]],["parent/3891",[1593,5.239]],["name/3892",[18,68.929]],["parent/3892",[1593,5.239]],["name/3893",[19,49.791]],["parent/3893",[1593,5.239]],["name/3894",[23,28.075]],["parent/3894",[1593,5.239]],["name/3895",[29,71.443]],["parent/3895",[1593,5.239]],["name/3896",[26,54.791]],["parent/3896",[1593,5.239]],["name/3897",[27,63.821]],["parent/3897",[1593,5.239]],["name/3898",[28,56.561]],["parent/3898",[1593,5.239]],["name/3899",[30,55.935]],["parent/3899",[1593,5.239]],["name/3900",[31,74.808]],["parent/3900",[1593,5.239]],["name/3901",[32,66.923]],["parent/3901",[1593,5.239]],["name/3902",[1594,79.917]],["parent/3902",[]],["name/3903",[1595,74.808]],["parent/3903",[]],["name/3904",[23,28.075]],["parent/3904",[1595,7.007]],["name/3905",[1596,74.808]],["parent/3905",[]],["name/3906",[23,28.075]],["parent/3906",[1596,7.007]],["name/3907",[1597,79.917]],["parent/3907",[]],["name/3908",[1598,79.917]],["parent/3908",[]],["name/3909",[1599,55.347]],["parent/3909",[]],["name/3910",[1600,79.917]],["parent/3910",[1599,5.184]],["name/3911",[1417,74.808]],["parent/3911",[1599,5.184]],["name/3912",[1601,79.917]],["parent/3912",[1599,5.184]],["name/3913",[34,74.808]],["parent/3913",[1599,5.184]],["name/3914",[1602,79.917]],["parent/3914",[1599,5.184]],["name/3915",[1603,79.917]],["parent/3915",[1599,5.184]],["name/3916",[1604,79.917]],["parent/3916",[1599,5.184]],["name/3917",[1605,79.917]],["parent/3917",[1599,5.184]],["name/3918",[1606,79.917]],["parent/3918",[1599,5.184]],["name/3919",[1607,79.917]],["parent/3919",[1599,5.184]],["name/3920",[1608,79.917]],["parent/3920",[1599,5.184]],["name/3921",[1609,79.917]],["parent/3921",[1599,5.184]],["name/3922",[1610,79.917]],["parent/3922",[1599,5.184]],["name/3923",[10,36.134]],["parent/3923",[1599,5.184]],["name/3924",[1611,79.917]],["parent/3924",[1599,5.184]],["name/3925",[23,28.075]],["parent/3925",[1599,5.184]],["name/3926",[1612,58.712]],["parent/3926",[]],["name/3927",[115,49.468]],["parent/3927",[1612,5.499]],["name/3928",[1613,71.443]],["parent/3928",[1612,5.499]],["name/3929",[1614,71.443]],["parent/3929",[1612,5.499]],["name/3930",[330,66.923]],["parent/3930",[1612,5.499]],["name/3931",[1615,71.443]],["parent/3931",[1612,5.499]],["name/3932",[1616,71.443]],["parent/3932",[1612,5.499]],["name/3933",[209,63.821]],["parent/3933",[1612,5.499]],["name/3934",[1617,74.808]],["parent/3934",[1612,5.499]],["name/3935",[10,36.134]],["parent/3935",[1612,5.499]],["name/3936",[59,43.625]],["parent/3936",[1612,5.499]],["name/3937",[25,44.552]],["parent/3937",[1612,5.499]],["name/3938",[1618,58.712]],["parent/3938",[]],["name/3939",[35,43.625]],["parent/3939",[1618,5.499]],["name/3940",[23,28.075]],["parent/3940",[1618,5.499]],["name/3941",[1613,71.443]],["parent/3941",[1619,6.112]],["name/3942",[1614,71.443]],["parent/3942",[1619,6.112]],["name/3943",[1615,71.443]],["parent/3943",[1619,6.112]],["name/3944",[1616,71.443]],["parent/3944",[1619,6.112]],["name/3945",[21,41.271]],["parent/3945",[1618,5.499]],["name/3946",[1275,48.273]],["parent/3946",[1618,5.499]],["name/3947",[1620,79.917]],["parent/3947",[1618,5.499]],["name/3948",[23,28.075]],["parent/3948",[1618,5.499]],["name/3949",[884,74.808]],["parent/3949",[1619,6.112]],["name/3950",[885,74.808]],["parent/3950",[1619,6.112]],["name/3951",[1621,79.917]],["parent/3951",[1618,5.499]],["name/3952",[140,53.765]],["parent/3952",[1618,5.499]],["name/3953",[1424,71.443]],["parent/3953",[1618,5.499]],["name/3954",[22,42.457]],["parent/3954",[1618,5.499]],["name/3955",[23,28.075]],["parent/3955",[1618,5.499]],["name/3956",[1622,57.228]],["parent/3956",[]],["name/3957",[531,58.712]],["parent/3957",[1622,5.36]],["name/3958",[1340,63.821]],["parent/3958",[1622,5.36]],["name/3959",[115,49.468]],["parent/3959",[1622,5.36]],["name/3960",[1613,71.443]],["parent/3960",[1622,5.36]],["name/3961",[1614,71.443]],["parent/3961",[1622,5.36]],["name/3962",[330,66.923]],["parent/3962",[1622,5.36]],["name/3963",[1615,71.443]],["parent/3963",[1622,5.36]],["name/3964",[1616,71.443]],["parent/3964",[1622,5.36]],["name/3965",[209,63.821]],["parent/3965",[1622,5.36]],["name/3966",[1617,74.808]],["parent/3966",[1622,5.36]],["name/3967",[10,36.134]],["parent/3967",[1622,5.36]],["name/3968",[59,43.625]],["parent/3968",[1622,5.36]],["name/3969",[25,44.552]],["parent/3969",[1622,5.36]],["name/3970",[1623,65.252]],["parent/3970",[]],["name/3971",[115,49.468]],["parent/3971",[1623,6.112]],["name/3972",[1624,60.456]],["parent/3972",[1623,6.112]],["name/3973",[25,44.552]],["parent/3973",[1623,6.112]],["name/3974",[10,36.134]],["parent/3974",[1623,6.112]],["name/3975",[59,43.625]],["parent/3975",[1623,6.112]],["name/3976",[1624,60.456]],["parent/3976",[]],["name/3977",[35,43.625]],["parent/3977",[1624,5.662]],["name/3978",[23,28.075]],["parent/3978",[1624,5.662]],["name/3979",[25,44.552]],["parent/3979",[1625,6.456]],["name/3980",[115,49.468]],["parent/3980",[1625,6.456]],["name/3981",[59,43.625]],["parent/3981",[1625,6.456]],["name/3982",[23,28.075]],["parent/3982",[1625,6.456]],["name/3983",[155,66.923]],["parent/3983",[1624,5.662]],["name/3984",[1626,79.917]],["parent/3984",[1624,5.662]],["name/3985",[21,41.271]],["parent/3985",[1624,5.662]],["name/3986",[1627,79.917]],["parent/3986",[1624,5.662]],["name/3987",[22,42.457]],["parent/3987",[1624,5.662]],["name/3988",[23,28.075]],["parent/3988",[1624,5.662]],["name/3989",[1628,58.712]],["parent/3989",[]],["name/3990",[17,51.197]],["parent/3990",[1628,5.499]],["name/3991",[59,43.625]],["parent/3991",[1628,5.499]],["name/3992",[140,53.765]],["parent/3992",[1628,5.499]],["name/3993",[1236,58.712]],["parent/3993",[1628,5.499]],["name/3994",[1237,63.821]],["parent/3994",[1628,5.499]],["name/3995",[10,36.134]],["parent/3995",[1628,5.499]],["name/3996",[1244,59.546]],["parent/3996",[1628,5.499]],["name/3997",[199,51.982]],["parent/3997",[1628,5.499]],["name/3998",[200,57.228]],["parent/3998",[1628,5.499]],["name/3999",[6,46.24]],["parent/3999",[1628,5.499]],["name/4000",[1255,68.929]],["parent/4000",[1628,5.499]],["name/4001",[139,60.456]],["parent/4001",[]],["name/4002",[35,43.625]],["parent/4002",[139,5.662]],["name/4003",[23,28.075]],["parent/4003",[139,5.662]],["name/4004",[288,61.457]],["parent/4004",[1629,6.268]],["name/4005",[140,53.765]],["parent/4005",[1629,6.268]],["name/4006",[1236,58.712]],["parent/4006",[1629,6.268]],["name/4007",[1237,63.821]],["parent/4007",[1629,6.268]],["name/4008",[1244,59.546]],["parent/4008",[1629,6.268]],["name/4009",[21,41.271]],["parent/4009",[139,5.662]],["name/4010",[1424,71.443]],["parent/4010",[139,5.662]],["name/4011",[1630,74.808]],["parent/4011",[139,5.662]],["name/4012",[1271,66.923]],["parent/4012",[139,5.662]],["name/4013",[22,42.457]],["parent/4013",[139,5.662]],["name/4014",[23,28.075]],["parent/4014",[139,5.662]],["name/4015",[1631,79.917]],["parent/4015",[]],["name/4016",[925,63.821]],["parent/4016",[]],["name/4017",[925,63.821]],["parent/4017",[]],["name/4018",[35,43.625]],["parent/4018",[925,5.978]],["name/4019",[1632,79.917]],["parent/4019",[]],["name/4020",[1633,74.808]],["parent/4020",[]],["name/4021",[75,41.996]],["parent/4021",[1633,7.007]],["name/4022",[1634,79.917]],["parent/4022",[]],["name/4023",[1635,66.923]],["parent/4023",[]],["name/4024",[1636,71.443]],["parent/4024",[1635,6.268]],["name/4025",[1637,79.917]],["parent/4025",[1635,6.268]],["name/4026",[715,65.252]],["parent/4026",[1635,6.268]],["name/4027",[1638,68.929]],["parent/4027",[1635,6.268]],["name/4028",[1639,57.228]],["parent/4028",[]],["name/4029",[17,51.197]],["parent/4029",[1639,5.36]],["name/4030",[715,65.252]],["parent/4030",[1639,5.36]],["name/4031",[1640,79.917]],["parent/4031",[1639,5.36]],["name/4032",[778,74.808]],["parent/4032",[1639,5.36]],["name/4033",[1638,68.929]],["parent/4033",[1639,5.36]],["name/4034",[1641,79.917]],["parent/4034",[1639,5.36]],["name/4035",[1642,79.917]],["parent/4035",[1639,5.36]],["name/4036",[960,74.808]],["parent/4036",[1639,5.36]],["name/4037",[87,66.923]],["parent/4037",[1639,5.36]],["name/4038",[229,71.443]],["parent/4038",[1639,5.36]],["name/4039",[1643,74.808]],["parent/4039",[1639,5.36]],["name/4040",[916,52.399]],["parent/4040",[1639,5.36]],["name/4041",[75,41.996]],["parent/4041",[1639,5.36]],["name/4042",[1644,79.917]],["parent/4042",[]],["name/4043",[1645,66.923]],["parent/4043",[]],["name/4044",[715,65.252]],["parent/4044",[1645,6.268]],["name/4045",[75,41.996]],["parent/4045",[1645,6.268]],["name/4046",[1643,74.808]],["parent/4046",[1645,6.268]],["name/4047",[84,42.941]],["parent/4047",[1645,6.268]],["name/4048",[1646,68.929]],["parent/4048",[]],["name/4049",[1638,68.929]],["parent/4049",[1646,6.456]],["name/4050",[1636,71.443]],["parent/4050",[1646,6.456]],["name/4051",[1647,79.917]],["parent/4051",[1646,6.456]],["name/4052",[1648,63.821]],["parent/4052",[]],["name/4053",[1636,71.443]],["parent/4053",[1648,5.978]],["name/4054",[1638,68.929]],["parent/4054",[1648,5.978]],["name/4055",[1649,79.917]],["parent/4055",[1648,5.978]],["name/4056",[1650,79.917]],["parent/4056",[1648,5.978]],["name/4057",[1651,79.917]],["parent/4057",[1648,5.978]],["name/4058",[1652,79.917]],["parent/4058",[1648,5.978]],["name/4059",[1653,79.917]],["parent/4059",[]],["name/4060",[1654,79.917]],["parent/4060",[]],["name/4061",[1655,66.923]],["parent/4061",[]],["name/4062",[531,58.712]],["parent/4062",[1655,6.268]],["name/4063",[17,51.197]],["parent/4063",[1655,6.268]],["name/4064",[6,46.24]],["parent/4064",[1655,6.268]],["name/4065",[1656,79.917]],["parent/4065",[1655,6.268]],["name/4066",[1657,71.443]],["parent/4066",[]],["name/4067",[1658,79.917]],["parent/4067",[1657,6.691]],["name/4068",[1659,79.917]],["parent/4068",[1657,6.691]],["name/4069",[1660,79.917]],["parent/4069",[]],["name/4070",[1661,79.917]],["parent/4070",[]],["name/4071",[1662,66.923]],["parent/4071",[]],["name/4072",[168,52.834]],["parent/4072",[1662,6.268]],["name/4073",[30,55.935]],["parent/4073",[1662,6.268]],["name/4074",[192,66.923]],["parent/4074",[1662,6.268]],["name/4075",[1663,79.917]],["parent/4075",[1662,6.268]],["name/4076",[1664,65.252]],["parent/4076",[]],["name/4077",[1665,79.917]],["parent/4077",[1664,6.112]],["name/4078",[75,41.996]],["parent/4078",[1664,6.112]],["name/4079",[1666,79.917]],["parent/4079",[1664,6.112]],["name/4080",[1667,79.917]],["parent/4080",[1664,6.112]],["name/4081",[1668,79.917]],["parent/4081",[1664,6.112]],["name/4082",[1669,51.982]],["parent/4082",[]],["name/4083",[22,42.457]],["parent/4083",[1669,4.869]],["name/4084",[1670,79.917]],["parent/4084",[1669,4.869]],["name/4085",[1671,74.808]],["parent/4085",[1669,4.869]],["name/4086",[1672,79.917]],["parent/4086",[1669,4.869]],["name/4087",[115,49.468]],["parent/4087",[1669,4.869]],["name/4088",[1673,79.917]],["parent/4088",[1669,4.869]],["name/4089",[791,74.808]],["parent/4089",[1669,4.869]],["name/4090",[1674,74.808]],["parent/4090",[1669,4.869]],["name/4091",[85,63.821]],["parent/4091",[1669,4.869]],["name/4092",[1675,74.808]],["parent/4092",[1669,4.869]],["name/4093",[1138,65.252]],["parent/4093",[1669,4.869]],["name/4094",[1676,74.808]],["parent/4094",[1669,4.869]],["name/4095",[1677,79.917]],["parent/4095",[1669,4.869]],["name/4096",[1678,79.917]],["parent/4096",[1669,4.869]],["name/4097",[82,71.443]],["parent/4097",[1669,4.869]],["name/4098",[1679,74.808]],["parent/4098",[1669,4.869]],["name/4099",[1680,74.808]],["parent/4099",[1669,4.869]],["name/4100",[1681,74.808]],["parent/4100",[1669,4.869]],["name/4101",[1682,79.917]],["parent/4101",[1669,4.869]],["name/4102",[1683,79.917]],["parent/4102",[1669,4.869]],["name/4103",[1684,79.917]],["parent/4103",[1669,4.869]],["name/4104",[1021,74.808]],["parent/4104",[1669,4.869]],["name/4105",[1685,79.917]],["parent/4105",[1669,4.869]],["name/4106",[1686,60.456]],["parent/4106",[]],["name/4107",[1177,66.923]],["parent/4107",[1686,5.662]],["name/4108",[1687,53.765]],["parent/4108",[1686,5.662]],["name/4109",[1688,79.917]],["parent/4109",[1686,5.662]],["name/4110",[1689,79.917]],["parent/4110",[1686,5.662]],["name/4111",[1690,79.917]],["parent/4111",[1686,5.662]],["name/4112",[1691,79.917]],["parent/4112",[1686,5.662]],["name/4113",[1680,74.808]],["parent/4113",[1686,5.662]],["name/4114",[1692,79.917]],["parent/4114",[1686,5.662]],["name/4115",[1138,65.252]],["parent/4115",[1686,5.662]],["name/4116",[1687,53.765]],["parent/4116",[]],["name/4117",[35,43.625]],["parent/4117",[1687,5.036]],["name/4118",[23,28.075]],["parent/4118",[1687,5.036]],["name/4119",[1674,74.808]],["parent/4119",[1693,6.112]],["name/4120",[1679,74.808]],["parent/4120",[1693,6.112]],["name/4121",[1671,74.808]],["parent/4121",[1693,6.112]],["name/4122",[1681,74.808]],["parent/4122",[1693,6.112]],["name/4123",[1675,74.808]],["parent/4123",[1693,6.112]],["name/4124",[115,49.468]],["parent/4124",[1693,6.112]],["name/4125",[99,56.561]],["parent/4125",[1687,5.036]],["name/4126",[21,41.271]],["parent/4126",[1687,5.036]],["name/4127",[1694,79.917]],["parent/4127",[1687,5.036]],["name/4128",[1138,65.252]],["parent/4128",[1687,5.036]],["name/4129",[1676,74.808]],["parent/4129",[1687,5.036]],["name/4130",[1695,79.917]],["parent/4130",[1687,5.036]],["name/4131",[1696,79.917]],["parent/4131",[1687,5.036]],["name/4132",[1697,79.917]],["parent/4132",[1687,5.036]],["name/4133",[1698,79.917]],["parent/4133",[1687,5.036]],["name/4134",[1699,79.917]],["parent/4134",[1687,5.036]],["name/4135",[1630,74.808]],["parent/4135",[1687,5.036]],["name/4136",[1700,79.917]],["parent/4136",[1687,5.036]],["name/4137",[1701,79.917]],["parent/4137",[1687,5.036]],["name/4138",[1702,79.917]],["parent/4138",[1687,5.036]],["name/4139",[22,42.457]],["parent/4139",[1687,5.036]],["name/4140",[23,28.075]],["parent/4140",[1687,5.036]],["name/4141",[923,49.791]],["parent/4141",[]],["name/4142",[35,43.625]],["parent/4142",[923,4.664]],["name/4143",[1703,74.808]],["parent/4143",[923,4.664]],["name/4144",[99,56.561]],["parent/4144",[923,4.664]],["name/4145",[21,41.271]],["parent/4145",[923,4.664]],["name/4146",[1704,71.443]],["parent/4146",[923,4.664]],["name/4147",[1705,71.443]],["parent/4147",[923,4.664]],["name/4148",[1706,74.808]],["parent/4148",[923,4.664]],["name/4149",[1271,66.923]],["parent/4149",[923,4.664]],["name/4150",[22,42.457]],["parent/4150",[923,4.664]],["name/4151",[261,68.929]],["parent/4151",[923,4.664]],["name/4152",[1707,61.457]],["parent/4152",[923,4.664]],["name/4153",[1708,68.929]],["parent/4153",[923,4.664]],["name/4154",[1709,71.443]],["parent/4154",[923,4.664]],["name/4155",[1710,74.808]],["parent/4155",[923,4.664]],["name/4156",[1711,71.443]],["parent/4156",[923,4.664]],["name/4157",[1712,71.443]],["parent/4157",[923,4.664]],["name/4158",[1713,71.443]],["parent/4158",[923,4.664]],["name/4159",[1714,71.443]],["parent/4159",[923,4.664]],["name/4160",[1715,71.443]],["parent/4160",[923,4.664]],["name/4161",[1716,71.443]],["parent/4161",[923,4.664]],["name/4162",[1717,71.443]],["parent/4162",[923,4.664]],["name/4163",[1718,71.443]],["parent/4163",[923,4.664]],["name/4164",[1719,71.443]],["parent/4164",[923,4.664]],["name/4165",[1720,71.443]],["parent/4165",[923,4.664]],["name/4166",[23,28.075]],["parent/4166",[923,4.664]],["name/4167",[1721,51.197]],["parent/4167",[]],["name/4168",[35,43.625]],["parent/4168",[1721,4.795]],["name/4169",[1703,74.808]],["parent/4169",[1721,4.795]],["name/4170",[99,56.561]],["parent/4170",[1721,4.795]],["name/4171",[21,41.271]],["parent/4171",[1721,4.795]],["name/4172",[1720,71.443]],["parent/4172",[1721,4.795]],["name/4173",[1706,74.808]],["parent/4173",[1721,4.795]],["name/4174",[1704,71.443]],["parent/4174",[1721,4.795]],["name/4175",[1705,71.443]],["parent/4175",[1721,4.795]],["name/4176",[1271,66.923]],["parent/4176",[1721,4.795]],["name/4177",[22,42.457]],["parent/4177",[1721,4.795]],["name/4178",[261,68.929]],["parent/4178",[1721,4.795]],["name/4179",[1707,61.457]],["parent/4179",[1721,4.795]],["name/4180",[1708,68.929]],["parent/4180",[1721,4.795]],["name/4181",[1709,71.443]],["parent/4181",[1721,4.795]],["name/4182",[1710,74.808]],["parent/4182",[1721,4.795]],["name/4183",[1711,71.443]],["parent/4183",[1721,4.795]],["name/4184",[1712,71.443]],["parent/4184",[1721,4.795]],["name/4185",[1713,71.443]],["parent/4185",[1721,4.795]],["name/4186",[1714,71.443]],["parent/4186",[1721,4.795]],["name/4187",[1715,71.443]],["parent/4187",[1721,4.795]],["name/4188",[1716,71.443]],["parent/4188",[1721,4.795]],["name/4189",[1717,71.443]],["parent/4189",[1721,4.795]],["name/4190",[1718,71.443]],["parent/4190",[1721,4.795]],["name/4191",[1719,71.443]],["parent/4191",[1721,4.795]],["name/4192",[23,28.075]],["parent/4192",[1721,4.795]],["name/4193",[1722,52.399]],["parent/4193",[]],["name/4194",[21,41.271]],["parent/4194",[1722,4.908]],["name/4195",[37,54.791]],["parent/4195",[1722,4.908]],["name/4196",[261,68.929]],["parent/4196",[1722,4.908]],["name/4197",[66,42.777]],["parent/4197",[1722,4.908]],["name/4198",[84,42.941]],["parent/4198",[1722,4.908]],["name/4199",[1709,71.443]],["parent/4199",[1722,4.908]],["name/4200",[1713,71.443]],["parent/4200",[1722,4.908]],["name/4201",[1704,71.443]],["parent/4201",[1722,4.908]],["name/4202",[1711,71.443]],["parent/4202",[1722,4.908]],["name/4203",[1712,71.443]],["parent/4203",[1722,4.908]],["name/4204",[1714,71.443]],["parent/4204",[1722,4.908]],["name/4205",[1705,71.443]],["parent/4205",[1722,4.908]],["name/4206",[1271,66.923]],["parent/4206",[1722,4.908]],["name/4207",[52,74.808]],["parent/4207",[1722,4.908]],["name/4208",[22,42.457]],["parent/4208",[1722,4.908]],["name/4209",[1715,71.443]],["parent/4209",[1722,4.908]],["name/4210",[1716,71.443]],["parent/4210",[1722,4.908]],["name/4211",[1717,71.443]],["parent/4211",[1722,4.908]],["name/4212",[1718,71.443]],["parent/4212",[1722,4.908]],["name/4213",[1719,71.443]],["parent/4213",[1722,4.908]],["name/4214",[1720,71.443]],["parent/4214",[1722,4.908]],["name/4215",[23,28.075]],["parent/4215",[1722,4.908]],["name/4216",[1723,63.821]],["parent/4216",[]],["name/4217",[531,58.712]],["parent/4217",[1723,5.978]],["name/4218",[1724,74.808]],["parent/4218",[1723,5.978]],["name/4219",[168,52.834]],["parent/4219",[1723,5.978]],["name/4220",[25,44.552]],["parent/4220",[1723,5.978]],["name/4221",[1346,65.252]],["parent/4221",[1723,5.978]],["name/4222",[1340,63.821]],["parent/4222",[1723,5.978]],["name/4223",[1725,61.457]],["parent/4223",[]],["name/4224",[116,74.808]],["parent/4224",[1725,5.756]],["name/4225",[1726,79.917]],["parent/4225",[1725,5.756]],["name/4226",[531,58.712]],["parent/4226",[1725,5.756]],["name/4227",[1724,74.808]],["parent/4227",[1725,5.756]],["name/4228",[168,52.834]],["parent/4228",[1725,5.756]],["name/4229",[25,44.552]],["parent/4229",[1725,5.756]],["name/4230",[1346,65.252]],["parent/4230",[1725,5.756]],["name/4231",[1340,63.821]],["parent/4231",[1725,5.756]],["name/4232",[1727,79.917]],["parent/4232",[]],["name/4233",[1728,74.808]],["parent/4233",[]],["name/4234",[23,28.075]],["parent/4234",[1728,7.007]],["name/4235",[1729,71.443]],["parent/4235",[]],["name/4236",[155,66.923]],["parent/4236",[1729,6.691]],["name/4237",[25,44.552]],["parent/4237",[1729,6.691]],["name/4238",[1730,74.808]],["parent/4238",[]],["name/4239",[23,28.075]],["parent/4239",[1730,7.007]],["name/4240",[1731,66.923]],["parent/4240",[]],["name/4241",[1732,79.917]],["parent/4241",[1731,6.268]],["name/4242",[23,28.075]],["parent/4242",[1731,6.268]],["name/4243",[1733,63.821]],["parent/4243",[1734,6.691]],["name/4244",[1735,79.917]],["parent/4244",[1734,6.691]],["name/4245",[1736,79.917]],["parent/4245",[1731,6.268]],["name/4246",[23,28.075]],["parent/4246",[1731,6.268]],["name/4247",[1737,66.923]],["parent/4247",[1734,6.691]],["name/4248",[1738,74.808]],["parent/4248",[]],["name/4249",[23,28.075]],["parent/4249",[1738,7.007]],["name/4250",[1739,79.917]],["parent/4250",[]],["name/4251",[1740,74.808]],["parent/4251",[]],["name/4252",[23,28.075]],["parent/4252",[1740,7.007]],["name/4253",[1741,79.917]],["parent/4253",[]],["name/4254",[1742,74.808]],["parent/4254",[]],["name/4255",[23,28.075]],["parent/4255",[1742,7.007]],["name/4256",[1743,60.456]],["parent/4256",[]],["name/4257",[10,36.134]],["parent/4257",[1743,5.662]],["name/4258",[1744,66.923]],["parent/4258",[1743,5.662]],["name/4259",[1745,66.923]],["parent/4259",[1743,5.662]],["name/4260",[492,61.457]],["parent/4260",[1743,5.662]],["name/4261",[1733,63.821]],["parent/4261",[1743,5.662]],["name/4262",[1746,63.821]],["parent/4262",[1743,5.662]],["name/4263",[75,41.996]],["parent/4263",[1743,5.662]],["name/4264",[1747,66.923]],["parent/4264",[1743,5.662]],["name/4265",[1748,62.569]],["parent/4265",[1743,5.662]],["name/4266",[1749,55.935]],["parent/4266",[]],["name/4267",[1707,61.457]],["parent/4267",[1749,5.239]],["name/4268",[1750,71.443]],["parent/4268",[1749,5.239]],["name/4269",[84,42.941]],["parent/4269",[1749,5.239]],["name/4270",[248,59.546]],["parent/4270",[1749,5.239]],["name/4271",[1737,66.923]],["parent/4271",[1749,5.239]],["name/4272",[1456,54.265]],["parent/4272",[1749,5.239]],["name/4273",[10,36.134]],["parent/4273",[1749,5.239]],["name/4274",[1744,66.923]],["parent/4274",[1749,5.239]],["name/4275",[1745,66.923]],["parent/4275",[1749,5.239]],["name/4276",[492,61.457]],["parent/4276",[1749,5.239]],["name/4277",[1733,63.821]],["parent/4277",[1749,5.239]],["name/4278",[1746,63.821]],["parent/4278",[1749,5.239]],["name/4279",[75,41.996]],["parent/4279",[1749,5.239]],["name/4280",[1747,66.923]],["parent/4280",[1749,5.239]],["name/4281",[1748,62.569]],["parent/4281",[1749,5.239]],["name/4282",[1751,54.265]],["parent/4282",[]],["name/4283",[1752,71.443]],["parent/4283",[1751,5.083]],["name/4284",[916,52.399]],["parent/4284",[1751,5.083]],["name/4285",[889,60.456]],["parent/4285",[1751,5.083]],["name/4286",[1707,61.457]],["parent/4286",[1751,5.083]],["name/4287",[1750,71.443]],["parent/4287",[1751,5.083]],["name/4288",[84,42.941]],["parent/4288",[1751,5.083]],["name/4289",[248,59.546]],["parent/4289",[1751,5.083]],["name/4290",[1737,66.923]],["parent/4290",[1751,5.083]],["name/4291",[1456,54.265]],["parent/4291",[1751,5.083]],["name/4292",[10,36.134]],["parent/4292",[1751,5.083]],["name/4293",[1744,66.923]],["parent/4293",[1751,5.083]],["name/4294",[1745,66.923]],["parent/4294",[1751,5.083]],["name/4295",[492,61.457]],["parent/4295",[1751,5.083]],["name/4296",[1733,63.821]],["parent/4296",[1751,5.083]],["name/4297",[1746,63.821]],["parent/4297",[1751,5.083]],["name/4298",[75,41.996]],["parent/4298",[1751,5.083]],["name/4299",[1747,66.923]],["parent/4299",[1751,5.083]],["name/4300",[1748,62.569]],["parent/4300",[1751,5.083]],["name/4301",[1753,54.265]],["parent/4301",[]],["name/4302",[1752,71.443]],["parent/4302",[1753,5.083]],["name/4303",[1754,79.917]],["parent/4303",[1753,5.083]],["name/4304",[1755,79.917]],["parent/4304",[1753,5.083]],["name/4305",[1707,61.457]],["parent/4305",[1753,5.083]],["name/4306",[1750,71.443]],["parent/4306",[1753,5.083]],["name/4307",[84,42.941]],["parent/4307",[1753,5.083]],["name/4308",[248,59.546]],["parent/4308",[1753,5.083]],["name/4309",[1737,66.923]],["parent/4309",[1753,5.083]],["name/4310",[1456,54.265]],["parent/4310",[1753,5.083]],["name/4311",[10,36.134]],["parent/4311",[1753,5.083]],["name/4312",[1744,66.923]],["parent/4312",[1753,5.083]],["name/4313",[1745,66.923]],["parent/4313",[1753,5.083]],["name/4314",[492,61.457]],["parent/4314",[1753,5.083]],["name/4315",[1733,63.821]],["parent/4315",[1753,5.083]],["name/4316",[1746,63.821]],["parent/4316",[1753,5.083]],["name/4317",[75,41.996]],["parent/4317",[1753,5.083]],["name/4318",[1747,66.923]],["parent/4318",[1753,5.083]],["name/4319",[1748,62.569]],["parent/4319",[1753,5.083]],["name/4320",[1756,57.942]],["parent/4320",[]],["name/4321",[1752,71.443]],["parent/4321",[1756,5.427]],["name/4322",[84,42.941]],["parent/4322",[1756,5.427]],["name/4323",[66,42.777]],["parent/4323",[1756,5.427]],["name/4324",[10,36.134]],["parent/4324",[1756,5.427]],["name/4325",[1744,66.923]],["parent/4325",[1756,5.427]],["name/4326",[1745,66.923]],["parent/4326",[1756,5.427]],["name/4327",[492,61.457]],["parent/4327",[1756,5.427]],["name/4328",[1733,63.821]],["parent/4328",[1756,5.427]],["name/4329",[1746,63.821]],["parent/4329",[1756,5.427]],["name/4330",[75,41.996]],["parent/4330",[1756,5.427]],["name/4331",[1747,66.923]],["parent/4331",[1756,5.427]],["name/4332",[1748,62.569]],["parent/4332",[1756,5.427]],["name/4333",[1757,59.546]],["parent/4333",[]],["name/4334",[1758,66.923]],["parent/4334",[1757,5.577]],["name/4335",[1707,61.457]],["parent/4335",[1757,5.577]],["name/4336",[75,41.996]],["parent/4336",[1757,5.577]],["name/4337",[1746,63.821]],["parent/4337",[1757,5.577]],["name/4338",[1708,68.929]],["parent/4338",[1757,5.577]],["name/4339",[1733,63.821]],["parent/4339",[1757,5.577]],["name/4340",[1737,66.923]],["parent/4340",[1757,5.577]],["name/4341",[248,59.546]],["parent/4341",[1757,5.577]],["name/4342",[1759,79.917]],["parent/4342",[1757,5.577]],["name/4343",[492,61.457]],["parent/4343",[1757,5.577]],["name/4344",[1760,65.252]],["parent/4344",[]],["name/4345",[1746,63.821]],["parent/4345",[1760,6.112]],["name/4346",[75,41.996]],["parent/4346",[1760,6.112]],["name/4347",[1708,68.929]],["parent/4347",[1760,6.112]],["name/4348",[248,59.546]],["parent/4348",[1760,6.112]],["name/4349",[84,42.941]],["parent/4349",[1760,6.112]],["name/4350",[1761,62.569]],["parent/4350",[]],["name/4351",[1758,66.923]],["parent/4351",[1761,5.86]],["name/4352",[1707,61.457]],["parent/4352",[1761,5.86]],["name/4353",[1762,68.929]],["parent/4353",[1761,5.86]],["name/4354",[1568,63.821]],["parent/4354",[1761,5.86]],["name/4355",[1456,54.265]],["parent/4355",[1761,5.86]],["name/4356",[1763,71.443]],["parent/4356",[1761,5.86]],["name/4357",[1748,62.569]],["parent/4357",[1761,5.86]],["name/4358",[1764,60.456]],["parent/4358",[]],["name/4359",[916,52.399]],["parent/4359",[1764,5.662]],["name/4360",[889,60.456]],["parent/4360",[1764,5.662]],["name/4361",[1758,66.923]],["parent/4361",[1764,5.662]],["name/4362",[1707,61.457]],["parent/4362",[1764,5.662]],["name/4363",[1762,68.929]],["parent/4363",[1764,5.662]],["name/4364",[1568,63.821]],["parent/4364",[1764,5.662]],["name/4365",[1456,54.265]],["parent/4365",[1764,5.662]],["name/4366",[1763,71.443]],["parent/4366",[1764,5.662]],["name/4367",[1748,62.569]],["parent/4367",[1764,5.662]],["name/4368",[1765,60.456]],["parent/4368",[]],["name/4369",[288,61.457]],["parent/4369",[1765,5.662]],["name/4370",[1766,79.917]],["parent/4370",[1765,5.662]],["name/4371",[1758,66.923]],["parent/4371",[1765,5.662]],["name/4372",[1707,61.457]],["parent/4372",[1765,5.662]],["name/4373",[1762,68.929]],["parent/4373",[1765,5.662]],["name/4374",[1568,63.821]],["parent/4374",[1765,5.662]],["name/4375",[1456,54.265]],["parent/4375",[1765,5.662]],["name/4376",[1763,71.443]],["parent/4376",[1765,5.662]],["name/4377",[1748,62.569]],["parent/4377",[1765,5.662]],["name/4378",[1767,63.821]],["parent/4378",[]],["name/4379",[155,66.923]],["parent/4379",[1767,5.978]],["name/4380",[1758,66.923]],["parent/4380",[1767,5.978]],["name/4381",[1762,68.929]],["parent/4381",[1767,5.978]],["name/4382",[23,28.075]],["parent/4382",[1767,5.978]],["name/4383",[1568,63.821]],["parent/4383",[1767,5.978]],["name/4384",[23,28.075]],["parent/4384",[1767,5.978]],["name/4385",[1768,79.917]],["parent/4385",[]],["name/4386",[1769,79.917]],["parent/4386",[]],["name/4387",[1770,79.917]],["parent/4387",[]],["name/4388",[1771,65.252]],["parent/4388",[]],["name/4389",[1772,79.917]],["parent/4389",[1771,6.112]],["name/4390",[1773,79.917]],["parent/4390",[1771,6.112]],["name/4391",[1774,79.917]],["parent/4391",[1771,6.112]],["name/4392",[1775,79.917]],["parent/4392",[1771,6.112]],["name/4393",[1776,79.917]],["parent/4393",[1771,6.112]],["name/4394",[1777,66.923]],["parent/4394",[]],["name/4395",[1778,74.808]],["parent/4395",[1777,6.268]],["name/4396",[1779,74.808]],["parent/4396",[1777,6.268]],["name/4397",[1780,74.808]],["parent/4397",[1777,6.268]],["name/4398",[1781,74.808]],["parent/4398",[1777,6.268]],["name/4399",[1782,62.569]],["parent/4399",[]],["name/4400",[1783,79.917]],["parent/4400",[1782,5.86]],["name/4401",[1784,79.917]],["parent/4401",[1782,5.86]],["name/4402",[1785,79.917]],["parent/4402",[1782,5.86]],["name/4403",[1778,74.808]],["parent/4403",[1782,5.86]],["name/4404",[1779,74.808]],["parent/4404",[1782,5.86]],["name/4405",[1780,74.808]],["parent/4405",[1782,5.86]],["name/4406",[1781,74.808]],["parent/4406",[1782,5.86]],["name/4407",[1786,60.456]],["parent/4407",[]],["name/4408",[1787,79.917]],["parent/4408",[1786,5.662]],["name/4409",[6,46.24]],["parent/4409",[1786,5.662]],["name/4410",[1788,74.808]],["parent/4410",[1786,5.662]],["name/4411",[1789,74.808]],["parent/4411",[1786,5.662]],["name/4412",[1790,74.808]],["parent/4412",[1786,5.662]],["name/4413",[1791,74.808]],["parent/4413",[1786,5.662]],["name/4414",[1792,79.917]],["parent/4414",[1786,5.662]],["name/4415",[1793,79.917]],["parent/4415",[1786,5.662]],["name/4416",[1794,79.917]],["parent/4416",[1786,5.662]],["name/4417",[1795,61.457]],["parent/4417",[]],["name/4418",[35,43.625]],["parent/4418",[1795,5.756]],["name/4419",[23,28.075]],["parent/4419",[1795,5.756]],["name/4420",[1788,74.808]],["parent/4420",[1796,6.456]],["name/4421",[1789,74.808]],["parent/4421",[1796,6.456]],["name/4422",[1790,74.808]],["parent/4422",[1796,6.456]],["name/4423",[1791,74.808]],["parent/4423",[1796,6.456]],["name/4424",[21,41.271]],["parent/4424",[1795,5.756]],["name/4425",[44,54.791]],["parent/4425",[1795,5.756]],["name/4426",[64,57.942]],["parent/4426",[1795,5.756]],["name/4427",[45,58.712]],["parent/4427",[1795,5.756]],["name/4428",[22,42.457]],["parent/4428",[1795,5.756]],["name/4429",[23,28.075]],["parent/4429",[1795,5.756]]],"invertedIndex":[["30",{"_index":950,"name":{"1979":{}},"parent":{}}],["7",{"_index":949,"name":{"1978":{}},"parent":{}}],["__type",{"_index":23,"name":{"23":{},"25":{},"43":{},"52":{},"61":{},"64":{},"82":{},"95":{},"105":{},"148":{},"150":{},"175":{},"191":{},"200":{},"207":{},"219":{},"228":{},"242":{},"248":{},"261":{},"267":{},"286":{},"295":{},"313":{},"316":{},"323":{},"328":{},"364":{},"367":{},"369":{},"374":{},"407":{},"409":{},"411":{},"413":{},"525":{},"540":{},"542":{},"544":{},"552":{},"573":{},"578":{},"594":{},"605":{},"607":{},"613":{},"616":{},"689":{},"709":{},"717":{},"734":{},"740":{},"744":{},"758":{},"769":{},"776":{},"784":{},"791":{},"797":{},"1018":{},"1036":{},"1048":{},"1089":{},"1094":{},"1102":{},"1104":{},"1111":{},"1159":{},"1161":{},"1163":{},"1165":{},"1168":{},"1173":{},"1385":{},"1387":{},"1564":{},"1566":{},"1568":{},"1570":{},"1572":{},"1574":{},"1576":{},"1578":{},"1580":{},"1582":{},"1584":{},"1586":{},"1588":{},"1590":{},"1592":{},"1594":{},"1596":{},"1598":{},"1600":{},"1602":{},"1605":{},"1607":{},"1617":{},"1693":{},"1722":{},"1763":{},"1785":{},"1787":{},"1789":{},"1794":{},"1815":{},"1817":{},"1819":{},"1829":{},"1846":{},"1884":{},"1886":{},"1892":{},"1900":{},"2030":{},"2037":{},"2056":{},"2106":{},"2137":{},"2171":{},"2185":{},"2200":{},"2208":{},"2220":{},"2229":{},"2234":{},"2243":{},"2248":{},"2255":{},"2259":{},"2284":{},"2314":{},"2326":{},"2354":{},"2386":{},"2388":{},"2393":{},"2402":{},"2418":{},"2441":{},"2454":{},"2456":{},"2458":{},"2460":{},"2462":{},"2464":{},"2466":{},"2473":{},"2499":{},"2525":{},"2548":{},"2560":{},"2567":{},"2584":{},"2586":{},"2601":{},"2607":{},"2614":{},"2617":{},"2628":{},"2635":{},"2638":{},"2649":{},"2656":{},"2669":{},"2678":{},"2685":{},"2687":{},"2874":{},"2883":{},"2886":{},"2895":{},"2916":{},"2921":{},"2923":{},"2925":{},"2927":{},"2929":{},"2933":{},"2939":{},"2944":{},"2955":{},"2994":{},"3023":{},"3035":{},"3041":{},"3047":{},"3052":{},"3086":{},"3109":{},"3148":{},"3150":{},"3179":{},"3196":{},"3239":{},"3241":{},"3244":{},"3250":{},"3255":{},"3375":{},"3377":{},"3379":{},"3381":{},"3383":{},"3385":{},"3393":{},"3423":{},"3427":{},"3431":{},"3444":{},"3494":{},"3495":{},"3498":{},"3508":{},"3525":{},"3539":{},"3544":{},"3567":{},"3579":{},"3583":{},"3585":{},"3587":{},"3589":{},"3631":{},"3645":{},"3657":{},"3661":{},"3663":{},"3673":{},"3696":{},"3708":{},"3715":{},"3718":{},"3729":{},"3843":{},"3855":{},"3866":{},"3872":{},"3881":{},"3894":{},"3904":{},"3906":{},"3925":{},"3940":{},"3948":{},"3955":{},"3978":{},"3982":{},"3988":{},"4003":{},"4014":{},"4118":{},"4140":{},"4166":{},"4192":{},"4215":{},"4234":{},"4239":{},"4242":{},"4246":{},"4249":{},"4252":{},"4255":{},"4382":{},"4384":{},"4419":{},"4429":{}},"parent":{}}],["_childbuilders",{"_index":624,"name":{"1418":{},"1428":{}},"parent":{}}],["_compositing",{"_index":1106,"name":{"2322":{}},"parent":{}}],["_defaultvalue",{"_index":622,"name":{"1410":{}},"parent":{}}],["_displayname",{"_index":524,"name":{"1211":{},"1236":{},"1274":{},"1305":{}},"parent":{}}],["_getvalid",{"_index":545,"name":{"1244":{},"1315":{}},"parent":{}}],["_getvalue",{"_index":561,"name":{"1316":{}},"parent":{}}],["_normalizebeforesubmit",{"_index":616,"name":{"1395":{},"1405":{},"1413":{},"1422":{},"1431":{}},"parent":{}}],["_valid",{"_index":555,"name":{"1276":{}},"parent":{}}],["_validators",{"_index":615,"name":{"1394":{},"1404":{},"1412":{},"1421":{},"1430":{}},"parent":{}}],["_value",{"_index":554,"name":{"1275":{}},"parent":{}}],["above",{"_index":1772,"name":{"4389":{}},"parent":{}}],["accept",{"_index":1746,"name":{"4262":{},"4278":{},"4297":{},"4316":{},"4329":{},"4337":{},"4345":{}},"parent":{}}],["accordion",{"_index":311,"name":{"691":{},"699":{},"712":{}},"parent":{}}],["action",{"_index":192,"name":{"357":{},"418":{},"421":{},"426":{},"4074":{}},"parent":{}}],["active",{"_index":76,"name":{"119":{},"724":{},"3208":{},"3223":{},"3366":{},"3485":{}},"parent":{}}],["activeclassname",{"_index":1600,"name":{"3910":{}},"parent":{}}],["actived",{"_index":1553,"name":{"3745":{},"3764":{},"3835":{}},"parent":{}}],["activeid",{"_index":1564,"name":{"3772":{},"3788":{},"3800":{},"3817":{}},"parent":{}}],["activeindex",{"_index":1417,"name":{"3369":{},"3911":{}},"parent":{}}],["activekey",{"_index":312,"name":{"692":{},"700":{}},"parent":{}}],["activelink",{"_index":482,"name":{"1143":{}},"parent":{}}],["activestyle",{"_index":1601,"name":{"3912":{}},"parent":{}}],["actual",{"_index":632,"name":{"1442":{}},"parent":{}}],["add",{"_index":993,"name":{"2062":{}},"parent":{}}],["addeventlistener",{"_index":503,"name":{"1182":{}},"parent":{}}],["addonafter",{"_index":1046,"name":{"2166":{},"2480":{},"2506":{},"2532":{}},"parent":{}}],["addonbefore",{"_index":1045,"name":{"2165":{},"2479":{},"2505":{},"2531":{}},"parent":{}}],["adjustposition",{"_index":1269,"name":{"2890":{},"2947":{},"3010":{}},"parent":{}}],["affix",{"_index":12,"name":{"12":{}},"parent":{}}],["after",{"_index":645,"name":{"1457":{}},"parent":{}}],["alert",{"_index":33,"name":{"40":{},"3580":{},"3584":{}},"parent":{"41":{},"42":{},"43":{},"49":{},"50":{},"51":{},"52":{}}}],["alert.__type",{"_index":36,"name":{},"parent":{"44":{},"45":{},"46":{},"47":{},"48":{}}}],["alertitem",{"_index":20,"name":{"20":{}},"parent":{"21":{},"22":{},"23":{}}}],["alerttypes",{"_index":53,"name":{"83":{}},"parent":{}}],["align",{"_index":1065,"name":{"2225":{},"2231":{}},"parent":{}}],["all",{"_index":1666,"name":{"4079":{}},"parent":{}}],["allowclear",{"_index":1364,"name":{"3165":{},"3183":{}},"parent":{}}],["allowhalf",{"_index":1365,"name":{"3166":{},"3182":{}},"parent":{}}],["alt",{"_index":944,"name":{"1973":{}},"parent":{}}],["anchor",{"_index":486,"name":{"1149":{},"2919":{},"3004":{}},"parent":{}}],["anchoronly",{"_index":1258,"name":{"2796":{},"2975":{}},"parent":{}}],["anchorrect",{"_index":1303,"name":{"3000":{}},"parent":{}}],["animate",{"_index":1221,"name":{"2697":{},"2703":{},"2711":{},"2717":{},"2723":{},"2733":{}},"parent":{}}],["animateappear",{"_index":325,"name":{"741":{}},"parent":{}}],["animateheight",{"_index":62,"name":{"93":{}},"parent":{"94":{},"95":{},"101":{},"102":{},"103":{},"104":{},"105":{}}}],["animateheight.__type",{"_index":63,"name":{},"parent":{"96":{},"97":{},"98":{},"99":{},"100":{}}}],["appear",{"_index":56,"name":{"86":{},"96":{}},"parent":{}}],["append",{"_index":1318,"name":{"3038":{},"3042":{},"3066":{}},"parent":{}}],["array",{"_index":734,"name":{"1581":{}},"parent":{}}],["arrows",{"_index":1496,"name":{"3629":{},"3653":{}},"parent":{}}],["arrowsdisabled",{"_index":1497,"name":{"3630":{},"3656":{}},"parent":{}}],["arrowssize",{"_index":1501,"name":{"3634":{},"3654":{}},"parent":{}}],["arrowstype",{"_index":1502,"name":{"3635":{},"3655":{}},"parent":{}}],["async",{"_index":239,"name":{"440":{},"470":{},"502":{},"537":{}},"parent":{}}],["async_validator",{"_index":570,"name":{"1347":{}},"parent":{}}],["asyncfilter",{"_index":240,"name":{"441":{},"471":{},"503":{}},"parent":{}}],["autoclose",{"_index":1160,"name":{"2449":{}},"parent":{}}],["autocomplete",{"_index":96,"name":{"146":{},"854":{},"957":{}},"parent":{"147":{},"148":{},"156":{},"157":{},"158":{},"159":{},"160":{},"161":{},"162":{},"163":{},"164":{},"165":{},"166":{},"167":{},"168":{},"169":{},"170":{},"171":{},"172":{},"173":{},"174":{},"175":{}}}],["autocomplete.__type",{"_index":97,"name":{},"parent":{"149":{},"150":{},"151":{},"152":{},"153":{},"154":{},"155":{}}}],["autoescape",{"_index":1609,"name":{"3921":{}},"parent":{}}],["autoexpandonselect",{"_index":1674,"name":{"4090":{},"4119":{}},"parent":{}}],["autofocus",{"_index":1038,"name":{"2154":{}},"parent":{}}],["autoplay",{"_index":1491,"name":{"3623":{},"3648":{}},"parent":{}}],["autoplayinterval",{"_index":1492,"name":{"3624":{},"3649":{}},"parent":{}}],["autoplaytimer",{"_index":1512,"name":{"3669":{}},"parent":{}}],["autoselect",{"_index":1039,"name":{"2155":{},"2175":{},"2190":{},"2484":{},"2510":{},"2536":{}},"parent":{}}],["autosize",{"_index":1050,"name":{"2181":{}},"parent":{}}],["autostick",{"_index":797,"name":{"1727":{}},"parent":{}}],["autostickoffsettop",{"_index":798,"name":{"1728":{}},"parent":{}}],["avatar",{"_index":121,"name":{"189":{}},"parent":{"190":{},"191":{},"195":{},"196":{},"197":{},"198":{},"199":{},"200":{},"203":{},"204":{},"205":{},"206":{},"207":{}}}],["avatar.__type",{"_index":122,"name":{},"parent":{"192":{},"193":{},"194":{},"201":{},"202":{}}}],["avatarnoderef",{"_index":124,"name":{"198":{}},"parent":{}}],["badge",{"_index":132,"name":{"217":{}},"parent":{"218":{},"219":{},"225":{},"226":{},"227":{},"228":{}}}],["badge.__type",{"_index":133,"name":{},"parent":{"220":{},"221":{},"222":{},"223":{},"224":{}}}],["banner",{"_index":137,"name":{"231":{}},"parent":{}}],["bannercloseiconcolor",{"_index":135,"name":{"229":{}},"parent":{}}],["base",{"_index":1279,"name":{"2930":{}},"parent":{}}],["basepagination",{"_index":1195,"name":{"2602":{}},"parent":{"2603":{},"2604":{},"2605":{},"2606":{},"2607":{},"2608":{},"2609":{},"2610":{},"2611":{},"2612":{},"2613":{},"2614":{}}}],["basicbuilder",{"_index":614,"name":{"1392":{}},"parent":{"1393":{},"1394":{},"1395":{},"1396":{},"1397":{},"1398":{}}}],["basicmodel",{"_index":523,"name":{"1209":{}},"parent":{"1210":{},"1211":{},"1212":{},"1213":{},"1214":{},"1215":{},"1216":{},"1217":{},"1218":{},"1219":{},"1220":{},"1221":{},"1222":{},"1223":{},"1224":{},"1225":{},"1226":{},"1227":{},"1228":{},"1229":{},"1230":{},"1231":{},"1232":{},"1233":{},"1234":{}}}],["batchrender",{"_index":795,"name":{"1725":{}},"parent":{}}],["before",{"_index":644,"name":{"1456":{}},"parent":{}}],["beforeupload",{"_index":1744,"name":{"4258":{},"4274":{},"4293":{},"4312":{},"4325":{}},"parent":{}}],["below",{"_index":1774,"name":{"4391":{}},"parent":{}}],["bgcolor",{"_index":1343,"name":{"3092":{},"3106":{},"3117":{}},"parent":{}}],["block",{"_index":177,"name":{"312":{},"350":{}},"parent":{}}],["blockheader",{"_index":143,"name":{"240":{}},"parent":{"241":{},"242":{},"246":{},"247":{},"248":{}}}],["blockheader.__type",{"_index":144,"name":{},"parent":{"243":{},"244":{},"245":{}}}],["blockloading",{"_index":1094,"name":{"2286":{}},"parent":{}}],["blockpagescroll",{"_index":1325,"name":{"3057":{}},"parent":{}}],["blur",{"_index":707,"name":{"1541":{}},"parent":{}}],["blurhandlerprevented",{"_index":101,"name":{"160":{}},"parent":{}}],["bodyrender",{"_index":812,"name":{"1745":{},"1851":{}},"parent":{}}],["bodystyle",{"_index":193,"name":{"359":{},"368":{}},"parent":{}}],["bodytable",{"_index":831,"name":{"1770":{}},"parent":{}}],["bordered",{"_index":28,"name":{"29":{},"45":{},"60":{},"68":{},"182":{},"194":{},"308":{},"320":{},"347":{},"694":{},"702":{},"710":{},"730":{},"1713":{},"3898":{}},"parent":{}}],["bottom",{"_index":1668,"name":{"4081":{}},"parent":{}}],["bottomoffset",{"_index":1789,"name":{"4411":{},"4421":{}},"parent":{}}],["bottomposition",{"_index":1110,"name":{"2331":{}},"parent":{}}],["breadcrumb",{"_index":153,"name":{"259":{}},"parent":{"260":{},"261":{},"264":{},"265":{},"266":{},"267":{},"272":{},"273":{},"274":{},"275":{},"276":{},"277":{},"278":{},"279":{},"280":{},"281":{},"282":{},"283":{},"284":{},"285":{},"286":{}}}],["breadcrumb.__type",{"_index":154,"name":{},"parent":{"262":{},"263":{},"268":{},"269":{},"270":{},"271":{}}}],["breadcrumbitem",{"_index":170,"name":{"292":{}},"parent":{"293":{},"294":{},"295":{}}}],["breadcrumbleft",{"_index":160,"name":{"276":{}},"parent":{}}],["breadcrumbref",{"_index":156,"name":{"272":{}},"parent":{}}],["breadcrumbwidth",{"_index":159,"name":{"275":{}},"parent":{}}],["breads",{"_index":146,"name":{"250":{},"263":{}},"parent":{}}],["breakpoints",{"_index":1075,"name":{"2256":{}},"parent":{}}],["build",{"_index":617,"name":{"1397":{},"1402":{},"1411":{},"1419":{},"1427":{}},"parent":{}}],["builder",{"_index":543,"name":{"1239":{},"1277":{},"1310":{}},"parent":{}}],["button",{"_index":178,"name":{"314":{},"3147":{}},"parent":{"315":{},"316":{},"321":{},"322":{},"323":{},"324":{},"325":{},"326":{},"327":{},"328":{}}}],["button.__type",{"_index":179,"name":{},"parent":{"317":{},"318":{},"319":{},"320":{}}}],["buttonbordered",{"_index":1205,"name":{"2620":{},"2641":{},"2658":{},"2672":{}},"parent":{}}],["buttondirective",{"_index":184,"name":{"331":{}},"parent":{}}],["buttongroup",{"_index":183,"name":{"330":{}},"parent":{}}],["cancel",{"_index":931,"name":{"1957":{},"1991":{},"1998":{},"2010":{},"2051":{},"2065":{}},"parent":{}}],["cancelpending",{"_index":1265,"name":{"2871":{},"2888":{}},"parent":{}}],["canceltext",{"_index":1248,"name":{"2761":{},"2788":{},"2819":{},"2844":{},"2867":{},"3605":{}},"parent":{}}],["canclear",{"_index":384,"name":{"840":{},"865":{},"887":{},"908":{},"925":{},"942":{},"966":{},"993":{},"1010":{}},"parent":{}}],["candel",{"_index":1550,"name":{"3742":{},"3748":{},"3767":{},"3781":{},"3811":{},"3837":{}},"parent":{}}],["canfixed",{"_index":1546,"name":{"3733":{},"3741":{},"3753":{},"3766":{},"3794":{},"3822":{},"3838":{}},"parent":{}}],["card",{"_index":194,"name":{"362":{}},"parent":{"363":{},"364":{},"372":{},"373":{},"374":{}}}],["card.__type",{"_index":195,"name":{},"parent":{"365":{},"366":{},"367":{},"368":{},"369":{},"370":{},"371":{}}}],["carousel",{"_index":1488,"name":{"3619":{}},"parent":{}}],["cascader",{"_index":922,"name":{"1912":{},"1930":{},"1948":{},"2094":{}},"parent":{}}],["cascaderchangeaction",{"_index":218,"name":{"414":{}},"parent":{"415":{},"416":{}}}],["cascaderitemselectionstate",{"_index":206,"name":{"389":{}},"parent":{}}],["cascaderloadaction",{"_index":224,"name":{"422":{}},"parent":{"423":{},"424":{}}}],["cascadermenuclickhandler",{"_index":215,"name":{"408":{}},"parent":{"409":{}}}],["cascadermenuhoverhandler",{"_index":216,"name":{"410":{}},"parent":{"411":{}}}],["cascadersearchclickhandler",{"_index":217,"name":{"412":{}},"parent":{"413":{}}}],["cascadersimplifyselectionmode",{"_index":207,"name":{"390":{}},"parent":{}}],["cascadertabsclickhandler",{"_index":214,"name":{"406":{}},"parent":{"407":{}}}],["cascadervalue",{"_index":205,"name":{"388":{}},"parent":{}}],["caselessmatchfilteroption",{"_index":1376,"name":{"3197":{},"3243":{}},"parent":{}}],["casesensitive",{"_index":1610,"name":{"3922":{}},"parent":{}}],["catcherror",{"_index":497,"name":{"1164":{}},"parent":{}}],["centerarrow",{"_index":1237,"name":{"2744":{},"2771":{},"2802":{},"2827":{},"2850":{},"3994":{},"4007":{}},"parent":{}}],["change",{"_index":220,"name":{"416":{},"1540":{}},"parent":{}}],["changeonselect",{"_index":249,"name":{"464":{},"558":{},"576":{}},"parent":{}}],["changepending",{"_index":1268,"name":{"2889":{}},"parent":{}}],["changeselectedkeys",{"_index":1650,"name":{"4056":{}},"parent":{}}],["character",{"_index":1366,"name":{"3167":{},"3184":{}},"parent":{}}],["checkable",{"_index":1681,"name":{"4100":{},"4122":{}},"parent":{}}],["checkbox",{"_index":273,"name":{"617":{},"618":{}},"parent":{"619":{}}}],["checkboxgroup",{"_index":269,"name":{"603":{}},"parent":{"604":{},"605":{},"609":{},"610":{},"611":{},"612":{},"613":{},"614":{},"615":{},"616":{}}}],["checkboxgroup.__type",{"_index":270,"name":{},"parent":{"606":{},"607":{},"608":{}}}],["checked",{"_index":275,"name":{"622":{},"640":{},"1986":{},"3139":{},"3698":{}},"parent":{}}],["checkedkeys",{"_index":1683,"name":{"4102":{}},"parent":{}}],["checkednode",{"_index":1690,"name":{"4111":{}},"parent":{}}],["checkedtext",{"_index":1531,"name":{"3701":{}},"parent":{}}],["childregister",{"_index":559,"name":{"1306":{}},"parent":{}}],["childremove",{"_index":560,"name":{"1307":{}},"parent":{}}],["children",{"_index":6,"name":{"6":{},"181":{},"215":{},"335":{},"351":{},"394":{},"399":{},"632":{},"650":{},"1059":{},"1072":{},"1237":{},"1248":{},"1308":{},"1467":{},"1623":{},"1632":{},"1651":{},"1658":{},"1667":{},"1677":{},"1757":{},"1863":{},"2133":{},"2451":{},"2740":{},"2767":{},"2798":{},"2823":{},"2963":{},"2977":{},"2985":{},"2987":{},"3062":{},"3142":{},"3160":{},"3637":{},"3777":{},"3793":{},"3805":{},"3999":{},"4064":{},"4409":{}},"parent":{}}],["choosedays",{"_index":427,"name":{"1027":{}},"parent":{}}],["chosendays",{"_index":428,"name":{"1028":{}},"parent":{}}],["circle",{"_index":1216,"name":{"2690":{}},"parent":{}}],["clamplines",{"_index":296,"name":{"668":{},"684":{}},"parent":{"669":{},"670":{},"671":{},"672":{},"673":{},"674":{},"675":{},"676":{},"677":{},"678":{},"679":{},"680":{},"681":{},"682":{},"683":{},"684":{},"685":{},"686":{},"687":{},"688":{},"689":{}}}],["classname",{"_index":10,"name":{"10":{},"89":{},"112":{},"133":{},"184":{},"216":{},"224":{},"235":{},"243":{},"251":{},"262":{},"288":{},"297":{},"333":{},"361":{},"371":{},"378":{},"450":{},"480":{},"512":{},"561":{},"601":{},"628":{},"646":{},"664":{},"696":{},"704":{},"723":{},"753":{},"761":{},"828":{},"868":{},"876":{},"896":{},"914":{},"931":{},"969":{},"982":{},"999":{},"1033":{},"1037":{},"1058":{},"1079":{},"1092":{},"1466":{},"1621":{},"1630":{},"1671":{},"1695":{},"1714":{},"1746":{},"1852":{},"2127":{},"2149":{},"2223":{},"2240":{},"2250":{},"2305":{},"2360":{},"2374":{},"2380":{},"2406":{},"2424":{},"2444":{},"2595":{},"2666":{},"2695":{},"2700":{},"2709":{},"2715":{},"2726":{},"2728":{},"2755":{},"2782":{},"2813":{},"2838":{},"2861":{},"2909":{},"2997":{},"3018":{},"3063":{},"3079":{},"3138":{},"3158":{},"3168":{},"3210":{},"3225":{},"3293":{},"3326":{},"3360":{},"3453":{},"3466":{},"3479":{},"3490":{},"3520":{},"3563":{},"3568":{},"3601":{},"3615":{},"3621":{},"3646":{},"3705":{},"3740":{},"3752":{},"3762":{},"3773":{},"3789":{},"3801":{},"3818":{},"3923":{},"3935":{},"3967":{},"3974":{},"3995":{},"4257":{},"4273":{},"4292":{},"4311":{},"4324":{}},"parent":{}}],["cleanedvalue",{"_index":1369,"name":{"3175":{}},"parent":{}}],["clear",{"_index":219,"name":{"415":{},"1227":{},"1246":{},"1285":{},"1324":{},"2463":{}},"parent":{}}],["clearable",{"_index":198,"name":{"381":{},"453":{},"483":{},"515":{},"528":{},"564":{},"579":{},"3285":{},"3318":{},"3352":{},"3388":{}},"parent":{}}],["clearautoplay",{"_index":1520,"name":{"3680":{}},"parent":{}}],["clearerror",{"_index":537,"name":{"1228":{},"1247":{},"1286":{},"1325":{}},"parent":{}}],["clearinput",{"_index":1059,"name":{"2215":{}},"parent":{}}],["cleartimer",{"_index":50,"name":{"78":{}},"parent":{}}],["click",{"_index":1277,"name":{"2924":{}},"parent":{}}],["clonechildren",{"_index":1525,"name":{"3687":{}},"parent":{}}],["closable",{"_index":14,"name":{"14":{},"33":{},"48":{},"2447":{},"3860":{},"3888":{}},"parent":{}}],["close",{"_index":108,"name":{"169":{},"2440":{},"2949":{}},"parent":{}}],["closebtn",{"_index":446,"name":{"1065":{},"1075":{},"1097":{},"3598":{},"3612":{}},"parent":{}}],["closebuttonstyle",{"_index":1586,"name":{"3863":{}},"parent":{}}],["closecontent",{"_index":15,"name":{"15":{},"39":{},"3889":{}},"parent":{}}],["closed",{"_index":29,"name":{"34":{},"59":{},"3895":{}},"parent":{}}],["closedialog",{"_index":437,"name":{"1049":{},"1103":{}},"parent":{}}],["closeiconcolor",{"_index":31,"name":{"36":{},"3900":{}},"parent":{}}],["closeonclickoutside",{"_index":1250,"name":{"2764":{},"2960":{},"3059":{}},"parent":{}}],["closeonesc",{"_index":1326,"name":{"3058":{}},"parent":{}}],["col",{"_index":372,"name":{"820":{}},"parent":{}}],["colgutter",{"_index":1090,"name":{"2279":{}},"parent":{}}],["collapsable",{"_index":1407,"name":{"3290":{},"3323":{},"3357":{}},"parent":{}}],["collapse",{"_index":233,"name":{"433":{},"707":{}},"parent":{"708":{},"709":{},"713":{},"714":{},"715":{},"716":{},"717":{}}}],["collapse.__type",{"_index":317,"name":{},"parent":{"710":{},"711":{},"712":{}}}],["collapseat",{"_index":1408,"name":{"3291":{},"3324":{},"3358":{}},"parent":{}}],["collapsepanel",{"_index":323,"name":{"732":{}},"parent":{"733":{},"734":{},"736":{},"737":{},"738":{},"739":{},"740":{},"742":{},"743":{},"744":{}}}],["collapsepanel.__type",{"_index":324,"name":{},"parent":{"735":{},"741":{}}}],["color",{"_index":330,"name":{"748":{},"3111":{},"3125":{},"3930":{},"3962":{}},"parent":{}}],["colorboard",{"_index":335,"name":{"765":{}},"parent":{}}],["colorpicker",{"_index":333,"name":{"756":{}},"parent":{"757":{},"758":{},"765":{},"766":{},"767":{},"768":{},"769":{},"771":{},"772":{},"773":{},"774":{},"775":{},"776":{}}}],["colorpicker.__type",{"_index":334,"name":{},"parent":{"759":{},"760":{},"761":{},"762":{},"763":{},"764":{},"770":{}}}],["colorpickertype",{"_index":328,"name":{"746":{}},"parent":{}}],["colspan",{"_index":815,"name":{"1749":{},"1855":{}},"parent":{}}],["column",{"_index":909,"name":{"1889":{}},"parent":{}}],["columns",{"_index":777,"name":{"1700":{}},"parent":{}}],["combineddaterangepicker",{"_index":387,"name":{"844":{}},"parent":{}}],["combinedleft",{"_index":364,"name":{"811":{}},"parent":{}}],["combinedpanelrangepicker",{"_index":388,"name":{"845":{},"846":{}},"parent":{"847":{}}}],["combinedright",{"_index":365,"name":{"812":{}},"parent":{}}],["combinedtimerangepicker",{"_index":396,"name":{"869":{}},"parent":{}}],["combineerrors",{"_index":724,"name":{"1562":{},"1680":{}},"parent":{"1681":{},"1682":{},"1683":{},"1684":{},"1685":{},"1686":{},"1687":{},"1688":{},"1689":{},"1690":{},"1691":{},"1692":{},"1693":{}}}],["comma",{"_index":933,"name":{"1959":{},"1993":{},"2000":{},"2012":{},"2053":{},"2067":{}},"parent":{}}],["commonstyle",{"_index":1673,"name":{"4088":{}},"parent":{}}],["component",{"_index":502,"name":{"1179":{}},"parent":{}}],["componentdidcatch",{"_index":499,"name":{"1171":{}},"parent":{}}],["componentdidmount",{"_index":44,"name":{"72":{},"102":{},"204":{},"279":{},"676":{},"1613":{},"1689":{},"1824":{},"2216":{},"2335":{},"2579":{},"2951":{},"3032":{},"3049":{},"3400":{},"3505":{},"3692":{},"4425":{}},"parent":{}}],["componentdidupdate",{"_index":64,"name":{"103":{},"205":{},"280":{},"675":{},"1614":{},"1690":{},"1827":{},"2334":{},"2580":{},"2952":{},"3401":{},"3693":{},"4426":{}},"parent":{}}],["components",{"_index":792,"name":{"1721":{}},"parent":{}}],["componentstack",{"_index":490,"name":{"1153":{}},"parent":{}}],["componentwillreceiveprops",{"_index":875,"name":{"1826":{}},"parent":{}}],["componentwillunmount",{"_index":45,"name":{"73":{},"677":{},"1615":{},"1691":{},"1825":{},"2893":{},"2953":{},"3033":{},"3050":{},"3506":{},"3694":{},"4427":{}},"parent":{}}],["compose",{"_index":600,"name":{"1379":{}},"parent":{}}],["config",{"_index":1165,"name":{"2465":{}},"parent":{}}],["confirm",{"_index":930,"name":{"1956":{},"1990":{},"1997":{},"2009":{},"2050":{},"2064":{},"3581":{},"3588":{}},"parent":{}}],["confirmpending",{"_index":1264,"name":{"2870":{},"2887":{}},"parent":{}}],["confirmtext",{"_index":1247,"name":{"2760":{},"2787":{},"2818":{},"2843":{},"2866":{},"3596":{},"3610":{}},"parent":{}}],["confirmtype",{"_index":1485,"name":{"3597":{},"3611":{}},"parent":{}}],["constructor",{"_index":21,"name":{"21":{},"49":{},"69":{},"101":{},"158":{},"196":{},"225":{},"246":{},"265":{},"293":{},"325":{},"372":{},"548":{},"583":{},"610":{},"670":{},"714":{},"737":{},"767":{},"787":{},"1044":{},"1106":{},"1166":{},"1210":{},"1393":{},"1400":{},"1409":{},"1417":{},"1426":{},"1444":{},"1610":{},"1619":{},"1682":{},"1760":{},"1896":{},"2203":{},"2232":{},"2246":{},"2253":{},"2321":{},"2395":{},"2415":{},"2574":{},"2603":{},"2623":{},"2644":{},"2673":{},"2884":{},"2936":{},"2990":{},"3029":{},"3044":{},"3188":{},"3245":{},"3395":{},"3440":{},"3500":{},"3535":{},"3577":{},"3665":{},"3711":{},"3720":{},"3846":{},"3945":{},"3985":{},"4009":{},"4126":{},"4145":{},"4171":{},"4194":{},"4424":{}},"parent":{}}],["container",{"_index":1306,"name":{"3005":{},"3070":{}},"parent":{}}],["containerrect",{"_index":1304,"name":{"3001":{}},"parent":{}}],["containerref",{"_index":1458,"name":{"3502":{}},"parent":{}}],["containerselector",{"_index":1244,"name":{"2757":{},"2784":{},"2815":{},"2840":{},"2863":{},"2881":{},"2904":{},"2918":{},"3014":{},"3996":{},"4008":{}},"parent":{}}],["containerwidth",{"_index":300,"name":{"674":{}},"parent":{}}],["contains",{"_index":1321,"name":{"3048":{},"3068":{}},"parent":{}}],["content",{"_index":72,"name":{"115":{},"2291":{},"2741":{},"2768":{},"2799":{},"2824":{},"2847":{},"2920":{},"3006":{},"3202":{},"3217":{},"3592":{},"3606":{}},"parent":{}}],["contentfield",{"_index":69,"name":{"110":{},"138":{},"153":{}},"parent":{}}],["contentrect",{"_index":1305,"name":{"3002":{}},"parent":{}}],["contentref",{"_index":157,"name":{"273":{},"2942":{},"3019":{}},"parent":{}}],["contentstyleleft",{"_index":152,"name":{"258":{},"271":{}},"parent":{}}],["contentwidth",{"_index":161,"name":{"277":{}},"parent":{}}],["context",{"_index":100,"name":{"159":{},"326":{},"550":{},"584":{},"611":{},"738":{},"771":{},"1683":{},"1897":{},"2204":{},"2575":{},"2934":{},"2937":{},"2991":{},"3030":{},"3045":{},"3189":{},"3396":{},"3441":{},"3536":{},"3712":{}},"parent":{}}],["contexttype",{"_index":98,"name":{"156":{},"324":{},"546":{},"581":{},"609":{},"736":{},"766":{},"1681":{},"1895":{},"2197":{},"2572":{},"2914":{},"2989":{},"3028":{},"3043":{},"3186":{},"3391":{},"3438":{},"3534":{},"3710":{}},"parent":{}}],["continuescroll",{"_index":48,"name":{"76":{}},"parent":{}}],["copy",{"_index":935,"name":{"1962":{}},"parent":{}}],["copybutton",{"_index":342,"name":{"782":{},"1903":{},"1921":{},"1939":{},"2084":{}},"parent":{"783":{},"784":{},"787":{},"788":{},"789":{},"790":{},"791":{}}}],["copybutton.__type",{"_index":343,"name":{},"parent":{"785":{},"786":{}}}],["count",{"_index":127,"name":{"209":{},"220":{},"3169":{},"3181":{}},"parent":{}}],["creatable",{"_index":1404,"name":{"3287":{},"3320":{},"3354":{},"3390":{}},"parent":{}}],["create",{"_index":954,"name":{"1984":{}},"parent":{}}],["createasyncvalidator",{"_index":743,"name":{"1604":{}},"parent":{}}],["createnewuploadfileitem",{"_index":1704,"name":{"4146":{},"4174":{},"4201":{}},"parent":{}}],["createuseimecomposition",{"_index":1007,"name":{"2108":{}},"parent":{}}],["creating",{"_index":1419,"name":{"3371":{}},"parent":{}}],["current",{"_index":887,"name":{"1841":{},"1866":{},"2029":{},"2588":{},"2597":{},"2618":{},"2639":{},"2659":{},"2670":{},"3559":{},"3570":{}},"parent":{}}],["currentindex",{"_index":1506,"name":{"3641":{},"3674":{}},"parent":{}}],["currentposition",{"_index":1783,"name":{"4400":{}},"parent":{}}],["currentroot",{"_index":1665,"name":{"4077":{}},"parent":{}}],["cushion",{"_index":1236,"name":{"2743":{},"2770":{},"2801":{},"2826":{},"2849":{},"2877":{},"2899":{},"2917":{},"3003":{},"3016":{},"3993":{},"4006":{}},"parent":{}}],["customuploaditem",{"_index":1748,"name":{"4265":{},"4281":{},"4300":{},"4319":{},"4332":{},"4357":{},"4367":{},"4377":{}},"parent":{}}],["dashed",{"_index":1233,"name":{"2724":{},"2734":{}},"parent":{}}],["dashsegments",{"_index":1232,"name":{"2722":{},"2736":{}},"parent":{}}],["data",{"_index":82,"name":{"126":{},"336":{},"4097":{}},"parent":{}}],["datasets",{"_index":778,"name":{"1701":{},"4032":{}},"parent":{}}],["datatype",{"_index":1679,"name":{"4098":{},"4120":{}},"parent":{}}],["date",{"_index":355,"name":{"802":{},"2016":{},"2032":{}},"parent":{}}],["dateerrorpop",{"_index":970,"name":{"2023":{}},"parent":{}}],["datepicker",{"_index":398,"name":{"891":{}},"parent":{}}],["daterangepicker",{"_index":400,"name":{"912":{}},"parent":{}}],["daterangequickpicker",{"_index":433,"name":{"1034":{}},"parent":{"1035":{},"1036":{},"1044":{},"1045":{},"1046":{},"1047":{},"1048":{}}}],["daterangequickpicker.__type",{"_index":434,"name":{},"parent":{"1037":{},"1038":{},"1039":{},"1040":{},"1041":{},"1042":{},"1043":{}}}],["daterangequickpickerchangecallback",{"_index":424,"name":{"1017":{}},"parent":{"1018":{}}}],["daterangequickpickerpresetvalue",{"_index":423,"name":{"1016":{}},"parent":{}}],["daterangequickpickervaluetype",{"_index":422,"name":{"1015":{}},"parent":{}}],["datespan",{"_index":381,"name":{"837":{},"905":{}},"parent":{}}],["daynames",{"_index":986,"name":{"2048":{}},"parent":{}}],["decimal",{"_index":1172,"name":{"2491":{},"2570":{},"3483":{}},"parent":{}}],["default",{"_index":596,"name":{"1375":{},"1542":{}},"parent":{}}],["default_render_key",{"_index":1654,"name":{"4060":{}},"parent":{}}],["defaultactivelink",{"_index":483,"name":{"1144":{}},"parent":{}}],["defaultdate",{"_index":382,"name":{"838":{},"885":{},"906":{},"923":{},"940":{},"991":{},"1008":{}},"parent":{}}],["defaultexpandedkeys",{"_index":1134,"name":{"2364":{}},"parent":{}}],["defaultexpandkeys",{"_index":1133,"name":{"2363":{},"2391":{}},"parent":{}}],["defaultfilelist",{"_index":1750,"name":{"4268":{},"4287":{},"4306":{}},"parent":{}}],["defaultgetvalidateoption",{"_index":754,"name":{"1637":{}},"parent":{}}],["defaultpaneldate",{"_index":368,"name":{"815":{}},"parent":{}}],["defaultprops",{"_index":35,"name":{"42":{},"63":{},"94":{},"147":{},"190":{},"218":{},"241":{},"260":{},"315":{},"363":{},"524":{},"572":{},"604":{},"669":{},"708":{},"733":{},"757":{},"783":{},"847":{},"1035":{},"1088":{},"1121":{},"1158":{},"1759":{},"2199":{},"2228":{},"2242":{},"2313":{},"2385":{},"2566":{},"2616":{},"2637":{},"2668":{},"2873":{},"2915":{},"3040":{},"3082":{},"3178":{},"3238":{},"3374":{},"3430":{},"3497":{},"3524":{},"3566":{},"3644":{},"3707":{},"3719":{},"3845":{},"3939":{},"3977":{},"4002":{},"4018":{},"4117":{},"4142":{},"4168":{},"4418":{}},"parent":{}}],["defaultselectedkey",{"_index":1135,"name":{"2365":{}},"parent":{}}],["defaultselectedpresetindex",{"_index":430,"name":{"1030":{}},"parent":{}}],["defaultsorttype",{"_index":783,"name":{"1708":{}},"parent":{}}],["defaulttext",{"_index":820,"name":{"1755":{},"1861":{}},"parent":{}}],["defaulttime",{"_index":395,"name":{"862":{},"963":{}},"parent":{}}],["defaultvalue",{"_index":619,"name":{"1401":{},"1526":{},"1534":{}},"parent":{}}],["delete",{"_index":991,"name":{"2059":{}},"parent":{}}],["deleteuploaditem",{"_index":1711,"name":{"4156":{},"4183":{},"4202":{}},"parent":{}}],["delta",{"_index":1178,"name":{"2546":{},"2558":{}},"parent":{}}],["deltax",{"_index":514,"name":{"1198":{}},"parent":{}}],["deltay",{"_index":515,"name":{"1199":{}},"parent":{}}],["depth",{"_index":1153,"name":{"2412":{},"2430":{}},"parent":{}}],["description",{"_index":18,"name":{"18":{},"31":{},"3547":{},"3892":{}},"parent":{}}],["destroyonunmount",{"_index":525,"name":{"1212":{},"1266":{},"1296":{},"1332":{},"1529":{},"1664":{}},"parent":{}}],["dialog",{"_index":455,"name":{"1087":{}},"parent":{"1088":{},"1089":{},"1101":{},"1102":{},"1103":{},"1104":{},"1105":{},"1106":{},"1107":{},"1108":{},"1109":{},"1110":{},"1111":{}}}],["dialog.__type",{"_index":456,"name":{},"parent":{"1090":{},"1091":{},"1092":{},"1093":{},"1094":{},"1095":{},"1096":{},"1097":{},"1098":{},"1099":{},"1100":{}}}],["dialogid",{"_index":442,"name":{"1054":{}},"parent":{}}],["diameter",{"_index":1227,"name":{"2708":{}},"parent":{}}],["didmount",{"_index":1312,"name":{"3020":{}},"parent":{}}],["direction",{"_index":715,"name":{"1550":{},"3558":{},"3571":{},"4026":{},"4030":{},"4044":{}},"parent":{}}],["directive",{"_index":181,"name":{"322":{}},"parent":{}}],["dirty",{"_index":534,"name":{"1224":{},"1263":{},"1293":{},"1329":{}},"parent":{}}],["disabled",{"_index":75,"name":{"118":{},"140":{},"310":{},"334":{},"344":{},"380":{},"395":{},"403":{},"452":{},"482":{},"514":{},"563":{},"585":{},"598":{},"624":{},"642":{},"720":{},"755":{},"772":{},"832":{},"864":{},"880":{},"900":{},"918":{},"935":{},"965":{},"986":{},"1003":{},"1117":{},"1552":{},"1871":{},"2282":{},"2295":{},"2405":{},"2422":{},"3135":{},"3154":{},"3170":{},"3207":{},"3222":{},"3259":{},"3279":{},"3312":{},"3346":{},"3402":{},"3452":{},"3465":{},"3478":{},"3512":{},"3554":{},"3700":{},"3739":{},"3751":{},"3763":{},"3836":{},"4021":{},"4041":{},"4045":{},"4078":{},"4263":{},"4279":{},"4298":{},"4317":{},"4330":{},"4336":{},"4346":{}},"parent":{}}],["disabledcheckedkeys",{"_index":1684,"name":{"4103":{}},"parent":{}}],["disabledcontext",{"_index":461,"name":{"1116":{}},"parent":{}}],["disableddate",{"_index":379,"name":{"835":{},"883":{},"903":{},"921":{},"938":{},"989":{},"1006":{}},"parent":{}}],["disabledkeys",{"_index":1647,"name":{"4051":{}},"parent":{}}],["disablednode",{"_index":1691,"name":{"4112":{}},"parent":{}}],["disabledpaneldate",{"_index":374,"name":{"822":{}},"parent":{}}],["disabledselectedkeys",{"_index":1676,"name":{"4094":{},"4129":{}},"parent":{}}],["disabledtime",{"_index":362,"name":{"809":{},"855":{},"872":{},"894":{},"958":{}},"parent":{}}],["disableentersubmit",{"_index":722,"name":{"1559":{}},"parent":{}}],["disablehoverhighlight",{"_index":799,"name":{"1729":{}},"parent":{}}],["disablelazymount",{"_index":1566,"name":{"3776":{},"3792":{},"3804":{}},"parent":{}}],["disablerangeoverview",{"_index":358,"name":{"805":{}},"parent":{}}],["disablesearch",{"_index":1410,"name":{"3294":{},"3327":{},"3361":{}},"parent":{}}],["disableselectedstrictly",{"_index":1677,"name":{"4095":{}},"parent":{}}],["disablethrottle",{"_index":518,"name":{"1202":{},"1206":{}},"parent":{}}],["displayname",{"_index":723,"name":{"1561":{},"2138":{},"2140":{},"2198":{}},"parent":{}}],["dispose",{"_index":540,"name":{"1231":{},"1265":{},"1295":{},"1322":{}},"parent":{}}],["divide",{"_index":1544,"name":{"3731":{},"3844":{}},"parent":{}}],["dot",{"_index":129,"name":{"211":{},"222":{}},"parent":{}}],["dotcolor",{"_index":1616,"name":{"3932":{},"3944":{},"3964":{}},"parent":{}}],["dots",{"_index":1445,"name":{"3450":{},"3463":{},"3476":{},"3625":{},"3650":{}},"parent":{}}],["dotscolor",{"_index":1493,"name":{"3626":{}},"parent":{}}],["dotssize",{"_index":1494,"name":{"3627":{},"3652":{}},"parent":{}}],["dotstheme",{"_index":1495,"name":{"3628":{},"3651":{}},"parent":{}}],["download",{"_index":174,"name":{"302":{}},"parent":{}}],["drawer",{"_index":463,"name":{"1119":{},"1120":{}},"parent":{"1121":{}}}],["drawerprops",{"_index":462,"name":{"1118":{}},"parent":{}}],["dropdown",{"_index":467,"name":{"1125":{}},"parent":{}}],["dropdownbutton",{"_index":465,"name":{"1123":{}},"parent":{}}],["dropdownclicktrigger",{"_index":468,"name":{"1126":{}},"parent":{}}],["dropdowncontent",{"_index":470,"name":{"1128":{}},"parent":{}}],["dropdowndata",{"_index":1462,"name":{"3514":{},"3529":{}},"parent":{}}],["dropdownhovertrigger",{"_index":469,"name":{"1127":{}},"parent":{}}],["dropdownicon",{"_index":1466,"name":{"3518":{},"3532":{}},"parent":{}}],["dropdownnav",{"_index":472,"name":{"1130":{}},"parent":{}}],["dropdownposition",{"_index":471,"name":{"1129":{},"3519":{},"3533":{}},"parent":{}}],["dropdowntext",{"_index":1464,"name":{"3516":{},"3531":{}},"parent":{}}],["dropdowntrigger",{"_index":1463,"name":{"3515":{},"3528":{}},"parent":{}}],["dropdownvalue",{"_index":1465,"name":{"3517":{},"3530":{}},"parent":{}}],["duration",{"_index":57,"name":{"87":{},"97":{}},"parent":{}}],["easing",{"_index":58,"name":{"88":{},"98":{}},"parent":{}}],["element",{"_index":297,"name":{"671":{}},"parent":{}}],["elementref",{"_index":1055,"name":{"2205":{}},"parent":{}}],["elevator",{"_index":484,"name":{"1146":{},"1147":{}},"parent":{"1148":{},"1149":{}}}],["elevatoranchor",{"_index":478,"name":{"1138":{}},"parent":{}}],["elevatorlinks",{"_index":476,"name":{"1135":{}},"parent":{}}],["ellipsis",{"_index":285,"name":{"656":{},"1719":{}},"parent":{}}],["email",{"_index":578,"name":{"1357":{}},"parent":{}}],["emitonerror",{"_index":1715,"name":{"4160":{},"4187":{},"4209":{}},"parent":{}}],["emitonupload",{"_index":1716,"name":{"4161":{},"4188":{},"4210":{}},"parent":{}}],["empty",{"_index":591,"name":{"1369":{},"1982":{},"2007":{}},"parent":{}}],["emptylabel",{"_index":784,"name":{"1709":{},"1996":{},"2075":{}},"parent":{}}],["enable",{"_index":1012,"name":{"2117":{},"2119":{}},"parent":{}}],["end",{"_index":972,"name":{"2025":{}},"parent":{}}],["endtime",{"_index":974,"name":{"2027":{}},"parent":{}}],["enuslocale",{"_index":914,"name":{"1901":{}},"parent":{"1902":{},"1903":{},"1904":{},"1905":{},"1906":{},"1907":{},"1908":{},"1909":{},"1910":{},"1911":{},"1912":{},"1913":{},"1914":{},"1915":{},"1916":{},"1917":{},"1918":{}}}],["error",{"_index":489,"name":{"1152":{},"1169":{},"1216":{},"1234":{},"1267":{},"1272":{},"1297":{},"1303":{},"1333":{},"1338":{},"1679":{},"1964":{},"2461":{}},"parent":{}}],["errorboundary",{"_index":494,"name":{"1157":{}},"parent":{"1158":{},"1159":{},"1162":{},"1163":{},"1164":{},"1165":{},"1166":{},"1167":{},"1168":{},"1171":{},"1172":{},"1173":{}}}],["errorboundary.__type",{"_index":495,"name":{},"parent":{"1160":{},"1161":{},"1169":{},"1170":{}}}],["event",{"_index":1785,"name":{"4402":{}},"parent":{}}],["eventhandler",{"_index":509,"name":{"1190":{}},"parent":{}}],["eventname",{"_index":507,"name":{"1187":{},"1194":{}},"parent":{}}],["exceptioncolor",{"_index":1349,"name":{"3100":{}},"parent":{}}],["excludepristine",{"_index":595,"name":{"1373":{}},"parent":{}}],["exiting",{"_index":454,"name":{"1086":{}},"parent":{}}],["expand",{"_index":1658,"name":{"4067":{}},"parent":{}}],["expandall",{"_index":1682,"name":{"4101":{}},"parent":{}}],["expandation",{"_index":786,"name":{"1711":{}},"parent":{}}],["expandedkeys",{"_index":1136,"name":{"2366":{}},"parent":{}}],["expandkeys",{"_index":1156,"name":{"2431":{}},"parent":{}}],["expandnode",{"_index":1689,"name":{"4110":{}},"parent":{}}],["expandrender",{"_index":905,"name":{"1882":{}},"parent":{}}],["expandrowkeys",{"_index":806,"name":{"1736":{}},"parent":{}}],["expandtrigger",{"_index":236,"name":{"436":{},"466":{},"498":{},"533":{}},"parent":{}}],["expect",{"_index":631,"name":{"1441":{}},"parent":{}}],["extra",{"_index":291,"name":{"662":{},"731":{}},"parent":{}}],["extracontent",{"_index":16,"name":{"16":{},"32":{},"3890":{}},"parent":{}}],["failed",{"_index":992,"name":{"2060":{}},"parent":{}}],["fallback",{"_index":1088,"name":{"2270":{}},"parent":{}}],["fallbackcomponent",{"_index":493,"name":{"1156":{},"1160":{},"1176":{},"1180":{}},"parent":{}}],["fhd",{"_index":1079,"name":{"2261":{},"2273":{}},"parent":{}}],["field",{"_index":732,"name":{"1577":{}},"parent":{}}],["fieldarraybuilder",{"_index":618,"name":{"1399":{}},"parent":{"1400":{},"1401":{},"1402":{},"1403":{},"1404":{},"1405":{},"1406":{},"1407":{}}}],["fieldarraymodel",{"_index":542,"name":{"1235":{}},"parent":{"1236":{},"1237":{},"1238":{},"1239":{},"1240":{},"1241":{},"1242":{},"1243":{},"1244":{},"1245":{},"1246":{},"1247":{},"1248":{},"1249":{},"1250":{},"1251":{},"1252":{},"1253":{},"1254":{},"1255":{},"1256":{},"1257":{},"1258":{},"1259":{},"1260":{},"1261":{},"1262":{},"1263":{},"1264":{},"1265":{},"1266":{},"1267":{},"1268":{},"1269":{},"1270":{},"1271":{},"1272":{}}}],["fieldbuilder",{"_index":621,"name":{"1408":{}},"parent":{"1409":{},"1410":{},"1411":{},"1412":{},"1413":{},"1414":{},"1415":{}}}],["fieldmodel",{"_index":553,"name":{"1273":{}},"parent":{"1274":{},"1275":{},"1276":{},"1277":{},"1278":{},"1279":{},"1280":{},"1281":{},"1282":{},"1283":{},"1284":{},"1285":{},"1286":{},"1287":{},"1288":{},"1289":{},"1290":{},"1291":{},"1292":{},"1293":{},"1294":{},"1295":{},"1296":{},"1297":{},"1298":{},"1299":{},"1300":{},"1301":{},"1302":{},"1303":{}}}],["fieldset",{"_index":759,"name":{"1647":{}},"parent":{}}],["fieldsetbuilder",{"_index":623,"name":{"1416":{}},"parent":{"1417":{},"1418":{},"1419":{},"1420":{},"1421":{},"1422":{},"1423":{},"1424":{}}}],["fieldsetbuilderchildren",{"_index":626,"name":{"1434":{}},"parent":{}}],["fieldsetmodel",{"_index":558,"name":{"1304":{}},"parent":{"1305":{},"1306":{},"1307":{},"1308":{},"1309":{},"1310":{},"1311":{},"1312":{},"1313":{},"1314":{},"1315":{},"1316":{},"1317":{},"1318":{},"1319":{},"1320":{},"1321":{},"1322":{},"1323":{},"1324":{},"1325":{},"1326":{},"1327":{},"1328":{},"1329":{},"1330":{},"1331":{},"1332":{},"1333":{},"1334":{},"1335":{},"1336":{},"1337":{},"1338":{}}}],["fieldsetvalue",{"_index":627,"name":{"1435":{},"1587":{}},"parent":{}}],["fieldutils",{"_index":597,"name":{"1376":{}},"parent":{"1377":{},"1378":{},"1379":{},"1380":{},"1381":{},"1382":{},"1383":{},"1384":{},"1386":{},"1388":{},"1389":{}}}],["fieldutils.func",{"_index":606,"name":{},"parent":{"1385":{}}}],["fieldutils.icompositionhandlers",{"_index":612,"name":{},"parent":{"1390":{},"1391":{}}}],["fieldutils.middleware",{"_index":608,"name":{},"parent":{"1387":{}}}],["fieldvalid",{"_index":738,"name":{"1593":{}},"parent":{}}],["fieldvalue",{"_index":735,"name":{"1585":{}},"parent":{}}],["file",{"_index":1724,"name":{"4218":{},"4227":{}},"parent":{}}],["file_upload_status",{"_index":1703,"name":{"4143":{},"4169":{}},"parent":{}}],["filelist",{"_index":1707,"name":{"4152":{},"4179":{},"4267":{},"4286":{},"4305":{},"4335":{},"4352":{},"4362":{},"4372":{}},"parent":{}}],["filter",{"_index":241,"name":{"442":{},"472":{},"504":{},"541":{},"1259":{},"3277":{},"3310":{},"3344":{},"3380":{}},"parent":{}}],["filterclass",{"_index":1455,"name":{"3492":{}},"parent":{}}],["filteroption",{"_index":87,"name":{"131":{},"149":{},"3231":{},"3240":{},"4037":{}},"parent":{}}],["filteroptions",{"_index":1437,"name":{"3422":{}},"parent":{}}],["findchunks",{"_index":1611,"name":{"3924":{}},"parent":{}}],["fireonrapidscroll",{"_index":1791,"name":{"4413":{},"4423":{}},"parent":{}}],["firstchildheight",{"_index":43,"name":{"71":{}},"parent":{}}],["fixed",{"_index":816,"name":{"1750":{},"1856":{},"1890":{},"3826":{}},"parent":{}}],["fixedcolumnsbodyexpandrowsheight",{"_index":805,"name":{"1735":{}},"parent":{}}],["fixedcolumnsbodyrowsheight",{"_index":803,"name":{"1733":{}},"parent":{}}],["fixedcolumnsheadrowsheight",{"_index":804,"name":{"1734":{}},"parent":{}}],["fixedids",{"_index":1547,"name":{"3734":{},"3754":{},"3795":{},"3823":{},"3839":{}},"parent":{}}],["fixmouseeventsondisabledchildren",{"_index":1255,"name":{"2793":{},"2966":{},"2978":{},"4000":{}},"parent":{}}],["focus",{"_index":1056,"name":{"2210":{},"2928":{}},"parent":{}}],["focused",{"_index":1184,"name":{"2576":{}},"parent":{}}],["focussearchinput",{"_index":1438,"name":{"3424":{}},"parent":{}}],["foldable",{"_index":1671,"name":{"4085":{},"4121":{}},"parent":{}}],["footel",{"_index":828,"name":{"1767":{}},"parent":{}}],["footer",{"_index":445,"name":{"1064":{},"1073":{},"1100":{}},"parent":{}}],["footertext",{"_index":363,"name":{"810":{}},"parent":{}}],["footnode",{"_index":827,"name":{"1766":{}},"parent":{}}],["forcescroll",{"_index":859,"name":{"1803":{}},"parent":{}}],["form",{"_index":530,"name":{"1220":{},"1268":{},"1299":{},"1334":{},"1551":{},"1560":{},"1583":{},"1917":{},"1935":{},"1953":{},"2085":{}},"parent":{"1561":{},"1562":{},"1563":{},"1564":{},"1565":{},"1566":{},"1567":{},"1568":{},"1569":{},"1570":{},"1571":{},"1572":{},"1573":{},"1574":{},"1575":{},"1576":{},"1577":{},"1578":{},"1579":{},"1580":{},"1581":{},"1582":{},"1583":{},"1584":{},"1585":{},"1586":{},"1587":{},"1588":{},"1589":{},"1590":{},"1591":{},"1592":{},"1593":{},"1594":{},"1595":{},"1596":{},"1597":{},"1598":{},"1599":{},"1600":{},"1601":{},"1602":{},"1603":{},"1604":{},"1605":{},"1606":{},"1607":{},"1608":{},"1609":{},"1610":{},"1611":{},"1612":{},"1613":{},"1614":{},"1615":{},"1616":{},"1617":{}}}],["format",{"_index":383,"name":{"839":{},"863":{},"886":{},"907":{},"924":{},"941":{},"964":{},"992":{},"1009":{},"1026":{},"1040":{},"1462":{},"3094":{},"3108":{},"3119":{},"3123":{}},"parent":{}}],["formattedmaxsize",{"_index":1735,"name":{"4244":{}},"parent":{}}],["formattotal",{"_index":1190,"name":{"2591":{},"2662":{}},"parent":{}}],["formbuilder",{"_index":625,"name":{"1425":{}},"parent":{"1426":{},"1427":{},"1428":{},"1429":{},"1430":{},"1431":{},"1432":{},"1433":{}}}],["formcheckboxfield",{"_index":657,"name":{"1479":{}},"parent":{}}],["formcheckboxgroupfield",{"_index":659,"name":{"1481":{}},"parent":{}}],["formcolorpickerfield",{"_index":662,"name":{"1484":{}},"parent":{}}],["formcombineddaterangepickerfield",{"_index":664,"name":{"1486":{}},"parent":{}}],["formcombinedtimerangepickerfield",{"_index":666,"name":{"1488":{}},"parent":{}}],["formcontext",{"_index":654,"name":{"1475":{}},"parent":{}}],["formcontrol",{"_index":750,"name":{"1628":{}},"parent":{}}],["formdatepickerfield",{"_index":668,"name":{"1490":{}},"parent":{}}],["formdaterangepickerfield",{"_index":670,"name":{"1492":{}},"parent":{}}],["formdaterangequickpickerfield",{"_index":672,"name":{"1494":{}},"parent":{}}],["formdescription",{"_index":765,"name":{"1673":{}},"parent":{}}],["formerror",{"_index":752,"name":{"1633":{}},"parent":{}}],["formfield",{"_index":756,"name":{"1639":{}},"parent":{}}],["formimageuploadfield",{"_index":697,"name":{"1519":{}},"parent":{}}],["forminputfield",{"_index":674,"name":{"1496":{}},"parent":{}}],["formmonthpickerfield",{"_index":676,"name":{"1498":{}},"parent":{}}],["formnotice",{"_index":775,"name":{"1697":{}},"parent":{}}],["formnumberinputfield",{"_index":677,"name":{"1499":{}},"parent":{}}],["formquarterpickerfield",{"_index":680,"name":{"1502":{}},"parent":{}}],["formradiogroupfield",{"_index":681,"name":{"1503":{}},"parent":{}}],["formref",{"_index":745,"name":{"1611":{}},"parent":{}}],["formselectfield",{"_index":683,"name":{"1505":{}},"parent":{}}],["formsingleuploadfield",{"_index":695,"name":{"1517":{}},"parent":{}}],["formstrategy",{"_index":564,"name":{"1339":{}},"parent":{"1340":{},"1341":{}}}],["formswitchfield",{"_index":686,"name":{"1508":{}},"parent":{}}],["formtimepickerfield",{"_index":688,"name":{"1510":{}},"parent":{}}],["formtimerangepickerfield",{"_index":690,"name":{"1512":{}},"parent":{}}],["formuploadfield",{"_index":699,"name":{"1521":{}},"parent":{}}],["formvalidationerror",{"_index":747,"name":{"1618":{}},"parent":{"1619":{}}}],["formweekpickerfield",{"_index":692,"name":{"1514":{}},"parent":{}}],["formyearpickerfield",{"_index":694,"name":{"1516":{}},"parent":{}}],["friday",{"_index":415,"name":{"977":{}},"parent":{}}],["fromclearbutton",{"_index":1033,"name":{"2146":{}},"parent":{}}],["fullscreenloading",{"_index":1095,"name":{"2287":{}},"parent":{}}],["func",{"_index":605,"name":{"1384":{}},"parent":{}}],["get",{"_index":546,"name":{"1249":{},"1331":{},"1420":{},"1429":{}},"parent":{}}],["getaffixcontainer",{"_index":5,"name":{"5":{}},"parent":{}}],["getanchor",{"_index":1281,"name":{"2938":{}},"parent":{}}],["getbatchcomponents",{"_index":854,"name":{"1798":{}},"parent":{}}],["getbatchfixedstyle",{"_index":853,"name":{"1797":{}},"parent":{}}],["getcaretcoordinates",{"_index":1128,"name":{"2352":{}},"parent":{}}],["getcheckboxprops",{"_index":901,"name":{"1878":{}},"parent":{}}],["getcolumns",{"_index":852,"name":{"1796":{}},"parent":{}}],["getcontainer",{"_index":480,"name":{"1140":{},"3046":{}},"parent":{}}],["getdatakey",{"_index":843,"name":{"1783":{}},"parent":{}}],["getdecimal",{"_index":1440,"name":{"3428":{}},"parent":{}}],["getdefaultstate",{"_index":1129,"name":{"2353":{}},"parent":{}}],["getderivedstatefromprops",{"_index":99,"name":{"157":{},"195":{},"547":{},"582":{},"1105":{},"2394":{},"2573":{},"2935":{},"3187":{},"3394":{},"3439":{},"3664":{},"4125":{},"4144":{},"4170":{}},"parent":{}}],["getdomnode",{"_index":656,"name":{"1478":{}},"parent":{}}],["getelement",{"_index":1251,"name":{"2766":{},"2797":{},"2822":{},"2962":{},"2976":{},"2984":{},"3026":{},"3031":{}},"parent":{}}],["getellipsis",{"_index":307,"name":{"685":{}},"parent":{}}],["getempty",{"_index":864,"name":{"1809":{}},"parent":{}}],["geteventvalue",{"_index":1009,"name":{"2110":{}},"parent":{}}],["getexpandbodyrender",{"_index":850,"name":{"1793":{}},"parent":{}}],["getexpandrowkeys",{"_index":840,"name":{"1779":{}},"parent":{}}],["getfolditems",{"_index":166,"name":{"284":{}},"parent":{}}],["getformvalue",{"_index":636,"name":{"1448":{}},"parent":{}}],["getgroupcontext",{"_index":271,"name":{"612":{}},"parent":{}}],["getitemtooltip",{"_index":203,"name":{"386":{},"458":{},"488":{},"520":{},"569":{}},"parent":{}}],["getlayout",{"_index":1197,"name":{"2606":{},"2627":{},"2648":{},"2677":{}},"parent":{}}],["getlayoutoptions",{"_index":1199,"name":{"2609":{},"2630":{},"2651":{},"2680":{}},"parent":{}}],["getleftcolumns",{"_index":847,"name":{"1790":{}},"parent":{}}],["getleftfixedtable",{"_index":855,"name":{"1799":{}},"parent":{}}],["getoverflowstatus",{"_index":162,"name":{"278":{}},"parent":{}}],["getradiostate",{"_index":1356,"name":{"3130":{}},"parent":{}}],["getrawvalue",{"_index":527,"name":{"1214":{},"1250":{},"1288":{},"1318":{}},"parent":{}}],["getrealprevindex",{"_index":1524,"name":{"3686":{}},"parent":{}}],["getresizeobserver",{"_index":305,"name":{"682":{}},"parent":{}}],["getrightcolumns",{"_index":848,"name":{"1791":{}},"parent":{}}],["getrightfixedtable",{"_index":856,"name":{"1800":{}},"parent":{}}],["getsearchplaceholder",{"_index":1435,"name":{"3419":{}},"parent":{}}],["getsection",{"_index":634,"name":{"1446":{}},"parent":{}}],["getsectionvalue",{"_index":635,"name":{"1447":{}},"parent":{}}],["getselectedvaluefromsearchtext",{"_index":106,"name":{"165":{}},"parent":{}}],["getselectioncolumn",{"_index":851,"name":{"1795":{}},"parent":{}}],["getselectionprops",{"_index":900,"name":{"1877":{}},"parent":{}}],["getselectionpropsbyitem",{"_index":865,"name":{"1810":{}},"parent":{}}],["getstardom",{"_index":1374,"name":{"3193":{}},"parent":{}}],["getstarvalue",{"_index":1375,"name":{"3194":{}},"parent":{}}],["getstickyhead",{"_index":873,"name":{"1822":{}},"parent":{}}],["getsubmitvalue",{"_index":528,"name":{"1215":{},"1251":{},"1289":{},"1319":{}},"parent":{}}],["getswiper",{"_index":1516,"name":{"3676":{}},"parent":{}}],["getswipercontainer",{"_index":1517,"name":{"3677":{}},"parent":{}}],["gettabdatalistfromchildren",{"_index":1538,"name":{"3723":{},"3849":{}},"parent":{}}],["gettabdatalistfromtabs",{"_index":1537,"name":{"3722":{},"3848":{}},"parent":{}}],["gettable",{"_index":863,"name":{"1808":{}},"parent":{}}],["getthumbsrcfromfile",{"_index":1755,"name":{"4304":{}},"parent":{}}],["gettotal",{"_index":1203,"name":{"2613":{},"2634":{},"2655":{},"2684":{}},"parent":{}}],["gettotalpages",{"_index":1202,"name":{"2612":{},"2633":{},"2654":{},"2683":{}},"parent":{}}],["gettransformeditemconfigsfromprops",{"_index":107,"name":{"167":{}},"parent":{}}],["gettriggerprops",{"_index":1299,"name":{"2992":{}},"parent":{}}],["getuploaditem",{"_index":1709,"name":{"4154":{},"4181":{},"4199":{}},"parent":{}}],["getuploadsuccessoverrideprops",{"_index":1720,"name":{"4165":{},"4172":{},"4214":{}},"parent":{}}],["getvalidateoption",{"_index":649,"name":{"1463":{}},"parent":{}}],["getvisible",{"_index":262,"name":{"587":{}},"parent":{}}],["getwrappedpopover",{"_index":1270,"name":{"2891":{}},"parent":{}}],["ghost",{"_index":1479,"name":{"3564":{},"3575":{}},"parent":{}}],["globalclick",{"_index":1432,"name":{"3414":{}},"parent":{}}],["grid",{"_index":822,"name":{"1758":{},"1911":{},"1929":{},"1947":{},"2093":{}},"parent":{"1759":{},"1760":{},"1761":{},"1762":{},"1763":{},"1764":{},"1765":{},"1766":{},"1767":{},"1768":{},"1769":{},"1770":{},"1771":{},"1772":{},"1773":{},"1774":{},"1775":{},"1776":{},"1777":{},"1778":{},"1779":{},"1780":{},"1781":{},"1782":{},"1783":{},"1784":{},"1785":{},"1786":{},"1787":{},"1788":{},"1789":{},"1790":{},"1791":{},"1792":{},"1793":{},"1794":{},"1795":{},"1796":{},"1797":{},"1798":{},"1799":{},"1800":{},"1801":{},"1802":{},"1803":{},"1804":{},"1805":{},"1806":{},"1807":{},"1808":{},"1809":{},"1810":{},"1811":{},"1812":{},"1813":{},"1814":{},"1815":{},"1816":{},"1817":{},"1818":{},"1819":{},"1820":{},"1821":{},"1822":{},"1823":{},"1824":{},"1825":{},"1826":{},"1827":{},"1828":{},"1829":{}}}],["gridcolumncontexttype",{"_index":893,"name":{"1864":{}},"parent":{}}],["gridcolumnprovider",{"_index":911,"name":{"1893":{}},"parent":{}}],["gridfixedtype",{"_index":880,"name":{"1834":{}},"parent":{}}],["gridnode",{"_index":826,"name":{"1765":{}},"parent":{}}],["gridpaginationtype",{"_index":876,"name":{"1830":{}},"parent":{}}],["gridrowclassnametype",{"_index":882,"name":{"1836":{}},"parent":{}}],["gridscrollposition",{"_index":877,"name":{"1831":{}},"parent":{}}],["gridsorttype",{"_index":879,"name":{"1833":{}},"parent":{}}],["gridtextalign",{"_index":878,"name":{"1832":{}},"parent":{}}],["group",{"_index":180,"name":{"321":{},"619":{},"3149":{}},"parent":{}}],["handleadddraggingcursor",{"_index":1459,"name":{"3503":{}},"parent":{}}],["handlebatchselect",{"_index":869,"name":{"1814":{}},"parent":{}}],["handlebodyscroll",{"_index":861,"name":{"1805":{}},"parent":{}}],["handlebodyscrollrunoncenextframe",{"_index":860,"name":{"1804":{}},"parent":{}}],["handlechange",{"_index":337,"name":{"773":{}},"parent":{}}],["handlecheckboxclick",{"_index":1698,"name":{"4133":{}},"parent":{}}],["handlechosendays",{"_index":436,"name":{"1046":{}},"parent":{}}],["handleclick",{"_index":1147,"name":{"2398":{},"2416":{}},"parent":{}}],["handleclickmoveleft",{"_index":163,"name":{"281":{}},"parent":{}}],["handleclickmoveright",{"_index":164,"name":{"282":{}},"parent":{}}],["handlecontainerresize",{"_index":302,"name":{"679":{}},"parent":{}}],["handledotsclick",{"_index":1528,"name":{"3690":{}},"parent":{}}],["handleexpand",{"_index":1697,"name":{"4132":{}},"parent":{}}],["handleexpandiconclick",{"_index":1696,"name":{"4131":{}},"parent":{}}],["handleexpandrow",{"_index":849,"name":{"1792":{}},"parent":{}}],["handlemouseenter",{"_index":1526,"name":{"3688":{}},"parent":{}}],["handlemouseleave",{"_index":1527,"name":{"3689":{}},"parent":{}}],["handleremovedraggingcursor",{"_index":1460,"name":{"3504":{}},"parent":{}}],["handleresize",{"_index":1529,"name":{"3691":{}},"parent":{}}],["handleselect",{"_index":868,"name":{"1813":{},"2397":{},"2410":{},"2434":{},"3542":{}},"parent":{}}],["handleselectchange",{"_index":1641,"name":{"4034":{}},"parent":{}}],["handletimechange",{"_index":435,"name":{"1045":{}},"parent":{}}],["handlevisiblechange",{"_index":338,"name":{"774":{}},"parent":{}}],["handlewindowresize",{"_index":301,"name":{"678":{}},"parent":{}}],["hasfocus",{"_index":1053,"name":{"2195":{},"2209":{}},"parent":{}}],["hasmore",{"_index":1020,"name":{"2128":{}},"parent":{}}],["header",{"_index":1238,"name":{"2745":{},"2772":{},"2803":{},"2828":{},"2851":{}},"parent":{}}],["headerel",{"_index":829,"name":{"1768":{}},"parent":{}}],["headernode",{"_index":830,"name":{"1769":{}},"parent":{}}],["height",{"_index":55,"name":{"85":{},"2714":{}},"parent":{}}],["helpdesc",{"_index":641,"name":{"1453":{}},"parent":{}}],["hiddenicon",{"_index":390,"name":{"853":{},"956":{}},"parent":{}}],["hidecollapsepop",{"_index":1409,"name":{"3292":{},"3325":{},"3359":{}},"parent":{}}],["hidedelay",{"_index":1256,"name":{"2794":{},"2973":{}},"parent":{}}],["hidefooter",{"_index":360,"name":{"807":{},"873":{},"895":{},"980":{}},"parent":{}}],["highlight",{"_index":242,"name":{"443":{},"473":{},"505":{},"543":{},"3278":{},"3311":{},"3345":{},"3384":{}},"parent":{}}],["highlightclassname",{"_index":34,"name":{"41":{},"3913":{}},"parent":{}}],["highlightstyle",{"_index":1602,"name":{"3914":{}},"parent":{}}],["highlighttag",{"_index":1605,"name":{"3917":{}},"parent":{}}],["holdsfulltext",{"_index":294,"name":{"666":{}},"parent":{}}],["horizontal",{"_index":1790,"name":{"4412":{},"4422":{}},"parent":{}}],["hour",{"_index":977,"name":{"2038":{}},"parent":{}}],["hourselect",{"_index":980,"name":{"2042":{}},"parent":{}}],["hourstep",{"_index":392,"name":{"859":{},"960":{}},"parent":{}}],["hover",{"_index":1278,"name":{"2926":{}},"parent":{}}],["hoverable",{"_index":77,"name":{"120":{},"3209":{},"3224":{}},"parent":{}}],["hoverdate",{"_index":369,"name":{"816":{}},"parent":{}}],["hoverrangedate",{"_index":370,"name":{"817":{}},"parent":{}}],["hovervalue",{"_index":1370,"name":{"3176":{}},"parent":{}}],["href",{"_index":169,"name":{"290":{},"299":{}},"parent":{}}],["htmltype",{"_index":173,"name":{"301":{},"319":{}},"parent":{}}],["i18n",{"_index":1758,"name":{"4334":{},"4351":{},"4361":{},"4371":{},"4380":{}},"parent":{}}],["i18ncomponentname",{"_index":1002,"name":{"2100":{}},"parent":{}}],["i18nlocaledatatype",{"_index":1003,"name":{"2101":{}},"parent":{}}],["i18nlocaletimepicker",{"_index":988,"name":{"2055":{}},"parent":{"2056":{}}}],["i18nreceiver",{"_index":912,"name":{"1894":{}},"parent":{"1895":{},"1896":{},"1897":{},"1898":{},"1899":{},"1900":{}}}],["iabstractmultiuploadprops",{"_index":1749,"name":{"4266":{}},"parent":{"4267":{},"4268":{},"4269":{},"4270":{},"4271":{},"4272":{},"4273":{},"4274":{},"4275":{},"4276":{},"4277":{},"4278":{},"4279":{},"4280":{},"4281":{}}}],["iabstractuploadlistprops",{"_index":1761,"name":{"4350":{}},"parent":{"4351":{},"4352":{},"4353":{},"4354":{},"4355":{},"4356":{},"4357":{}}}],["iabstractuploadprops",{"_index":1743,"name":{"4256":{}},"parent":{"4257":{},"4258":{},"4259":{},"4260":{},"4261":{},"4262":{},"4263":{},"4264":{},"4265":{}}}],["iabstractuploadtriggerprops",{"_index":1757,"name":{"4333":{}},"parent":{"4334":{},"4335":{},"4336":{},"4337":{},"4338":{},"4339":{},"4340":{},"4341":{},"4342":{},"4343":{}}}],["iaffiximperativehandlers",{"_index":0,"name":{"0":{}},"parent":{"1":{}}}],["iaffixprops",{"_index":2,"name":{"2":{}},"parent":{"3":{},"4":{},"5":{},"6":{},"7":{},"8":{},"9":{},"10":{},"11":{}}}],["ialertitemprops",{"_index":13,"name":{"13":{}},"parent":{"14":{},"15":{},"16":{},"17":{},"18":{},"19":{}}}],["ialertoption",{"_index":1483,"name":{"3591":{}},"parent":{}}],["ialertprops",{"_index":24,"name":{"24":{}},"parent":{"25":{},"26":{},"27":{},"28":{},"29":{},"30":{},"31":{},"32":{},"33":{},"34":{},"35":{},"36":{},"37":{},"38":{},"39":{}}}],["ianimateheightprops",{"_index":54,"name":{"84":{}},"parent":{"85":{},"86":{},"87":{},"88":{},"89":{},"90":{},"91":{},"92":{}}}],["iasyncvalidator",{"_index":568,"name":{"1344":{}},"parent":{"1345":{},"1346":{},"1347":{}}}],["iautocompletemenuitem",{"_index":78,"name":{"121":{}},"parent":{}}],["iautocompletemenuobjectitem",{"_index":65,"name":{"106":{}},"parent":{"107":{},"108":{},"109":{},"110":{},"111":{},"112":{},"113":{},"114":{},"115":{},"116":{},"117":{},"118":{},"119":{},"120":{}}}],["iautocompleteprops",{"_index":79,"name":{"122":{}},"parent":{"123":{},"124":{},"125":{},"126":{},"127":{},"128":{},"129":{},"130":{},"131":{},"132":{},"133":{},"134":{},"135":{},"136":{},"137":{},"138":{},"139":{},"140":{},"141":{}}}],["iautocompletestate",{"_index":93,"name":{"142":{}},"parent":{"143":{},"144":{},"145":{}}}],["iavatarprops",{"_index":113,"name":{"176":{}},"parent":{"177":{},"178":{},"179":{},"180":{},"181":{},"182":{},"183":{},"184":{}}}],["iavatarstate",{"_index":117,"name":{"185":{}},"parent":{"186":{},"187":{},"188":{}}}],["ibadgeprops",{"_index":126,"name":{"208":{}},"parent":{"209":{},"210":{},"211":{},"212":{},"213":{},"214":{},"215":{},"216":{}}}],["ibannerprops",{"_index":136,"name":{"230":{}},"parent":{}}],["ibasepaginationprops",{"_index":1189,"name":{"2587":{}},"parent":{"2588":{},"2589":{},"2590":{},"2591":{},"2592":{},"2593":{},"2594":{},"2595":{}}}],["ibasetabsnavprops",{"_index":1576,"name":{"3806":{}},"parent":{"3807":{},"3808":{}}}],["ibasetabsprops",{"_index":1563,"name":{"3770":{}},"parent":{"3771":{},"3772":{},"3773":{},"3774":{},"3775":{},"3776":{},"3777":{}}}],["iblockheaderprops",{"_index":138,"name":{"232":{}},"parent":{"233":{},"234":{},"235":{},"236":{},"237":{},"238":{},"239":{}}}],["ibreadcrumbitemprops",{"_index":167,"name":{"287":{}},"parent":{"288":{},"289":{},"290":{},"291":{}}}],["ibreadcrumbprops",{"_index":145,"name":{"249":{}},"parent":{"250":{},"251":{},"252":{},"253":{}}}],["ibreadcrumbstate",{"_index":148,"name":{"254":{}},"parent":{"255":{},"256":{},"257":{},"258":{}}}],["ibuttondirectivechildprops",{"_index":185,"name":{"332":{}},"parent":{"333":{},"334":{},"335":{},"336":{},"337":{}}}],["ibuttondirectiveprops",{"_index":190,"name":{"341":{}},"parent":{"342":{},"343":{},"344":{},"345":{},"346":{},"347":{},"348":{},"349":{},"350":{},"351":{},"352":{},"353":{}}}],["ibuttongroupprops",{"_index":182,"name":{"329":{}},"parent":{}}],["ibuttonhtmltype",{"_index":189,"name":{"340":{}},"parent":{}}],["ibuttonprops",{"_index":171,"name":{"296":{}},"parent":{"297":{},"298":{},"299":{},"300":{},"301":{},"302":{},"303":{},"304":{},"305":{},"306":{},"307":{},"308":{},"309":{},"310":{},"311":{},"312":{},"313":{}}}],["ibuttonsize",{"_index":187,"name":{"338":{}},"parent":{}}],["ibuttontype",{"_index":188,"name":{"339":{}},"parent":{}}],["icardprops",{"_index":191,"name":{"354":{}},"parent":{"355":{},"356":{},"357":{},"358":{},"359":{},"360":{},"361":{}}}],["icascaderbaseprops",{"_index":196,"name":{"375":{}},"parent":{"376":{},"377":{},"378":{},"379":{},"380":{},"381":{},"382":{},"383":{},"384":{},"385":{},"386":{},"387":{}}}],["icascaderchangemeta",{"_index":221,"name":{"417":{}},"parent":{"418":{}}}],["icascaderitem",{"_index":212,"name":{"398":{}},"parent":{"399":{},"400":{},"401":{},"402":{},"403":{},"404":{},"405":{}}}],["icascaderloadmeta",{"_index":227,"name":{"425":{}},"parent":{"426":{}}}],["icascadermultiplechangemeta",{"_index":222,"name":{"419":{}},"parent":{"420":{},"421":{}}}],["icascadertagsprops",{"_index":228,"name":{"427":{}},"parent":{"428":{},"429":{},"430":{},"431":{},"432":{},"433":{}}}],["icatcherroroption",{"_index":500,"name":{"1174":{}},"parent":{"1175":{},"1176":{}}}],["icheckboxevent",{"_index":278,"name":{"635":{}},"parent":{"636":{},"637":{},"638":{}}}],["icheckboxeventtarget",{"_index":274,"name":{"620":{}},"parent":{"621":{},"622":{},"623":{},"624":{},"625":{},"626":{},"627":{},"628":{},"629":{},"630":{},"631":{},"632":{},"633":{},"634":{}}}],["icheckboxgroupprops",{"_index":266,"name":{"595":{}},"parent":{"596":{},"597":{},"598":{},"599":{},"600":{},"601":{},"602":{}}}],["icheckboxprops",{"_index":281,"name":{"639":{}},"parent":{"640":{},"641":{},"642":{},"643":{},"644":{},"645":{},"646":{},"647":{},"648":{},"649":{},"650":{},"651":{},"652":{}}}],["iclamplinesprops",{"_index":282,"name":{"653":{}},"parent":{"654":{},"655":{},"656":{},"657":{},"658":{},"659":{},"660":{},"661":{},"662":{},"663":{},"664":{}}}],["iclamplinesstate",{"_index":293,"name":{"665":{}},"parent":{"666":{},"667":{}}}],["iclosedialogoption",{"_index":439,"name":{"1051":{}},"parent":{"1052":{}}}],["icollapsepanelprops",{"_index":319,"name":{"718":{}},"parent":{"719":{},"720":{},"721":{},"722":{},"723":{},"724":{},"725":{},"726":{},"727":{},"728":{},"729":{},"730":{},"731":{}}}],["icollapseprops",{"_index":316,"name":{"706":{}},"parent":{}}],["icollapsepropsaccordion",{"_index":310,"name":{"690":{}},"parent":{"691":{},"692":{},"693":{},"694":{},"695":{},"696":{},"697":{}}}],["icollapsepropsmultiple",{"_index":315,"name":{"698":{}},"parent":{"699":{},"700":{},"701":{},"702":{},"703":{},"704":{},"705":{}}}],["icolorpickerprops",{"_index":329,"name":{"747":{}},"parent":{"748":{},"749":{},"750":{},"751":{},"752":{},"753":{},"754":{},"755":{}}}],["icombineddaterangepickerprops",{"_index":378,"name":{"826":{}},"parent":{"827":{},"828":{},"829":{},"830":{},"831":{},"832":{},"833":{},"834":{},"835":{},"836":{},"837":{},"838":{},"839":{},"840":{},"841":{},"842":{},"843":{}}}],["icombinedformtimerangepickerfieldprops",{"_index":665,"name":{"1487":{}},"parent":{}}],["icombinedtimerangepickerprops",{"_index":389,"name":{"848":{}},"parent":{"849":{},"850":{},"851":{},"852":{},"853":{},"854":{},"855":{},"856":{},"857":{},"858":{},"859":{},"860":{},"861":{},"862":{},"863":{},"864":{},"865":{},"866":{},"867":{},"868":{}}}],["icombineerrorsprops",{"_index":766,"name":{"1674":{}},"parent":{"1675":{},"1676":{},"1677":{}}}],["icombineerrorstate",{"_index":769,"name":{"1678":{}},"parent":{"1679":{}}}],["icommonprogressprops",{"_index":1339,"name":{"3087":{}},"parent":{"3088":{},"3089":{},"3090":{},"3091":{},"3092":{},"3093":{},"3094":{}}}],["icompositionhandlers",{"_index":610,"name":{"1389":{}},"parent":{}}],["icompoundmentionsuggestion",{"_index":1097,"name":{"2289":{}},"parent":{"2290":{},"2291":{},"2292":{},"2293":{},"2294":{},"2295":{}}}],["icon",{"_index":30,"name":{"35":{},"114":{},"179":{},"309":{},"349":{},"2107":{},"2162":{},"2294":{},"2475":{},"2501":{},"2527":{},"3206":{},"3221":{},"3555":{},"3899":{},"4073":{}},"parent":{}}],["iconfirmoption",{"_index":1486,"name":{"3604":{}},"parent":{}}],["iconposition",{"_index":1043,"name":{"2163":{},"2477":{},"2503":{},"2529":{}},"parent":{}}],["icontype",{"_index":1004,"name":{"2102":{}},"parent":{}}],["icopybuttonprops",{"_index":339,"name":{"777":{}},"parent":{"778":{},"779":{},"780":{},"781":{}}}],["icreateuseimecompositionoption",{"_index":1008,"name":{"2109":{}},"parent":{"2110":{}}}],["id",{"_index":531,"name":{"1221":{},"1269":{},"1300":{},"1335":{},"1343":{},"1346":{},"3760":{},"3832":{},"3957":{},"4062":{},"4217":{},"4226":{}},"parent":{}}],["idatepickerpanelprops",{"_index":357,"name":{"804":{}},"parent":{"805":{},"806":{},"807":{},"808":{},"809":{},"810":{},"811":{},"812":{},"813":{},"814":{},"815":{},"816":{},"817":{},"818":{},"819":{},"820":{},"821":{},"822":{},"823":{},"824":{},"825":{}}}],["idatepickerprops",{"_index":397,"name":{"870":{}},"parent":{"871":{},"872":{},"873":{},"874":{},"875":{},"876":{},"877":{},"878":{},"879":{},"880":{},"881":{},"882":{},"883":{},"884":{},"885":{},"886":{},"887":{},"888":{},"889":{},"890":{}}}],["idaterangepickerprops",{"_index":399,"name":{"892":{}},"parent":{"893":{},"894":{},"895":{},"896":{},"897":{},"898":{},"899":{},"900":{},"901":{},"902":{},"903":{},"904":{},"905":{},"906":{},"907":{},"908":{},"909":{},"910":{},"911":{}}}],["idaterangequickpickerpreset",{"_index":425,"name":{"1019":{}},"parent":{"1020":{},"1021":{}}}],["idaterangequickpickerprops",{"_index":426,"name":{"1022":{}},"parent":{"1023":{},"1024":{},"1025":{},"1026":{},"1027":{},"1028":{},"1029":{},"1030":{},"1031":{},"1032":{},"1033":{}}}],["idialogprops",{"_index":451,"name":{"1070":{}},"parent":{"1071":{},"1072":{},"1073":{},"1074":{},"1075":{},"1076":{},"1077":{},"1078":{},"1079":{},"1080":{},"1081":{},"1082":{},"1083":{}}}],["idialogstate",{"_index":452,"name":{"1084":{}},"parent":{"1085":{},"1086":{}}}],["idisabledcontext",{"_index":460,"name":{"1114":{}},"parent":{"1115":{}}}],["idisabledprops",{"_index":459,"name":{"1112":{}},"parent":{"1113":{}}}],["idisabledtime",{"_index":350,"name":{"796":{}},"parent":{"797":{}}}],["idropdownbuttonprops",{"_index":464,"name":{"1122":{}},"parent":{}}],["idropdownprops",{"_index":466,"name":{"1124":{}},"parent":{}}],["idx",{"_index":1379,"name":{"3212":{}},"parent":{}}],["ielevatoranchorprops",{"_index":477,"name":{"1136":{}},"parent":{"1137":{}}}],["ielevatorlinkitem",{"_index":473,"name":{"1131":{}},"parent":{"1132":{},"1133":{}}}],["ielevatorlinksprops",{"_index":475,"name":{"1134":{}},"parent":{}}],["ielevatorprops",{"_index":479,"name":{"1139":{}},"parent":{"1140":{},"1141":{},"1142":{},"1143":{},"1144":{},"1145":{}}}],["ierrorboundaryfallbackcomponentprops",{"_index":488,"name":{"1151":{}},"parent":{"1152":{},"1153":{}}}],["ierrorboundaryprops",{"_index":491,"name":{"1154":{}},"parent":{"1155":{},"1156":{}}}],["ieventhandlerprops",{"_index":506,"name":{"1185":{}},"parent":{"1186":{},"1187":{},"1188":{},"1189":{}}}],["ifieldsetbaseprops",{"_index":760,"name":{"1648":{}},"parent":{"1649":{},"1650":{},"1651":{},"1652":{},"1653":{}}}],["ifieldsetmodeldrivenprops",{"_index":762,"name":{"1654":{}},"parent":{"1655":{},"1656":{},"1657":{},"1658":{},"1659":{},"1660":{}}}],["ifieldsetviewdrivenprops",{"_index":763,"name":{"1661":{}},"parent":{"1662":{},"1663":{},"1664":{},"1665":{},"1666":{},"1667":{},"1668":{},"1669":{}}}],["ifileinputprops",{"_index":1760,"name":{"4344":{}},"parent":{"4345":{},"4346":{},"4347":{},"4348":{},"4349":{}}}],["ifixedprops",{"_index":1545,"name":{"3732":{}},"parent":{"3733":{},"3734":{},"3735":{}}}],["iformcheckboxfieldprops",{"_index":658,"name":{"1480":{}},"parent":{}}],["iformcheckboxgroupfieldprops",{"_index":660,"name":{"1482":{}},"parent":{}}],["iformchild",{"_index":655,"name":{"1476":{}},"parent":{"1477":{},"1478":{}}}],["iformcolorpickerfieldprops",{"_index":661,"name":{"1483":{}},"parent":{}}],["iformcombineddaterangepickerfieldprops",{"_index":663,"name":{"1485":{}},"parent":{}}],["iformcomponentprops",{"_index":708,"name":{"1543":{}},"parent":{}}],["iformcontrolprops",{"_index":748,"name":{"1620":{}},"parent":{"1621":{},"1622":{},"1623":{},"1624":{},"1625":{},"1626":{},"1627":{}}}],["iformdatepickerfield",{"_index":667,"name":{"1489":{}},"parent":{}}],["iformdaterangepickerfieldprops",{"_index":669,"name":{"1491":{}},"parent":{}}],["iformdaterangequickpickerfieldprops",{"_index":671,"name":{"1493":{}},"parent":{}}],["iformdescriptionprops",{"_index":764,"name":{"1670":{}},"parent":{"1671":{},"1672":{}}}],["iformerrorprops",{"_index":751,"name":{"1629":{}},"parent":{"1630":{},"1631":{},"1632":{}}}],["iformfieldchildprops",{"_index":757,"name":{"1640":{}},"parent":{"1641":{},"1642":{},"1643":{},"1644":{},"1645":{}}}],["iformfieldmodeldrivenprops",{"_index":703,"name":{"1531":{}},"parent":{"1532":{},"1533":{},"1534":{},"1535":{}}}],["iformfieldmodelprops",{"_index":704,"name":{"1536":{}},"parent":{}}],["iformfieldprops",{"_index":758,"name":{"1646":{}},"parent":{}}],["iformfieldpropsbase",{"_index":639,"name":{"1451":{}},"parent":{"1452":{},"1453":{},"1454":{},"1455":{},"1456":{},"1457":{},"1458":{},"1459":{},"1460":{},"1461":{},"1462":{},"1463":{},"1464":{},"1465":{},"1466":{},"1467":{},"1468":{},"1469":{},"1470":{},"1471":{},"1472":{},"1473":{},"1474":{}}}],["iformfieldviewdrivenprops",{"_index":702,"name":{"1524":{}},"parent":{"1525":{},"1526":{},"1527":{},"1528":{},"1529":{},"1530":{}}}],["iformimageuploadfieldprops",{"_index":698,"name":{"1520":{}},"parent":{}}],["iforminputfieldprops",{"_index":673,"name":{"1495":{}},"parent":{}}],["iformmonthpickerfieldprops",{"_index":675,"name":{"1497":{}},"parent":{}}],["iformnoticeprops",{"_index":774,"name":{"1694":{}},"parent":{"1695":{},"1696":{}}}],["iformnumberinputfieldprops",{"_index":678,"name":{"1500":{}},"parent":{}}],["iformprops",{"_index":713,"name":{"1548":{}},"parent":{"1549":{},"1550":{},"1551":{},"1552":{},"1553":{},"1554":{},"1555":{},"1556":{},"1557":{},"1558":{},"1559":{}}}],["iformquarterpickerfieldprops",{"_index":679,"name":{"1501":{}},"parent":{}}],["iformradiogroupfieldprops",{"_index":682,"name":{"1504":{}},"parent":{}}],["iformscrolltoerroroptions",{"_index":709,"name":{"1544":{}},"parent":{"1545":{},"1546":{},"1547":{}}}],["iformselectfieldprops",{"_index":684,"name":{"1506":{}},"parent":{}}],["iformsingleuploadfieldprops",{"_index":696,"name":{"1518":{}},"parent":{}}],["iformswitchfieldprops",{"_index":685,"name":{"1507":{}},"parent":{}}],["iformtimepickerfield",{"_index":687,"name":{"1509":{}},"parent":{}}],["iformtimerangepickerfieldprops",{"_index":689,"name":{"1511":{}},"parent":{}}],["iformuploadfieldprops",{"_index":700,"name":{"1522":{}},"parent":{}}],["iformweekpickerfieldprops",{"_index":691,"name":{"1513":{}},"parent":{}}],["iformyearpickerfieldprops",{"_index":693,"name":{"1515":{}},"parent":{}}],["igridbatchrender",{"_index":910,"name":{"1891":{}},"parent":{"1892":{}}}],["igridcellpos",{"_index":908,"name":{"1887":{}},"parent":{"1888":{},"1889":{},"1890":{}}}],["igridcolumn",{"_index":892,"name":{"1847":{}},"parent":{"1848":{},"1849":{},"1850":{},"1851":{},"1852":{},"1853":{},"1854":{},"1855":{},"1856":{},"1857":{},"1858":{},"1859":{},"1860":{},"1861":{},"1862":{},"1863":{}}}],["igridcolumnbodyrenderfunc",{"_index":891,"name":{"1845":{}},"parent":{"1846":{}}}],["igridexpandation",{"_index":902,"name":{"1879":{}},"parent":{"1880":{},"1881":{},"1882":{}}}],["igridinnercolumn",{"_index":810,"name":{"1740":{}},"parent":{"1741":{},"1742":{},"1743":{},"1744":{},"1745":{},"1746":{},"1747":{},"1748":{},"1749":{},"1750":{},"1751":{},"1752":{},"1753":{},"1754":{},"1755":{},"1756":{},"1757":{}}}],["igridinnerfixedtype",{"_index":881,"name":{"1835":{}},"parent":{}}],["igridonchangeconfig",{"_index":894,"name":{"1865":{}},"parent":{"1866":{},"1867":{},"1868":{},"1869":{}}}],["igridonexpandhandler",{"_index":907,"name":{"1885":{}},"parent":{"1886":{}}}],["igridpageinfo",{"_index":886,"name":{"1840":{}},"parent":{"1841":{},"1842":{},"1843":{},"1844":{}}}],["igridprops",{"_index":776,"name":{"1698":{}},"parent":{"1699":{},"1700":{},"1701":{},"1702":{},"1703":{},"1704":{},"1705":{},"1706":{},"1707":{},"1708":{},"1709":{},"1710":{},"1711":{},"1712":{},"1713":{},"1714":{},"1715":{},"1716":{},"1717":{},"1718":{},"1719":{},"1720":{},"1721":{},"1722":{},"1724":{},"1725":{},"1726":{},"1727":{},"1728":{},"1729":{},"1730":{}}}],["igridprops.__type",{"_index":793,"name":{},"parent":{"1723":{}}}],["igridrowclickhandler",{"_index":906,"name":{"1883":{}},"parent":{"1884":{}}}],["igridscrolldelta",{"_index":883,"name":{"1837":{}},"parent":{"1838":{},"1839":{}}}],["igridselection",{"_index":897,"name":{"1873":{}},"parent":{"1874":{},"1875":{},"1876":{},"1877":{},"1878":{}}}],["igridselectionprops",{"_index":895,"name":{"1870":{}},"parent":{"1871":{},"1872":{}}}],["igridstate",{"_index":801,"name":{"1731":{}},"parent":{"1732":{},"1733":{},"1734":{},"1735":{},"1736":{},"1737":{},"1738":{},"1739":{}}}],["ihovertriggercompatibleprops",{"_index":1289,"name":{"2965":{}},"parent":{"2966":{}}}],["ii18nlocalecascader",{"_index":959,"name":{"2002":{}},"parent":{"2003":{},"2004":{},"2005":{},"2006":{},"2007":{},"2008":{},"2009":{},"2010":{},"2011":{},"2012":{},"2013":{}}}],["ii18nlocalecommon",{"_index":929,"name":{"1955":{}},"parent":{"1956":{},"1957":{},"1958":{},"1959":{},"1960":{}}}],["ii18nlocalecopybutton",{"_index":934,"name":{"1961":{}},"parent":{"1962":{},"1963":{},"1964":{}}}],["ii18nlocaleform",{"_index":998,"name":{"2076":{}},"parent":{"2077":{}}}],["ii18nlocalegrid",{"_index":958,"name":{"1995":{}},"parent":{"1996":{},"1997":{},"1998":{},"1999":{},"2000":{},"2001":{}}}],["ii18nlocalemention",{"_index":995,"name":{"2069":{}},"parent":{"2070":{}}}],["ii18nlocalenumberinput",{"_index":999,"name":{"2078":{}},"parent":{"2079":{},"2080":{}}}],["ii18nlocalepagination",{"_index":937,"name":{"1965":{}},"parent":{"1966":{},"1967":{},"1968":{},"1969":{},"1970":{}}}],["ii18nlocalepop",{"_index":942,"name":{"1971":{}},"parent":{}}],["ii18nlocalepreviewimage",{"_index":943,"name":{"1972":{}},"parent":{"1973":{},"1974":{},"1975":{},"1976":{}}}],["ii18nlocalerangepicker",{"_index":948,"name":{"1977":{}},"parent":{"1978":{},"1979":{}}}],["ii18nlocaleselect",{"_index":951,"name":{"1980":{}},"parent":{"1981":{},"1982":{},"1983":{},"1984":{}}}],["ii18nlocalesweetalert",{"_index":957,"name":{"1988":{}},"parent":{"1989":{},"1990":{},"1991":{},"1992":{},"1993":{},"1994":{}}}],["ii18nlocaleswitch",{"_index":955,"name":{"1985":{}},"parent":{"1986":{},"1987":{}}}],["ii18nlocaletimepicker",{"_index":962,"name":{"2014":{}},"parent":{"2015":{},"2016":{},"2017":{},"2018":{},"2019":{},"2020":{},"2021":{},"2022":{},"2023":{},"2024":{},"2025":{},"2026":{},"2027":{},"2028":{},"2029":{},"2030":{},"2036":{},"2037":{},"2050":{},"2051":{},"2052":{},"2053":{},"2054":{}}}],["ii18nlocaletimepicker.__type",{"_index":976,"name":{},"parent":{"2031":{},"2032":{},"2033":{},"2034":{},"2035":{},"2038":{},"2039":{},"2040":{},"2041":{},"2042":{},"2043":{},"2044":{},"2045":{},"2046":{},"2047":{},"2048":{},"2049":{}}}],["ii18nlocaletransfer",{"_index":997,"name":{"2071":{}},"parent":{"2072":{},"2073":{},"2074":{},"2075":{}}}],["ii18nlocaleupload",{"_index":989,"name":{"2057":{}},"parent":{"2058":{},"2059":{},"2060":{},"2061":{},"2062":{},"2063":{},"2064":{},"2065":{},"2066":{},"2067":{},"2068":{}}}],["iiconprops",{"_index":1005,"name":{"2103":{}},"parent":{"2104":{},"2105":{},"2106":{}}}],["iimageonuploadsuccessreturn",{"_index":1741,"name":{"4253":{}},"parent":{}}],["iimageuploadfileitem",{"_index":1725,"name":{"4223":{}},"parent":{"4224":{},"4225":{},"4226":{},"4227":{},"4228":{},"4229":{},"4230":{},"4231":{}}}],["iimageuploaditemprops",{"_index":1770,"name":{"4387":{}},"parent":{}}],["iimageuploadlistprops",{"_index":1765,"name":{"4368":{}},"parent":{"4369":{},"4370":{},"4371":{},"4372":{},"4373":{},"4374":{},"4375":{},"4376":{},"4377":{}}}],["iimageuploadpreviewhandler",{"_index":1742,"name":{"4254":{}},"parent":{"4255":{}}}],["iimageuploadprops",{"_index":1753,"name":{"4301":{}},"parent":{"4302":{},"4303":{},"4304":{},"4305":{},"4306":{},"4307":{},"4308":{},"4309":{},"4310":{},"4311":{},"4312":{},"4313":{},"4314":{},"4315":{},"4316":{},"4317":{},"4318":{},"4319":{}}}],["iimecompositioncontext",{"_index":1013,"name":{"2118":{}},"parent":{"2119":{}}}],["iimecompositionprops",{"_index":1011,"name":{"2116":{}},"parent":{"2117":{}}}],["iindicator",{"_index":1016,"name":{"2122":{}},"parent":{}}],["iindicatorprops",{"_index":1015,"name":{"2121":{}},"parent":{}}],["iinfinitescrollerprops",{"_index":1019,"name":{"2126":{}},"parent":{"2127":{},"2128":{},"2129":{},"2130":{},"2131":{},"2132":{},"2133":{},"2134":{}}}],["iinnertab",{"_index":1552,"name":{"3744":{}},"parent":{"3745":{},"3746":{},"3747":{},"3748":{},"3749":{},"3750":{},"3751":{},"3752":{},"3753":{},"3754":{},"3755":{}}}],["iinputchangeevent",{"_index":1034,"name":{"2147":{}},"parent":{}}],["iinputclearevent",{"_index":1032,"name":{"2144":{}},"parent":{"2145":{},"2146":{}}}],["iinputcommonprops",{"_index":1035,"name":{"2148":{}},"parent":{"2149":{},"2150":{},"2151":{},"2152":{},"2153":{},"2154":{},"2155":{},"2156":{},"2157":{},"2158":{},"2159":{}}}],["iinputcoreprops",{"_index":1042,"name":{"2160":{}},"parent":{"2161":{},"2162":{},"2163":{},"2164":{},"2165":{},"2166":{},"2167":{},"2168":{},"2169":{},"2170":{},"2171":{},"2172":{},"2173":{},"2174":{},"2175":{},"2176":{},"2177":{}}}],["iinputprops",{"_index":1031,"name":{"2143":{}},"parent":{}}],["iinputstate",{"_index":1052,"name":{"2194":{}},"parent":{"2195":{}}}],["ilabelprops",{"_index":753,"name":{"1634":{}},"parent":{"1635":{}}}],["ilayoutcolprops",{"_index":1068,"name":{"2235":{}},"parent":{"2236":{},"2237":{},"2238":{},"2239":{},"2240":{}}}],["ilayoutconfig",{"_index":1089,"name":{"2278":{}},"parent":{"2279":{},"2280":{}}}],["ilayoutgridprops",{"_index":1073,"name":{"2249":{}},"parent":{"2250":{},"2251":{}}}],["ilayoutresponsivevalue",{"_index":1087,"name":{"2269":{}},"parent":{"2270":{},"2271":{},"2272":{},"2273":{},"2274":{},"2275":{},"2276":{},"2277":{}}}],["ilayoutrowprops",{"_index":1063,"name":{"2222":{}},"parent":{"2223":{},"2224":{},"2225":{},"2226":{}}}],["ilinkprops",{"_index":1092,"name":{"2281":{}},"parent":{"2282":{},"2283":{},"2284":{}}}],["ilinktagprops",{"_index":1587,"name":{"3868":{}},"parent":{"3869":{},"3870":{},"3871":{},"3872":{},"3873":{},"3874":{}}}],["ilocaledata",{"_index":1001,"name":{"2082":{}},"parent":{"2083":{},"2084":{},"2085":{},"2086":{},"2087":{},"2088":{},"2089":{},"2090":{},"2091":{},"2092":{},"2093":{},"2094":{},"2095":{},"2096":{},"2097":{},"2098":{},"2099":{}}}],["images",{"_index":1332,"name":{"3074":{}},"parent":{}}],["imageupload",{"_index":1721,"name":{"4167":{}},"parent":{"4168":{},"4169":{},"4170":{},"4171":{},"4172":{},"4173":{},"4174":{},"4175":{},"4176":{},"4177":{},"4178":{},"4179":{},"4180":{},"4181":{},"4182":{},"4183":{},"4184":{},"4185":{},"4186":{},"4187":{},"4188":{},"4189":{},"4190":{},"4191":{},"4192":{}}}],["imaybeerror",{"_index":629,"name":{"1437":{}},"parent":{}}],["imecomposition",{"_index":1014,"name":{"2120":{}},"parent":{}}],["imentionprops",{"_index":1098,"name":{"2296":{}},"parent":{"2297":{},"2298":{},"2299":{},"2300":{},"2301":{},"2302":{},"2303":{},"2304":{},"2305":{},"2306":{},"2307":{},"2308":{},"2309":{},"2310":{},"2311":{}}}],["imenubaseprops",{"_index":1130,"name":{"2355":{}},"parent":{"2356":{},"2357":{},"2358":{},"2359":{},"2360":{}}}],["imenucascadercommonprops",{"_index":234,"name":{"434":{}},"parent":{"435":{},"436":{},"437":{},"438":{},"439":{},"440":{},"441":{},"442":{},"443":{},"444":{},"445":{},"446":{},"447":{},"448":{},"449":{},"450":{},"451":{},"452":{},"453":{},"454":{},"455":{},"456":{},"457":{},"458":{},"459":{}}}],["imenucascadermultipleprops",{"_index":250,"name":{"490":{}},"parent":{"491":{},"492":{},"493":{},"494":{},"495":{},"496":{},"497":{},"498":{},"499":{},"500":{},"501":{},"502":{},"503":{},"504":{},"505":{},"506":{},"507":{},"508":{},"509":{},"510":{},"511":{},"512":{},"513":{},"514":{},"515":{},"516":{},"517":{},"518":{},"519":{},"520":{},"521":{}}}],["imenucascaderprops",{"_index":254,"name":{"522":{}},"parent":{}}],["imenucascadersingleprops",{"_index":247,"name":{"460":{}},"parent":{"461":{},"462":{},"463":{},"464":{},"465":{},"466":{},"467":{},"468":{},"469":{},"470":{},"471":{},"472":{},"473":{},"474":{},"475":{},"476":{},"477":{},"478":{},"479":{},"480":{},"481":{},"482":{},"483":{},"484":{},"485":{},"486":{},"487":{},"488":{},"489":{}}}],["imenuinlineprops",{"_index":1132,"name":{"2361":{}},"parent":{"2362":{},"2363":{},"2364":{},"2365":{},"2366":{},"2367":{},"2368":{},"2369":{},"2370":{},"2371":{},"2372":{},"2373":{},"2374":{}}}],["imenuitemprops",{"_index":1150,"name":{"2403":{}},"parent":{"2404":{},"2405":{},"2406":{},"2407":{},"2408":{},"2409":{},"2410":{},"2411":{},"2412":{},"2413":{}}}],["imenupopprops",{"_index":1140,"name":{"2375":{}},"parent":{"2376":{},"2377":{},"2378":{},"2379":{},"2380":{}}}],["imenuprops",{"_index":1141,"name":{"2381":{}},"parent":{}}],["iminipaginationprops",{"_index":1210,"name":{"2657":{}},"parent":{"2658":{},"2659":{},"2660":{},"2661":{},"2662":{},"2663":{},"2664":{},"2665":{},"2666":{}}}],["imonthpickerprops",{"_index":401,"name":{"913":{}},"parent":{"914":{},"915":{},"916":{},"917":{},"918":{},"919":{},"920":{},"921":{},"922":{},"923":{},"924":{},"925":{},"926":{},"927":{},"928":{}}}],["includeasync",{"_index":592,"name":{"1370":{}},"parent":{}}],["includechildrenrecursively",{"_index":594,"name":{"1372":{}},"parent":{}}],["includeuntouched",{"_index":593,"name":{"1371":{}},"parent":{}}],["indeterminate",{"_index":276,"name":{"626":{},"644":{}},"parent":{}}],["index",{"_index":1333,"name":{"3075":{}},"parent":{}}],["indicator",{"_index":1017,"name":{"2123":{},"2124":{}},"parent":{"2125":{}}}],["infinitescroller",{"_index":1026,"name":{"2135":{}},"parent":{}}],["info",{"_index":498,"name":{"1170":{},"2455":{},"3586":{},"3618":{}},"parent":{}}],["init",{"_index":1515,"name":{"3675":{}},"parent":{}}],["initialize",{"_index":538,"name":{"1229":{},"1253":{},"1287":{},"1317":{}},"parent":{}}],["initialvalue",{"_index":80,"name":{"124":{},"1527":{},"1535":{}},"parent":{}}],["initselectionend",{"_index":1041,"name":{"2157":{},"2177":{},"2192":{},"2486":{},"2512":{},"2538":{}},"parent":{}}],["initselectionstart",{"_index":1040,"name":{"2156":{},"2176":{},"2191":{},"2485":{},"2511":{},"2537":{}},"parent":{}}],["inline",{"_index":92,"name":{"141":{},"2158":{},"2168":{},"2193":{},"2311":{},"2320":{},"2474":{},"2500":{},"2526":{},"3273":{},"3306":{},"3340":{}},"parent":{}}],["inlineindent",{"_index":1139,"name":{"2370":{},"2390":{},"2413":{},"2432":{}},"parent":{}}],["inlineloading",{"_index":1096,"name":{"2288":{}},"parent":{}}],["innerelement",{"_index":298,"name":{"672":{}},"parent":{}}],["inormalizebeforesubmit",{"_index":628,"name":{"1436":{}},"parent":{}}],["inormaluploaditemprops",{"_index":1768,"name":{"4385":{}},"parent":{}}],["inoticeprops",{"_index":1159,"name":{"2442":{}},"parent":{"2443":{},"2444":{},"2445":{},"2446":{},"2447":{},"2448":{},"2449":{},"2450":{},"2451":{},"2452":{}}}],["input",{"_index":952,"name":{"1981":{},"2196":{},"2206":{},"2323":{},"2543":{},"2555":{}},"parent":{"2197":{},"2198":{},"2199":{},"2200":{},"2203":{},"2204":{},"2205":{},"2206":{},"2207":{},"2208":{},"2210":{},"2211":{},"2212":{},"2213":{},"2214":{},"2215":{},"2216":{},"2217":{},"2218":{},"2219":{},"2220":{}}}],["input.__type",{"_index":1054,"name":{},"parent":{"2201":{},"2202":{},"2209":{}}}],["inputref",{"_index":1186,"name":{"2578":{},"3399":{}},"parent":{}}],["inputtype",{"_index":1029,"name":{"2141":{}},"parent":{}}],["inputwidthsizetype",{"_index":1030,"name":{"2142":{}},"parent":{}}],["inside",{"_index":1773,"name":{"4390":{}},"parent":{}}],["integer",{"_index":1171,"name":{"2488":{},"2514":{},"2568":{}},"parent":{}}],["inumberinputcommonprops",{"_index":1166,"name":{"2467":{}},"parent":{"2468":{},"2469":{},"2470":{},"2471":{},"2472":{},"2473":{},"2474":{},"2475":{},"2476":{},"2477":{},"2478":{},"2479":{},"2480":{},"2481":{},"2482":{},"2483":{},"2484":{},"2485":{},"2486":{}}}],["inumberinputdecimalprops",{"_index":1170,"name":{"2487":{}},"parent":{"2488":{},"2489":{},"2490":{},"2491":{},"2492":{},"2493":{},"2494":{},"2495":{},"2496":{},"2497":{},"2498":{},"2499":{},"2500":{},"2501":{},"2502":{},"2503":{},"2504":{},"2505":{},"2506":{},"2507":{},"2508":{},"2509":{},"2510":{},"2511":{},"2512":{}}}],["inumberinputdecimalstate",{"_index":1180,"name":{"2552":{}},"parent":{"2553":{},"2554":{},"2555":{},"2556":{},"2557":{},"2558":{},"2559":{},"2560":{}}}],["inumberinputdecimalstate.__type",{"_index":1181,"name":{},"parent":{"2561":{},"2562":{},"2563":{}}}],["inumberinputintegerprops",{"_index":1174,"name":{"2513":{}},"parent":{"2514":{},"2515":{},"2516":{},"2517":{},"2518":{},"2519":{},"2520":{},"2521":{},"2522":{},"2523":{},"2524":{},"2525":{},"2526":{},"2527":{},"2528":{},"2529":{},"2530":{},"2531":{},"2532":{},"2533":{},"2534":{},"2535":{},"2536":{},"2537":{},"2538":{}}}],["inumberinputintegerstate",{"_index":1176,"name":{"2540":{}},"parent":{"2541":{},"2542":{},"2543":{},"2544":{},"2545":{},"2546":{},"2547":{},"2548":{}}}],["inumberinputintegerstate.__type",{"_index":1179,"name":{},"parent":{"2549":{},"2550":{},"2551":{}}}],["inumberinputprops",{"_index":1175,"name":{"2539":{}},"parent":{}}],["inumberinputstate",{"_index":1182,"name":{"2564":{}},"parent":{}}],["invalid",{"_index":749,"name":{"1625":{}},"parent":{}}],["invisible",{"_index":1775,"name":{"4392":{}},"parent":{}}],["ionerrorcallback",{"_index":487,"name":{"1150":{}},"parent":{}}],["iopendialogoption",{"_index":441,"name":{"1053":{}},"parent":{"1054":{},"1055":{},"1056":{},"1057":{},"1058":{},"1059":{},"1060":{},"1061":{},"1062":{},"1063":{},"1064":{},"1065":{},"1066":{},"1067":{},"1068":{},"1069":{}}}],["ioptionrenderer",{"_index":1391,"name":{"3262":{}},"parent":{}}],["ipaginationlayoutoptions",{"_index":1193,"name":{"2596":{}},"parent":{"2597":{},"2598":{},"2599":{}}}],["iplaceholdercicleprops",{"_index":1226,"name":{"2707":{}},"parent":{"2708":{},"2709":{},"2710":{},"2711":{}}}],["iplaceholderrectangleprops",{"_index":1228,"name":{"2712":{}},"parent":{"2713":{},"2714":{},"2715":{},"2716":{},"2717":{}}}],["iplaceholderrichtextblock",{"_index":1234,"name":{"2727":{}},"parent":{"2728":{},"2729":{},"2730":{},"2731":{},"2732":{},"2733":{},"2734":{},"2735":{},"2736":{},"2737":{}}}],["iplaceholdertextblockprops",{"_index":1229,"name":{"2718":{}},"parent":{"2719":{},"2720":{},"2721":{},"2722":{},"2723":{},"2724":{},"2725":{},"2726":{}}}],["iplaceholdertextrowdashedprops",{"_index":1223,"name":{"2699":{}},"parent":{"2700":{},"2701":{},"2702":{},"2703":{},"2704":{}}}],["iplaceholdertextrowdashedstate",{"_index":1225,"name":{"2705":{}},"parent":{"2706":{}}}],["iplaceholdertextrowprops",{"_index":1220,"name":{"2694":{}},"parent":{"2695":{},"2696":{},"2697":{},"2698":{}}}],["ipopclicktriggerprops",{"_index":1249,"name":{"2762":{}},"parent":{"2763":{},"2764":{},"2765":{},"2766":{},"2767":{},"2768":{},"2769":{},"2770":{},"2771":{},"2772":{},"2773":{},"2774":{},"2775":{},"2776":{},"2777":{},"2778":{},"2779":{},"2780":{},"2781":{},"2782":{},"2783":{},"2784":{},"2785":{},"2786":{},"2787":{},"2788":{}}}],["ipopcommonprops",{"_index":1261,"name":{"2846":{}},"parent":{"2847":{},"2848":{},"2849":{},"2850":{},"2851":{},"2852":{},"2853":{},"2854":{},"2855":{},"2856":{},"2857":{},"2858":{},"2859":{},"2860":{},"2861":{},"2862":{},"2863":{},"2864":{},"2865":{},"2866":{},"2867":{}}}],["ipopfocustriggerprops",{"_index":1259,"name":{"2820":{}},"parent":{"2821":{},"2822":{},"2823":{},"2824":{},"2825":{},"2826":{},"2827":{},"2828":{},"2829":{},"2830":{},"2831":{},"2832":{},"2833":{},"2834":{},"2835":{},"2836":{},"2837":{},"2838":{},"2839":{},"2840":{},"2841":{},"2842":{},"2843":{},"2844":{}}}],["ipophovertriggerprops",{"_index":1252,"name":{"2789":{}},"parent":{"2790":{},"2791":{},"2792":{},"2793":{},"2794":{},"2795":{},"2796":{},"2797":{},"2798":{},"2799":{},"2800":{},"2801":{},"2802":{},"2803":{},"2804":{},"2805":{},"2806":{},"2807":{},"2808":{},"2809":{},"2810":{},"2811":{},"2812":{},"2813":{},"2814":{},"2815":{},"2816":{},"2817":{},"2818":{},"2819":{}}}],["ipopnonetriggerprops",{"_index":1235,"name":{"2738":{}},"parent":{"2739":{},"2740":{},"2741":{},"2742":{},"2743":{},"2744":{},"2745":{},"2746":{},"2747":{},"2748":{},"2749":{},"2750":{},"2751":{},"2752":{},"2753":{},"2754":{},"2755":{},"2756":{},"2757":{},"2758":{},"2759":{},"2760":{},"2761":{}}}],["ipopoveranchorprops",{"_index":1314,"name":{"3024":{}},"parent":{"3025":{},"3026":{}}}],["ipopoverbeforehook",{"_index":1272,"name":{"2896":{}},"parent":{}}],["ipopoverclicktriggerchildprops",{"_index":1286,"name":{"2957":{}},"parent":{"2958":{}}}],["ipopoverclicktriggerprops",{"_index":1287,"name":{"2959":{}},"parent":{"2960":{},"2961":{},"2962":{},"2963":{}}}],["ipopovercontentimperativehandle",{"_index":1309,"name":{"3009":{}},"parent":{"3010":{}}}],["ipopovercontext",{"_index":1310,"name":{"3011":{}},"parent":{"3012":{},"3013":{},"3014":{},"3015":{},"3016":{},"3017":{},"3018":{},"3019":{},"3020":{},"3021":{}}}],["ipopoverfocustriggerchildprops",{"_index":1295,"name":{"2980":{}},"parent":{"2981":{},"2982":{}}}],["ipopoverfocustriggerprops",{"_index":1296,"name":{"2983":{}},"parent":{"2984":{},"2985":{}}}],["ipopoverhovertriggerchildprops",{"_index":1292,"name":{"2969":{}},"parent":{"2970":{},"2971":{}}}],["ipopoverhovertriggercontext",{"_index":1290,"name":{"2967":{}},"parent":{}}],["ipopoverhovertriggerprops",{"_index":1293,"name":{"2972":{}},"parent":{"2973":{},"2974":{},"2975":{},"2976":{},"2977":{},"2978":{}}}],["ipopoverposition",{"_index":1300,"name":{"2995":{}},"parent":{"2996":{},"2997":{}}}],["ipopoverprops",{"_index":1273,"name":{"2897":{}},"parent":{"2898":{},"2899":{},"2900":{},"2901":{},"2902":{},"2903":{},"2904":{},"2905":{},"2906":{},"2907":{},"2908":{},"2909":{},"2910":{}}}],["ipopoverstate",{"_index":1274,"name":{"2911":{}},"parent":{"2912":{}}}],["ipopovertriggerprops",{"_index":1297,"name":{"2986":{}},"parent":{"2987":{}}}],["ipopprops",{"_index":1262,"name":{"2868":{}},"parent":{}}],["ipopstate",{"_index":1263,"name":{"2869":{}},"parent":{"2870":{},"2871":{}}}],["iportalimperativehandlers",{"_index":1328,"name":{"3067":{}},"parent":{"3068":{},"3069":{},"3070":{}}}],["iportalprops",{"_index":1322,"name":{"3053":{}},"parent":{"3054":{},"3055":{},"3056":{},"3057":{},"3058":{},"3059":{},"3060":{},"3061":{},"3062":{},"3063":{},"3064":{},"3065":{},"3066":{}}}],["ipositionfunction",{"_index":1307,"name":{"3007":{}},"parent":{}}],["ipositionfunctionprops",{"_index":1301,"name":{"2998":{}},"parent":{"2999":{},"3000":{},"3001":{},"3002":{},"3003":{},"3004":{},"3005":{},"3006":{}}}],["ipreviewimageconfig",{"_index":1331,"name":{"3073":{}},"parent":{"3074":{},"3075":{},"3076":{},"3077":{},"3078":{},"3079":{}}}],["iprogressformatfn",{"_index":1338,"name":{"3085":{}},"parent":{"3086":{}}}],["iprogressinfoprops",{"_index":1351,"name":{"3120":{}},"parent":{"3121":{},"3122":{},"3123":{},"3124":{},"3125":{}}}],["iprogressinstanceprops",{"_index":1350,"name":{"3110":{}},"parent":{"3111":{},"3112":{},"3113":{},"3114":{},"3115":{},"3116":{},"3117":{},"3118":{},"3119":{}}}],["iprogressprops",{"_index":1345,"name":{"3095":{}},"parent":{"3096":{},"3097":{},"3098":{},"3099":{},"3100":{},"3101":{},"3102":{},"3103":{},"3104":{},"3105":{},"3106":{},"3107":{},"3108":{},"3109":{}}}],["iprogressstatus",{"_index":1337,"name":{"3084":{}},"parent":{}}],["iprogresstype",{"_index":1336,"name":{"3083":{}},"parent":{}}],["ipromptprops",{"_index":1353,"name":{"3127":{}},"parent":{}}],["ipubliccascaderitem",{"_index":208,"name":{"391":{}},"parent":{"392":{},"393":{},"394":{},"395":{},"396":{},"397":{}}}],["ipureportalprops",{"_index":1316,"name":{"3036":{}},"parent":{"3037":{},"3038":{}}}],["iquarterpickerprops",{"_index":403,"name":{"930":{}},"parent":{"931":{},"932":{},"933":{},"934":{},"935":{},"936":{},"937":{},"938":{},"939":{},"940":{},"941":{},"942":{},"943":{},"944":{},"945":{}}}],["iradioevent",{"_index":1357,"name":{"3131":{}},"parent":{"3132":{}}}],["iradiogroupprops",{"_index":1361,"name":{"3152":{}},"parent":{"3153":{},"3154":{},"3155":{},"3156":{},"3157":{},"3158":{},"3159":{},"3160":{}}}],["iradioprops",{"_index":1358,"name":{"3133":{}},"parent":{"3134":{},"3135":{},"3136":{},"3137":{},"3138":{},"3139":{},"3140":{},"3141":{},"3142":{},"3143":{},"3144":{}}}],["irateprops",{"_index":1363,"name":{"3162":{}},"parent":{"3163":{},"3164":{},"3165":{},"3166":{},"3167":{},"3168":{},"3169":{},"3170":{},"3171":{},"3172":{}}}],["iratestate",{"_index":1367,"name":{"3173":{}},"parent":{"3174":{},"3175":{},"3176":{}}}],["irendererror",{"_index":701,"name":{"1523":{}},"parent":{}}],["isanycolumnsfixed",{"_index":844,"name":{"1784":{}},"parent":{}}],["isanycolumnsleftfixed",{"_index":845,"name":{"1786":{}},"parent":{}}],["isanycolumnsrightfixed",{"_index":846,"name":{"1788":{}},"parent":{}}],["isasyncvalidator",{"_index":744,"name":{"1606":{}},"parent":{}}],["iscompositing",{"_index":557,"name":{"1279":{}},"parent":{}}],["iscontrolled",{"_index":261,"name":{"586":{},"4151":{},"4178":{},"4196":{}},"parent":{}}],["iscrollalertprops",{"_index":38,"name":{"53":{}},"parent":{"54":{},"55":{},"56":{},"57":{},"58":{},"59":{},"60":{},"61":{}}}],["iscurrentstep",{"_index":1472,"name":{"3549":{}},"parent":{}}],["isdivider",{"_index":74,"name":{"117":{},"2293":{},"3204":{},"3219":{}},"parent":{}}],["iselectcommonprops",{"_index":1395,"name":{"3266":{}},"parent":{"3267":{},"3268":{},"3269":{},"3270":{},"3271":{},"3272":{},"3273":{},"3274":{},"3275":{},"3276":{},"3277":{},"3278":{},"3279":{},"3280":{},"3281":{},"3282":{},"3283":{},"3284":{},"3285":{},"3286":{},"3287":{},"3288":{},"3289":{},"3290":{},"3291":{},"3292":{},"3293":{},"3294":{},"3295":{}}}],["iselectitem",{"_index":1389,"name":{"3256":{}},"parent":{"3257":{},"3258":{},"3259":{},"3260":{},"3261":{}}}],["iselectkeywordchangemeta",{"_index":1392,"name":{"3263":{}},"parent":{"3264":{}}}],["iselectmenuitem",{"_index":1377,"name":{"3198":{}},"parent":{"3199":{},"3200":{},"3201":{},"3202":{},"3203":{},"3204":{},"3205":{},"3206":{},"3207":{},"3208":{},"3209":{},"3210":{}}}],["iselectmenunesteditem",{"_index":1378,"name":{"3211":{}},"parent":{"3212":{},"3213":{},"3214":{},"3215":{},"3216":{},"3217":{},"3218":{},"3219":{},"3220":{},"3221":{},"3222":{},"3223":{},"3224":{},"3225":{}}}],["iselectmenuprops",{"_index":1381,"name":{"3226":{}},"parent":{"3227":{},"3228":{},"3229":{},"3230":{},"3231":{},"3232":{},"3233":{},"3234":{}}}],["iselectmenustate",{"_index":1385,"name":{"3235":{}},"parent":{"3236":{}}}],["iselectmultiprops",{"_index":1413,"name":{"3329":{}},"parent":{"3330":{},"3331":{},"3332":{},"3333":{},"3334":{},"3335":{},"3336":{},"3337":{},"3338":{},"3339":{},"3340":{},"3341":{},"3342":{},"3343":{},"3344":{},"3345":{},"3346":{},"3347":{},"3348":{},"3349":{},"3350":{},"3351":{},"3352":{},"3353":{},"3354":{},"3355":{},"3356":{},"3357":{},"3358":{},"3359":{},"3360":{},"3361":{},"3362":{}}}],["iselectprops",{"_index":1415,"name":{"3363":{}},"parent":{}}],["iselectsingleprops",{"_index":1412,"name":{"3296":{}},"parent":{"3297":{},"3298":{},"3299":{},"3300":{},"3301":{},"3302":{},"3303":{},"3304":{},"3305":{},"3306":{},"3307":{},"3308":{},"3309":{},"3310":{},"3311":{},"3312":{},"3313":{},"3314":{},"3315":{},"3316":{},"3317":{},"3318":{},"3319":{},"3320":{},"3321":{},"3322":{},"3323":{},"3324":{},"3325":{},"3326":{},"3327":{},"3328":{}}}],["iselectsize",{"_index":1394,"name":{"3265":{}},"parent":{}}],["iselectstate",{"_index":1416,"name":{"3364":{}},"parent":{"3365":{},"3366":{},"3367":{},"3368":{},"3369":{},"3370":{},"3371":{},"3372":{}}}],["iselecttaglistprops",{"_index":1388,"name":{"3251":{}},"parent":{"3252":{},"3253":{},"3254":{},"3255":{}}}],["iselecttagprops",{"_index":1590,"name":{"3876":{}},"parent":{"3877":{},"3878":{},"3879":{},"3880":{},"3881":{},"3882":{},"3883":{}}}],["isequal",{"_index":1398,"name":{"3270":{},"3303":{},"3337":{},"3376":{}},"parent":{}}],["isexpandable",{"_index":904,"name":{"1881":{}},"parent":{}}],["isexpanded",{"_index":903,"name":{"1880":{}},"parent":{}}],["isfixedlayout",{"_index":866,"name":{"1811":{}},"parent":{}}],["isfolded",{"_index":149,"name":{"255":{},"268":{}},"parent":{}}],["isgroup",{"_index":73,"name":{"116":{},"2292":{},"3203":{},"3218":{}},"parent":{}}],["isingleuploaditemprops",{"_index":1769,"name":{"4386":{}},"parent":{}}],["isingleuploadprops",{"_index":1756,"name":{"4320":{}},"parent":{"4321":{},"4322":{},"4323":{},"4324":{},"4325":{},"4326":{},"4327":{},"4328":{},"4329":{},"4330":{},"4331":{},"4332":{}}}],["isinline",{"_index":1152,"name":{"2409":{},"2425":{}},"parent":{}}],["islast",{"_index":322,"name":{"729":{}},"parent":{}}],["islastfinishstep",{"_index":1473,"name":{"3550":{}},"parent":{}}],["isleaf",{"_index":1659,"name":{"4068":{}},"parent":{}}],["islidercommonprops",{"_index":1444,"name":{"3445":{}},"parent":{"3446":{},"3447":{},"3448":{},"3449":{},"3450":{},"3451":{},"3452":{},"3453":{},"3454":{}}}],["isliderprops",{"_index":1449,"name":{"3481":{}},"parent":{}}],["isliderrangeprops",{"_index":1448,"name":{"3468":{}},"parent":{"3469":{},"3470":{},"3471":{},"3472":{},"3473":{},"3474":{},"3475":{},"3476":{},"3477":{},"3478":{},"3479":{},"3480":{}}}],["islidersingleprops",{"_index":1447,"name":{"3455":{}},"parent":{"3456":{},"3457":{},"3458":{},"3459":{},"3460":{},"3461":{},"3462":{},"3463":{},"3464":{},"3465":{},"3466":{},"3467":{}}}],["isliderstate",{"_index":1450,"name":{"3482":{}},"parent":{"3483":{},"3484":{},"3485":{},"3486":{}}}],["ismouseenter",{"_index":1514,"name":{"3671":{}},"parent":{}}],["ismoving",{"_index":158,"name":{"274":{}},"parent":{}}],["isortableprops",{"_index":1453,"name":{"3488":{}},"parent":{"3489":{},"3490":{},"3491":{},"3492":{},"3493":{},"3494":{},"3495":{}}}],["isplitbuttonprops",{"_index":1461,"name":{"3509":{}},"parent":{"3510":{},"3511":{},"3512":{},"3513":{},"3514":{},"3515":{},"3516":{},"3517":{},"3518":{},"3519":{},"3520":{},"3521":{},"3522":{}}}],["ispositionready",{"_index":1283,"name":{"2941":{}},"parent":{}}],["isrequiredvalidator",{"_index":575,"name":{"1352":{}},"parent":{}}],["isroot",{"_index":1685,"name":{"4105":{}},"parent":{}}],["isselectcontrolled",{"_index":1694,"name":{"4127":{}},"parent":{}}],["isshowdropdown",{"_index":1469,"name":{"3540":{}},"parent":{}}],["issingleselection",{"_index":898,"name":{"1874":{}},"parent":{}}],["isswiping",{"_index":1513,"name":{"3670":{}},"parent":{}}],["istatusbarprops",{"_index":1593,"name":{"3886":{}},"parent":{"3887":{},"3888":{},"3889":{},"3890":{},"3891":{},"3892":{},"3893":{},"3894":{},"3895":{},"3896":{},"3897":{},"3898":{},"3899":{},"3900":{},"3901":{}}}],["istepprops",{"_index":1471,"name":{"3545":{}},"parent":{"3546":{},"3547":{},"3548":{},"3549":{},"3550":{},"3551":{},"3552":{},"3553":{},"3554":{},"3555":{}}}],["istepsprops",{"_index":1477,"name":{"3556":{}},"parent":{"3557":{},"3558":{},"3559":{},"3560":{},"3561":{},"3562":{},"3563":{},"3564":{}}}],["istouched",{"_index":556,"name":{"1278":{}},"parent":{}}],["isubmenuprops",{"_index":1154,"name":{"2419":{}},"parent":{"2420":{},"2421":{},"2422":{},"2423":{},"2424":{},"2425":{},"2426":{},"2427":{},"2428":{},"2429":{},"2430":{},"2431":{},"2432":{},"2433":{},"2434":{}}}],["isubmenustate",{"_index":1157,"name":{"2435":{}},"parent":{"2436":{}}}],["isvalidnewoption",{"_index":1406,"name":{"3289":{},"3322":{},"3356":{},"3382":{}},"parent":{}}],["isvalueempty",{"_index":821,"name":{"1756":{},"1862":{}},"parent":{}}],["isvalueequal",{"_index":267,"name":{"597":{},"606":{},"3157":{}},"parent":{}}],["isviewdrivenprops",{"_index":705,"name":{"1537":{}},"parent":{}}],["iswiperprops",{"_index":1489,"name":{"3620":{}},"parent":{"3621":{},"3622":{},"3623":{},"3624":{},"3625":{},"3626":{},"3627":{},"3628":{},"3629":{},"3630":{},"3631":{},"3634":{},"3635":{},"3636":{},"3637":{},"3638":{},"3639":{}}}],["iswiperprops.__type",{"_index":1499,"name":{},"parent":{"3632":{},"3633":{}}}],["iswiperstate",{"_index":1505,"name":{"3640":{}},"parent":{"3641":{},"3642":{}}}],["iswitchprops",{"_index":1530,"name":{"3697":{}},"parent":{"3698":{},"3699":{},"3700":{},"3701":{},"3702":{},"3703":{},"3704":{},"3705":{}}}],["isyncvalidator",{"_index":567,"name":{"1342":{}},"parent":{"1343":{}}}],["itab",{"_index":1549,"name":{"3736":{}},"parent":{"3737":{},"3738":{},"3739":{},"3740":{},"3741":{},"3742":{}}}],["itabnavstate",{"_index":1579,"name":{"3825":{}},"parent":{"3826":{}}}],["itaboverflowmode",{"_index":1558,"name":{"3758":{}},"parent":{}}],["itabpanelelement",{"_index":1562,"name":{"3769":{}},"parent":{}}],["itabpanelprops",{"_index":1559,"name":{"3759":{}},"parent":{"3760":{},"3761":{},"3762":{},"3763":{},"3764":{},"3765":{},"3766":{},"3767":{}}}],["itabprops",{"_index":1581,"name":{"3831":{}},"parent":{"3832":{},"3833":{},"3834":{},"3835":{},"3836":{},"3837":{},"3838":{},"3839":{},"3840":{}}}],["itabscascaderprops",{"_index":258,"name":{"553":{}},"parent":{"554":{},"555":{},"556":{},"557":{},"558":{},"559":{},"560":{},"561":{},"562":{},"563":{},"564":{},"565":{},"566":{},"567":{},"568":{},"569":{},"570":{}}}],["itabsnavprops",{"_index":1578,"name":{"3809":{}},"parent":{"3810":{},"3811":{},"3812":{},"3813":{},"3814":{},"3815":{},"3816":{},"3817":{},"3818":{},"3819":{},"3820":{},"3821":{},"3822":{},"3823":{},"3824":{}}}],["itabsprops",{"_index":1567,"name":{"3778":{}},"parent":{"3779":{},"3780":{},"3781":{},"3782":{},"3783":{},"3784":{},"3785":{},"3786":{},"3787":{},"3788":{},"3789":{},"3790":{},"3791":{},"3792":{},"3793":{},"3794":{},"3795":{},"3796":{}}}],["itagprops",{"_index":1583,"name":{"3856":{}},"parent":{"3857":{},"3858":{},"3859":{},"3860":{},"3861":{},"3862":{},"3863":{},"3864":{},"3865":{},"3866":{}}}],["item",{"_index":155,"name":{"264":{},"2073":{},"3983":{},"4236":{},"4379":{}},"parent":{}}],["items",{"_index":83,"name":{"127":{},"1970":{},"2074":{},"3200":{},"3214":{},"3229":{},"3236":{},"3491":{}},"parent":{}}],["itextareaprops",{"_index":1048,"name":{"2178":{}},"parent":{"2179":{},"2180":{},"2181":{},"2182":{},"2183":{},"2184":{},"2185":{},"2186":{},"2187":{},"2188":{},"2189":{},"2190":{},"2191":{},"2192":{},"2193":{}}}],["itextmarkprops",{"_index":1599,"name":{"3909":{}},"parent":{"3910":{},"3911":{},"3912":{},"3913":{},"3914":{},"3915":{},"3916":{},"3917":{},"3918":{},"3919":{},"3920":{},"3921":{},"3922":{},"3923":{},"3924":{},"3925":{}}}],["itimelinearrayitem",{"_index":1622,"name":{"3956":{}},"parent":{"3957":{},"3958":{},"3959":{},"3960":{},"3961":{},"3962":{},"3963":{},"3964":{},"3965":{},"3966":{},"3967":{},"3968":{},"3969":{}}}],["itimelineitemprops",{"_index":1612,"name":{"3926":{}},"parent":{"3927":{},"3928":{},"3929":{},"3930":{},"3931":{},"3932":{},"3933":{},"3934":{},"3935":{},"3936":{},"3937":{}}}],["itimelineprops",{"_index":1623,"name":{"3970":{}},"parent":{"3971":{},"3972":{},"3973":{},"3974":{},"3975":{}}}],["itimepickerprops",{"_index":405,"name":{"947":{}},"parent":{}}],["itimerangepickerprops",{"_index":407,"name":{"949":{}},"parent":{"950":{},"951":{},"952":{},"953":{},"954":{},"955":{},"956":{},"957":{},"958":{},"959":{},"960":{},"961":{},"962":{},"963":{},"964":{},"965":{},"966":{},"967":{},"968":{},"969":{}}}],["itooltipbaseprops",{"_index":1628,"name":{"3989":{}},"parent":{"3990":{},"3991":{},"3992":{},"3993":{},"3994":{},"3995":{},"3996":{},"3997":{},"3998":{},"3999":{},"4000":{}}}],["itransferarrowbutton",{"_index":1645,"name":{"4043":{}},"parent":{"4044":{},"4045":{},"4046":{},"4047":{}}}],["itransferdata",{"_index":1633,"name":{"4020":{}},"parent":{"4021":{}}}],["itransferdirectionchangeprops",{"_index":1635,"name":{"4023":{}},"parent":{"4024":{},"4025":{},"4026":{},"4027":{}}}],["itransferhookparams",{"_index":1646,"name":{"4048":{}},"parent":{"4049":{},"4050":{},"4051":{}}}],["itransferhookresult",{"_index":1648,"name":{"4052":{}},"parent":{"4053":{},"4054":{},"4055":{},"4056":{},"4057":{},"4058":{}}}],["itransferitem",{"_index":1639,"name":{"4028":{}},"parent":{"4029":{},"4030":{},"4031":{},"4032":{},"4033":{},"4034":{},"4035":{},"4036":{},"4037":{},"4038":{},"4039":{},"4040":{},"4041":{}}}],["itreedata",{"_index":1657,"name":{"4066":{}},"parent":{"4067":{},"4068":{}}}],["itreeoncheckhelpinfo",{"_index":1664,"name":{"4076":{}},"parent":{"4077":{},"4078":{},"4079":{},"4080":{},"4081":{}}}],["itreeoperation",{"_index":1662,"name":{"4071":{}},"parent":{"4072":{},"4073":{},"4074":{},"4075":{}}}],["itreeprops",{"_index":1669,"name":{"4082":{}},"parent":{"4083":{},"4084":{},"4085":{},"4086":{},"4087":{},"4088":{},"4089":{},"4090":{},"4091":{},"4092":{},"4093":{},"4094":{},"4095":{},"4096":{},"4097":{},"4098":{},"4099":{},"4100":{},"4101":{},"4102":{},"4103":{},"4104":{},"4105":{}}}],["itreerenderkey",{"_index":1655,"name":{"4061":{}},"parent":{"4062":{},"4063":{},"4064":{},"4065":{}}}],["itreerootinfomap",{"_index":1660,"name":{"4069":{}},"parent":{}}],["itreesize",{"_index":1661,"name":{"4070":{}},"parent":{}}],["itreestate",{"_index":1686,"name":{"4106":{}},"parent":{"4107":{},"4108":{},"4109":{},"4110":{},"4111":{},"4112":{},"4113":{},"4114":{},"4115":{}}}],["iuploadchangedetail",{"_index":1729,"name":{"4235":{}},"parent":{"4236":{},"4237":{}}}],["iuploaderrormessageconfigmap",{"_index":1731,"name":{"4240":{}},"parent":{"4241":{},"4242":{},"4245":{},"4246":{}}}],["iuploaderrormessageconfigmap.__type",{"_index":1734,"name":{},"parent":{"4243":{},"4244":{},"4247":{}}}],["iuploadfileitem",{"_index":1723,"name":{"4216":{}},"parent":{"4217":{},"4218":{},"4219":{},"4220":{},"4221":{},"4222":{}}}],["iuploadfileiteminner",{"_index":1727,"name":{"4232":{}},"parent":{}}],["iuploaditemprops",{"_index":1767,"name":{"4378":{}},"parent":{"4379":{},"4380":{},"4381":{},"4382":{},"4383":{},"4384":{}}}],["iuploadlistprops",{"_index":1764,"name":{"4358":{}},"parent":{"4359":{},"4360":{},"4361":{},"4362":{},"4363":{},"4364":{},"4365":{},"4366":{},"4367":{}}}],["iuploadonchangehandler",{"_index":1728,"name":{"4233":{}},"parent":{"4234":{}}}],["iuploadonerrorhandler",{"_index":1738,"name":{"4248":{}},"parent":{"4249":{}}}],["iuploadonuploadhandler",{"_index":1730,"name":{"4238":{}},"parent":{"4239":{}}}],["iuploadprops",{"_index":1751,"name":{"4282":{}},"parent":{"4283":{},"4284":{},"4285":{},"4286":{},"4287":{},"4288":{},"4289":{},"4290":{},"4291":{},"4292":{},"4293":{},"4294":{},"4295":{},"4296":{},"4297":{},"4298":{},"4299":{},"4300":{}}}],["iuploadtipconfig",{"_index":1739,"name":{"4250":{}},"parent":{}}],["iuploadtipsfunc",{"_index":1740,"name":{"4251":{}},"parent":{"4252":{}}}],["iuseimecompositionresult",{"_index":1010,"name":{"2111":{}},"parent":{"2112":{},"2113":{},"2114":{},"2115":{}}}],["ivalidateresult",{"_index":630,"name":{"1438":{}},"parent":{"1439":{},"1440":{},"1441":{},"1442":{}}}],["ivalidator",{"_index":571,"name":{"1348":{}},"parent":{}}],["ivalidators",{"_index":572,"name":{"1349":{}},"parent":{}}],["ivaluetype",{"_index":351,"name":{"798":{}},"parent":{}}],["ivaluetyperangemap",{"_index":352,"name":{"799":{}},"parent":{"800":{},"801":{},"802":{}}}],["iverticaldivide",{"_index":1543,"name":{"3730":{}},"parent":{"3731":{}}}],["iverticalinnertab",{"_index":1556,"name":{"3756":{}},"parent":{}}],["iverticaltab",{"_index":1551,"name":{"3743":{}},"parent":{}}],["iverticaltabpanelprops",{"_index":1561,"name":{"3768":{}},"parent":{}}],["iverticaltabsnavprops",{"_index":1580,"name":{"3827":{}},"parent":{"3828":{},"3829":{},"3830":{}}}],["iverticaltabsprops",{"_index":1574,"name":{"3797":{}},"parent":{"3798":{},"3799":{},"3800":{},"3801":{},"3802":{},"3803":{},"3804":{},"3805":{}}}],["iwaypointbounds",{"_index":1777,"name":{"4394":{}},"parent":{"4395":{},"4396":{},"4397":{},"4398":{}}}],["iwaypointcallbackdata",{"_index":1782,"name":{"4399":{}},"parent":{"4400":{},"4401":{},"4402":{},"4403":{},"4404":{},"4405":{},"4406":{}}}],["iwaypointprops",{"_index":1786,"name":{"4407":{}},"parent":{"4408":{},"4409":{},"4410":{},"4411":{},"4412":{},"4413":{},"4414":{},"4415":{},"4416":{}}}],["iweekpickerprops",{"_index":417,"name":{"979":{}},"parent":{"980":{},"981":{},"982":{},"983":{},"984":{},"985":{},"986":{},"987":{},"988":{},"989":{},"990":{},"991":{},"992":{},"993":{},"994":{},"995":{},"996":{}}}],["iwindoweventhandlerprops",{"_index":512,"name":{"1193":{}},"parent":{"1194":{},"1195":{},"1196":{}}}],["iwindowresizehandlerdelta",{"_index":513,"name":{"1197":{}},"parent":{"1198":{},"1199":{}}}],["iwindowresizehandlerprops",{"_index":516,"name":{"1200":{}},"parent":{"1201":{},"1202":{}}}],["iwindowscrollhandler",{"_index":520,"name":{"1204":{}},"parent":{"1205":{},"1206":{},"1207":{}}}],["iwitherrorboundaryoption",{"_index":501,"name":{"1178":{}},"parent":{"1179":{},"1180":{},"1181":{}}}],["iwithlength",{"_index":582,"name":{"1361":{}},"parent":{}}],["iyearpickerprops",{"_index":420,"name":{"998":{}},"parent":{"999":{},"1000":{},"1001":{},"1002":{},"1003":{},"1004":{},"1005":{},"1006":{},"1007":{},"1008":{},"1009":{},"1010":{},"1011":{},"1012":{},"1013":{}}}],["jajplocale",{"_index":928,"name":{"1937":{}},"parent":{"1938":{},"1939":{},"1940":{},"1941":{},"1942":{},"1943":{},"1944":{},"1945":{},"1946":{},"1947":{},"1948":{},"1949":{},"1950":{},"1951":{},"1952":{},"1953":{},"1954":{}}}],["jumpto",{"_index":938,"name":{"1966":{}},"parent":{}}],["justify",{"_index":1064,"name":{"2224":{},"2230":{}},"parent":{}}],["key",{"_index":811,"name":{"1741":{},"2404":{},"2420":{},"3257":{},"3737":{},"3749":{}},"parent":{}}],["keyname",{"_index":1640,"name":{"4031":{}},"parent":{}}],["keyword",{"_index":1396,"name":{"3267":{},"3300":{},"3334":{},"3367":{}},"parent":{}}],["label",{"_index":209,"name":{"393":{},"402":{},"1469":{},"1626":{},"1636":{},"3933":{},"3965":{}},"parent":{}}],["labelstyle",{"_index":277,"name":{"630":{},"648":{}},"parent":{}}],["lastmouseposition",{"_index":457,"name":{"1107":{}},"parent":{}}],["lastpagehelp",{"_index":1191,"name":{"2593":{},"2664":{}},"parent":{}}],["lastscrollleft",{"_index":837,"name":{"1776":{}},"parent":{}}],["lastscrolltop",{"_index":838,"name":{"1777":{}},"parent":{}}],["layer",{"_index":1323,"name":{"3055":{}},"parent":{}}],["layout",{"_index":714,"name":{"1549":{}},"parent":{}}],["layoutbreakpoint",{"_index":1078,"name":{"2260":{}},"parent":{"2261":{},"2262":{},"2263":{},"2264":{},"2265":{},"2266":{},"2267":{}}}],["layoutbreakpointname",{"_index":1086,"name":{"2268":{}},"parent":{}}],["layoutcol",{"_index":1071,"name":{"2241":{}},"parent":{"2242":{},"2243":{},"2246":{},"2247":{},"2248":{}}}],["layoutcol.__type",{"_index":1072,"name":{},"parent":{"2244":{},"2245":{}}}],["layoutconfigprovider",{"_index":1062,"name":{"2221":{}},"parent":{}}],["layoutfn",{"_index":1196,"name":{"2605":{},"2625":{},"2646":{},"2675":{}},"parent":{}}],["layoutgrid",{"_index":1074,"name":{"2252":{}},"parent":{"2253":{},"2254":{},"2255":{},"2257":{},"2258":{},"2259":{}}}],["layoutgrid.__type",{"_index":1076,"name":{},"parent":{"2256":{}}}],["layoutrow",{"_index":1066,"name":{"2227":{}},"parent":{"2228":{},"2229":{},"2232":{},"2233":{},"2234":{}}}],["layoutrow.__type",{"_index":1067,"name":{},"parent":{"2230":{},"2231":{}}}],["left",{"_index":1498,"name":{"3632":{},"3658":{}},"parent":{}}],["leftbody",{"_index":832,"name":{"1771":{}},"parent":{}}],["leftcontent",{"_index":141,"name":{"238":{}},"parent":{}}],["legend",{"_index":1626,"name":{"3984":{}},"parent":{}}],["length",{"_index":583,"name":{"1362":{}},"parent":{}}],["lg",{"_index":1082,"name":{"2264":{},"2275":{}},"parent":{}}],["limit",{"_index":243,"name":{"444":{},"474":{},"506":{},"538":{},"2061":{}},"parent":{}}],["linecolor",{"_index":1615,"name":{"3931":{},"3943":{},"3963":{}},"parent":{}}],["lineheight",{"_index":246,"name":{"447":{},"477":{},"509":{},"532":{}},"parent":{}}],["lines",{"_index":284,"name":{"655":{}},"parent":{}}],["linespacing",{"_index":1222,"name":{"2698":{},"2702":{},"2720":{},"2737":{}},"parent":{}}],["link",{"_index":474,"name":{"1132":{},"1137":{},"2285":{}},"parent":{}}],["linkiconstyle",{"_index":1588,"name":{"3869":{}},"parent":{}}],["links",{"_index":485,"name":{"1148":{}},"parent":{}}],["linktag",{"_index":1589,"name":{"3875":{}},"parent":{}}],["list",{"_index":229,"name":{"428":{},"3252":{},"4038":{}},"parent":{}}],["listener",{"_index":508,"name":{"1188":{},"1195":{}},"parent":{}}],["litepagination",{"_index":1208,"name":{"2636":{}},"parent":{"2637":{},"2638":{},"2644":{},"2645":{},"2646":{},"2647":{},"2648":{},"2649":{},"2650":{},"2651":{},"2652":{},"2653":{},"2654":{},"2655":{},"2656":{}}}],["litepagination.__type",{"_index":1209,"name":{},"parent":{"2639":{},"2640":{},"2641":{},"2642":{},"2643":{}}}],["loadchildren",{"_index":225,"name":{"423":{}},"parent":{}}],["loadchildrenonexpand",{"_index":210,"name":{"396":{},"404":{}},"parent":{}}],["loadchildrenonscroll",{"_index":211,"name":{"397":{},"405":{},"438":{},"468":{},"500":{},"535":{}},"parent":{}}],["loader",{"_index":1024,"name":{"2132":{}},"parent":{}}],["loading",{"_index":26,"name":{"27":{},"46":{},"56":{},"66":{},"306":{},"345":{},"360":{},"370":{},"1712":{},"2008":{},"2306":{},"3286":{},"3319":{},"3353":{},"3389":{},"3513":{},"3703":{},"3896":{}},"parent":{}}],["loadingnode",{"_index":1692,"name":{"4114":{}},"parent":{}}],["loadingprops",{"_index":800,"name":{"1730":{}},"parent":{}}],["loadmore",{"_index":1021,"name":{"2129":{},"4104":{}},"parent":{}}],["loadoptions",{"_index":235,"name":{"435":{},"465":{},"497":{},"556":{}},"parent":{}}],["localemark",{"_index":1000,"name":{"2081":{}},"parent":{}}],["lunarvalueformatter",{"_index":377,"name":{"825":{},"875":{}},"parent":{}}],["makechangehandler",{"_index":609,"name":{"1388":{}},"parent":{}}],["manualupload",{"_index":1747,"name":{"4264":{},"4280":{},"4299":{},"4318":{},"4331":{}},"parent":{}}],["marginleft",{"_index":809,"name":{"1739":{}},"parent":{}}],["mark",{"_index":915,"name":{"1902":{},"1920":{},"1938":{},"2083":{}},"parent":{}}],["markforrequired",{"_index":574,"name":{"1351":{}},"parent":{}}],["marks",{"_index":1446,"name":{"3454":{},"3467":{},"3480":{}},"parent":{}}],["mask",{"_index":447,"name":{"1066":{},"1077":{},"1098":{}},"parent":{}}],["maskclosable",{"_index":448,"name":{"1067":{},"1078":{},"1099":{},"3599":{},"3613":{}},"parent":{}}],["max",{"_index":432,"name":{"1032":{},"1043":{},"1354":{},"2080":{},"2518":{},"2545":{},"2557":{},"3433":{},"3447":{},"3460":{},"3473":{}},"parent":{}}],["maxamount",{"_index":1737,"name":{"4247":{},"4271":{},"4290":{},"4309":{},"4340":{}},"parent":{}}],["maxcharactercount",{"_index":1051,"name":{"2183":{}},"parent":{}}],["maxcount",{"_index":128,"name":{"210":{},"221":{}},"parent":{}}],["maxitemcount",{"_index":147,"name":{"252":{}},"parent":{}}],["maxlength",{"_index":580,"name":{"1359":{}},"parent":{}}],["maxline",{"_index":245,"name":{"446":{},"476":{},"508":{},"531":{}},"parent":{}}],["maxsize",{"_index":1733,"name":{"4243":{},"4261":{},"4277":{},"4296":{},"4315":{},"4328":{},"4339":{}},"parent":{}}],["md",{"_index":1083,"name":{"2265":{},"2276":{}},"parent":{}}],["mention",{"_index":924,"name":{"1915":{},"1933":{},"1951":{},"2097":{},"2312":{}},"parent":{"2313":{},"2314":{},"2321":{},"2322":{},"2323":{},"2324":{},"2325":{},"2326":{},"2331":{},"2332":{},"2333":{},"2334":{},"2335":{},"2336":{},"2337":{},"2338":{},"2339":{},"2340":{},"2341":{},"2342":{},"2343":{},"2344":{},"2345":{},"2346":{},"2347":{},"2348":{},"2349":{},"2350":{},"2351":{},"2352":{},"2353":{},"2354":{}}}],["mention.__type",{"_index":1105,"name":{},"parent":{"2315":{},"2316":{},"2317":{},"2318":{},"2319":{},"2320":{},"2327":{},"2328":{},"2329":{},"2330":{}}}],["menu",{"_index":1142,"name":{"2382":{}},"parent":{"2383":{},"2384":{},"2385":{},"2386":{},"2394":{},"2395":{},"2396":{},"2397":{},"2398":{},"2399":{},"2400":{},"2401":{},"2402":{}}}],["menu.__type",{"_index":1145,"name":{},"parent":{"2387":{},"2388":{},"2389":{},"2390":{},"2391":{},"2392":{},"2393":{}}}],["menucascader",{"_index":255,"name":{"523":{}},"parent":{"524":{},"525":{},"546":{},"547":{},"548":{},"549":{},"550":{},"551":{},"552":{}}}],["menucascader.__type",{"_index":256,"name":{},"parent":{"526":{},"527":{},"528":{},"529":{},"530":{},"531":{},"532":{},"533":{},"534":{},"535":{},"536":{},"537":{},"538":{},"539":{},"540":{},"541":{},"542":{},"543":{},"544":{},"545":{}}}],["menuitem",{"_index":1143,"name":{"2383":{},"2414":{}},"parent":{"2415":{},"2416":{},"2417":{},"2418":{}}}],["message",{"_index":587,"name":{"1365":{},"1440":{}},"parent":{}}],["middleware",{"_index":607,"name":{"1386":{}},"parent":{}}],["min",{"_index":431,"name":{"1031":{},"1042":{},"1353":{},"2079":{},"2493":{},"2517":{},"2544":{},"2556":{},"3432":{},"3446":{},"3459":{},"3472":{}},"parent":{}}],["minipagination",{"_index":1211,"name":{"2667":{}},"parent":{"2668":{},"2669":{},"2673":{},"2674":{},"2675":{},"2676":{},"2677":{},"2678":{},"2679":{},"2680":{},"2681":{},"2682":{},"2683":{},"2684":{},"2685":{}}}],["minipagination.__type",{"_index":1212,"name":{},"parent":{"2670":{},"2671":{},"2672":{}}}],["minlength",{"_index":579,"name":{"1358":{}},"parent":{}}],["minute",{"_index":978,"name":{"2039":{}},"parent":{}}],["minuteselect",{"_index":981,"name":{"2043":{}},"parent":{}}],["minutestep",{"_index":393,"name":{"860":{},"961":{}},"parent":{}}],["mode",{"_index":292,"name":{"663":{},"2356":{},"2362":{},"2376":{},"2389":{}},"parent":{}}],["model",{"_index":565,"name":{"1340":{},"1445":{},"1532":{},"1655":{}},"parent":{}}],["modelref",{"_index":650,"name":{"1464":{},"1653":{},"1660":{},"1669":{}},"parent":{}}],["models",{"_index":768,"name":{"1676":{}},"parent":{}}],["monday",{"_index":411,"name":{"973":{}},"parent":{}}],["month",{"_index":965,"name":{"2018":{},"2034":{}},"parent":{}}],["monthnames",{"_index":987,"name":{"2049":{}},"parent":{}}],["monthpicker",{"_index":402,"name":{"929":{}},"parent":{}}],["mounted",{"_index":823,"name":{"1761":{}},"parent":{}}],["mouseenterdelay",{"_index":1253,"name":{"2791":{},"2880":{}},"parent":{}}],["mouseleavedelay",{"_index":1254,"name":{"2792":{},"2879":{}},"parent":{}}],["mouseoverrowindex",{"_index":802,"name":{"1732":{}},"parent":{}}],["mouseposition",{"_index":1620,"name":{"3947":{}},"parent":{}}],["movefocusindexdown",{"_index":110,"name":{"171":{},"3246":{}},"parent":{}}],["movefocusindexup",{"_index":111,"name":{"172":{},"3247":{}},"parent":{}}],["multi",{"_index":598,"name":{"1377":{}},"parent":{}}],["multiline",{"_index":1100,"name":{"2300":{},"2315":{}},"parent":{}}],["multiple",{"_index":248,"name":{"461":{},"491":{},"529":{},"3297":{},"3330":{},"3387":{},"4270":{},"4289":{},"4308":{},"4341":{},"4348":{}},"parent":{}}],["multipletype",{"_index":244,"name":{"445":{},"475":{},"507":{},"530":{}},"parent":{}}],["name",{"_index":168,"name":{"289":{},"834":{},"849":{},"882":{},"902":{},"920":{},"937":{},"952":{},"988":{},"1005":{},"1439":{},"1525":{},"1662":{},"1743":{},"1849":{},"2604":{},"2624":{},"2645":{},"2674":{},"4072":{},"4219":{},"4228":{}},"parent":{}}],["names",{"_index":767,"name":{"1675":{}},"parent":{}}],["navextracontent",{"_index":1571,"name":{"3783":{},"3813":{}},"parent":{}}],["needsort",{"_index":813,"name":{"1747":{},"1853":{}},"parent":{}}],["next",{"_index":946,"name":{"1975":{},"3681":{}},"parent":{}}],["nocontent",{"_index":996,"name":{"2070":{}},"parent":{}}],["none",{"_index":706,"name":{"1539":{}},"parent":{}}],["normalcolor",{"_index":1347,"name":{"3098":{}},"parent":{}}],["normalize",{"_index":647,"name":{"1460":{}},"parent":{}}],["normalizebeforeblur",{"_index":648,"name":{"1461":{}},"parent":{}}],["normalizebeforesubmit",{"_index":544,"name":{"1240":{},"1280":{},"1311":{},"1396":{},"1406":{},"1414":{},"1423":{},"1432":{},"1530":{},"1663":{}},"parent":{}}],["notfoundcontent",{"_index":1399,"name":{"3272":{},"3305":{},"3339":{}},"parent":{}}],["notice",{"_index":642,"name":{"1454":{},"2437":{},"2438":{}},"parent":{"2439":{},"2440":{},"2441":{}}}],["notify",{"_index":1162,"name":{"2453":{}},"parent":{"2454":{}}}],["notify.__type",{"_index":1163,"name":{},"parent":{"2455":{},"2456":{},"2457":{},"2458":{},"2459":{},"2460":{},"2461":{},"2462":{},"2463":{},"2464":{},"2465":{},"2466":{}}}],["nowrap",{"_index":819,"name":{"1753":{},"1754":{},"1859":{},"1860":{}},"parent":{}}],["nulloption",{"_index":1384,"name":{"3234":{},"3242":{}},"parent":{}}],["nulloptioncontent",{"_index":1383,"name":{"3233":{}},"parent":{}}],["number",{"_index":354,"name":{"801":{}},"parent":{}}],["numberinput",{"_index":926,"name":{"1918":{},"1936":{},"1954":{},"2099":{},"2565":{}},"parent":{"2566":{},"2567":{},"2572":{},"2573":{},"2574":{},"2575":{},"2576":{},"2577":{},"2578":{},"2579":{},"2580":{},"2581":{},"2582":{},"2583":{},"2584":{}}}],["numberinput.__type",{"_index":1183,"name":{},"parent":{"2568":{},"2569":{},"2570":{},"2571":{}}}],["observe",{"_index":306,"name":{"683":{}},"parent":{}}],["offset",{"_index":131,"name":{"213":{},"2237":{},"2244":{}},"parent":{}}],["offsetbottom",{"_index":4,"name":{"4":{}},"parent":{}}],["offsettop",{"_index":3,"name":{"3":{},"1142":{}},"parent":{}}],["offsetx",{"_index":711,"name":{"1546":{}},"parent":{}}],["offsety",{"_index":712,"name":{"1547":{}},"parent":{}}],["ok",{"_index":932,"name":{"1958":{},"1992":{},"1999":{},"2011":{},"2052":{},"2066":{}},"parent":{}}],["onadd",{"_index":1569,"name":{"3780":{},"3816":{}},"parent":{}}],["onaddfile",{"_index":1759,"name":{"4342":{}},"parent":{}}],["onbeforeclose",{"_index":1241,"name":{"2749":{},"2776":{},"2807":{},"2832":{},"2855":{},"2903":{}},"parent":{}}],["onbeforeshow",{"_index":1240,"name":{"2748":{},"2775":{},"2806":{},"2831":{},"2854":{},"2902":{}},"parent":{}}],["onblur",{"_index":653,"name":{"1473":{},"1643":{},"2214":{},"2308":{},"2982":{}},"parent":{}}],["onbreakpointchange",{"_index":1077,"name":{"2258":{}},"parent":{}}],["oncancel",{"_index":1246,"name":{"2759":{},"2786":{},"2817":{},"2842":{},"2865":{},"3602":{},"3616":{}},"parent":{}}],["oncellclick",{"_index":817,"name":{"1751":{},"1857":{}},"parent":{}}],["onchange",{"_index":84,"name":{"128":{},"463":{},"493":{},"555":{},"600":{},"627":{},"645":{},"693":{},"701":{},"716":{},"725":{},"752":{},"760":{},"843":{},"852":{},"890":{},"911":{},"928":{},"945":{},"955":{},"996":{},"1013":{},"1023":{},"1145":{},"1474":{},"1642":{},"1704":{},"1781":{},"2113":{},"2169":{},"2184":{},"2298":{},"2490":{},"2516":{},"2592":{},"2663":{},"3140":{},"3156":{},"3163":{},"3299":{},"3332":{},"3458":{},"3471":{},"3493":{},"3636":{},"3699":{},"3771":{},"3787":{},"3799":{},"3807":{},"3820":{},"3829":{},"3878":{},"4047":{},"4198":{},"4269":{},"4288":{},"4307":{},"4322":{},"4349":{}},"parent":{}}],["onchangepanel",{"_index":375,"name":{"823":{}},"parent":{}}],["oncheck",{"_index":1672,"name":{"4086":{}},"parent":{}}],["oncheckboxchange",{"_index":272,"name":{"614":{}},"parent":{}}],["onclear",{"_index":265,"name":{"592":{},"3420":{}},"parent":{}}],["onclick",{"_index":71,"name":{"113":{},"291":{},"337":{},"591":{},"779":{},"2357":{},"2371":{},"2377":{},"2387":{},"2408":{},"2426":{},"2958":{},"3025":{},"3192":{},"3205":{},"3220":{},"3521":{}},"parent":{}}],["onclose",{"_index":19,"name":{"19":{},"38":{},"58":{},"829":{},"857":{},"877":{},"897":{},"915":{},"932":{},"951":{},"983":{},"1000":{},"1057":{},"1076":{},"1090":{},"1108":{},"2448":{},"2747":{},"2774":{},"2805":{},"2830":{},"2853":{},"2901":{},"3061":{},"3603":{},"3617":{},"3861":{},"3870":{},"3879":{},"3893":{}},"parent":{}}],["onclosed",{"_index":450,"name":{"1069":{},"1083":{}},"parent":{}}],["onclosemenulist",{"_index":1113,"name":{"2337":{}},"parent":{}}],["oncompositionend",{"_index":613,"name":{"1391":{},"1471":{},"1645":{},"2115":{}},"parent":{}}],["oncompositionstart",{"_index":611,"name":{"1390":{},"1472":{},"1644":{},"2114":{}},"parent":{}}],["onconfirm",{"_index":1245,"name":{"2758":{},"2785":{},"2816":{},"2841":{},"2864":{},"3595":{},"3609":{}},"parent":{}}],["oncontainerrefchange",{"_index":303,"name":{"680":{}},"parent":{}}],["oncopy",{"_index":345,"name":{"789":{}},"parent":{}}],["oncopycallback",{"_index":344,"name":{"788":{}},"parent":{}}],["oncopyerror",{"_index":341,"name":{"781":{},"786":{}},"parent":{}}],["oncopysuccess",{"_index":340,"name":{"780":{},"785":{}},"parent":{}}],["oncreate",{"_index":1405,"name":{"3288":{},"3321":{},"3355":{}},"parent":{}}],["oncreateclick",{"_index":1436,"name":{"3421":{}},"parent":{}}],["ondelete",{"_index":1568,"name":{"3779":{},"3810":{},"3834":{},"4354":{},"4364":{},"4374":{},"4383":{}},"parent":{}}],["onenter",{"_index":1792,"name":{"4414":{}},"parent":{}}],["onerror",{"_index":492,"name":{"1155":{},"1175":{},"1181":{},"4260":{},"4276":{},"4295":{},"4314":{},"4327":{},"4343":{}},"parent":{}}],["onexited",{"_index":458,"name":{"1109":{}},"parent":{}}],["onexpand",{"_index":791,"name":{"1720":{},"4089":{}},"parent":{}}],["onexpandchange",{"_index":1137,"name":{"2367":{}},"parent":{}}],["onfirstchildref",{"_index":51,"name":{"79":{}},"parent":{}}],["onfixedchange",{"_index":1548,"name":{"3735":{},"3755":{},"3796":{},"3824":{},"3840":{}},"parent":{}}],["onfocus",{"_index":1058,"name":{"2213":{},"2981":{}},"parent":{}}],["onhover",{"_index":1373,"name":{"3190":{}},"parent":{}}],["oniconclick",{"_index":1047,"name":{"2170":{},"2481":{},"2507":{},"2533":{}},"parent":{}}],["onindexchange",{"_index":1433,"name":{"3415":{}},"parent":{}}],["oninput",{"_index":1173,"name":{"2492":{},"2519":{}},"parent":{}}],["oninputblur",{"_index":1119,"name":{"2343":{}},"parent":{}}],["oninputchange",{"_index":1115,"name":{"2339":{}},"parent":{}}],["oninputcompositionend",{"_index":1118,"name":{"2342":{}},"parent":{}}],["oninputcompositionstart",{"_index":1117,"name":{"2341":{}},"parent":{}}],["oninputkeydown",{"_index":1121,"name":{"2345":{}},"parent":{}}],["oninputkeyup",{"_index":1120,"name":{"2344":{}},"parent":{}}],["oninputscroll",{"_index":1116,"name":{"2340":{}},"parent":{}}],["onkeydown",{"_index":1057,"name":{"2212":{},"2310":{}},"parent":{}}],["onkeyup",{"_index":1104,"name":{"2309":{}},"parent":{}}],["onkeywordchange",{"_index":1397,"name":{"3268":{},"3301":{},"3335":{},"3406":{}},"parent":{}}],["onlayerready",{"_index":1324,"name":{"3056":{}},"parent":{}}],["onleave",{"_index":1793,"name":{"4415":{}},"parent":{}}],["onlyshowoneline",{"_index":1678,"name":{"4096":{}},"parent":{}}],["onmouseenter",{"_index":175,"name":{"303":{},"352":{},"633":{},"651":{},"2970":{},"3143":{}},"parent":{}}],["onmouseleave",{"_index":176,"name":{"304":{},"353":{},"634":{},"652":{},"2971":{},"3144":{},"3191":{}},"parent":{}}],["onmousemove",{"_index":1621,"name":{"3951":{}},"parent":{}}],["onnoclampcontainerrefchange",{"_index":304,"name":{"681":{}},"parent":{}}],["onopen",{"_index":380,"name":{"836":{},"856":{},"884":{},"904":{},"922":{},"939":{},"950":{},"990":{},"1007":{}},"parent":{}}],["onopenchange",{"_index":1401,"name":{"3281":{},"3314":{},"3348":{}},"parent":{}}],["onopened",{"_index":449,"name":{"1068":{},"1082":{}},"parent":{}}],["onoptionmouseenter",{"_index":1428,"name":{"3410":{}},"parent":{}}],["onoptionmouseleave",{"_index":1429,"name":{"3411":{}},"parent":{}}],["onpagechange",{"_index":1200,"name":{"2610":{},"2631":{},"2652":{},"2681":{}},"parent":{}}],["onpagesizechange",{"_index":1201,"name":{"2611":{},"2632":{},"2653":{},"2682":{}},"parent":{}}],["onpaginationchange",{"_index":842,"name":{"1782":{}},"parent":{}}],["onpaneldatechange",{"_index":366,"name":{"813":{}},"parent":{}}],["onpin",{"_index":7,"name":{"7":{}},"parent":{}}],["onpositionchange",{"_index":1794,"name":{"4416":{}},"parent":{}}],["onpositionready",{"_index":1243,"name":{"2754":{},"2781":{},"2812":{},"2837":{},"2860":{},"2908":{}},"parent":{}}],["onpositionupdated",{"_index":1242,"name":{"2753":{},"2780":{},"2811":{},"2836":{},"2859":{},"2907":{}},"parent":{}}],["onpressenter",{"_index":1037,"name":{"2153":{},"2174":{},"2189":{},"2483":{},"2509":{},"2535":{}},"parent":{}}],["onpreview",{"_index":1766,"name":{"4370":{}},"parent":{}}],["onremove",{"_index":232,"name":{"431":{},"3253":{},"3409":{}},"parent":{}}],["onrequestclose",{"_index":1382,"name":{"3232":{}},"parent":{}}],["onreset",{"_index":721,"name":{"1558":{}},"parent":{}}],["onresize",{"_index":517,"name":{"1201":{},"1806":{}},"parent":{}}],["onretry",{"_index":1762,"name":{"4353":{},"4363":{},"4373":{},"4381":{}},"parent":{}}],["onrowclick",{"_index":790,"name":{"1718":{}},"parent":{}}],["onrowmouseenter",{"_index":862,"name":{"1807":{}},"parent":{}}],["onscroll",{"_index":521,"name":{"1205":{},"1821":{}},"parent":{}}],["onsearch",{"_index":86,"name":{"130":{}},"parent":{}}],["onsearchblur",{"_index":105,"name":{"164":{}},"parent":{}}],["onsearchchange",{"_index":1099,"name":{"2299":{}},"parent":{}}],["onsearchkeydown",{"_index":104,"name":{"163":{}},"parent":{}}],["onsearchtextchange",{"_index":103,"name":{"162":{}},"parent":{}}],["onselect",{"_index":85,"name":{"129":{},"166":{},"1876":{},"3230":{},"3405":{},"3522":{},"4091":{}},"parent":{}}],["onselectchange",{"_index":867,"name":{"1812":{},"2369":{}},"parent":{}}],["onselected",{"_index":373,"name":{"821":{},"3833":{}},"parent":{}}],["onselectionchange",{"_index":1122,"name":{"2346":{}},"parent":{}}],["onselectsuggestion",{"_index":1114,"name":{"2338":{}},"parent":{}}],["onshow",{"_index":1239,"name":{"2746":{},"2773":{},"2804":{},"2829":{},"2852":{},"2900":{}},"parent":{}}],["onsortchange",{"_index":1763,"name":{"4356":{},"4366":{},"4376":{}},"parent":{}}],["onstepchange",{"_index":1478,"name":{"3562":{}},"parent":{}}],["onsubmenuclick",{"_index":1131,"name":{"2358":{},"2372":{},"2378":{},"2392":{},"2428":{}},"parent":{}}],["onsubmit",{"_index":718,"name":{"1555":{}},"parent":{}}],["onsubmitfail",{"_index":719,"name":{"1556":{}},"parent":{}}],["onsubmitsuccess",{"_index":720,"name":{"1557":{}},"parent":{}}],["onsuggestionlistrefchange",{"_index":1125,"name":{"2349":{}},"parent":{}}],["onsuggestionvisiblechange",{"_index":1112,"name":{"2336":{}},"parent":{}}],["ontabschange",{"_index":264,"name":{"590":{}},"parent":{}}],["ontriggeruploadfile",{"_index":1714,"name":{"4159":{},"4186":{},"4204":{}},"parent":{}}],["onunpin",{"_index":8,"name":{"8":{}},"parent":{}}],["onupload",{"_index":1745,"name":{"4259":{},"4275":{},"4294":{},"4313":{},"4326":{}},"parent":{}}],["onvisiblechange",{"_index":200,"name":{"383":{},"455":{},"485":{},"517":{},"566":{},"589":{},"2752":{},"2779":{},"2810":{},"2835":{},"2858":{},"2906":{},"3404":{},"3998":{}},"parent":{}}],["open",{"_index":94,"name":{"143":{},"168":{},"2948":{},"3280":{},"3313":{},"3347":{},"3365":{}},"parent":{}}],["opendialog",{"_index":438,"name":{"1050":{},"1101":{}},"parent":{}}],["openpanel",{"_index":385,"name":{"841":{},"866":{},"888":{},"909":{},"926":{},"943":{},"967":{},"994":{},"1011":{}},"parent":{}}],["operations",{"_index":1670,"name":{"4084":{}},"parent":{}}],["options",{"_index":197,"name":{"376":{},"448":{},"478":{},"510":{},"527":{},"559":{},"575":{},"1189":{},"1196":{},"1207":{},"3269":{},"3302":{},"3336":{}},"parent":{}}],["order",{"_index":1070,"name":{"2238":{},"2245":{}},"parent":{}}],["outline",{"_index":27,"name":{"28":{},"47":{},"55":{},"307":{},"346":{},"3858":{},"3897":{}},"parent":{}}],["overflow",{"_index":60,"name":{"91":{},"99":{}},"parent":{}}],["overflowleft",{"_index":150,"name":{"256":{},"269":{}},"parent":{}}],["overflowmode",{"_index":1572,"name":{"3785":{},"3815":{}},"parent":{}}],["overflowright",{"_index":151,"name":{"257":{},"270":{}},"parent":{}}],["overlayclassname",{"_index":1155,"name":{"2423":{}},"parent":{}}],["overmaxamount",{"_index":1736,"name":{"4245":{}},"parent":{}}],["overmaxsize",{"_index":1732,"name":{"4241":{}},"parent":{}}],["owner",{"_index":526,"name":{"1213":{},"1238":{},"1281":{},"1309":{}},"parent":{}}],["pageinfo",{"_index":788,"name":{"1716":{}},"parent":{}}],["pagesize",{"_index":889,"name":{"1843":{},"1867":{},"2589":{},"2599":{},"2619":{},"2640":{},"2660":{},"2671":{},"4285":{},"4360":{}},"parent":{}}],["pagesizeoptions",{"_index":890,"name":{"1844":{}},"parent":{}}],["pagestats",{"_index":939,"name":{"1967":{}},"parent":{}}],["pagestatsstatic",{"_index":940,"name":{"1968":{}},"parent":{}}],["pagination",{"_index":916,"name":{"1904":{},"1922":{},"1940":{},"2086":{},"2615":{},"4040":{},"4284":{},"4359":{}},"parent":{"2616":{},"2617":{},"2623":{},"2624":{},"2625":{},"2626":{},"2627":{},"2628":{},"2629":{},"2630":{},"2631":{},"2632":{},"2633":{},"2634":{},"2635":{}}}],["pagination.__type",{"_index":1204,"name":{},"parent":{"2618":{},"2619":{},"2620":{},"2621":{},"2622":{}}}],["paginationchangehandler",{"_index":1188,"name":{"2585":{}},"parent":{"2586":{}}}],["paginationlayoutfunction",{"_index":1194,"name":{"2600":{}},"parent":{"2601":{}}}],["paginationtype",{"_index":789,"name":{"1717":{}},"parent":{}}],["panel",{"_index":318,"name":{"713":{},"2036":{}},"parent":{}}],["panelchildren",{"_index":1555,"name":{"3747":{}},"parent":{}}],["panelkey",{"_index":321,"name":{"726":{}},"parent":{}}],["paneltitlebackground",{"_index":313,"name":{"695":{},"703":{},"711":{},"727":{}},"parent":{}}],["parent",{"_index":213,"name":{"400":{}},"parent":{}}],["parentcomponent",{"_index":444,"name":{"1056":{},"3078":{},"3600":{},"3614":{}},"parent":{}}],["parentid",{"_index":1656,"name":{"4065":{}},"parent":{}}],["parentindexes",{"_index":1380,"name":{"3213":{}},"parent":{}}],["password",{"_index":1027,"name":{"2136":{},"2139":{}},"parent":{"2137":{},"2140":{}}}],["password.__type",{"_index":1028,"name":{},"parent":{"2138":{}}}],["patchvalue",{"_index":535,"name":{"1225":{},"1252":{},"1291":{},"1323":{}},"parent":{}}],["pattern",{"_index":581,"name":{"1360":{}},"parent":{}}],["percent",{"_index":1340,"name":{"3088":{},"3102":{},"3113":{},"3122":{},"3958":{},"4222":{},"4231":{}},"parent":{}}],["placeholder",{"_index":81,"name":{"125":{},"377":{},"449":{},"479":{},"511":{},"560":{},"830":{},"850":{},"878":{},"898":{},"916":{},"933":{},"953":{},"984":{},"1001":{},"2004":{},"2072":{},"2328":{},"2686":{},"3271":{},"3304":{},"3338":{}},"parent":{"2687":{}}}],["placeholder.__type",{"_index":1214,"name":{},"parent":{"2688":{},"2689":{},"2690":{},"2691":{},"2692":{},"2693":{}}}],["placeholderclassname",{"_index":11,"name":{"11":{}},"parent":{}}],["placement",{"_index":1311,"name":{"3015":{}},"parent":{}}],["pop",{"_index":548,"name":{"1255":{},"1905":{},"1923":{},"1941":{},"2087":{},"2547":{},"2559":{},"2872":{}},"parent":{"2873":{},"2874":{},"2882":{},"2883":{},"2884":{},"2885":{},"2886":{},"2889":{},"2890":{},"2891":{},"2892":{},"2893":{},"2894":{},"2895":{}}}],["pop.__type",{"_index":1266,"name":{},"parent":{"2875":{},"2876":{},"2877":{},"2878":{},"2879":{},"2880":{},"2881":{},"2887":{},"2888":{}}}],["popover",{"_index":1275,"name":{"2913":{},"3012":{},"3946":{}},"parent":{"2914":{},"2915":{},"2916":{},"2919":{},"2920":{},"2921":{},"2922":{},"2923":{},"2931":{},"2932":{},"2933":{},"2934":{},"2935":{},"2936":{},"2937":{},"2938":{},"2939":{},"2940":{},"2941":{},"2942":{},"2943":{},"2944":{},"2946":{},"2947":{},"2948":{},"2949":{},"2950":{},"2951":{},"2952":{},"2953":{},"2954":{},"2955":{}}}],["popover.__type",{"_index":1276,"name":{},"parent":{"2917":{},"2918":{},"2924":{},"2925":{},"2926":{},"2927":{},"2928":{},"2929":{},"2930":{},"2945":{}}}],["popoveranchor",{"_index":1315,"name":{"3027":{}},"parent":{"3028":{},"3029":{},"3030":{},"3031":{},"3032":{},"3033":{},"3034":{},"3035":{}}}],["popoveranchorgetelementfn",{"_index":1313,"name":{"3022":{}},"parent":{"3023":{}}}],["popoverclicktrigger",{"_index":1285,"name":{"2956":{}},"parent":{}}],["popoverfocustrigger",{"_index":1294,"name":{"2979":{}},"parent":{}}],["popoverhovertrigger",{"_index":1288,"name":{"2964":{}},"parent":{}}],["popoverhovertriggercontext",{"_index":1291,"name":{"2968":{}},"parent":{}}],["popoverref",{"_index":1424,"name":{"3398":{},"3953":{},"4010":{}},"parent":{}}],["popovertrigger",{"_index":1298,"name":{"2988":{}},"parent":{"2989":{},"2990":{},"2991":{},"2992":{},"2993":{},"2994":{}}}],["poppositions",{"_index":1260,"name":{"2845":{}},"parent":{}}],["poptext",{"_index":359,"name":{"806":{}},"parent":{}}],["popupclassname",{"_index":89,"name":{"134":{},"379":{},"451":{},"481":{},"513":{},"562":{}},"parent":{}}],["popupwidth",{"_index":1400,"name":{"3276":{},"3309":{},"3343":{}},"parent":{}}],["popvisible",{"_index":336,"name":{"770":{}},"parent":{}}],["popwidth",{"_index":287,"name":{"658":{}},"parent":{}}],["portal",{"_index":1330,"name":{"3071":{}},"parent":{}}],["portalref",{"_index":1282,"name":{"2940":{},"3017":{}},"parent":{}}],["position",{"_index":140,"name":{"237":{},"244":{},"1062":{},"1081":{},"1095":{},"2301":{},"2316":{},"2327":{},"2452":{},"2742":{},"2769":{},"2800":{},"2825":{},"2848":{},"2876":{},"2898":{},"2931":{},"3952":{},"3992":{},"4005":{}},"parent":{}}],["potentialvalues",{"_index":1451,"name":{"3484":{}},"parent":{}}],["prefix",{"_index":1643,"name":{"4039":{},"4046":{}},"parent":{}}],["preset",{"_index":429,"name":{"1029":{},"1041":{}},"parent":{}}],["presetcolors",{"_index":327,"name":{"745":{},"751":{},"764":{}},"parent":{}}],["prev",{"_index":945,"name":{"1974":{},"3682":{}},"parent":{}}],["prevchildren",{"_index":120,"name":{"188":{}},"parent":{}}],["preventdefault",{"_index":279,"name":{"637":{}},"parent":{}}],["preview",{"_index":1754,"name":{"4303":{}},"parent":{}}],["previewimage",{"_index":917,"name":{"1906":{},"1924":{},"1942":{},"2088":{},"3072":{}},"parent":{}}],["previousposition",{"_index":1784,"name":{"4401":{}},"parent":{}}],["prevopen",{"_index":453,"name":{"1085":{}},"parent":{}}],["prevoptions",{"_index":1418,"name":{"3370":{}},"parent":{}}],["prevprops",{"_index":1177,"name":{"2541":{},"2553":{},"3486":{},"3642":{},"4107":{}},"parent":{}}],["pristine",{"_index":532,"name":{"1222":{},"1262":{},"1292":{},"1328":{}},"parent":{}}],["progress",{"_index":32,"name":{"37":{},"3080":{},"3081":{},"3901":{}},"parent":{"3082":{}}}],["prompt",{"_index":1354,"name":{"3128":{}},"parent":{}}],["prompttype",{"_index":1352,"name":{"3126":{}},"parent":{}}],["pureportal",{"_index":1319,"name":{"3039":{}},"parent":{"3040":{},"3041":{},"3043":{},"3044":{},"3045":{},"3046":{},"3047":{},"3048":{},"3049":{},"3050":{},"3051":{},"3052":{}}}],["pureportal.__type",{"_index":1320,"name":{},"parent":{"3042":{}}}],["pureportalref",{"_index":1329,"name":{"3069":{}},"parent":{}}],["push",{"_index":547,"name":{"1254":{},"2439":{}},"parent":{}}],["quarter",{"_index":966,"name":{"2019":{}},"parent":{}}],["quarternames",{"_index":984,"name":{"2046":{}},"parent":{}}],["quarterpicker",{"_index":404,"name":{"946":{}},"parent":{}}],["radio",{"_index":1359,"name":{"3145":{},"3146":{}},"parent":{"3147":{},"3148":{},"3149":{},"3150":{}}}],["radiobutton",{"_index":1362,"name":{"3161":{}},"parent":{}}],["radiogroup",{"_index":1360,"name":{"3151":{}},"parent":{}}],["range",{"_index":968,"name":{"2021":{},"3436":{},"3456":{},"3469":{}},"parent":{}}],["rangedate",{"_index":347,"name":{"793":{},"818":{}},"parent":{}}],["rangepicker",{"_index":918,"name":{"1907":{},"1925":{},"1943":{},"2089":{}},"parent":{}}],["rangetime",{"_index":349,"name":{"795":{}},"parent":{}}],["rate",{"_index":1371,"name":{"3177":{}},"parent":{"3178":{},"3179":{},"3186":{},"3187":{},"3188":{},"3189":{},"3190":{},"3191":{},"3192":{},"3193":{},"3194":{},"3195":{},"3196":{}}}],["rate.__type",{"_index":1372,"name":{},"parent":{"3180":{},"3181":{},"3182":{},"3183":{},"3184":{},"3185":{}}}],["readonly",{"_index":268,"name":{"599":{},"625":{},"643":{},"3136":{},"3155":{},"3172":{},"3185":{}},"parent":{}}],["reason",{"_index":896,"name":{"1872":{}},"parent":{}}],["receive",{"_index":913,"name":{"1898":{}},"parent":{}}],["rectangle",{"_index":1217,"name":{"2691":{}},"parent":{}}],["ref",{"_index":443,"name":{"1055":{}},"parent":{}}],["refmenuitemlist",{"_index":102,"name":{"161":{}},"parent":{}}],["registerchild",{"_index":562,"name":{"1320":{}},"parent":{}}],["relativerect",{"_index":1302,"name":{"2999":{}},"parent":{}}],["remainamount",{"_index":1708,"name":{"4153":{},"4180":{},"4338":{},"4347":{}},"parent":{}}],["removechild",{"_index":563,"name":{"1321":{}},"parent":{}}],["render",{"_index":22,"name":{"22":{},"51":{},"81":{},"104":{},"174":{},"203":{},"227":{},"247":{},"285":{},"294":{},"327":{},"373":{},"551":{},"593":{},"615":{},"688":{},"715":{},"742":{},"775":{},"790":{},"1047":{},"1110":{},"1172":{},"1616":{},"1692":{},"1828":{},"1899":{},"2219":{},"2233":{},"2247":{},"2257":{},"2333":{},"2400":{},"2417":{},"2583":{},"2626":{},"2647":{},"2676":{},"2894":{},"2954":{},"2993":{},"3034":{},"3051":{},"3195":{},"3249":{},"3426":{},"3443":{},"3507":{},"3543":{},"3578":{},"3695":{},"3714":{},"3728":{},"3854":{},"3954":{},"3987":{},"4013":{},"4083":{},"4139":{},"4150":{},"4177":{},"4208":{},"4428":{}},"parent":{}}],["rendercheckbox",{"_index":1700,"name":{"4136":{}},"parent":{}}],["renderchild",{"_index":1187,"name":{"2581":{}},"parent":{}}],["renderchildren",{"_index":1627,"name":{"3986":{}},"parent":{}}],["renderclampedtext",{"_index":309,"name":{"687":{}},"parent":{}}],["rendercollapsedcontent",{"_index":1411,"name":{"3295":{},"3328":{},"3362":{}},"parent":{}}],["rendercommonmenuitem",{"_index":1149,"name":{"2401":{}},"parent":{}}],["rendercontent",{"_index":1630,"name":{"4011":{},"4135":{}},"parent":{}}],["rendercount",{"_index":134,"name":{"226":{}},"parent":{}}],["rendererror",{"_index":640,"name":{"1452":{},"1652":{},"1659":{},"1668":{}},"parent":{}}],["renderimpl",{"_index":1060,"name":{"2217":{}},"parent":{}}],["renderinput",{"_index":1061,"name":{"2218":{},"2582":{}},"parent":{}}],["renderitem",{"_index":52,"name":{"80":{},"4207":{}},"parent":{}}],["renderitemcontent",{"_index":202,"name":{"385":{},"457":{},"487":{},"519":{},"568":{}},"parent":{}}],["renderkey",{"_index":1680,"name":{"4099":{},"4113":{}},"parent":{}}],["renderlist",{"_index":204,"name":{"387":{},"459":{},"489":{},"521":{},"570":{}},"parent":{}}],["rendermenuitem",{"_index":1148,"name":{"2399":{}},"parent":{}}],["rendernav",{"_index":1539,"name":{"3724":{},"3850":{}},"parent":{}}],["rendernextarrow",{"_index":1504,"name":{"3639":{},"3662":{}},"parent":{}}],["renderoperations",{"_index":1701,"name":{"4137":{}},"parent":{}}],["renderoption",{"_index":1431,"name":{"3413":{}},"parent":{}}],["renderoptioncontent",{"_index":1403,"name":{"3284":{},"3317":{},"3351":{}},"parent":{}}],["renderoptionlist",{"_index":1402,"name":{"3283":{},"3316":{},"3350":{},"3378":{}},"parent":{}}],["renderpop",{"_index":289,"name":{"660":{}},"parent":{}}],["renderpopovercontent",{"_index":1439,"name":{"3425":{}},"parent":{}}],["renderprevarrow",{"_index":1503,"name":{"3638":{},"3660":{}},"parent":{}}],["renderresizable",{"_index":308,"name":{"686":{}},"parent":{}}],["renderselectioncheckbox",{"_index":870,"name":{"1816":{}},"parent":{}}],["renderselectionradio",{"_index":871,"name":{"1818":{}},"parent":{}}],["renderswitcher",{"_index":1699,"name":{"4134":{}},"parent":{}}],["rendertabbar",{"_index":1573,"name":{"3786":{}},"parent":{}}],["rendertabpanel",{"_index":1540,"name":{"3725":{},"3851":{}},"parent":{}}],["rendertagcollapsedtrigger",{"_index":1434,"name":{"3417":{}},"parent":{}}],["rendertaglist",{"_index":1414,"name":{"3333":{},"3418":{}},"parent":{}}],["rendertags",{"_index":251,"name":{"494":{}},"parent":{}}],["rendertips",{"_index":1705,"name":{"4147":{},"4175":{},"4205":{}},"parent":{}}],["rendertreenodes",{"_index":1702,"name":{"4138":{}},"parent":{}}],["rendertrigger",{"_index":1271,"name":{"2892":{},"4012":{},"4149":{},"4176":{},"4206":{}},"parent":{}}],["renderuploadlist",{"_index":1706,"name":{"4148":{},"4173":{}},"parent":{}}],["rendervalue",{"_index":201,"name":{"384":{},"432":{},"456":{},"486":{},"518":{},"539":{},"567":{},"577":{},"3254":{},"3282":{},"3315":{},"3349":{},"3416":{}},"parent":{}}],["renderwithoutpanel",{"_index":1542,"name":{"3727":{},"3853":{}},"parent":{}}],["renderwithpanel",{"_index":1541,"name":{"3726":{},"3852":{}},"parent":{}}],["required",{"_index":576,"name":{"1355":{},"1458":{},"1624":{},"1635":{},"2077":{}},"parent":{}}],["requiredtrue",{"_index":577,"name":{"1356":{}},"parent":{}}],["reset",{"_index":536,"name":{"1226":{},"1245":{},"1284":{},"1326":{},"1960":{},"1994":{},"2001":{},"2013":{},"2054":{},"2068":{}},"parent":{}}],["resetchildren",{"_index":49,"name":{"77":{}},"parent":{}}],["resetkeyword",{"_index":1426,"name":{"3407":{}},"parent":{}}],["resetposition",{"_index":1523,"name":{"3685":{}},"parent":{}}],["resetselectedkeys",{"_index":1651,"name":{"4057":{}},"parent":{}}],["resettargetkeys",{"_index":1652,"name":{"4058":{}},"parent":{}}],["resizable",{"_index":290,"name":{"661":{}},"parent":{}}],["resizeobserver",{"_index":299,"name":{"673":{}},"parent":{}}],["retry",{"_index":990,"name":{"2058":{}},"parent":{}}],["retryuploaditem",{"_index":1712,"name":{"4157":{},"4184":{},"4203":{}},"parent":{}}],["reviver",{"_index":1390,"name":{"3261":{}},"parent":{}}],["revivevalue",{"_index":1422,"name":{"3392":{}},"parent":{}}],["richtextblock",{"_index":1219,"name":{"2693":{}},"parent":{}}],["right",{"_index":1500,"name":{"3633":{},"3659":{}},"parent":{}}],["rightbody",{"_index":833,"name":{"1772":{}},"parent":{}}],["rightcontent",{"_index":142,"name":{"239":{}},"parent":{}}],["rootinfomap",{"_index":1688,"name":{"4109":{}},"parent":{}}],["rotate",{"_index":947,"name":{"1976":{}},"parent":{}}],["rounded",{"_index":1585,"name":{"3859":{},"3874":{},"3883":{}},"parent":{}}],["row",{"_index":371,"name":{"819":{},"1723":{},"1888":{}},"parent":{}}],["rowclassname",{"_index":787,"name":{"1715":{}},"parent":{}}],["rowgutter",{"_index":1091,"name":{"2280":{}},"parent":{}}],["rowkey",{"_index":779,"name":{"1702":{}},"parent":{}}],["rowprops",{"_index":794,"name":{"1724":{}},"parent":{}}],["rows",{"_index":1230,"name":{"2719":{},"2730":{}},"parent":{}}],["rowspan",{"_index":814,"name":{"1748":{},"1854":{}},"parent":{}}],["safesetstate",{"_index":1284,"name":{"2950":{}},"parent":{}}],["sanitize",{"_index":1606,"name":{"3918":{}},"parent":{}}],["saturday",{"_index":416,"name":{"978":{}},"parent":{}}],["saveinputref",{"_index":1124,"name":{"2348":{}},"parent":{}}],["scaleratio",{"_index":1335,"name":{"3077":{}},"parent":{}}],["scroll",{"_index":226,"name":{"424":{},"1705":{}},"parent":{}}],["scrollable",{"_index":237,"name":{"437":{},"467":{},"499":{},"534":{}},"parent":{}}],["scrollableancestor",{"_index":1787,"name":{"4408":{}},"parent":{}}],["scrollalert",{"_index":40,"name":{"62":{}},"parent":{"63":{},"64":{},"69":{},"70":{},"71":{},"72":{},"73":{},"74":{},"75":{},"76":{},"77":{},"78":{},"79":{},"80":{},"81":{},"82":{}}}],["scrollalert.__type",{"_index":41,"name":{},"parent":{"65":{},"66":{},"67":{},"68":{}}}],["scrollanchorref",{"_index":761,"name":{"1649":{},"1656":{},"1665":{}},"parent":{}}],["scrollbody",{"_index":834,"name":{"1773":{}},"parent":{}}],["scrollcontainer",{"_index":710,"name":{"1545":{}},"parent":{}}],["scrollhandler",{"_index":46,"name":{"74":{}},"parent":{}}],["scrollheader",{"_index":835,"name":{"1774":{}},"parent":{}}],["scrollheight",{"_index":1575,"name":{"3798":{},"3828":{}},"parent":{}}],["scrollinterval",{"_index":39,"name":{"57":{},"67":{}},"parent":{}}],["scrollposition",{"_index":836,"name":{"1775":{}},"parent":{}}],["scrolltoerror",{"_index":716,"name":{"1553":{}},"parent":{}}],["scrolltofirsterror",{"_index":746,"name":{"1612":{}},"parent":{}}],["search",{"_index":1109,"name":{"2330":{}},"parent":{}}],["searchable",{"_index":238,"name":{"439":{},"469":{},"501":{},"536":{}},"parent":{}}],["searchcontent",{"_index":70,"name":{"111":{},"3199":{},"3215":{}},"parent":{}}],["searchempty",{"_index":961,"name":{"2006":{}},"parent":{}}],["searchplaceholder",{"_index":960,"name":{"2005":{},"4036":{}},"parent":{}}],["searchtext",{"_index":95,"name":{"145":{},"3228":{}},"parent":{}}],["searchwords",{"_index":1607,"name":{"3919":{}},"parent":{}}],["second",{"_index":979,"name":{"2040":{}},"parent":{}}],["secondselect",{"_index":982,"name":{"2044":{}},"parent":{}}],["secondstep",{"_index":394,"name":{"861":{},"962":{}},"parent":{}}],["segments",{"_index":1224,"name":{"2704":{},"2706":{}},"parent":{}}],["select",{"_index":919,"name":{"1908":{},"1926":{},"1944":{},"2090":{},"2211":{},"3373":{}},"parent":{"3374":{},"3375":{},"3391":{},"3392":{},"3393":{},"3394":{},"3395":{},"3396":{},"3397":{},"3398":{},"3399":{},"3400":{},"3401":{},"3402":{},"3403":{},"3404":{},"3405":{},"3406":{},"3407":{},"3408":{},"3409":{},"3410":{},"3411":{},"3412":{},"3413":{},"3414":{},"3415":{},"3416":{},"3417":{},"3418":{},"3419":{},"3420":{},"3421":{},"3422":{},"3423":{},"3424":{},"3425":{},"3426":{},"3427":{}}}],["select.__type",{"_index":1421,"name":{},"parent":{"3376":{},"3377":{},"3378":{},"3379":{},"3380":{},"3381":{},"3382":{},"3383":{},"3384":{},"3385":{},"3386":{},"3387":{},"3388":{},"3389":{},"3390":{}}}],["selectable",{"_index":1675,"name":{"4092":{},"4123":{}},"parent":{}}],["selectcurrentfocusindex",{"_index":112,"name":{"173":{},"3248":{}},"parent":{}}],["selectcurrentindex",{"_index":1430,"name":{"3412":{}},"parent":{}}],["selected",{"_index":367,"name":{"814":{},"3877":{}},"parent":{}}],["selecteddate",{"_index":391,"name":{"858":{},"959":{}},"parent":{}}],["selectedkey",{"_index":1138,"name":{"2368":{},"2411":{},"2433":{},"4093":{},"4115":{},"4128":{}},"parent":{}}],["selectedkeys",{"_index":1638,"name":{"4027":{},"4033":{},"4049":{},"4054":{}},"parent":{}}],["selectedrowkeys",{"_index":899,"name":{"1875":{}},"parent":{}}],["selection",{"_index":785,"name":{"1710":{}},"parent":{}}],["selectionmap",{"_index":230,"name":{"429":{}},"parent":{}}],["selectionpropscache",{"_index":824,"name":{"1762":{}},"parent":{}}],["selectmenu",{"_index":1386,"name":{"3237":{}},"parent":{"3238":{},"3239":{},"3243":{},"3244":{},"3245":{},"3246":{},"3247":{},"3248":{},"3249":{},"3250":{}}}],["selectmenu.__type",{"_index":1387,"name":{},"parent":{"3240":{},"3241":{},"3242":{}}}],["selector",{"_index":1317,"name":{"3037":{},"3065":{}},"parent":{}}],["selecttag",{"_index":1591,"name":{"3884":{}},"parent":{}}],["selectwidth",{"_index":941,"name":{"1969":{}},"parent":{}}],["sequence",{"_index":1476,"name":{"3553":{},"3561":{},"3574":{}},"parent":{}}],["set",{"_index":733,"name":{"1579":{}},"parent":{}}],["seterror",{"_index":770,"name":{"1685":{}},"parent":{}}],["setkeyword",{"_index":1427,"name":{"3408":{}},"parent":{}}],["setscrollposition",{"_index":857,"name":{"1801":{}},"parent":{}}],["setscrollpositionclassname",{"_index":858,"name":{"1802":{}},"parent":{}}],["setselectkeystate",{"_index":1695,"name":{"4130":{}},"parent":{}}],["setstateifchange",{"_index":1127,"name":{"2351":{}},"parent":{}}],["setstickyheadwidth",{"_index":874,"name":{"1823":{}},"parent":{}}],["setsuggestionvisible",{"_index":1126,"name":{"2350":{}},"parent":{}}],["setswiperwidth",{"_index":1518,"name":{"3678":{}},"parent":{}}],["setvisible",{"_index":263,"name":{"588":{},"2946":{}},"parent":{}}],["shape",{"_index":114,"name":{"177":{},"192":{},"2731":{}},"parent":{}}],["shift",{"_index":549,"name":{"1256":{}},"parent":{}}],["shouldcomponentupdate",{"_index":773,"name":{"1688":{}},"parent":{}}],["shouldrender",{"_index":1663,"name":{"4075":{}},"parent":{}}],["shouldupdatelayout",{"_index":1198,"name":{"2608":{},"2629":{},"2650":{},"2679":{}},"parent":{}}],["showalpha",{"_index":331,"name":{"749":{},"759":{}},"parent":{}}],["showarrow",{"_index":320,"name":{"721":{},"735":{}},"parent":{}}],["showclear",{"_index":1044,"name":{"2164":{},"2478":{},"2504":{},"2530":{}},"parent":{}}],["showcontentbackground",{"_index":314,"name":{"697":{},"705":{},"728":{}},"parent":{}}],["showcount",{"_index":1049,"name":{"2180":{}},"parent":{}}],["showcounter",{"_index":1168,"name":{"2470":{},"2496":{},"2522":{}},"parent":{}}],["showdelay",{"_index":1257,"name":{"2795":{},"2974":{}},"parent":{}}],["showdot",{"_index":1614,"name":{"3929":{},"3942":{},"3961":{}},"parent":{}}],["showinfo",{"_index":1341,"name":{"3089":{},"3103":{},"3114":{}},"parent":{}}],["showlabel",{"_index":1613,"name":{"3928":{},"3941":{},"3960":{}},"parent":{}}],["showlunardate",{"_index":376,"name":{"824":{},"874":{}},"parent":{}}],["showpop",{"_index":286,"name":{"657":{}},"parent":{}}],["showquickjumper",{"_index":1206,"name":{"2621":{},"2642":{}},"parent":{}}],["showrotatebtn",{"_index":1334,"name":{"3076":{}},"parent":{}}],["showsearch",{"_index":1642,"name":{"4035":{}},"parent":{}}],["showsizechanger",{"_index":1207,"name":{"2622":{},"2643":{}},"parent":{}}],["showstepper",{"_index":1167,"name":{"2469":{},"2495":{},"2521":{}},"parent":{}}],["showstickhead",{"_index":807,"name":{"1737":{}},"parent":{}}],["showtime",{"_index":361,"name":{"808":{},"827":{},"871":{},"893":{}},"parent":{}}],["showtooltip",{"_index":1169,"name":{"2472":{},"2498":{},"2524":{}},"parent":{}}],["showzero",{"_index":130,"name":{"212":{},"223":{}},"parent":{}}],["simplify",{"_index":223,"name":{"420":{}},"parent":{}}],["simplifypaths",{"_index":231,"name":{"430":{}},"parent":{}}],["simplifyselection",{"_index":252,"name":{"495":{}},"parent":{}}],["simplifyselectionmode",{"_index":253,"name":{"496":{},"545":{}},"parent":{}}],["singlecalendardatepanelpicker",{"_index":356,"name":{"803":{}},"parent":{}}],["singledate",{"_index":346,"name":{"792":{}},"parent":{}}],["singletime",{"_index":348,"name":{"794":{}},"parent":{}}],["singleupload",{"_index":1722,"name":{"4193":{}},"parent":{"4194":{},"4195":{},"4196":{},"4197":{},"4198":{},"4199":{},"4200":{},"4201":{},"4202":{},"4203":{},"4204":{},"4205":{},"4206":{},"4207":{},"4208":{},"4209":{},"4210":{},"4211":{},"4212":{},"4213":{},"4214":{},"4215":{}}}],["size",{"_index":115,"name":{"178":{},"193":{},"311":{},"318":{},"342":{},"1699":{},"2151":{},"2172":{},"2187":{},"2202":{},"2476":{},"2502":{},"2528":{},"2571":{},"2732":{},"3275":{},"3308":{},"3342":{},"3386":{},"3511":{},"3527":{},"3572":{},"3704":{},"3709":{},"3865":{},"3927":{},"3959":{},"3971":{},"3980":{},"4087":{},"4124":{}},"parent":{}}],["skiploadonmount",{"_index":1022,"name":{"2130":{}},"parent":{}}],["slider",{"_index":1441,"name":{"3429":{}},"parent":{"3430":{},"3431":{},"3438":{},"3439":{},"3440":{},"3441":{},"3442":{},"3443":{},"3444":{}}}],["slider.__type",{"_index":1442,"name":{},"parent":{"3432":{},"3433":{},"3434":{},"3435":{},"3436":{},"3437":{}}}],["sm",{"_index":1084,"name":{"2266":{},"2277":{}},"parent":{}}],["smoothscroll",{"_index":1452,"name":{"3487":{}},"parent":{}}],["sort",{"_index":552,"name":{"1260":{}},"parent":{}}],["sortable",{"_index":1456,"name":{"3496":{},"3501":{},"4272":{},"4291":{},"4310":{},"4355":{},"4365":{},"4375":{}},"parent":{"3497":{},"3498":{},"3500":{},"3501":{},"3502":{},"3503":{},"3504":{},"3505":{},"3506":{},"3507":{},"3508":{}}}],["sortable.__type",{"_index":1457,"name":{},"parent":{"3499":{}}}],["sortby",{"_index":781,"name":{"1706":{},"1868":{}},"parent":{}}],["sorttype",{"_index":782,"name":{"1707":{},"1869":{}},"parent":{}}],["source",{"_index":1393,"name":{"3264":{}},"parent":{}}],["span",{"_index":1069,"name":{"2236":{}},"parent":{}}],["speckey",{"_index":1151,"name":{"2407":{},"2427":{}},"parent":{}}],["spin",{"_index":1006,"name":{"2105":{}},"parent":{}}],["splice",{"_index":551,"name":{"1258":{}},"parent":{}}],["splitbutton",{"_index":1467,"name":{"3523":{},"3537":{}},"parent":{"3524":{},"3525":{},"3534":{},"3535":{},"3536":{},"3537":{},"3538":{},"3539":{},"3541":{},"3542":{},"3543":{},"3544":{}}}],["splitbutton.__type",{"_index":1468,"name":{},"parent":{"3526":{},"3527":{},"3528":{},"3529":{},"3530":{},"3531":{},"3532":{},"3533":{},"3540":{}}}],["src",{"_index":116,"name":{"180":{},"4224":{}},"parent":{}}],["starrefs",{"_index":1368,"name":{"3174":{}},"parent":{}}],["start",{"_index":971,"name":{"2024":{}},"parent":{}}],["startautoplay",{"_index":1519,"name":{"3679":{}},"parent":{}}],["starttime",{"_index":973,"name":{"2026":{}},"parent":{}}],["state",{"_index":37,"name":{"50":{},"199":{},"266":{},"739":{},"768":{},"1167":{},"1684":{},"2207":{},"2254":{},"2325":{},"2885":{},"2943":{},"3112":{},"3124":{},"3442":{},"3538":{},"3672":{},"4195":{}},"parent":{}}],["status",{"_index":1346,"name":{"3097":{},"3548":{},"3560":{},"3573":{},"4221":{},"4230":{}},"parent":{}}],["statusbar",{"_index":1594,"name":{"3902":{}},"parent":{}}],["statusbartype",{"_index":1592,"name":{"3885":{}},"parent":{}}],["step",{"_index":1018,"name":{"2125":{},"2471":{},"2497":{},"2523":{},"3434":{},"3448":{},"3461":{},"3474":{},"3576":{}},"parent":{}}],["steplast",{"_index":1474,"name":{"3551":{}},"parent":{}}],["stepnumber",{"_index":1475,"name":{"3552":{}},"parent":{}}],["steps",{"_index":1480,"name":{"3565":{}},"parent":{"3566":{},"3567":{},"3576":{},"3577":{},"3578":{},"3579":{}}}],["steps.__type",{"_index":1481,"name":{},"parent":{"3568":{},"3569":{},"3570":{},"3571":{},"3572":{},"3573":{},"3574":{},"3575":{}}}],["stickybatch",{"_index":796,"name":{"1726":{}},"parent":{}}],["stickyhead",{"_index":839,"name":{"1778":{}},"parent":{}}],["stoppropagation",{"_index":280,"name":{"638":{},"1374":{}},"parent":{}}],["stopscroll",{"_index":47,"name":{"75":{}},"parent":{}}],["store",{"_index":825,"name":{"1764":{}},"parent":{}}],["stretch",{"_index":1570,"name":{"3782":{},"3812":{}},"parent":{}}],["string",{"_index":353,"name":{"800":{}},"parent":{}}],["strokelinecap",{"_index":1344,"name":{"3093":{},"3107":{},"3118":{}},"parent":{}}],["strokewidth",{"_index":1342,"name":{"3090":{},"3104":{},"3115":{}},"parent":{}}],["style",{"_index":59,"name":{"90":{},"183":{},"214":{},"253":{},"298":{},"348":{},"358":{},"366":{},"602":{},"629":{},"647":{},"722":{},"1061":{},"1080":{},"1093":{},"1468":{},"1622":{},"1631":{},"1672":{},"1696":{},"2159":{},"2226":{},"2239":{},"2251":{},"2359":{},"2373":{},"2379":{},"2445":{},"2696":{},"2701":{},"2710":{},"2716":{},"2725":{},"2729":{},"2756":{},"2783":{},"2814":{},"2839":{},"2862":{},"2910":{},"2996":{},"3021":{},"3064":{},"3101":{},"3141":{},"3159":{},"3171":{},"3819":{},"3862":{},"3871":{},"3880":{},"3936":{},"3968":{},"3975":{},"3981":{},"3991":{}},"parent":{}}],["submenu",{"_index":1144,"name":{"2384":{}},"parent":{}}],["submenuvisible",{"_index":1158,"name":{"2436":{}},"parent":{}}],["subscribe",{"_index":771,"name":{"1686":{}},"parent":{}}],["success",{"_index":936,"name":{"1963":{},"2457":{}},"parent":{}}],["successcolor",{"_index":1348,"name":{"3099":{}},"parent":{}}],["suggestionlist",{"_index":1107,"name":{"2324":{}},"parent":{}}],["suggestionnotfoundcontent",{"_index":1102,"name":{"2303":{},"2317":{}},"parent":{}}],["suggestions",{"_index":1101,"name":{"2302":{},"2318":{}},"parent":{}}],["suggestionvisible",{"_index":1108,"name":{"2329":{}},"parent":{}}],["sunday",{"_index":410,"name":{"972":{}},"parent":{}}],["sweetalert",{"_index":920,"name":{"1909":{},"1928":{},"1945":{},"2092":{},"3582":{},"3590":{}},"parent":{"3583":{},"3591":{},"3604":{}}}],["sweetalert.__type",{"_index":1482,"name":{},"parent":{"3584":{},"3585":{},"3586":{},"3587":{},"3588":{},"3589":{}}}],["sweetalert.ialertoption",{"_index":1484,"name":{},"parent":{"3592":{},"3593":{},"3594":{},"3595":{},"3596":{},"3597":{},"3598":{},"3599":{},"3600":{},"3601":{},"3602":{},"3603":{}}}],["sweetalert.iconfirmoption",{"_index":1487,"name":{},"parent":{"3605":{},"3606":{},"3607":{},"3608":{},"3609":{},"3610":{},"3611":{},"3612":{},"3613":{},"3614":{},"3615":{},"3616":{},"3617":{}}}],["swiper",{"_index":1507,"name":{"3643":{},"3666":{}},"parent":{"3644":{},"3645":{},"3664":{},"3665":{},"3666":{},"3667":{},"3668":{},"3669":{},"3670":{},"3671":{},"3672":{},"3673":{},"3675":{},"3676":{},"3677":{},"3678":{},"3679":{},"3680":{},"3681":{},"3682":{},"3683":{},"3684":{},"3685":{},"3686":{},"3687":{},"3688":{},"3689":{},"3690":{},"3691":{},"3692":{},"3693":{},"3694":{},"3695":{},"3696":{}}}],["swiper.__type",{"_index":1508,"name":{},"parent":{"3646":{},"3647":{},"3648":{},"3649":{},"3650":{},"3651":{},"3652":{},"3653":{},"3654":{},"3655":{},"3656":{},"3657":{},"3660":{},"3661":{},"3662":{},"3663":{},"3674":{}}}],["swiper.__type.__type",{"_index":1509,"name":{},"parent":{"3658":{},"3659":{}}}],["swipercontainer",{"_index":1510,"name":{"3667":{}},"parent":{}}],["swiperwidth",{"_index":1511,"name":{"3668":{}},"parent":{}}],["swipeto",{"_index":1521,"name":{"3683":{}},"parent":{}}],["switch",{"_index":921,"name":{"1910":{},"1927":{},"1946":{},"2091":{},"3706":{}},"parent":{"3707":{},"3708":{},"3710":{},"3711":{},"3712":{},"3713":{},"3714":{},"3715":{}}}],["switch.__type",{"_index":1533,"name":{},"parent":{"3709":{}}}],["symbol_required",{"_index":585,"name":{"1363":{}},"parent":{}}],["syncfixedtablerowheight",{"_index":841,"name":{"1780":{}},"parent":{}}],["tab",{"_index":1560,"name":{"3761":{}},"parent":{}}],["tabdatalist",{"_index":1577,"name":{"3808":{},"3821":{},"3830":{}},"parent":{}}],["tablelayout",{"_index":780,"name":{"1703":{}},"parent":{}}],["tablewidth",{"_index":808,"name":{"1738":{}},"parent":{}}],["tabpanel",{"_index":1535,"name":{"3717":{},"3842":{}},"parent":{}}],["tabs",{"_index":1534,"name":{"3716":{},"3774":{},"3790":{},"3802":{}},"parent":{"3717":{},"3718":{},"3719":{},"3720":{},"3721":{},"3722":{},"3723":{},"3724":{},"3725":{},"3726":{},"3727":{},"3728":{},"3729":{}}}],["tabscascader",{"_index":259,"name":{"571":{}},"parent":{"572":{},"573":{},"581":{},"582":{},"583":{},"584":{},"585":{},"586":{},"587":{},"588":{},"589":{},"590":{},"591":{},"592":{},"593":{},"594":{}}}],["tabscascader.__type",{"_index":260,"name":{},"parent":{"574":{},"575":{},"576":{},"577":{},"578":{},"579":{},"580":{}}}],["tabscls",{"_index":1536,"name":{"3721":{},"3847":{}},"parent":{}}],["tabtype",{"_index":1557,"name":{"3757":{}},"parent":{}}],["tag",{"_index":1454,"name":{"3489":{},"3499":{},"3867":{}},"parent":{}}],["tagseparator",{"_index":953,"name":{"1983":{}},"parent":{}}],["tagstriggerref",{"_index":257,"name":{"549":{}},"parent":{}}],["target",{"_index":172,"name":{"300":{},"636":{},"1186":{},"2145":{},"3132":{}},"parent":{}}],["targetkeys",{"_index":1636,"name":{"4024":{},"4050":{},"4053":{}},"parent":{}}],["targetmap",{"_index":505,"name":{"1184":{}},"parent":{}}],["targetoffset",{"_index":481,"name":{"1141":{}},"parent":{}}],["text",{"_index":283,"name":{"654":{},"778":{},"1020":{},"2550":{},"2562":{},"3258":{}},"parent":{}}],["textalign",{"_index":818,"name":{"1752":{},"1858":{}},"parent":{}}],["textblock",{"_index":1218,"name":{"2692":{}},"parent":{}}],["textfield",{"_index":68,"name":{"109":{},"139":{},"154":{}},"parent":{}}],["textmark",{"_index":1598,"name":{"3908":{}},"parent":{}}],["textmarkfindchunksfunction",{"_index":1596,"name":{"3905":{}},"parent":{"3906":{}}}],["textmarksanitizefunction",{"_index":1595,"name":{"3903":{}},"parent":{"3904":{}}}],["textmarksearchwords",{"_index":1597,"name":{"3907":{}},"parent":{}}],["textnoderef",{"_index":123,"name":{"197":{}},"parent":{}}],["textready",{"_index":119,"name":{"187":{},"202":{}},"parent":{}}],["textrow",{"_index":1213,"name":{"2688":{}},"parent":{}}],["textrowdashed",{"_index":1215,"name":{"2689":{}},"parent":{}}],["textscale",{"_index":118,"name":{"186":{},"201":{}},"parent":{}}],["textsuited",{"_index":295,"name":{"667":{}},"parent":{}}],["texttohighlight",{"_index":1608,"name":{"3920":{}},"parent":{}}],["theme",{"_index":1584,"name":{"3857":{}},"parent":{}}],["threshold",{"_index":1025,"name":{"2134":{}},"parent":{}}],["thumbsrc",{"_index":1726,"name":{"4225":{}},"parent":{}}],["thursday",{"_index":414,"name":{"976":{}},"parent":{}}],["time",{"_index":963,"name":{"2015":{},"2031":{}},"parent":{}}],["timeerrorpop",{"_index":969,"name":{"2022":{}},"parent":{}}],["timeline",{"_index":1624,"name":{"3972":{},"3976":{}},"parent":{"3977":{},"3978":{},"3983":{},"3984":{},"3985":{},"3986":{},"3987":{},"3988":{}}}],["timeline.__type",{"_index":1625,"name":{},"parent":{"3979":{},"3980":{},"3981":{},"3982":{}}}],["timelineitem",{"_index":1618,"name":{"3938":{}},"parent":{"3939":{},"3940":{},"3945":{},"3946":{},"3947":{},"3948":{},"3951":{},"3952":{},"3953":{},"3954":{},"3955":{}}}],["timelineitem.__type",{"_index":1619,"name":{},"parent":{"3941":{},"3942":{},"3943":{},"3944":{},"3949":{},"3950":{}}}],["timeout",{"_index":1161,"name":{"2450":{}},"parent":{}}],["timeoutid",{"_index":42,"name":{"70":{}},"parent":{}}],["timepicker",{"_index":406,"name":{"948":{},"1913":{},"1931":{},"1949":{},"2095":{}},"parent":{}}],["timer",{"_index":1185,"name":{"2577":{}},"parent":{}}],["timerangepicker",{"_index":408,"name":{"970":{}},"parent":{}}],["tip",{"_index":1617,"name":{"3934":{},"3966":{}},"parent":{}}],["tips",{"_index":1752,"name":{"4283":{},"4302":{},"4321":{}},"parent":{}}],["title",{"_index":17,"name":{"17":{},"30":{},"233":{},"356":{},"557":{},"580":{},"719":{},"1060":{},"1071":{},"1096":{},"1133":{},"1742":{},"1848":{},"1989":{},"2003":{},"2421":{},"2443":{},"3546":{},"3594":{},"3608":{},"3738":{},"3750":{},"3891":{},"3990":{},"4029":{},"4063":{}},"parent":{}}],["titleformat",{"_index":983,"name":{"2045":{}},"parent":{}}],["to",{"_index":975,"name":{"2028":{}},"parent":{}}],["toggle",{"_index":326,"name":{"743":{},"2765":{},"2961":{},"3713":{}},"parent":{}}],["togglebatchcomponents",{"_index":872,"name":{"1820":{}},"parent":{}}],["toggledropdown",{"_index":1470,"name":{"3541":{}},"parent":{}}],["toggleexpand",{"_index":1146,"name":{"2396":{},"2429":{}},"parent":{}}],["togglepopoveropen",{"_index":109,"name":{"170":{}},"parent":{}}],["tooltip",{"_index":139,"name":{"236":{},"4001":{}},"parent":{"4002":{},"4003":{},"4009":{},"4010":{},"4011":{},"4012":{},"4013":{},"4014":{}}}],["tooltip.__type",{"_index":1629,"name":{},"parent":{"4004":{},"4005":{},"4006":{},"4007":{},"4008":{}}}],["top",{"_index":1667,"name":{"4080":{}},"parent":{}}],["topoffset",{"_index":1788,"name":{"4410":{},"4420":{}},"parent":{}}],["topposition",{"_index":1111,"name":{"2332":{}},"parent":{}}],["total",{"_index":888,"name":{"1842":{},"2590":{},"2598":{},"2661":{}},"parent":{}}],["totalitem",{"_index":1192,"name":{"2594":{},"2665":{}},"parent":{}}],["touched",{"_index":533,"name":{"1223":{},"1264":{},"1294":{},"1330":{}},"parent":{}}],["touchwhen",{"_index":651,"name":{"1465":{},"1609":{}},"parent":{}}],["transfer",{"_index":925,"name":{"1916":{},"1934":{},"1952":{},"2098":{},"4016":{},"4017":{}},"parent":{"4018":{}}}],["transfercolumntype",{"_index":1634,"name":{"4022":{}},"parent":{}}],["transferdirection",{"_index":1632,"name":{"4019":{}},"parent":{}}],["transferkeys",{"_index":1649,"name":{"4055":{}},"parent":{}}],["transferredkeys",{"_index":1637,"name":{"4025":{}},"parent":{}}],["transfertype",{"_index":1644,"name":{"4042":{}},"parent":{}}],["transitionduration",{"_index":1490,"name":{"3622":{},"3647":{}},"parent":{}}],["transitionprototype",{"_index":61,"name":{"92":{},"100":{}},"parent":{}}],["translate",{"_index":1522,"name":{"3684":{}},"parent":{}}],["tree",{"_index":1687,"name":{"4108":{},"4116":{}},"parent":{"4117":{},"4118":{},"4125":{},"4126":{},"4127":{},"4128":{},"4129":{},"4130":{},"4131":{},"4132":{},"4133":{},"4134":{},"4135":{},"4136":{},"4137":{},"4138":{},"4139":{},"4140":{}}}],["tree.__type",{"_index":1693,"name":{},"parent":{"4119":{},"4120":{},"4121":{},"4122":{},"4123":{},"4124":{}}}],["treerootidarray",{"_index":1653,"name":{"4059":{}},"parent":{}}],["trigger",{"_index":288,"name":{"659":{},"2739":{},"2763":{},"2790":{},"2821":{},"2875":{},"2922":{},"4004":{},"4369":{}},"parent":{}}],["triggereventcallback",{"_index":1123,"name":{"2347":{}},"parent":{}}],["triggeronclose",{"_index":440,"name":{"1052":{}},"parent":{}}],["triggerref",{"_index":1423,"name":{"3397":{}},"parent":{}}],["triggertext",{"_index":1103,"name":{"2304":{},"2319":{}},"parent":{}}],["triggervalidate",{"_index":541,"name":{"1233":{},"1271":{},"1302":{},"1337":{}},"parent":{}}],["triggerwidth",{"_index":1420,"name":{"3372":{}},"parent":{}}],["tryreviveoption",{"_index":1425,"name":{"3403":{}},"parent":{}}],["tuesday",{"_index":412,"name":{"974":{}},"parent":{}}],["type",{"_index":25,"name":{"26":{},"44":{},"54":{},"65":{},"234":{},"245":{},"305":{},"317":{},"343":{},"355":{},"365":{},"621":{},"750":{},"763":{},"2104":{},"2161":{},"2179":{},"2201":{},"2307":{},"2446":{},"2468":{},"2494":{},"2520":{},"2551":{},"2563":{},"2569":{},"2750":{},"2777":{},"2808":{},"2833":{},"2856":{},"2878":{},"3096":{},"3121":{},"3260":{},"3510":{},"3526":{},"3557":{},"3569":{},"3593":{},"3607":{},"3784":{},"3814":{},"3887":{},"3937":{},"3969":{},"3973":{},"3979":{},"4220":{},"4229":{},"4237":{}},"parent":{}}],["unchecked",{"_index":956,"name":{"1987":{}},"parent":{}}],["uncheckedtext",{"_index":1532,"name":{"3702":{}},"parent":{}}],["unfoldbreads",{"_index":165,"name":{"283":{}},"parent":{}}],["unhighlightclassname",{"_index":1603,"name":{"3915":{}},"parent":{}}],["unhighlightstyle",{"_index":1604,"name":{"3916":{}},"parent":{}}],["unknown",{"_index":1776,"name":{"4393":{}},"parent":{}}],["unmountonhide",{"_index":1554,"name":{"3746":{},"3765":{}},"parent":{}}],["unmountpanelonhide",{"_index":1565,"name":{"3775":{},"3791":{},"3803":{}},"parent":{}}],["unshift",{"_index":550,"name":{"1257":{}},"parent":{}}],["unsubscribe",{"_index":772,"name":{"1687":{}},"parent":{}}],["unwrap",{"_index":620,"name":{"1403":{}},"parent":{}}],["updatefilelist",{"_index":1710,"name":{"4155":{},"4182":{}},"parent":{}}],["updateposition",{"_index":1,"name":{"1":{}},"parent":{}}],["updatetextscale",{"_index":125,"name":{"206":{}},"parent":{}}],["updateuploaditem",{"_index":1713,"name":{"4158":{},"4185":{},"4200":{}},"parent":{}}],["updateuploaditempercent",{"_index":1719,"name":{"4164":{},"4191":{},"4213":{}},"parent":{}}],["updateuploaditemstatustofailed",{"_index":1718,"name":{"4163":{},"4190":{},"4212":{}},"parent":{}}],["updateuploaditemstatustosuccess",{"_index":1717,"name":{"4162":{},"4189":{},"4211":{}},"parent":{}}],["upload",{"_index":923,"name":{"1914":{},"1932":{},"1950":{},"2096":{},"4141":{}},"parent":{"4142":{},"4143":{},"4144":{},"4145":{},"4146":{},"4147":{},"4148":{},"4149":{},"4150":{},"4151":{},"4152":{},"4153":{},"4154":{},"4155":{},"4156":{},"4157":{},"4158":{},"4159":{},"4160":{},"4161":{},"4162":{},"4163":{},"4164":{},"4165":{},"4166":{}}}],["uploading",{"_index":994,"name":{"2063":{}},"parent":{}}],["usechangehandler",{"_index":603,"name":{"1382":{}},"parent":{}}],["usecompositionhandler",{"_index":604,"name":{"1383":{}},"parent":{}}],["useeventhandler",{"_index":504,"name":{"1183":{}},"parent":{}}],["usefield",{"_index":726,"name":{"1565":{}},"parent":{}}],["usefieldarray",{"_index":727,"name":{"1567":{}},"parent":{}}],["usefieldarraychildmodels",{"_index":730,"name":{"1573":{}},"parent":{}}],["usefieldarrayvalue",{"_index":731,"name":{"1575":{}},"parent":{}}],["usefieldset",{"_index":728,"name":{"1569":{}},"parent":{}}],["usefieldvalid",{"_index":740,"name":{"1597":{}},"parent":{}}],["usefieldvalue",{"_index":737,"name":{"1591":{}},"parent":{}}],["useform",{"_index":725,"name":{"1563":{}},"parent":{}}],["useformchild",{"_index":638,"name":{"1450":{}},"parent":{}}],["useformvalid",{"_index":739,"name":{"1595":{}},"parent":{}}],["useformvalue",{"_index":736,"name":{"1589":{}},"parent":{}}],["useinitialvalue",{"_index":755,"name":{"1638":{}},"parent":{}}],["uselayerforclickaway",{"_index":1327,"name":{"3060":{}},"parent":{}}],["usemappend",{"_index":601,"name":{"1380":{}},"parent":{}}],["usemodelvalid",{"_index":742,"name":{"1601":{}},"parent":{}}],["usemodelvalue",{"_index":741,"name":{"1599":{}},"parent":{}}],["usemulti",{"_index":599,"name":{"1378":{}},"parent":{}}],["usenamedchildmodel",{"_index":729,"name":{"1571":{}},"parent":{}}],["useobservablebatchedeagerstate",{"_index":637,"name":{"1449":{}},"parent":{}}],["usepipe",{"_index":602,"name":{"1381":{}},"parent":{}}],["usepopovercontext",{"_index":1308,"name":{"3008":{}},"parent":{}}],["useradiohandler",{"_index":1355,"name":{"3129":{}},"parent":{}}],["usetransfer",{"_index":1631,"name":{"4015":{}},"parent":{}}],["usewindow",{"_index":1023,"name":{"2131":{}},"parent":{}}],["usewindoweventhandler",{"_index":510,"name":{"1191":{}},"parent":{}}],["valid",{"_index":529,"name":{"1217":{},"1232":{},"1243":{},"1270":{},"1283":{},"1301":{},"1314":{},"1336":{},"1477":{}},"parent":{}}],["validate",{"_index":539,"name":{"1230":{},"1261":{},"1290":{},"1327":{}},"parent":{}}],["validateoccasion",{"_index":646,"name":{"1459":{},"1538":{},"1608":{}},"parent":{"1539":{},"1540":{},"1541":{},"1542":{}}}],["validateoption",{"_index":590,"name":{"1368":{},"1603":{}},"parent":{"1369":{},"1370":{},"1371":{},"1372":{},"1373":{},"1374":{},"1375":{}}}],["validator",{"_index":569,"name":{"1345":{}},"parent":{}}],["validatorcontext",{"_index":633,"name":{"1443":{}},"parent":{"1444":{},"1445":{},"1446":{},"1447":{},"1448":{}}}],["validatormiddlewares",{"_index":586,"name":{"1364":{}},"parent":{"1365":{},"1366":{},"1367":{}}}],["validators",{"_index":573,"name":{"1350":{},"1398":{},"1407":{},"1415":{},"1424":{},"1433":{},"1528":{},"1533":{},"1650":{},"1657":{},"1666":{}},"parent":{"1351":{},"1352":{},"1353":{},"1354":{},"1355":{},"1356":{},"1357":{},"1358":{},"1359":{},"1360":{},"1361":{},"1363":{}}}],["validators.iwithlength",{"_index":584,"name":{},"parent":{"1362":{}}}],["value",{"_index":66,"name":{"107":{},"123":{},"144":{},"392":{},"401":{},"462":{},"492":{},"526":{},"554":{},"574":{},"596":{},"608":{},"623":{},"641":{},"831":{},"851":{},"879":{},"899":{},"917":{},"934":{},"954":{},"985":{},"1002":{},"1021":{},"1024":{},"1038":{},"1113":{},"1115":{},"1218":{},"1219":{},"1241":{},"1242":{},"1282":{},"1298":{},"1312":{},"1313":{},"1641":{},"2112":{},"2167":{},"2182":{},"2290":{},"2297":{},"2489":{},"2515":{},"2542":{},"2554":{},"3134":{},"3153":{},"3164":{},"3180":{},"3201":{},"3216":{},"3227":{},"3298":{},"3331":{},"3368":{},"3437":{},"3457":{},"3470":{},"4197":{},"4323":{}},"parent":{}}],["valuefield",{"_index":67,"name":{"108":{},"137":{},"152":{}},"parent":{}}],["valuefromoption",{"_index":88,"name":{"132":{}},"parent":{}}],["valuefromoptions",{"_index":91,"name":{"136":{},"151":{}},"parent":{}}],["valuetype",{"_index":386,"name":{"842":{},"889":{},"910":{},"927":{},"944":{},"995":{},"1012":{},"1025":{},"1039":{}},"parent":{}}],["verticaltabs",{"_index":1582,"name":{"3841":{}},"parent":{"3842":{},"3843":{},"3844":{},"3845":{},"3846":{},"3847":{},"3848":{},"3849":{},"3850":{},"3851":{},"3852":{},"3853":{},"3854":{},"3855":{}}}],["view",{"_index":566,"name":{"1341":{}},"parent":{}}],["viewportbottom",{"_index":1781,"name":{"4398":{},"4406":{}},"parent":{}}],["viewporttop",{"_index":1780,"name":{"4397":{},"4405":{}},"parent":{}}],["visible",{"_index":199,"name":{"382":{},"454":{},"484":{},"516":{},"565":{},"1063":{},"1074":{},"1091":{},"2549":{},"2561":{},"2751":{},"2778":{},"2809":{},"2834":{},"2857":{},"2905":{},"2912":{},"2945":{},"3013":{},"3054":{},"3864":{},"3873":{},"3882":{},"3997":{}},"parent":{}}],["warn",{"_index":1164,"name":{"2459":{}},"parent":{}}],["waypoint",{"_index":1795,"name":{"4417":{}},"parent":{"4418":{},"4419":{},"4424":{},"4425":{},"4426":{},"4427":{},"4428":{},"4429":{}}}],["waypoint.__type",{"_index":1796,"name":{},"parent":{"4420":{},"4421":{},"4422":{},"4423":{}}}],["waypointbottom",{"_index":1779,"name":{"4396":{},"4404":{}},"parent":{}}],["waypointposition",{"_index":1771,"name":{"4388":{}},"parent":{"4389":{},"4390":{},"4391":{},"4392":{},"4393":{}}}],["waypointtop",{"_index":1778,"name":{"4395":{},"4403":{}},"parent":{}}],["weak",{"_index":1093,"name":{"2283":{}},"parent":{}}],["wednesday",{"_index":413,"name":{"975":{}},"parent":{}}],["week",{"_index":964,"name":{"2017":{},"2033":{}},"parent":{}}],["weekpicker",{"_index":419,"name":{"997":{}},"parent":{}}],["weekstartson",{"_index":418,"name":{"981":{}},"parent":{}}],["weekstartsonmap",{"_index":409,"name":{"971":{}},"parent":{"972":{},"973":{},"974":{},"975":{},"976":{},"977":{},"978":{}}}],["when",{"_index":588,"name":{"1366":{}},"parent":{}}],["whenasync",{"_index":589,"name":{"1367":{}},"parent":{}}],["width",{"_index":90,"name":{"135":{},"155":{},"631":{},"649":{},"833":{},"867":{},"881":{},"901":{},"919":{},"936":{},"968":{},"987":{},"1004":{},"1744":{},"1850":{},"2150":{},"2186":{},"2713":{},"3091":{},"3105":{},"3116":{},"3137":{},"3274":{},"3307":{},"3341":{},"3451":{},"3464":{},"3477":{}},"parent":{}}],["widths",{"_index":1231,"name":{"2721":{},"2735":{}},"parent":{}}],["widthsize",{"_index":1036,"name":{"2152":{},"2173":{},"2188":{},"2482":{},"2508":{},"2534":{}},"parent":{}}],["willscrolltoerror",{"_index":717,"name":{"1554":{}},"parent":{}}],["windoweventhandler",{"_index":511,"name":{"1192":{}},"parent":{}}],["windowresizehandler",{"_index":519,"name":{"1203":{}},"parent":{}}],["windowscrollhandler",{"_index":522,"name":{"1208":{}},"parent":{}}],["witherrorboundary",{"_index":496,"name":{"1162":{},"1177":{}},"parent":{}}],["withinput",{"_index":1443,"name":{"3435":{},"3449":{},"3462":{},"3475":{}},"parent":{}}],["withouterror",{"_index":643,"name":{"1455":{}},"parent":{}}],["withoutlabel",{"_index":652,"name":{"1470":{},"1627":{}},"parent":{}}],["withpop",{"_index":1267,"name":{"2882":{}},"parent":{}}],["withpopover",{"_index":1280,"name":{"2932":{}},"parent":{}}],["wrapperclassname",{"_index":332,"name":{"754":{},"762":{}},"parent":{}}],["x",{"_index":884,"name":{"1838":{},"3949":{}},"parent":{}}],["xl",{"_index":1081,"name":{"2263":{},"2272":{}},"parent":{}}],["xs",{"_index":1085,"name":{"2267":{},"2271":{}},"parent":{}}],["xxl",{"_index":1080,"name":{"2262":{},"2274":{}},"parent":{}}],["y",{"_index":885,"name":{"1839":{},"3950":{}},"parent":{}}],["year",{"_index":967,"name":{"2020":{},"2035":{},"2041":{}},"parent":{}}],["yearpicker",{"_index":421,"name":{"1014":{}},"parent":{}}],["yearquartername",{"_index":985,"name":{"2047":{}},"parent":{}}],["zhcnlocale",{"_index":927,"name":{"1919":{}},"parent":{"1920":{},"1921":{},"1922":{},"1923":{},"1924":{},"1925":{},"1926":{},"1927":{},"1928":{},"1929":{},"1930":{},"1931":{},"1932":{},"1933":{},"1934":{},"1935":{},"1936":{}}}],["zindex",{"_index":9,"name":{"9":{}},"parent":{}}],["zv",{"_index":186,"name":{"336":{}},"parent":{}}]],"pipeline":[]}} \ No newline at end of file diff --git a/apidoc/classes/Alert.html b/apidoc/classes/Alert.html index ddee394b8..a4e789beb 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 11da25e60..35cfc19c2 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 362d37fbe..dba694af7 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 4accc5610..a4abc1d43 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 255f8947a..d9195b297 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 f70b70bc8..1028e4e76 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 bcd8ed53e..bd9d7ee50 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 0c2370125..17ded20f0 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 88616bc35..2699ce0e4 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 c7464581c..f3bd022b5 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 ae07c5810..419726d5d 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 e2024c228..8571efd58 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 048f83dee..310503178 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 a238340bf..e1f89bcfd 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 e0eac672a..3c8dbcc5f 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 4ba826d73..509e3ea9f 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 5eb2a0a00..72dd1bbd1 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 5ea266719..42a80f11e 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 5690d5d17..3ea7a3122 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 96001a9bb..e29ec9723 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 d9d08a1ee..23bd4be0b 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 2095688c1..af2f2ca26 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 a3c054d3d..728e1ef73 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 = ...
    @@ -314,10 +314,10 @@

    Static

    Static defaultProps

    -
    defaultProps: { className: string; closeBtn: boolean; footer: any; mask: boolean; maskClosable: boolean; style: {}; title: string; visible: boolean; onClose: any } = ...
    +
    defaultProps: { className: string; closeBtn: boolean; footer: any; mask: boolean; maskClosable: boolean; position: DialogPosition; style: {}; title: string; visible: boolean; onClose: any } = ...
    @@ -338,6 +338,9 @@
    mask:
    maskClosable: boolean

    • +
  • +
    position: DialogPosition
    +
  • style: {}
      @@ -358,7 +361,7 @@
      onClose: function

    • Returns void

      @@ -374,7 +377,7 @@

      Static openDialog

      openDialog: (options?: Partial<IOpenDialogOption>) => (triggerOnClose?: boolean) => void = ...
      @@ -889,7 +892,7 @@

      onClose

    • Parameters

      @@ -912,7 +915,7 @@

      onExited

    • Returns void

      @@ -930,7 +933,7 @@

      render

      Returns Element

      @@ -1032,7 +1035,7 @@

      Static getDerivedState

    • Parameters

      diff --git a/apidoc/classes/ErrorBoundary.html b/apidoc/classes/ErrorBoundary.html index 559581391..c58bd3837 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 a0a7756e7..a14f078b1 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 f3eeb714c..79f173a36 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 d0402c006..eec4d457a 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 6e5303ae1..aa0cbc74b 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 c01c688c9..4791ed805 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 5bfed6f50..e8b5c0291 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 12c6afc56..0dadbdc81 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 89e6e39f5..94bb63ce4 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 c1b9ad6c9..ced13cba9 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 9efac6a6c..3c306006e 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 a0558a8ac..9dae6f0d6 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 749cc426f..f5950921e 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 7a631ca2a..51ede70e0 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 fd28ee738..f6815ebf7 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 852ceff8f..15e002154 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 54a9b39ca..0bf85ecc7 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 59aa9f4eb..3298f7f96 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 53fd89779..672dc3b4f 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 ef290089f..4f8503f12 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 af05cebee..73cb4bd8b 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 da24cca03..4fec36362 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 6e82a1535..768cabbc8 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 505943666..9720ce4fe 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 ca86d9b2d..c250adf9c 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 a26cec105..ef6342393 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 de55e7a45..5e9cda4d1 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 397a88585..4b905f983 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 dc3b3687b..a77ce80d8 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 e2d3a4ce9..4548ba424 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 c878e1022..cd45d1e30 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 e5ed0207d..99740e513 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 81a0e6f5d..4e35394bd 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 1563a6487..318383d35 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 9c46391d9..06cef1387 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 9b5bf1b15..8b9851ca4 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 545fe627e..5a8516d9a 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 2d3ab400c..ecec60a11 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 cd7740855..39c2650f5 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 df8522450..c8368c9dc 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 244e4e06f..96a5d4f57 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 602e60b5a..85dc9fa01 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 4f5d2345f..974b37fb6 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 0ad5d40d6..609aed93a 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 c0b10370d..231c2c590 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 3c17551f6..7ab285652 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 c9813c110..573d8766b 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 8fd68f7be..be2de419d 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 fedb7b361..5e327b307 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 a933efafc..78b7ec90c 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 9dafaba2b..874403ca1 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 57214372f..861873862 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 3e5d1d801..3750a9738 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 7e057905c..7cb08d66e 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 f80b8b18a..2c5f676ca 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 8de482eaa..f2cb5af19 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 c1b153701..fcf7bfc49 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 9ef7443ef..e132133fb 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 a44ac6ac5..c5145236d 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 b6f0b4b08..d18b28535 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 63d4eb001..f86457036 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 5d0d3405f..e747cc5b2 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 37ed2c099..ebac86870 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 12c410a89..ac446feb3 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 94e228a8a..a8c9c44bc 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 6724db289..98b002e3c 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 a34f7e784..ba3c35317 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 e518b1113..600a9c2cf 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 35162578f..b39c86a6d 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 81bc49f11..616b20564 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 972bde092..2d5bcdf77 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 ef4a595e9..193fc0481 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 c7974d8f6..cba5823d1 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 deeb7780c..c3365b7dc 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 a8faeaa4e..3cf428b03 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 c9ea6e6c4..54d25d773 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 751dfd4bf..4d386f553 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 da36479bc..2dd638a89 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 dec42c6aa..561af1d35 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 9a31d3f82..d6cf2ff6f 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 5ec4e4371..0ab8c03ce 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 d88a458ab..93607dcb9 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 8f3021115..23d3855df 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 d4198166d..2fba31be7 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 6d51b42a5..aac6e945f 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 5803291de..4b3802ba1 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 dc97b301f..982e64bd9 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 e44e81406..f99b9065b 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 9cdf5721c..cb4fce66f 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 3776a43cd..550c23813 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 0387a94fa..32937f48d 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 443e9ad33..ea2ec9b96 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 2c3df2c29..b3b9d9e5d 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 7fccd358a..f4a16e7a4 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 a1afd8a64..1c094721c 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 ed9b63135..51b225cf7 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 825c79994..08d95df1c 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 61aee709f..57b1f5eea 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 ddaae026a..607326f4b 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 74034feed..e5638e81b 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 18c5bd714..e082a5ed6 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 e6bc7ff2f..2417f974d 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 ea6957653..73d850c50 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 ebd7f76a6..cc1d1aa64 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 40e568cdc..b428ae76c 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 c7ed54c00..92ba5b980 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 62daa7844..122bff852 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 503db860f..3a02417bc 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 018efaab5..9ce7c8745 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 fee2e4281..4db54645a 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 7f800f3c1..8cc925131 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 2d52bc199..4fc449849 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 d6618ecbc..e0298939d 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 065bc95b2..bb9e489e5 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 01bee912f..37785f0ac 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 2d46b37a5..6be1c5e1c 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 430505c90..80b51a49e 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 cb44a159a..07dbf11e1 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 1e1fe5670..2cb61c171 100644 --- a/apidoc/interfaces/IDialogProps.html +++ b/apidoc/interfaces/IDialogProps.html @@ -86,6 +86,7 @@

      Properties

    • footer
    • mask
    • maskClosable
      • +
    • position
    • style
    • title
    • visible
      • @@ -110,7 +111,7 @@

      Optional children

      children: ReactNode
      @@ -120,7 +121,7 @@

      Optional className

      className: string
      @@ -130,7 +131,7 @@

      Optional closeBtn

      closeBtn: boolean
      @@ -140,7 +141,7 @@

      Optional footer

      footer: ReactNode
      @@ -150,7 +151,7 @@

      Optional mask

      mask: boolean
      @@ -160,7 +161,17 @@

      Optional maskClosable

      maskClosable: boolean
      + +
      + +

      Optional position

      +
      position: "auto" | "center"
      +
      @@ -170,7 +181,7 @@

      Optional style

      style: CSSProperties
      @@ -180,7 +191,7 @@

      Optional title

      title: ReactNode
      @@ -190,7 +201,7 @@

      visible

      visible: boolean
      @@ -207,7 +218,7 @@

      Optional onClose

    • Parameters

      @@ -230,7 +241,7 @@

      Optional onClosed

    • Returns void

      @@ -247,7 +258,7 @@

      Optional onOpened

    • Returns void

      @@ -289,6 +300,9 @@

      Returns void maskClosable

      • +
    • + position +
    • style
      • diff --git a/apidoc/interfaces/IDialogState.html b/apidoc/interfaces/IDialogState.html index 3048185e2..a7f3e7b64 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 701ad0c33..73db23f28 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 b5021ff61..d5ae60be7 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 953484ed4..87af209d6 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 5c07f0900..5a0b00655 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 c5a6dec18..37880c8ef 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 d0d0a599b..3f56b4736 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 d2cc698a1..82fcfc59f 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 336161470..9e79f25f4 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 58133359b..951ba0379 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 6668dcb82..50604b0c5 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 ec1646d51..24f08e3c5 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 1b89cd01e..029c702a2 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 c63779e93..5d7852584 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 5db74ed55..ab3c214bc 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 bbdd447ce..ea3d87281 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 a5b2835b3..8b1ec0ec7 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 7f008f435..bf961c1ef 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 aad47849c..add2aa81e 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 2862a70b9..205400dc1 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 66c26419b..35c7e622c 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 5ad204802..c4c746ebb 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 5225e907b..f332dbb7f 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 d55587f66..8bfcb93b1 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 cd4a8f2ce..503edd13a 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 8c9228db2..6ae581d28 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 935eb5052..44c3f8be5 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 06a0a7ad9..7f62d1e67 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 9ed672a81..bd7ac6a5f 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 d2ccb6306..c5d901a50 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 a2c0b3040..688c9a200 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 91f1f8de5..9da45eec7 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 8c50f0797..fee35eb42 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 5ac03cc60..4aae4e1ea 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 465810f0c..81e180abe 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 fe9484171..84b80ea3f 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 eb0756ae9..c348eac2e 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 8bd999045..0aceeafb1 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 870357f6a..769f2d803 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 c845b0984..321fbe35d 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 2f2886b96..df94f4937 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 49832a4d0..8803cef7d 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 0f0ecb0c7..4e5c9b884 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 dee61824c..5209173bb 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 496b5536a..9238d59e2 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 7fa7c5e31..658f3d9b0 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 dabec922c..4fcc5340d 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 23226ff04..cbd7141e8 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 2393a0f49..9002a0e74 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 9f0c7eda8..0e4039588 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 6b6a2b2b0..51318f0e9 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 af747ddcc..b4bc68c90 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 54af24ffe..675044be6 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 6896ec35e..012ffe327 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 efbe9fbf2..c9d107d4c 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 bb46d053b..73bdb8133 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 64a01535e..81c824c65 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 f1ea817db..adf8a9ae7 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 b34fed1f7..63e11c92b 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 07c0b3bca..9a87f5001 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 2d5111194..418eee4f7 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 9203f5a17..858d237b2 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 9fa0e62f5..2e00a993e 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 7d604b5f2..8f43a478d 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 01a31924a..54b7c2c87 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 e5fa6f87d..ccddd7b2f 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 8ce786ecd..64a1ef941 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 a73649d46..e00d30c54 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 36d136c84..8d69615ca 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 bc161691e..28accecbc 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 1647a7fbf..4707e34b4 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 61a0745f0..7fe9223fc 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 5c24e7515..412c8413b 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 9250e0183..ab896cc52 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 92e74d331..904d06361 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 fe15f4cbe..ab2e54aa0 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 bb53b8b83..df5b8f1af 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 70d13a3f6..87e22dd7c 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 00ff593a9..8c6ce4c20 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 28d07f0ed..33a4cd3f6 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 26633ae93..67b14b08d 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 e205931c0..d33e26e6a 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 a7fc57189..8ebca7e0d 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 702fd703a..47470acd5 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 32b8d7990..ddb8adf26 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 2b534e996..b1bfa97a7 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 2bc1fd28c..14fd3351f 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 af9e69188..718c07df0 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 1c68f90eb..475ab9d0a 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 3f17d23ea..805267fb0 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 045c20e29..828232ad9 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 4173a5e2a..b43e67c06 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 724dee613..671258052 100644 --- a/apidoc/interfaces/IOpenDialogOption.html +++ b/apidoc/interfaces/IOpenDialogOption.html @@ -93,6 +93,7 @@

      Properties

    • mask
    • maskClosable
    • parentComponent
      • +
    • position
    • style
    • title
    • visible
      • @@ -119,7 +120,7 @@

      Optional children

      @@ -130,7 +131,7 @@

      Optional className

      @@ -141,7 +142,7 @@

      Optional closeBtn

      @@ -151,7 +152,7 @@

      Optional dialogId

      dialogId: string
      @@ -162,7 +163,7 @@

      Optional footer

      @@ -173,7 +174,7 @@

      Optional mask

      @@ -184,7 +185,7 @@

      Optional maskClosable

      Inherited from Omit.maskClosable

      @@ -194,7 +195,18 @@

      Optional parentComponent<
      parentComponent: ReactInstance
      + +
      + +

      Optional position

      +
      position: "auto" | "center"
      +
      @@ -205,7 +217,7 @@

      Optional style

      @@ -216,7 +228,7 @@

      Optional title

      @@ -227,7 +239,7 @@

      visible

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

      Optional onClose

    • Returns void

      @@ -262,7 +274,7 @@

      Optional onClosed

      Returns void

      @@ -280,7 +292,7 @@

      Optional onOpened

      Returns void

      @@ -297,7 +309,7 @@

      Optional ref

    • Parameters

      @@ -351,6 +363,9 @@

      Returns void parentComponent

      • +
    • + position +
    • style
      • diff --git a/apidoc/interfaces/IOptionRenderer.html b/apidoc/interfaces/IOptionRenderer.html index 6542156a8..d46f5598e 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 db873b4c0..f7954a69d 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 63dd15990..eb1505d70 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 24946d2e1..fe2bbb633 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 f4dfde941..27fb6e7e3 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 43a7d9849..9af00e87c 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 77d16e96d..e51bb801f 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 070ca381a..59822d80f 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 dea05d10d..655097ae4 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 14039a0ae..d2d0bbb11 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 e51f203a4..2eb968353 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 a0b1b2b38..82405da1e 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 640f31dba..b11313e55 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 ceb17053b..8c1876954 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 7a3005fc0..0b6ec08e4 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 e5549e3a4..fbb54b7f9 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 1280acc0d..2a577db47 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 97bdb6c80..79fe90299 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 7ed52bb03..abe84e4dd 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 3822adc29..bd8379978 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 c873c7a96..a2ecfed9d 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 3838c08b8..8d9cabd9a 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 a257c1cd2..f2a4261a4 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 5f7a1ca58..a12270d58 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 65e4f0202..dccdae6f8 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 c91dbeef4..65f118e6d 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 f9fd7b9f1..574b26277 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 4cb187290..75759e701 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 d77656c36..4a9fe982f 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 5e719d640..c6227ed65 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 684f515b8..dc3405154 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 9904b362e..69f7b98ac 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 85e65c288..5bf05f3ec 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 2275a2a43..eb64c3879 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 58c82cb34..842864f13 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 23cfc4bc8..6c6ff19d7 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 5bb65f01f..947a50548 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 34ebcb182..c162e4082 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 f28e14126..0f709a63b 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 00edc2da3..8a9ec9a2e 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 947a2467b..f5c7f027a 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 68b0c58ae..456bcdf87 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 1fe3034bc..2673e233d 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 b3cfbb296..c0f20f78a 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 c85921efc..b74745af4 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 9ce5efb1b..4f52d1658 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 5ff91b583..525decb54 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 e51ad1f67..fa73a7db4 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 860eef8a7..04eb8d7d5 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 00e062fe9..c6a5e7da9 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 ec6668e85..02d593b7b 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 979a4a669..992d8517d 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 3587c8964..b4322d21d 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 3b5e3d159..48382c63f 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 d6eac365a..b4e4bf2d4 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 334a06c90..95d13e393 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 bbbdb0f01..60049739e 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 b44d1292a..482c987bc 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 cc9488547..2a9ff3c5a 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 b8b007342..be5328b94 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 6bc55b1be..1a89db3d3 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 5cb0edba4..33be0d9ed 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 7686d4533..c98e23960 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 d0e85525b..3868a3a3f 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 6527ff491..18524401e 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 237247d00..46ffdff98 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 46733a558..215420536 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 fa2c906ba..46f37ec27 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 ae109389c..f17d4f299 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 bb4088e94..d83e3c35e 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 141c6ece4..f3d586d07 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 1956a78c3..15b274c5b 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 3543c3c7f..2b0ff4d9d 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 f8526f0cc..c0bdbac2b 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 521e7b0dd..7f1a6e5df 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 08d62d6c0..01761b963 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 bee6f1467..c0e47ebb3 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 e8f742af4..d97723ded 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 9408fda86..3c7a1fb6a 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 f81785092..82d43e9f9 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 8842d62a3..4e491abf7 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 4c86499ef..a94ab0150 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 075209dcb..fcc2ab84f 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 939c2c1c5..0d19b2d7f 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 e36ccab45..8bef88fb3 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 fd754f089..942bd4d17 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 5e5659033..da6e75abe 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 21118d72c..38713e9fa 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 edd2723d4..f97f9f56a 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 e47bd6a14..d73dd9cc8 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 f69f55a4c..bf64ee900 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 f581d56de..e24f7b358 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 8e632c989..5bb0f2a74 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 66142d311..95d349a4a 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 86495f836..b56323e8b 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 4ba1d4d16..c3f56a4bb 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 467597657..9f61228e1 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 58a6247ee..0cc48cb60 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 521cb0bd3..21d13cd6f 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 afe7a189f..bb7ca330f 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 50ff9df46..f5e489504 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 1bffba12d..579dd4ecf 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 1dd4ca836..5ca40bf50 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 1461aac58..0171f5cb5 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 1095d7365..ac67db79e 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 ab02d352a..924b164e9 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 764f17290..8b5ccb235 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 dc4ec4e7f..35d011b30 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 4a7bb26ea..8555284de 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 0819a96df..28fb50349 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 acd932347..16ec6453d 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 d2e585db4..65afee0fb 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 586b6e4a9..4abe1e1f6 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 44d20bb3d..0ffc8efe9 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 e9283e97b..83503203d 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 d4e15ab76..47ddc2933 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 cdaec2696..863359003 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 d223de404..97b63be09 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 b34f1978f..d94b3c05c 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 6646a42b9..5a1017d10 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 ccd4bb0eb..7b826c6a5 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 23dbc0e39..5d71d6ee2 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 6f10bd3f9..6e705654c 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 fbbcf3f46..5a49b0222 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 4e0ec032a..c62b4ef8c 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 a571b8467..8659e3a72 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 5012617bd..a2ceeec0a 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 d7801eaab..16f67b780 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,17 +1944,17 @@

      IIndicator

      IIndicator: FC<IIndicatorProps> & { Step: typeof Step }

      IIndicatorProps

      -
      IIndicatorProps: Omit<IStepProps, "type">
      +
      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

      @@ -2529,10 +2529,10 @@

      Id

      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-o" | "calendar" | "calendar-o" | "capital" | "capital-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-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" | "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" | "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" | "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" | "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"
      +
      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,17 +3293,17 @@

      Const LinkTag

      LinkTag: ForwardRefExoticComponent<ILinkTagProps & RefAttributes<HTMLDivElement>> = ...

      Const Notify

      -
      Notify: { clear: (containerId: any) => void; config: (options: any) => void; error: (text: ReactNode, duration?: number, callback?: () => void) => number; info: (text: ReactNode, duration?: number, callback?: () => void) => number; success: (text: ReactNode, duration?: number, callback?: () => void) => number; warn: (text: ReactNode, duration?: number, callback?: () => void) => number } = ...
      +
      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 } = ...
      @@ -3352,11 +3352,11 @@

      Returns void

    • -
      error: (text: ReactNode, duration?: number, callback?: () => void) => number
      +
      error: (text: ReactNode, duration?: number, callback?: () => void, containerSelector?: string, className?: string) => number
        • -
        • (text: ReactNode, duration?: number, callback?: () => void): number
          • +
        • (text: ReactNode, duration?: number, callback?: () => void, containerSelector?: string, className?: string): number
        • @@ -3383,6 +3383,12 @@

          Returns void

        • +
      • +
        Optional containerSelector: string
        +
        • +
      • +
        Optional className: string
        +

      Returns number

      • @@ -3391,11 +3397,11 @@

      Returns number

    • -
      info: (text: ReactNode, duration?: number, callback?: () => void) => number
      +
      info: (text: ReactNode, duration?: number, callback?: () => void, containerSelector?: string, className?: string) => number
        • -
        • (text: ReactNode, duration?: number, callback?: () => void): number
          • +
        • (text: ReactNode, duration?: number, callback?: () => void, containerSelector?: string, className?: string): number
        • @@ -3422,6 +3428,12 @@

          Returns void

        • +
      • +
        Optional containerSelector: string
        +
        • +
      • +
        Optional className: string
        +

      Returns number

      • @@ -3430,11 +3442,11 @@

      Returns number

    • -
      success: (text: ReactNode, duration?: number, callback?: () => void) => number
      +
      success: (text: ReactNode, duration?: number, callback?: () => void, containerSelector?: string, className?: string) => number
        • -
        • (text: ReactNode, duration?: number, callback?: () => void): number
          • +
        • (text: ReactNode, duration?: number, callback?: () => void, containerSelector?: string, className?: string): number
        • @@ -3461,6 +3473,12 @@

          Returns void

        • +
      • +
        Optional containerSelector: string
        +
        • +
      • +
        Optional className: string
        +

      Returns number

      • @@ -3469,11 +3487,11 @@

      Returns number

    • -
      warn: (text: ReactNode, duration?: number, callback?: () => void) => number
      +
      warn: (text: ReactNode, duration?: number, callback?: () => void, containerSelector?: string, className?: string) => number
        • -
        • (text: ReactNode, duration?: number, callback?: () => void): number
          • +
        • (text: ReactNode, duration?: number, callback?: () => void, containerSelector?: string, className?: string): number
        • @@ -3500,6 +3518,12 @@

          Returns void

        • +
      • +
        Optional containerSelector: string
        +
        • +
      • +
        Optional className: string
        +

      Returns number

      • @@ -3516,7 +3540,7 @@

      Const Password

      Password: { displayName: string } = ...
      @@ -3550,7 +3574,7 @@

      Const Placeholder

      Placeholder: { Circle: typeof default; Rectangle: typeof default; RichTextBlock: typeof default; TextBlock: typeof default; TextRow: typeof default; TextRowDashed: typeof default } = ...
      @@ -3583,7 +3607,7 @@

      Const PopoverHoverTrigg
      PopoverHoverTriggerContext: Context<Required<IHoverTriggerCompatibleProps>> = ...
      @@ -3593,7 +3617,7 @@

      Const Portal

      Portal: ForwardRefExoticComponent<IPortalProps & RefAttributes<IPortalImperativeHandlers>> = ...
      @@ -3603,7 +3627,7 @@

      Const Progress

      Progress: React.FC<IProgressProps> = ...
      @@ -3613,7 +3637,7 @@

      Const Prompt

      Prompt: FC<IPromptProps> = ...
      @@ -3623,7 +3647,7 @@

      Const SelectTag

      SelectTag: ForwardRefExoticComponent<ISelectTagProps & RefAttributes<HTMLDivElement>> = ...
      @@ -3633,7 +3657,7 @@

      Const SingleCalendarDat
      SingleCalendarDatePanelPicker: React.FC<IDatePickerPanelProps> = ...
      @@ -3643,7 +3667,7 @@

      Const StatusBar

      StatusBar: FC<IStatusBarProps> = ...
      @@ -3653,7 +3677,7 @@

      Sweetalert

      Sweetalert: { alert: (config?: IAlertOption) => any; confirm: (config?: IConfirmOption) => any; info: (config?: IAlertOption) => any }
      @@ -3731,7 +3755,7 @@

      Const Tag

      Tag: ForwardRefExoticComponent<ITagProps & RefAttributes<HTMLDivElement>> = ...
      @@ -3741,7 +3765,7 @@

      Const TimePicker

      TimePicker: React.FC<ITimePickerProps> = ...
      @@ -3751,7 +3775,7 @@

      Const TimeRangePickerTimeRangePicker: React.FC<ITimeRangePickerProps> = ...

      @@ -3761,7 +3785,7 @@

      Const Transfer

      Transfer: React.FC<TransferType> = ...
      @@ -3771,7 +3795,7 @@

      Const WindowResizeHandl
      WindowResizeHandler: React.FC<IWindowResizeHandlerProps> = ...
      @@ -3788,7 +3812,7 @@

      Const WindowScrollHandl
      WindowScrollHandler: React.FC<IWindowScrollHandler> = ...
      @@ -3807,7 +3831,7 @@

      Const targetMap

      targetMap: WeakMap<EventTarget, TargetEventHandlers<string>> = ...
      @@ -3824,7 +3848,7 @@

      BlockLoading

    • Parameters

      @@ -3847,7 +3871,7 @@

      ButtonDirective

    • Type parameters

      @@ -3876,7 +3900,7 @@

      Checkbox

    • Type parameters

      @@ -3905,7 +3929,7 @@

      Const CombinedDateRange

    • Type parameters

      @@ -3934,7 +3958,7 @@

      Const DatePicker

    • Type parameters

      @@ -3963,7 +3987,7 @@

      Const DateRangePicker

      Type parameters

      @@ -3992,7 +4016,7 @@

      Const DropdownClickTrig

    • Type parameters

      @@ -4021,7 +4045,7 @@

      Const DropdownContent

    • Parameters

      @@ -4044,7 +4068,7 @@

      Const DropdownHoverTrig

    • Type parameters

      @@ -4073,7 +4097,7 @@

      Const EventHandler

    • Type parameters

      @@ -4108,7 +4132,7 @@

      FieldSet

    • Type parameters

      @@ -4137,7 +4161,7 @@

      FormCheckboxField

    • Type parameters

      @@ -4166,7 +4190,7 @@

      FormCheckboxGroupField

    • Type parameters

      @@ -4195,7 +4219,7 @@

      Const FormCombinedDate<

    • Type parameters

      @@ -4224,7 +4248,7 @@

      Const FormDatePicker

      Type parameters

      @@ -4253,7 +4277,7 @@

      Const FormDateRange

      Type parameters

      @@ -4282,7 +4306,7 @@

      FormField

    • Type parameters

      @@ -4311,7 +4335,7 @@

      FormImageUploadField

    • Type parameters

      @@ -4340,7 +4364,7 @@

      Const FormMonthPicker

      Type parameters

      @@ -4369,7 +4393,7 @@

      FormNumberInputField

    • Type parameters

      @@ -4398,7 +4422,7 @@

      Const FormQuarterPicker

    • Type parameters

      @@ -4427,7 +4451,7 @@

      FormRadioGroupField

    • Type parameters

      @@ -4456,7 +4480,7 @@

      FormSelectField

    • Type parameters

      @@ -4488,7 +4512,7 @@

      FormSingleUploadField

    • Type parameters

      @@ -4517,7 +4541,7 @@

      FormUploadField

    • Type parameters

      @@ -4546,7 +4570,7 @@

      Const FormWeekPicker

      Type parameters

      @@ -4575,7 +4599,7 @@

      Const FormYearPicker

      Type parameters

      @@ -4604,7 +4628,7 @@

      FullScreenLoading

    • Parameters

      @@ -4627,7 +4651,7 @@

      InlineLoading

    • Parameters

      @@ -4650,7 +4674,7 @@

      Const MonthPicker

    • Type parameters

      @@ -4679,7 +4703,7 @@

      Notice

    • Parameters

      @@ -4702,7 +4726,7 @@

      PopoverClickTrigger

    • Type parameters

      @@ -4731,7 +4755,7 @@

      PopoverFocusTrigger

    • Type parameters

      @@ -4760,7 +4784,7 @@

      PopoverHoverTrigger

    • @@ -4796,7 +4820,7 @@

      Const QuarterPicker

    • Type parameters

      @@ -4825,7 +4849,7 @@

      Radio

    • Type parameters

      @@ -4854,7 +4878,7 @@

      RadioButton

    • Type parameters

      @@ -4883,7 +4907,7 @@

      RadioGroup

    • Type parameters

      @@ -4912,7 +4936,7 @@

      TextMark

    • @@ -4941,7 +4965,7 @@

      Const WeekPicker

    • Type parameters

      @@ -4970,7 +4994,7 @@

      WindowEventHandler

    • Type parameters

      @@ -4999,7 +5023,7 @@

      Const YearPicker

    • Type parameters

      @@ -5028,7 +5052,7 @@

      addEventListener

    • Type parameters

      @@ -5078,7 +5102,7 @@

      alert

    • Parameters

      @@ -5101,7 +5125,7 @@

      caselessMatchFilterOption

    • Parameters

      @@ -5127,7 +5151,7 @@

      closeDialog

    • Parameters

      @@ -5153,7 +5177,7 @@

      confirm

    • Parameters

      @@ -5176,7 +5200,7 @@

      createUseIMEComposition

    • Parameters

      @@ -5232,7 +5256,7 @@

      defaultGetValidateOption

    • Returns ValidateOption

      @@ -5249,7 +5273,7 @@

      Const getDecimal

    • Parameters

      @@ -5272,7 +5296,7 @@

      getRadioState

    • Type parameters

      @@ -5318,7 +5342,7 @@

      Const info

    • Parameters

      @@ -5341,7 +5365,7 @@

      isViewDrivenProps

    • Type parameters

      @@ -5370,7 +5394,7 @@

      openDialog

    • Parameters

      @@ -5411,7 +5435,7 @@

      previewImage

    • Parameters

      @@ -5434,7 +5458,7 @@

      smoothScroll

    • @@ -5488,7 +5512,7 @@

      useEventHandler

    • Type parameters

      @@ -5550,7 +5574,7 @@

      useFormChild

    • @@ -5593,7 +5617,7 @@

      useInitialValue

    • @@ -5632,7 +5656,7 @@

      useObservableBatchedEagerState

    • @@ -5674,7 +5698,7 @@

      usePopoverContext

    • Returns IPopoverContext

      @@ -5691,7 +5715,7 @@

      useRadioHandler

    • Type parameters

      @@ -5741,7 +5765,7 @@

      useTransfer

    • Parameters

      @@ -5764,7 +5788,7 @@

      useWindowEventHandler

    • Type parameters

      @@ -5817,7 +5841,7 @@

      withErrorBoundary

    • Type parameters

      diff --git a/apidoc/modules/FieldUtils.html b/apidoc/modules/FieldUtils.html index 7f4f564cc..95eda0b30 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 fb1faee8e..d0172055e 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 2da91bead..3e98ba0fd 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 63443b6c0..9bad507f8 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 ebfaa102d..16da1315e 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 d8020cbb2..94d713c1b 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 a4b5e71e6..af4b4f459 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-13a5f3693ec2f69f1c99.js new file mode 100644 index 000000000..102c85189 --- /dev/null +++ b/docs-13a5f3693ec2f69f1c99.js @@ -0,0 +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 diff --git a/docs-ed9c81778c97ef93d091.css b/docs-ed9c81778c97ef93d091.css deleted file mode 100644 index fec58038a..000000000 --- a/docs-ed9c81778c97ef93d091.css +++ /dev/null @@ -1,11 +0,0 @@ -/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:600}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Segoe UI,Arial,"PingFang SC","Hiragino Sans GB","Microsoft Yahei",STHeiti,SimSun,sans-serif;font-weight:400;font-size:14px;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}a{text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}ul,ol{list-style:none}.zent-zoom-appear[data-zv="10.0.9"],.zent-zoom-exit[data-zv="10.0.9"]{animation-fill-mode:both;animation-play-state:paused}.zent-zoom-appear[data-zv="10.0.9"].zent-zoom-appear-active{animation:160ms cubic-bezier(0.17, 0.84, 0.44, 0.1) 0s 1 normal both running zent-ani-zoomin-v10x0x9,100ms cubic-bezier(0.17, 0.84, 0.44, 0.1) 60ms 1 normal both running zent-ani-fadein-v10x0x9}.zent-zoom-exit[data-zv="10.0.9"].zent-zoom-exit-active{animation:160ms cubic-bezier(0.18, 0.66, 0.6, 0.82) 0s 1 normal both running zent-ani-zoomout-v10x0x9,100ms cubic-bezier(0.18, 0.66, 0.6, 0.82) 60ms 1 normal both running zent-ani-fadeout-v10x0x9}@keyframes zent-ani-zoomin-v10x0x9{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes zent-ani-zoomout-v10x0x9{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes zent-ani-fadein-v10x0x9{0%{opacity:0}100%{opacity:1}}@keyframes zent-ani-fadeout-v10x0x9{0%{opacity:1}100%{opacity:0}}@keyframes zent-ani-spin-v10x0x9{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.zent-popup[data-zv="10.0.9"]{box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));left:0;outline:none;overflow-y:auto;position:relative;width:100%;z-index:2000;max-height:224px;border-radius:3px;font-size:14px}.zent-font-weight-normal[data-zv="10.0.9"]{font-weight:400}.zent-font-weight-medium[data-zv="10.0.9"]{font-weight:500}.zent-font-weight-bold[data-zv="10.0.9"]{font-weight:600}.zent-font-normal[data-zv="10.0.9"]{font-size:14px;line-height:20px}.zent-font-small[data-zv="10.0.9"]{font-size:12px;line-height:18px}.zent-font-large[data-zv="10.0.9"]{font-size:16px;line-height:24px}.zent-font-h1[data-zv="10.0.9"]{font-size:44px;line-height:52px}.zent-font-h2[data-zv="10.0.9"]{font-size:34px;line-height:44px}.zent-font-h3[data-zv="10.0.9"]{font-size:24px;line-height:36px}.zent-font-h4[data-zv="10.0.9"]{font-size:20px;line-height:28px}.zent-alert[data-zv="10.0.9"]{border-style:solid;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;position:relative;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center center;padding:14px 16px;border-radius:2px}.zent-alert-outline[data-zv="10.0.9"]{border-radius:4px}.zent-alert--borderless[data-zv="10.0.9"]{border:none}.zent-alert__progress[data-zv="10.0.9"].zent-progress{width:100%;position:absolute;top:0;left:0}.zent-alert__progress[data-zv="10.0.9"].zent-progress .zent-progress-wrapper{background-color:transparent}.zent-alert-scroll[data-zv="10.0.9"]{border-style:solid;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;border-radius:2px;height:-webkit-min-content;height:min-content;box-sizing:border-box;overflow:hidden;position:relative}.zent-alert-scroll--borderless[data-zv="10.0.9"]{border:none}.zent-alert-scroll[data-zv="10.0.9"] .zent-alert-scroll-container{padding:12px 16px;transition-timing-function:ease-in-out}.zent-alert-scroll[data-zv="10.0.9"] .zent-alert-item{transform:translateY(0);opacity:0;transition:opacity .6s ease-in-out}.zent-alert-scroll[data-zv="10.0.9"] .zent-alert-scroll-active-item{opacity:1}.zent-alert-scroll[data-zv="10.0.9"] .zent-alert-scroll-virtual-item{opacity:1}.zent-alert-scroll-outline[data-zv="10.0.9"]{border-radius:4px}.zent-alert-item[data-zv="10.0.9"]{font-size:14px;line-height:20px;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));box-sizing:border-box;display:flex}.zent-alert-item[data-zv="10.0.9"] .zenticon{font-size:16px}.zent-alert-item-content[data-zv="10.0.9"]{flex:1 1 auto}.zent-alert-item-content__highlight[data-zv="10.0.9"]{font-weight:500}.zent-alert-item-content__title[data-zv="10.0.9"]{font-weight:500}.zent-alert-item-content__title[data-zv="10.0.9"]+.zent-alert-item-content__description{margin-top:8px}.zent-alert-item-close-wrapper[data-zv="10.0.9"]{margin-left:16px;cursor:pointer;height:20px}.zent-alert-item-close-wrapper[data-zv="10.0.9"] .zent-alert-item-close-btn{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:18px;width:16px;height:20px;line-height:20px;text-align:center}.zent-alert-item-extra-content[data-zv="10.0.9"]{margin:-6px 0 -6px 16px;align-items:center;display:flex;flex:0 0 auto}.zent-alert-item-icon[data-zv="10.0.9"],.zent-alert-item-custom-icon[data-zv="10.0.9"]{margin-right:8px}.zent-alert-item-icon[data-zv="10.0.9"].zenticon,.zent-alert-item-icon[data-zv="10.0.9"] .zent-loading-icon-and-text,.zent-alert-item-custom-icon[data-zv="10.0.9"].zenticon,.zent-alert-item-custom-icon[data-zv="10.0.9"] .zent-loading-icon-and-text{width:16px;height:20px;line-height:20px}.zent-alert-style-info[data-zv="10.0.9"]{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));border-color:#356fd4;border-color:var(--theme-primary-hover-bg, var(--theme-primary-7, #356fd4))}.zent-alert-style-info[data-zv="10.0.9"] .zent-alert-item-content__highlight{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-alert-style-info[data-zv="10.0.9"].zent-alert-outline,.zent-alert-style-info[data-zv="10.0.9"].zent-alert-scroll-outline{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-top-color:#155bd4;border-top-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-width:1px;border-style:solid;border-top-width:4px}.zent-alert-style-info[data-zv="10.0.9"].zent-alert-outline .zent-alert-item-content__title,.zent-alert-style-info[data-zv="10.0.9"].zent-alert-scroll-outline .zent-alert-item-content__title{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-alert-style-info[data-zv="10.0.9"] .zent-alert-item-icon{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-alert-style-success[data-zv="10.0.9"]{background-color:#efffe6;background-color:var(--theme-success-bg, var(--theme-success-5, #efffe6));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-4, #45a110))}.zent-alert-style-success[data-zv="10.0.9"] .zent-alert-item-content__highlight{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-alert-style-success[data-zv="10.0.9"].zent-alert-outline,.zent-alert-style-success[data-zv="10.0.9"].zent-alert-scroll-outline{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-top-color:#45a110;border-top-color:var(--theme-success-color, var(--theme-success-2, #45a110));border-width:1px;border-style:solid;border-top-width:4px}.zent-alert-style-success[data-zv="10.0.9"].zent-alert-outline .zent-alert-item-content__title,.zent-alert-style-success[data-zv="10.0.9"].zent-alert-scroll-outline .zent-alert-item-content__title{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-alert-style-success[data-zv="10.0.9"] .zent-alert-item-icon{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-alert-style-warning[data-zv="10.0.9"]{background-color:#ffefe6;background-color:var(--theme-warning-bg, var(--theme-warn-5, #ffefe6));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-4, #ed6a18))}.zent-alert-style-warning[data-zv="10.0.9"] .zent-alert-item-content__highlight{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-alert-style-warning[data-zv="10.0.9"].zent-alert-outline,.zent-alert-style-warning[data-zv="10.0.9"].zent-alert-scroll-outline{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-top-color:#ed6a18;border-top-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-width:1px;border-style:solid;border-top-width:4px}.zent-alert-style-warning[data-zv="10.0.9"].zent-alert-outline .zent-alert-item-content__title,.zent-alert-style-warning[data-zv="10.0.9"].zent-alert-scroll-outline .zent-alert-item-content__title{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-alert-style-warning[data-zv="10.0.9"] .zent-alert-item-icon{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-alert-style-error[data-zv="10.0.9"]{background-color:#ffe9e6;background-color:var(--theme-danger-bg, var(--theme-error-5, #ffe9e6));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.zent-alert-style-error[data-zv="10.0.9"] .zent-alert-item-content__highlight{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-alert-style-error[data-zv="10.0.9"].zent-alert-outline,.zent-alert-style-error[data-zv="10.0.9"].zent-alert-scroll-outline{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-top-color:#d42f15;border-top-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));border-width:1px;border-style:solid;border-top-width:4px}.zent-alert-style-error[data-zv="10.0.9"].zent-alert-outline .zent-alert-item-content__title,.zent-alert-style-error[data-zv="10.0.9"].zent-alert-scroll-outline .zent-alert-item-content__title{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-alert-style-error[data-zv="10.0.9"] .zent-alert-item-icon{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-alert-style-hint[data-zv="10.0.9"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border:0;padding:13px 16px}.zent-alert-style-hint[data-zv="10.0.9"] .zent-alert-item-content{font-size:12px;line-height:20px}.zent-banner[data-zv="10.0.9"] .zent-alert-item-close-wrapper{position:relative}.zent-banner[data-zv="10.0.9"] .zent-alert-item-close-wrapper .zent-alert-item-close-btn{position:absolute;top:50%;right:0;transform:translateY(-50%)}.zent-auto-complete[data-zv="10.0.9"]{min-width:160px}.zent-auto-complete[data-zv="10.0.9"].disabled{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));cursor:not-allowed}.zent-avatar[data-zv="10.0.9"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:inline-block;box-sizing:border-box;text-align:center;cursor:default;overflow:hidden;position:relative;font-size:16px}.zent-avatar--size-default[data-zv="10.0.9"]{width:32px;height:32px;line-height:32px}.zent-avatar--size-small[data-zv="10.0.9"]{width:24px;height:24px;line-height:24px}.zent-avatar--size-large[data-zv="10.0.9"]{width:40px;height:40px;line-height:40px}.zent-avatar--type-image[data-zv="10.0.9"]{background:transparent}.zent-avatar--type-image[data-zv="10.0.9"] .zent-avatar-image{width:100%;height:100%;display:block}.zent-avatar--type-string[data-zv="10.0.9"]{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-avatar--type-string[data-zv="10.0.9"] .zent-avatar-string{font-weight:500}.zent-avatar--type-string[data-zv="10.0.9"].zent-avatar--size-small{font-size:14px}.zent-avatar--type-string[data-zv="10.0.9"].zent-avatar--size-large{font-size:18px}.zent-avatar--type-icon[data-zv="10.0.9"]{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));font-size:18px}.zent-avatar--type-icon[data-zv="10.0.9"].zent-avatar--size-small{font-size:14px}.zent-avatar--type-icon[data-zv="10.0.9"].zent-avatar--size-large{font-size:24px}.zent-avatar--shape-circle[data-zv="10.0.9"]{border-radius:50%}.zent-avatar--shape-square[data-zv="10.0.9"]{border-radius:4px}.zent-avatar--bordered[data-zv="10.0.9"]{border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));border-width:1px;border-style:solid}.zent-badge[data-zv="10.0.9"]{position:relative;display:inline-block;vertical-align:middle}.zent-badge[data-zv="10.0.9"] .zent-badge-count{background-color:#e00000;background-color:var(--theme-badge-bg, #e00000);color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#fff;border-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:inline-block;height:18px;min-width:18px;line-height:16px;box-sizing:border-box;border-width:1px;border-style:solid;border-radius:40px;text-align:center;padding:0 4px;font-size:12px}.zent-badge[data-zv="10.0.9"] .zent-badge-count-num{display:block;transform:scale(0.83)}.zent-badge[data-zv="10.0.9"] .zent-badge-dot{border-color:#fff;border-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#e00000;background-color:var(--theme-badge-bg, #e00000);display:inline-block;height:8px;width:8px;border-radius:50%;border-width:1px;border-style:solid;font-size:0}.zent-badge[data-zv="10.0.9"].zent-badge--no-content{font-size:0}.zent-badge[data-zv="10.0.9"].zent-badge--no-content .zent-badge-count{padding-top:1px;padding-bottom:1px}.zent-badge[data-zv="10.0.9"].zent-badge--no-content .zent-badge-count,.zent-badge[data-zv="10.0.9"].zent-badge--no-content .zent-badge-dot{margin:0 8px;border:0}.zent-badge[data-zv="10.0.9"].zent-badge--has-content .zent-badge-count{position:absolute;top:-4px;right:-6px}.zent-badge[data-zv="10.0.9"].zent-badge--has-content .zent-badge-dot{position:absolute;top:0;right:0}.zent-block-header[data-zv="10.0.9"]{display:flex;justify-content:flex-start;align-content:center;margin-bottom:16px;padding:10px 12px;min-height:40px;box-sizing:border-box}.zent-block-header-ribbon[data-zv="10.0.9"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-block-header-minimum[data-zv="10.0.9"]{box-shadow:0 1px 0 0 #e0e0e0;box-shadow:0 1px 0 0 var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-block-header__title[data-zv="10.0.9"]{display:flex;align-items:center}.zent-block-header__title[data-zv="10.0.9"] h3{font-size:14px;line-height:20px;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-weight:500}.zent-block-header__title-ribbon[data-zv="10.0.9"]::before{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));content:"";width:3px;height:14px;margin-right:8px}.zent-block-header__content[data-zv="10.0.9"]{display:flex;align-items:center;margin-left:8px}.zent-block-header__content-right[data-zv="10.0.9"]{flex-grow:1;justify-content:flex-end}.zent-block-header__pop[data-zv="10.0.9"]{font-size:16px;line-height:24px;color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));margin-left:8px;display:flex;align-items:center;cursor:pointer}.zent-block-header__tooltip[data-zv="10.0.9"]{max-width:300px;word-wrap:normal}.zent-breadcrumb[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:0;line-height:0;padding:15px 0;white-space:nowrap;overflow:hidden;position:relative}.zent-breadcrumb__move-left[data-zv="10.0.9"].zenticon,.zent-breadcrumb__move-right[data-zv="10.0.9"].zenticon{font-size:20px;cursor:pointer;z-index:1;position:absolute;height:20px;width:24px;line-height:26px;box-sizing:border-box;top:50%;transform:translateY(-50%)}.zent-breadcrumb__move-left[data-zv="10.0.9"].zenticon:hover,.zent-breadcrumb__move-right[data-zv="10.0.9"].zenticon:hover{color:#356fd4;color:var(--theme-weak-link-hover-color, #356fd4)}.zent-breadcrumb__move-left[data-zv="10.0.9"]{background-image:linear-gradient(90deg, white 55%, rgba(255, 255, 255, 0));padding-right:4px;left:0}.zent-breadcrumb__move-right[data-zv="10.0.9"]{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0), white 55%);padding-left:4px;right:0}.zent-breadcrumb[data-zv="10.0.9"] span,.zent-breadcrumb[data-zv="10.0.9"] a{font-size:14px;line-height:14px;display:inline-block;vertical-align:middle;text-decoration:none}.zent-breadcrumb[data-zv="10.0.9"] span::after,.zent-breadcrumb[data-zv="10.0.9"] a::after{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));content:"/";display:inline-block;margin:0 8px}.zent-breadcrumb[data-zv="10.0.9"] span:last-child::after,.zent-breadcrumb[data-zv="10.0.9"] a:last-child::after{content:"";display:none}.zent-breadcrumb__content[data-zv="10.0.9"]{position:relative;width:-webkit-max-content;width:max-content;transition:left 200ms cubic-bezier(0, 0, 0.1, 0.1)}.zent-breadcrumb__content[data-zv="10.0.9"]>*:last-child{font-size:20px;line-height:20px;vertical-align:bottom;font-weight:500}.zent-breadcrumb[data-zv="10.0.9"] span{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));cursor:default}.zent-breadcrumb[data-zv="10.0.9"] a{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-breadcrumb[data-zv="10.0.9"] a:hover{color:#356fd4;color:var(--theme-weak-link-hover-color, #356fd4)}.zent-breadcrumb[data-zv="10.0.9"] a:active{color:#114bae;color:var(--theme-weak-link-active-color, #114bae)}.zent-breadcrumb[data-zv="10.0.9"] span.zent-breadcrumb__fold{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-breadcrumb[data-zv="10.0.9"] span.zent-breadcrumb__fold:hover{color:#356fd4;color:var(--theme-weak-link-hover-color, #356fd4);cursor:pointer}.zent-breadcrumb[data-zv="10.0.9"].zent-breadcrumb-nav{padding:0}.zent-breadcrumb[data-zv="10.0.9"].zent-breadcrumb-nav a{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));display:inline-block;height:50px;line-height:48px;padding:0 20px;min-width:0;border:0;background:transparent;font-size:14px;text-align:center;box-sizing:border-box}.zent-breadcrumb[data-zv="10.0.9"].zent-breadcrumb-nav a:hover{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-breadcrumb[data-zv="10.0.9"].zent-breadcrumb-nav a:after{display:none}.zent-breadcrumb[data-zv="10.0.9"].zent-breadcrumb-nav .zent-breadcrumb-nav-active:after{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));display:block;content:"";margin:0}.zent-btn[data-zv="10.0.9"]{color:#333;color:var(--theme-default-color, #333);background-color:rgba(0,0,0,.06);background-color:rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.06);border-color:rgba(0,0,0,.06);border-color:rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.06);display:inline-block;height:32px;line-height:30px;font-size:14px;padding:0 16px;border-radius:2px;font-family:inherit;border-width:1px;border-style:solid;text-align:center;vertical-align:middle;box-sizing:border-box;cursor:pointer;transition:all .3s;background-clip:padding-box}.zent-btn[data-zv="10.0.9"]:focus{outline:none}.zent-btn[data-zv="10.0.9"]:link,.zent-btn[data-zv="10.0.9"]:visited,.zent-btn[data-zv="10.0.9"]:focus{color:#333;color:var(--theme-default-color, #333);text-decoration:none}.zent-btn[data-zv="10.0.9"]:hover{background-color:rgba(0,0,0,.03);background-color:rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.03);border-color:rgba(0,0,0,.03);border-color:rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.03);text-decoration:none}.zent-btn[data-zv="10.0.9"]:active{color:#333;color:var(--theme-default-color, #333);background-color:rgba(0,0,0,.09);background-color:rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.09);text-decoration:none}.zent-btn[data-zv="10.0.9"].zent-btn-loading.zent-btn-icon{background-color:transparent}.zent-btn[data-zv="10.0.9"].zent-btn-loading.zent-btn-text{background-color:rgba(21,91,212,.03);background-color:rgba(var(--theme-rgb-primary-bg, var(--theme-rgb-primary-4, 21, 91, 212)), 0.03)}.zent-btn[data-zv="10.0.9"][type=button],.zent-btn[data-zv="10.0.9"][type=reset],.zent-btn[data-zv="10.0.9"][type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.zent-btn[data-zv="10.0.9"]+.zent-btn,.zent-btn-disabled-wrapper[data-zv="10.0.9"]+.zent-btn,.zent-btn[data-zv="10.0.9"]+.zent-btn-disabled-wrapper,.zent-btn-disabled-wrapper[data-zv="10.0.9"]+.zent-btn-disabled-wrapper{margin-left:16px}.zent-btn-large[data-zv="10.0.9"]{padding:0 24px;height:40px;line-height:38px;font-size:16px}.zent-btn-large[data-zv="10.0.9"].zent-btn-icon{height:32px;width:32px;font-size:24px}.zent-btn-small[data-zv="10.0.9"]{height:24px;line-height:22px;padding:0 8px;font-size:12px}.zent-btn-small[data-zv="10.0.9"].zent-btn-icon{height:24px;width:24px;font-size:16px}.zent-btn-block[data-zv="10.0.9"]{display:block;width:100%;padding:0}.zent-btn-primary[data-zv="10.0.9"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-btn-primary[data-zv="10.0.9"]:link,.zent-btn-primary[data-zv="10.0.9"]:visited,.zent-btn-primary[data-zv="10.0.9"]:focus{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-primary[data-zv="10.0.9"]:hover{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#356fd4;background-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4));border-color:#356fd4;border-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-btn-primary[data-zv="10.0.9"]:active{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#114bae;background-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae));border-color:#114bae;border-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-btn-primary[data-zv="10.0.9"].zent-btn-loading:hover,.zent-btn-primary[data-zv="10.0.9"].zent-btn-loading:active{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-btn-primary[data-zv="10.0.9"].zent-btn-loading::after{border-top-color:#fff;border-top-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-right-color:#fff;border-right-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:#114bae;border-bottom-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae));border-left-color:#114bae;border-left-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-btn-primary-outline[data-zv="10.0.9"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-primary-outline[data-zv="10.0.9"]:link,.zent-btn-primary-outline[data-zv="10.0.9"]:visited,.zent-btn-primary-outline[data-zv="10.0.9"]:focus{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-btn-primary-outline[data-zv="10.0.9"]:hover{color:#356fd4;color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4));border-color:#356fd4;border-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-primary-outline[data-zv="10.0.9"]:active{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-10, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-btn-primary-outline[data-zv="10.0.9"].zent-btn-loading:hover,.zent-btn-primary-outline[data-zv="10.0.9"].zent-btn-loading:active{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-primary-outline[data-zv="10.0.9"].zent-btn-loading::after{border-top-color:#155bd4;border-top-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-right-color:#155bd4;border-right-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-bottom-color:#e6efff;border-bottom-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));border-left-color:#e6efff;border-left-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-btn-error[data-zv="10.0.9"],.zent-btn-danger[data-zv="10.0.9"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#d42f15;background-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-btn-error[data-zv="10.0.9"]:link,.zent-btn-error[data-zv="10.0.9"]:visited,.zent-btn-error[data-zv="10.0.9"]:focus,.zent-btn-danger[data-zv="10.0.9"]:link,.zent-btn-danger[data-zv="10.0.9"]:visited,.zent-btn-danger[data-zv="10.0.9"]:focus{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-error[data-zv="10.0.9"]:hover,.zent-btn-danger[data-zv="10.0.9"]:hover{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#d42f15;background-color:var(--theme-danger-color, var(--theme-error-3, #d42f15));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-3, #d42f15))}.zent-btn-error[data-zv="10.0.9"]:active,.zent-btn-danger[data-zv="10.0.9"]:active{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#d42f15;background-color:var(--theme-danger-color, var(--theme-error-1, #d42f15));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-1, #d42f15))}.zent-btn-error[data-zv="10.0.9"].zent-btn-loading:hover,.zent-btn-error[data-zv="10.0.9"].zent-btn-loading:active,.zent-btn-danger[data-zv="10.0.9"].zent-btn-loading:hover,.zent-btn-danger[data-zv="10.0.9"].zent-btn-loading:active{background-color:#d42f15;background-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-btn-error[data-zv="10.0.9"].zent-btn-loading::after,.zent-btn-danger[data-zv="10.0.9"].zent-btn-loading::after{border-top-color:#fff;border-top-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-right-color:#fff;border-right-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:#d42f15;border-bottom-color:var(--theme-danger-color, var(--theme-error-1, #d42f15));border-left-color:#d42f15;border-left-color:var(--theme-danger-color, var(--theme-error-1, #d42f15))}.zent-btn-error-outline[data-zv="10.0.9"],.zent-btn-danger-outline[data-zv="10.0.9"]{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-error-outline[data-zv="10.0.9"]:link,.zent-btn-error-outline[data-zv="10.0.9"]:visited,.zent-btn-error-outline[data-zv="10.0.9"]:focus,.zent-btn-danger-outline[data-zv="10.0.9"]:link,.zent-btn-danger-outline[data-zv="10.0.9"]:visited,.zent-btn-danger-outline[data-zv="10.0.9"]:focus{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-btn-error-outline[data-zv="10.0.9"]:hover,.zent-btn-danger-outline[data-zv="10.0.9"]:hover{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-3, #d42f15));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-3, #d42f15));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-error-outline[data-zv="10.0.9"]:active,.zent-btn-danger-outline[data-zv="10.0.9"]:active{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-10, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-btn-error-outline[data-zv="10.0.9"].zent-btn-loading:hover,.zent-btn-error-outline[data-zv="10.0.9"].zent-btn-loading:active,.zent-btn-danger-outline[data-zv="10.0.9"].zent-btn-loading:hover,.zent-btn-danger-outline[data-zv="10.0.9"].zent-btn-loading:active{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-error-outline[data-zv="10.0.9"].zent-btn-loading::after,.zent-btn-danger-outline[data-zv="10.0.9"].zent-btn-loading::after{border-top-color:#d42f15;border-top-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));border-right-color:#d42f15;border-right-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));border-bottom-color:#ffe9e6;border-bottom-color:var(--theme-danger-bg, var(--theme-error-5, #ffe9e6));border-left-color:#ffe9e6;border-left-color:var(--theme-danger-bg, var(--theme-error-5, #ffe9e6))}.zent-btn-success[data-zv="10.0.9"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#45a110;background-color:var(--theme-success-color, var(--theme-success-2, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-btn-success[data-zv="10.0.9"]:link,.zent-btn-success[data-zv="10.0.9"]:visited,.zent-btn-success[data-zv="10.0.9"]:focus{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-success[data-zv="10.0.9"]:hover{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#45a110;background-color:var(--theme-success-color, var(--theme-success-3, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-3, #45a110))}.zent-btn-success[data-zv="10.0.9"]:active{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#45a110;background-color:var(--theme-success-color, var(--theme-success-1, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-1, #45a110))}.zent-btn-success[data-zv="10.0.9"].zent-btn-loading:hover,.zent-btn-success[data-zv="10.0.9"].zent-btn-loading:active{background-color:#45a110;background-color:var(--theme-success-color, var(--theme-success-2, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-btn-success[data-zv="10.0.9"].zent-btn-loading::after{border-top-color:#fff;border-top-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-right-color:#fff;border-right-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:#45a110;border-bottom-color:var(--theme-success-color, var(--theme-success-1, #45a110));border-left-color:#45a110;border-left-color:var(--theme-success-color, var(--theme-success-1, #45a110))}.zent-btn-success-outline[data-zv="10.0.9"]{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-2, #45a110));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-success-outline[data-zv="10.0.9"]:link,.zent-btn-success-outline[data-zv="10.0.9"]:visited,.zent-btn-success-outline[data-zv="10.0.9"]:focus{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-btn-success-outline[data-zv="10.0.9"]:hover{color:#45a110;color:var(--theme-success-color, var(--theme-success-3, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-3, #45a110));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-success-outline[data-zv="10.0.9"]:active{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-10, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-btn-success-outline[data-zv="10.0.9"].zent-btn-loading:hover,.zent-btn-success-outline[data-zv="10.0.9"].zent-btn-loading:active{border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-2, #45a110));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-success-outline[data-zv="10.0.9"].zent-btn-loading::after{border-top-color:#45a110;border-top-color:var(--theme-success-color, var(--theme-success-2, #45a110));border-right-color:#45a110;border-right-color:var(--theme-success-color, var(--theme-success-2, #45a110));border-bottom-color:#efffe6;border-bottom-color:var(--theme-success-bg, var(--theme-success-5, #efffe6));border-left-color:#efffe6;border-left-color:var(--theme-success-bg, var(--theme-success-5, #efffe6))}.zent-btn-warning[data-zv="10.0.9"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#ed6a18;background-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-btn-warning[data-zv="10.0.9"]:link,.zent-btn-warning[data-zv="10.0.9"]:visited,.zent-btn-warning[data-zv="10.0.9"]:focus{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-warning[data-zv="10.0.9"]:hover{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#ed6a18;background-color:var(--theme-warning-color, var(--theme-warn-3, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-3, #ed6a18))}.zent-btn-warning[data-zv="10.0.9"]:active{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#ed6a18;background-color:var(--theme-warning-color, var(--theme-warn-1, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-1, #ed6a18))}.zent-btn-warning[data-zv="10.0.9"].zent-btn-loading:hover,.zent-btn-warning[data-zv="10.0.9"].zent-btn-loading:active{background-color:#ed6a18;background-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-btn-warning[data-zv="10.0.9"].zent-btn-loading::after{border-top-color:#fff;border-top-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-right-color:#fff;border-right-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:#ed6a18;border-bottom-color:var(--theme-warning-color, var(--theme-warn-1, #ed6a18));border-left-color:#ed6a18;border-left-color:var(--theme-warning-color, var(--theme-warn-1, #ed6a18))}.zent-btn-warning-outline[data-zv="10.0.9"]{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-warning-outline[data-zv="10.0.9"]:link,.zent-btn-warning-outline[data-zv="10.0.9"]:visited,.zent-btn-warning-outline[data-zv="10.0.9"]:focus{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-btn-warning-outline[data-zv="10.0.9"]:hover{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-3, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-3, #ed6a18));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-warning-outline[data-zv="10.0.9"]:active{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-10, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-btn-warning-outline[data-zv="10.0.9"].zent-btn-loading:hover,.zent-btn-warning-outline[data-zv="10.0.9"].zent-btn-loading:active{border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-warning-outline[data-zv="10.0.9"].zent-btn-loading::after{border-top-color:#ed6a18;border-top-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-right-color:#ed6a18;border-right-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-bottom-color:#ffefe6;border-bottom-color:var(--theme-warning-bg, var(--theme-warn-5, #ffefe6));border-left-color:#ffefe6;border-left-color:var(--theme-warning-bg, var(--theme-warn-5, #ffefe6))}.zent-btn-disabled-wrapper[data-zv="10.0.9"]{cursor:not-allowed}.zent-btn-disabled[data-zv="10.0.9"],.zent-btn-disabled[data-zv="10.0.9"][disabled]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-color:#f7f7f7;border-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));cursor:not-allowed}.zent-btn-disabled[data-zv="10.0.9"]:link,.zent-btn-disabled[data-zv="10.0.9"]:visited,.zent-btn-disabled[data-zv="10.0.9"]:focus,.zent-btn-disabled[data-zv="10.0.9"][disabled]:link,.zent-btn-disabled[data-zv="10.0.9"][disabled]:visited,.zent-btn-disabled[data-zv="10.0.9"][disabled]:focus{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-btn-disabled[data-zv="10.0.9"]:hover,.zent-btn-disabled[data-zv="10.0.9"][disabled]:hover{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-color:#f7f7f7;border-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-btn-disabled[data-zv="10.0.9"]:active,.zent-btn-disabled[data-zv="10.0.9"][disabled]:active{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-color:#f7f7f7;border-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-btn-disabled-wrapper[data-zv="10.0.9"] .zent-btn-disabled,.zent-btn-disabled-wrapper[data-zv="10.0.9"] .zent-btn-disabled[disabled]{pointer-events:none}.zent-btn-text[data-zv="10.0.9"]{background-color:rgba(21,91,212,.03);background-color:var(--theme-text-button-bg, rgba(21, 91, 212, 0.03));color:#155bd4;color:var(--theme-text-button-color, #155bd4);font-size:12px;height:24px;line-height:24px;padding:0 8px;border:0}.zent-btn-text[data-zv="10.0.9"]:link,.zent-btn-text[data-zv="10.0.9"]:visited,.zent-btn-text[data-zv="10.0.9"]:hover,.zent-btn-text[data-zv="10.0.9"]:active,.zent-btn-text[data-zv="10.0.9"]:focus{border:0;color:#155bd4;color:var(--theme-text-button-color, #155bd4)}.zent-btn-text[data-zv="10.0.9"]:hover{background-color:rgba(21,91,212,.06);background-color:var(--theme-text-button-hover-bg, rgba(21, 91, 212, 0.06))}.zent-btn-text[data-zv="10.0.9"]:active{background-color:rgba(21,91,212,.09);background-color:var(--theme-text-button-active-bg, rgba(21, 91, 212, 0.09))}.zent-btn-icon[data-zv="10.0.9"]{height:28px;width:28px;font-size:20px;color:#333;background-color:transparent;padding:0;line-height:24px;text-align:center;border-radius:2px;border:0}.zent-btn-icon[data-zv="10.0.9"]:link,.zent-btn-icon[data-zv="10.0.9"]:visited,.zent-btn-icon[data-zv="10.0.9"]:hover,.zent-btn-icon[data-zv="10.0.9"]:active,.zent-btn-icon[data-zv="10.0.9"]:focus{color:#333}.zent-btn-icon[data-zv="10.0.9"]:hover{background-color:rgba(0,0,0,.05)}.zent-btn-icon[data-zv="10.0.9"]:active{background-color:rgba(0,0,0,.1)}.zent-btn-icon[data-zv="10.0.9"] i.zenticon{margin:0}.zent-btn-icon[data-zv="10.0.9"] i.zenticon:last-child{margin:0}.zent-btn-icon[data-zv="10.0.9"] i.zenticon:first-child{margin:0}.zent-btn-loading[data-zv="10.0.9"]{position:relative;color:transparent;cursor:not-allowed}.zent-btn-loading[data-zv="10.0.9"]:link,.zent-btn-loading[data-zv="10.0.9"]:visited,.zent-btn-loading[data-zv="10.0.9"]:focus,.zent-btn-loading[data-zv="10.0.9"]:hover,.zent-btn-loading[data-zv="10.0.9"]:active{color:transparent}.zent-btn-loading[data-zv="10.0.9"]::before,.zent-btn-loading[data-zv="10.0.9"]::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin-left:-8px;margin-top:-8px;border:2px solid;border-radius:8px;box-sizing:border-box}.zent-btn-loading[data-zv="10.0.9"]::after{border-top-color:#333;border-top-color:var(--theme-title-color, var(--theme-stroke-1, #333));border-right-color:#333;border-right-color:var(--theme-title-color, var(--theme-stroke-1, #333));border-bottom-color:#f7f7f7;border-bottom-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-left-color:#f7f7f7;border-left-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));animation:zent-ani-spin-v10x0x9 .6s linear;animation-iteration-count:infinite}.zent-btn-loading[data-zv="10.0.9"].zent-btn-small::after,.zent-btn-loading[data-zv="10.0.9"].zent-btn-text::after{width:12px;height:12px;margin-left:-6px;margin-top:-6px;border-radius:6px}.zent-btn-loading[data-zv="10.0.9"].zent-btn-text::after{border-top-color:#155bd4;border-top-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-right-color:#155bd4;border-right-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-bottom-color:#e6efff;border-bottom-color:var(--theme-default-selected-bg, #e6efff);border-left-color:#e6efff;border-left-color:var(--theme-default-selected-bg, #e6efff)}.zent-btn-loading[data-zv="10.0.9"].zent-btn-icon::after{border-top-color:#333;border-top-color:var(--theme-title-color, var(--theme-stroke-1, #333));border-right-color:#333;border-right-color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-btn[data-zv="10.0.9"].zent-btn-border-transparent{border-color:transparent}.zent-btn[data-zv="10.0.9"].zent-btn-border-transparent:hover{border-color:transparent}.zent-btn[data-zv="10.0.9"].zent-btn-border-transparent:active{border-color:transparent}.zent-btn[data-zv="10.0.9"]:not(.zent-btn-icon,.zent-btn-text) .zenticon{font-size:20px;vertical-align:-2px}.zent-btn[data-zv="10.0.9"] .zenticon:first-child{margin-right:4px}.zent-btn[data-zv="10.0.9"] .zenticon:last-child{margin-left:4px}.zent-btn-group[data-zv="10.0.9"]{display:inline-block}.zent-btn-group[data-zv="10.0.9"] .zent-btn+.zent-btn,.zent-btn-group[data-zv="10.0.9"] .zent-btn-disabled-wrapper+.zent-btn,.zent-btn-group[data-zv="10.0.9"] .zent-btn+.zent-btn-disabled-wrapper,.zent-btn-group[data-zv="10.0.9"] .zent-btn-disabled-wrapper+.zent-btn-disabled-wrapper{margin-left:1px}.zent-btn-group[data-zv="10.0.9"] .zent-btn{position:relative;border-radius:0}.zent-btn-group[data-zv="10.0.9"] .zent-btn:hover{z-index:2}.zent-btn-group[data-zv="10.0.9"] .zent-btn:first-child{border-radius:2px 0 0 2px}.zent-btn-group[data-zv="10.0.9"] .zent-btn:last-child{border-radius:0 2px 2px 0}.zent-btn-group[data-zv="10.0.9"] .zent-btn-primary:not(:last-child){border-right-color:#356fd4;border-right-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-btn-group[data-zv="10.0.9"] .zent-btn-primary:not(:first-child){border-left-color:#356fd4;border-left-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-btn-group[data-zv="10.0.9"] .zent-btn-error:not(:last-child),.zent-btn-group[data-zv="10.0.9"] .zent-btn-danger:not(:last-child){border-right-color:#d42f15;border-right-color:var(--theme-danger-color, var(--theme-error-3, #d42f15))}.zent-btn-group[data-zv="10.0.9"] .zent-btn-error:not(:first-child),.zent-btn-group[data-zv="10.0.9"] .zent-btn-danger:not(:first-child){border-left-color:#d42f15;border-left-color:var(--theme-danger-color, var(--theme-error-3, #d42f15))}.zent-btn-group[data-zv="10.0.9"] .zent-btn-success:not(:last-child){border-right-color:#45a110;border-right-color:var(--theme-success-color, var(--theme-success-3, #45a110))}.zent-btn-group[data-zv="10.0.9"] .zent-btn-success:not(:first-child){border-left-color:#45a110;border-left-color:var(--theme-success-color, var(--theme-success-3, #45a110))}.zent-btn-group[data-zv="10.0.9"] .zent-btn-warning:not(:last-child){border-right-color:#ed6a18;border-right-color:var(--theme-warning-color, var(--theme-warn-3, #ed6a18))}.zent-btn-group[data-zv="10.0.9"] .zent-btn-warning:not(:first-child){border-left-color:#ed6a18;border-left-color:var(--theme-warning-color, var(--theme-warn-3, #ed6a18))}.zent-card[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-radius:2px;position:relative;border-width:1px;border-style:solid;overflow:hidden}.zent-card-header[data-zv="10.0.9"]{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));height:48px;padding:0 20px;border-bottom-width:1px;border-bottom-style:solid;box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;font-weight:500}.zent-card-header__title[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.zent-card-header__action[data-zv="10.0.9"]{flex:none}.zent-card-body[data-zv="10.0.9"]{padding:20px}.zent-card--normal[data-zv="10.0.9"] .zent-card-header{font-size:16px}.zent-card--normal[data-zv="10.0.9"] .zent-card-body{font-size:14px}.zent-card--nested[data-zv="10.0.9"] .zent-card-header{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));font-size:14px}.zent-cascader-v2[data-zv="10.0.9"]{display:flex;flex-wrap:wrap;cursor:pointer;font-size:14px;position:relative;text-align:left;-webkit-user-select:none;user-select:none;width:240px;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;border-radius:2px;line-height:18px;padding:6px 30px 6px 12px;min-height:32px;transition:border-color .25s;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-cascader-v2-tag__list[data-zv="10.0.9"]{display:flex;flex-wrap:wrap;cursor:pointer;overflow:hidden}.zent-cascader-v2-tag-collapsed-trigger[data-zv="10.0.9"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-radius:2px;margin:4px 4px 4px 0;padding:0 4px;line-height:16px;font-size:12px;display:flex;align-items:center;word-break:break-all;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;justify-content:center;flex-shrink:0;margin-top:2px;margin-bottom:2px}.zent-cascader-v2-tag-collapsed-content[data-zv="10.0.9"]{font-size:14px;line-height:20px;max-width:216px;max-height:80px;overflow-y:auto;word-break:break-all;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-cascader-v2[data-zv="10.0.9"] .zenticon-down,.zent-cascader-v2[data-zv="10.0.9"] .zenticon-close-circle{position:absolute;right:8px;top:5px;font-size:20px}.zent-cascader-v2[data-zv="10.0.9"] .zenticon-down{transition:transform .25s;color:#999;color:var(--theme-hint-color, var(--theme-stroke-2, #999))}.zent-cascader-v2[data-zv="10.0.9"] .zenticon-close-circle{color:rgba(153,153,153,.6);color:rgba(var(--theme-rgb-hint-color, var(--theme-rgb-stroke-2, 153, 153, 153)), 0.6)}.zent-cascader-v2--active[data-zv="10.0.9"]{border-color:#114bae;border-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-cascader-v2--disabled[data-zv="10.0.9"]{cursor:not-allowed;color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-cascader-v2--disabled[data-zv="10.0.9"]:hover{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));box-shadow:none}.zent-cascader-v2--disabled[data-zv="10.0.9"] .zenticon-down{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-cascader-v2--placeholder[data-zv="10.0.9"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-cascader-v2--text[data-zv="10.0.9"]{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.zent-cascader-v2--multiple[data-zv="10.0.9"]{padding-top:4px;padding-bottom:4px}.zent-cascader-v2--multiple[data-zv="10.0.9"] .zent-cascader-v2--tag+.zent-cascader-v2--search{margin-top:2px}.zent-cascader-v2--multiple[data-zv="10.0.9"] .zent-cascader-v2--placeholder{line-height:22px}.zent-cascader-v2--multiple-collapsed[data-zv="10.0.9"]{display:flex;flex-wrap:nowrap}.zent-cascader-v2--search-empty[data-zv="10.0.9"],.zent-cascader-v2__menu-empty[data-zv="10.0.9"]{height:48px;display:flex;align-items:center;justify-content:center;color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-cascader-v2--search-empty[data-zv="10.0.9"]{width:100%}.zent-cascader-v2__menu-empty[data-zv="10.0.9"]{width:240px}.zent-cascader-v2--search[data-zv="10.0.9"]{outline:none;border:0;margin:0;padding:0;min-width:0;width:100%}.zent-cascader-v2--search[data-zv="10.0.9"]::-webkit-input-placeholder{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-cascader-v2--search[data-zv="10.0.9"]::placeholder{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-cascader-v2--search-item[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-size:14px;cursor:pointer;white-space:nowrap;position:relative;height:32px;line-height:32px;text-align:left;padding:0 10px;box-sizing:border-box;width:100%;overflow:hidden;text-overflow:ellipsis}.zent-cascader-v2--search-item[data-zv="10.0.9"]:hover{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-cascader-v2--search-item--disabled[data-zv="10.0.9"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-cascader-v2--search-item--disabled[data-zv="10.0.9"]:hover{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-cascader-v2--search-item--multiple[data-zv="10.0.9"]{cursor:initial}.zent-cascader-v2--search-item[data-zv="10.0.9"] .zent-cascader-v2--highlight{font-style:normal;background-color:initial;color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-cascader-v2__menu[data-zv="10.0.9"]{border-right:#e0e0e0;border-right:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));display:inline-block;vertical-align:top;min-width:111px;height:180px;list-style:none;margin:0;padding:0;border-right-width:1px;border-right-style:solid;overflow:auto}.zent-cascader-v2__menu[data-zv="10.0.9"]:last-child{border-right:0}.zent-cascader-v2__menu-item[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-size:14px;cursor:pointer;white-space:nowrap;transition:all .3s;position:relative;height:32px;line-height:32px;text-align:left;padding:0 30px 0 12px;box-sizing:border-box;width:240px;max-width:360px;overflow:hidden;text-overflow:ellipsis;display:flex}.zent-cascader-v2__menu-item--leaf[data-zv="10.0.9"]{padding-right:10px}.zent-cascader-v2__menu-item-label[data-zv="10.0.9"]{display:inline-block;vertical-align:middle;max-width:100%;overflow:hidden;text-overflow:ellipsis}.zent-cascader-v2__menu-item-icon[data-zv="10.0.9"]{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:18px;color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-cascader-v2__menu-item-loading[data-zv="10.0.9"]{border-style:solid;border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-width:1px;width:12px;height:12px;margin-top:-6px;position:absolute;display:inline-block;animation:zent-ani-spin-v10x0x9 1s infinite linear;border-radius:50%;right:10px;top:50%;border-top-color:transparent;box-sizing:border-box}.zent-cascader-v2__menu-item[data-zv="10.0.9"]:hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-cascader-v2__menu-item--active[data-zv="10.0.9"]:not(.zent-cascader-v2__menu-item--multiple){background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-cascader-v2__menu-item--active[data-zv="10.0.9"]:not(.zent-cascader-v2__menu-item--multiple--checkbox){font-weight:500}.zent-cascader-v2__menu-item--disabled[data-zv="10.0.9"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-cascader-v2__menu-item--disabled[data-zv="10.0.9"]:hover{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-cascader-v2__menu-item--multiple--normal[data-zv="10.0.9"]{cursor:pointer}.zent-cascader-v2__menu-item--multiple--checkbox[data-zv="10.0.9"]{cursor:initial}.zent-cascader-v2__menu[data-zv="10.0.9"] .zent-checkbox-wrap{margin-right:8px}.zent-cascader-v2__menu-scroller[data-zv="10.0.9"]{height:180px}.zent-cascader-v2__menu-scroller-loading[data-zv="10.0.9"].zent-loading{text-align:center;font-size:12px;display:flex;align-items:center;justify-content:center;padding:7px 0}.zent-cascader-v2--tag[data-zv="10.0.9"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;border-style:solid;border-radius:2px;margin:2px 4px 2px 0;padding-left:4px;line-height:16px;font-size:12px;display:flex;align-items:center;cursor:default;overflow:hidden}.zent-cascader-v2--tag-path[data-zv="10.0.9"]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zent-cascader-v2--tag-close[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));cursor:pointer;font-size:16px}.zent-cascader-v2__list[data-zv="10.0.9"]{font-size:0;padding:12px 0 12px 12px;min-height:215px;box-sizing:border-box}.zent-cascader-v2__list-item[data-zv="10.0.9"]{display:inline-block;box-sizing:border-box;margin:4px 4px}.zent-cascader-v2__list-link[data-zv="10.0.9"]{cursor:pointer;display:inline-block;font-size:14px;padding:0 8px;line-height:24px;vertical-align:middle;width:114px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-cascader-v2__list-link[data-zv="10.0.9"]:hover:not(.zent-cascader-v2__list-link--active){background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-cascader-v2__list-link--active[data-zv="10.0.9"]{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-weight:500;border-radius:2px}.zent-cascader-v2__tabs[data-zv="10.0.9"] .zent-tabs-nav{margin-bottom:0}.zent-cascader-v2__tabs[data-zv="10.0.9"] .zent-tabs-nav-content{height:auto}.zent-cascader-v2__tabs[data-zv="10.0.9"] .zent-tabs-panel-wrapper{margin-top:0}.zent-cascader-v2__tabs[data-zv="10.0.9"] .zent-tabs-tab{border-radius:0}.zent-cascader-v2__tabs[data-zv="10.0.9"] .zent-tabs-tab-inner{max-width:96px;overflow:hidden;text-overflow:ellipsis}.zent-cascader-v2__popup[data-zv="10.0.9"]{z-index:2000}.zent-cascader-v2__popup-inner[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));width:512px;box-sizing:border-box}.zent-cascader-v2__popup-inner-menu[data-zv="10.0.9"],.zent-cascader-v2__popup-inner-search[data-zv="10.0.9"]{width:auto;white-space:nowrap}.zent-cascader-v2__popup-inner-search[data-zv="10.0.9"]{max-height:180px;overflow-y:auto;width:240px}.zent-cascader-v2__loading[data-zv="10.0.9"]{position:relative;vertical-align:middle}.zent-cascader-v2__loading-label[data-zv="10.0.9"]{line-height:16px;display:inline-block;vertical-align:middle;max-width:78px;overflow:hidden;text-overflow:ellipsis}.zent-cascader-v2__loading-icon[data-zv="10.0.9"]{border-color:#114bae;border-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae));display:inline-block;position:relative;vertical-align:middle;height:12px;width:12px;border-radius:50%;border-width:1px;border-style:solid;margin-left:5px}.zent-cascader-v2__loading-icon[data-zv="10.0.9"]:after{background:#fff;background:var(--theme-section-bg, var(--theme-stroke-9, #fff));content:"";display:inline-block;position:absolute;height:10px;width:4px;animation:1s linear zent-ani-spin-v10x0x9 infinite;transform-origin:8px 3px;left:-1px;top:4px}.zent-checkbox-group[data-zv="10.0.9"]{display:inline-block;font-size:0}.zent-checkbox-group[data-zv="10.0.9"]>:not(.zent-checkbox-wrap){font-size:14px;line-height:20px}.zent-checkbox-wrap[data-zv="10.0.9"]{display:inline-block;cursor:pointer;font-size:0;margin:0;padding:0;margin-right:24px;vertical-align:middle}.zent-checkbox-wrap[data-zv="10.0.9"].zent-checkbox-disabled{cursor:not-allowed}.zent-checkbox-wrap[data-zv="10.0.9"]:last-child{margin-right:0}.zent-checkbox-wrap[data-zv="10.0.9"]:not(.zent-checkbox-disabled):hover .zent-checkbox-inner{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-checkbox[data-zv="10.0.9"]{position:relative;display:inline-block;width:16px;height:16px;white-space:nowrap;outline:none;vertical-align:middle;font-size:14px;line-height:1;margin:0;padding:0}.zent-checkbox[data-zv="10.0.9"]>input{position:absolute;left:0;right:0;bottom:0;top:0;margin:0;padding:0;width:100%;height:100%;z-index:1;opacity:0;cursor:pointer}.zent-checkbox-label[data-zv="10.0.9"]{font-size:14px;line-height:20px;font-weight:400;margin-left:8px;display:inline-block;vertical-align:middle}.zent-checkbox-inner[data-zv="10.0.9"]{border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:relative;top:0;left:0;display:inline-block;width:16px;height:16px;border-radius:2px;border-width:1px;border-style:solid;box-sizing:border-box;transition:all .3s}.zent-checkbox-inner[data-zv="10.0.9"]::after{box-sizing:content-box;position:absolute;display:block;content:" ";font-size:0;top:3px;left:2px;width:10px;height:8px;background-size:contain;transform:scale(0);transition:all .12s ease-in-out}.zent-checkbox-checked[data-zv="10.0.9"]>.zent-checkbox>.zent-checkbox-inner{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-checkbox-checked[data-zv="10.0.9"]>.zent-checkbox>.zent-checkbox-inner::after{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAABGdBTUEAALGPC/xhBQAAASxJREFUOBGlkr9LQlEUx01Di1pCCKQhkAZxaMs/oFnwD3Bwqcmh0cnB0ak5HBwdHNyT5sDFIUIQxMXBQWgIIjB7fa7c+zjvvnfR9MCH8+t7vtOJxfYMz/OyMIIniB/u44dBhvs+ZCEHX7BbYHYGbyBjtpMbDifwKp2ol1D8tyFHSXgGGb805YAZg+PAIKJBE4cu2FH15WyOoA8fUPAXEQX7FthRD0jZdoRiQZ0PCHTDvCl0pnwMadlMzFbnGflSCulrlka1bTiQunXN8AY+QcaY5lwJyPdyoeseOREyMwOWt/CtxSYNKe5gZQY6v5BT5taZEZXgRx+50oDFqdPEXiCugPqpqHhnmLZvNvYcPUS4TZldbDx2CThuCNM59ZVLu/UcE/V36qWutz5C+AfE+OIwPOZePgAAAABJRU5ErkJggg==");transform:scale(1)}.zent-checkbox-indeterminate[data-zv="10.0.9"]>.zent-checkbox>.zent-checkbox-inner{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-checkbox-indeterminate[data-zv="10.0.9"]>.zent-checkbox>.zent-checkbox-inner::after{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));top:6px;left:2px;width:10px;height:2px;border:0;transform:rotate(0deg)}.zent-checkbox-disabled[data-zv="10.0.9"]>span{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-checkbox-disabled[data-zv="10.0.9"]>.zent-checkbox>.zent-checkbox-inner{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-checkbox-disabled[data-zv="10.0.9"]>.zent-checkbox>input[type=checkbox]{pointer-events:none}.zent-checkbox-disabled[data-zv="10.0.9"].zent-checkbox-checked>.zent-checkbox>.zent-checkbox-inner:after{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAABGdBTUEAALGPC/xhBQAAAeJJREFUOBGlkz9I5FAQxmcSWU9UEIU9xDXJZg+EKywsDmt1GxubK2wEEbG7QkSwsRAEDxu5QrirlANLUUEEFexsrKy8xuTlDyxrcd15orubcd5Ckqeo6BpI5sv3vvzI5E0A3nkEQVBwhPfnUvi/iEjD9/A8z+uuEZ4yKC85iLCmNwoMw7CzWoMTAupLGdjbELBcLrfe3FUOGTSgwKqow4SWGq9T3F7m+v/tDhAMxk8gIqFGkwXT3E+A3EJLHHiuMkx3RbDFbRbVDPO+FSxrS3qaEPTBcf3ju2qt5IbhFzX4WDsi+Mmwr4/8Rduy1mNPi8Df4NAIEXRE1ejA9/3P8aJaXc9fBaBp1ZO7+sm2llVPI8D0rYi6KhEcuW7JVEOO8BeiiOZVj7/bpm2Zc6ontYY6jvME/UsWiHoIKsfu1dVH6fHAzvC3W0nWpUDYtS1jWm7GA7++xJdLzxuCCA5YNscBbuecz3UirP8BqY8nDBtl2G3sqTX5U4QIxiKgbbmTakDVCHjW3tYynM1m047UAOtkbPJ5Y48bmHqqjfoziBfNGX30JZjMJUB5Y9vmby6zUqsHt+5ldCzmcrm/qv+UfgCUgULe/MFvuRSHGVbONOlFwzBKsddQ5VH5zjvs8LD3vwVwD3vnuDdo0l19AAAAAElFTkSuQmCC")}.zent-checkbox-disabled[data-zv="10.0.9"].zent-checkbox-indeterminate>.zent-checkbox>.zent-checkbox-inner::after{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-checkbox-disabled[data-zv="10.0.9"] .zent-checkbox-label{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-collapse[data-zv="10.0.9"]{box-sizing:border-box;overflow:hidden}.zent-collapse--has-border[data-zv="10.0.9"]{border-top-color:#e0e0e0;border-top-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-top-width:1px;border-top-style:solid;border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid}.zent-collapse--has-border[data-zv="10.0.9"] .zent-collapse-panel__title{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-left-width:1px;border-left-style:solid;border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-right-width:1px;border-right-style:solid;border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid}.zent-collapse--has-border[data-zv="10.0.9"] .zent-collapse-panel__content-box{padding:0 37px;border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid}.zent-collapse--no-border[data-zv="10.0.9"] .zent-collapse-panel{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid}.zent-collapse--no-border[data-zv="10.0.9"] .zent-collapse-panel__content{padding:4px 0 16px 0}.zent-collapse-panel[data-zv="10.0.9"]{box-sizing:border-box}.zent-collapse-panel__title[data-zv="10.0.9"]{font-size:14px;line-height:20px;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));padding:14px 10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.zent-collapse-panel__title--bg-default[data-zv="10.0.9"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-collapse-panel__title--bg-none[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-collapse-panel__title__content[data-zv="10.0.9"]{display:flex;font-weight:500}.zent-collapse-panel__content-box[data-zv="10.0.9"]{font-size:14px;line-height:20px;background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));padding:0 36px;overflow:hidden;box-sizing:border-box}.zent-collapse-panel__content_box--show-background[data-zv="10.0.9"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-collapse-panel__content_box--show-background[data-zv="10.0.9"] .zent-collapse-panel__content{padding:10px 0}.zent-collapse-panel__content[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));padding:16px 0}.zent-collapse-panel__arrow[data-zv="10.0.9"]{fill:#333;fill:var(--theme-title-color, var(--theme-stroke-1, #333));font-size:20px;margin-right:8px;transform:rotate(0deg);transform-origin:center;transition:transform 100ms cubic-bezier(0, 0, 0.1, 0.1)}.zent-collapse-panel--active[data-zv="10.0.9"] .zent-collapse-panel__content-box{opacity:1}.zent-collapse-panel--inactive[data-zv="10.0.9"] .zent-collapse-panel__arrow{transform:rotate(-90deg)}.zent-collapse-panel--inactive[data-zv="10.0.9"] .zent-collapse-panel__content-box{opacity:0}.zent-collapse-panel--disabled[data-zv="10.0.9"] .zent-collapse-panel__arrow{fill:#ccc;fill:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-collapse-panel--disabled[data-zv="10.0.9"] .zent-collapse-panel__title{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-collapse-panel--animating[data-zv="10.0.9"]{-webkit-user-select:none;user-select:none}.zent-color-picker-popover[data-zv="10.0.9"]{z-index:2000}.zent-color-picker[data-zv="10.0.9"]{cursor:pointer;display:inline-block;outline:none;position:relative;text-align:left;-webkit-user-select:none;user-select:none;height:30px;vertical-align:middle}.zent-color-picker_disabled[data-zv="10.0.9"]{cursor:not-allowed}.zent-color-picker-wrapper[data-zv="10.0.9"]{font-size:0}.zent-color-picker--open[data-zv="10.0.9"] .zent-color-picker__text{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-color-picker--open[data-zv="10.0.9"] .zent-color-picker__text::after{transform:rotate(180deg)}.zent-color-picker__text[data-zv="10.0.9"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-sizing:border-box;border-width:1px;border-style:solid;border-radius:2px;width:60px;height:32px;outline:none;transition:border-color .25s;display:flex;align-items:center;justify-content:center}.zent-color-picker__preview[data-zv="10.0.9"]{box-sizing:border-box;width:52px;height:24px}.zent-color-picker-colors-select[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));width:190px;box-sizing:content-box;line-height:10px;padding-top:10px;border-radius:2px}.zent-color-picker-colors-select__preview[data-zv="10.0.9"]{width:20px;height:20px;display:inline-block;margin-left:10px;margin-bottom:10px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);border-radius:2px}.zent-datepicker[data-zv="10.0.9"]{box-sizing:border-box;display:inline-block;position:relative}.zent-datepicker-seperator[data-zv="10.0.9"]{margin:0 8px}.zent-datepicker[data-zv="10.0.9"] .zenticon{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.zent-datepicker[data-zv="10.0.9"] .zenticon-calendar-o,.zent-datepicker[data-zv="10.0.9"] .zenticon-clock-o{display:block}.zent-datepicker[data-zv="10.0.9"] .zenticon-close-circle{display:none}.zent-datepicker-can-clear[data-zv="10.0.9"]{cursor:pointer}.zent-datepicker-can-clear[data-zv="10.0.9"]:hover .zenticon-close-circle{display:block}.zent-datepicker-can-clear[data-zv="10.0.9"]:hover .zenticon-calendar-o,.zent-datepicker-can-clear[data-zv="10.0.9"]:hover .zenticon-clock-o{display:none}.zent-datepicker-popup[data-zv="10.0.9"]{z-index:2000}.zent-datepicker-trigger[data-zv="10.0.9"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;border-style:solid;border-radius:2px;background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:flex;align-items:center;height:32px;width:360px;padding:0 10px;box-sizing:border-box}.zent-datepicker-trigger-input[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));border:0;min-width:60px;padding:0;outline:none;font-size:14px}.zent-datepicker-trigger-empty-input[data-zv="10.0.9"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-datepicker-trigger-seperator[data-zv="10.0.9"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));margin:0 8px}.zent-datepicker-trigger-focus[data-zv="10.0.9"]{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-datepicker-trigger[data-zv="10.0.9"]:not(.zent-datepicker-disabled):hover{cursor:pointer;border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-datepicker-disabled[data-zv="10.0.9"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));cursor:not-allowed}.zent-datepicker-disabled[data-zv="10.0.9"] .zent-datepicker-trigger-input,.zent-datepicker-disabled[data-zv="10.0.9"] .zent-datepicker-trigger-empty-input,.zent-datepicker-disabled[data-zv="10.0.9"] .zent-datepicker-trigger-seperator{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-datepicker-panel[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));border-radius:2px;z-index:1;width:280px;cursor:pointer}.zent-datepicker-panel_lunar[data-zv="10.0.9"]{width:330px}.zent-datepicker-panel-header[data-zv="10.0.9"]{font-size:16px;line-height:24px;display:flex;justify-content:space-between;padding:16px;align-items:center}.zent-datepicker-panel-header-btns[data-zv="10.0.9"]{display:flex;width:36px;justify-content:space-between}.zent-datepicker-panel-header-arrow[data-zv="10.0.9"]{font-size:20px;border-radius:2px}.zent-datepicker-panel-header-arrow[data-zv="10.0.9"]:hover{background-color:rgba(224,224,224,.3);background-color:rgba(var(--theme-rgb-default-border-color, var(--theme-rgb-stroke-5, 224, 224, 224)), 0.3)}.zent-datepicker-panel-header-arrow[data-zv="10.0.9"]:active{background-color:rgba(224,224,224,.6);background-color:rgba(var(--theme-rgb-default-border-color, var(--theme-rgb-stroke-5, 224, 224, 224)), 0.6)}.zent-datepicker-panel-header-title[data-zv="10.0.9"]{display:flex;font-weight:500}.zent-datepicker-panel-header-title_clickable[data-zv="10.0.9"]:hover{color:#356fd4;color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4));cursor:pointer}.zent-datepicker-panel-header-title_clickable[data-zv="10.0.9"]:nth-child(2){margin-left:4px}.zent-datepicker-panel-sub_header[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));display:flex;justify-content:space-between;padding:0 24px;cursor:default}.zent-datepicker-panel-body-cells[data-zv="10.0.9"]{padding:12px}.zent-datepicker-panel-body-cells_row[data-zv="10.0.9"]{display:flex;align-items:center;justify-content:center}.zent-datepicker-panel-body-cells_item[data-zv="10.0.9"]{text-align:center;padding:0 6px;margin:4px 0;cursor:pointer}.zent-datepicker-panel-body-cells[data-zv="10.0.9"] .zent-datepicker-cell-inner{display:flex;align-items:center;justify-content:center;width:24px;height:24px;box-sizing:border-box}.zent-datepicker-panel-body-cells[data-zv="10.0.9"] .zent-datepicker-lunar-cell{display:block;width:32px;height:38px}.zent-datepicker-panel-body-cells[data-zv="10.0.9"] .zent-datepicker-lunar-cell_text{font-size:12px}.zent-datepicker-panel-body-cells_current[data-zv="10.0.9"] .zent-datepicker-cell-inner{border-width:1px;border-style:solid;border-radius:2px;color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-datepicker-panel-body-cells_in_hover_range[data-zv="10.0.9"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-datepicker-panel-body-cells_selected[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-datepicker-panel-body-cells_selected[data-zv="10.0.9"] .zent-datepicker-cell-inner{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));border-radius:2px}.zent-datepicker-panel-body-cells_available[data-zv="10.0.9"]:hover .zent-datepicker-cell-inner:hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-radius:2px}.zent-datepicker-panel-body-cells_in_range[data-zv="10.0.9"]{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-datepicker-panel-body-cells_in_range[data-zv="10.0.9"]:hover .zent-datepicker-cell-inner:hover{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-datepicker-panel-body-cells_over[data-zv="10.0.9"],.zent-datepicker-panel-body-cells_disabled[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-datepicker-panel-body-cells_over[data-zv="10.0.9"] .zent-datepicker-cell-inner,.zent-datepicker-panel-body-cells_disabled[data-zv="10.0.9"] .zent-datepicker-cell-inner{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-datepicker-panel-body-cells_disabled[data-zv="10.0.9"]:hover{cursor:not-allowed}.zent-datepicker-panel-body-cells_disabled[data-zv="10.0.9"].zent-datepicker-panel-body-cells_current .zent-datepicker-cell-inner{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));border-width:1px;border-style:solid;border-radius:2px;border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-datepicker-panel-body-cells_selected[data-zv="10.0.9"].zent-datepicker-panel-body-cells_disabled .zent-datepicker-cell-inner{border-width:1px;border-style:solid;border-radius:2px;background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-datepicker-panel-body-cells_in_hover_range[data-zv="10.0.9"].zent-datepicker-panel-body-cells_over{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-datepicker-panel-body-cells_in_range[data-zv="10.0.9"].zent-datepicker-panel-body-cells_over{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-datepicker-panel-body-cells_selected[data-zv="10.0.9"].zent-datepicker-panel-body-cells_over{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-datepicker-panel-footer[data-zv="10.0.9"]{border-top-color:#e0e0e0;border-top-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-top-width:1px;border-top-style:solid;box-sizing:border-box;display:flex;padding:9px 12px 10px;justify-content:space-between;align-items:center;flex-flow:row-reverse}.zent-datepicker-panel-footer-input[data-zv="10.0.9"]{width:94px}.zent-datepicker-panel-footer-btn[data-zv="10.0.9"]{margin-left:12px}.zent-datepicker-panel-footer-current[data-zv="10.0.9"].zent-btn{margin-left:0}.zent-datepicker-panel-footer-current[data-zv="10.0.9"].zent-btn{margin-left:0}.zent-datepicker-panel-footer-current_disabled[data-zv="10.0.9"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-datepicker-panel[data-zv="10.0.9"] .zenticon{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-datepicker-time-panel-body[data-zv="10.0.9"]{display:flex}.zent-datepicker-time-panel-body_scroll[data-zv="10.0.9"]{border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-width:1px;border-right-style:solid;flex:1;width:92px;height:288px;box-sizing:border-box;overflow-y:scroll}.zent-datepicker-time-panel-body_scroll[data-zv="10.0.9"]:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.zent-datepicker-time-panel-body_scroll[data-zv="10.0.9"]:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;border:0}.zent-datepicker-time-panel-body_scroll[data-zv="10.0.9"]::after{content:"";display:block;height:256px}.zent-datepicker-time-panel-body-unit[data-zv="10.0.9"]{display:flex;align-items:center;justify-content:center;height:32px;cursor:pointer}.zent-datepicker-time-panel-body-unit_selected[data-zv="10.0.9"]{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));font-weight:500}.zent-datepicker-time-panel-body-unit_disabled[data-zv="10.0.9"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-datepicker-time-panel-body-unit_disabled[data-zv="10.0.9"]:hover{cursor:not-allowed}.zent-datepicker-time-panel-body-unit_available[data-zv="10.0.9"]:hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-datepicker-combined-panel[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));border-radius:2px;z-index:1;display:flex;flex-direction:column}.zent-datepicker-combined-panel-body[data-zv="10.0.9"]{display:flex}.zent-datepicker-combined-panel-body-item[data-zv="10.0.9"]{flex:1}.zent-datepicker-combined-panel-body-item_left12[data-zv="10.0.9"]{margin-left:-12px}.zent-datepicker-combined-panel-body-seperator[data-zv="10.0.9"]{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-width:1px;border-right-style:solid;border-left-width:1px;border-left-style:solid;width:24px;height:288px}.zent-datepicker-combined-panel-footer[data-zv="10.0.9"]{border-top-color:#e0e0e0;border-top-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-top-width:1px;border-top-style:solid;box-sizing:border-box;display:flex;padding:9px 12px 10px}.zent-datepicker-combined-panel-footer-item[data-zv="10.0.9"],.zent-datepicker-combined-panel-footer-seperator[data-zv="10.0.9"]{line-height:32px;margin:0 4px}.zent-datepicker-combined-panel-footer-seperator[data-zv="10.0.9"],.zent-datepicker-combined-panel-footer-null[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-datepicker-combined-panel-footer-confirm[data-zv="10.0.9"]{position:absolute;right:16px}.zent-datepicker-ym-panel-body[data-zv="10.0.9"] .zent-datepicker-panel-body-cells{padding:12px 24px}.zent-datepicker-ym-panel-body[data-zv="10.0.9"] .zent-datepicker-panel-body-cells .zent-datepicker-cell-inner{display:flex;align-items:center;justify-content:center;width:64px;height:32px;margin:8px 0}.zent-datepicker-quarter-panel-body[data-zv="10.0.9"] .zent-datepicker-panel-body-cells{padding:12px 20px}.zent-datepicker-quarter-panel-body[data-zv="10.0.9"] .zent-datepicker-panel-body-cells_item{margin:12px 10px}.zent-datepicker-quarter-panel-body[data-zv="10.0.9"] .zent-datepicker-panel-body-cells_item .zent-datepicker-cell-inner{display:flex;align-items:center;justify-content:center;width:92px;height:36px}.zent-date-range-quick-picker__filter[data-zv="10.0.9"]{display:inline-block}.zent-date-range-quick-picker__btn[data-zv="10.0.9"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));margin-left:16px;display:inline-block;font-size:14px;cursor:pointer;box-sizing:border-box}.zent-date-range-quick-picker__btn[data-zv="10.0.9"]:first-child{margin-left:24px}.zent-dialog-r-wrap[data-zv="10.0.9"]{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1050;outline:0;text-align:center;font-size:0;white-space:nowrap}.zent-dialog-r-wrap[data-zv="10.0.9"]::before{content:"";height:100%;display:inline-block;vertical-align:middle}.zent-dialog-r[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:relative;display:inline-block;vertical-align:middle;text-align:initial;border-radius:4px;padding:16px 0;box-sizing:border-box;white-space:normal;min-width:560px;max-width:calc(100vw - 56px);min-height:190px;max-height:calc(100vh - 112px)}.zent-dialog-r-title[data-zv="10.0.9"]{font-size:16px;line-height:24px;border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));padding:0 16px 16px;border-bottom-width:1px;border-bottom-style:solid;margin:0;box-sizing:border-box;font-weight:500}.zent-dialog-r-close[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:absolute;display:inline-block;top:8px;right:10px;font-size:20px;line-height:20px;text-align:right;vertical-align:middle;cursor:pointer;border:0;outline:none;-webkit-user-select:none;user-select:none;padding:0 0 0 6px;margin:0}.zent-dialog-r-close[data-zv="10.0.9"]:link,.zent-dialog-r-close[data-zv="10.0.9"]:active,.zent-dialog-r-close[data-zv="10.0.9"]:focus{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-dialog-r-close[data-zv="10.0.9"].zent-dialog-r-has-title{top:18px;right:16px}.zent-dialog-r-body[data-zv="10.0.9"]{font-size:14px;line-height:20px;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));padding-top:16px}.zent-dialog-r-body[data-zv="10.0.9"].with-success-icon,.zent-dialog-r-body[data-zv="10.0.9"].with-warning-icon{padding-left:30px}.zent-dialog-r-body[data-zv="10.0.9"]:last-child{padding-bottom:0}.zent-dialog-r-body-content[data-zv="10.0.9"]{padding:0 16px;overflow-y:auto}.zent-dialog-r[data-zv="10.0.9"] .zent-dialog-r-body-content{min-height:142px;max-height:calc(100vh - 160px)}.zent-dialog-r[data-zv="10.0.9"].zent-dialog-r--has-footer .zent-dialog-r-body-content{min-height:86px;max-height:calc(100vh - 216px)}.zent-dialog-r[data-zv="10.0.9"].zent-dialog-r--no-close-btn:not(.zent-dialog-r--has-header) .zent-dialog-r-body{padding-top:0}.zent-dialog-r[data-zv="10.0.9"].zent-dialog-r--no-close-btn:not(.zent-dialog-r--has-header) .zent-dialog-r-body-content{min-height:158px;max-height:calc(100vh - 144px)}.zent-dialog-r[data-zv="10.0.9"].zent-dialog-r--no-close-btn:not(.zent-dialog-r--has-header).zent-dialog-r--has-footer .zent-dialog-r-body-content{min-height:102px;max-height:calc(100vh - 200px)}.zent-dialog-r[data-zv="10.0.9"].zent-dialog-r--has-header .zent-dialog-r-body-content{min-height:102px;max-height:calc(100vh - 200px)}.zent-dialog-r[data-zv="10.0.9"].zent-dialog-r--has-header.zent-dialog-r--has-footer .zent-dialog-r-body-content{min-height:46px;max-height:calc( 100vh - 256px )}.zent-dialog-r-footer[data-zv="10.0.9"]{text-align:right;padding:24px 16px 0}.zent-dialog-r-footer[data-zv="10.0.9"] .zent-btn+.zent-btn{margin-left:8px}.zent-dialog-r-backdrop[data-zv="10.0.9"]{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.6);height:100%;z-index:1050}.zent-drawer-backdrop[data-zv="10.0.9"]{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.6);height:100%;z-index:1010}.zent-drawer-content[data-zv="10.0.9"]{position:fixed;z-index:1010;display:flex;flex-direction:column;background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-drawer-content--transparent[data-zv="10.0.9"]{box-shadow:0 2px 24px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-modal, 0 2px 24px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1))}.zent-drawer-close[data-zv="10.0.9"]{position:absolute;top:0;right:0;padding:14px 16px;font-size:20px;cursor:pointer}.zent-drawer-header[data-zv="10.0.9"]{line-height:56px;border-bottom:1px solid;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));font-weight:500;font-size:16px}.zent-drawer-header__title[data-zv="10.0.9"]{padding-left:16px}.zent-drawer-body[data-zv="10.0.9"]{flex-grow:1;word-wrap:break-word;overflow:auto}.zent-drawer-footer[data-zv="10.0.9"]{border-top:1px solid;line-height:56px;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-drawer-transition-top-appear[data-zv="10.0.9"]{transform:translateY(-100%)}.zent-drawer-transition-top-appear-active[data-zv="10.0.9"]{transform:translateY(0);transition:transform 300ms cubic-bezier(0.32, 0, 0.67, 0)}.zent-drawer-transition-top-exit[data-zv="10.0.9"]{transform:translateY(0)}.zent-drawer-transition-top-exit-active[data-zv="10.0.9"]{transform:translateY(-100%);transition:transform 300ms cubic-bezier(0.33, 1, 0.68, 1)}.zent-drawer-transition-right-appear[data-zv="10.0.9"]{transform:translateX(100%)}.zent-drawer-transition-right-appear-active[data-zv="10.0.9"]{transform:translateX(0);transition:transform 300ms cubic-bezier(0.32, 0, 0.67, 0)}.zent-drawer-transition-right-exit[data-zv="10.0.9"]{transform:translateX(0)}.zent-drawer-transition-right-exit-active[data-zv="10.0.9"]{transform:translateX(100%);transition:transform 300ms cubic-bezier(0.33, 1, 0.68, 1)}.zent-drawer-transition-bottom-appear[data-zv="10.0.9"]{transform:translateY(100%)}.zent-drawer-transition-bottom-appear-active[data-zv="10.0.9"]{transform:translateY(0);transition:transform 300ms cubic-bezier(0.32, 0, 0.67, 0)}.zent-drawer-transition-bottom-exit[data-zv="10.0.9"]{transform:translateY(0)}.zent-drawer-transition-bottom-exit-active[data-zv="10.0.9"]{transform:translateY(100%);transition:transform 300ms cubic-bezier(0.33, 1, 0.68, 1)}.zent-drawer-transition-left-appear[data-zv="10.0.9"]{transform:translateX(-100%)}.zent-drawer-transition-left-appear-active[data-zv="10.0.9"]{transform:translateX(0);transition:transform 300ms cubic-bezier(0.32, 0, 0.67, 0)}.zent-drawer-transition-left-exit[data-zv="10.0.9"]{transform:translateX(0)}.zent-drawer-transition-left-exit-active[data-zv="10.0.9"]{transform:translateX(-100%);transition:transform 300ms cubic-bezier(0.33, 1, 0.68, 1)}.zent-drawer-transition__backdrop-appear[data-zv="10.0.9"]{opacity:0}.zent-drawer-transition__backdrop-appear-active[data-zv="10.0.9"]{opacity:1;transition:opacity 300ms cubic-bezier(0.32, 0, 0.67, 0)}.zent-drawer-transition__backdrop-exit[data-zv="10.0.9"]{opacity:1}.zent-drawer-transition__backdrop-exit-active[data-zv="10.0.9"]{opacity:0;transition:opacity 300ms cubic-bezier(0.33, 1, 0.68, 1)}.zent-dropdown-button[data-zv="10.0.9"] .zenticon-down{transition:transform 160ms cubic-bezier(0, 0, 0.1, 0.1)}.zent-dropdown-nav-btn[data-zv="10.0.9"].zent-btn-text{font-size:14px;background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));height:32px;line-height:30px;padding-left:16px;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-dropdown-nav-btn[data-zv="10.0.9"].zent-dropdown-button--active.zent-btn-text{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-dropdown-nav-btn[data-zv="10.0.9"]:hover{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-dropdown-nav[data-zv="10.0.9"] .zent-menu{width:unset}.zent-dropdown-nav[data-zv="10.0.9"] .zent-menu-item{padding-left:12px;font-size:14px}.zent-dropdown-nav[data-zv="10.0.9"] .zent-menu-item:hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-elevator__links-wrapper[data-zv="10.0.9"]{background-color:rgba(255,255,255,.9);background-color:rgba(var(--theme-rgb-section-bg, var(--theme-rgb-stroke-9, 255, 255, 255)), 0.9);display:inline-block;padding:12px 8px;max-width:118px;box-sizing:border-box}.zent-elevator__links-wrapper[data-zv="10.0.9"] .zent-elevator__links-content{position:relative}.zent-elevator__links-wrapper[data-zv="10.0.9"] .zent-elevator__links-content::before{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));content:"";display:inline-block;width:2px;height:100%;position:absolute;left:0;top:0}.zent-elevator__links-wrapper[data-zv="10.0.9"] .zent-elevator__links-content .zent-elevator__link{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));position:relative;font-size:12px;line-height:1;padding-left:6px;margin-bottom:8px;cursor:pointer;transition:color 100ms;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zent-elevator__links-wrapper[data-zv="10.0.9"] .zent-elevator__links-content .zent-elevator__link:last-child{margin-bottom:0}.zent-elevator__links-wrapper[data-zv="10.0.9"] .zent-elevator__links-content .zent-elevator__link:hover{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-elevator__links-wrapper[data-zv="10.0.9"] .zent-elevator__links-content .zent-elevator__link--active{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-elevator__links-wrapper[data-zv="10.0.9"] .zent-elevator__links-content .zent-elevator__link--active::before{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));content:"";display:inline-block;width:2px;height:100%;position:absolute;left:0;top:0}.zent-error-boundary-fallback-component__error[data-zv="10.0.9"]{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15));font-size:14px}.zent-error-boundary-fallback-component__error[data-zv="10.0.9"] .zenticon-close-circle{margin-right:5px}.zent-form-label[data-zv="10.0.9"]{flex-grow:0;flex-shrink:0;display:inline-flex;flex-basis:120px}.zent-form-error[data-zv="10.0.9"]{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-4, #d42f15));margin-top:4px}.zent-form-notice[data-zv="10.0.9"],.zent-form-description[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));line-height:14px;font-size:12px;margin-top:4px;margin-bottom:0}.zent-form-notice[data-zv="10.0.9"] ul li,.zent-form-description[data-zv="10.0.9"] ul li{font-size:12px;line-height:12px}.zent-form-notice[data-zv="10.0.9"] a,.zent-form-description[data-zv="10.0.9"] a{color:#114bae;color:var(--theme-primary-active-bg, var(--theme-primary-2, #114bae))}.zent-form-notice[data-zv="10.0.9"]:empty,.zent-form-description[data-zv="10.0.9"]:empty{margin-top:0}.zent-form-notice[data-zv="10.0.9"]{background-color:#ffefe6;background-color:var(--theme-warning-bg, var(--theme-warn-5, #ffefe6));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));display:inline-block;padding:5px}.zent-form-control[data-zv="10.0.9"]{display:flex;line-height:30px;margin-bottom:24px}.zent-form-control-content-inner[data-zv="10.0.9"]{display:flex}.zent-form-control-content-inner[data-zv="10.0.9"]+.zent-form-notice,.zent-form-control-content-inner[data-zv="10.0.9"]+.zent-form-description{margin-top:12px}.zent-form-control-content-inner[data-zv="10.0.9"]+.zent-form-error{margin-top:8px}.zent-form-control[data-zv="10.0.9"].zent-form-checkbox-field,.zent-form-control[data-zv="10.0.9"].zent-form-checkbox-group-field,.zent-form-control[data-zv="10.0.9"].zent-form-radio-group-field,.zent-form-control[data-zv="10.0.9"].zent-form-single-upload-field{line-height:20px}.zent-form-control[data-zv="10.0.9"].zent-form-switch-field{line-height:22px}.zent-form-control[data-zv="10.0.9"].zent-form-switch-field .zent-form-control-content{display:flex;align-items:center}.zent-form-vertical[data-zv="10.0.9"] .zent-form-label{flex-basis:auto;line-height:20px;margin-bottom:12px}.zent-form-vertical[data-zv="10.0.9"] .zent-form-label-empty{margin-bottom:0}.zent-form-vertical[data-zv="10.0.9"] .zent-form-control{flex-direction:column}.zent-form-vertical[data-zv="10.0.9"] .zent-form-control-content{flex:0 0 auto}.zent-form-horizontal[data-zv="10.0.9"] .zent-form-label{flex-basis:120px;justify-content:flex-end}.zent-form-horizontal[data-zv="10.0.9"] .zent-form-control{flex-direction:row}.zent-form-horizontal[data-zv="10.0.9"] .zent-form-control-content{flex:1 1 100%;margin-left:8px}.zent-form-horizontal[data-zv="10.0.9"] .zent-form-actions{padding:0 0 0 130px;margin:25px 0 10px;background:none;border:0}.zent-form-direction-row[data-zv="10.0.9"]{display:flex;flex-wrap:wrap}.zent-form-direction-row[data-zv="10.0.9"] .zent-form-control{display:inline-flex;flex:1}.zent-grid[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-size:14px;position:relative;line-height:1.5;overflow:hidden}.zent-grid[data-zv="10.0.9"].zent-grid-scroll-position-left .zent-grid-fixed-left{box-shadow:none}.zent-grid[data-zv="10.0.9"].zent-grid-scroll-position-right .zent-grid-fixed-right{box-shadow:none}.zent-grid-fixed-layout[data-zv="10.0.9"] table{table-layout:fixed}.zent-grid-table[data-zv="10.0.9"]{width:100%;text-align:left;border-collapse:collapse;border-spacing:0}.zent-grid-table-ellipsis[data-zv="10.0.9"]{table-layout:fixed}.zent-grid-table-ellipsis[data-zv="10.0.9"] .zent-grid-nowrap{overflow:hidden;text-overflow:ellipsis}.zent-grid-table-small[data-zv="10.0.9"] .zent-grid-td{padding:4px 12px}.zent-grid-table-medium[data-zv="10.0.9"] .zent-grid-td{padding:8px 12px}.zent-grid-table-large[data-zv="10.0.9"] .zent-grid-td{padding:16px 12px}.zent-grid-bordered[data-zv="10.0.9"] table{border-collapse:collapse}.zent-grid-bordered[data-zv="10.0.9"] th,.zent-grid-bordered[data-zv="10.0.9"] td{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-width:1px;border-style:solid;border-top:0}.zent-grid-bordered[data-zv="10.0.9"] th:first-child,.zent-grid-bordered[data-zv="10.0.9"] td:first-child{border-left:0}.zent-grid-bordered[data-zv="10.0.9"] th:last-child,.zent-grid-bordered[data-zv="10.0.9"] td:last-child{border-right:0}.zent-grid-without-size[data-zv="10.0.9"] tr{height:56px}.zent-grid-text-align-left[data-zv="10.0.9"]{text-align:left}.zent-grid-text-align-right[data-zv="10.0.9"]{text-align:right}.zent-grid-text-align-right[data-zv="10.0.9"] .zent-grid-thead-sort{margin-right:16px}.zent-grid-text-align-center[data-zv="10.0.9"]{text-align:center}.zent-grid-thead[data-zv="10.0.9"] .caret-up,.zent-grid-thead[data-zv="10.0.9"] .caret-down{position:absolute;left:6px;font-size:12px;color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-grid-thead[data-zv="10.0.9"] .caret-up{top:0}.zent-grid-thead[data-zv="10.0.9"] .caret-down{bottom:0}.zent-grid-thead-sort[data-zv="10.0.9"]{position:relative}.zent-grid-thead-sort-btn[data-zv="10.0.9"]{position:relative;display:flex}.zent-grid-thead-sort-desc[data-zv="10.0.9"],.zent-grid-thead-sort-asc[data-zv="10.0.9"]{cursor:pointer}.zent-grid-thead-sort-desc[data-zv="10.0.9"] .caret-down{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-grid-thead-sort-asc[data-zv="10.0.9"] .caret-up{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-grid-thead[data-zv="10.0.9"]>tr>th[colspan]{text-align:center}.zent-grid-fixed[data-zv="10.0.9"]{width:auto}.zent-grid-fixed-left[data-zv="10.0.9"],.zent-grid-fixed-right[data-zv="10.0.9"]{position:absolute;top:0;overflow:hidden}.zent-grid-fixed-left[data-zv="10.0.9"] .zent-grid-fixed,.zent-grid-fixed-right[data-zv="10.0.9"] .zent-grid-fixed{border-left:0;border-right:0}.zent-grid-fixed-left[data-zv="10.0.9"] table,.zent-grid-fixed-right[data-zv="10.0.9"] table{width:auto}.zent-grid-fixed-left[data-zv="10.0.9"]{left:0;box-shadow:4px 0 8px -4px rgba(0,0,0,.1)}.zent-grid-fixed-left[data-zv="10.0.9"] .zent-grid-header .zent-grid-table{border-right:0}.zent-grid-fixed-left[data-zv="10.0.9"] .zent-grid-body{margin-right:-20px;box-sizing:border-box;margin-bottom:-15px;overflow:scroll}.zent-grid-fixed-right[data-zv="10.0.9"]{right:0;box-shadow:-4px 0 8px -4px rgba(0,0,0,.1)}.zent-grid-fixed-right[data-zv="10.0.9"] .zent-grid-header .zent-grid-table{border-left:0}.zent-grid-fixed-right[data-zv="10.0.9"] .zent-grid-body .zent-grid-table{border-left:0}.zent-grid-fixed-right[data-zv="10.0.9"] .zent-grid-body{box-sizing:border-box;margin-bottom:-15px;overflow:scroll}.zent-grid-scroll[data-zv="10.0.9"]{overflow:auto}.zent-grid-scroll[data-zv="10.0.9"] table{width:auto;min-width:100%}.zent-grid-scroll[data-zv="10.0.9"] .zent-grid-header{overflow-x:scroll;margin-bottom:-15px;padding-bottom:15px}.zent-grid-scroll[data-zv="10.0.9"] .zent-grid-body{position:relative}.zent-grid-empty[data-zv="10.0.9"]{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));text-align:center;height:50px;line-height:50px;border-bottom-width:1px;border-bottom-style:solid}.zent-grid-tr[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:table-row}.zent-grid-tr[data-zv="10.0.9"]:hover,.zent-grid-tr__mouseover[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-default-bg, #fff)}.zent-grid-tr__expanded[data-zv="10.0.9"] td{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));padding:10px 12px;word-break:break-all}.zent-grid-tr__disable-highlight[data-zv="10.0.9"]:hover{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-grid-th[data-zv="10.0.9"],.zent-grid-td[data-zv="10.0.9"]{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));font-size:14px;display:table-cell;box-sizing:border-box;border-bottom-width:1px;border-bottom-style:solid;vertical-align:middle;overflow-wrap:break-word}.zent-grid-th[data-zv="10.0.9"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));line-height:20px;padding:8px 12px;font-weight:500}.zent-grid-th[data-zv="10.0.9"]:first-child{padding:8px 12px}.zent-grid-th[data-zv="10.0.9"]:last-child{padding:8px 12px}.zent-grid-th-break-word[data-zv="10.0.9"]{word-break:break-word}.zent-grid-th[data-zv="10.0.9"].zent-grid-nowrap{white-space:nowrap;word-break:keep-all}.zent-grid-th[data-zv="10.0.9"].zent-grid-th-sortable{position:relative;cursor:pointer}.zent-grid-th[data-zv="10.0.9"].zent-grid-th-sortable:hover::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.05)}.zent-grid-th[data-zv="10.0.9"].zent-grid-th-selection,.zent-grid-td[data-zv="10.0.9"].zent-grid-td-selection,.zent-grid-th[data-zv="10.0.9"].zent-grid-th-expand,.zent-grid-td[data-zv="10.0.9"].zent-grid-td-expand{padding-right:0}.zent-grid-td[data-zv="10.0.9"]{line-height:20px;position:relative}.zent-grid-td[data-zv="10.0.9"] .zent-grid-expandable-btn{cursor:pointer;display:inline-block;width:16px;height:16px;font-size:16px;text-align:center;-webkit-user-select:none;user-select:none}.zent-grid-td-multiple-row[data-zv="10.0.9"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-left-width:1px;border-right-width:1px;border-style:solid}.zent-grid-tfoot[data-zv="10.0.9"]{margin-top:16px;overflow:hidden}.zent-grid-tfoot[data-zv="10.0.9"] .zent-grid-tfoot-page{margin-top:0}.zent-grid-tfoot[data-zv="10.0.9"] .zent-grid-batch.zent-grid-batch--fixed{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));position:fixed;left:unset;z-index:1;bottom:0;padding-top:12px;box-sizing:border-box;border-top-width:1px;border-top-style:solid}.zent-grid-tfoot-page[data-zv="10.0.9"]{margin-top:10px;float:right}.zent-grid[data-zv="10.0.9"] a{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));cursor:pointer}.zent-grid[data-zv="10.0.9"] .zent-grid-batch{padding-left:12px;padding-bottom:12px;display:flex;align-items:center}.zent-grid[data-zv="10.0.9"] .zent-grid-batch .batch-component{line-height:20px;margin-right:8px}.zent-grid[data-zv="10.0.9"] .zent-grid-batch .batch-component:last-child{margin-right:0}.zent-grid[data-zv="10.0.9"] .zent-grid-batch__foot{float:left}.zent-grid-selection-checkbox[data-zv="10.0.9"]{position:absolute;top:50%;transform:translate(0, -50%);line-height:1;font-size:0;display:inline-block;margin-top:-1px}.zent-grid[data-zv="10.0.9"] .zent-grid-sticky-header{overflow-x:scroll}.zent-grid[data-zv="10.0.9"] .zent-grid-sticky-header-warp{position:absolute}@font-face{font-family:zenticonv10x0x9;src:url("https://b.yzcdn.cn/zent/zenticon/zenticon-2a8a252d11.eot");src:url("https://b.yzcdn.cn/zent/zenticon/zenticon-2a8a252d11.eot?#iefix") format("embedded-opentype"),url("https://b.yzcdn.cn/zent/zenticon/zenticon-2a8a252d11.woff2") format("woff2"),url("https://b.yzcdn.cn/zent/zenticon/zenticon-2a8a252d11.woff") format("woff"),url("https://b.yzcdn.cn/zent/zenticon/zenticon-2a8a252d11.ttf") format("truetype")}.zenticon[data-zv="10.0.9"]{display:inline-block;speak:none;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;font-variant:normal;text-rendering:auto;text-decoration:inherit;line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.zenticon[data-zv="10.0.9"]:before{box-sizing:border-box;display:block;font-family:zenticonv10x0x9 !important}.zenticon-up[data-zv="10.0.9"]:before{content:""}.zenticon-down[data-zv="10.0.9"]:before{content:""}.zenticon-left[data-zv="10.0.9"]:before{content:""}.zenticon-right[data-zv="10.0.9"]:before{content:""}.zenticon-left-circle-o[data-zv="10.0.9"]:before{content:""}.zenticon-left-circle[data-zv="10.0.9"]:before{content:""}.zenticon-right-circle-o[data-zv="10.0.9"]:before{content:""}.zenticon-right-circle[data-zv="10.0.9"]:before{content:""}.zenticon-up-circle-o[data-zv="10.0.9"]:before{content:""}.zenticon-up-circle[data-zv="10.0.9"]:before{content:""}.zenticon-down-circle-o[data-zv="10.0.9"]:before{content:""}.zenticon-down-circle[data-zv="10.0.9"]:before{content:""}.zenticon-upload[data-zv="10.0.9"]:before{content:""}.zenticon-download[data-zv="10.0.9"]:before{content:""}.zenticon-edit-o[data-zv="10.0.9"]:before{content:""}.zenticon-edit[data-zv="10.0.9"]:before{content:""}.zenticon-remove-o[data-zv="10.0.9"]:before{content:""}.zenticon-remove[data-zv="10.0.9"]:before{content:""}.zenticon-save-o[data-zv="10.0.9"]:before{content:""}.zenticon-save[data-zv="10.0.9"]:before{content:""}.zenticon-arrow-up[data-zv="10.0.9"]:before{content:""}.zenticon-arrow-down[data-zv="10.0.9"]:before{content:""}.zenticon-locked-o[data-zv="10.0.9"]:before{content:""}.zenticon-lock[data-zv="10.0.9"]:before{content:""}.zenticon-locked[data-zv="10.0.9"]:before{content:""}.zenticon-unlocked-o[data-zv="10.0.9"]:before{content:""}.zenticon-unlock[data-zv="10.0.9"]:before{content:""}.zenticon-unlocked[data-zv="10.0.9"]:before{content:""}.zenticon-nav-line[data-zv="10.0.9"]:before{content:""}.zenticon-nav-grid[data-zv="10.0.9"]:before{content:""}.zenticon-share[data-zv="10.0.9"]:before{content:""}.zenticon-refresh[data-zv="10.0.9"]:before{content:""}.zenticon-help-circle-o[data-zv="10.0.9"]:before{content:""}.zenticon-help-circle[data-zv="10.0.9"]:before{content:""}.zenticon-thumbnail[data-zv="10.0.9"]:before{content:""}.zenticon-fullscreen-exit[data-zv="10.0.9"]:before{content:""}.zenticon-table-loose[data-zv="10.0.9"]:before{content:""}.zenticon-table-compact[data-zv="10.0.9"]:before{content:""}.zenticon-export[data-zv="10.0.9"]:before{content:""}.zenticon-pin-o[data-zv="10.0.9"]:before{content:""}.zenticon-pin[data-zv="10.0.9"]:before{content:""}.zenticon-eye-o[data-zv="10.0.9"]:before{content:""}.zenticon-eye[data-zv="10.0.9"]:before{content:""}.zenticon-closed-eye[data-zv="10.0.9"]:before{content:""}.zenticon-subtract-circle-o[data-zv="10.0.9"]:before{content:""}.zenticon-subtract-circle[data-zv="10.0.9"]:before{content:""}.zenticon-forbidden-circle[data-zv="10.0.9"]:before{content:""}.zenticon-plus-circle-o[data-zv="10.0.9"]:before{content:""}.zenticon-plus-circle[data-zv="10.0.9"]:before{content:""}.zenticon-double-last[data-zv="10.0.9"]:before{content:""}.zenticon-double-next[data-zv="10.0.9"]:before{content:""}.zenticon-plus[data-zv="10.0.9"]:before{content:""}.zenticon-close[data-zv="10.0.9"]:before{content:""}.zenticon-search[data-zv="10.0.9"]:before{content:""}.zenticon-more[data-zv="10.0.9"]:before{content:""}.zenticon-pending-circle[data-zv="10.0.9"]:before{content:""}.zenticon-caret-up[data-zv="10.0.9"]:before{content:""}.zenticon-caret-down[data-zv="10.0.9"]:before{content:""}.zenticon-reset[data-zv="10.0.9"]:before{content:""}.zenticon-drag[data-zv="10.0.9"]:before{content:""}.zenticon-filter-o[data-zv="10.0.9"]:before{content:""}.zenticon-summary-o[data-zv="10.0.9"]:before{content:""}.zenticon-summary[data-zv="10.0.9"]:before{content:""}.zenticon-shop-o[data-zv="10.0.9"]:before{content:""}.zenticon-shop[data-zv="10.0.9"]:before{content:""}.zenticon-shop-template[data-zv="10.0.9"]:before{content:""}.zenticon-goods-o[data-zv="10.0.9"]:before{content:""}.zenticon-goods[data-zv="10.0.9"]:before{content:""}.zenticon-order-o[data-zv="10.0.9"]:before{content:""}.zenticon-order[data-zv="10.0.9"]:before{content:""}.zenticon-customer-o[data-zv="10.0.9"]:before{content:""}.zenticon-customer[data-zv="10.0.9"]:before{content:""}.zenticon-chart-o[data-zv="10.0.9"]:before{content:""}.zenticon-chart[data-zv="10.0.9"]:before{content:""}.zenticon-capital-o[data-zv="10.0.9"]:before{content:""}.zenticon-capital[data-zv="10.0.9"]:before{content:""}.zenticon-settings-o[data-zv="10.0.9"]:before{content:""}.zenticon-settings[data-zv="10.0.9"]:before{content:""}.zenticon-marketing-o[data-zv="10.0.9"]:before{content:""}.zenticon-marketing[data-zv="10.0.9"]:before{content:""}.zenticon-inventory-o[data-zv="10.0.9"]:before{content:""}.zenticon-inventory[data-zv="10.0.9"]:before{content:""}.zenticon-procurement-o[data-zv="10.0.9"]:before{content:""}.zenticon-procurement[data-zv="10.0.9"]:before{content:""}.zenticon-finance-o[data-zv="10.0.9"]:before{content:""}.zenticon-finance[data-zv="10.0.9"]:before{content:""}.zenticon-cashier-o[data-zv="10.0.9"]:before{content:""}.zenticon-cashier[data-zv="10.0.9"]:before{content:""}.zenticon-casher[data-zv="10.0.9"]:before{content:""}.zenticon-course-o[data-zv="10.0.9"]:before{content:""}.zenticon-course[data-zv="10.0.9"]:before{content:""}.zenticon-admissions-o[data-zv="10.0.9"]:before{content:""}.zenticon-admissions[data-zv="10.0.9"]:before{content:""}.zenticon-educational-o[data-zv="10.0.9"]:before{content:""}.zenticon-educational[data-zv="10.0.9"]:before{content:""}.zenticon-customer-service-o[data-zv="10.0.9"]:before{content:""}.zenticon-customer-service[data-zv="10.0.9"]:before{content:""}.zenticon-message-o[data-zv="10.0.9"]:before{content:""}.zenticon-message[data-zv="10.0.9"]:before{content:""}.zenticon-jump-out[data-zv="10.0.9"]:before{content:""}.zenticon-sign-out[data-zv="10.0.9"]:before{content:""}.zenticon-hotel-o[data-zv="10.0.9"]:before{content:""}.zenticon-hotel[data-zv="10.0.9"]:before{content:""}.zenticon-check-circle-o[data-zv="10.0.9"]:before{content:""}.zenticon-check-circle[data-zv="10.0.9"]:before{content:""}.zenticon-close-circle-o[data-zv="10.0.9"]:before{content:""}.zenticon-close-circle[data-zv="10.0.9"]:before{content:""}.zenticon-error-circle-o[data-zv="10.0.9"]:before{content:""}.zenticon-error-circle[data-zv="10.0.9"]:before{content:""}.zenticon-info-circle-o[data-zv="10.0.9"]:before{content:""}.zenticon-info-circle[data-zv="10.0.9"]:before{content:""}.zenticon-loading[data-zv="10.0.9"]:before{content:""}.zenticon-wait[data-zv="10.0.9"]:before{content:""}.zenticon-star-o[data-zv="10.0.9"]:before{content:""}.zenticon-star[data-zv="10.0.9"]:before{content:""}.zenticon-bell-o[data-zv="10.0.9"]:before{content:""}.zenticon-bell[data-zv="10.0.9"]:before{content:""}.zenticon-check[data-zv="10.0.9"]:before{content:""}.zenticon-youzan-o[data-zv="10.0.9"]:before{content:""}.zenticon-youzan[data-zv="10.0.9"]:before{content:""}.zenticon-mini-apps-o[data-zv="10.0.9"]:before{content:""}.zenticon-mini-apps[data-zv="10.0.9"]:before{content:""}.zenticon-wechat-o[data-zv="10.0.9"]:before{content:""}.zenticon-wechat[data-zv="10.0.9"]:before{content:""}.zenticon-clock-o[data-zv="10.0.9"]:before{content:""}.zenticon-clock[data-zv="10.0.9"]:before{content:""}.zenticon-calendar-o[data-zv="10.0.9"]:before{content:""}.zenticon-calendar[data-zv="10.0.9"]:before{content:""}.zenticon-present-o[data-zv="10.0.9"]:before{content:""}.zenticon-gift[data-zv="10.0.9"]:before{content:""}.zenticon-present[data-zv="10.0.9"]:before{content:""}.zenticon-ticket-o[data-zv="10.0.9"]:before{content:""}.zenticon-ticket[data-zv="10.0.9"]:before{content:""}.zenticon-expand-customer-o[data-zv="10.0.9"]:before{content:""}.zenticon-expand-customer[data-zv="10.0.9"]:before{content:""}.zenticon-checkin-o[data-zv="10.0.9"]:before{content:""}.zenticon-checkin[data-zv="10.0.9"]:before{content:""}.zenticon-assess-o[data-zv="10.0.9"]:before{content:""}.zenticon-assess[data-zv="10.0.9"]:before{content:""}.zenticon-business-o[data-zv="10.0.9"]:before{content:""}.zenticon-business[data-zv="10.0.9"]:before{content:""}.zenticon-hr-o[data-zv="10.0.9"]:before{content:""}.zenticon-hr[data-zv="10.0.9"]:before{content:""}.zenticon-approval-o[data-zv="10.0.9"]:before{content:""}.zenticon-approval[data-zv="10.0.9"]:before{content:""}.zenticon-report-o[data-zv="10.0.9"]:before{content:""}.zenticon-report[data-zv="10.0.9"]:before{content:""}.zenticon-coupon-o[data-zv="10.0.9"]:before{content:""}.zenticon-coupon[data-zv="10.0.9"]:before{content:""}.zenticon-hc-manage-o[data-zv="10.0.9"]:before{content:""}.zenticon-hc-manage[data-zv="10.0.9"]:before{content:""}.zenticon-report-forms-o[data-zv="10.0.9"]:before{content:""}.zenticon-report-forms[data-zv="10.0.9"]:before{content:""}.zenticon-brush-o[data-zv="10.0.9"]:before{content:""}.zenticon-shop-decorate[data-zv="10.0.9"]:before{content:""}.zenticon-brush[data-zv="10.0.9"]:before{content:""}.zenticon-development-doc-o[data-zv="10.0.9"]:before{content:""}.zenticon-development-doc[data-zv="10.0.9"]:before{content:""}.zenticon-bookmark-o[data-zv="10.0.9"]:before{content:""}.zenticon-knowledge-o[data-zv="10.0.9"]:before{content:""}.zenticon-bookmark[data-zv="10.0.9"]:before{content:""}.zenticon-folder-o[data-zv="10.0.9"]:before{content:""}.zenticon-open-folder-o[data-zv="10.0.9"]:before{content:""}.zenticon-pending-payment-o[data-zv="10.0.9"]:before{content:""}.zenticon-salesman-o[data-zv="10.0.9"]:before{content:""}.zenticon-tendency-o[data-zv="10.0.9"]:before{content:""}.zenticon-distribution-o[data-zv="10.0.9"]:before{content:""}.zenticon-member-o[data-zv="10.0.9"]:before{content:""}.zenticon-text-guide-o[data-zv="10.0.9"]:before{content:""}.zenticon-qrcode[data-zv="10.0.9"]:before{content:""}.zenticon-shop-analyze-o[data-zv="10.0.9"]:before{content:""}.zenticon-channel-o[data-zv="10.0.9"]:before{content:""}.zenticon-cashier-desk-o[data-zv="10.0.9"]:before{content:""}.zenticon-qa-o[data-zv="10.0.9"]:before{content:""}.zenticon-withdraw-cash-o[data-zv="10.0.9"]:before{content:""}.zenticon-tools-o[data-zv="10.0.9"]:before{content:""}.zenticon-smile[data-zv="10.0.9"]:before{content:""}.zenticon-photo[data-zv="10.0.9"]:before{content:""}.zenticon-video-o[data-zv="10.0.9"]:before{content:""}.zenticon-video-guide-o[data-zv="10.0.9"]:before{content:""}.zenticon-video[data-zv="10.0.9"]:before{content:""}.zenticon-hotline-o[data-zv="10.0.9"]:before{content:""}.zenticon-visit-o[data-zv="10.0.9"]:before{content:""}.zenticon-countdown[data-zv="10.0.9"]:before{content:""}.zenticon-suggestions[data-zv="10.0.9"]:before{content:""}.zenticon-feedback[data-zv="10.0.9"]:before{content:""}.zenticon-contract-o[data-zv="10.0.9"]:before{content:""}.zenticon-rights-list-o[data-zv="10.0.9"]:before{content:""}.zenticon-im-o[data-zv="10.0.9"]:before{content:""}.zenticon-flow-o[data-zv="10.0.9"]:before{content:""}.zenticon-strategy-o[data-zv="10.0.9"]:before{content:""}.zenticon-link[data-zv="10.0.9"]:before{content:""}.zenticon-voice[data-zv="10.0.9"]:before{content:""}.zenticon-scan-code-o[data-zv="10.0.9"]:before{content:""}.zenticon-doc[data-zv="10.0.9"]:before{content:""}.zenticon-warning-o[data-zv="10.0.9"]:before{content:""}.zenticon-warning[data-zv="10.0.9"]:before{content:""}.zenticon-add-page[data-zv="10.0.9"]:before{content:""}.zenticon-back[data-zv="10.0.9"]:before{content:""}.zenticon-spin[data-zv="10.0.9"]{animation:zent-ani-spin-v10x0x9 2s infinite linear}.zent-infinite-scroller-y[data-zv="10.0.9"]{overflow-y:auto}.zent-input-wrapper[data-zv="10.0.9"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:flex;position:relative;box-sizing:border-box;border-width:1px;border-style:solid;border-radius:2px;transition:border .2s ease-in-out,box-shadow .2s ease-in-out;overflow:hidden;align-items:center;max-width:100%}.zent-input-wrapper--width-xs[data-zv="10.0.9"]{width:116px}.zent-input-wrapper--width-s[data-zv="10.0.9"]{width:240px}.zent-input-wrapper--width-m[data-zv="10.0.9"]{width:364px}.zent-input-wrapper--width-l[data-zv="10.0.9"]{width:488px}.zent-input-wrapper--width-xl[data-zv="10.0.9"]{width:612px}.zent-input-wrapper[data-zv="10.0.9"].zent-input--size-small{height:24px}.zent-input-wrapper[data-zv="10.0.9"].zent-input--size-small .zent-input-addon-before,.zent-input-wrapper[data-zv="10.0.9"].zent-input--size-small .zent-input-addon-after{line-height:22px}.zent-input-wrapper[data-zv="10.0.9"].zent-input--size-normal{height:32px}.zent-input-wrapper[data-zv="10.0.9"].zent-input--size-normal .zent-input-addon-before,.zent-input-wrapper[data-zv="10.0.9"].zent-input--size-normal .zent-input-addon-after{line-height:30px}.zent-input-wrapper[data-zv="10.0.9"].zent-input--size-large{height:40px}.zent-input-wrapper[data-zv="10.0.9"].zent-input--size-large .zent-input-addon-before,.zent-input-wrapper[data-zv="10.0.9"].zent-input--size-large .zent-input-addon-after{line-height:38px}.zent-input-wrapper[data-zv="10.0.9"].zent-input--has-focus:not(.zent-input-wrapper__not-editable){border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-input-wrapper__not-editable[data-zv="10.0.9"].zent-input-wrapper{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-input-wrapper__not-editable[data-zv="10.0.9"] .zent-input-addon-before,.zent-input-wrapper__not-editable[data-zv="10.0.9"] .zent-input-addon-after{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-input-wrapper[data-zv="10.0.9"] .zent-input-icon,.zent-input-wrapper[data-zv="10.0.9"] .zent-input-close{display:block;margin-right:8px}.zent-input-wrapper[data-zv="10.0.9"] .zent-input-icon:first-child{margin-left:8px;margin-right:0}.zent-input-wrapper[data-zv="10.0.9"] .zent-input-icon{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:20px}.zent-input-wrapper[data-zv="10.0.9"] .zenticon-close-circle{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));font-size:20px;margin-right:4px}.zent-input-wrapper[data-zv="10.0.9"] .zent-input-icon-click,.zent-input-wrapper[data-zv="10.0.9"] .zenticon-close-circle{cursor:pointer;border-radius:2px}.zent-input-wrapper[data-zv="10.0.9"] .zent-input-icon-click:hover,.zent-input-wrapper[data-zv="10.0.9"] .zenticon-close-circle:hover{background:rgba(0,0,0,.05)}.zent-input-wrapper[data-zv="10.0.9"] .zent-input-icon-click:active,.zent-input-wrapper[data-zv="10.0.9"] .zenticon-close-circle:active{background:rgba(0,0,0,.1)}.zent-input-wrapper[data-zv="10.0.9"] .zent-input.zent-input--icon-front{padding-left:4px}.zent-input-wrapper[data-zv="10.0.9"] .zent-input.zent-input--icon-end{padding-right:4px}.zent-input-wrapper-disabled[data-zv="10.0.9"]{cursor:not-allowed}.zent-input-wrapper-disabled[data-zv="10.0.9"] .zent-input-icon{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-input-wrapper-disabled[data-zv="10.0.9"] .zent-input-icon-click{cursor:not-allowed;color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-input-wrapper-disabled[data-zv="10.0.9"] .zent-input-icon-click:hover{background:transparent}.zent-textarea-wrapper[data-zv="10.0.9"].zent-input-wrapper{height:auto;max-height:none}.zent-input[data-zv="10.0.9"],.zent-input[data-zv="10.0.9"][type=text],.zent-input[data-zv="10.0.9"][type=password],.zent-input[data-zv="10.0.9"][type=datetime],.zent-input[data-zv="10.0.9"][type=date],.zent-input[data-zv="10.0.9"][type=month],.zent-input[data-zv="10.0.9"][type=time],.zent-input[data-zv="10.0.9"][type=week],.zent-input[data-zv="10.0.9"][type=number],.zent-input[data-zv="10.0.9"][type=email],.zent-input[data-zv="10.0.9"][type=url],.zent-input[data-zv="10.0.9"][type=tel],.zent-input[data-zv="10.0.9"][type=color],.zent-input[data-zv="10.0.9"][type=search],.zent-textarea[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));display:inline-block;flex:1;min-width:80px;height:100%;box-sizing:border-box;padding:0 12px;margin:0;font-size:14px;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:0}.zent-textarea[data-zv="10.0.9"][disabled],.zent-textarea[data-zv="10.0.9"][readonly],.zent-input[data-zv="10.0.9"][disabled],.zent-input[data-zv="10.0.9"][readonly]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));pointer-events:none}.zent-input-addon-before[data-zv="10.0.9"],.zent-input-addon-after[data-zv="10.0.9"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));display:inline-block;height:100%;padding:0 12px;box-sizing:border-box;vertical-align:middle;font-size:14px;text-align:center;min-width:40px}.zent-input-addon-before[data-zv="10.0.9"]{border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-width:1px;border-right-style:solid}.zent-input-addon-after[data-zv="10.0.9"]{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-left-width:1px;border-left-style:solid}.zent-textarea[data-zv="10.0.9"]{height:80px;padding:6px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.5}.zent-textarea-wrapper-out-of-range[data-zv="10.0.9"]{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.zent-textarea-wrapper-out-of-range[data-zv="10.0.9"].zent-input-wrapper.zent-input--has-focus{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.zent-textarea-with-count[data-zv="10.0.9"]{padding-bottom:31px}.zent-textarea-count[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));display:inline-block;position:absolute;bottom:8px;right:12px;font-size:12px}.zent-textarea-count[data-zv="10.0.9"].zent-textarea-out-of-range-text{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.has-error[data-zv="10.0.9"] .zent-input-wrapper{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15));border-width:1px;border-style:solid}.has-error[data-zv="10.0.9"] .zent-input-wrapper.zent-input--has-focus:not(.zent-input-wrapper__not-editable){border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15));box-shadow:none}.has-error[data-zv="10.0.9"] .zent-input-wrapper__not-editable{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.has-error[data-zv="10.0.9"] .zent-input-wrapper.zent-textarea-wrapper.zent-textarea-wrapper-out-of-range{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15));border-width:1px;border-style:solid}.has-error[data-zv="10.0.9"] .zent-input-wrapper.zent-textarea-wrapper.zent-textarea-wrapper-out-of-range .zent-textarea-out-of-range-text{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.zent-input[data-zv="10.0.9"]::-webkit-input-placeholder, .zent-textarea[data-zv="10.0.9"]::-webkit-input-placeholder{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-input[data-zv="10.0.9"]::placeholder,.zent-textarea[data-zv="10.0.9"]::placeholder{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-input-wrapper[data-zv="10.0.9"].zent-input-wrapper-inline{display:inline-flex}.zent-row[data-zv="10.0.9"]{box-sizing:border-box;display:flex}.zent-row-justify-start[data-zv="10.0.9"]{justify-content:flex-start}.zent-row-justify-end[data-zv="10.0.9"]{justify-content:flex-end}.zent-row-justify-center[data-zv="10.0.9"]{justify-content:center}.zent-row-justify-space-between[data-zv="10.0.9"]{justify-content:space-between}.zent-row-justify-space-around[data-zv="10.0.9"]{justify-content:space-around}.zent-row-justify-space-evenly[data-zv="10.0.9"]{justify-content:space-evenly}.zent-row-align-start[data-zv="10.0.9"]{align-items:start}.zent-row-align-center[data-zv="10.0.9"]{align-items:center}.zent-row-align-end[data-zv="10.0.9"]{align-items:end}.zent-col[data-zv="10.0.9"]{box-sizing:border-box;display:block}.zent-col-0[data-zv="10.0.9"]{display:none}.zent-col-1[data-zv="10.0.9"]{width:4.1666666667%}.zent-col-offset-1[data-zv="10.0.9"]{margin-left:4.1666666667%}.zent-col-order-1[data-zv="10.0.9"]{order:1}.zent-col-2[data-zv="10.0.9"]{width:8.3333333333%}.zent-col-offset-2[data-zv="10.0.9"]{margin-left:8.3333333333%}.zent-col-order-2[data-zv="10.0.9"]{order:2}.zent-col-3[data-zv="10.0.9"]{width:12.5%}.zent-col-offset-3[data-zv="10.0.9"]{margin-left:12.5%}.zent-col-order-3[data-zv="10.0.9"]{order:3}.zent-col-4[data-zv="10.0.9"]{width:16.6666666667%}.zent-col-offset-4[data-zv="10.0.9"]{margin-left:16.6666666667%}.zent-col-order-4[data-zv="10.0.9"]{order:4}.zent-col-5[data-zv="10.0.9"]{width:20.8333333333%}.zent-col-offset-5[data-zv="10.0.9"]{margin-left:20.8333333333%}.zent-col-order-5[data-zv="10.0.9"]{order:5}.zent-col-6[data-zv="10.0.9"]{width:25%}.zent-col-offset-6[data-zv="10.0.9"]{margin-left:25%}.zent-col-order-6[data-zv="10.0.9"]{order:6}.zent-col-7[data-zv="10.0.9"]{width:29.1666666667%}.zent-col-offset-7[data-zv="10.0.9"]{margin-left:29.1666666667%}.zent-col-order-7[data-zv="10.0.9"]{order:7}.zent-col-8[data-zv="10.0.9"]{width:33.3333333333%}.zent-col-offset-8[data-zv="10.0.9"]{margin-left:33.3333333333%}.zent-col-order-8[data-zv="10.0.9"]{order:8}.zent-col-9[data-zv="10.0.9"]{width:37.5%}.zent-col-offset-9[data-zv="10.0.9"]{margin-left:37.5%}.zent-col-order-9[data-zv="10.0.9"]{order:9}.zent-col-10[data-zv="10.0.9"]{width:41.6666666667%}.zent-col-offset-10[data-zv="10.0.9"]{margin-left:41.6666666667%}.zent-col-order-10[data-zv="10.0.9"]{order:10}.zent-col-11[data-zv="10.0.9"]{width:45.8333333333%}.zent-col-offset-11[data-zv="10.0.9"]{margin-left:45.8333333333%}.zent-col-order-11[data-zv="10.0.9"]{order:11}.zent-col-12[data-zv="10.0.9"]{width:50%}.zent-col-offset-12[data-zv="10.0.9"]{margin-left:50%}.zent-col-order-12[data-zv="10.0.9"]{order:12}.zent-col-13[data-zv="10.0.9"]{width:54.1666666667%}.zent-col-offset-13[data-zv="10.0.9"]{margin-left:54.1666666667%}.zent-col-order-13[data-zv="10.0.9"]{order:13}.zent-col-14[data-zv="10.0.9"]{width:58.3333333333%}.zent-col-offset-14[data-zv="10.0.9"]{margin-left:58.3333333333%}.zent-col-order-14[data-zv="10.0.9"]{order:14}.zent-col-15[data-zv="10.0.9"]{width:62.5%}.zent-col-offset-15[data-zv="10.0.9"]{margin-left:62.5%}.zent-col-order-15[data-zv="10.0.9"]{order:15}.zent-col-16[data-zv="10.0.9"]{width:66.6666666667%}.zent-col-offset-16[data-zv="10.0.9"]{margin-left:66.6666666667%}.zent-col-order-16[data-zv="10.0.9"]{order:16}.zent-col-17[data-zv="10.0.9"]{width:70.8333333333%}.zent-col-offset-17[data-zv="10.0.9"]{margin-left:70.8333333333%}.zent-col-order-17[data-zv="10.0.9"]{order:17}.zent-col-18[data-zv="10.0.9"]{width:75%}.zent-col-offset-18[data-zv="10.0.9"]{margin-left:75%}.zent-col-order-18[data-zv="10.0.9"]{order:18}.zent-col-19[data-zv="10.0.9"]{width:79.1666666667%}.zent-col-offset-19[data-zv="10.0.9"]{margin-left:79.1666666667%}.zent-col-order-19[data-zv="10.0.9"]{order:19}.zent-col-20[data-zv="10.0.9"]{width:83.3333333333%}.zent-col-offset-20[data-zv="10.0.9"]{margin-left:83.3333333333%}.zent-col-order-20[data-zv="10.0.9"]{order:20}.zent-col-21[data-zv="10.0.9"]{width:87.5%}.zent-col-offset-21[data-zv="10.0.9"]{margin-left:87.5%}.zent-col-order-21[data-zv="10.0.9"]{order:21}.zent-col-22[data-zv="10.0.9"]{width:91.6666666667%}.zent-col-offset-22[data-zv="10.0.9"]{margin-left:91.6666666667%}.zent-col-order-22[data-zv="10.0.9"]{order:22}.zent-col-23[data-zv="10.0.9"]{width:95.8333333333%}.zent-col-offset-23[data-zv="10.0.9"]{margin-left:95.8333333333%}.zent-col-order-23[data-zv="10.0.9"]{order:23}.zent-col-24[data-zv="10.0.9"]{width:100%}.zent-col-offset-24[data-zv="10.0.9"]{margin-left:100%}.zent-col-order-24[data-zv="10.0.9"]{order:24}.zent-link[data-zv="10.0.9"]{font-size:14px;line-height:20px;color:#155bd4;color:var(--theme-link-color, #155bd4);text-decoration:none;display:inline-block}.zent-link[data-zv="10.0.9"]:link,.zent-link[data-zv="10.0.9"]:visited,.zent-link[data-zv="10.0.9"]:focus{color:#155bd4;color:var(--theme-link-color, #155bd4)}.zent-link[data-zv="10.0.9"]:hover{color:#356fd4;color:var(--theme-link-hover-color, #356fd4)}.zent-link[data-zv="10.0.9"]:active{color:#114bae;color:var(--theme-link-active-color, #114bae)}.zent-link--weak[data-zv="10.0.9"]{color:#333;color:var(--theme-weak-link-color, #333)}.zent-link--weak[data-zv="10.0.9"]:link,.zent-link--weak[data-zv="10.0.9"]:visited,.zent-link--weak[data-zv="10.0.9"]:focus{color:#333;color:var(--theme-weak-link-color, #333)}.zent-link--weak[data-zv="10.0.9"]:hover{color:#356fd4;color:var(--theme-weak-link-hover-color, #356fd4)}.zent-link--weak[data-zv="10.0.9"]:active{color:#114bae;color:var(--theme-weak-link-active-color, #114bae)}.zent-link[data-zv="10.0.9"].zent-link--disabled{color:#ccc;color:var(--theme-disabled-color, #ccc);cursor:not-allowed}.zent-loading--block[data-zv="10.0.9"]{position:relative}.zent-loading--block[data-zv="10.0.9"] .zent-loading-mask{position:absolute;top:0;left:0;width:100%;height:100%}.zent-loading--block[data-zv="10.0.9"] .zent-loading-mask>.zent-loading-icon-and-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.zent-loading--block[data-zv="10.0.9"].zent-loading--has-children .zent-loading-mask{background-color:rgba(255,255,255,.5);background-color:rgba(var(--theme-rgb-section-bg, var(--theme-rgb-stroke-9, 255, 255, 255)), 0.5)}.zent-loading--inline[data-zv="10.0.9"]{display:inline-block}.zent-loading--fullscreen[data-zv="10.0.9"]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100}.zent-loading--fullscreen[data-zv="10.0.9"] .zent-loading-mask{background:rgba(0,0,0,.5);height:100%;display:flex;align-items:center;justify-content:center}.zent-loading--fullscreen[data-zv="10.0.9"].zent-loading--show-background .zent-loading-icon-and-text{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));padding:32px;border-radius:4px}.zent-loading-icon-youzan[data-zv="10.0.9"]{display:inline-block;position:relative}.zent-loading-icon-youzan[data-zv="10.0.9"]:before,.zent-loading-icon-youzan[data-zv="10.0.9"]:after{display:block;box-sizing:border-box;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.zent-loading-icon-youzan[data-zv="10.0.9"]:before{z-index:2;border-width:2px;border-style:solid;animation:zent-ani-spin-v10x0x9 .6s cubic-bezier(0, 0, 0.1, 0.1) infinite}.zent-loading-icon-youzan[data-zv="10.0.9"]:after{box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));z-index:1}.zent-loading-icon-youzan-svg[data-zv="10.0.9"]{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3}.zent-loading-icon-circle[data-zv="10.0.9"]{display:inline-block;animation:zent-ani-spin-v10x0x9 .6s cubic-bezier(0, 0, 0.1, 0.1) infinite}.zent-loading-icon-and-text[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));display:flex;align-items:center;justify-content:center}.zent-loading-icon-and-text--bottom[data-zv="10.0.9"]{flex-direction:column}.zent-loading-icon-and-text--bottom[data-zv="10.0.9"] .zent-loading-icon-text{margin-top:4px}.zent-loading-icon-and-text--top[data-zv="10.0.9"]{flex-direction:column}.zent-loading-icon-and-text--top[data-zv="10.0.9"] .zent-loading-icon-text{margin-bottom:4px;order:1}.zent-loading-icon-and-text--top[data-zv="10.0.9"] .zent-loading-icon{order:2}.zent-loading-icon-and-text--right[data-zv="10.0.9"] .zent-loading-icon-text{margin-left:6px}.zent-loading-icon-and-text--left[data-zv="10.0.9"] .zent-loading-icon{order:2}.zent-loading-icon-and-text--left[data-zv="10.0.9"] .zent-loading-icon-text{order:1;margin-right:6px}.zent-loading-color-preset--primary[data-zv="10.0.9"] .zent-loading-icon-circle+.zent-loading-icon-text{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-loading-color-preset--primary[data-zv="10.0.9"] .zent-loading-icon-youzan:before{border-color:transparent;border-right-color:#e00}.zent-loading-color-preset--primary[data-zv="10.0.9"] .zent-loading-icon-youzan:after{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-loading-color-preset--primary[data-zv="10.0.9"] .zent-loading-icon-youzan-svg{fill:#e00}.zent-loading-color-preset--grey[data-zv="10.0.9"] .zent-loading-icon-text{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-loading-color-preset--grey[data-zv="10.0.9"] .zent-loading-icon-youzan:before{border-color:transparent;border-right-color:#ccc;border-right-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-loading-color-preset--grey[data-zv="10.0.9"] .zent-loading-icon-youzan:after{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-loading-color-preset--grey[data-zv="10.0.9"] .zent-loading-icon-youzan-svg{fill:#ccc;fill:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-menu[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));font-size:14px;width:240px;list-style:none;padding:0;margin:0;border-radius:2px}.zent-menu-item[data-zv="10.0.9"]{width:100%;height:32px;line-height:32px;text-align:left;padding-left:16px;box-sizing:border-box;position:relative;cursor:pointer}.zent-menu-item[data-zv="10.0.9"]:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.zent-menu-item[data-zv="10.0.9"]:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.zent-menu-item[data-zv="10.0.9"]:hover{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-menu-item-disabled[data-zv="10.0.9"]{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));cursor:not-allowed}.zent-menu-item-disabled[data-zv="10.0.9"]:hover{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-menu[data-zv="10.0.9"] .zenticon{margin-right:16px}.zent-menu[data-zv="10.0.9"] .zenticon.zent-submenu-title-operate-icon{margin-right:0}.zent-menu[data-zv="10.0.9"] .zenticon-right{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px}.zent-menu[data-zv="10.0.9"] .zent-submenu>.zent-menu{position:absolute;top:0;left:100%;margin-left:0}.zent-menu[data-zv="10.0.9"] .zent-submenu-title{margin-left:-10px;padding-left:10px}.zent-menu[data-zv="10.0.9"] .zent-submenu-title:hover{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-menu[data-zv="10.0.9"] .zent-submenu-title.zent-submenu-disabled{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-menu__inline[data-zv="10.0.9"]{width:200px}.zent-menu__inline-item[data-zv="10.0.9"]{height:40px;line-height:40px;padding-left:0}.zent-menu__inline-item[data-zv="10.0.9"]:not(.zent-menu-item-disabled){cursor:pointer}.zent-menu__inline-item[data-zv="10.0.9"]:not(.zent-menu-item-disabled):hover{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-menu__inline-item-selected[data-zv="10.0.9"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-menu__inline-item-selected[data-zv="10.0.9"]:not(.zent-menu-item-disabled):hover{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#114bae;background-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-menu__inline-submenu[data-zv="10.0.9"] .zenticon-right{top:16px;right:20px;transform:rotate(90deg);transition:transform 200ms ease}.zent-menu__inline-submenu-icon--expand[data-zv="10.0.9"].zenticon-right{transform:rotate(-90deg)}.zent-menu__inline-submenu[data-zv="10.0.9"] .zent-menu__inner{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));width:100%;list-style:none;padding:0;margin:0}.zent-menu__inline-submenu-title[data-zv="10.0.9"]{width:100%;height:40px;line-height:40px;text-align:left;padding-left:10px;box-sizing:border-box;position:relative;cursor:pointer}.zent-menu__inline-submenu-title[data-zv="10.0.9"].zent-submenu-disabled{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));cursor:not-allowed}.zent-menu__inline-submenu-title[data-zv="10.0.9"]:not(.zent-submenu-disabled):hover{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-menu__inline-submenu-title[data-zv="10.0.9"]:not(.zent-submenu-disabled):hover .zenticon{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-notice[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 24px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-modal, 0 2px 24px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));position:relative;border-radius:4px;padding:16px;margin:10px;width:480px}.zent-notice-title[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-size:14px;line-height:20px;margin-bottom:16px;padding-right:30px}.zent-notice-content[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-2, #999));font-size:14px;line-height:20px}.zent-notice[data-zv="10.0.9"].zent-notice-with-icon{padding-left:40px}.zent-notice-icon[data-zv="10.0.9"]{position:absolute;left:16px;top:20px}.zent-notice-icon-info[data-zv="10.0.9"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-notice-icon-success[data-zv="10.0.9"]{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-notice-icon-warning[data-zv="10.0.9"]{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-notice-icon-error[data-zv="10.0.9"]{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-notice-close[data-zv="10.0.9"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));position:absolute;top:20px;right:20px;font-size:12px;width:16px;height:20px;cursor:pointer}.zent-notice-container[data-zv="10.0.9"]{position:fixed;height:100%;display:flex}.zent-notice-container-left[data-zv="10.0.9"]{left:0;transform:translateX(-100%);align-items:flex-start}.zent-notice-container-right[data-zv="10.0.9"]{right:0;transform:translateX(100%);align-items:flex-end}.zent-notice-container-top[data-zv="10.0.9"]{flex-direction:column;top:0}.zent-notice-container-bottom[data-zv="10.0.9"]{flex-direction:column-reverse;bottom:0}.zent-notice-animation[data-zv="10.0.9"]{flex:0 0 auto}.zent-notice-animation-enter[data-zv="10.0.9"]{transition:transform 160ms ease-in;transform:translateX(0)}.zent-notice-animation-exit[data-zv="10.0.9"]{transition:transform 100ms ease-out}.zent-notice-animation-exit-done[data-zv="10.0.9"]{transition:height 100ms ease-out 100ms}.zent-notice-container-left[data-zv="10.0.9"] .zent-notice-animation-enter-active,.zent-notice-container-left[data-zv="10.0.9"] .zent-notice-animation-enter-done,.zent-notice-container-left[data-zv="10.0.9"] .zent-notice-animation-exit{transform:translateX(100%)}.zent-notice-container-left[data-zv="10.0.9"] .zent-notice-animation-exit.zent-notice-animation-exit-active,.zent-notice-container-left[data-zv="10.0.9"] .zent-notice-animation-exit-done{transform:translateX(0)}.zent-notice-container-right[data-zv="10.0.9"] .zent-notice-animation-enter-active,.zent-notice-container-right[data-zv="10.0.9"] .zent-notice-animation-enter-done,.zent-notice-container-right[data-zv="10.0.9"] .zent-notice-animation-exit{transform:translateX(-100%)}.zent-notice-container-right[data-zv="10.0.9"] .zent-notice-animation-exit.zent-notice-animation-exit-active,.zent-notice-container-right[data-zv="10.0.9"] .zent-notice-animation-exit-done{transform:translateX(0)}.zent-notify-container[data-zv="10.0.9"]{z-index:10000;position:fixed;top:80px;left:50%;transform:translateX(-50%)}.zent-notify[data-zv="10.0.9"]{padding-bottom:16px;display:flex}.zent-notify-content[data-zv="10.0.9"]{box-shadow:0 2px 24px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-modal, 0 2px 24px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));background:#fff;background:var(--theme-section-bg, var(--theme-stroke-9, #fff));font-size:14px;line-height:20px;display:flex;align-items:center;margin:0 auto;padding:14px 24px 14px 16px;max-width:344px;border-radius:2px;box-sizing:border-box;font-weight:500;word-break:break-all}.zent-notify-content[data-zv="10.0.9"]:empty:before{content:"​"}.zent-notify-content[data-zv="10.0.9"] .zent-notify-content-icon{font-size:20px}.zent-notify-content[data-zv="10.0.9"].zent-notify-content-success{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-notify-content[data-zv="10.0.9"].zent-notify-content-warn{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-notify-content[data-zv="10.0.9"].zent-notify-content-error{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-notify-content[data-zv="10.0.9"].zent-notify-content-info{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-notify-content[data-zv="10.0.9"].zent-notify-content-info .zent-notify-content-icon{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-notify-content-icon[data-zv="10.0.9"]{margin-right:10px}.notify-appear[data-zv="10.0.9"]{transform:translateY(-100%);opacity:0}.notify-appear-active[data-zv="10.0.9"]{transform:translateY(0%);opacity:1;transition-duration:160ms;transition-timing-function:opacity linear,transform ease-in}.notify-exit[data-zv="10.0.9"]{max-height:48px;opacity:1}.notify-exit[data-zv="10.0.9"] .zent-notify-content{transform:translateY(0%)}.notify-exit-active[data-zv="10.0.9"]{max-height:0;padding:0;opacity:0;transition-duration:160ms;transition-timing-function:opacity linear,max-height ease-out}.notify-exit-active[data-zv="10.0.9"] .zent-notify-content{transform:translateY(-100%);transition-duration:160ms;transition-timing-function:transform ease-out}.zent-number-input[data-zv="10.0.9"]{width:200px}.zent-number-input[data-zv="10.0.9"]:not(.zent-input-wrapper-disabled):hover{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-number-input-arrows[data-zv="10.0.9"]{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.zent-number-input-arrows[data-zv="10.0.9"] .zent-number-input-arrow{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-left-width:1px;border-left-style:solid;margin-left:-1px;cursor:pointer;width:20px;height:15px;line-height:15px;text-align:center}.zent-number-input-arrows[data-zv="10.0.9"] .zent-number-input-arrow.zent-number-input-arrow-disable{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));cursor:not-allowed}.zent-number-input-arrows[data-zv="10.0.9"] .zent-number-input-arrow.zent-number-input-arrow-disable>.zenticon{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-number-input-arrows[data-zv="10.0.9"] .zent-number-input-arrow.zent-number-input-arrow-disable:hover{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-number-input-arrows[data-zv="10.0.9"] .zent-number-input-arrow.zent-number-input-arrow-disable:hover>.zenticon{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-number-input-arrows[data-zv="10.0.9"] .zent-number-input-arrow:hover:not(.zent-number-input-arrow-disable){z-index:10;border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-number-input-arrows[data-zv="10.0.9"] .zent-number-input-arrow:hover:not(.zent-number-input-arrow-disable)>.zenticon{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-number-input-arrows[data-zv="10.0.9"] .zent-number-input-arrow:active:not(.zent-number-input-arrow-disable){background-color:rgba(21,91,212,.1);background-color:rgba(var(--theme-rgb-primary-bg, var(--theme-rgb-primary-4, 21, 91, 212)), 0.1)}.zent-number-input-arrows[data-zv="10.0.9"] .zent-number-input-arrow>.zenticon{color:#999;color:var(--theme-hint-color, var(--theme-stroke-2, #999));line-height:15px;position:static;font-size:12px}.zent-number-input-arrows[data-zv="10.0.9"] .zent-number-input-arrowup{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid}.zent-number-input-arrows[data-zv="10.0.9"] .zent-number-input-arrowdown{border-top-color:#e0e0e0;border-top-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-top-width:1px;border-top-style:solid;margin:-1px}.zent-number-input-count[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));color:#999;color:var(--theme-hint-color, var(--theme-stroke-2, #999));display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:28px;height:100%;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;flex-grow:0;flex-shrink:0}.zent-number-input-count[data-zv="10.0.9"].zent-number-input-count-disable{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));cursor:not-allowed}.zent-number-input-count[data-zv="10.0.9"].zent-number-input-count-disable>.zenticon{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-number-input-count[data-zv="10.0.9"].zent-number-input-count-disable:hover{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-number-input-count[data-zv="10.0.9"].zent-number-input-count-disable:hover>.zenticon{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-number-input-count[data-zv="10.0.9"]:hover{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-number-input-countreduce[data-zv="10.0.9"]{border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-width:1px;border-right-style:solid}.zent-number-input-countadd[data-zv="10.0.9"]{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-left-width:1px;border-left-style:solid}.zent-pagination[data-zv="10.0.9"]{display:flex;justify-content:flex-end;font-size:14px;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-pagination--normal[data-zv="10.0.9"] .zent-pagination-button--layout+.zent-pagination-button--layout,.zent-pagination--normal[data-zv="10.0.9"] .zent-btn-disabled-wrapper+.zent-pagination-button--layout,.zent-pagination--normal[data-zv="10.0.9"] .zent-btn-disabled-wrapper+.zent-btn-disabled-wrapper,.zent-pagination--normal[data-zv="10.0.9"] .zent-pagination-button--layout+.zent-btn-disabled-wrapper{margin-left:4px}.zent-pagination--lite[data-zv="10.0.9"] .zent-pagination-button--layout+.zent-pagination-button--layout,.zent-pagination--lite[data-zv="10.0.9"] .zent-btn-disabled-wrapper+.zent-pagination-button--layout,.zent-pagination--lite[data-zv="10.0.9"] .zent-btn-disabled-wrapper+.zent-btn-disabled-wrapper,.zent-pagination--lite[data-zv="10.0.9"] .zent-pagination-button--layout+.zent-btn-disabled-wrapper{margin-left:0}.zent-pagination-page-list--mini[data-zv="10.0.9"]{display:flex;margin:0 8px}.zent-pagination-arrow[data-zv="10.0.9"],.zent-pagination-more[data-zv="10.0.9"]{stroke:#333;stroke:var(--theme-title-color, var(--theme-stroke-1, #333));position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:20px}.zent-pagination-page-number-button[data-zv="10.0.9"].zent-btn,.zent-pagination-arrow-button[data-zv="10.0.9"].zent-btn{padding:0 5px;min-width:32px;position:relative;transition:none}.zent-pagination-page-number-button[data-zv="10.0.9"].zent-btn:not(.zent-btn-primary),.zent-pagination-arrow-button[data-zv="10.0.9"].zent-btn:not(.zent-btn-primary){background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-pagination-page-number-button[data-zv="10.0.9"].zent-btn:not(.zent-btn-primary):hover,.zent-pagination-page-number-button[data-zv="10.0.9"].zent-btn:not(.zent-btn-primary):active,.zent-pagination-arrow-button[data-zv="10.0.9"].zent-btn:not(.zent-btn-primary):hover,.zent-pagination-arrow-button[data-zv="10.0.9"].zent-btn:not(.zent-btn-primary):active{background:#f7f7f7;background:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-pagination-page-number-button[data-zv="10.0.9"].zent-btn[disabled] .zent-pagination-arrow,.zent-pagination-arrow-button[data-zv="10.0.9"].zent-btn[disabled] .zent-pagination-arrow{stroke:#ccc;stroke:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-pagination-arrow-button[data-zv="10.0.9"].zent-btn .zenticon{margin:0}.zent-pagination-page-button--no-border[data-zv="10.0.9"].zent-btn:not(.zent-btn-primary){border-color:transparent}.zent-pagination-page-button--no-border[data-zv="10.0.9"].zent-btn:not(.zent-btn-primary):hover,.zent-pagination-page-button--no-border[data-zv="10.0.9"].zent-btn:not(.zent-btn-primary):active{background:#fff;background:var(--theme-section-bg, var(--theme-stroke-9, #fff));color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:transparent}.zent-pagination-page-button--no-border[data-zv="10.0.9"].zent-btn:not(.zent-btn-primary):active{color:#114bae;color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-pagination-page-button--no-border[data-zv="10.0.9"].zent-btn:not(.zent-btn-primary).zent-pagination-arrow-button[disabled]{background:#fff;background:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-pagination-page-button--no-border[data-zv="10.0.9"].zent-btn:not(.zent-btn-primary).zent-pagination-arrow-button[disabled] .zent-pagination-arrow{stroke:#e0e0e0;stroke:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-pagination-page-button--no-border[data-zv="10.0.9"].zent-btn:not(.zent-btn-primary).zent-pagination-arrow-button:not([disabled]):hover .zent-pagination-arrow{stroke:#155bd4;stroke:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-pagination-page-button--no-border[data-zv="10.0.9"].zent-btn:not(.zent-btn-primary).zent-pagination-arrow-button:not([disabled]):active .zent-pagination-arrow{stroke:#114bae;stroke:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-pagination-arrow-button--double[data-zv="10.0.9"]:hover,.zent-pagination-arrow-button--double[data-zv="10.0.9"]:active,.zent-pagination-arrow-button--double-active[data-zv="10.0.9"]{border-color:transparent}.zent-pagination-arrow-button--double[data-zv="10.0.9"]:hover .zent-pagination-arrow{stroke:#155bd4;stroke:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-pagination-arrow-button--double[data-zv="10.0.9"]:active,.zent-pagination-arrow-button--double-active[data-zv="10.0.9"]{background:transparent}.zent-pagination-arrow-button--double[data-zv="10.0.9"]:active .zent-pagination-arrow,.zent-pagination-arrow-button--double-active[data-zv="10.0.9"] .zent-pagination-arrow{stroke:#114bae;stroke:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-pagination-page-jumper[data-zv="10.0.9"],.zent-pagination-mini-page-jumper[data-zv="10.0.9"]{display:flex;justify-content:center;align-items:center}.zent-pagination-page-jumper[data-zv="10.0.9"] .zent-input-wrapper .zent-input,.zent-pagination-mini-page-jumper[data-zv="10.0.9"] .zent-input-wrapper .zent-input{min-width:100%;cursor:pointer}.zent-pagination-page-jumper[data-zv="10.0.9"]{margin-left:8px}.zent-pagination-page-jumper[data-zv="10.0.9"] .zent-input-wrapper{margin:0 8px}.zent-pagination-page-jumper[data-zv="10.0.9"] .zent-input{text-align:center}.zent-pagination-mini-page-jumper[data-zv="10.0.9"]{font-size:14px;line-height:20px;margin:0 8px}.zent-pagination-mini-page-jumper__sep[data-zv="10.0.9"]{margin:0 24px}.zent-pagination-mini-page-jumper[data-zv="10.0.9"] .zent-input{text-align:center}.zent-pagination-page-size-changer[data-zv="10.0.9"]{display:flex;justify-content:center;align-items:center;margin-right:8px}.zent-pagination-page-size-changer[data-zv="10.0.9"] .zent-select-v2{margin-left:4px;margin-right:0}.zent-pagination-count--middle[data-zv="10.0.9"]{margin:0 4px}.zent-pagination-count--right[data-zv="10.0.9"]{margin-left:4px}.zent-placeholder-shape[data-zv="10.0.9"]{background-color:#f7f7f7}.zent-placeholder-shape--animate[data-zv="10.0.9"]{animation:zent-ani-placeholder-bg-v10x0x9 2s linear infinite;background:linear-gradient(to right, rgba(247, 247, 247, 0.7), #f7f7f7, #f7f7f7);background:linear-gradient(to right, rgba(var(--theme-rgb-body-bg, var(--theme-rgb-stroke-7, 247, 247, 247)), 0.7), var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7)), var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7)));background-size:300% 300%}.zent-placeholder-text-row[data-zv="10.0.9"],.zent-placeholder-text-row-dashed[data-zv="10.0.9"] .zent-placeholder-shape{width:100%;height:1em}.zent-placeholder-text-row-dashed[data-zv="10.0.9"]{display:flex}.zent-placeholder-text-row-dashed-segment[data-zv="10.0.9"]{box-sizing:border-box}.zent-placeholder-circle[data-zv="10.0.9"]{border-radius:50%}@keyframes zent-ani-placeholder-bg-v10x0x9{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.zent-pop-v2[data-zv="10.0.9"]{font-size:14px;line-height:20px;background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));border-radius:4px;z-index:2000}.zent-pop-v2[data-zv="10.0.9"] .zent-pop-v2-inner,.zent-pop-v2[data-zv="10.0.9"] .zent-pop-v2-header{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));position:relative;border-radius:4px;padding:16px;z-index:2}.zent-pop-v2[data-zv="10.0.9"] .zent-pop-v2-header{font-size:16px;line-height:24px;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:0;font-weight:600}.zent-pop-v2[data-zv="10.0.9"] .zent-pop-v2-buttons{text-align:right;vertical-align:top;margin-top:16px}.zent-pop-v2[data-zv="10.0.9"] .zent-pop-v2-buttons .zent-btn+.zent-btn{margin-left:8px}.zent-pop-v2[data-zv="10.0.9"] .zent-pop-v2-arrow{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));position:absolute;z-index:1;width:6px;height:6px;overflow:hidden}.zent-pop-v2[data-zv="10.0.9"]::after{content:"";display:block;position:absolute;width:11px;height:11px}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-left .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-right .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-left .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-right .zent-pop-v2-arrow{top:0}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-left::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-center::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-right::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-left::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-center::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-right::after{top:-11px;width:100%;left:0}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-left .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-left .zent-pop-v2-arrow{transform:translateY(-50%) rotate(45deg);left:12px}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-center .zent-pop-v2-arrow{transform:translate(-50%, -50%) rotate(45deg);left:50%}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-right .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-right .zent-pop-v2-arrow{transform:translateY(-50%) rotate(45deg);right:12px}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-top-left .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-top-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-top-right .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-left .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-right .zent-pop-v2-arrow{bottom:0}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-top-left::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-top-center::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-top-right::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-left::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-center::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-right::after{bottom:-11px;width:100%;left:0}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-top-left .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-left .zent-pop-v2-arrow{transform:translateY(50%) rotate(45deg);left:12px}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-top-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-center .zent-pop-v2-arrow{transform:translate(-50%, 50%) rotate(45deg);left:50%}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-top-right .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-right .zent-pop-v2-arrow{transform:translateY(50%) rotate(45deg);right:12px}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-left-top .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-left-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-left-bottom .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-top .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-bottom .zent-pop-v2-arrow{right:0}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-left-top::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-left-center::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-left-bottom::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-top::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-center::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-bottom::after{right:-11px;height:100%;top:0}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-left-top .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-top .zent-pop-v2-arrow{transform:translateX(50%) rotate(45deg);top:6px}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-left-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-center .zent-pop-v2-arrow{transform:translate(50%, -50%) rotate(45deg);top:50%}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-left-bottom .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-bottom .zent-pop-v2-arrow{transform:translateX(50%) rotate(45deg);bottom:6px}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-right-top .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-right-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-right-bottom .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-top .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-bottom .zent-pop-v2-arrow{left:0}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-right-top::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-right-center::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-right-bottom::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-top::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-center::after,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-bottom::after{left:-11px;height:100%;top:0}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-right-top .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-top .zent-pop-v2-arrow{transform:translateX(-50%) rotate(45deg);top:6px}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-right-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-center .zent-pop-v2-arrow{transform:translate(-50%, -50%) rotate(45deg);top:50%}.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-right-bottom .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-bottom .zent-pop-v2-arrow{transform:translateX(-50%) rotate(45deg);bottom:6px}.zent-image-p-body[data-zv="10.0.9"]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box;z-index:1}.zent-image-p-body[data-zv="10.0.9"] .zent-image-p-show-image{max-width:90vw;max-height:90vh;cursor:zoom-in}.zent-image-p-body[data-zv="10.0.9"] .zent-image-p-show-image.zent-image-p-is-zooming{cursor:zoom-out}.zent-image-p-close[data-zv="10.0.9"]{background:rgba(255,255,255,.6);background:rgba(var(--theme-rgb-section-bg, var(--theme-rgb-stroke-9, 255, 255, 255)), 0.6);position:fixed;text-align:center;border-radius:40px;box-shadow:0 0 8px rgba(0,0,0,.6);right:20px;top:20px;width:40px;height:40px;cursor:pointer;z-index:2}.zent-image-p-close[data-zv="10.0.9"]:hover{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-image-p-close[data-zv="10.0.9"] i{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.zent-image-p-footer[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background:rgba(255,255,255,.6);background:rgba(var(--theme-rgb-section-bg, var(--theme-rgb-stroke-9, 255, 255, 255)), 0.6);position:fixed;border-radius:40px;box-shadow:0 0 8px rgba(0,0,0,.6);bottom:20px;left:50%;transform:translate(-50%);height:40px;line-height:40px;z-index:2;font-size:16px}.zent-image-p-footer[data-zv="10.0.9"].zent-image-p-footer-paging{min-width:216px}.zent-image-p-footer[data-zv="10.0.9"].zent-image-p-footer-paging.zent-image-p-show-rotate-btn{min-width:308px}.zent-image-p-footer[data-zv="10.0.9"].zent-image-p-show-rotate-btn{min-width:92px}.zent-image-p-footer[data-zv="10.0.9"] .zent-image-p-action{display:inline-block;cursor:pointer;padding:0 30px;-webkit-user-select:none;user-select:none;font-size:16px;min-width:65px;text-align:center}.zent-image-p-footer[data-zv="10.0.9"] .zent-image-p-action:hover{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-image-p-footer[data-zv="10.0.9"] .zent-image-p-action:first-child{border-radius:40px 0 0 40px}.zent-image-p-footer[data-zv="10.0.9"] .zent-image-p-action:last-child{border-radius:0 40px 40px 0}.zent-image-p-footer[data-zv="10.0.9"] .zent-image-p-action.zent-image-p-rotate-action{border-radius:40px}.zent-image-p-backdrop[data-zv="10.0.9"]{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.6);height:100%;z-index:1050}.zent-image-p-wrap[data-zv="10.0.9"]{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;outline:0}.zent-progress-info[data-zv="10.0.9"]{font-size:14px;line-height:20px;color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-weight:500;display:inline-block}.zent-progress-info[data-zv="10.0.9"]>.zenticon{font-size:20px}.zent-progress-type__line[data-zv="10.0.9"] .zent-progress-container{display:flex;align-items:center}.zent-progress-type__line[data-zv="10.0.9"] .zent-progress-wrapper{display:inline-block;vertical-align:middle;border-radius:100px;background-color:rgba(0,0,0,.05)}.zent-progress-type__line[data-zv="10.0.9"] .zent-progress-wrapper--round .zent-progress-inner{border-top-right-radius:100px;border-bottom-right-radius:100px}.zent-progress-type__line[data-zv="10.0.9"] .zent-progress-wrapper--square:not(.zent-progress-wrapper--finished) .zent-progress-inner{border-top-right-radius:2px;border-bottom-right-radius:2px}.zent-progress-type__line[data-zv="10.0.9"] .zent-progress-inner{transition:all 160ms cubic-bezier(0.17, 0.84, 0.44, 0.1);position:relative;border-radius:100px}.zent-progress-type__line[data-zv="10.0.9"] .zent-progress-inner:after{display:block;position:absolute;top:0;content:" ";width:20%;height:100%;transform:translateX(-100%);background:linear-gradient(to right, rgba(255, 255, 255, 0), #fff);background:linear-gradient(to right, rgba(var(--theme-rgb-section-bg, var(--theme-rgb-stroke-9, 255, 255, 255)), 0), var(--theme-section-bg, var(--theme-stroke-9, #fff)));animation:1400ms cubic-bezier(0, 0, 0.1, 0.1) 0s infinite normal both running zent-ani-progress-mask-move-v10x0x9}.zent-progress-type__line[data-zv="10.0.9"] .zent-progress-info{margin-left:8px;white-space:nowrap;vertical-align:middle;height:20px;line-height:20px}.zent-progress-type__line[data-zv="10.0.9"].zent-progress-state__normal .zent-progress-inner{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-progress-type__line[data-zv="10.0.9"].zent-progress-state__normal .zent-progress-info{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-progress-type__line[data-zv="10.0.9"].zent-progress-state__normal .zent-progress-info>.zenticon{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-progress-type__line[data-zv="10.0.9"].zent-progress-state__success .zent-progress-inner{background-color:#45a110;background-color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-progress-type__line[data-zv="10.0.9"].zent-progress-state__success .zent-progress-inner:after{display:none}.zent-progress-type__line[data-zv="10.0.9"].zent-progress-state__success .zent-progress-info{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-progress-type__line[data-zv="10.0.9"].zent-progress-state__success .zent-progress-info>.zenticon{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-progress-type__line[data-zv="10.0.9"].zent-progress-state__exception .zent-progress-inner{background-color:#d42f15;background-color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-progress-type__line[data-zv="10.0.9"].zent-progress-state__exception .zent-progress-inner:after{display:none}.zent-progress-type__line[data-zv="10.0.9"].zent-progress-state__exception .zent-progress-info{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-progress-type__line[data-zv="10.0.9"].zent-progress-state__exception .zent-progress-info>.zenticon{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-progress-type__circle[data-zv="10.0.9"]{position:relative;display:inline-block}.zent-progress-type__circle[data-zv="10.0.9"] .zent-progress-wrapper,.zent-progress-type__circle[data-zv="10.0.9"] .zent-progress-inner{display:inline-block;position:absolute;top:0;left:0}.zent-progress-type__circle[data-zv="10.0.9"] .zent-progress-wrapper{border-color:#f7f7f7;border-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-style:solid;box-sizing:border-box;border-radius:50%}.zent-progress-type__circle[data-zv="10.0.9"] .zent-progress-info{display:flex;height:100%;justify-content:center;align-items:center}.zent-progress-type__circle[data-zv="10.0.9"] .zent-progress-inner-path,.zent-progress-type__circle[data-zv="10.0.9"] .zent-progress-path-mask{stroke-linecap:round;fill:none;transform-origin:center}.zent-progress-type__circle[data-zv="10.0.9"] .zent-progress-inner-path--square,.zent-progress-type__circle[data-zv="10.0.9"] .zent-progress-path-mask--square{stroke-linecap:square}.zent-progress-type__circle[data-zv="10.0.9"] .zent-progress-inner-path{transition:stroke-dashoffset 160ms cubic-bezier(0.17, 0.84, 0.44, 0.1)}.zent-progress-type__circle[data-zv="10.0.9"] .zent-progress-path-mask{transition:transform 400ms cubic-bezier(0, 0, 0.1, 0.1)}.zent-progress-type__circle[data-zv="10.0.9"].zent-progress-state__normal .zent-progress-inner-path{stroke:#155bd4;stroke:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-progress-type__circle[data-zv="10.0.9"].zent-progress-state__normal .zent-progress-info{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-progress-type__circle[data-zv="10.0.9"].zent-progress-state__normal .zent-progress-info>.zenticon{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-progress-type__circle[data-zv="10.0.9"].zent-progress-state__success .zent-progress-inner-path{stroke:#45a110;stroke:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-progress-type__circle[data-zv="10.0.9"].zent-progress-state__success .zent-progress-info{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-progress-type__circle[data-zv="10.0.9"].zent-progress-state__success .zent-progress-info>.zenticon{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-progress-type__circle[data-zv="10.0.9"].zent-progress-state__exception .zent-progress-inner-path{stroke:#d42f15;stroke:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-progress-type__circle[data-zv="10.0.9"].zent-progress-state__exception .zent-progress-info{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-progress-type__circle[data-zv="10.0.9"].zent-progress-state__exception .zent-progress-info>.zenticon{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}@keyframes zent-ani-progress-mask-move-v10x0x9{0%{left:0;opacity:.2}28%{left:100%;opacity:.2}29%{left:100%;opacity:0}100%{left:100%;opacity:0}}.zent-radio-group[data-zv="10.0.9"]{display:inline-block;font-size:0}.zent-radio-group[data-zv="10.0.9"]>:not(.zent-radio-wrap){font-size:14px;line-height:20px}.zent-radio-wrap[data-zv="10.0.9"]{display:inline-block;cursor:pointer;font-size:0;margin:0;padding:0;margin-right:24px;vertical-align:middle}.zent-radio-wrap[data-zv="10.0.9"]:last-child{margin-right:0}.zent-radio-wrap[data-zv="10.0.9"] .zent-radio{position:relative;display:inline-block;white-space:nowrap;outline:none;vertical-align:middle;margin:0;padding:0;line-height:1}.zent-radio-wrap[data-zv="10.0.9"] .zent-radio>input{position:absolute;left:0;right:0;bottom:0;top:0;margin:0;padding:0;width:100%;height:100%;z-index:1;opacity:0;cursor:pointer}.zent-radio-wrap[data-zv="10.0.9"] .zent-radio-label{font-size:14px;line-height:20px;display:inline;margin-left:8px;vertical-align:middle}.zent-radio-wrap[data-zv="10.0.9"] .zent-radio-inner{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:relative;top:0;left:0;display:inline-block;width:16px;height:16px;border-radius:50%;border-width:1px;border-style:solid;box-sizing:border-box;vertical-align:middle;transition:all .1s}.zent-radio-wrap[data-zv="10.0.9"] .zent-radio-inner::after{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:absolute;display:block;content:" ";top:3px;left:3px;width:8px;height:8px;border-radius:50%;transform:scale(0);transition:all .1s ease-in-out}.zent-radio-wrap[data-zv="10.0.9"].zent-radio-checked>.zent-radio>.zent-radio-inner{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-radio-wrap[data-zv="10.0.9"].zent-radio-checked>.zent-radio>.zent-radio-inner::after{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));transform:scale(1)}.zent-radio-wrap[data-zv="10.0.9"].zent-radio-disabled{cursor:not-allowed}.zent-radio-wrap[data-zv="10.0.9"].zent-radio-disabled>.zent-radio>.zent-radio-inner{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-radio-wrap[data-zv="10.0.9"].zent-radio-disabled>.zent-radio>.zent-radio-inner::after{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-radio-wrap[data-zv="10.0.9"].zent-radio-disabled>.zent-radio>input[type=radio]{pointer-events:none}.zent-radio-wrap[data-zv="10.0.9"].zent-radio-disabled.zent-radio-checked>.zent-radio>.zent-radio-inner{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-radio-wrap[data-zv="10.0.9"].zent-radio-disabled.zent-radio-checked>.zent-radio>.zent-radio-inner::after{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-radio-wrap[data-zv="10.0.9"].zent-radio-disabled .zent-radio-label{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-radio-wrap[data-zv="10.0.9"]:not(.zent-radio-disabled):hover .zent-radio-inner{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-radio-button[data-zv="10.0.9"]{font-size:14px;line-height:20px;color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;border-style:solid;position:relative;box-sizing:border-box;display:inline-block;padding:5px 10px;text-align:center;transition:all 100ms cubic-bezier(0.17, 0.84, 0.44, 0.1)}.zent-radio-button[data-zv="10.0.9"]>input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:0;padding:0;margin:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block;cursor:pointer}.zent-radio-button[data-zv="10.0.9"]:not(:first-child){margin-left:-1px}.zent-radio-button[data-zv="10.0.9"]:first-child{border-radius:2px 0 0 2px}.zent-radio-button[data-zv="10.0.9"]:last-child{border-radius:0 2px 2px 0}.zent-radio-button[data-zv="10.0.9"]:hover:not(.zent-radio-button--disabled){color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-radio-button--checked[data-zv="10.0.9"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));z-index:1}.zent-radio-button--disabled[data-zv="10.0.9"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));cursor:not-allowed}.zent-radio-button--disabled[data-zv="10.0.9"]>input[type=radio]{pointer-events:none}.zent-radio-button--disabled[data-zv="10.0.9"].zent-radio-button--checked{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-10, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-rate[data-zv="10.0.9"]{color:#edd418;color:var(--rate-star-color, #edd418);display:inline-block;outline:none;font-size:16px}.zent-rate-star[data-zv="10.0.9"]{display:inline-block;margin-right:9px;cursor:pointer;position:relative;transition:all .3s}.zent-rate-star[data-zv="10.0.9"]:hover{transform:scale(1.1)}.zent-rate-star-first[data-zv="10.0.9"]{position:absolute;left:0;top:0;width:50%;height:100%;overflow:hidden;opacity:0}.zent-rate-star-zero[data-zv="10.0.9"]{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-rate-star-half[data-zv="10.0.9"] .zent-rate-star-first,.zent-rate-star-part[data-zv="10.0.9"] .zent-rate-star-first{opacity:1}.zent-rate-star-half[data-zv="10.0.9"] .zent-rate-star-second,.zent-rate-star-part[data-zv="10.0.9"] .zent-rate-star-second{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-rate-star[data-zv="10.0.9"] .zent-rate-star-icon{font-size:12px}.zent-rate-disabled[data-zv="10.0.9"] .zent-rate-star,.zent-rate-readonly[data-zv="10.0.9"] .zent-rate-star{cursor:not-allowed;transition:none}.zent-rate-disabled[data-zv="10.0.9"] .zent-rate-star:hover,.zent-rate-readonly[data-zv="10.0.9"] .zent-rate-star:hover{transform:scale(1)}.zent-rate-readonly[data-zv="10.0.9"] .zent-rate-star{cursor:auto}.zent-popup-menu[data-zv="10.0.9"]{box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));left:0;outline:none;overflow-y:auto;position:relative;width:100%;z-index:2000;max-height:224px;border-radius:3px;font-size:14px}.zent-popup-menu[data-zv="10.0.9"] .zent-popup-menu-item{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:block;outline:none;padding:7px 16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.zent-popup-menu[data-zv="10.0.9"] .zent-popup-menu-item.current,.zent-popup-menu[data-zv="10.0.9"] .zent-popup-menu-item.hover,.zent-popup-menu[data-zv="10.0.9"] .zent-popup-menu-item:hover{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-popup-menu[data-zv="10.0.9"] .zent-popup-menu-item.active{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));font-weight:500}.zent-popup-menu[data-zv="10.0.9"] .zent-popup-menu-item.active:hover,.zent-popup-menu[data-zv="10.0.9"] .zent-popup-menu-item.active.hover,.zent-popup-menu[data-zv="10.0.9"] .zent-popup-menu-item.active.current{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-popup-menu[data-zv="10.0.9"] .zent-popup-menu-item.disabled{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-popup-menu[data-zv="10.0.9"] .zent-popup-menu-item.disabled:hover{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background:none}.zent-menu-item-group-header[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:11px;background:none;cursor:default;text-transform:uppercase;padding:5px 7px;font-weight:bold}.zent-divider-line[data-zv="10.0.9"]{border-top-color:#e0e0e0;border-top-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-top-width:1px;border-top-style:solid;margin:6px 0}.zent-select-v2[data-zv="10.0.9"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-width:1px;border-style:solid;border-radius:2px;cursor:pointer;min-height:32px;padding:5px 26px 5px 12px;box-sizing:border-box;display:flex;flex-wrap:wrap;transition:border-color .25s;outline:none;position:relative;line-height:20px}.zent-select-v2-xs[data-zv="10.0.9"]{width:116px}.zent-select-v2-s[data-zv="10.0.9"]{width:240px}.zent-select-v2-m[data-zv="10.0.9"]{width:364px}.zent-select-v2-l[data-zv="10.0.9"]{width:488px}.zent-select-v2-xl[data-zv="10.0.9"]{width:612px}.zent-select-v2[data-zv="10.0.9"] .zenticon-down{color:#999;color:var(--theme-hint-color, var(--theme-stroke-2, #999));font-size:20px;right:8px;position:absolute;transition:transform .25s;top:5px;margin:auto}.zent-select-v2[data-zv="10.0.9"].zent-select-v2-disabled{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));cursor:not-allowed;-webkit-user-select:none;user-select:none}.zent-select-v2[data-zv="10.0.9"].zent-select-v2-disabled:hover{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));box-shadow:none}.zent-select-v2[data-zv="10.0.9"].zent-select-v2-disabled .zent-select-v2-tag{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));cursor:not-allowed}.zent-select-v2[data-zv="10.0.9"].zent-select-v2-disabled .zent-select-v2-tag-close{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));cursor:not-allowed}.zent-select-v2[data-zv="10.0.9"].zent-select-v2-disabled .zent-select-v2-tag-collapsed-trigger{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-select-v2[data-zv="10.0.9"].zent-select-v2-disabled .zenticon-down{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-select-v2-multiple[data-zv="10.0.9"]{padding-top:4px;padding-bottom:4px}.zent-select-v2-multiple[data-zv="10.0.9"] .zent-select-v2-placeholder{line-height:22px}.zent-select-v2-multiple[data-zv="10.0.9"] .zent-select-v2-search{min-height:22px;line-height:22px}.zent-select-v2-placeholder[data-zv="10.0.9"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-select-v2-text[data-zv="10.0.9"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-select-v2-clearable[data-zv="10.0.9"] .zenticon-close-circle{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));font-size:20px;position:absolute;right:8px;top:5px;margin:auto;display:none;cursor:pointer}.zent-select-v2-clearable[data-zv="10.0.9"].zent-select-v2:hover .zenticon-down,.zent-select-v2-clearable[data-zv="10.0.9"].zent-select-v2-active .zenticon-down{display:none}.zent-select-v2-clearable[data-zv="10.0.9"].zent-select-v2:hover .zenticon-close-circle,.zent-select-v2-clearable[data-zv="10.0.9"].zent-select-v2-active .zenticon-close-circle{display:inline-block}.zent-select-v2[data-zv="10.0.9"]:hover,.zent-select-v2[data-zv="10.0.9"].zent-select-v2-active{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-select-v2[data-zv="10.0.9"].zent-select-v2-inline{display:inline-flex}.zent-select-v2-collapsable-single[data-zv="10.0.9"]{display:flex;flex-wrap:nowrap}.zent-select-v2-collapsable-single[data-zv="10.0.9"] .zent-select-v2-tag-collapsed-trigger{flex-shrink:0}.zent-select-v2-collapsable[data-zv="10.0.9"] .zent-select-v2-search-wrap{flex:1}.zent-select-v2-search[data-zv="10.0.9"]{outline:none;border:0;margin:0;padding:0;width:100%}.zent-select-v2-search[data-zv="10.0.9"]::-webkit-input-placeholder{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-select-v2-search[data-zv="10.0.9"]::placeholder{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-select-v2-search-wrap[data-zv="10.0.9"]{width:100%;position:relative}.zent-select-v2-search-wrap-auto-width[data-zv="10.0.9"]{width:auto;min-width:10px;min-height:20px}.zent-select-v2-search-wrap[data-zv="10.0.9"] .zent-select-v2-search{min-width:10px;position:absolute;top:0;left:0}.zent-select-v2-search-mirror[data-zv="10.0.9"]{white-space:nowrap;visibility:hidden}.zent-select-v2-popup[data-zv="10.0.9"]{box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));left:0;outline:none;overflow-y:auto;position:relative;width:100%;z-index:2000;max-height:224px;border-radius:3px;font-size:14px;max-height:272px;overflow-y:auto}.zent-select-v2-popup-empty[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));padding:0 20px;min-height:48px;display:flex;align-items:center;justify-content:center}.zent-select-v2-popup-loading[data-zv="10.0.9"]{font-size:12px;text-align:center;padding:7px 0}.zent-select-v2-option[data-zv="10.0.9"]{height:32px;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;padding:6px 12px}.zent-select-v2-option-text[data-zv="10.0.9"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;flex:1 1 100%}.zent-select-v2-option-text-content[data-zv="10.0.9"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-select-v2-option-text-highlight[data-zv="10.0.9"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-select-v2-option[data-zv="10.0.9"]:hover,.zent-select-v2-option-active[data-zv="10.0.9"],.zent-select-v2-option-active[data-zv="10.0.9"].zent-select-v2-option-selected{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-select-v2-option-header[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-2, #999));cursor:default;font-size:12px;padding:8px 12px;line-height:16px}.zent-select-v2-option-header[data-zv="10.0.9"]:first-child{margin-top:8px}.zent-select-v2-option-header[data-zv="10.0.9"]:hover,.zent-select-v2-option-header[data-zv="10.0.9"].zent-select-v2-option-active{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));cursor:default}.zent-select-v2-option-disabled[data-zv="10.0.9"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-select-v2-option-disabled[data-zv="10.0.9"]:hover,.zent-select-v2-option-disabled[data-zv="10.0.9"].zent-select-v2-option-active{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));cursor:not-allowed}.zent-select-v2-option-selected[data-zv="10.0.9"]{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));font-weight:500}.zent-select-v2-option-selected-bold[data-zv="10.0.9"]{font-weight:500}.zent-select-v2-option-selected-multiple[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:18px;display:block;margin-left:auto;margin-right:-4px;padding-left:8px}.zent-select-v2-option-loading[data-zv="10.0.9"]{margin-left:auto;padding-left:8px}.zent-select-v2-tag[data-zv="10.0.9"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-radius:2px;height:18px;margin:2px 4px 2px 0;padding-left:4px;line-height:16px;font-size:12px;display:flex;align-items:center;word-break:break-all;box-sizing:border-box;overflow:hidden;border-width:1px;border-style:solid;cursor:default}.zent-select-v2-tag-text[data-zv="10.0.9"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-select-v2-tag-close[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));cursor:pointer;font-size:16px}.zent-select-v2-tag-collapsed-trigger[data-zv="10.0.9"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-radius:2px;height:18px;margin:2px 4px 2px 0;padding-left:4px;line-height:16px;font-size:12px;display:flex;align-items:center;word-break:break-all;box-sizing:border-box;overflow:hidden;padding:0 4px;cursor:pointer;justify-content:center}.zent-select-v2-tag-collapsed-trigger-text[data-zv="10.0.9"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-select-v2-tag-collapsed-content[data-zv="10.0.9"]{font-size:14px;line-height:20px;max-width:216px;max-height:80px;overflow-y:auto;word-break:break-all;border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-slider[data-zv="10.0.9"]{display:flex;align-items:center;min-height:30px;padding:8px 7px}.zent-slider-main[data-zv="10.0.9"]{background-color:rgba(0,0,0,.05);flex:1;height:14px;cursor:pointer;position:relative;border-top:5px solid transparent;border-bottom:5px solid transparent;border-radius:8px;box-sizing:border-box;-webkit-user-select:none;user-select:none;background-clip:content-box}.zent-slider-main[data-zv="10.0.9"]:hover .zent-slider-track{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-slider-main[data-zv="10.0.9"]:hover .zent-slider-track-disabled{background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-slider-main[data-zv="10.0.9"]:hover .zent-slider-track-disabled:hover{background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-slider-track[data-zv="10.0.9"]{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));height:4px;position:absolute;border-radius:8px}.zent-slider-track[data-zv="10.0.9"]:hover{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-slider-track-disabled[data-zv="10.0.9"]{background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-slider-track-disabled[data-zv="10.0.9"]:hover{background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-slider-point[data-zv="10.0.9"]{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-sizing:border-box;width:12px;height:12px;border-radius:50%;border-width:2px;border-style:solid;cursor:pointer;position:relative;z-index:1;transition:border-color .3s ease,height .1s linear,width .1s linear,transform .3s cubic-bezier(0.18, 0.89, 0.32, 1.28)}.zent-slider-point[data-zv="10.0.9"]:hover:not(.zent-slider-point-disabled){height:16px;width:16px}.zent-slider-point[data-zv="10.0.9"]:active:not(.zent-slider-point-disabled){color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));transform-origin:center center;height:16px;width:16px;cursor:pointer}.zent-slider-point[data-zv="10.0.9"]:active:not(.zent-slider-point-disabled)::after{border-color:rgba(21,91,212,.15);border-color:rgba(var(--theme-rgb-primary-bg, var(--theme-rgb-primary-4, 21, 91, 212)), 0.15);border-style:solid;border-width:6px;width:16px;height:16px;content:"";display:inline-block;border-radius:50%;position:absolute;left:-8px;top:-8px}.zent-slider-point-disabled[data-zv="10.0.9"]{border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));border-width:2px;border-style:solid;cursor:not-allowed}.zent-slider-point-disabled[data-zv="10.0.9"]:hover{border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));transform:scale(1);transform-origin:center center}.zent-slider-tooltip[data-zv="10.0.9"]{position:absolute;cursor:initial;z-index:1;top:50%;transform:translate(-50%, -50%)}.zent-slider-tooltip-content[data-zv="10.0.9"]{font-size:14px;line-height:20px;background-color:#333;background-color:var(--theme-title-color, var(--theme-stroke-1, #333));color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:absolute;top:-48px;padding:8px 10px;border-radius:2px;line-height:14px;z-index:2;white-space:nowrap;left:50%;transform:translateX(-50%);height:32px;box-sizing:border-box;display:none}.zent-slider-tooltip[data-zv="10.0.9"]:after{background-color:#333;background-color:var(--theme-title-color, var(--theme-stroke-1, #333));content:"";transform:translate(-50%, 50%) rotate(45deg);width:8px;height:8px;top:-24px;position:absolute;left:50%;display:none}.zent-slider-tooltip-active[data-zv="10.0.9"] .zent-slider-tooltip-content,.zent-slider-tooltip[data-zv="10.0.9"]:hover .zent-slider-tooltip-content{display:block}.zent-slider-tooltip-active[data-zv="10.0.9"]:after,.zent-slider-tooltip[data-zv="10.0.9"]:hover:after{display:block}.zent-slider-tooltip-active[data-zv="10.0.9"] .zent-slider-point{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));transform-origin:center center;height:16px;width:16px;cursor:pointer}.zent-slider-tooltip-active[data-zv="10.0.9"] .zent-slider-point::after{border-color:rgba(21,91,212,.15);border-color:rgba(var(--theme-rgb-primary-bg, var(--theme-rgb-primary-4, 21, 91, 212)), 0.15);border-style:solid;border-width:6px;width:16px;height:16px;content:"";display:inline-block;border-radius:50%;position:absolute;left:-8px;top:-8px}.zent-slider-input[data-zv="10.0.9"]{display:flex;margin-left:24px;line-height:30px}.zent-slider-input[data-zv="10.0.9"] .slider-input-line{padding:0 5px}.zent-slider-input[data-zv="10.0.9"] .zent-input-wrapper,.zent-slider-input[data-zv="10.0.9"].zent-input-wrapper{width:60px}.zent-slider-input[data-zv="10.0.9"] .zent-input-wrapper .zent-input,.zent-slider-input[data-zv="10.0.9"].zent-input-wrapper .zent-input{min-width:60px}.zent-slider-mark[data-zv="10.0.9"]{position:absolute;padding-top:12px;transform:translateX(-50%);cursor:initial}.zent-slider-dot[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));position:absolute;display:inline-block;width:6px;margin-top:-2px;transform:translateX(-50%);height:6px;border-width:1px;border-style:solid;border-radius:50%}.zent-slider-dot-active[data-zv="10.0.9"]{border-color:#356fd4;border-color:var(--theme-primary-hover-bg, var(--theme-primary-6, #356fd4));border-width:1px;border-style:solid}.zent-slider-disabled[data-zv="10.0.9"] .zent-slider-main{cursor:not-allowed}.zent-sortable__fallback[data-zv="10.0.9"]{background-color:rgba(255,255,255,.5);background-color:rgba(var(--theme-rgb-section-bg, var(--theme-rgb-stroke-9, 255, 255, 255)), 0.5)}.zent-sortable[data-zv="10.0.9"]:not(.zent-sortable--grabbing):not(.zent-sortable--handle)>*{cursor:-webkit-grab;cursor:grab}.zent-sortable[data-zv="10.0.9"] .zent-sortable__drag{box-shadow:0 2px 8px 0 rgba(0,0,0,.1);opacity:.3}.zent-sortable[data-zv="10.0.9"] .zent-sortable__ghost{position:relative}.zent-sortable[data-zv="10.0.9"] .zent-sortable__ghost::before{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));content:"";display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.zent-split-button[data-zv="10.0.9"]{display:inline-block}.zent-split-button[data-zv="10.0.9"]+.zent-split-button{margin-left:10px}.zent-split-button__main[data-zv="10.0.9"]{border-top-right-radius:0;border-bottom-right-radius:0}.zent-split-button__main[data-zv="10.0.9"].zent-btn-loading:hover,.zent-split-button__main[data-zv="10.0.9"].zent-btn-loading:active{z-index:0}.zent-split-button__main[data-zv="10.0.9"].zent-btn-primary{border-right-color:#356fd4;border-right-color:var(--theme-primary-hover-bg, var(--theme-primary-6, #356fd4))}.zent-split-button__main[data-zv="10.0.9"].zent-btn-danger{border-right-color:#d42f15;border-right-color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.zent-split-button__main[data-zv="10.0.9"].zent-btn-success{border-right-color:#45a110;border-right-color:var(--theme-success-color, var(--theme-success-4, #45a110))}.zent-split-button__main[data-zv="10.0.9"].zent-btn-text{border-right-width:1px;border-right-style:solid;border-right-color:#fff;border-right-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-split-button__main[data-zv="10.0.9"].zent-btn-disabled{border-right-color:#f7f7f7;border-right-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-split-button__main[data-zv="10.0.9"],.zent-split-button__dropdown-wrapper[data-zv="10.0.9"]{position:relative;z-index:1}.zent-split-button__main[data-zv="10.0.9"]:hover,.zent-split-button__dropdown-wrapper[data-zv="10.0.9"]:hover{z-index:2}.zent-split-button__dropdown-wrapper[data-zv="10.0.9"]{margin-left:1px;display:inline-block}.zent-split-button__dropdown-wrapper-text[data-zv="10.0.9"]{margin-left:0}.zent-split-button__dropdown[data-zv="10.0.9"]{border-top-left-radius:0;border-bottom-left-radius:0;padding:0}.zent-split-button__dropdown-icononly[data-zv="10.0.9"]{border-top-left-radius:2px;border-bottom-left-radius:2px}.zent-split-button__dropdown-icon[data-zv="10.0.9"].zenticon.zenticon-down{margin-left:6px;margin-right:6px}.zent-split-button__dropdown[data-zv="10.0.9"].zent-btn-primary{border-left-color:#356fd4;border-left-color:var(--theme-primary-hover-bg, var(--theme-primary-6, #356fd4))}.zent-split-button__dropdown[data-zv="10.0.9"].zent-btn-danger{border-left-color:#d42f15;border-left-color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.zent-split-button__dropdown[data-zv="10.0.9"].zent-btn-success{border-left-color:#45a110;border-left-color:var(--theme-success-color, var(--theme-success-4, #45a110))}.zent-split-button__dropdown[data-zv="10.0.9"].zent-btn-text .zent-split-button__dropdown-icon{margin-left:4px;margin-right:4px;font-size:14px}.zent-split-button__dropdown[data-zv="10.0.9"].zent-btn-disabled{border-left-color:#f7f7f7;border-left-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-split-button__dropdown-disabled[data-zv="10.0.9"]{cursor:not-allowed}.zent-split-button__dropdown-menu[data-zv="10.0.9"]{display:inline-block;width:unset}.zent-split-button__dropdown-menu[data-zv="10.0.9"] .zent-menu-item{padding:0 16px}.zent-split-button__dropdown-menu[data-zv="10.0.9"] .zent-menu-item:hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-split-button__dropdown-menu-item-text[data-zv="10.0.9"].zent-menu-item{padding:0 8px}.zent-steps[data-zv="10.0.9"]{width:100%;line-height:1.5;font-size:0;display:flex;box-sizing:border-box}.zent-steps-tail[data-zv="10.0.9"]{position:absolute;width:100%;left:0;top:13px;box-sizing:border-box;margin-left:75px}.zent-steps-tail[data-zv="10.0.9"] i{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));display:inline-block;position:relative;width:100%;border-radius:1px;height:3px;vertical-align:top;transform:scaleY(0.5) translateY(4px)}.zent-steps-tail[data-zv="10.0.9"] i::after{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));content:"";position:absolute;top:0;width:0;height:100%;opacity:0}.zent-steps-step[data-zv="10.0.9"]{position:relative}.zent-steps-step[data-zv="10.0.9"] .zent-step-head{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:relative;display:inline-block;vertical-align:top;margin-left:60px;box-sizing:border-box}.zent-steps-step[data-zv="10.0.9"] .zent-step-main{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));position:relative;vertical-align:top;width:160px;text-align:center}.zent-steps-step[data-zv="10.0.9"] .zent-step-main .zent-step-title{font-size:14px;font-weight:500;max-width:160px;line-height:14px;margin-top:10px;word-wrap:break-word;word-break:break-all}.zent-steps-step[data-zv="10.0.9"] .zent-step-main .zent-step-description{max-width:160px;font-size:12px;line-height:16px;margin-top:8px;word-wrap:break-word;word-break:break-all}.zent-step-head-inner[data-zv="10.0.9"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));margin:0 8px;font-size:30px;line-height:30px}.zent-step-head-inner[data-zv="10.0.9"] .zent-icon{background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:inline-block;vertical-align:middle;width:24px;height:24px;line-height:24px;border-radius:50%;text-align:center;font-size:14px}.zent-step-head-inner[data-zv="10.0.9"] .zent-icon.zent-steps-sequence{width:24px;height:24px;line-height:24px;margin:3px}.zent-step-head-inner[data-zv="10.0.9"] .zenticon{vertical-align:middle}.zent-steps-item[data-zv="10.0.9"]{position:relative;display:inline-block;vertical-align:top;overflow:visible;flex:1;cursor:default}.zent-steps-item[data-zv="10.0.9"].zent-steps-status-finish.zent-steps-item--current .zent-steps-tail i::after{width:0}.zent-steps-item[data-zv="10.0.9"].zent-steps-status-finish.zent-steps-item--last-finished .zent-steps-tail i::after{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));width:100%}.zent-steps-item[data-zv="10.0.9"].zent-steps-status-finish .zent-step-head-inner{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-item[data-zv="10.0.9"].zent-steps-status-finish .zent-step-head-inner .zent-icon{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-item[data-zv="10.0.9"].zent-steps-status-finish .zent-step-main .zent-step-title{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-steps-item[data-zv="10.0.9"].zent-steps-status-finish .zent-steps-tail i::after{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));width:100%;transition:all .2s ease;opacity:1}.zent-steps-item[data-zv="10.0.9"].zent-steps-status-error .zent-step-head-inner{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-steps-item[data-zv="10.0.9"].zent-steps-status-error .zent-step-main .zent-step-title{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-steps-item[data-zv="10.0.9"].zent-steps-status-process .zent-step-head-inner .zent-icon{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-item[data-zv="10.0.9"].zent-steps-status-process .zent-step-main .zent-step-title{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-steps-item[data-zv="10.0.9"]:last-child{flex:none}.zent-steps-item[data-zv="10.0.9"]:last-child .zent-steps-tail{display:none}.zent-steps-item__icon[data-zv="10.0.9"]{font-size:16px;margin-right:8px;height:20px;line-height:20px}.zent-steps__vertical[data-zv="10.0.9"]{display:block}.zent-steps__vertical[data-zv="10.0.9"] .zent-steps-item{display:block;overflow:visible}.zent-steps__vertical[data-zv="10.0.9"] .zent-steps-item.zent-steps-status-finish.zent-steps-item--current .zent-steps-tail i::after{width:100%;height:0}.zent-steps__vertical[data-zv="10.0.9"] .zent-steps-item.zent-steps-status-finish.zent-steps-item--last-finished .zent-steps-tail i::after{width:100%}.zent-steps__vertical[data-zv="10.0.9"] .zent-steps-item.zent-steps-status-finish .zent-steps-tail i::after{width:100%}.zent-steps__vertical[data-zv="10.0.9"] .zent-steps-item:last-child .zent-steps-step .zent-step-main{min-height:auto}.zent-steps__vertical[data-zv="10.0.9"] .zent-steps-tail{position:absolute;margin-left:0;width:2px;left:18px;top:0;height:100%;padding:30px 0 4px}.zent-steps__vertical[data-zv="10.0.9"] .zent-steps-tail i{height:100%;width:2px}.zent-steps__vertical[data-zv="10.0.9"] .zent-steps-tail i::after{width:100%}.zent-steps__vertical[data-zv="10.0.9"] .zent-steps-step .zent-step-head{float:left;margin-left:0}.zent-steps__vertical[data-zv="10.0.9"] .zent-steps-step .zent-step-main{display:block;overflow:hidden;min-height:120px;text-align:left;width:inherit;padding-left:5px}.zent-steps__vertical[data-zv="10.0.9"] .zent-steps-step .zent-step-main .zent-step-title{margin-top:2px;line-height:22px;max-width:initial}.zent-steps__vertical[data-zv="10.0.9"] .zent-steps-step .zent-step-main .zent-step-description{margin-top:2px;padding-bottom:15px;max-width:initial}.zent-steps__vertical[data-zv="10.0.9"] .zent-step-head-inner{margin-right:8px}.zent-steps-card[data-zv="10.0.9"] .zent-steps-item{box-sizing:border-box;padding:0 1px}.zent-steps-card[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--clickable{cursor:pointer}.zent-steps-card[data-zv="10.0.9"] .zent-steps-item:first-child{padding-left:0}.zent-steps-card[data-zv="10.0.9"] .zent-steps-item:last-child{padding-right:0}.zent-steps-card[data-zv="10.0.9"] .zent-steps-item .zent-steps-step{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));height:50px;line-height:50px;font-size:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px}.zent-steps-card[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--current:hover .zent-steps-step{background-color:#356fd4;background-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-steps-card[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--current:active .zent-steps-step{background-color:#114bae;background-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-steps-card[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--current .zent-steps-step{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-steps-breadcrumb[data-zv="10.0.9"]{overflow:hidden}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item{padding:0 14px;box-sizing:border-box}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--clickable{cursor:pointer}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item:first-child{padding-left:0}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item:first-child .zent-steps-step::before{display:none}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item:last-child{padding-right:0}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item:last-child .zent-steps-step::after{display:none}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item .zent-steps-step{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));height:48px;line-height:48px;font-size:14px;text-align:center;padding:0 10px}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item .zent-steps-step::after{border-left-color:#f7f7f7;border-left-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));content:" ";display:block;width:0;height:0;border-top:24px solid transparent;border-bottom:24px solid transparent;border-left-width:12px;border-left-style:solid;position:absolute;top:50%;margin-top:-24px;right:-12px;z-index:1}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item .zent-steps-step::before{border-top-color:#f7f7f7;border-top-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-bottom-color:#f7f7f7;border-bottom-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));content:" ";display:block;width:0;height:0;border-top-width:24px;border-top-style:solid;border-bottom-width:24px;border-bottom-style:solid;border-left:12px solid transparent;position:absolute;top:50%;margin-top:-24px;left:-12px}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item .zent-steps-step .zent-steps-sequence{background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));font-size:14px;display:inline-block;vertical-align:middle;width:16px;height:16px;line-height:16px;border-radius:50%;text-align:center;margin-right:8px;margin-bottom:2px}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished .zent-steps-sequence{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished:hover .zent-steps-step{background-color:#356fd4;background-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished:hover .zent-steps-step::after{border-left-color:#356fd4;border-left-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished:hover .zent-steps-step::before{border-top-color:#356fd4;border-top-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4));border-bottom-color:#356fd4;border-bottom-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished:active .zent-steps-step{background-color:#114bae;background-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished:active .zent-steps-step::after{border-left-color:#114bae;border-left-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished:active .zent-steps-step::before{border-top-color:#114bae;border-top-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae));border-bottom-color:#114bae;border-bottom-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished .zent-steps-step{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished .zent-steps-step::after{border-left-color:#155bd4;border-left-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-breadcrumb[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished .zent-steps-step::before{border-top-color:#155bd4;border-top-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-bottom-color:#155bd4;border-bottom-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item .zent-steps-step{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-weight:600;z-index:1}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item .zent-steps-step::before{border-top-color:#fff;border-top-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:#fff;border-bottom-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item .zent-steps-step::after{border-left-color:#fff;border-left-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished .zent-steps-step{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-sizing:border-box}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished .zent-steps-step::after{border-left-color:#fff;border-left-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished .zent-steps-step::before{border-top-color:#fff;border-top-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:#fff;border-bottom-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--current::after{border-left-color:#155bd4;border-left-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));content:" ";display:block;width:0;height:0;border-top:28px solid transparent;border-bottom:28px solid transparent;border-left-width:14px;border-left-style:solid;position:absolute;top:50%;margin-top:-28px;right:1px;z-index:0}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--current::before{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));content:" ";display:block;width:0;height:0;border-style:solid;border-top-width:28px;border-bottom-width:28px;border-right-width:1px;border-left:15px solid transparent;position:absolute;top:50%;margin-top:-28px;left:-2px}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--current .zent-steps-step{border-top-color:#155bd4;border-top-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-bottom-color:#155bd4;border-bottom-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;line-height:46px}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--current .zent-steps-step::before{border-top-width:23px;border-bottom-width:23px;margin-top:-23px}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--disabled:hover .zent-steps-step,.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--disabled:active .zent-steps-step,.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished.zent-steps-item--disabled:hover .zent-steps-step,.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished.zent-steps-item--disabled:active .zent-steps-step{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--disabled:hover .zent-steps-step::after,.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--disabled:active .zent-steps-step::after,.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished.zent-steps-item--disabled:hover .zent-steps-step::after,.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished.zent-steps-item--disabled:active .zent-steps-step::after{border-left-color:#f7f7f7;border-left-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--disabled:hover .zent-steps-step::before,.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--disabled:active .zent-steps-step::before,.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished.zent-steps-item--disabled:hover .zent-steps-step::before,.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished.zent-steps-item--disabled:active .zent-steps-step::before{border-top-color:#f7f7f7;border-top-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));border-bottom-color:#f7f7f7;border-bottom-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item:not(.zent-steps-item--disabled):hover .zent-steps-step,.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished:not(.zent-steps-item--disabled):hover .zent-steps-step{background-color:#efefef}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item:not(.zent-steps-item--disabled):hover .zent-steps-step::after,.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished:not(.zent-steps-item--disabled):hover .zent-steps-step::after{border-left-color:#efefef}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item:not(.zent-steps-item--disabled):hover .zent-steps-step::before,.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished:not(.zent-steps-item--disabled):hover .zent-steps-step::before{border-top-color:#efefef;border-bottom-color:#efefef}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item:not(.zent-steps-item--disabled):active .zent-steps-step,.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished:not(.zent-steps-item--disabled):active .zent-steps-step{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item:not(.zent-steps-item--disabled):active .zent-steps-step::after,.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished:not(.zent-steps-item--disabled):active .zent-steps-step::after{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item:not(.zent-steps-item--disabled):active .zent-steps-step::before,.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--finished:not(.zent-steps-item--disabled):active .zent-steps-step::before{border-top-color:#e0e0e0;border-top-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--disabled{cursor:not-allowed}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--disabled::after{border-left-color:#ccc;border-left-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));content:" ";display:block;width:0;height:0;border-top:28px solid transparent;border-bottom:28px solid transparent;border-left-width:14px;border-left-style:solid;position:absolute;top:50%;margin-top:-28px;right:1px;z-index:0}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--disabled::before{border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));content:" ";display:block;width:0;height:0;border-style:solid;border-top-width:28px;border-bottom-width:28px;border-right-width:1px;border-left:15px solid transparent;position:absolute;top:50%;margin-top:-28px;left:-2px}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--disabled .zent-steps-step{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));border-top-color:#ccc;border-top-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));border-bottom-color:#ccc;border-bottom-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;line-height:46px;box-sizing:border-box}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--disabled .zent-steps-step::after{border-left-color:#f7f7f7;border-left-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--disabled .zent-steps-step::before{border-top-width:23px;border-bottom-width:23px;margin-top:-23px;border-top-color:#f7f7f7;border-top-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));border-bottom-color:#f7f7f7;border-bottom-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item:first-child{border-left-width:1px;border-left-style:solid;border-left-color:transparent}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item:first-child.zent-steps-item--current{border-left-color:#155bd4;border-left-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item:first-child.zent-steps-item--disabled{border-left-color:#ccc;border-left-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item:last-child{border-right-width:1px;border-right-style:solid;border-right-color:transparent}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item:last-child.zent-steps-item--current{border-right-color:#155bd4;border-right-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-breadcrumb-ghost[data-zv="10.0.9"] .zent-steps-item:last-child.zent-steps-item--disabled{border-right-color:#ccc;border-right-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-steps-tabs[data-zv="10.0.9"]{position:relative}.zent-steps-tabs[data-zv="10.0.9"] .zent-steps-item{color:#f7f7f7;color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-top-color:#e0e0e0;border-top-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));position:relative;box-sizing:border-box;display:inline-block;border-right-width:1px;border-right-style:solid;border-top-width:1px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid}.zent-steps-tabs[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--clickable{cursor:pointer}.zent-steps-tabs[data-zv="10.0.9"] .zent-steps-item:first-child{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-left-width:1px;border-left-style:solid}.zent-steps-tabs[data-zv="10.0.9"] .zent-steps-item .zent-steps-step{height:46px;line-height:46px;font-size:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px}.zent-steps-tabs[data-zv="10.0.9"] .zent-steps-item.zent-steps-item--current{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:transparent}.zent-steps-tabs[data-zv="10.0.9"] .zent-steps-item:not(.zent-steps-item--current){background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-steps-tabs[data-zv="10.0.9"] .zent-steps-item:not(.zent-steps-item--current):hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-steps-tabs[data-zv="10.0.9"] .zent-steps-item:not(.zent-steps-item--current):active{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-sweetalert-icon-title[data-zv="10.0.9"]{line-height:14px}.zent-sweetalert-icon-title[data-zv="10.0.9"] .zent-sweetalert-type-icon{margin-right:10px;vertical-align:bottom;font-weight:bold}.zent-sweetalert-icon-title[data-zv="10.0.9"] .zenticon-info-circle-o{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-sweetalert-icon-title[data-zv="10.0.9"] .zenticon-check-circle-o{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-sweetalert-icon-title[data-zv="10.0.9"] .zenticon-close-circle-o{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-sweetalert-icon-title[data-zv="10.0.9"] .zenticon-warning-o{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-swiper[data-zv="10.0.9"]{position:relative;overflow:hidden}.zent-swiper__container[data-zv="10.0.9"]{height:100%;position:relative;transition:cubic-bezier(0.65, 0, 0.35, 1)}.zent-swiper__arrow[data-zv="10.0.9"]{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.zent-swiper__arrow-icon[data-zv="10.0.9"]{color:#000;font-size:24px;opacity:.2;transition:opacity 100ms cubic-bezier(0, 0, 0.1, 0.1)}.zent-swiper__arrow-icon[data-zv="10.0.9"]:hover{opacity:.7}.zent-swiper__arrow--disabled[data-zv="10.0.9"]{cursor:not-allowed}.zent-swiper__arrow--disabled[data-zv="10.0.9"] .zent-swiper__arrow-icon{opacity:.1}.zent-swiper__arrow--disabled[data-zv="10.0.9"] .zent-swiper__arrow-icon:hover{opacity:.1}.zent-swiper__arrow-left[data-zv="10.0.9"]{left:14px}.zent-swiper__arrow-left[data-zv="10.0.9"] .zent-swiper__arrow-icon{transform:rotate(180deg)}.zent-swiper__arrow-right[data-zv="10.0.9"]{right:14px}.zent-swiper--arrow-large[data-zv="10.0.9"] .zent-swiper__arrow-icon{font-size:40px}.zent-swiper--hover-show-arrow[data-zv="10.0.9"] .zent-swiper__arrow-icon{display:none}.zent-swiper--hover-show-arrow[data-zv="10.0.9"]:hover .zent-swiper__arrow-icon{display:inline-block}.zent-swiper-light[data-zv="10.0.9"] .zent-swiper__arrow-icon{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-swiper__dots[data-zv="10.0.9"]{list-style:none;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:1}.zent-swiper__dots-item[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:inline-block;border:0;cursor:pointer;outline:none}.zent-swiper__dots--line[data-zv="10.0.9"] .zent-swiper__dots-item{margin:8px 3px;height:4px;width:16px;border-radius:2px;transition:all 300ms cubic-bezier(0.65, 0, 0.35, 1)}.zent-swiper__dots--line[data-zv="10.0.9"] .zent-swiper__dots-item.zent-swiper__dots-item-active{width:24px}.zent-swiper__dots--round[data-zv="10.0.9"] .zent-swiper__dots-item{height:12px;width:12px;margin:12px 5px;border-radius:100%}.zent-swiper__dots--round[data-zv="10.0.9"] .zent-swiper__dots-large .zent-swiper__dots-item{height:15px;width:15px}.zent-swiper__dots--round[data-zv="10.0.9"] .zent-swiper__dots-small .zent-swiper__dots-item{height:15px;width:15px}.zent-swiper__dots[data-zv="10.0.9"] .zent-swiper__dots-item{background-color:rgba(0,0,0,.2)}.zent-swiper__dots--dark[data-zv="10.0.9"] .zent-swiper__dots-item-active{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-swiper__dots--light[data-zv="10.0.9"] .zent-swiper__dots-item-active{background-color:#356fd4;background-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-swiper__dots-white[data-zv="10.0.9"] .zent-swiper__dots-item-active{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-swiper__dots-black[data-zv="10.0.9"] .zent-swiper__dots-item-active{background-color:#333;background-color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-swiper__dots-blue[data-zv="10.0.9"] .zent-swiper__dots-item-active{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-swiper__dots-red[data-zv="10.0.9"] .zent-swiper__dots-item-active{background-color:#d42f15;background-color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-swiper__dots-green[data-zv="10.0.9"] .zent-swiper__dots-item-active{background-color:#45a110;background-color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-switch[data-zv="10.0.9"]{border-color:#999;border-color:var(--theme-hint-color, var(--theme-stroke-3, #999));background-color:#999;background-color:var(--theme-hint-color, var(--theme-stroke-3, #999));position:relative;display:inline-block;box-sizing:border-box;width:44px;height:22px;line-height:20px;border-radius:100px;border-width:1px;border-style:solid;cursor:pointer;transition:all .16s cubic-bezier(0.5, 0, 0.5, 0.1)}.zent-switch[data-zv="10.0.9"]:after{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:absolute;width:18px;height:18px;left:1px;top:1px;border-radius:100%;content:" ";cursor:pointer;transition:left .16s cubic-bezier(0.5, 0, 0.5, 0.1)}.zent-switch[data-zv="10.0.9"]:focus{outline:0}.zent-switch[data-zv="10.0.9"]:focus:hover{box-shadow:none}.zent-switch-large[data-zv="10.0.9"]{height:50px;line-height:12px;width:90px;border-radius:50px}.zent-switch-large[data-zv="10.0.9"]:after{width:44px;height:44px;top:2px;left:2px}.zent-switch-large[data-zv="10.0.9"].zent-switch-checked:after{left:42px}.zent-switch-small[data-zv="10.0.9"]{width:28px;height:16px}.zent-switch-small[data-zv="10.0.9"]:after{width:12px;height:12px;left:1px;top:1px}.zent-switch-small[data-zv="10.0.9"].zent-switch-checked:after{left:13px}.zent-switch-checked[data-zv="10.0.9"]{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-switch-checked[data-zv="10.0.9"]::after{left:23px}.zent-switch-disabled[data-zv="10.0.9"]{background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-switch-disabled[data-zv="10.0.9"].zent-switch-checked{background-color:#94b4eb;border-color:#94b4eb}.zent-switch-disabled[data-zv="10.0.9"]::after{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));cursor:not-allowed}.zent-switch-loading[data-zv="10.0.9"]{position:relative;color:transparent;cursor:not-allowed}.zent-switch-loading[data-zv="10.0.9"]::after{cursor:not-allowed}.zent-switch-loading[data-zv="10.0.9"]::before{border-top-color:#e6efff;border-top-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));border-right-color:#e6efff;border-right-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));border-bottom-color:#155bd4;border-bottom-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-left-color:#155bd4;border-left-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));content:" ";position:absolute;top:42%;left:36%;z-index:2;width:14px;height:14px;margin:-5px 0 0 -12px;border-width:2px;border-style:solid;border-radius:100%;box-sizing:border-box;animation:zent-ani-spin-v10x0x9 1s cubic-bezier(0, 0, 0.1, 0.1);animation-iteration-count:infinite}.zent-switch-loading[data-zv="10.0.9"].zent-switch-checked::before{margin:-5px 0 0 10px}.zent-switch-loading[data-zv="10.0.9"].zent-switch-small::before{width:8px;height:8px;margin:-3px 0 0 -6px;border-width:1px}.zent-switch-loading[data-zv="10.0.9"].zent-switch-small.zent-switch-checked::before{margin:-3px 0 0 6px}.zent-switch-loading[data-zv="10.0.9"].zent-switch-large::before{margin:-5px 0 0 -17px}.zent-switch-loading[data-zv="10.0.9"].zent-switch-large.zent-switch-checked::before{margin:-5px 0 0 23px}.zent-tabs[data-zv="10.0.9"]{font-size:14px;line-height:20px;display:flex;flex-direction:column}.zent-tabs-panel-wrapper[data-zv="10.0.9"]{margin-top:16px}.zent-tabs-nav[data-zv="10.0.9"]{position:relative;outline:none;display:flex;justify-content:flex-start;box-sizing:border-box}.zent-tabs-nav-content[data-zv="10.0.9"]{flex:1 1 auto;overflow:hidden}.zent-tabs-nav-extra-content[data-zv="10.0.9"]{display:flex;align-items:center;margin-left:8px}.zent-tabs-nav-tabs-content-add[data-zv="10.0.9"],.zent-tabs-nav-tabs-content-slide[data-zv="10.0.9"],.zent-tabs-nav-tabs-content-anchor[data-zv="10.0.9"]{width:100%;display:flex;flex-grow:1;align-items:flex-end;overflow:hidden;white-space:nowrap;position:relative;height:40px}.zent-tabs-nav-tabs-content-add-main[data-zv="10.0.9"],.zent-tabs-nav-tabs-content-slide-main[data-zv="10.0.9"],.zent-tabs-nav-tabs-content-anchor-main[data-zv="10.0.9"]{display:flex;transition:transform 200ms cubic-bezier(0.65, 0, 0.35, 1)}.zent-tabs-nav-tabs-content-add-main--has-add[data-zv="10.0.9"] .zent-tabs-tab.zent-tabs-tab-type__card:last-child,.zent-tabs-nav-tabs-content-slide-main--has-add[data-zv="10.0.9"] .zent-tabs-tab.zent-tabs-tab-type__card:last-child,.zent-tabs-nav-tabs-content-anchor-main--has-add[data-zv="10.0.9"] .zent-tabs-tab.zent-tabs-tab-type__card:last-child{border-top-right-radius:0}.zent-tabs-nav-tabs-content-add__add-btn[data-zv="10.0.9"],.zent-tabs-nav-tabs-content-slide__add-btn[data-zv="10.0.9"],.zent-tabs-nav-tabs-content-anchor__add-btn[data-zv="10.0.9"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));display:flex;justify-content:center;align-items:center;width:36px;height:100%;font-size:20px;border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-style:solid;border-top-right-radius:2px;box-sizing:border-box;cursor:pointer}.zent-tabs-nav-tabs-content-add[data-zv="10.0.9"] .zent-tabs-tab,.zent-tabs-nav-tabs-content-slide[data-zv="10.0.9"] .zent-tabs-tab,.zent-tabs-nav-tabs-content-anchor[data-zv="10.0.9"] .zent-tabs-tab{flex-shrink:0}.zent-tabs-nav-tabs-content-add-left[data-zv="10.0.9"]::before,.zent-tabs-nav-tabs-content-slide-left[data-zv="10.0.9"]::before,.zent-tabs-nav-tabs-content-anchor-left[data-zv="10.0.9"]::before{content:"";position:absolute;z-index:1;width:5px;height:100%;box-shadow:inset 5px 0 5px -5px #ccc;box-shadow:inset 5px 0 5px -5px var(--theme-disabled-color, var(--theme-stroke-4, #ccc));left:0}.zent-tabs-nav-tabs-content-add-right[data-zv="10.0.9"]::after,.zent-tabs-nav-tabs-content-slide-right[data-zv="10.0.9"]::after,.zent-tabs-nav-tabs-content-anchor-right[data-zv="10.0.9"]::after{content:"";position:absolute;z-index:1;width:5px;height:100%;box-shadow:inset -5px 0 5px -5px #ccc;box-shadow:inset -5px 0 5px -5px var(--theme-disabled-color, var(--theme-stroke-4, #ccc));right:0}.zent-tabs-nav-tabs-content-add-option[data-zv="10.0.9"],.zent-tabs-nav-tabs-content-slide-option[data-zv="10.0.9"],.zent-tabs-nav-tabs-content-anchor-option[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));height:100%;display:flex;align-items:center}.zent-tabs-nav-tabs-content-add-option[data-zv="10.0.9"] .zenticon,.zent-tabs-nav-tabs-content-slide-option[data-zv="10.0.9"] .zenticon,.zent-tabs-nav-tabs-content-anchor-option[data-zv="10.0.9"] .zenticon{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));padding:0 6px;font-size:20px}.zent-tabs-nav-tabs-content-add-option[data-zv="10.0.9"] .zenticon-more,.zent-tabs-nav-tabs-content-slide-option[data-zv="10.0.9"] .zenticon-more,.zent-tabs-nav-tabs-content-anchor-option[data-zv="10.0.9"] .zenticon-more{font-size:24px;padding:7px}.zent-tabs-nav-tabs-content-add-option[data-zv="10.0.9"] .zenticon+.zenticon,.zent-tabs-nav-tabs-content-slide-option[data-zv="10.0.9"] .zenticon+.zenticon,.zent-tabs-nav-tabs-content-anchor-option[data-zv="10.0.9"] .zenticon+.zenticon{margin-left:4px}.zent-tabs-nav-tabs-content-add-option[data-zv="10.0.9"] .icon-disabled,.zent-tabs-nav-tabs-content-slide-option[data-zv="10.0.9"] .icon-disabled,.zent-tabs-nav-tabs-content-anchor-option[data-zv="10.0.9"] .icon-disabled{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-tabs-nav-tabs-content-add-option__add-btn[data-zv="10.0.9"],.zent-tabs-nav-tabs-content-slide-option__add-btn[data-zv="10.0.9"],.zent-tabs-nav-tabs-content-anchor-option__add-btn[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-top-width:0;border-right-width:0;cursor:pointer}.zent-tabs-nav-tabs-content-add-option--right[data-zv="10.0.9"],.zent-tabs-nav-tabs-content-slide-option--right[data-zv="10.0.9"],.zent-tabs-nav-tabs-content-anchor-option--right[data-zv="10.0.9"]{box-shadow:2px 2px 4px 0 rgba(0,0,0,.1)}.zent-tabs-scroll[data-zv="10.0.9"]{white-space:nowrap;overflow-x:auto;display:flex}.zent-tabs-tab[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));position:relative;cursor:pointer;box-sizing:border-box;text-align:center}.zent-tabs-tab__actions[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));background-image:linear-gradient(270deg, white 0%, white 81%, transparent 100%);position:absolute;height:calc(100% - 2px);top:50%;right:4px;transform:translateY(-50%);padding-left:4px;font-size:14px;display:flex;align-items:center}.zent-tabs-tab__actions[data-zv="10.0.9"]:not(.zent-tabs-tab-actions--fixed){display:none}.zent-tabs-tab__actions[data-zv="10.0.9"]>span:hover{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));line-height:1}.zent-tabs-tab__actions__fixed[data-zv="10.0.9"]{margin-left:4px}.zent-tabs-tab-actions--fixed[data-zv="10.0.9"] .zent-tabs-tab__actions__fixed>i{transform:rotate(-45deg)}.zent-tabs-tab[data-zv="10.0.9"]:hover{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-tabs-tab[data-zv="10.0.9"]:hover .zent-tabs-tab__actions{display:flex}.zent-tabs-tab__actived[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-tabs-tab__disabled[data-zv="10.0.9"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-tabs-tab__disabled[data-zv="10.0.9"].zent-tabs-tab{cursor:not-allowed}.zent-tabs-tab__disabled[data-zv="10.0.9"].zent-tabs-tab:hover{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-tabs-hidden-tabs[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 24px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-modal, 0 2px 24px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));width:148px;border-radius:2px;max-height:256px;overflow-y:scroll}.zent-tabs-hidden-tab[data-zv="10.0.9"]{padding:6px 12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zent-tabs-hidden-tab[data-zv="10.0.9"]:hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-tabs-hidden-tab-disabled[data-zv="10.0.9"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-tabs-hidden-tab-disabled[data-zv="10.0.9"]:hover{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));cursor:not-allowed}.zent-tabs-nav-type__normal[data-zv="10.0.9"]{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid;height:40px}.zent-tabs-nav-type__normal[data-zv="10.0.9"].zent-tabs-nav__stretch .zent-tabs-tab{flex:1 1 auto}.zent-tabs-nav-type__normal[data-zv="10.0.9"] .zent-tabs-nav-content{margin-bottom:-1px}.zent-tabs-nav-type__normal[data-zv="10.0.9"] .zent-tabs-tab{padding:0 20px}.zent-tabs-nav-type__normal[data-zv="10.0.9"] .zent-tabs-tab-inner{min-width:56px;line-height:40px;text-align:center;height:40px;box-sizing:border-box}.zent-tabs-nav-type__normal[data-zv="10.0.9"] .zent-tabs-tab__actived{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid}.zent-tabs-nav-type__normal[data-zv="10.0.9"] .zent-tabs-tab__actived .zent-tabs-tab-inner{border-bottom-color:#155bd4;border-bottom-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-bottom-width:2px;border-bottom-style:solid;margin-bottom:-1px}.zent-tabs-nav-type__card[data-zv="10.0.9"]{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid;height:40px}.zent-tabs-nav-type__card[data-zv="10.0.9"].zent-tabs-nav__stretch .zent-tabs-tab{flex:1 1 auto}.zent-tabs-nav-type__card[data-zv="10.0.9"] .zent-tabs-nav-content{margin-bottom:-1px}.zent-tabs-nav-type__card[data-zv="10.0.9"] .zent-tabs-tab{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;border-style:solid;background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-left:0;height:40px;box-sizing:border-box;padding:0 20px 0 19px}.zent-tabs-nav-type__card[data-zv="10.0.9"] .zent-tabs-tab:not(.zent-tabs-tab__actived) .zent-tabs-tab__actions{background-image:linear-gradient(90deg, transparent 0%, #f7f7f7 19%)}.zent-tabs-nav-type__card[data-zv="10.0.9"] .zent-tabs-tab:hover:not(.zent-tabs-tab__actived) .zent-tabs-tab__actions{background-image:linear-gradient(90deg, transparent 0%, #f0f0f0 19%)}.zent-tabs-nav-type__card[data-zv="10.0.9"] .zent-tabs-tab-inner{min-width:56px;line-height:38px;text-align:center}.zent-tabs-nav-type__card[data-zv="10.0.9"] .zent-tabs-tab:hover{background-color:rgba(0,0,0,.05)}.zent-tabs-nav-type__card[data-zv="10.0.9"] .zent-tabs-tab:first-child{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-left-width:1px;border-left-style:solid;border-top-left-radius:4px}.zent-tabs-nav-type__card[data-zv="10.0.9"] .zent-tabs-tab:last-child{border-top-right-radius:4px}.zent-tabs-nav-type__card[data-zv="10.0.9"] .zent-tabs-tab__actived{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:transparent}.zent-tabs-nav-type__card[data-zv="10.0.9"] .zent-tabs-tab__actived:hover{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-tabs-nav-type__card[data-zv="10.0.9"] .zent-tabs-tab__disabled:hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-tabs-nav-type__button[data-zv="10.0.9"].zent-tabs-nav__stretch .zent-btn{flex:1 1 auto}.zent-tabs-nav-type__button[data-zv="10.0.9"] .zent-tabs-tab{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;border-style:solid;min-width:80px;height:32px}.zent-tabs-nav-type__button[data-zv="10.0.9"] .zent-tabs-tab-inner{min-width:14px;line-height:30px;padding:0 20px}.zent-tabs-nav-type__button[data-zv="10.0.9"] .zent-tabs-tab:not(:first-child){margin-left:-1px}.zent-tabs-nav-type__button[data-zv="10.0.9"] .zent-tabs-tab:first-child{border-radius:2px 0 0 2px}.zent-tabs-nav-type__button[data-zv="10.0.9"] .zent-tabs-tab:last-child{border-radius:0 2px 2px 0}.zent-tabs-nav-type__button[data-zv="10.0.9"] .zent-tabs-tab:hover:not(.zent-tabs-tab__disabled){color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-tabs-nav-type__button[data-zv="10.0.9"] .zent-tabs-tab__actived{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));z-index:1}.zent-tabs-nav-type__button[data-zv="10.0.9"] .zent-tabs-tab__disabled{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-tabs-type__vertical[data-zv="10.0.9"]{flex-direction:row}.zent-tabs-type__vertical[data-zv="10.0.9"] .zent-tabs-panel-wrapper{margin:14px 16px}.zent-tabs-type__vertical[data-zv="10.0.9"] .zent-tabs-nav-type__vertical{border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-width:1px;border-right-style:solid;width:96px;padding:14px 7px 14px 0}.zent-tabs-type__vertical[data-zv="10.0.9"] .zent-tabs-nav-type__vertical .zent-tabs-scroll{overflow-x:hidden;overflow-y:auto;width:103px;flex-direction:column}.zent-tabs-type__vertical[data-zv="10.0.9"] .zent-tabs-nav-type__vertical .zent-tabs-divide{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid;margin:21.5px 0 17.5px}.zent-tabs-type__vertical[data-zv="10.0.9"] .zent-tabs-nav-type__vertical .zent-tabs-tab{display:block;text-align:left;margin-top:4px}.zent-tabs-type__vertical[data-zv="10.0.9"] .zent-tabs-nav-type__vertical .zent-tabs-tab:first-child{margin-top:0}.zent-tabs-type__vertical[data-zv="10.0.9"] .zent-tabs-nav-type__vertical .zent-tabs-tab__actived .zent-tabs-tab-inner{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-tabs-type__vertical[data-zv="10.0.9"] .zent-tabs-nav-type__vertical .zent-tabs-tab-inner{border-radius:2px;padding:8px;overflow:hidden;width:86px;box-sizing:border-box;text-overflow:ellipsis}.zent-tag[data-zv="10.0.9"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#fff;border-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:inline-block;font-size:12px;line-height:1;padding:2px 4px;border-width:1px;border-style:solid;box-sizing:border-box}.zent-tag[data-zv="10.0.9"].zent-tag-size-medium{font-size:14px}.zent-tag[data-zv="10.0.9"].zent-tag-size-large{font-size:14px;line-height:18px}.zent-tag[data-zv="10.0.9"].zent-tag-rounded{border-radius:2px}.zent-tag[data-zv="10.0.9"].zent-tag-closable .zent-tag-content{display:inline-block;margin-right:4px}.zent-tag[data-zv="10.0.9"].zent-tag-closable .zent-tag-close-btn{cursor:pointer;font-size:12px;transform:translate(2px, 0)}.zent-tag[data-zv="10.0.9"].zent-tag-style-red{background-color:#d42f15;background-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-tag[data-zv="10.0.9"].zent-tag-style-red-outline{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));color:#d42f15;color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.zent-tag[data-zv="10.0.9"].zent-tag-style-green{background-color:#45a110;background-color:var(--theme-success-color, var(--theme-success-2, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-tag[data-zv="10.0.9"].zent-tag-style-green-outline{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-4, #45a110))}.zent-tag[data-zv="10.0.9"].zent-tag-style-yellow{background-color:#ed6a18;background-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-tag[data-zv="10.0.9"].zent-tag-style-yellow-outline{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-4, #ed6a18))}.zent-tag[data-zv="10.0.9"].zent-tag-style-blue{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-tag[data-zv="10.0.9"].zent-tag-style-blue-outline{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:#356fd4;border-color:var(--theme-primary-hover-bg, var(--theme-primary-6, #356fd4))}.zent-tag[data-zv="10.0.9"].zent-tag-style-grey{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));border-color:#f7f7f7;border-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-tag[data-zv="10.0.9"].zent-tag-style-grey-outline{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-tag[data-zv="10.0.9"].zent-link-tag{padding:0 4px}.zent-tag[data-zv="10.0.9"].zent-link-tag .zent-tag-content{display:flex;align-items:center}.zent-tag[data-zv="10.0.9"].zent-link-tag .zent-link-tag-right-icon{margin-right:-4px;font-size:16px;color:#999;color:var(--theme-hint-color, #999)}.zent-tag[data-zv="10.0.9"].zent-link-tag:hover{cursor:pointer;color:#155bd4;color:var(--theme-primary-bg, #155bd4);border-color:#155bd4;border-color:var(--theme-primary-bg, #155bd4)}.zent-tag[data-zv="10.0.9"].zent-link-tag:hover .zent-link-tag-right-icon{color:#155bd4;color:var(--theme-primary-bg, #155bd4)}.zent-tag[data-zv="10.0.9"].zent-select-tag{cursor:pointer}.zent-tag[data-zv="10.0.9"].zent-select-tag.zent-select-tag-selected{color:#155bd4;color:var(--theme-primary-bg, #155bd4);background-color:#f7f7f7;background-color:var(--theme-default-hover-bg, #f7f7f7);border-color:#f7f7f7;border-color:var(--theme-default-hover-bg, #f7f7f7)}.zent-tag[data-zv="10.0.9"] a{color:inherit}.zent-timeline[data-zv="10.0.9"]{padding:10px 0;position:relative;display:flex}.zent-timeline-dot[data-zv="10.0.9"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));width:10px;height:10px;border-radius:50%;border-width:2px;border-style:solid;box-sizing:border-box}.zent-timeline-line[data-zv="10.0.9"]{position:absolute}.zent-timeline-legend[data-zv="10.0.9"]{height:20px;line-height:20px}.zent-timeline-legend-line[data-zv="10.0.9"]{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));position:relative;display:inline-block;width:18px;height:2px;vertical-align:middle}.zent-timeline-legend-line[data-zv="10.0.9"] .zent-timeline-dot{position:absolute;top:50%;right:0;left:0;margin:auto;transform:translateY(-50%)}.zent-timeline-legend-label[data-zv="10.0.9"]{vertical-align:middle;font-size:12px;margin-left:5px}.zent-timeline-item[data-zv="10.0.9"]{position:relative}.zent-timeline-item-line[data-zv="10.0.9"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));position:relative}.zent-timeline-item-line[data-zv="10.0.9"] .zent-timeline-dot{position:absolute;margin:auto}.zent-timeline-horizontal[data-zv="10.0.9"]{flex-direction:row}.zent-timeline-horizontal[data-zv="10.0.9"].zent-timeline-dynamic::before{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));content:" ";height:2px;width:100%;position:absolute;display:block;margin:10px 0}.zent-timeline-horizontal[data-zv="10.0.9"] .zent-timeline-item{position:relative;display:inline-block;vertical-align:top}.zent-timeline-horizontal[data-zv="10.0.9"] .zent-timeline-item-hover{padding:10px 0 40px}.zent-timeline-horizontal[data-zv="10.0.9"] .zent-timeline-item-line{height:2px;width:80px}.zent-timeline-horizontal[data-zv="10.0.9"] .zent-timeline-item-label{left:0;top:25px;position:absolute;bottom:0}.zent-timeline-horizontal[data-zv="10.0.9"] .zent-timeline-item .zent-timeline-dot{top:50%;left:0;transform:translateY(-50%)}.zent-timeline-horizontal[data-zv="10.0.9"] .zent-timeline-start{top:-25px;left:0}.zent-timeline-horizontal[data-zv="10.0.9"] .zent-timeline-end{right:0;top:25px}.zent-timeline-horizontal[data-zv="10.0.9"] .zent-timeline-pad{display:inline-block}.zent-timeline-start[data-zv="10.0.9"]{position:absolute}.zent-timeline-end[data-zv="10.0.9"]{position:absolute}.zent-timeline-vertical[data-zv="10.0.9"]{flex-direction:column}.zent-timeline-vertical[data-zv="10.0.9"] .zent-timeline-item{position:relative;display:block;line-height:12px}.zent-timeline-vertical[data-zv="10.0.9"] .zent-timeline-item-hover{display:inline-block;vertical-align:top}.zent-timeline-vertical[data-zv="10.0.9"] .zent-timeline-item-line{margin:0 10px;width:2px;vertical-align:top;height:50px}.zent-timeline-vertical[data-zv="10.0.9"] .zent-timeline-item-line .zent-timeline-dot{top:0;left:-4px}.zent-timeline-vertical[data-zv="10.0.9"] .zent-timeline-item-label{display:inline-block;vertical-align:top}.zent-timeline-tip[data-zv="10.0.9"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:rgba(0,0,0,.5);padding:10px;border-radius:5px;z-index:5000;font-size:12px}.zent-tooltip-v2[data-zv="10.0.9"]{font-size:14px;line-height:20px;background-color:#333;background-color:var(--theme-title-color, var(--theme-stroke-1, #333));border-radius:2px;z-index:2000}.zent-tooltip-v2[data-zv="10.0.9"] .zent-tooltip-v2-inner{background-color:#333;background-color:var(--theme-title-color, var(--theme-stroke-1, #333));color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:relative;border-radius:2px;padding:2px 6px;z-index:2}.zent-tooltip-v2[data-zv="10.0.9"] .zent-tooltip-v2-arrow{background-color:#333;background-color:var(--theme-title-color, var(--theme-stroke-1, #333));position:absolute;z-index:1;width:6px;height:6px;overflow:hidden}.zent-tooltip-v2[data-zv="10.0.9"]::after{content:"";display:block;position:absolute;width:11px;height:11px}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-left .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-right .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-left .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-right .zent-tooltip-v2-arrow{top:0}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-left::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-center::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-right::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-left::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-center::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-right::after{top:-11px;width:100%;left:0}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-left .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-left .zent-tooltip-v2-arrow{transform:translateY(-50%) rotate(45deg);left:12px}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-center .zent-tooltip-v2-arrow{transform:translate(-50%, -50%) rotate(45deg);left:50%}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-bottom-right .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-bottom-right .zent-tooltip-v2-arrow{transform:translateY(-50%) rotate(45deg);right:12px}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-top-left .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-top-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-top-right .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-left .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-right .zent-tooltip-v2-arrow{bottom:0}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-top-left::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-top-center::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-top-right::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-left::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-center::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-right::after{bottom:-11px;width:100%;left:0}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-top-left .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-left .zent-tooltip-v2-arrow{transform:translateY(50%) rotate(45deg);left:12px}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-top-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-center .zent-tooltip-v2-arrow{transform:translate(-50%, 50%) rotate(45deg);left:50%}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-top-right .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-top-right .zent-tooltip-v2-arrow{transform:translateY(50%) rotate(45deg);right:12px}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-left-top .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-left-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-left-bottom .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-top .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-bottom .zent-tooltip-v2-arrow{right:0}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-left-top::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-left-center::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-left-bottom::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-top::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-center::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-bottom::after{right:-11px;height:100%;top:0}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-left-top .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-top .zent-tooltip-v2-arrow{transform:translateX(50%) rotate(45deg);top:6px}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-left-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-center .zent-tooltip-v2-arrow{transform:translate(50%, -50%) rotate(45deg);top:50%}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-left-bottom .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-left-bottom .zent-tooltip-v2-arrow{transform:translateX(50%) rotate(45deg);bottom:6px}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-right-top .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-right-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-right-bottom .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-top .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-bottom .zent-tooltip-v2-arrow{left:0}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-right-top::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-right-center::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-right-bottom::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-top::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-center::after,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-bottom::after{left:-11px;height:100%;top:0}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-right-top .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-top .zent-tooltip-v2-arrow{transform:translateX(-50%) rotate(45deg);top:6px}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-right-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-center .zent-tooltip-v2-arrow{transform:translate(-50%, -50%) rotate(45deg);top:50%}.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-right-bottom .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.9"].zent-popover-v2-position-arrow-right-bottom .zent-tooltip-v2-arrow{transform:translateX(-50%) rotate(45deg);bottom:6px}.zent-transfer[data-zv="10.0.9"]{display:flex;align-items:center}.zent-transfer__item[data-zv="10.0.9"]{width:240px;box-sizing:border-box;border:1px solid;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-transfer__item--disabled[data-zv="10.0.9"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-transfer__item__allCheckbox[data-zv="10.0.9"]{border-bottom:1px solid;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));padding:6px 0 6px 12px;display:flex}.zent-transfer__item__search[data-zv="10.0.9"]{padding:8px 12px;background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-transfer__item__grid[data-zv="10.0.9"]{height:240px}.zent-transfer__item__grid__row[data-zv="10.0.9"]{height:inherit}.zent-transfer__item__grid__row[data-zv="10.0.9"] .zent-grid-td{border:0;padding-top:8px;padding-bottom:8px;padding-right:16px}.zent-transfer__item__grid__row--disabled[data-zv="10.0.9"]{cursor:not-allowed;background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-transfer__item__grid[data-zv="10.0.9"] .zent-grid-empty{line-height:240px;border:0}.zent-transfer__item__pagination[data-zv="10.0.9"]{margin:10px 0}.zent-transfer__item__header--hidden[data-zv="10.0.9"] .zent-grid-header{display:none}.zent-transfer__arrow[data-zv="10.0.9"]{padding:0 16px}.zent-transfer__arrow__item[data-zv="10.0.9"]:nth-child(1){padding-bottom:16px}.zent-transfer__arrow__button[data-zv="10.0.9"]{position:relative}.zent-transfer__arrow__button[data-zv="10.0.9"] .zenticon:last-child{margin:0}.zent-transfer__arrow__icon[data-zv="10.0.9"]{stroke:#fff;stroke:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:20px}.zent-transfer__arrow__icon--disabled[data-zv="10.0.9"]{stroke:#ccc;stroke:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-tree[data-zv="10.0.9"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-size:14px}.zent-tree[data-zv="10.0.9"] ul,.zent-tree[data-zv="10.0.9"] li{list-style:none}.zent-tree[data-zv="10.0.9"] .tree-node-loading-wrapper{display:inline-block;position:relative;vertical-align:middle;background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-tree[data-zv="10.0.9"] .tree-node-loading-wrapper .tree-node-loading{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));display:inline-block;height:10px;width:10px;border-radius:50%;margin-right:5px;border-width:1px;border-style:solid}.zent-tree[data-zv="10.0.9"] .tree-node-loading-wrapper .tree-node-loading:after{background:#fff;background:var(--theme-section-bg, var(--theme-stroke-9, #fff));content:"";display:inline-block;position:absolute;height:10px;width:4px;animation:2s linear zent-ani-spin-v10x0x9 infinite;transform-origin:10px 4px;left:-1px;top:6px}.zent-tree[data-zv="10.0.9"].zent-tree-large{font-size:16px}.zent-tree[data-zv="10.0.9"].zent-tree-large .zent-tree-bar .zent-tree-switcher{font-size:24px}.zent-tree[data-zv="10.0.9"].zent-tree-small{font-size:12px}.zent-tree[data-zv="10.0.9"].zent-tree-small .zent-tree-bar .zent-tree-switcher{font-size:16px}.zent-tree[data-zv="10.0.9"].zent-tree-small .zent-tree-bar .zent-tree__switcher-placeholder{width:16px}.zent-tree-bar[data-zv="10.0.9"]{position:relative;display:flex;cursor:pointer;padding:6px 4px}.zent-tree-bar[data-zv="10.0.9"]:not(.zent-tree-bar--selected):not(.zent-tree-bar--disabled):hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-tree-bar--selected[data-zv="10.0.9"]{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-tree-bar--disabled[data-zv="10.0.9"] .zent-tree-node{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-tree-bar[data-zv="10.0.9"] .zent-tree-switcher{font-size:20px;transform:rotate(90deg);display:flex;justify-content:center;align-items:center;transition:transform 100ms cubic-bezier(0, 0, 0.1, 0.1)}.zent-tree-bar[data-zv="10.0.9"] .zent-tree__switcher-placeholder{width:20px}.zent-tree-bar[data-zv="10.0.9"].zent-tree-bar--off .zent-tree-switcher{transform:rotate(0deg)}.zent-tree-bar[data-zv="10.0.9"] .zent-tree-node{display:inline-block;line-height:1.42857143;margin-left:4px}.zent-tree-bar[data-zv="10.0.9"] .zent-tree-node .zent-tree-content{margin-left:-4px;padding:0 4px;display:inline-block;border:1px solid transparent;border-radius:4px;background-color:transparent;transition:all .3s ease-in-out}.zent-tree-bar[data-zv="10.0.9"] .zent-tree-node--one-line{overflow:hidden}.zent-tree-bar[data-zv="10.0.9"] .zent-tree-node--one-line .zent-tree-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.zent-tree-bar[data-zv="10.0.9"] .zent-tree-node .zent-tree-operation-container{display:inline-block;margin-left:10px;opacity:0;font-size:.8em;transition:opacity .3s ease-in;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-tree-bar[data-zv="10.0.9"] .zent-tree-node .zent-tree-operation-container>span.zent-tree-operation:not(:last-of-type){border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));margin-right:8px;padding-right:8px;border-left-width:2px;border-left-style:solid}.zent-tree-bar[data-zv="10.0.9"]:hover .zent-tree-node .zent-tree-operation-container{opacity:1}.zent-tree-child[data-zv="10.0.9"]{overflow:hidden}.zent-file-upload[data-zv="10.0.9"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;border-style:solid;border-radius:2px;width:320px}.zent-file-upload-tips[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:12px;line-height:18px;margin-top:8px;text-align:center}.zent-file-upload-trigger[data-zv="10.0.9"]{cursor:pointer;display:flex;box-sizing:border-box;justify-content:center;align-items:center;overflow:hidden;text-decoration:none}.zent-file-upload-trigger-wrapper[data-zv="10.0.9"]{padding:16px}.zent-file-upload-trigger-text[data-zv="10.0.9"]{margin-left:4px}.zent-file-upload-trigger-text-count[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));margin-left:4px}.zent-file-upload-trigger-icon[data-zv="10.0.9"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));font-size:18px}.zent-file-upload-trigger__disabled[data-zv="10.0.9"]{cursor:not-allowed}.zent-file-upload-trigger__disabled[data-zv="10.0.9"] .zent-file-upload-trigger-icon{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-file-upload-list[data-zv="10.0.9"]{margin-bottom:10px}.zent-file-upload-list-wrapper[data-zv="10.0.9"]{padding:16px 16px 0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-file-upload-list-pagination[data-zv="10.0.9"]{margin-bottom:16px}.zent-file-upload-list-pagination[data-zv="10.0.9"] .zent-pagination-page-list--mini{margin:0;margin-right:-16px}.zent-file-upload-item[data-zv="10.0.9"]{margin-bottom:18px}.zent-file-upload-item[data-zv="10.0.9"]:last-child{margin-bottom:0}.zent-file-upload-item-info[data-zv="10.0.9"]{display:flex;justify-content:flex-start;align-items:center}.zent-file-upload-item-icon[data-zv="10.0.9"]{width:20px;height:20px;font-size:18px;display:flex;justify-content:center;align-items:center}.zent-file-upload-item-icon__type[data-zv="10.0.9"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-file-upload-item-name[data-zv="10.0.9"]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.zent-file-upload-item-name-line[data-zv="10.0.9"]{display:inline-flex;width:100%}.zent-file-upload-item-name-wrapper[data-zv="10.0.9"]{flex:1;margin-left:4px;overflow:hidden}.zent-file-upload-item-actions[data-zv="10.0.9"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));margin-left:4px}.zent-file-upload-item-actions[data-zv="10.0.9"] a{cursor:pointer}.zent-file-upload-item-progress[data-zv="10.0.9"]{margin-top:8px}.zent-file-upload-item-retry[data-zv="10.0.9"]{border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-width:1px;border-right-style:solid;padding-right:4px;margin-right:4px}.zent-file-upload-item__failed[data-zv="10.0.9"]{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-file-upload-item__uploading[data-zv="10.0.9"]{margin-bottom:8px}.zent-image-upload-tips[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:12px;line-height:18px;margin-top:4px}.zent-image-upload-trigger[data-zv="10.0.9"]{border-radius:2px;width:80px;height:80px;box-sizing:border-box;cursor:pointer;background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));color:#999;color:var(--theme-hint-color, var(--theme-stroke-2, #999));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));display:flex;justify-content:center;align-items:center;border-style:dashed;border-width:1px;margin-bottom:12px}.zent-image-upload-trigger__disabled[data-zv="10.0.9"]{cursor:not-allowed}.zent-image-upload-trigger-add-icon[data-zv="10.0.9"]{font-size:24px}.zent-image-upload-list[data-zv="10.0.9"]{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-bottom:-12px}.zent-image-upload-item[data-zv="10.0.9"]{border-radius:2px;width:80px;height:80px;box-sizing:border-box;cursor:pointer;position:relative;margin-right:12px;margin-bottom:12px}.zent-image-upload-item-backdrop[data-zv="10.0.9"]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.zent-image-upload-item-backdrop__white[data-zv="10.0.9"]{background-color:rgba(255,255,255,.8);background-color:rgba(var(--theme-rgb-section-bg, var(--theme-rgb-stroke-9, 255, 255, 255)), 0.8)}.zent-image-upload-item-backdrop__black[data-zv="10.0.9"]{background-color:rgba(0,0,0,.6)}.zent-image-upload-item-backdrop__failed[data-zv="10.0.9"]{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-image-upload-item-backdrop__retry[data-zv="10.0.9"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-image-upload-item-backdrop-text[data-zv="10.0.9"]{margin-top:4px;font-size:12px;line-height:18px}.zent-image-upload-item-icon[data-zv="10.0.9"]{font-size:24px}.zent-image-upload-item-thumb[data-zv="10.0.9"]{width:100%;height:100%;object-fit:contain;border-radius:2px}.zent-image-upload-item-delete[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));position:absolute;font-size:20px;right:-10px;top:-10px;display:none}.zent-image-upload-item-delete-bg[data-zv="10.0.9"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:absolute;width:10px;height:10px;right:-5px;top:-5px;display:none}.zent-image-upload-item__hover[data-zv="10.0.9"] .zent-image-upload-item-delete{display:inline-block}.zent-image-upload-item__hover[data-zv="10.0.9"] .zent-image-upload-item-delete-bg{display:inline-block}.zent-single-upload-tips[data-zv="10.0.9"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:12px;line-height:18px;margin-top:10px}.zent-single-upload-trigger[data-zv="10.0.9"]{display:inline-block;cursor:pointer}.zent-single-upload-trigger__disabled[data-zv="10.0.9"]{cursor:not-allowed}.zent-single-upload-trigger__disabled[data-zv="10.0.9"] .zent-file-upload-trigger-text{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-single-upload-item-info[data-zv="10.0.9"]{display:flex;justify-content:flex-start;align-items:center}.zent-single-upload-item-icon[data-zv="10.0.9"]{margin-right:4px}.zent-single-upload-item-actions[data-zv="10.0.9"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));margin-left:16px}.zent-single-upload-item-actions[data-zv="10.0.9"] a{cursor:pointer}.zent-single-upload-item-retry[data-zv="10.0.9"]{border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-width:1px;border-right-style:solid;padding-right:4px;margin-right:4px}.zent-single-upload-item__failed[data-zv="10.0.9"]{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.has-error[data-zv="10.0.9"] .zent-file-upload{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.has-error[data-zv="10.0.9"] .zent-image-upload-trigger{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15))} -code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:rgba(255,255,255,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help} -body{background-color:#fff;text-shadow:rgba(0,0,0,.01) 0 0 1px;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}a{color:#155bd4}code[class*=language-]{display:block;font-size:13px;overflow-x:auto;font-weight:400;line-height:22px;border-radius:3px;margin-bottom:25px;position:relative;word-break:break-all;white-space:pre-wrap;background-color:#f5f7fa;color:#455a64;padding:18px 10px 18px 20px;font-family:Source Code Pro,Monaco,Inconsolata,monospace}.clearfix::before{display:table;content:""}.clearfix::after{display:table;content:"";clear:both}@media(min-width: 1440px){.main-content{width:1440px;margin:0 auto}}.page-container{background-color:#fff;position:relative;width:100%;height:calc(100vh - 60px);display:flex;border-radius:4px}.page-content{box-sizing:border-box;flex-grow:1}.page-content section{padding:0 40px}.page-content section>h1,.page-content section>h2,.page-content section>h3,.page-content section>h4,.page-content section>h5,.page-content section>h6{line-height:1.5;font-weight:normal;position:relative;margin:20px 0 10px;color:rgba(51,51,51,.9);font-family:Dosis,Source Sans Pro,PingFang SC,Helvetica Neue,Arial,sans-serif}.page-content section>h1:hover a:first-child,.page-content section>h2:hover a:first-child,.page-content section>h3:hover a:first-child,.page-content section>h4:hover a:first-child,.page-content section>h5:hover a:first-child,.page-content section>h6:hover a:first-child{opacity:.4}.page-content section>h1 a:first-child,.page-content section>h2 a:first-child,.page-content section>h3 a:first-child,.page-content section>h4 a:first-child,.page-content section>h5 a:first-child,.page-content section>h6 a:first-child{float:left;margin-left:-20px;opacity:0;cursor:pointer}.page-content section>h1{font-size:36px;line-height:45px}.page-content section>h2{font-size:30px}.page-content section>h3{font-size:22px}.page-content section>h4{font-size:20px}.page-content section>h3,.page-content section>h4{margin-top:40px}.page-content section>h3+h3,.page-content section>h3+h4,.page-content section>h4+h3,.page-content section>h4+h4{margin-top:15px}.page-content section>h5{font-size:14px}.page-content section>h6{font-size:14px;color:#666}.page-content section>p{font-size:14px;line-height:20px;color:#666;margin:14px 0}.page-content section>ul li,.page-content section>ol li{color:#666;font-size:14px;line-height:20px;margin:10px 0 10px 20px;padding-left:20px;position:relative}.page-content section>ul li::before,.page-content section>ol li::before{content:"";position:absolute;top:0;left:0;width:6px;height:6px;margin-top:8px;border-radius:50%;box-sizing:border-box;border:1px solid #666}.page-content section>ul li li,.page-content section>ol li li{margin-left:0}.page-content section .anchor-point{visibility:hidden;position:absolute;top:0}.page-content p>code,.page-content .table code,.page-content li>code{margin:0;font-size:13px;overflow-x:auto;font-weight:400;line-height:22px;border-radius:3px;position:relative;word-break:break-all;white-space:pre-wrap;background-color:#f5f7fa;color:#455a64;font-family:Source Code Pro,Monaco,Inconsolata,monospace;padding:4px 7px;display:inline}.page-content blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5}.table{border-collapse:collapse;width:100%;background-color:#fff;color:#333;font-size:14px;margin-bottom:45px}.table th{padding:10px;text-align:left;font-weight:normal;background-color:#f5f7fa;border:1px solid #eaeefb}.table th:first-child{padding-left:10px}.table td{padding:10px;border:1px solid #eaeefb}.token.atrule,.token.attr-value,.token.keyword{color:#1976d2}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#32a973}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#1976d2}.zent-radio-group .zent-radio-wrap{margin-right:56px}.zent-checkbox-wrap+.zent-checkbox-wrap{margin-left:56px} -@keyframes slideInDown{from{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInDown{animation-name:slideInDown}@keyframes slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}.slideOutUp{animation-name:slideOutUp}.animated{animation-duration:1s;animation-fill-mode:both}.app{min-width:1200px}.page-content{overflow-x:auto;position:relative}.react-doc-page-content{min-height:100%;padding:10px 0 42px;box-sizing:border-box;overflow:hidden;position:relative}.zandoc-react-container .zandoc-react-demo{border-radius:4px;border:1px solid #eaeefb;margin:0 40px}.zandoc-react-container .zandoc-react-demo+.zandoc-react-demo{margin-top:40px}.zandoc-react-container .zandoc-react-demo__preview{padding:40px}.zandoc-react-container .zandoc-react-demo__bottom{padding:20px;border-top:1px solid #eaeefb;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease;background-color:#f5f7fa}.zandoc-react-container .zandoc-react-demo__bottom:hover{background-color:#ebeff5}.zandoc-react-container .zandoc-react-demo__toggle{display:inline-block;width:20px;height:20px;color:#ccd6e5;font-size:12px;line-height:20px;flex:0 0 auto;transition:.2s ease}.zandoc-react-container .zandoc-react-demo__toggle-off{transform:rotate(180deg)}.zandoc-react-container .zandoc-react-demo__title{flex:1;color:#666;font-size:14px;min-height:20px;margin-right:20px}.zandoc-react-container .zandoc-react-demo__code code[class*=language-]{margin:0;border-top:1px solid #eaeefb}.zandoc-react-color-row{margin-bottom:10px}.zandoc-react-color-row .zandoc-react-color-cell{margin-right:10px}.zandoc-react-color-row .zandoc-react-color-cell:last-child{margin-right:0}.zandoc-react-color-cell{display:inline-block;width:250px;height:80px;border-radius:4px;padding:5px 15px;box-sizing:border-box;font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif}.zandoc-react-color-cell .zandoc-react-color-cell__name{margin-top:8px;font-size:20px}.zandoc-react-color-cell .zandoc-react-color-cell__color{margin-top:8px;font-size:14px}.zandoc-react-color-cell--light .zandoc-react-color-cell__name{color:#fff}.zandoc-react-color-cell--light .zandoc-react-color-cell__color{color:#e5e5e5}.zandoc-react-color-cell--dark .zandoc-react-color-cell__name{color:#333}.zandoc-react-color-cell--dark .zandoc-react-color-cell__color{color:#999}.zandoc-react-color-cell__mask-white{border:1px solid #e5e5e5} -@keyframes zandoc-react-loading-ripple{0%{top:96px;left:96px;width:0;height:0;opacity:1}100%{top:18px;left:18px;width:156px;height:156px;opacity:0}}.zandoc-react-loading{margin-top:150px}.zandoc-react-loading-error{margin:20px;font-size:18px;color:#e33}.zandoc-react-loading-ripple div{box-sizing:content-box;position:absolute;border-width:4px;border-style:solid;opacity:1;border-radius:50%;animation:zandoc-react-loading-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite}.zandoc-react-loading-ripple div:nth-child(1){border-color:#27f}.zandoc-react-loading-ripple div:nth-child(2){border-color:#bdf;animation-delay:-0.5s}.zandoc-react-loading-ripple{position:relative;margin:0 auto;width:200px;height:200px;transform:translate(-100px, -100px) scale(1) translate(100px, 100px)} -.zandoc-react-search-box-popover-wrapper{margin-top:15px;margin-left:20px;vertical-align:top;display:inline-block}.zandoc-react-search-box-input .zenticon-search{color:#bbb}.zandoc-react-search-box-input.zent-input-wrapper{border-width:0 0 1px;border-radius:0;box-shadow:none !important}.zandoc-react-search-box-result-list{background:#fff;border:1px solid #ebedf0;border-radius:2px;box-shadow:0 1px 8px rgba(0,0,0,.2);width:250px;max-height:400px;overflow:auto;box-sizing:border-box}.zandoc-react-search-box-result-list--no-result{height:60px;line-height:60px;font-size:14px;color:#666;text-align:center}.zandoc-react-search-box-result-item{height:40px;line-height:40px;padding:0 10px}.zandoc-react-search-box-result-item:hover,.zandoc-react-search-box-result-item__active{background:#3773da}.zandoc-react-search-box-result-item:hover .zandoc-react-search-box-result-item__title,.zandoc-react-search-box-result-item__active .zandoc-react-search-box-result-item__title{color:#fff}.zandoc-react-search-box-result-item:hover .zandoc-react-search-box-result-item__subtitle,.zandoc-react-search-box-result-item__active .zandoc-react-search-box-result-item__subtitle{color:#f2f2f2}.zandoc-react-search-box-result-item__title{font-size:14px}.zandoc-react-search-box-result-item__subtitle{color:#999;font-size:12px;float:right} -.zandoc-react-theme-switcher{margin-right:12px}.zandoc-react-theme-switcher .zent-color-picker__text{width:32px}.zandoc-react-theme-switcher .zent-color-picker__text .zent-color-picker__preview{width:24px;height:24px;border-radius:1px}.zandoc-react-theme-switcher-picker{margin-top:4px} -.page-header{border-bottom:1px solid #eaeefb}.page-header__top{padding:0 40px;overflow:hidden;position:relative;box-sizing:border-box;height:60px;background-color:#fff}@media(min-width: 1440px){.page-header__top{width:1440px;margin:0 auto}}.page-header__logo{float:left;font-size:0;line-height:60px}.page-header__logo span,.page-header__logo img{display:inline-block;vertical-align:middle}.page-header__logo img{width:24px;margin-right:10px}.page-header__logo span{color:#333;font-size:20px;font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif}.page-header__search-sep{display:inline-block;height:20px;width:1px;background:#bbb;margin-top:20px;margin-left:20px}.page-header__item{height:100%}.page-header__link{display:block;line-height:60px;color:#333;font-size:16px;margin:0 20px}.page-header__link:hover{color:#155bd4}.page-header__link--active{color:#155bd4}.page-header__right-fixed{position:absolute;right:30px;top:0;height:60px;display:flex;justify-content:center;align-items:center}.page-header__i18n-switcher{margin-right:12px;color:#455a64;padding:5px 7px;font-size:14px;line-height:20px;border-radius:2px;cursor:pointer;text-align:center;display:inline-block;transition:.3s ease-in-out;border:1px solid #e0e0e0;font-family:Helvetica Neue,Arial,sans-serif}.page-header__i18n-switcher:hover{color:#155bd4;border-color:#155bd4}.page-header__version-select.zent-select-v2{margin-right:12px} -.page-footer{background-color:#34383b;display:flex;justify-content:center;height:72px;font-size:13px}.page-footer__github-link svg{position:relative;top:3px;right:5px}.page-footer__item{float:left;margin:0 20px}.page-footer__link{display:block;color:#bbb;line-height:72px}.page-footer__link:hover{color:#fff} -.side-nav{width:250px;flex-shrink:0;box-sizing:border-box;overflow:auto;padding:25px 0 10px}.side-nav li{list-style:none}.side-nav ul{padding:0;margin:0;overflow:hidden}.side-nav .nav-group-item a{height:44px;line-height:44px;display:block;color:#455a64;font-weight:bold;font-size:16px;transition:all .3s;padding:0 20px 0 40px}.side-nav .nav-group-item .nav-item a{font-size:14px;font-weight:normal}.side-nav .nav-group-item .nav-item a .nav-item__subtitle{font-size:12px;color:#666}.side-nav .nav-group-item .nav-item a:hover,.side-nav .nav-group-item .nav-item a.active{color:#155bd4;background-color:#f5f7fa}.side-nav .nav-group-item .nav-item a:hover .nav-item__subtitle,.side-nav .nav-group-item .nav-item a.active .nav-item__subtitle{color:#155bd4}.side-nav .nav-group__title{font-size:13px;line-height:44px;padding-left:40px;color:rgba(69,90,100,.6)} -.footer-nav{padding:20px 40px;overflow:hidden;border-top:1px solid #f4f4f4;font-size:14px;box-sizing:border-box;width:100%}.footer-nav__link{color:#155bd4;overflow:hidden;position:relative;line-height:1.5;cursor:pointer}.footer-nav__link .zenticon{box-sizing:border-box;text-align:center;font-size:12px;margin-top:4px}.footer-nav__left{float:left}.footer-nav__left .zenticon{float:left;transform:rotate(180deg);margin-right:10px}.footer-nav__right{float:right}.footer-nav__right .zenticon{float:right;margin-left:10px} diff --git a/docs-ee496aaf1bbb56373fff.js b/docs-ee496aaf1bbb56373fff.js deleted file mode 100644 index 11df8bb39..000000000 --- a/docs-ee496aaf1bbb56373fff.js +++ /dev/null @@ -1 +0,0 @@ -(()=>{"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)}),_=function(){return(_=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.9"}),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.9"},{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.9"},E],i.Children.map(R.props.children,(function(e){return"string"==typeof e?(0,r.jsx)("span",(0,o.pi)({"data-zv":"10.0.9"},{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.9"},{children:v}),void 0):(0,r.jsx)("button",(0,o.pi)({type:i},b,{"data-zv":"10.0.9"},{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.9"},{children:(0,r.jsxs)("div",(0,o.pi)({style:s.white,"data-zv":"10.0.9"},{children:[(0,r.jsx)("div",{style:s.black,"data-zv":"10.0.9"},void 0),(0,r.jsx)("div",(0,o.pi)({style:s.pointer,"data-zv":"10.0.9"},{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.9"},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.9"},{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.9"},{children:(0,r.jsx)("div",(0,o.pi)({style:e.pointer,"data-zv":"10.0.9"},{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.9"},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.9"},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.9"},{children:[(0,r.jsx)("div",(0,o.pi)({style:t.checkboard,"data-zv":"10.0.9"},{children:(0,r.jsx)(z,{renderers:this.props.renderers},void 0)}),void 0),(0,r.jsx)("div",{style:t.gradient,"data-zv":"10.0.9"},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.9"},{children:(0,r.jsx)("div",(0,o.pi)({style:t.pointer,"data-zv":"10.0.9"},{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.9"},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 _={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+%?)",Z="[\\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"+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(_[e])e=_[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.9"},{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.9"},void 0),this.props.label?(0,r.jsx)("span",(0,o.pi)({style:e.label,onMouseDown:this.handleMouseDown,"data-zv":"10.0.9"},{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.9"},{children:[(0,r.jsx)("div",(0,o.pi)({style:n.double,"data-zv":"10.0.9"},{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.9"},{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.9"},{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.9"},{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.9"},{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.9"},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.9"},{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.9"},e)}))}),void 0):(0,r.jsx)("div",(0,o.pi)({style:a.colors,"data-zv":"10.0.9"},{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.9"},{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.9"},{children:[(0,r.jsx)("div",(0,o.pi)({style:v.saturation,"data-zv":"10.0.9"},{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.9"},{children:[(0,r.jsxs)("div",(0,o.pi)({style:v.sliders,"data-zv":"10.0.9"},{children:[(0,r.jsx)("div",(0,o.pi)({style:v.hue,"data-zv":"10.0.9"},{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.9"},{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.9"},{children:[(0,r.jsx)(z,{},void 0),(0,r.jsx)("div",{style:v.activeColor,"data-zv":"10.0.9"},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.9"},{children:(0,r.jsx)("div",(0,o.pi)({className:"zent-color-picker__text","data-zv":"10.0.9"},{children:(0,r.jsx)("div",{className:"zent-color-picker__preview",style:{backgroundColor:h},"data-zv":"10.0.9"},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.9"}),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.9"},{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.9"}),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.9"},{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.9"}),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.9"},{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.9"},{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.9"},{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.9"},{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.9"},{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.9"},{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.9"},{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.9"},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.9"},{children:(0,r.jsxs)("g",(0,o.pi)({id:"loading",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd","data-zv":"10.0.9"},{children:[(0,r.jsx)("rect",{x:"0",y:"0",width:"20",height:"20","data-zv":"10.0.9"},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.9"},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.9"},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.9"},{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.9"},{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:()=>x,Z:()=>w});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.9"},{children:(0,r.jsxs)("div",(0,o.pi)({className:"zent-notify-content zent-notify-content-"+n,"data-zv":"10.0.9"},{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.9"},{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={},g=function(e){var t=b[e];if(t){var n=t.container,o=t.callback,r=t.timeOutId;clearTimeout(r),i.unmountComponentAtNode(n),delete b[e],function(e){"function"==typeof e&&e()}(o)}},y=function(e,t,n,s){if(!a.Z)return null;var c=(0,l.Z)("div"),u=function(){var e=document.querySelector(".zent-notify-container");if(!e){var t=document.body,n=(0,l.Z)("div");n.className="zent-notify-container",e=t.appendChild(n)}return e}(),d={text:e,status:n,duration:t,isIn:!0,selector:u};i.render((0,r.jsx)(f,(0,o.pi)({},d),void 0),c);var p=++v,h=setTimeout((function(){i.render((0,r.jsx)(f,{isIn:!1,text:e,selector:u,status:n,close:function(){return g(p)}},void 0),c)}),d.duration||m);return b[p]={container:c,callback:s,timeOutId:h},p},x={info:function(e,t,n){return y(e,t,"info",n)},success:function(e,t,n){return y(e,t,"success",n)},warn:function(e,t,n){return y(e,t,"warn",n)},error:function(e,t,n){return y(e,t,"error",n)},clear:function(e){e?g(e):Object.keys(b).forEach((function(e){g(e)}))},config:function(e){e.duration&&(m=e.duration)}},w=x},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.9"},{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,_=T||M;return(0,r.jsxs)(s.ZP,(0,o.pi)({ref:this.popoverRef,visible:!!_||a,onVisibleChange:_?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.9"},{children:f}),void 0),(0,r.jsxs)("div",(0,o.pi)({className:"zent-pop-v2-inner","data-zv":"10.0.9"},{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.9"},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:()=>L,LeftTop:()=>_,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")}},_=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")}},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.9"},{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,_=e.append,L=(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: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.9"},{children:[i?i(t):(0,r.jsx)("span",(0,o.pi)({title:t.text,className:"zent-select-v2-tag-text","data-zv":"10.0.9"},{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.9"},{children:(0,r.jsxs)("div",(0,o.pi)({className:"zent-select-v2-option-text","data-zv":"10.0.9"},{children:[(0,r.jsx)("p",(0,o.pi)({className:"zent-select-v2-option-text-content","data-zv":"10.0.9"},{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.9"},{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.9"},void 0),u&&(0,r.jsx)("p",(0,o.pi)({className:"zent-select-v2-search-mirror","aria-hidden":!0,"data-zv":"10.0.9"},{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.9"},{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),!_(c[o])){var u;if(!(u=e>0?function(e,t){for(var n=t;n=0;n-=1)if(_(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.9"},{children:s.text}),void 0)}return(0,r.jsx)("span",(0,o.pi)({className:"zent-select-v2-placeholder","data-zv":"10.0.9"},{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.9"},{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.9"},{children:(0,r.jsx)("div",(0,o.pi)({"data-zv":"10.0.9"},{children:"function"==typeof p?p(f):f.map((function(e,n){return(0,r.jsxs)("span",(0,o.pi)({"data-zv":"10.0.9"},{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.9"},{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.9"},{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,_=-1,L="";return(0,r.jsx)("span",(0,o.pi)({className:O},E,{"data-zv":"10.0.9"},{children:T.map((function(e,i){var l,s=n.substr(e.start,e.end-e.start);if(e.highlight){_++;var c;c="object"==typeof u?S?u[s]:(u=p(u))[s.toLowerCase()]:u;var d=_===+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:_}:{};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.9"},{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.9"),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.9".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:"38824b42720344e0a2ff",183:"70e580a61b20682c8af6",294:"9830d96cf35f04a8fb9b",381:"b6a3c1eb7bf7cfcb1ee3",405:"8cbe9cae44dc7b953e81",413:"cbeac10b57e0d3bfa92f",457:"8b04de508d1549e7ecf6",459:"09504c8f3f50dceaaa56",464:"200108a1e59b70e0050e",467:"ecce6652b1c74d876659",508:"3c35062196dc20048f1e",509:"bd4b197c97626430deb1",541:"7aa2a7cb4d68b4cbea4a",610:"f59e2b5944470931e4ac",624:"f2c35de5eeee054cb44b",646:"093053ac7a3c515bfe85",730:"f49f1f58cb7d8468e3d6",772:"34a87858cc77432b4abd",835:"db1a0175a9083a50e798",870:"25c0dfa058fdfd34f943",896:"6b7683fcf1e5bd67c23f",964:"3aabc00fec83a75539e4",1026:"13d783dddf38a6a5e153",1035:"701233b1645e35826111",1074:"11ca0d04f68e38af87d3",1127:"6b5e3d10d72c6559c97b",1216:"c92f21aa87f48b1d1a87",1230:"37190b5778ac2fa53be9",1415:"4ca67e521e970b47da8a",1430:"4f36c74e992b9cd361aa",1553:"a97c3a1882113d5e0f2f",1610:"274678c56abd11fde4f9",1636:"df70a9c049a210aa0f31",1663:"48f4fbc081856a99c0e6",1837:"607d6b12dac81c2d92a9",1846:"a12cf2e05de1307c6740",1859:"b4b781704e7326162feb",1937:"c14b6a0cf6c2aa368b11",2083:"eca27842e3cce7abebd0",2093:"51b8e8fb0743932c52f0",2124:"16baf1afbe14a03d72c4",2174:"6403081fa8f5ac994007",2221:"9dee9c9a0e8e349920d0",2226:"f68a4762c7da7999878c",2336:"1843d25c0224afc8aec5",2374:"0dd8d37485208ea4eb6b",2397:"3ba8d58d27c8813e6dd0",2449:"55fdfe0f74840089468d",2469:"b03711a4106623145fa3",2476:"92a15ef3f70d71450832",2554:"fce89e2a47fff42dae16",2583:"e9ae0546850ce11f8a70",2604:"8c52e1c18f3a1636dfe7",2673:"43639333e800eecadbde",2714:"a038ca33e39df5314a15",2764:"cdc00b0c58e23497803f",2779:"19c10041aeb3f69113da",2797:"c67a104140b25c947877",2811:"7f323f92885df19ffcd7",2866:"9f7e6cdfe062f77dcb6d",2868:"e007bc82010a2a8d882a",3051:"78e75e12884e6def2821",3205:"95674499298ea294eb63",3231:"9f04103d29c20354f61b",3296:"e6b49ebe5132a495df4f",3310:"535f63c1b95807483bce",3314:"ddf77977d9bd64e9253e",3345:"2704ece039dbf7ef8bd3",3369:"2f96185eca7516c17090",3382:"7e1ad3c0b5c892e4c68c",3420:"77631268f51bdc7e6874",3425:"a1d5470b4696f4f1d6b3",3439:"07911b779531f5c29136",3481:"0b46e87347e4ac5fed41",3533:"9590cfa17229f57e796a",3536:"6c840c46ad1c775283a7",3646:"a0aa6b793dfdbe2c4fac",3653:"a31261a55aaa73711d1f",3679:"962c48db916177797553",3770:"ff71eca335e0852c9ff6",3775:"ab6cf94aa849f267671f",3807:"4aeb7e5b8a1ddf9bc86b",3826:"7d39882c26fc9f122847",3854:"c71b7b865319bac4e2d5",3898:"bc235fb0b931e74d959c",3935:"291c636888f1bf45d475",4112:"5e7387af02c16b0d7f5a",4195:"ad14894e060da0365e3f",4229:"ff1883cb9e5217cdbe8f",4280:"57635153326ccf46aeab",4315:"e5bca41dda7c8ce60fb7",4372:"e11e5d13232bb5bb200a",4373:"23612f8f91f642100c76",4439:"22f35e4977c39e0d7e95",4471:"71a27f0a5405b4b80878",4599:"b228648381907ea6b134",4600:"20940672a8ab555b71ac",4715:"17b6d52544e8e8706e50",4912:"0d07f45fbd8c2a33bc41",4947:"33399fff2bde3eef9a85",5071:"8209ceaca9132e2aed85",5099:"ec2f00a2f194e388964d",5166:"be7cb4221d5717d0d79b",5183:"a8846e0ede1144110644",5217:"ad9e7ce9dbf42b38cb49",5265:"c2e97a1e5633433ac2ed",5353:"21e2a039b9717bcee02d",5504:"ddc42efffa022a12a163",5646:"f955988b6c2d0a14fe0c",5683:"e869fb410d2ceefa6fcb",5762:"977ba3c5ff84ba3d01c2",5807:"d54a813f1694e3172c14",5870:"c8676029a80fc9a0dc1e",5876:"fae54d18fc60a80b85db",5892:"badb80b6581d6afc8d1e",5956:"9a7be886a14a96bffe48",6110:"e82a7a8e5f1baeadac34",6286:"62b965f2b96c17dc7ac9",6298:"b68c2e0c00fc67075598",6423:"edeffb22a26866769163",6445:"a20deaf1257976e5a613",6520:"99b459473ab6d5dc854f",6575:"323fcfe513a2e1f2fe44",6638:"8ae1bbec82860f376e55",6823:"bb5382e8311f1ff6bb58",6852:"380525c5578aa94ce0c0",6874:"e38aca165f1d63d58646",6938:"538646ed1ff94a40c5a7",6945:"a244285fffed3c77afce",7029:"2d2b91912e959e367870",7045:"f8fe05feba2897400ba1",7115:"9cfe09984ee5f840d52b",7167:"acd5c76841fa41ca4073",7172:"6fda237a12216b454965",7249:"c0b8aa87adbccbcc4f9b",7267:"cae9496979278a9d83c4",7363:"4d4e9a3ad9cfb45517d0",7481:"10cb90ec488576392e79",7528:"59a7e58e807f279542b5",7570:"55e41f2f449579655676",7572:"b00d50561a4dc0c9c045",7637:"ddd8da1eb48d9dc43f35",7652:"513b9b99ed46bc03dc0b",7659:"2c849f503e21588b4124",7700:"7735f9cee7bfa277940c",7807:"e064eeb9d3904cad8284",7836:"b5bfed8073a2beb189a1",7879:"405c58f097bc3158ebf8",7932:"e623dc9b099a93ac22d1",7950:"30297b6e4e1070902652",8034:"a48654aafe076151b475",8212:"70ec8af4a3c4476d7ce4",8262:"2efe4363b33308e41d3b",8339:"33ac927a1eb0b80de70a",8503:"1365eb5f934933ad355b",8513:"05eef8492f568378e6b2",8606:"1081d8bb3aabf2c978cd",8627:"a9d6b1e827d0ec13a7b8",8689:"7608322bf5da89e1938c",8757:"4717bb6a3b815308d4e3",8767:"6abe3f493a928552cd08",8770:"50fa697d778e4be484e6",8800:"63f66299419d491a3eea",8846:"5f2c9b087360c0a83a03",8878:"f6437a61de4f9ca04d93",8935:"33130526b59c0ec046f9",8982:"5709b4e7d7e405c3099e",9052:"9ed574f613c763cd6cc3",9086:"c6f665e3b0027baaec2a",9145:"30df6e4730a43219835b",9349:"97123a9821d9f05c1329",9395:"87059b8fce31c1dc6350",9430:"b679c98e2c32d1e38237",9480:"93704f381c318fd5a9db",9499:"9b2cebe1eb1efed5431b",9503:"f4142826176a71ea7306",9570:"3411a90f617f889f7832",9632:"a85938cc3f83af4a0517",9690:"a45c402d5b97bdd0b147",9736:"bfe3be32068297d6a054",9757:"53174c1ce8d926c6b17b",9760:"c321d53ccc2cababf175",9871:"c816b70a330f89582137",9907:"4fa5e0bad87347e93083",9928:"c730b45dca873105f8a9",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/docs-f6239a8879360adca17a.css b/docs-f6239a8879360adca17a.css new file mode 100644 index 000000000..b2ae52fc9 --- /dev/null +++ b/docs-f6239a8879360adca17a.css @@ -0,0 +1,11 @@ +/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}figcaption,figure,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:600}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Segoe UI,Arial,"PingFang SC","Hiragino Sans GB","Microsoft Yahei",STHeiti,SimSun,sans-serif;font-weight:400;font-size:14px;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}a{text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}ul,ol{list-style:none}.zent-zoom-appear[data-zv="10.0.10"],.zent-zoom-exit[data-zv="10.0.10"]{animation-fill-mode:both;animation-play-state:paused}.zent-zoom-appear[data-zv="10.0.10"].zent-zoom-appear-active{animation:160ms cubic-bezier(0.17, 0.84, 0.44, 0.1) 0s 1 normal both running zent-ani-zoomin-v10x0x10,100ms cubic-bezier(0.17, 0.84, 0.44, 0.1) 60ms 1 normal both running zent-ani-fadein-v10x0x10}.zent-zoom-exit[data-zv="10.0.10"].zent-zoom-exit-active{animation:160ms cubic-bezier(0.18, 0.66, 0.6, 0.82) 0s 1 normal both running zent-ani-zoomout-v10x0x10,100ms cubic-bezier(0.18, 0.66, 0.6, 0.82) 60ms 1 normal both running zent-ani-fadeout-v10x0x10}@keyframes zent-ani-zoomin-v10x0x10{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes zent-ani-zoomout-v10x0x10{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes zent-ani-fadein-v10x0x10{0%{opacity:0}100%{opacity:1}}@keyframes zent-ani-fadeout-v10x0x10{0%{opacity:1}100%{opacity:0}}@keyframes zent-ani-spin-v10x0x10{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.zent-popup[data-zv="10.0.10"]{box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));left:0;outline:none;overflow-y:auto;position:relative;width:100%;z-index:2000;max-height:224px;border-radius:3px;font-size:14px}.zent-font-weight-normal[data-zv="10.0.10"]{font-weight:400}.zent-font-weight-medium[data-zv="10.0.10"]{font-weight:500}.zent-font-weight-bold[data-zv="10.0.10"]{font-weight:600}.zent-font-normal[data-zv="10.0.10"]{font-size:14px;line-height:20px}.zent-font-small[data-zv="10.0.10"]{font-size:12px;line-height:18px}.zent-font-large[data-zv="10.0.10"]{font-size:16px;line-height:24px}.zent-font-h1[data-zv="10.0.10"]{font-size:44px;line-height:52px}.zent-font-h2[data-zv="10.0.10"]{font-size:34px;line-height:44px}.zent-font-h3[data-zv="10.0.10"]{font-size:24px;line-height:36px}.zent-font-h4[data-zv="10.0.10"]{font-size:20px;line-height:28px}.zent-alert[data-zv="10.0.10"]{border-style:solid;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;position:relative;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center center;padding:14px 16px;border-radius:2px}.zent-alert-outline[data-zv="10.0.10"]{border-radius:4px}.zent-alert--borderless[data-zv="10.0.10"]{border:none}.zent-alert__progress[data-zv="10.0.10"].zent-progress{width:100%;position:absolute;top:0;left:0}.zent-alert__progress[data-zv="10.0.10"].zent-progress .zent-progress-wrapper{background-color:transparent}.zent-alert-scroll[data-zv="10.0.10"]{border-style:solid;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;border-radius:2px;height:-webkit-min-content;height:min-content;box-sizing:border-box;overflow:hidden;position:relative}.zent-alert-scroll--borderless[data-zv="10.0.10"]{border:none}.zent-alert-scroll[data-zv="10.0.10"] .zent-alert-scroll-container{padding:12px 16px;transition-timing-function:ease-in-out}.zent-alert-scroll[data-zv="10.0.10"] .zent-alert-item{transform:translateY(0);opacity:0;transition:opacity .6s ease-in-out}.zent-alert-scroll[data-zv="10.0.10"] .zent-alert-scroll-active-item{opacity:1}.zent-alert-scroll[data-zv="10.0.10"] .zent-alert-scroll-virtual-item{opacity:1}.zent-alert-scroll-outline[data-zv="10.0.10"]{border-radius:4px}.zent-alert-item[data-zv="10.0.10"]{font-size:14px;line-height:20px;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));box-sizing:border-box;display:flex}.zent-alert-item[data-zv="10.0.10"] .zenticon{font-size:16px}.zent-alert-item-content[data-zv="10.0.10"]{flex:1 1 auto}.zent-alert-item-content__highlight[data-zv="10.0.10"]{font-weight:500}.zent-alert-item-content__title[data-zv="10.0.10"]{font-weight:500}.zent-alert-item-content__title[data-zv="10.0.10"]+.zent-alert-item-content__description{margin-top:8px}.zent-alert-item-close-wrapper[data-zv="10.0.10"]{margin-left:16px;cursor:pointer;height:20px}.zent-alert-item-close-wrapper[data-zv="10.0.10"] .zent-alert-item-close-btn{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:18px;width:16px;height:20px;line-height:20px;text-align:center}.zent-alert-item-extra-content[data-zv="10.0.10"]{margin:-6px 0 -6px 16px;align-items:center;display:flex;flex:0 0 auto}.zent-alert-item-icon[data-zv="10.0.10"],.zent-alert-item-custom-icon[data-zv="10.0.10"]{margin-right:8px}.zent-alert-item-icon[data-zv="10.0.10"].zenticon,.zent-alert-item-icon[data-zv="10.0.10"] .zent-loading-icon-and-text,.zent-alert-item-custom-icon[data-zv="10.0.10"].zenticon,.zent-alert-item-custom-icon[data-zv="10.0.10"] .zent-loading-icon-and-text{width:16px;height:20px;line-height:20px}.zent-alert-style-info[data-zv="10.0.10"]{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));border-color:#356fd4;border-color:var(--theme-primary-hover-bg, var(--theme-primary-7, #356fd4))}.zent-alert-style-info[data-zv="10.0.10"] .zent-alert-item-content__highlight{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-alert-style-info[data-zv="10.0.10"].zent-alert-outline,.zent-alert-style-info[data-zv="10.0.10"].zent-alert-scroll-outline{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-top-color:#155bd4;border-top-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-width:1px;border-style:solid;border-top-width:4px}.zent-alert-style-info[data-zv="10.0.10"].zent-alert-outline .zent-alert-item-content__title,.zent-alert-style-info[data-zv="10.0.10"].zent-alert-scroll-outline .zent-alert-item-content__title{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-alert-style-info[data-zv="10.0.10"] .zent-alert-item-icon{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-alert-style-success[data-zv="10.0.10"]{background-color:#efffe6;background-color:var(--theme-success-bg, var(--theme-success-5, #efffe6));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-4, #45a110))}.zent-alert-style-success[data-zv="10.0.10"] .zent-alert-item-content__highlight{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-alert-style-success[data-zv="10.0.10"].zent-alert-outline,.zent-alert-style-success[data-zv="10.0.10"].zent-alert-scroll-outline{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-top-color:#45a110;border-top-color:var(--theme-success-color, var(--theme-success-2, #45a110));border-width:1px;border-style:solid;border-top-width:4px}.zent-alert-style-success[data-zv="10.0.10"].zent-alert-outline .zent-alert-item-content__title,.zent-alert-style-success[data-zv="10.0.10"].zent-alert-scroll-outline .zent-alert-item-content__title{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-alert-style-success[data-zv="10.0.10"] .zent-alert-item-icon{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-alert-style-warning[data-zv="10.0.10"]{background-color:#ffefe6;background-color:var(--theme-warning-bg, var(--theme-warn-5, #ffefe6));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-4, #ed6a18))}.zent-alert-style-warning[data-zv="10.0.10"] .zent-alert-item-content__highlight{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-alert-style-warning[data-zv="10.0.10"].zent-alert-outline,.zent-alert-style-warning[data-zv="10.0.10"].zent-alert-scroll-outline{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-top-color:#ed6a18;border-top-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-width:1px;border-style:solid;border-top-width:4px}.zent-alert-style-warning[data-zv="10.0.10"].zent-alert-outline .zent-alert-item-content__title,.zent-alert-style-warning[data-zv="10.0.10"].zent-alert-scroll-outline .zent-alert-item-content__title{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-alert-style-warning[data-zv="10.0.10"] .zent-alert-item-icon{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-alert-style-error[data-zv="10.0.10"]{background-color:#ffe9e6;background-color:var(--theme-danger-bg, var(--theme-error-5, #ffe9e6));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.zent-alert-style-error[data-zv="10.0.10"] .zent-alert-item-content__highlight{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-alert-style-error[data-zv="10.0.10"].zent-alert-outline,.zent-alert-style-error[data-zv="10.0.10"].zent-alert-scroll-outline{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-top-color:#d42f15;border-top-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));border-width:1px;border-style:solid;border-top-width:4px}.zent-alert-style-error[data-zv="10.0.10"].zent-alert-outline .zent-alert-item-content__title,.zent-alert-style-error[data-zv="10.0.10"].zent-alert-scroll-outline .zent-alert-item-content__title{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-alert-style-error[data-zv="10.0.10"] .zent-alert-item-icon{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-alert-style-hint[data-zv="10.0.10"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border:0;padding:13px 16px}.zent-alert-style-hint[data-zv="10.0.10"] .zent-alert-item-content{font-size:12px;line-height:20px}.zent-banner[data-zv="10.0.10"] .zent-alert-item-close-wrapper{position:relative}.zent-banner[data-zv="10.0.10"] .zent-alert-item-close-wrapper .zent-alert-item-close-btn{position:absolute;top:50%;right:0;transform:translateY(-50%)}.zent-auto-complete[data-zv="10.0.10"]{min-width:160px}.zent-auto-complete[data-zv="10.0.10"].disabled{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));cursor:not-allowed}.zent-avatar[data-zv="10.0.10"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:inline-block;box-sizing:border-box;text-align:center;cursor:default;overflow:hidden;position:relative;font-size:16px}.zent-avatar--size-default[data-zv="10.0.10"]{width:32px;height:32px;line-height:32px}.zent-avatar--size-small[data-zv="10.0.10"]{width:24px;height:24px;line-height:24px}.zent-avatar--size-large[data-zv="10.0.10"]{width:40px;height:40px;line-height:40px}.zent-avatar--type-image[data-zv="10.0.10"]{background:transparent}.zent-avatar--type-image[data-zv="10.0.10"] .zent-avatar-image{width:100%;height:100%;display:block}.zent-avatar--type-string[data-zv="10.0.10"]{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-avatar--type-string[data-zv="10.0.10"] .zent-avatar-string{font-weight:500}.zent-avatar--type-string[data-zv="10.0.10"].zent-avatar--size-small{font-size:14px}.zent-avatar--type-string[data-zv="10.0.10"].zent-avatar--size-large{font-size:18px}.zent-avatar--type-icon[data-zv="10.0.10"]{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));font-size:18px}.zent-avatar--type-icon[data-zv="10.0.10"].zent-avatar--size-small{font-size:14px}.zent-avatar--type-icon[data-zv="10.0.10"].zent-avatar--size-large{font-size:24px}.zent-avatar--shape-circle[data-zv="10.0.10"]{border-radius:50%}.zent-avatar--shape-square[data-zv="10.0.10"]{border-radius:4px}.zent-avatar--bordered[data-zv="10.0.10"]{border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));border-width:1px;border-style:solid}.zent-badge[data-zv="10.0.10"]{position:relative;display:inline-block;vertical-align:middle}.zent-badge[data-zv="10.0.10"] .zent-badge-count{background-color:#e00000;background-color:var(--theme-badge-bg, #e00000);color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#fff;border-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:inline-block;height:18px;min-width:18px;line-height:16px;box-sizing:border-box;border-width:1px;border-style:solid;border-radius:40px;text-align:center;padding:0 4px;font-size:12px}.zent-badge[data-zv="10.0.10"] .zent-badge-count-num{display:block;transform:scale(0.83)}.zent-badge[data-zv="10.0.10"] .zent-badge-dot{border-color:#fff;border-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#e00000;background-color:var(--theme-badge-bg, #e00000);display:inline-block;height:8px;width:8px;border-radius:50%;border-width:1px;border-style:solid;font-size:0}.zent-badge[data-zv="10.0.10"].zent-badge--no-content{font-size:0}.zent-badge[data-zv="10.0.10"].zent-badge--no-content .zent-badge-count{padding-top:1px;padding-bottom:1px}.zent-badge[data-zv="10.0.10"].zent-badge--no-content .zent-badge-count,.zent-badge[data-zv="10.0.10"].zent-badge--no-content .zent-badge-dot{margin:0 8px;border:0}.zent-badge[data-zv="10.0.10"].zent-badge--has-content .zent-badge-count{position:absolute;top:-4px;right:-6px}.zent-badge[data-zv="10.0.10"].zent-badge--has-content .zent-badge-dot{position:absolute;top:0;right:0}.zent-block-header[data-zv="10.0.10"]{display:flex;justify-content:flex-start;align-content:center;margin-bottom:16px;padding:10px 12px;min-height:40px;box-sizing:border-box}.zent-block-header-ribbon[data-zv="10.0.10"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-block-header-minimum[data-zv="10.0.10"]{box-shadow:0 1px 0 0 #e0e0e0;box-shadow:0 1px 0 0 var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-block-header__title[data-zv="10.0.10"]{display:flex;align-items:center}.zent-block-header__title[data-zv="10.0.10"] h3{font-size:14px;line-height:20px;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-weight:500}.zent-block-header__title-ribbon[data-zv="10.0.10"]::before{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));content:"";width:3px;height:14px;margin-right:8px}.zent-block-header__content[data-zv="10.0.10"]{display:flex;align-items:center;margin-left:8px}.zent-block-header__content-right[data-zv="10.0.10"]{flex-grow:1;justify-content:flex-end}.zent-block-header__pop[data-zv="10.0.10"]{font-size:16px;line-height:24px;color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));margin-left:8px;display:flex;align-items:center;cursor:pointer}.zent-block-header__tooltip[data-zv="10.0.10"]{max-width:300px;word-wrap:normal}.zent-breadcrumb[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:0;line-height:0;padding:15px 0;white-space:nowrap;overflow:hidden;position:relative}.zent-breadcrumb__move-left[data-zv="10.0.10"].zenticon,.zent-breadcrumb__move-right[data-zv="10.0.10"].zenticon{font-size:20px;cursor:pointer;z-index:1;position:absolute;height:20px;width:24px;line-height:26px;box-sizing:border-box;top:50%;transform:translateY(-50%)}.zent-breadcrumb__move-left[data-zv="10.0.10"].zenticon:hover,.zent-breadcrumb__move-right[data-zv="10.0.10"].zenticon:hover{color:#356fd4;color:var(--theme-weak-link-hover-color, #356fd4)}.zent-breadcrumb__move-left[data-zv="10.0.10"]{background-image:linear-gradient(90deg, white 55%, rgba(255, 255, 255, 0));padding-right:4px;left:0}.zent-breadcrumb__move-right[data-zv="10.0.10"]{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0), white 55%);padding-left:4px;right:0}.zent-breadcrumb[data-zv="10.0.10"] span,.zent-breadcrumb[data-zv="10.0.10"] a{font-size:14px;line-height:14px;display:inline-block;vertical-align:middle;text-decoration:none}.zent-breadcrumb[data-zv="10.0.10"] span::after,.zent-breadcrumb[data-zv="10.0.10"] a::after{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));content:"/";display:inline-block;margin:0 8px}.zent-breadcrumb[data-zv="10.0.10"] span:last-child::after,.zent-breadcrumb[data-zv="10.0.10"] a:last-child::after{content:"";display:none}.zent-breadcrumb__content[data-zv="10.0.10"]{position:relative;width:-webkit-max-content;width:max-content;transition:left 200ms cubic-bezier(0, 0, 0.1, 0.1)}.zent-breadcrumb__content[data-zv="10.0.10"]>*:last-child{font-size:20px;line-height:20px;vertical-align:bottom;font-weight:500}.zent-breadcrumb[data-zv="10.0.10"] span{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));cursor:default}.zent-breadcrumb[data-zv="10.0.10"] a{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-breadcrumb[data-zv="10.0.10"] a:hover{color:#356fd4;color:var(--theme-weak-link-hover-color, #356fd4)}.zent-breadcrumb[data-zv="10.0.10"] a:active{color:#114bae;color:var(--theme-weak-link-active-color, #114bae)}.zent-breadcrumb[data-zv="10.0.10"] span.zent-breadcrumb__fold{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-breadcrumb[data-zv="10.0.10"] span.zent-breadcrumb__fold:hover{color:#356fd4;color:var(--theme-weak-link-hover-color, #356fd4);cursor:pointer}.zent-breadcrumb[data-zv="10.0.10"].zent-breadcrumb-nav{padding:0}.zent-breadcrumb[data-zv="10.0.10"].zent-breadcrumb-nav a{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));display:inline-block;height:50px;line-height:48px;padding:0 20px;min-width:0;border:0;background:transparent;font-size:14px;text-align:center;box-sizing:border-box}.zent-breadcrumb[data-zv="10.0.10"].zent-breadcrumb-nav a:hover{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-breadcrumb[data-zv="10.0.10"].zent-breadcrumb-nav a:after{display:none}.zent-breadcrumb[data-zv="10.0.10"].zent-breadcrumb-nav .zent-breadcrumb-nav-active:after{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));display:block;content:"";margin:0}.zent-btn[data-zv="10.0.10"]{color:#333;color:var(--theme-default-color, #333);background-color:rgba(0,0,0,.06);background-color:rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.06);border-color:rgba(0,0,0,.06);border-color:rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.06);display:inline-block;height:32px;line-height:30px;font-size:14px;padding:0 16px;border-radius:2px;font-family:inherit;border-width:1px;border-style:solid;text-align:center;vertical-align:middle;box-sizing:border-box;cursor:pointer;transition:all .3s;background-clip:padding-box}.zent-btn[data-zv="10.0.10"]:focus{outline:none}.zent-btn[data-zv="10.0.10"]:link,.zent-btn[data-zv="10.0.10"]:visited,.zent-btn[data-zv="10.0.10"]:focus{color:#333;color:var(--theme-default-color, #333);text-decoration:none}.zent-btn[data-zv="10.0.10"]:hover{background-color:rgba(0,0,0,.03);background-color:rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.03);border-color:rgba(0,0,0,.03);border-color:rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.03);text-decoration:none}.zent-btn[data-zv="10.0.10"]:active{color:#333;color:var(--theme-default-color, #333);background-color:rgba(0,0,0,.09);background-color:rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.09);text-decoration:none}.zent-btn[data-zv="10.0.10"].zent-btn-loading.zent-btn-icon{background-color:transparent}.zent-btn[data-zv="10.0.10"].zent-btn-loading.zent-btn-text{background-color:rgba(21,91,212,.03);background-color:rgba(var(--theme-rgb-primary-bg, var(--theme-rgb-primary-4, 21, 91, 212)), 0.03)}.zent-btn[data-zv="10.0.10"][type=button],.zent-btn[data-zv="10.0.10"][type=reset],.zent-btn[data-zv="10.0.10"][type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.zent-btn[data-zv="10.0.10"]+.zent-btn,.zent-btn-disabled-wrapper[data-zv="10.0.10"]+.zent-btn,.zent-btn[data-zv="10.0.10"]+.zent-btn-disabled-wrapper,.zent-btn-disabled-wrapper[data-zv="10.0.10"]+.zent-btn-disabled-wrapper{margin-left:16px}.zent-btn-large[data-zv="10.0.10"]{padding:0 24px;height:40px;line-height:38px;font-size:16px}.zent-btn-large[data-zv="10.0.10"].zent-btn-icon{height:32px;width:32px;font-size:24px}.zent-btn-small[data-zv="10.0.10"]{height:24px;line-height:22px;padding:0 8px;font-size:12px}.zent-btn-small[data-zv="10.0.10"].zent-btn-icon{height:24px;width:24px;font-size:16px}.zent-btn-block[data-zv="10.0.10"]{display:block;width:100%;padding:0}.zent-btn-primary[data-zv="10.0.10"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-btn-primary[data-zv="10.0.10"]:link,.zent-btn-primary[data-zv="10.0.10"]:visited,.zent-btn-primary[data-zv="10.0.10"]:focus{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-primary[data-zv="10.0.10"]:hover{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#356fd4;background-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4));border-color:#356fd4;border-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-btn-primary[data-zv="10.0.10"]:active{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#114bae;background-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae));border-color:#114bae;border-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-btn-primary[data-zv="10.0.10"].zent-btn-loading:hover,.zent-btn-primary[data-zv="10.0.10"].zent-btn-loading:active{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-btn-primary[data-zv="10.0.10"].zent-btn-loading::after{border-top-color:#fff;border-top-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-right-color:#fff;border-right-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:#114bae;border-bottom-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae));border-left-color:#114bae;border-left-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-btn-primary-outline[data-zv="10.0.10"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-primary-outline[data-zv="10.0.10"]:link,.zent-btn-primary-outline[data-zv="10.0.10"]:visited,.zent-btn-primary-outline[data-zv="10.0.10"]:focus{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-btn-primary-outline[data-zv="10.0.10"]:hover{color:#356fd4;color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4));border-color:#356fd4;border-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-primary-outline[data-zv="10.0.10"]:active{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-10, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-btn-primary-outline[data-zv="10.0.10"].zent-btn-loading:hover,.zent-btn-primary-outline[data-zv="10.0.10"].zent-btn-loading:active{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-primary-outline[data-zv="10.0.10"].zent-btn-loading::after{border-top-color:#155bd4;border-top-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-right-color:#155bd4;border-right-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-bottom-color:#e6efff;border-bottom-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));border-left-color:#e6efff;border-left-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-btn-error[data-zv="10.0.10"],.zent-btn-danger[data-zv="10.0.10"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#d42f15;background-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-btn-error[data-zv="10.0.10"]:link,.zent-btn-error[data-zv="10.0.10"]:visited,.zent-btn-error[data-zv="10.0.10"]:focus,.zent-btn-danger[data-zv="10.0.10"]:link,.zent-btn-danger[data-zv="10.0.10"]:visited,.zent-btn-danger[data-zv="10.0.10"]:focus{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-error[data-zv="10.0.10"]:hover,.zent-btn-danger[data-zv="10.0.10"]:hover{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#d42f15;background-color:var(--theme-danger-color, var(--theme-error-3, #d42f15));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-3, #d42f15))}.zent-btn-error[data-zv="10.0.10"]:active,.zent-btn-danger[data-zv="10.0.10"]:active{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#d42f15;background-color:var(--theme-danger-color, var(--theme-error-1, #d42f15));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-1, #d42f15))}.zent-btn-error[data-zv="10.0.10"].zent-btn-loading:hover,.zent-btn-error[data-zv="10.0.10"].zent-btn-loading:active,.zent-btn-danger[data-zv="10.0.10"].zent-btn-loading:hover,.zent-btn-danger[data-zv="10.0.10"].zent-btn-loading:active{background-color:#d42f15;background-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-btn-error[data-zv="10.0.10"].zent-btn-loading::after,.zent-btn-danger[data-zv="10.0.10"].zent-btn-loading::after{border-top-color:#fff;border-top-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-right-color:#fff;border-right-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:#d42f15;border-bottom-color:var(--theme-danger-color, var(--theme-error-1, #d42f15));border-left-color:#d42f15;border-left-color:var(--theme-danger-color, var(--theme-error-1, #d42f15))}.zent-btn-error-outline[data-zv="10.0.10"],.zent-btn-danger-outline[data-zv="10.0.10"]{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-error-outline[data-zv="10.0.10"]:link,.zent-btn-error-outline[data-zv="10.0.10"]:visited,.zent-btn-error-outline[data-zv="10.0.10"]:focus,.zent-btn-danger-outline[data-zv="10.0.10"]:link,.zent-btn-danger-outline[data-zv="10.0.10"]:visited,.zent-btn-danger-outline[data-zv="10.0.10"]:focus{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-btn-error-outline[data-zv="10.0.10"]:hover,.zent-btn-danger-outline[data-zv="10.0.10"]:hover{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-3, #d42f15));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-3, #d42f15));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-error-outline[data-zv="10.0.10"]:active,.zent-btn-danger-outline[data-zv="10.0.10"]:active{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-10, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-btn-error-outline[data-zv="10.0.10"].zent-btn-loading:hover,.zent-btn-error-outline[data-zv="10.0.10"].zent-btn-loading:active,.zent-btn-danger-outline[data-zv="10.0.10"].zent-btn-loading:hover,.zent-btn-danger-outline[data-zv="10.0.10"].zent-btn-loading:active{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-error-outline[data-zv="10.0.10"].zent-btn-loading::after,.zent-btn-danger-outline[data-zv="10.0.10"].zent-btn-loading::after{border-top-color:#d42f15;border-top-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));border-right-color:#d42f15;border-right-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));border-bottom-color:#ffe9e6;border-bottom-color:var(--theme-danger-bg, var(--theme-error-5, #ffe9e6));border-left-color:#ffe9e6;border-left-color:var(--theme-danger-bg, var(--theme-error-5, #ffe9e6))}.zent-btn-success[data-zv="10.0.10"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#45a110;background-color:var(--theme-success-color, var(--theme-success-2, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-btn-success[data-zv="10.0.10"]:link,.zent-btn-success[data-zv="10.0.10"]:visited,.zent-btn-success[data-zv="10.0.10"]:focus{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-success[data-zv="10.0.10"]:hover{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#45a110;background-color:var(--theme-success-color, var(--theme-success-3, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-3, #45a110))}.zent-btn-success[data-zv="10.0.10"]:active{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#45a110;background-color:var(--theme-success-color, var(--theme-success-1, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-1, #45a110))}.zent-btn-success[data-zv="10.0.10"].zent-btn-loading:hover,.zent-btn-success[data-zv="10.0.10"].zent-btn-loading:active{background-color:#45a110;background-color:var(--theme-success-color, var(--theme-success-2, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-btn-success[data-zv="10.0.10"].zent-btn-loading::after{border-top-color:#fff;border-top-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-right-color:#fff;border-right-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:#45a110;border-bottom-color:var(--theme-success-color, var(--theme-success-1, #45a110));border-left-color:#45a110;border-left-color:var(--theme-success-color, var(--theme-success-1, #45a110))}.zent-btn-success-outline[data-zv="10.0.10"]{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-2, #45a110));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-success-outline[data-zv="10.0.10"]:link,.zent-btn-success-outline[data-zv="10.0.10"]:visited,.zent-btn-success-outline[data-zv="10.0.10"]:focus{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-btn-success-outline[data-zv="10.0.10"]:hover{color:#45a110;color:var(--theme-success-color, var(--theme-success-3, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-3, #45a110));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-success-outline[data-zv="10.0.10"]:active{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-10, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-btn-success-outline[data-zv="10.0.10"].zent-btn-loading:hover,.zent-btn-success-outline[data-zv="10.0.10"].zent-btn-loading:active{border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-2, #45a110));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-success-outline[data-zv="10.0.10"].zent-btn-loading::after{border-top-color:#45a110;border-top-color:var(--theme-success-color, var(--theme-success-2, #45a110));border-right-color:#45a110;border-right-color:var(--theme-success-color, var(--theme-success-2, #45a110));border-bottom-color:#efffe6;border-bottom-color:var(--theme-success-bg, var(--theme-success-5, #efffe6));border-left-color:#efffe6;border-left-color:var(--theme-success-bg, var(--theme-success-5, #efffe6))}.zent-btn-warning[data-zv="10.0.10"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#ed6a18;background-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-btn-warning[data-zv="10.0.10"]:link,.zent-btn-warning[data-zv="10.0.10"]:visited,.zent-btn-warning[data-zv="10.0.10"]:focus{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-warning[data-zv="10.0.10"]:hover{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#ed6a18;background-color:var(--theme-warning-color, var(--theme-warn-3, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-3, #ed6a18))}.zent-btn-warning[data-zv="10.0.10"]:active{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#ed6a18;background-color:var(--theme-warning-color, var(--theme-warn-1, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-1, #ed6a18))}.zent-btn-warning[data-zv="10.0.10"].zent-btn-loading:hover,.zent-btn-warning[data-zv="10.0.10"].zent-btn-loading:active{background-color:#ed6a18;background-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-btn-warning[data-zv="10.0.10"].zent-btn-loading::after{border-top-color:#fff;border-top-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-right-color:#fff;border-right-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:#ed6a18;border-bottom-color:var(--theme-warning-color, var(--theme-warn-1, #ed6a18));border-left-color:#ed6a18;border-left-color:var(--theme-warning-color, var(--theme-warn-1, #ed6a18))}.zent-btn-warning-outline[data-zv="10.0.10"]{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-warning-outline[data-zv="10.0.10"]:link,.zent-btn-warning-outline[data-zv="10.0.10"]:visited,.zent-btn-warning-outline[data-zv="10.0.10"]:focus{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-btn-warning-outline[data-zv="10.0.10"]:hover{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-3, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-3, #ed6a18));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-warning-outline[data-zv="10.0.10"]:active{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-10, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-btn-warning-outline[data-zv="10.0.10"].zent-btn-loading:hover,.zent-btn-warning-outline[data-zv="10.0.10"].zent-btn-loading:active{border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-btn-warning-outline[data-zv="10.0.10"].zent-btn-loading::after{border-top-color:#ed6a18;border-top-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-right-color:#ed6a18;border-right-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-bottom-color:#ffefe6;border-bottom-color:var(--theme-warning-bg, var(--theme-warn-5, #ffefe6));border-left-color:#ffefe6;border-left-color:var(--theme-warning-bg, var(--theme-warn-5, #ffefe6))}.zent-btn-disabled-wrapper[data-zv="10.0.10"]{cursor:not-allowed}.zent-btn-disabled[data-zv="10.0.10"],.zent-btn-disabled[data-zv="10.0.10"][disabled]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-color:#f7f7f7;border-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));cursor:not-allowed}.zent-btn-disabled[data-zv="10.0.10"]:link,.zent-btn-disabled[data-zv="10.0.10"]:visited,.zent-btn-disabled[data-zv="10.0.10"]:focus,.zent-btn-disabled[data-zv="10.0.10"][disabled]:link,.zent-btn-disabled[data-zv="10.0.10"][disabled]:visited,.zent-btn-disabled[data-zv="10.0.10"][disabled]:focus{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-btn-disabled[data-zv="10.0.10"]:hover,.zent-btn-disabled[data-zv="10.0.10"][disabled]:hover{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-color:#f7f7f7;border-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-btn-disabled[data-zv="10.0.10"]:active,.zent-btn-disabled[data-zv="10.0.10"][disabled]:active{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-color:#f7f7f7;border-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-btn-disabled-wrapper[data-zv="10.0.10"] .zent-btn-disabled,.zent-btn-disabled-wrapper[data-zv="10.0.10"] .zent-btn-disabled[disabled]{pointer-events:none}.zent-btn-text[data-zv="10.0.10"]{background-color:rgba(21,91,212,.03);background-color:var(--theme-text-button-bg, rgba(21, 91, 212, 0.03));color:#155bd4;color:var(--theme-text-button-color, #155bd4);font-size:12px;height:24px;line-height:24px;padding:0 8px;border:0}.zent-btn-text[data-zv="10.0.10"]:link,.zent-btn-text[data-zv="10.0.10"]:visited,.zent-btn-text[data-zv="10.0.10"]:hover,.zent-btn-text[data-zv="10.0.10"]:active,.zent-btn-text[data-zv="10.0.10"]:focus{border:0;color:#155bd4;color:var(--theme-text-button-color, #155bd4)}.zent-btn-text[data-zv="10.0.10"]:hover{background-color:rgba(21,91,212,.06);background-color:var(--theme-text-button-hover-bg, rgba(21, 91, 212, 0.06))}.zent-btn-text[data-zv="10.0.10"]:active{background-color:rgba(21,91,212,.09);background-color:var(--theme-text-button-active-bg, rgba(21, 91, 212, 0.09))}.zent-btn-icon[data-zv="10.0.10"]{height:28px;width:28px;font-size:20px;color:#333;background-color:transparent;padding:0;line-height:24px;text-align:center;border-radius:2px;border:0}.zent-btn-icon[data-zv="10.0.10"]:link,.zent-btn-icon[data-zv="10.0.10"]:visited,.zent-btn-icon[data-zv="10.0.10"]:hover,.zent-btn-icon[data-zv="10.0.10"]:active,.zent-btn-icon[data-zv="10.0.10"]:focus{color:#333}.zent-btn-icon[data-zv="10.0.10"]:hover{background-color:rgba(0,0,0,.05)}.zent-btn-icon[data-zv="10.0.10"]:active{background-color:rgba(0,0,0,.1)}.zent-btn-icon[data-zv="10.0.10"] i.zenticon{margin:0}.zent-btn-icon[data-zv="10.0.10"] i.zenticon:last-child{margin:0}.zent-btn-icon[data-zv="10.0.10"] i.zenticon:first-child{margin:0}.zent-btn-loading[data-zv="10.0.10"]{position:relative;color:transparent;cursor:not-allowed}.zent-btn-loading[data-zv="10.0.10"]:link,.zent-btn-loading[data-zv="10.0.10"]:visited,.zent-btn-loading[data-zv="10.0.10"]:focus,.zent-btn-loading[data-zv="10.0.10"]:hover,.zent-btn-loading[data-zv="10.0.10"]:active{color:transparent}.zent-btn-loading[data-zv="10.0.10"]::before,.zent-btn-loading[data-zv="10.0.10"]::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin-left:-8px;margin-top:-8px;border:2px solid;border-radius:8px;box-sizing:border-box}.zent-btn-loading[data-zv="10.0.10"]::after{border-top-color:#333;border-top-color:var(--theme-title-color, var(--theme-stroke-1, #333));border-right-color:#333;border-right-color:var(--theme-title-color, var(--theme-stroke-1, #333));border-bottom-color:#f7f7f7;border-bottom-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-left-color:#f7f7f7;border-left-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));animation:zent-ani-spin-v10x0x10 .6s linear;animation-iteration-count:infinite}.zent-btn-loading[data-zv="10.0.10"].zent-btn-small::after,.zent-btn-loading[data-zv="10.0.10"].zent-btn-text::after{width:12px;height:12px;margin-left:-6px;margin-top:-6px;border-radius:6px}.zent-btn-loading[data-zv="10.0.10"].zent-btn-text::after{border-top-color:#155bd4;border-top-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-right-color:#155bd4;border-right-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-bottom-color:#e6efff;border-bottom-color:var(--theme-default-selected-bg, #e6efff);border-left-color:#e6efff;border-left-color:var(--theme-default-selected-bg, #e6efff)}.zent-btn-loading[data-zv="10.0.10"].zent-btn-icon::after{border-top-color:#333;border-top-color:var(--theme-title-color, var(--theme-stroke-1, #333));border-right-color:#333;border-right-color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-btn[data-zv="10.0.10"].zent-btn-border-transparent{border-color:transparent}.zent-btn[data-zv="10.0.10"].zent-btn-border-transparent:hover{border-color:transparent}.zent-btn[data-zv="10.0.10"].zent-btn-border-transparent:active{border-color:transparent}.zent-btn[data-zv="10.0.10"]:not(.zent-btn-icon,.zent-btn-text) .zenticon{font-size:20px;vertical-align:-2px}.zent-btn[data-zv="10.0.10"] .zenticon:first-child{margin-right:4px}.zent-btn[data-zv="10.0.10"] .zenticon:last-child{margin-left:4px}.zent-btn-group[data-zv="10.0.10"]{display:inline-block}.zent-btn-group[data-zv="10.0.10"] .zent-btn+.zent-btn,.zent-btn-group[data-zv="10.0.10"] .zent-btn-disabled-wrapper+.zent-btn,.zent-btn-group[data-zv="10.0.10"] .zent-btn+.zent-btn-disabled-wrapper,.zent-btn-group[data-zv="10.0.10"] .zent-btn-disabled-wrapper+.zent-btn-disabled-wrapper{margin-left:1px}.zent-btn-group[data-zv="10.0.10"] .zent-btn{position:relative;border-radius:0}.zent-btn-group[data-zv="10.0.10"] .zent-btn:hover{z-index:2}.zent-btn-group[data-zv="10.0.10"] .zent-btn:first-child{border-radius:2px 0 0 2px}.zent-btn-group[data-zv="10.0.10"] .zent-btn:last-child{border-radius:0 2px 2px 0}.zent-btn-group[data-zv="10.0.10"] .zent-btn-primary:not(:last-child){border-right-color:#356fd4;border-right-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-btn-group[data-zv="10.0.10"] .zent-btn-primary:not(:first-child){border-left-color:#356fd4;border-left-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-btn-group[data-zv="10.0.10"] .zent-btn-error:not(:last-child),.zent-btn-group[data-zv="10.0.10"] .zent-btn-danger:not(:last-child){border-right-color:#d42f15;border-right-color:var(--theme-danger-color, var(--theme-error-3, #d42f15))}.zent-btn-group[data-zv="10.0.10"] .zent-btn-error:not(:first-child),.zent-btn-group[data-zv="10.0.10"] .zent-btn-danger:not(:first-child){border-left-color:#d42f15;border-left-color:var(--theme-danger-color, var(--theme-error-3, #d42f15))}.zent-btn-group[data-zv="10.0.10"] .zent-btn-success:not(:last-child){border-right-color:#45a110;border-right-color:var(--theme-success-color, var(--theme-success-3, #45a110))}.zent-btn-group[data-zv="10.0.10"] .zent-btn-success:not(:first-child){border-left-color:#45a110;border-left-color:var(--theme-success-color, var(--theme-success-3, #45a110))}.zent-btn-group[data-zv="10.0.10"] .zent-btn-warning:not(:last-child){border-right-color:#ed6a18;border-right-color:var(--theme-warning-color, var(--theme-warn-3, #ed6a18))}.zent-btn-group[data-zv="10.0.10"] .zent-btn-warning:not(:first-child){border-left-color:#ed6a18;border-left-color:var(--theme-warning-color, var(--theme-warn-3, #ed6a18))}.zent-card[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-radius:2px;position:relative;border-width:1px;border-style:solid;overflow:hidden}.zent-card-header[data-zv="10.0.10"]{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));height:48px;padding:0 20px;border-bottom-width:1px;border-bottom-style:solid;box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;font-weight:500}.zent-card-header__title[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.zent-card-header__action[data-zv="10.0.10"]{flex:none}.zent-card-body[data-zv="10.0.10"]{padding:20px}.zent-card--normal[data-zv="10.0.10"] .zent-card-header{font-size:16px}.zent-card--normal[data-zv="10.0.10"] .zent-card-body{font-size:14px}.zent-card--nested[data-zv="10.0.10"] .zent-card-header{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));font-size:14px}.zent-cascader-v2[data-zv="10.0.10"]{display:flex;flex-wrap:wrap;cursor:pointer;font-size:14px;position:relative;text-align:left;-webkit-user-select:none;user-select:none;width:240px;vertical-align:middle;box-sizing:border-box;border-width:1px;border-style:solid;border-radius:2px;line-height:18px;padding:6px 30px 6px 12px;min-height:32px;transition:border-color .25s;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-cascader-v2-tag__list[data-zv="10.0.10"]{display:flex;flex-wrap:wrap;cursor:pointer;overflow:hidden}.zent-cascader-v2-tag-collapsed-trigger[data-zv="10.0.10"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-radius:2px;margin:4px 4px 4px 0;padding:0 4px;line-height:16px;font-size:12px;display:flex;align-items:center;word-break:break-all;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;justify-content:center;flex-shrink:0;margin-top:2px;margin-bottom:2px}.zent-cascader-v2-tag-collapsed-content[data-zv="10.0.10"]{font-size:14px;line-height:20px;max-width:216px;max-height:80px;overflow-y:auto;word-break:break-all;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-cascader-v2[data-zv="10.0.10"] .zenticon-down,.zent-cascader-v2[data-zv="10.0.10"] .zenticon-close-circle{position:absolute;right:8px;top:5px;font-size:20px}.zent-cascader-v2[data-zv="10.0.10"] .zenticon-down{transition:transform .25s;color:#999;color:var(--theme-hint-color, var(--theme-stroke-2, #999))}.zent-cascader-v2[data-zv="10.0.10"] .zenticon-close-circle{color:rgba(153,153,153,.6);color:rgba(var(--theme-rgb-hint-color, var(--theme-rgb-stroke-2, 153, 153, 153)), 0.6)}.zent-cascader-v2--active[data-zv="10.0.10"]{border-color:#114bae;border-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-cascader-v2--disabled[data-zv="10.0.10"]{cursor:not-allowed;color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-cascader-v2--disabled[data-zv="10.0.10"]:hover{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));box-shadow:none}.zent-cascader-v2--disabled[data-zv="10.0.10"] .zenticon-down{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-cascader-v2--placeholder[data-zv="10.0.10"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-cascader-v2--text[data-zv="10.0.10"]{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.zent-cascader-v2--multiple[data-zv="10.0.10"]{padding-top:4px;padding-bottom:4px}.zent-cascader-v2--multiple[data-zv="10.0.10"] .zent-cascader-v2--tag+.zent-cascader-v2--search{margin-top:2px}.zent-cascader-v2--multiple[data-zv="10.0.10"] .zent-cascader-v2--placeholder{line-height:22px}.zent-cascader-v2--multiple-collapsed[data-zv="10.0.10"]{display:flex;flex-wrap:nowrap}.zent-cascader-v2--search-empty[data-zv="10.0.10"],.zent-cascader-v2__menu-empty[data-zv="10.0.10"]{height:48px;display:flex;align-items:center;justify-content:center;color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-cascader-v2--search-empty[data-zv="10.0.10"]{width:100%}.zent-cascader-v2__menu-empty[data-zv="10.0.10"]{width:240px}.zent-cascader-v2--search[data-zv="10.0.10"]{outline:none;border:0;margin:0;padding:0;min-width:0;width:100%}.zent-cascader-v2--search[data-zv="10.0.10"]::-webkit-input-placeholder{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-cascader-v2--search[data-zv="10.0.10"]::placeholder{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-cascader-v2--search-item[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-size:14px;cursor:pointer;white-space:nowrap;position:relative;height:32px;line-height:32px;text-align:left;padding:0 10px;box-sizing:border-box;width:100%;overflow:hidden;text-overflow:ellipsis}.zent-cascader-v2--search-item[data-zv="10.0.10"]:hover{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-cascader-v2--search-item--disabled[data-zv="10.0.10"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-cascader-v2--search-item--disabled[data-zv="10.0.10"]:hover{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-cascader-v2--search-item--multiple[data-zv="10.0.10"]{cursor:initial}.zent-cascader-v2--search-item[data-zv="10.0.10"] .zent-cascader-v2--highlight{font-style:normal;background-color:initial;color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-cascader-v2__menu[data-zv="10.0.10"]{border-right:#e0e0e0;border-right:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));display:inline-block;vertical-align:top;min-width:111px;height:180px;list-style:none;margin:0;padding:0;border-right-width:1px;border-right-style:solid;overflow:auto}.zent-cascader-v2__menu[data-zv="10.0.10"]:last-child{border-right:0}.zent-cascader-v2__menu-item[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-size:14px;cursor:pointer;white-space:nowrap;transition:all .3s;position:relative;height:32px;line-height:32px;text-align:left;padding:0 30px 0 12px;box-sizing:border-box;width:240px;max-width:360px;overflow:hidden;text-overflow:ellipsis;display:flex}.zent-cascader-v2__menu-item--leaf[data-zv="10.0.10"]{padding-right:10px}.zent-cascader-v2__menu-item-label[data-zv="10.0.10"]{display:inline-block;vertical-align:middle;max-width:100%;overflow:hidden;text-overflow:ellipsis}.zent-cascader-v2__menu-item-icon[data-zv="10.0.10"]{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:18px;color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-cascader-v2__menu-item-loading[data-zv="10.0.10"]{border-style:solid;border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-width:1px;width:12px;height:12px;margin-top:-6px;position:absolute;display:inline-block;animation:zent-ani-spin-v10x0x10 1s infinite linear;border-radius:50%;right:10px;top:50%;border-top-color:transparent;box-sizing:border-box}.zent-cascader-v2__menu-item[data-zv="10.0.10"]:hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-cascader-v2__menu-item--active[data-zv="10.0.10"]:not(.zent-cascader-v2__menu-item--multiple){background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-cascader-v2__menu-item--active[data-zv="10.0.10"]:not(.zent-cascader-v2__menu-item--multiple--checkbox){font-weight:500}.zent-cascader-v2__menu-item--disabled[data-zv="10.0.10"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-cascader-v2__menu-item--disabled[data-zv="10.0.10"]:hover{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-cascader-v2__menu-item--multiple--normal[data-zv="10.0.10"]{cursor:pointer}.zent-cascader-v2__menu-item--multiple--checkbox[data-zv="10.0.10"]{cursor:initial}.zent-cascader-v2__menu[data-zv="10.0.10"] .zent-checkbox-wrap{margin-right:8px}.zent-cascader-v2__menu-scroller[data-zv="10.0.10"]{height:180px}.zent-cascader-v2__menu-scroller-loading[data-zv="10.0.10"].zent-loading{text-align:center;font-size:12px;display:flex;align-items:center;justify-content:center;padding:7px 0}.zent-cascader-v2--tag[data-zv="10.0.10"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;border-style:solid;border-radius:2px;margin:2px 4px 2px 0;padding-left:4px;line-height:16px;font-size:12px;display:flex;align-items:center;cursor:default;overflow:hidden}.zent-cascader-v2--tag-path[data-zv="10.0.10"]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zent-cascader-v2--tag-close[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));cursor:pointer;font-size:16px}.zent-cascader-v2__list[data-zv="10.0.10"]{font-size:0;padding:12px 0 12px 12px;min-height:215px;box-sizing:border-box}.zent-cascader-v2__list-item[data-zv="10.0.10"]{display:inline-block;box-sizing:border-box;margin:4px 4px}.zent-cascader-v2__list-link[data-zv="10.0.10"]{cursor:pointer;display:inline-block;font-size:14px;padding:0 8px;line-height:24px;vertical-align:middle;width:114px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-cascader-v2__list-link[data-zv="10.0.10"]:hover:not(.zent-cascader-v2__list-link--active){background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-cascader-v2__list-link--active[data-zv="10.0.10"]{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-weight:500;border-radius:2px}.zent-cascader-v2__tabs[data-zv="10.0.10"] .zent-tabs-nav{margin-bottom:0}.zent-cascader-v2__tabs[data-zv="10.0.10"] .zent-tabs-nav-content{height:auto}.zent-cascader-v2__tabs[data-zv="10.0.10"] .zent-tabs-panel-wrapper{margin-top:0}.zent-cascader-v2__tabs[data-zv="10.0.10"] .zent-tabs-tab{border-radius:0}.zent-cascader-v2__tabs[data-zv="10.0.10"] .zent-tabs-tab-inner{max-width:96px;overflow:hidden;text-overflow:ellipsis}.zent-cascader-v2__popup[data-zv="10.0.10"]{z-index:2000}.zent-cascader-v2__popup-inner[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));width:512px;box-sizing:border-box}.zent-cascader-v2__popup-inner-menu[data-zv="10.0.10"],.zent-cascader-v2__popup-inner-search[data-zv="10.0.10"]{width:auto;white-space:nowrap}.zent-cascader-v2__popup-inner-search[data-zv="10.0.10"]{max-height:180px;overflow-y:auto;width:240px}.zent-cascader-v2__loading[data-zv="10.0.10"]{position:relative;vertical-align:middle}.zent-cascader-v2__loading-label[data-zv="10.0.10"]{line-height:16px;display:inline-block;vertical-align:middle;max-width:78px;overflow:hidden;text-overflow:ellipsis}.zent-cascader-v2__loading-icon[data-zv="10.0.10"]{border-color:#114bae;border-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae));display:inline-block;position:relative;vertical-align:middle;height:12px;width:12px;border-radius:50%;border-width:1px;border-style:solid;margin-left:5px}.zent-cascader-v2__loading-icon[data-zv="10.0.10"]:after{background:#fff;background:var(--theme-section-bg, var(--theme-stroke-9, #fff));content:"";display:inline-block;position:absolute;height:10px;width:4px;animation:1s linear zent-ani-spin-v10x0x10 infinite;transform-origin:8px 3px;left:-1px;top:4px}.zent-checkbox-group[data-zv="10.0.10"]{display:inline-block;font-size:0}.zent-checkbox-group[data-zv="10.0.10"]>:not(.zent-checkbox-wrap){font-size:14px;line-height:20px}.zent-checkbox-wrap[data-zv="10.0.10"]{display:inline-block;cursor:pointer;font-size:0;margin:0;padding:0;margin-right:24px;vertical-align:middle}.zent-checkbox-wrap[data-zv="10.0.10"].zent-checkbox-disabled{cursor:not-allowed}.zent-checkbox-wrap[data-zv="10.0.10"]:last-child{margin-right:0}.zent-checkbox-wrap[data-zv="10.0.10"]:not(.zent-checkbox-disabled):hover .zent-checkbox-inner{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-checkbox[data-zv="10.0.10"]{position:relative;display:inline-block;width:16px;height:16px;white-space:nowrap;outline:none;vertical-align:middle;font-size:14px;line-height:1;margin:0;padding:0}.zent-checkbox[data-zv="10.0.10"]>input{position:absolute;left:0;right:0;bottom:0;top:0;margin:0;padding:0;width:100%;height:100%;z-index:1;opacity:0;cursor:pointer}.zent-checkbox-label[data-zv="10.0.10"]{font-size:14px;line-height:20px;font-weight:400;margin-left:8px;display:inline-block;vertical-align:middle}.zent-checkbox-inner[data-zv="10.0.10"]{border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:relative;top:0;left:0;display:inline-block;width:16px;height:16px;border-radius:2px;border-width:1px;border-style:solid;box-sizing:border-box;transition:all .3s}.zent-checkbox-inner[data-zv="10.0.10"]::after{box-sizing:content-box;position:absolute;display:block;content:" ";font-size:0;top:3px;left:2px;width:10px;height:8px;background-size:contain;transform:scale(0);transition:all .12s ease-in-out}.zent-checkbox-checked[data-zv="10.0.10"]>.zent-checkbox>.zent-checkbox-inner{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-checkbox-checked[data-zv="10.0.10"]>.zent-checkbox>.zent-checkbox-inner::after{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAABGdBTUEAALGPC/xhBQAAASxJREFUOBGlkr9LQlEUx01Di1pCCKQhkAZxaMs/oFnwD3Bwqcmh0cnB0ak5HBwdHNyT5sDFIUIQxMXBQWgIIjB7fa7c+zjvvnfR9MCH8+t7vtOJxfYMz/OyMIIniB/u44dBhvs+ZCEHX7BbYHYGbyBjtpMbDifwKp2ol1D8tyFHSXgGGb805YAZg+PAIKJBE4cu2FH15WyOoA8fUPAXEQX7FthRD0jZdoRiQZ0PCHTDvCl0pnwMadlMzFbnGflSCulrlka1bTiQunXN8AY+QcaY5lwJyPdyoeseOREyMwOWt/CtxSYNKe5gZQY6v5BT5taZEZXgRx+50oDFqdPEXiCugPqpqHhnmLZvNvYcPUS4TZldbDx2CThuCNM59ZVLu/UcE/V36qWutz5C+AfE+OIwPOZePgAAAABJRU5ErkJggg==");transform:scale(1)}.zent-checkbox-indeterminate[data-zv="10.0.10"]>.zent-checkbox>.zent-checkbox-inner{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-checkbox-indeterminate[data-zv="10.0.10"]>.zent-checkbox>.zent-checkbox-inner::after{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));top:6px;left:2px;width:10px;height:2px;border:0;transform:rotate(0deg)}.zent-checkbox-disabled[data-zv="10.0.10"]>span{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-checkbox-disabled[data-zv="10.0.10"]>.zent-checkbox>.zent-checkbox-inner{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-checkbox-disabled[data-zv="10.0.10"]>.zent-checkbox>input[type=checkbox]{pointer-events:none}.zent-checkbox-disabled[data-zv="10.0.10"].zent-checkbox-checked>.zent-checkbox>.zent-checkbox-inner:after{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAABGdBTUEAALGPC/xhBQAAAeJJREFUOBGlkz9I5FAQxmcSWU9UEIU9xDXJZg+EKywsDmt1GxubK2wEEbG7QkSwsRAEDxu5QrirlANLUUEEFexsrKy8xuTlDyxrcd15orubcd5Ckqeo6BpI5sv3vvzI5E0A3nkEQVBwhPfnUvi/iEjD9/A8z+uuEZ4yKC85iLCmNwoMw7CzWoMTAupLGdjbELBcLrfe3FUOGTSgwKqow4SWGq9T3F7m+v/tDhAMxk8gIqFGkwXT3E+A3EJLHHiuMkx3RbDFbRbVDPO+FSxrS3qaEPTBcf3ju2qt5IbhFzX4WDsi+Mmwr4/8Rduy1mNPi8Df4NAIEXRE1ejA9/3P8aJaXc9fBaBp1ZO7+sm2llVPI8D0rYi6KhEcuW7JVEOO8BeiiOZVj7/bpm2Zc6ontYY6jvME/UsWiHoIKsfu1dVH6fHAzvC3W0nWpUDYtS1jWm7GA7++xJdLzxuCCA5YNscBbuecz3UirP8BqY8nDBtl2G3sqTX5U4QIxiKgbbmTakDVCHjW3tYynM1m047UAOtkbPJ5Y48bmHqqjfoziBfNGX30JZjMJUB5Y9vmby6zUqsHt+5ldCzmcrm/qv+UfgCUgULe/MFvuRSHGVbONOlFwzBKsddQ5VH5zjvs8LD3vwVwD3vnuDdo0l19AAAAAElFTkSuQmCC")}.zent-checkbox-disabled[data-zv="10.0.10"].zent-checkbox-indeterminate>.zent-checkbox>.zent-checkbox-inner::after{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-checkbox-disabled[data-zv="10.0.10"] .zent-checkbox-label{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-collapse[data-zv="10.0.10"]{box-sizing:border-box;overflow:hidden}.zent-collapse--has-border[data-zv="10.0.10"]{border-top-color:#e0e0e0;border-top-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-top-width:1px;border-top-style:solid;border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid}.zent-collapse--has-border[data-zv="10.0.10"] .zent-collapse-panel__title{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-left-width:1px;border-left-style:solid;border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-right-width:1px;border-right-style:solid;border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid}.zent-collapse--has-border[data-zv="10.0.10"] .zent-collapse-panel__content-box{padding:0 37px;border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid}.zent-collapse--no-border[data-zv="10.0.10"] .zent-collapse-panel{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid}.zent-collapse--no-border[data-zv="10.0.10"] .zent-collapse-panel__content{padding:4px 0 16px 0}.zent-collapse-panel[data-zv="10.0.10"]{box-sizing:border-box}.zent-collapse-panel__title[data-zv="10.0.10"]{font-size:14px;line-height:20px;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));padding:14px 10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.zent-collapse-panel__title--bg-default[data-zv="10.0.10"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-collapse-panel__title--bg-none[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-collapse-panel__title__content[data-zv="10.0.10"]{display:flex;font-weight:500}.zent-collapse-panel__content-box[data-zv="10.0.10"]{font-size:14px;line-height:20px;background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));padding:0 36px;overflow:hidden;box-sizing:border-box}.zent-collapse-panel__content_box--show-background[data-zv="10.0.10"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-collapse-panel__content_box--show-background[data-zv="10.0.10"] .zent-collapse-panel__content{padding:10px 0}.zent-collapse-panel__content[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));padding:16px 0}.zent-collapse-panel__arrow[data-zv="10.0.10"]{fill:#333;fill:var(--theme-title-color, var(--theme-stroke-1, #333));font-size:20px;margin-right:8px;transform:rotate(0deg);transform-origin:center;transition:transform 100ms cubic-bezier(0, 0, 0.1, 0.1)}.zent-collapse-panel--active[data-zv="10.0.10"] .zent-collapse-panel__content-box{opacity:1}.zent-collapse-panel--inactive[data-zv="10.0.10"] .zent-collapse-panel__arrow{transform:rotate(-90deg)}.zent-collapse-panel--inactive[data-zv="10.0.10"] .zent-collapse-panel__content-box{opacity:0}.zent-collapse-panel--disabled[data-zv="10.0.10"] .zent-collapse-panel__arrow{fill:#ccc;fill:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-collapse-panel--disabled[data-zv="10.0.10"] .zent-collapse-panel__title{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-collapse-panel--animating[data-zv="10.0.10"]{-webkit-user-select:none;user-select:none}.zent-color-picker-popover[data-zv="10.0.10"]{z-index:2000}.zent-color-picker[data-zv="10.0.10"]{cursor:pointer;display:inline-block;outline:none;position:relative;text-align:left;-webkit-user-select:none;user-select:none;height:30px;vertical-align:middle}.zent-color-picker_disabled[data-zv="10.0.10"]{cursor:not-allowed}.zent-color-picker-wrapper[data-zv="10.0.10"]{font-size:0}.zent-color-picker--open[data-zv="10.0.10"] .zent-color-picker__text{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-color-picker--open[data-zv="10.0.10"] .zent-color-picker__text::after{transform:rotate(180deg)}.zent-color-picker__text[data-zv="10.0.10"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-sizing:border-box;border-width:1px;border-style:solid;border-radius:2px;width:60px;height:32px;outline:none;transition:border-color .25s;display:flex;align-items:center;justify-content:center}.zent-color-picker__preview[data-zv="10.0.10"]{box-sizing:border-box;width:52px;height:24px}.zent-color-picker-colors-select[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));width:190px;box-sizing:content-box;line-height:10px;padding-top:10px;border-radius:2px}.zent-color-picker-colors-select__preview[data-zv="10.0.10"]{width:20px;height:20px;display:inline-block;margin-left:10px;margin-bottom:10px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);border-radius:2px}.zent-datepicker[data-zv="10.0.10"]{box-sizing:border-box;display:inline-block;position:relative}.zent-datepicker-seperator[data-zv="10.0.10"]{margin:0 8px}.zent-datepicker[data-zv="10.0.10"] .zenticon{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.zent-datepicker[data-zv="10.0.10"] .zenticon-calendar-o,.zent-datepicker[data-zv="10.0.10"] .zenticon-clock-o{display:block}.zent-datepicker[data-zv="10.0.10"] .zenticon-close-circle{display:none}.zent-datepicker-can-clear[data-zv="10.0.10"]{cursor:pointer}.zent-datepicker-can-clear[data-zv="10.0.10"]:hover .zenticon-close-circle{display:block}.zent-datepicker-can-clear[data-zv="10.0.10"]:hover .zenticon-calendar-o,.zent-datepicker-can-clear[data-zv="10.0.10"]:hover .zenticon-clock-o{display:none}.zent-datepicker-popup[data-zv="10.0.10"]{z-index:2000}.zent-datepicker-trigger[data-zv="10.0.10"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;border-style:solid;border-radius:2px;background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:flex;align-items:center;height:32px;width:360px;padding:0 10px;box-sizing:border-box}.zent-datepicker-trigger-input[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));border:0;min-width:60px;padding:0;outline:none;font-size:14px}.zent-datepicker-trigger-empty-input[data-zv="10.0.10"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-datepicker-trigger-seperator[data-zv="10.0.10"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));margin:0 8px}.zent-datepicker-trigger-focus[data-zv="10.0.10"]{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-datepicker-trigger[data-zv="10.0.10"]:not(.zent-datepicker-disabled):hover{cursor:pointer;border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-datepicker-disabled[data-zv="10.0.10"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));cursor:not-allowed}.zent-datepicker-disabled[data-zv="10.0.10"] .zent-datepicker-trigger-input,.zent-datepicker-disabled[data-zv="10.0.10"] .zent-datepicker-trigger-empty-input,.zent-datepicker-disabled[data-zv="10.0.10"] .zent-datepicker-trigger-seperator{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-datepicker-panel[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));border-radius:2px;z-index:1;width:280px;cursor:pointer}.zent-datepicker-panel_lunar[data-zv="10.0.10"]{width:330px}.zent-datepicker-panel-header[data-zv="10.0.10"]{font-size:16px;line-height:24px;display:flex;justify-content:space-between;padding:16px;align-items:center}.zent-datepicker-panel-header-btns[data-zv="10.0.10"]{display:flex;width:36px;justify-content:space-between}.zent-datepicker-panel-header-arrow[data-zv="10.0.10"]{font-size:20px;border-radius:2px}.zent-datepicker-panel-header-arrow[data-zv="10.0.10"]:hover{background-color:rgba(224,224,224,.3);background-color:rgba(var(--theme-rgb-default-border-color, var(--theme-rgb-stroke-5, 224, 224, 224)), 0.3)}.zent-datepicker-panel-header-arrow[data-zv="10.0.10"]:active{background-color:rgba(224,224,224,.6);background-color:rgba(var(--theme-rgb-default-border-color, var(--theme-rgb-stroke-5, 224, 224, 224)), 0.6)}.zent-datepicker-panel-header-title[data-zv="10.0.10"]{display:flex;font-weight:500}.zent-datepicker-panel-header-title_clickable[data-zv="10.0.10"]:hover{color:#356fd4;color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4));cursor:pointer}.zent-datepicker-panel-header-title_clickable[data-zv="10.0.10"]:nth-child(2){margin-left:4px}.zent-datepicker-panel-sub_header[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));display:flex;justify-content:space-between;padding:0 24px;cursor:default}.zent-datepicker-panel-body-cells[data-zv="10.0.10"]{padding:12px}.zent-datepicker-panel-body-cells_row[data-zv="10.0.10"]{display:flex;align-items:center;justify-content:center}.zent-datepicker-panel-body-cells_item[data-zv="10.0.10"]{text-align:center;padding:0 6px;margin:4px 0;cursor:pointer}.zent-datepicker-panel-body-cells[data-zv="10.0.10"] .zent-datepicker-cell-inner{display:flex;align-items:center;justify-content:center;width:24px;height:24px;box-sizing:border-box}.zent-datepicker-panel-body-cells[data-zv="10.0.10"] .zent-datepicker-lunar-cell{display:block;width:32px;height:38px}.zent-datepicker-panel-body-cells[data-zv="10.0.10"] .zent-datepicker-lunar-cell_text{font-size:12px}.zent-datepicker-panel-body-cells_current[data-zv="10.0.10"] .zent-datepicker-cell-inner{border-width:1px;border-style:solid;border-radius:2px;color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-datepicker-panel-body-cells_in_hover_range[data-zv="10.0.10"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-datepicker-panel-body-cells_selected[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-datepicker-panel-body-cells_selected[data-zv="10.0.10"] .zent-datepicker-cell-inner{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));border-radius:2px}.zent-datepicker-panel-body-cells_available[data-zv="10.0.10"]:hover .zent-datepicker-cell-inner:hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-radius:2px}.zent-datepicker-panel-body-cells_in_range[data-zv="10.0.10"]{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-datepicker-panel-body-cells_in_range[data-zv="10.0.10"]:hover .zent-datepicker-cell-inner:hover{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-datepicker-panel-body-cells_over[data-zv="10.0.10"],.zent-datepicker-panel-body-cells_disabled[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-datepicker-panel-body-cells_over[data-zv="10.0.10"] .zent-datepicker-cell-inner,.zent-datepicker-panel-body-cells_disabled[data-zv="10.0.10"] .zent-datepicker-cell-inner{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-datepicker-panel-body-cells_disabled[data-zv="10.0.10"]:hover{cursor:not-allowed}.zent-datepicker-panel-body-cells_disabled[data-zv="10.0.10"].zent-datepicker-panel-body-cells_current .zent-datepicker-cell-inner{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));border-width:1px;border-style:solid;border-radius:2px;border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-datepicker-panel-body-cells_selected[data-zv="10.0.10"].zent-datepicker-panel-body-cells_disabled .zent-datepicker-cell-inner{border-width:1px;border-style:solid;border-radius:2px;background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-datepicker-panel-body-cells_in_hover_range[data-zv="10.0.10"].zent-datepicker-panel-body-cells_over{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-datepicker-panel-body-cells_in_range[data-zv="10.0.10"].zent-datepicker-panel-body-cells_over{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-datepicker-panel-body-cells_selected[data-zv="10.0.10"].zent-datepicker-panel-body-cells_over{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-datepicker-panel-footer[data-zv="10.0.10"]{border-top-color:#e0e0e0;border-top-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-top-width:1px;border-top-style:solid;box-sizing:border-box;display:flex;padding:9px 12px 10px;justify-content:space-between;align-items:center;flex-flow:row-reverse}.zent-datepicker-panel-footer-input[data-zv="10.0.10"]{width:94px}.zent-datepicker-panel-footer-btn[data-zv="10.0.10"]{margin-left:12px}.zent-datepicker-panel-footer-current[data-zv="10.0.10"].zent-btn{margin-left:0}.zent-datepicker-panel-footer-current[data-zv="10.0.10"].zent-btn{margin-left:0}.zent-datepicker-panel-footer-current_disabled[data-zv="10.0.10"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-datepicker-panel[data-zv="10.0.10"] .zenticon{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-datepicker-time-panel-body[data-zv="10.0.10"]{display:flex}.zent-datepicker-time-panel-body_scroll[data-zv="10.0.10"]{border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-width:1px;border-right-style:solid;flex:1;width:92px;height:288px;box-sizing:border-box;overflow-y:scroll}.zent-datepicker-time-panel-body_scroll[data-zv="10.0.10"]:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.zent-datepicker-time-panel-body_scroll[data-zv="10.0.10"]:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;border:0}.zent-datepicker-time-panel-body_scroll[data-zv="10.0.10"]::after{content:"";display:block;height:256px}.zent-datepicker-time-panel-body-unit[data-zv="10.0.10"]{display:flex;align-items:center;justify-content:center;height:32px;cursor:pointer}.zent-datepicker-time-panel-body-unit_selected[data-zv="10.0.10"]{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));font-weight:500}.zent-datepicker-time-panel-body-unit_disabled[data-zv="10.0.10"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-datepicker-time-panel-body-unit_disabled[data-zv="10.0.10"]:hover{cursor:not-allowed}.zent-datepicker-time-panel-body-unit_available[data-zv="10.0.10"]:hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-datepicker-combined-panel[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));border-radius:2px;z-index:1;display:flex;flex-direction:column}.zent-datepicker-combined-panel-body[data-zv="10.0.10"]{display:flex}.zent-datepicker-combined-panel-body-item[data-zv="10.0.10"]{flex:1}.zent-datepicker-combined-panel-body-item_left12[data-zv="10.0.10"]{margin-left:-12px}.zent-datepicker-combined-panel-body-seperator[data-zv="10.0.10"]{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-width:1px;border-right-style:solid;border-left-width:1px;border-left-style:solid;width:24px;height:288px}.zent-datepicker-combined-panel-footer[data-zv="10.0.10"]{border-top-color:#e0e0e0;border-top-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-top-width:1px;border-top-style:solid;box-sizing:border-box;display:flex;padding:9px 12px 10px}.zent-datepicker-combined-panel-footer-item[data-zv="10.0.10"],.zent-datepicker-combined-panel-footer-seperator[data-zv="10.0.10"]{line-height:32px;margin:0 4px}.zent-datepicker-combined-panel-footer-seperator[data-zv="10.0.10"],.zent-datepicker-combined-panel-footer-null[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-datepicker-combined-panel-footer-confirm[data-zv="10.0.10"]{position:absolute;right:16px}.zent-datepicker-ym-panel-body[data-zv="10.0.10"] .zent-datepicker-panel-body-cells{padding:12px 24px}.zent-datepicker-ym-panel-body[data-zv="10.0.10"] .zent-datepicker-panel-body-cells .zent-datepicker-cell-inner{display:flex;align-items:center;justify-content:center;width:64px;height:32px;margin:8px 0}.zent-datepicker-quarter-panel-body[data-zv="10.0.10"] .zent-datepicker-panel-body-cells{padding:12px 20px}.zent-datepicker-quarter-panel-body[data-zv="10.0.10"] .zent-datepicker-panel-body-cells_item{margin:12px 10px}.zent-datepicker-quarter-panel-body[data-zv="10.0.10"] .zent-datepicker-panel-body-cells_item .zent-datepicker-cell-inner{display:flex;align-items:center;justify-content:center;width:92px;height:36px}.zent-date-range-quick-picker__filter[data-zv="10.0.10"]{display:inline-block}.zent-date-range-quick-picker__btn[data-zv="10.0.10"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));margin-left:16px;display:inline-block;font-size:14px;cursor:pointer;box-sizing:border-box}.zent-date-range-quick-picker__btn[data-zv="10.0.10"]:first-child{margin-left:24px}.zent-dialog-r-wrap[data-zv="10.0.10"]{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1050;outline:0;text-align:center;font-size:0;white-space:nowrap}.zent-dialog-r-wrap[data-zv="10.0.10"]::before{content:"";height:100%;display:inline-block;vertical-align:middle}.zent-dialog-r[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:relative;display:inline-block;vertical-align:middle;text-align:initial;border-radius:4px;padding:16px 0;box-sizing:border-box;white-space:normal;min-width:560px;max-width:calc(100vw - 56px);min-height:190px;max-height:calc(100vh - 112px)}.zent-dialog-r-title[data-zv="10.0.10"]{font-size:16px;line-height:24px;border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));padding:0 16px 16px;border-bottom-width:1px;border-bottom-style:solid;margin:0;box-sizing:border-box;font-weight:500}.zent-dialog-r-close[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:absolute;display:inline-block;top:8px;right:10px;font-size:20px;line-height:20px;text-align:right;vertical-align:middle;cursor:pointer;border:0;outline:none;-webkit-user-select:none;user-select:none;padding:0 0 0 6px;margin:0}.zent-dialog-r-close[data-zv="10.0.10"]:link,.zent-dialog-r-close[data-zv="10.0.10"]:active,.zent-dialog-r-close[data-zv="10.0.10"]:focus{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-dialog-r-close[data-zv="10.0.10"].zent-dialog-r-has-title{top:18px;right:16px}.zent-dialog-r-body[data-zv="10.0.10"]{font-size:14px;line-height:20px;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));padding-top:16px}.zent-dialog-r-body[data-zv="10.0.10"].with-success-icon,.zent-dialog-r-body[data-zv="10.0.10"].with-warning-icon{padding-left:30px}.zent-dialog-r-body[data-zv="10.0.10"]:last-child{padding-bottom:0}.zent-dialog-r-body-content[data-zv="10.0.10"]{padding:0 16px;overflow-y:auto}.zent-dialog-r[data-zv="10.0.10"] .zent-dialog-r-body-content{min-height:142px;max-height:calc(100vh - 160px)}.zent-dialog-r[data-zv="10.0.10"].zent-dialog-r--has-footer .zent-dialog-r-body-content{min-height:86px;max-height:calc(100vh - 216px)}.zent-dialog-r[data-zv="10.0.10"].zent-dialog-r--no-close-btn:not(.zent-dialog-r--has-header) .zent-dialog-r-body{padding-top:0}.zent-dialog-r[data-zv="10.0.10"].zent-dialog-r--no-close-btn:not(.zent-dialog-r--has-header) .zent-dialog-r-body-content{min-height:158px;max-height:calc(100vh - 144px)}.zent-dialog-r[data-zv="10.0.10"].zent-dialog-r--no-close-btn:not(.zent-dialog-r--has-header).zent-dialog-r--has-footer .zent-dialog-r-body-content{min-height:102px;max-height:calc(100vh - 200px)}.zent-dialog-r[data-zv="10.0.10"].zent-dialog-r--has-header .zent-dialog-r-body-content{min-height:102px;max-height:calc(100vh - 200px)}.zent-dialog-r[data-zv="10.0.10"].zent-dialog-r--has-header.zent-dialog-r--has-footer .zent-dialog-r-body-content{min-height:46px;max-height:calc( 100vh - 256px )}.zent-dialog-r-footer[data-zv="10.0.10"]{text-align:right;padding:24px 16px 0}.zent-dialog-r-footer[data-zv="10.0.10"] .zent-btn+.zent-btn{margin-left:8px}.zent-dialog-r-backdrop[data-zv="10.0.10"]{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.6);height:100%;z-index:1050}.zent-drawer-backdrop[data-zv="10.0.10"]{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.6);height:100%;z-index:1010}.zent-drawer-content[data-zv="10.0.10"]{position:fixed;z-index:1010;display:flex;flex-direction:column;background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-drawer-content--transparent[data-zv="10.0.10"]{box-shadow:0 2px 24px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-modal, 0 2px 24px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1))}.zent-drawer-close[data-zv="10.0.10"]{position:absolute;top:0;right:0;padding:14px 16px;font-size:20px;cursor:pointer}.zent-drawer-header[data-zv="10.0.10"]{line-height:56px;border-bottom:1px solid;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));font-weight:500;font-size:16px}.zent-drawer-header__title[data-zv="10.0.10"]{padding-left:16px}.zent-drawer-body[data-zv="10.0.10"]{flex-grow:1;word-wrap:break-word;overflow:auto}.zent-drawer-footer[data-zv="10.0.10"]{border-top:1px solid;line-height:56px;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-drawer-transition-top-appear[data-zv="10.0.10"]{transform:translateY(-100%)}.zent-drawer-transition-top-appear-active[data-zv="10.0.10"]{transform:translateY(0);transition:transform 300ms cubic-bezier(0.32, 0, 0.67, 0)}.zent-drawer-transition-top-exit[data-zv="10.0.10"]{transform:translateY(0)}.zent-drawer-transition-top-exit-active[data-zv="10.0.10"]{transform:translateY(-100%);transition:transform 300ms cubic-bezier(0.33, 1, 0.68, 1)}.zent-drawer-transition-right-appear[data-zv="10.0.10"]{transform:translateX(100%)}.zent-drawer-transition-right-appear-active[data-zv="10.0.10"]{transform:translateX(0);transition:transform 300ms cubic-bezier(0.32, 0, 0.67, 0)}.zent-drawer-transition-right-exit[data-zv="10.0.10"]{transform:translateX(0)}.zent-drawer-transition-right-exit-active[data-zv="10.0.10"]{transform:translateX(100%);transition:transform 300ms cubic-bezier(0.33, 1, 0.68, 1)}.zent-drawer-transition-bottom-appear[data-zv="10.0.10"]{transform:translateY(100%)}.zent-drawer-transition-bottom-appear-active[data-zv="10.0.10"]{transform:translateY(0);transition:transform 300ms cubic-bezier(0.32, 0, 0.67, 0)}.zent-drawer-transition-bottom-exit[data-zv="10.0.10"]{transform:translateY(0)}.zent-drawer-transition-bottom-exit-active[data-zv="10.0.10"]{transform:translateY(100%);transition:transform 300ms cubic-bezier(0.33, 1, 0.68, 1)}.zent-drawer-transition-left-appear[data-zv="10.0.10"]{transform:translateX(-100%)}.zent-drawer-transition-left-appear-active[data-zv="10.0.10"]{transform:translateX(0);transition:transform 300ms cubic-bezier(0.32, 0, 0.67, 0)}.zent-drawer-transition-left-exit[data-zv="10.0.10"]{transform:translateX(0)}.zent-drawer-transition-left-exit-active[data-zv="10.0.10"]{transform:translateX(-100%);transition:transform 300ms cubic-bezier(0.33, 1, 0.68, 1)}.zent-drawer-transition__backdrop-appear[data-zv="10.0.10"]{opacity:0}.zent-drawer-transition__backdrop-appear-active[data-zv="10.0.10"]{opacity:1;transition:opacity 300ms cubic-bezier(0.32, 0, 0.67, 0)}.zent-drawer-transition__backdrop-exit[data-zv="10.0.10"]{opacity:1}.zent-drawer-transition__backdrop-exit-active[data-zv="10.0.10"]{opacity:0;transition:opacity 300ms cubic-bezier(0.33, 1, 0.68, 1)}.zent-dropdown-button[data-zv="10.0.10"] .zenticon-down{transition:transform 160ms cubic-bezier(0, 0, 0.1, 0.1)}.zent-dropdown-nav-btn[data-zv="10.0.10"].zent-btn-text{font-size:14px;background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));height:32px;line-height:30px;padding-left:16px;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-dropdown-nav-btn[data-zv="10.0.10"].zent-dropdown-button--active.zent-btn-text{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-dropdown-nav-btn[data-zv="10.0.10"]:hover{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-dropdown-nav[data-zv="10.0.10"] .zent-menu{width:unset}.zent-dropdown-nav[data-zv="10.0.10"] .zent-menu-item{padding-left:12px;font-size:14px}.zent-dropdown-nav[data-zv="10.0.10"] .zent-menu-item:hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-elevator__links-wrapper[data-zv="10.0.10"]{background-color:rgba(255,255,255,.9);background-color:rgba(var(--theme-rgb-section-bg, var(--theme-rgb-stroke-9, 255, 255, 255)), 0.9);display:inline-block;padding:12px 8px;max-width:118px;box-sizing:border-box}.zent-elevator__links-wrapper[data-zv="10.0.10"] .zent-elevator__links-content{position:relative}.zent-elevator__links-wrapper[data-zv="10.0.10"] .zent-elevator__links-content::before{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));content:"";display:inline-block;width:2px;height:100%;position:absolute;left:0;top:0}.zent-elevator__links-wrapper[data-zv="10.0.10"] .zent-elevator__links-content .zent-elevator__link{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));position:relative;font-size:12px;line-height:1;padding-left:6px;margin-bottom:8px;cursor:pointer;transition:color 100ms;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zent-elevator__links-wrapper[data-zv="10.0.10"] .zent-elevator__links-content .zent-elevator__link:last-child{margin-bottom:0}.zent-elevator__links-wrapper[data-zv="10.0.10"] .zent-elevator__links-content .zent-elevator__link:hover{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-elevator__links-wrapper[data-zv="10.0.10"] .zent-elevator__links-content .zent-elevator__link--active{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-elevator__links-wrapper[data-zv="10.0.10"] .zent-elevator__links-content .zent-elevator__link--active::before{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));content:"";display:inline-block;width:2px;height:100%;position:absolute;left:0;top:0}.zent-error-boundary-fallback-component__error[data-zv="10.0.10"]{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15));font-size:14px}.zent-error-boundary-fallback-component__error[data-zv="10.0.10"] .zenticon-close-circle{margin-right:5px}.zent-form-label[data-zv="10.0.10"]{flex-grow:0;flex-shrink:0;display:inline-flex;flex-basis:120px}.zent-form-error[data-zv="10.0.10"]{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-4, #d42f15));margin-top:4px}.zent-form-notice[data-zv="10.0.10"],.zent-form-description[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));line-height:14px;font-size:12px;margin-top:4px;margin-bottom:0}.zent-form-notice[data-zv="10.0.10"] ul li,.zent-form-description[data-zv="10.0.10"] ul li{font-size:12px;line-height:12px}.zent-form-notice[data-zv="10.0.10"] a,.zent-form-description[data-zv="10.0.10"] a{color:#114bae;color:var(--theme-primary-active-bg, var(--theme-primary-2, #114bae))}.zent-form-notice[data-zv="10.0.10"]:empty,.zent-form-description[data-zv="10.0.10"]:empty{margin-top:0}.zent-form-notice[data-zv="10.0.10"]{background-color:#ffefe6;background-color:var(--theme-warning-bg, var(--theme-warn-5, #ffefe6));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));display:inline-block;padding:5px}.zent-form-control[data-zv="10.0.10"]{display:flex;line-height:30px;margin-bottom:24px}.zent-form-control-content-inner[data-zv="10.0.10"]{display:flex}.zent-form-control-content-inner[data-zv="10.0.10"]+.zent-form-notice,.zent-form-control-content-inner[data-zv="10.0.10"]+.zent-form-description{margin-top:12px}.zent-form-control-content-inner[data-zv="10.0.10"]+.zent-form-error{margin-top:8px}.zent-form-control[data-zv="10.0.10"].zent-form-checkbox-field,.zent-form-control[data-zv="10.0.10"].zent-form-checkbox-group-field,.zent-form-control[data-zv="10.0.10"].zent-form-radio-group-field,.zent-form-control[data-zv="10.0.10"].zent-form-single-upload-field{line-height:20px}.zent-form-control[data-zv="10.0.10"].zent-form-switch-field{line-height:22px}.zent-form-control[data-zv="10.0.10"].zent-form-switch-field .zent-form-control-content{display:flex;align-items:center}.zent-form-vertical[data-zv="10.0.10"] .zent-form-label{flex-basis:auto;line-height:20px;margin-bottom:12px}.zent-form-vertical[data-zv="10.0.10"] .zent-form-label-empty{margin-bottom:0}.zent-form-vertical[data-zv="10.0.10"] .zent-form-control{flex-direction:column}.zent-form-vertical[data-zv="10.0.10"] .zent-form-control-content{flex:0 0 auto}.zent-form-horizontal[data-zv="10.0.10"] .zent-form-label{flex-basis:120px;justify-content:flex-end}.zent-form-horizontal[data-zv="10.0.10"] .zent-form-control{flex-direction:row}.zent-form-horizontal[data-zv="10.0.10"] .zent-form-control-content{flex:1 1 100%;margin-left:8px}.zent-form-horizontal[data-zv="10.0.10"] .zent-form-actions{padding:0 0 0 130px;margin:25px 0 10px;background:none;border:0}.zent-form-direction-row[data-zv="10.0.10"]{display:flex;flex-wrap:wrap}.zent-form-direction-row[data-zv="10.0.10"] .zent-form-control{display:inline-flex;flex:1}.zent-grid[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-size:14px;position:relative;line-height:1.5;overflow:hidden}.zent-grid[data-zv="10.0.10"].zent-grid-scroll-position-left .zent-grid-fixed-left{box-shadow:none}.zent-grid[data-zv="10.0.10"].zent-grid-scroll-position-right .zent-grid-fixed-right{box-shadow:none}.zent-grid-fixed-layout[data-zv="10.0.10"] table{table-layout:fixed}.zent-grid-table[data-zv="10.0.10"]{width:100%;text-align:left;border-collapse:collapse;border-spacing:0}.zent-grid-table-ellipsis[data-zv="10.0.10"]{table-layout:fixed}.zent-grid-table-ellipsis[data-zv="10.0.10"] .zent-grid-nowrap{overflow:hidden;text-overflow:ellipsis}.zent-grid-table-small[data-zv="10.0.10"] .zent-grid-td{padding:4px 12px}.zent-grid-table-medium[data-zv="10.0.10"] .zent-grid-td{padding:8px 12px}.zent-grid-table-large[data-zv="10.0.10"] .zent-grid-td{padding:16px 12px}.zent-grid-bordered[data-zv="10.0.10"] table{border-collapse:collapse}.zent-grid-bordered[data-zv="10.0.10"] th,.zent-grid-bordered[data-zv="10.0.10"] td{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-width:1px;border-style:solid;border-top:0}.zent-grid-bordered[data-zv="10.0.10"] th:first-child,.zent-grid-bordered[data-zv="10.0.10"] td:first-child{border-left:0}.zent-grid-bordered[data-zv="10.0.10"] th:last-child,.zent-grid-bordered[data-zv="10.0.10"] td:last-child{border-right:0}.zent-grid-without-size[data-zv="10.0.10"] tr{height:56px}.zent-grid-text-align-left[data-zv="10.0.10"]{text-align:left}.zent-grid-text-align-right[data-zv="10.0.10"]{text-align:right}.zent-grid-text-align-right[data-zv="10.0.10"] .zent-grid-thead-sort{margin-right:16px}.zent-grid-text-align-center[data-zv="10.0.10"]{text-align:center}.zent-grid-thead[data-zv="10.0.10"] .caret-up,.zent-grid-thead[data-zv="10.0.10"] .caret-down{position:absolute;left:6px;font-size:12px;color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-grid-thead[data-zv="10.0.10"] .caret-up{top:0}.zent-grid-thead[data-zv="10.0.10"] .caret-down{bottom:0}.zent-grid-thead-sort[data-zv="10.0.10"]{position:relative}.zent-grid-thead-sort-btn[data-zv="10.0.10"]{position:relative;display:flex}.zent-grid-thead-sort-desc[data-zv="10.0.10"],.zent-grid-thead-sort-asc[data-zv="10.0.10"]{cursor:pointer}.zent-grid-thead-sort-desc[data-zv="10.0.10"] .caret-down{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-grid-thead-sort-asc[data-zv="10.0.10"] .caret-up{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-grid-thead[data-zv="10.0.10"]>tr>th[colspan]{text-align:center}.zent-grid-fixed[data-zv="10.0.10"]{width:auto}.zent-grid-fixed-left[data-zv="10.0.10"],.zent-grid-fixed-right[data-zv="10.0.10"]{position:absolute;top:0;overflow:hidden}.zent-grid-fixed-left[data-zv="10.0.10"] .zent-grid-fixed,.zent-grid-fixed-right[data-zv="10.0.10"] .zent-grid-fixed{border-left:0;border-right:0}.zent-grid-fixed-left[data-zv="10.0.10"] table,.zent-grid-fixed-right[data-zv="10.0.10"] table{width:auto}.zent-grid-fixed-left[data-zv="10.0.10"]{left:0;box-shadow:4px 0 8px -4px rgba(0,0,0,.1)}.zent-grid-fixed-left[data-zv="10.0.10"] .zent-grid-header .zent-grid-table{border-right:0}.zent-grid-fixed-left[data-zv="10.0.10"] .zent-grid-body{margin-right:-20px;box-sizing:border-box;margin-bottom:-15px;overflow:scroll}.zent-grid-fixed-right[data-zv="10.0.10"]{right:0;box-shadow:-4px 0 8px -4px rgba(0,0,0,.1)}.zent-grid-fixed-right[data-zv="10.0.10"] .zent-grid-header .zent-grid-table{border-left:0}.zent-grid-fixed-right[data-zv="10.0.10"] .zent-grid-body .zent-grid-table{border-left:0}.zent-grid-fixed-right[data-zv="10.0.10"] .zent-grid-body{box-sizing:border-box;margin-bottom:-15px;overflow:scroll}.zent-grid-scroll[data-zv="10.0.10"]{overflow:auto}.zent-grid-scroll[data-zv="10.0.10"] table{width:auto;min-width:100%}.zent-grid-scroll[data-zv="10.0.10"] .zent-grid-header{overflow-x:scroll;margin-bottom:-15px;padding-bottom:15px}.zent-grid-scroll[data-zv="10.0.10"] .zent-grid-body{position:relative}.zent-grid-empty[data-zv="10.0.10"]{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));text-align:center;height:50px;line-height:50px;border-bottom-width:1px;border-bottom-style:solid}.zent-grid-tr[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:table-row}.zent-grid-tr[data-zv="10.0.10"]:hover,.zent-grid-tr__mouseover[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-default-bg, #fff)}.zent-grid-tr__expanded[data-zv="10.0.10"] td{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));padding:10px 12px;word-break:break-all}.zent-grid-tr__disable-highlight[data-zv="10.0.10"]:hover{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-grid-th[data-zv="10.0.10"],.zent-grid-td[data-zv="10.0.10"]{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));font-size:14px;display:table-cell;box-sizing:border-box;border-bottom-width:1px;border-bottom-style:solid;vertical-align:middle;overflow-wrap:break-word}.zent-grid-th[data-zv="10.0.10"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));line-height:20px;padding:8px 12px;font-weight:500}.zent-grid-th[data-zv="10.0.10"]:first-child{padding:8px 12px}.zent-grid-th[data-zv="10.0.10"]:last-child{padding:8px 12px}.zent-grid-th-break-word[data-zv="10.0.10"]{word-break:break-word}.zent-grid-th[data-zv="10.0.10"].zent-grid-nowrap{white-space:nowrap;word-break:keep-all}.zent-grid-th[data-zv="10.0.10"].zent-grid-th-sortable{position:relative;cursor:pointer}.zent-grid-th[data-zv="10.0.10"].zent-grid-th-sortable:hover::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.05)}.zent-grid-th[data-zv="10.0.10"].zent-grid-th-selection,.zent-grid-td[data-zv="10.0.10"].zent-grid-td-selection,.zent-grid-th[data-zv="10.0.10"].zent-grid-th-expand,.zent-grid-td[data-zv="10.0.10"].zent-grid-td-expand{padding-right:0}.zent-grid-td[data-zv="10.0.10"]{line-height:20px;position:relative}.zent-grid-td[data-zv="10.0.10"] .zent-grid-expandable-btn{cursor:pointer;display:inline-block;width:16px;height:16px;font-size:16px;text-align:center;-webkit-user-select:none;user-select:none}.zent-grid-td-multiple-row[data-zv="10.0.10"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-left-width:1px;border-right-width:1px;border-style:solid}.zent-grid-tfoot[data-zv="10.0.10"]{margin-top:16px;overflow:hidden}.zent-grid-tfoot[data-zv="10.0.10"] .zent-grid-tfoot-page{margin-top:0}.zent-grid-tfoot[data-zv="10.0.10"] .zent-grid-batch.zent-grid-batch--fixed{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));position:fixed;left:unset;z-index:1;bottom:0;padding-top:12px;box-sizing:border-box;border-top-width:1px;border-top-style:solid}.zent-grid-tfoot-page[data-zv="10.0.10"]{margin-top:10px;float:right}.zent-grid[data-zv="10.0.10"] a{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));cursor:pointer}.zent-grid[data-zv="10.0.10"] .zent-grid-batch{padding-left:12px;padding-bottom:12px;display:flex;align-items:center}.zent-grid[data-zv="10.0.10"] .zent-grid-batch .batch-component{line-height:20px;margin-right:8px}.zent-grid[data-zv="10.0.10"] .zent-grid-batch .batch-component:last-child{margin-right:0}.zent-grid[data-zv="10.0.10"] .zent-grid-batch__foot{float:left}.zent-grid-selection-checkbox[data-zv="10.0.10"]{position:absolute;top:50%;transform:translate(0, -50%);line-height:1;font-size:0;display:inline-block;margin-top:-1px}.zent-grid[data-zv="10.0.10"] .zent-grid-sticky-header{overflow-x:scroll}.zent-grid[data-zv="10.0.10"] .zent-grid-sticky-header-warp{position:absolute}@font-face{font-family:zenticonv10x0x10;src:url("https://b.yzcdn.cn/zent/zenticon/zenticon-89fb8ba76b.eot");src:url("https://b.yzcdn.cn/zent/zenticon/zenticon-89fb8ba76b.eot?#iefix") format("embedded-opentype"),url("https://b.yzcdn.cn/zent/zenticon/zenticon-89fb8ba76b.woff2") format("woff2"),url("https://b.yzcdn.cn/zent/zenticon/zenticon-89fb8ba76b.woff") format("woff"),url("https://b.yzcdn.cn/zent/zenticon/zenticon-89fb8ba76b.ttf") format("truetype")}.zenticon[data-zv="10.0.10"]{display:inline-block;speak:none;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;font-variant:normal;text-rendering:auto;text-decoration:inherit;line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.zenticon[data-zv="10.0.10"]:before{box-sizing:border-box;display:block;font-family:zenticonv10x0x10 !important}.zenticon-up[data-zv="10.0.10"]:before{content:""}.zenticon-down[data-zv="10.0.10"]:before{content:""}.zenticon-left[data-zv="10.0.10"]:before{content:""}.zenticon-right[data-zv="10.0.10"]:before{content:""}.zenticon-left-circle-o[data-zv="10.0.10"]:before{content:""}.zenticon-left-circle[data-zv="10.0.10"]:before{content:""}.zenticon-right-circle-o[data-zv="10.0.10"]:before{content:""}.zenticon-right-circle[data-zv="10.0.10"]:before{content:""}.zenticon-up-circle-o[data-zv="10.0.10"]:before{content:""}.zenticon-up-circle[data-zv="10.0.10"]:before{content:""}.zenticon-down-circle-o[data-zv="10.0.10"]:before{content:""}.zenticon-down-circle[data-zv="10.0.10"]:before{content:""}.zenticon-upload[data-zv="10.0.10"]:before{content:""}.zenticon-download[data-zv="10.0.10"]:before{content:""}.zenticon-edit-o[data-zv="10.0.10"]:before{content:""}.zenticon-edit[data-zv="10.0.10"]:before{content:""}.zenticon-remove-o[data-zv="10.0.10"]:before{content:""}.zenticon-remove[data-zv="10.0.10"]:before{content:""}.zenticon-save-o[data-zv="10.0.10"]:before{content:""}.zenticon-save[data-zv="10.0.10"]:before{content:""}.zenticon-arrow-up[data-zv="10.0.10"]:before{content:""}.zenticon-arrow-down[data-zv="10.0.10"]:before{content:""}.zenticon-locked-o[data-zv="10.0.10"]:before{content:""}.zenticon-lock[data-zv="10.0.10"]:before{content:""}.zenticon-locked[data-zv="10.0.10"]:before{content:""}.zenticon-unlocked-o[data-zv="10.0.10"]:before{content:""}.zenticon-unlock[data-zv="10.0.10"]:before{content:""}.zenticon-unlocked[data-zv="10.0.10"]:before{content:""}.zenticon-nav-line[data-zv="10.0.10"]:before{content:""}.zenticon-nav-grid[data-zv="10.0.10"]:before{content:""}.zenticon-share[data-zv="10.0.10"]:before{content:""}.zenticon-refresh[data-zv="10.0.10"]:before{content:""}.zenticon-help-circle-o[data-zv="10.0.10"]:before{content:""}.zenticon-help-circle[data-zv="10.0.10"]:before{content:""}.zenticon-thumbnail[data-zv="10.0.10"]:before{content:""}.zenticon-fullscreen-exit[data-zv="10.0.10"]:before{content:""}.zenticon-table-loose[data-zv="10.0.10"]:before{content:""}.zenticon-table-compact[data-zv="10.0.10"]:before{content:""}.zenticon-export[data-zv="10.0.10"]:before{content:""}.zenticon-pin-o[data-zv="10.0.10"]:before{content:""}.zenticon-pin[data-zv="10.0.10"]:before{content:""}.zenticon-eye-o[data-zv="10.0.10"]:before{content:""}.zenticon-eye[data-zv="10.0.10"]:before{content:""}.zenticon-closed-eye[data-zv="10.0.10"]:before{content:""}.zenticon-subtract-circle-o[data-zv="10.0.10"]:before{content:""}.zenticon-subtract-circle[data-zv="10.0.10"]:before{content:""}.zenticon-forbidden-circle[data-zv="10.0.10"]:before{content:""}.zenticon-plus-circle-o[data-zv="10.0.10"]:before{content:""}.zenticon-plus-circle[data-zv="10.0.10"]:before{content:""}.zenticon-double-last[data-zv="10.0.10"]:before{content:""}.zenticon-double-next[data-zv="10.0.10"]:before{content:""}.zenticon-plus[data-zv="10.0.10"]:before{content:""}.zenticon-close[data-zv="10.0.10"]:before{content:""}.zenticon-search[data-zv="10.0.10"]:before{content:""}.zenticon-more[data-zv="10.0.10"]:before{content:""}.zenticon-pending-circle[data-zv="10.0.10"]:before{content:""}.zenticon-caret-up[data-zv="10.0.10"]:before{content:""}.zenticon-caret-down[data-zv="10.0.10"]:before{content:""}.zenticon-reset[data-zv="10.0.10"]:before{content:""}.zenticon-drag[data-zv="10.0.10"]:before{content:""}.zenticon-filter-o[data-zv="10.0.10"]:before{content:""}.zenticon-summary-o[data-zv="10.0.10"]:before{content:""}.zenticon-summary[data-zv="10.0.10"]:before{content:""}.zenticon-shop-o[data-zv="10.0.10"]:before{content:""}.zenticon-shop[data-zv="10.0.10"]:before{content:""}.zenticon-shop-template[data-zv="10.0.10"]:before{content:""}.zenticon-goods-o[data-zv="10.0.10"]:before{content:""}.zenticon-goods[data-zv="10.0.10"]:before{content:""}.zenticon-order-o[data-zv="10.0.10"]:before{content:""}.zenticon-order[data-zv="10.0.10"]:before{content:""}.zenticon-customer-o[data-zv="10.0.10"]:before{content:""}.zenticon-customer[data-zv="10.0.10"]:before{content:""}.zenticon-chart-o[data-zv="10.0.10"]:before{content:""}.zenticon-chart[data-zv="10.0.10"]:before{content:""}.zenticon-capital-o[data-zv="10.0.10"]:before{content:""}.zenticon-capital[data-zv="10.0.10"]:before{content:""}.zenticon-settings-o[data-zv="10.0.10"]:before{content:""}.zenticon-settings[data-zv="10.0.10"]:before{content:""}.zenticon-marketing-o[data-zv="10.0.10"]:before{content:""}.zenticon-marketing[data-zv="10.0.10"]:before{content:""}.zenticon-inventory-o[data-zv="10.0.10"]:before{content:""}.zenticon-inventory[data-zv="10.0.10"]:before{content:""}.zenticon-procurement-o[data-zv="10.0.10"]:before{content:""}.zenticon-procurement[data-zv="10.0.10"]:before{content:""}.zenticon-finance-o[data-zv="10.0.10"]:before{content:""}.zenticon-finance[data-zv="10.0.10"]:before{content:""}.zenticon-cashier-o[data-zv="10.0.10"]:before{content:""}.zenticon-cashier[data-zv="10.0.10"]:before{content:""}.zenticon-casher[data-zv="10.0.10"]:before{content:""}.zenticon-course-o[data-zv="10.0.10"]:before{content:""}.zenticon-course[data-zv="10.0.10"]:before{content:""}.zenticon-admissions-o[data-zv="10.0.10"]:before{content:""}.zenticon-admissions[data-zv="10.0.10"]:before{content:""}.zenticon-educational-o[data-zv="10.0.10"]:before{content:""}.zenticon-educational[data-zv="10.0.10"]:before{content:""}.zenticon-customer-service-o[data-zv="10.0.10"]:before{content:""}.zenticon-customer-service[data-zv="10.0.10"]:before{content:""}.zenticon-message-o[data-zv="10.0.10"]:before{content:""}.zenticon-message[data-zv="10.0.10"]:before{content:""}.zenticon-jump-out[data-zv="10.0.10"]:before{content:""}.zenticon-sign-out[data-zv="10.0.10"]:before{content:""}.zenticon-hotel-o[data-zv="10.0.10"]:before{content:""}.zenticon-hotel[data-zv="10.0.10"]:before{content:""}.zenticon-customer-manage-o[data-zv="10.0.10"]:before{content:""}.zenticon-customer-manage[data-zv="10.0.10"]:before{content:""}.zenticon-purchase-o[data-zv="10.0.10"]:before{content:""}.zenticon-purchase[data-zv="10.0.10"]:before{content:""}.zenticon-target-o[data-zv="10.0.10"]:before{content:""}.zenticon-target[data-zv="10.0.10"]:before{content:""}.zenticon-care-o[data-zv="10.0.10"]:before{content:""}.zenticon-care[data-zv="10.0.10"]:before{content:""}.zenticon-nameplate-o[data-zv="10.0.10"]:before{content:""}.zenticon-nameplate[data-zv="10.0.10"]:before{content:""}.zenticon-scrm-smile-o[data-zv="10.0.10"]:before{content:""}.zenticon-scrm-smile[data-zv="10.0.10"]:before{content:""}.zenticon-canvas-o[data-zv="10.0.10"]:before{content:""}.zenticon-canvas[data-zv="10.0.10"]:before{content:""}.zenticon-business-manage-o[data-zv="10.0.10"]:before{content:""}.zenticon-business-manage[data-zv="10.0.10"]:before{content:""}.zenticon-check-circle-o[data-zv="10.0.10"]:before{content:""}.zenticon-check-circle[data-zv="10.0.10"]:before{content:""}.zenticon-close-circle-o[data-zv="10.0.10"]:before{content:""}.zenticon-close-circle[data-zv="10.0.10"]:before{content:""}.zenticon-error-circle-o[data-zv="10.0.10"]:before{content:""}.zenticon-error-circle[data-zv="10.0.10"]:before{content:""}.zenticon-info-circle-o[data-zv="10.0.10"]:before{content:""}.zenticon-info-circle[data-zv="10.0.10"]:before{content:""}.zenticon-loading[data-zv="10.0.10"]:before{content:""}.zenticon-wait[data-zv="10.0.10"]:before{content:""}.zenticon-star-o[data-zv="10.0.10"]:before{content:""}.zenticon-star[data-zv="10.0.10"]:before{content:""}.zenticon-bell-o[data-zv="10.0.10"]:before{content:""}.zenticon-bell[data-zv="10.0.10"]:before{content:""}.zenticon-check[data-zv="10.0.10"]:before{content:""}.zenticon-youzan-o[data-zv="10.0.10"]:before{content:""}.zenticon-youzan[data-zv="10.0.10"]:before{content:""}.zenticon-mini-apps-o[data-zv="10.0.10"]:before{content:""}.zenticon-mini-apps[data-zv="10.0.10"]:before{content:""}.zenticon-wechat-o[data-zv="10.0.10"]:before{content:""}.zenticon-wechat[data-zv="10.0.10"]:before{content:""}.zenticon-clock-o[data-zv="10.0.10"]:before{content:""}.zenticon-clock[data-zv="10.0.10"]:before{content:""}.zenticon-calendar-o[data-zv="10.0.10"]:before{content:""}.zenticon-calendar[data-zv="10.0.10"]:before{content:""}.zenticon-present-o[data-zv="10.0.10"]:before{content:""}.zenticon-gift[data-zv="10.0.10"]:before{content:""}.zenticon-present[data-zv="10.0.10"]:before{content:""}.zenticon-ticket-o[data-zv="10.0.10"]:before{content:""}.zenticon-ticket[data-zv="10.0.10"]:before{content:""}.zenticon-expand-customer-o[data-zv="10.0.10"]:before{content:""}.zenticon-expand-customer[data-zv="10.0.10"]:before{content:""}.zenticon-checkin-o[data-zv="10.0.10"]:before{content:""}.zenticon-checkin[data-zv="10.0.10"]:before{content:""}.zenticon-assess-o[data-zv="10.0.10"]:before{content:""}.zenticon-assess[data-zv="10.0.10"]:before{content:""}.zenticon-business-o[data-zv="10.0.10"]:before{content:""}.zenticon-business[data-zv="10.0.10"]:before{content:""}.zenticon-hr-o[data-zv="10.0.10"]:before{content:""}.zenticon-hr[data-zv="10.0.10"]:before{content:""}.zenticon-approval-o[data-zv="10.0.10"]:before{content:""}.zenticon-approval[data-zv="10.0.10"]:before{content:""}.zenticon-report-o[data-zv="10.0.10"]:before{content:""}.zenticon-report[data-zv="10.0.10"]:before{content:""}.zenticon-coupon-o[data-zv="10.0.10"]:before{content:""}.zenticon-coupon[data-zv="10.0.10"]:before{content:""}.zenticon-hc-manage-o[data-zv="10.0.10"]:before{content:""}.zenticon-hc-manage[data-zv="10.0.10"]:before{content:""}.zenticon-report-forms-o[data-zv="10.0.10"]:before{content:""}.zenticon-report-forms[data-zv="10.0.10"]:before{content:""}.zenticon-brush-o[data-zv="10.0.10"]:before{content:""}.zenticon-shop-decorate[data-zv="10.0.10"]:before{content:""}.zenticon-brush[data-zv="10.0.10"]:before{content:""}.zenticon-development-doc-o[data-zv="10.0.10"]:before{content:""}.zenticon-development-doc[data-zv="10.0.10"]:before{content:""}.zenticon-bookmark-o[data-zv="10.0.10"]:before{content:""}.zenticon-knowledge-o[data-zv="10.0.10"]:before{content:""}.zenticon-bookmark[data-zv="10.0.10"]:before{content:""}.zenticon-folder-o[data-zv="10.0.10"]:before{content:""}.zenticon-open-folder-o[data-zv="10.0.10"]:before{content:""}.zenticon-pending-payment-o[data-zv="10.0.10"]:before{content:""}.zenticon-salesman-o[data-zv="10.0.10"]:before{content:""}.zenticon-tendency-o[data-zv="10.0.10"]:before{content:""}.zenticon-distribution-o[data-zv="10.0.10"]:before{content:""}.zenticon-member-o[data-zv="10.0.10"]:before{content:""}.zenticon-text-guide-o[data-zv="10.0.10"]:before{content:""}.zenticon-qrcode[data-zv="10.0.10"]:before{content:""}.zenticon-shop-analyze-o[data-zv="10.0.10"]:before{content:""}.zenticon-channel-o[data-zv="10.0.10"]:before{content:""}.zenticon-cashier-desk-o[data-zv="10.0.10"]:before{content:""}.zenticon-qa-o[data-zv="10.0.10"]:before{content:""}.zenticon-withdraw-cash-o[data-zv="10.0.10"]:before{content:""}.zenticon-tools-o[data-zv="10.0.10"]:before{content:""}.zenticon-smile[data-zv="10.0.10"]:before{content:""}.zenticon-photo[data-zv="10.0.10"]:before{content:""}.zenticon-video-o[data-zv="10.0.10"]:before{content:""}.zenticon-video-guide-o[data-zv="10.0.10"]:before{content:""}.zenticon-video[data-zv="10.0.10"]:before{content:""}.zenticon-hotline-o[data-zv="10.0.10"]:before{content:""}.zenticon-visit-o[data-zv="10.0.10"]:before{content:""}.zenticon-countdown[data-zv="10.0.10"]:before{content:""}.zenticon-suggestions[data-zv="10.0.10"]:before{content:""}.zenticon-feedback[data-zv="10.0.10"]:before{content:""}.zenticon-contract-o[data-zv="10.0.10"]:before{content:""}.zenticon-rights-list-o[data-zv="10.0.10"]:before{content:""}.zenticon-im-o[data-zv="10.0.10"]:before{content:""}.zenticon-flow-o[data-zv="10.0.10"]:before{content:""}.zenticon-strategy-o[data-zv="10.0.10"]:before{content:""}.zenticon-link[data-zv="10.0.10"]:before{content:""}.zenticon-voice[data-zv="10.0.10"]:before{content:""}.zenticon-scan-code-o[data-zv="10.0.10"]:before{content:""}.zenticon-doc[data-zv="10.0.10"]:before{content:""}.zenticon-warning-o[data-zv="10.0.10"]:before{content:""}.zenticon-warning[data-zv="10.0.10"]:before{content:""}.zenticon-add-page[data-zv="10.0.10"]:before{content:""}.zenticon-back[data-zv="10.0.10"]:before{content:""}.zenticon-spin[data-zv="10.0.10"]{animation:zent-ani-spin-v10x0x10 2s infinite linear}.zent-infinite-scroller-y[data-zv="10.0.10"]{overflow-y:auto}.zent-input-wrapper[data-zv="10.0.10"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:flex;position:relative;box-sizing:border-box;border-width:1px;border-style:solid;border-radius:2px;transition:border .2s ease-in-out,box-shadow .2s ease-in-out;overflow:hidden;align-items:center;max-width:100%}.zent-input-wrapper--width-xs[data-zv="10.0.10"]{width:116px}.zent-input-wrapper--width-s[data-zv="10.0.10"]{width:240px}.zent-input-wrapper--width-m[data-zv="10.0.10"]{width:364px}.zent-input-wrapper--width-l[data-zv="10.0.10"]{width:488px}.zent-input-wrapper--width-xl[data-zv="10.0.10"]{width:612px}.zent-input-wrapper[data-zv="10.0.10"].zent-input--size-small{height:24px}.zent-input-wrapper[data-zv="10.0.10"].zent-input--size-small .zent-input-addon-before,.zent-input-wrapper[data-zv="10.0.10"].zent-input--size-small .zent-input-addon-after{line-height:22px}.zent-input-wrapper[data-zv="10.0.10"].zent-input--size-normal{height:32px}.zent-input-wrapper[data-zv="10.0.10"].zent-input--size-normal .zent-input-addon-before,.zent-input-wrapper[data-zv="10.0.10"].zent-input--size-normal .zent-input-addon-after{line-height:30px}.zent-input-wrapper[data-zv="10.0.10"].zent-input--size-large{height:40px}.zent-input-wrapper[data-zv="10.0.10"].zent-input--size-large .zent-input-addon-before,.zent-input-wrapper[data-zv="10.0.10"].zent-input--size-large .zent-input-addon-after{line-height:38px}.zent-input-wrapper[data-zv="10.0.10"].zent-input--has-focus:not(.zent-input-wrapper__not-editable){border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-input-wrapper__not-editable[data-zv="10.0.10"].zent-input-wrapper{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-input-wrapper__not-editable[data-zv="10.0.10"] .zent-input-addon-before,.zent-input-wrapper__not-editable[data-zv="10.0.10"] .zent-input-addon-after{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-input-wrapper[data-zv="10.0.10"] .zent-input-icon,.zent-input-wrapper[data-zv="10.0.10"] .zent-input-close{display:block;margin-right:8px}.zent-input-wrapper[data-zv="10.0.10"] .zent-input-icon:first-child{margin-left:8px;margin-right:0}.zent-input-wrapper[data-zv="10.0.10"] .zent-input-icon{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:20px}.zent-input-wrapper[data-zv="10.0.10"] .zenticon-close-circle{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));font-size:20px;margin-right:4px}.zent-input-wrapper[data-zv="10.0.10"] .zent-input-icon-click,.zent-input-wrapper[data-zv="10.0.10"] .zenticon-close-circle{cursor:pointer;border-radius:2px}.zent-input-wrapper[data-zv="10.0.10"] .zent-input-icon-click:hover,.zent-input-wrapper[data-zv="10.0.10"] .zenticon-close-circle:hover{background:rgba(0,0,0,.05)}.zent-input-wrapper[data-zv="10.0.10"] .zent-input-icon-click:active,.zent-input-wrapper[data-zv="10.0.10"] .zenticon-close-circle:active{background:rgba(0,0,0,.1)}.zent-input-wrapper[data-zv="10.0.10"] .zent-input.zent-input--icon-front{padding-left:4px}.zent-input-wrapper[data-zv="10.0.10"] .zent-input.zent-input--icon-end{padding-right:4px}.zent-input-wrapper-disabled[data-zv="10.0.10"]{cursor:not-allowed}.zent-input-wrapper-disabled[data-zv="10.0.10"] .zent-input-icon{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-input-wrapper-disabled[data-zv="10.0.10"] .zent-input-icon-click{cursor:not-allowed;color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-input-wrapper-disabled[data-zv="10.0.10"] .zent-input-icon-click:hover{background:transparent}.zent-textarea-wrapper[data-zv="10.0.10"].zent-input-wrapper{height:auto;max-height:none}.zent-input[data-zv="10.0.10"],.zent-input[data-zv="10.0.10"][type=text],.zent-input[data-zv="10.0.10"][type=password],.zent-input[data-zv="10.0.10"][type=datetime],.zent-input[data-zv="10.0.10"][type=date],.zent-input[data-zv="10.0.10"][type=month],.zent-input[data-zv="10.0.10"][type=time],.zent-input[data-zv="10.0.10"][type=week],.zent-input[data-zv="10.0.10"][type=number],.zent-input[data-zv="10.0.10"][type=email],.zent-input[data-zv="10.0.10"][type=url],.zent-input[data-zv="10.0.10"][type=tel],.zent-input[data-zv="10.0.10"][type=color],.zent-input[data-zv="10.0.10"][type=search],.zent-textarea[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));display:inline-block;flex:1;min-width:80px;height:100%;box-sizing:border-box;padding:0 12px;margin:0;font-size:14px;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:0}.zent-textarea[data-zv="10.0.10"][disabled],.zent-textarea[data-zv="10.0.10"][readonly],.zent-input[data-zv="10.0.10"][disabled],.zent-input[data-zv="10.0.10"][readonly]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));pointer-events:none}.zent-input-addon-before[data-zv="10.0.10"],.zent-input-addon-after[data-zv="10.0.10"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));display:inline-block;height:100%;padding:0 12px;box-sizing:border-box;vertical-align:middle;font-size:14px;text-align:center;min-width:40px}.zent-input-addon-before[data-zv="10.0.10"]{border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-width:1px;border-right-style:solid}.zent-input-addon-after[data-zv="10.0.10"]{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-left-width:1px;border-left-style:solid}.zent-textarea[data-zv="10.0.10"]{height:80px;padding:6px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.5}.zent-textarea-wrapper-out-of-range[data-zv="10.0.10"]{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.zent-textarea-wrapper-out-of-range[data-zv="10.0.10"].zent-input-wrapper.zent-input--has-focus{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.zent-textarea-with-count[data-zv="10.0.10"]{padding-bottom:31px}.zent-textarea-count[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));display:inline-block;position:absolute;bottom:8px;right:12px;font-size:12px}.zent-textarea-count[data-zv="10.0.10"].zent-textarea-out-of-range-text{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.has-error[data-zv="10.0.10"] .zent-input-wrapper{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15));border-width:1px;border-style:solid}.has-error[data-zv="10.0.10"] .zent-input-wrapper.zent-input--has-focus:not(.zent-input-wrapper__not-editable){border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15));box-shadow:none}.has-error[data-zv="10.0.10"] .zent-input-wrapper__not-editable{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.has-error[data-zv="10.0.10"] .zent-input-wrapper.zent-textarea-wrapper.zent-textarea-wrapper-out-of-range{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15));border-width:1px;border-style:solid}.has-error[data-zv="10.0.10"] .zent-input-wrapper.zent-textarea-wrapper.zent-textarea-wrapper-out-of-range .zent-textarea-out-of-range-text{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.zent-input[data-zv="10.0.10"]::-webkit-input-placeholder, .zent-textarea[data-zv="10.0.10"]::-webkit-input-placeholder{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-input[data-zv="10.0.10"]::placeholder,.zent-textarea[data-zv="10.0.10"]::placeholder{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-input-wrapper[data-zv="10.0.10"].zent-input-wrapper-inline{display:inline-flex}.zent-row[data-zv="10.0.10"]{box-sizing:border-box;display:flex}.zent-row-justify-start[data-zv="10.0.10"]{justify-content:flex-start}.zent-row-justify-end[data-zv="10.0.10"]{justify-content:flex-end}.zent-row-justify-center[data-zv="10.0.10"]{justify-content:center}.zent-row-justify-space-between[data-zv="10.0.10"]{justify-content:space-between}.zent-row-justify-space-around[data-zv="10.0.10"]{justify-content:space-around}.zent-row-justify-space-evenly[data-zv="10.0.10"]{justify-content:space-evenly}.zent-row-align-start[data-zv="10.0.10"]{align-items:start}.zent-row-align-center[data-zv="10.0.10"]{align-items:center}.zent-row-align-end[data-zv="10.0.10"]{align-items:end}.zent-col[data-zv="10.0.10"]{box-sizing:border-box;display:block}.zent-col-0[data-zv="10.0.10"]{display:none}.zent-col-1[data-zv="10.0.10"]{width:4.1666666667%}.zent-col-offset-1[data-zv="10.0.10"]{margin-left:4.1666666667%}.zent-col-order-1[data-zv="10.0.10"]{order:1}.zent-col-2[data-zv="10.0.10"]{width:8.3333333333%}.zent-col-offset-2[data-zv="10.0.10"]{margin-left:8.3333333333%}.zent-col-order-2[data-zv="10.0.10"]{order:2}.zent-col-3[data-zv="10.0.10"]{width:12.5%}.zent-col-offset-3[data-zv="10.0.10"]{margin-left:12.5%}.zent-col-order-3[data-zv="10.0.10"]{order:3}.zent-col-4[data-zv="10.0.10"]{width:16.6666666667%}.zent-col-offset-4[data-zv="10.0.10"]{margin-left:16.6666666667%}.zent-col-order-4[data-zv="10.0.10"]{order:4}.zent-col-5[data-zv="10.0.10"]{width:20.8333333333%}.zent-col-offset-5[data-zv="10.0.10"]{margin-left:20.8333333333%}.zent-col-order-5[data-zv="10.0.10"]{order:5}.zent-col-6[data-zv="10.0.10"]{width:25%}.zent-col-offset-6[data-zv="10.0.10"]{margin-left:25%}.zent-col-order-6[data-zv="10.0.10"]{order:6}.zent-col-7[data-zv="10.0.10"]{width:29.1666666667%}.zent-col-offset-7[data-zv="10.0.10"]{margin-left:29.1666666667%}.zent-col-order-7[data-zv="10.0.10"]{order:7}.zent-col-8[data-zv="10.0.10"]{width:33.3333333333%}.zent-col-offset-8[data-zv="10.0.10"]{margin-left:33.3333333333%}.zent-col-order-8[data-zv="10.0.10"]{order:8}.zent-col-9[data-zv="10.0.10"]{width:37.5%}.zent-col-offset-9[data-zv="10.0.10"]{margin-left:37.5%}.zent-col-order-9[data-zv="10.0.10"]{order:9}.zent-col-10[data-zv="10.0.10"]{width:41.6666666667%}.zent-col-offset-10[data-zv="10.0.10"]{margin-left:41.6666666667%}.zent-col-order-10[data-zv="10.0.10"]{order:10}.zent-col-11[data-zv="10.0.10"]{width:45.8333333333%}.zent-col-offset-11[data-zv="10.0.10"]{margin-left:45.8333333333%}.zent-col-order-11[data-zv="10.0.10"]{order:11}.zent-col-12[data-zv="10.0.10"]{width:50%}.zent-col-offset-12[data-zv="10.0.10"]{margin-left:50%}.zent-col-order-12[data-zv="10.0.10"]{order:12}.zent-col-13[data-zv="10.0.10"]{width:54.1666666667%}.zent-col-offset-13[data-zv="10.0.10"]{margin-left:54.1666666667%}.zent-col-order-13[data-zv="10.0.10"]{order:13}.zent-col-14[data-zv="10.0.10"]{width:58.3333333333%}.zent-col-offset-14[data-zv="10.0.10"]{margin-left:58.3333333333%}.zent-col-order-14[data-zv="10.0.10"]{order:14}.zent-col-15[data-zv="10.0.10"]{width:62.5%}.zent-col-offset-15[data-zv="10.0.10"]{margin-left:62.5%}.zent-col-order-15[data-zv="10.0.10"]{order:15}.zent-col-16[data-zv="10.0.10"]{width:66.6666666667%}.zent-col-offset-16[data-zv="10.0.10"]{margin-left:66.6666666667%}.zent-col-order-16[data-zv="10.0.10"]{order:16}.zent-col-17[data-zv="10.0.10"]{width:70.8333333333%}.zent-col-offset-17[data-zv="10.0.10"]{margin-left:70.8333333333%}.zent-col-order-17[data-zv="10.0.10"]{order:17}.zent-col-18[data-zv="10.0.10"]{width:75%}.zent-col-offset-18[data-zv="10.0.10"]{margin-left:75%}.zent-col-order-18[data-zv="10.0.10"]{order:18}.zent-col-19[data-zv="10.0.10"]{width:79.1666666667%}.zent-col-offset-19[data-zv="10.0.10"]{margin-left:79.1666666667%}.zent-col-order-19[data-zv="10.0.10"]{order:19}.zent-col-20[data-zv="10.0.10"]{width:83.3333333333%}.zent-col-offset-20[data-zv="10.0.10"]{margin-left:83.3333333333%}.zent-col-order-20[data-zv="10.0.10"]{order:20}.zent-col-21[data-zv="10.0.10"]{width:87.5%}.zent-col-offset-21[data-zv="10.0.10"]{margin-left:87.5%}.zent-col-order-21[data-zv="10.0.10"]{order:21}.zent-col-22[data-zv="10.0.10"]{width:91.6666666667%}.zent-col-offset-22[data-zv="10.0.10"]{margin-left:91.6666666667%}.zent-col-order-22[data-zv="10.0.10"]{order:22}.zent-col-23[data-zv="10.0.10"]{width:95.8333333333%}.zent-col-offset-23[data-zv="10.0.10"]{margin-left:95.8333333333%}.zent-col-order-23[data-zv="10.0.10"]{order:23}.zent-col-24[data-zv="10.0.10"]{width:100%}.zent-col-offset-24[data-zv="10.0.10"]{margin-left:100%}.zent-col-order-24[data-zv="10.0.10"]{order:24}.zent-link[data-zv="10.0.10"]{font-size:14px;line-height:20px;color:#155bd4;color:var(--theme-link-color, #155bd4);text-decoration:none;display:inline-block}.zent-link[data-zv="10.0.10"]:link,.zent-link[data-zv="10.0.10"]:visited,.zent-link[data-zv="10.0.10"]:focus{color:#155bd4;color:var(--theme-link-color, #155bd4)}.zent-link[data-zv="10.0.10"]:hover{color:#356fd4;color:var(--theme-link-hover-color, #356fd4)}.zent-link[data-zv="10.0.10"]:active{color:#114bae;color:var(--theme-link-active-color, #114bae)}.zent-link--weak[data-zv="10.0.10"]{color:#333;color:var(--theme-weak-link-color, #333)}.zent-link--weak[data-zv="10.0.10"]:link,.zent-link--weak[data-zv="10.0.10"]:visited,.zent-link--weak[data-zv="10.0.10"]:focus{color:#333;color:var(--theme-weak-link-color, #333)}.zent-link--weak[data-zv="10.0.10"]:hover{color:#356fd4;color:var(--theme-weak-link-hover-color, #356fd4)}.zent-link--weak[data-zv="10.0.10"]:active{color:#114bae;color:var(--theme-weak-link-active-color, #114bae)}.zent-link[data-zv="10.0.10"].zent-link--disabled{color:#ccc;color:var(--theme-disabled-color, #ccc);cursor:not-allowed}.zent-loading--block[data-zv="10.0.10"]{position:relative}.zent-loading--block[data-zv="10.0.10"] .zent-loading-mask{position:absolute;top:0;left:0;width:100%;height:100%}.zent-loading--block[data-zv="10.0.10"] .zent-loading-mask>.zent-loading-icon-and-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.zent-loading--block[data-zv="10.0.10"].zent-loading--has-children .zent-loading-mask{background-color:rgba(255,255,255,.5);background-color:rgba(var(--theme-rgb-section-bg, var(--theme-rgb-stroke-9, 255, 255, 255)), 0.5)}.zent-loading--inline[data-zv="10.0.10"]{display:inline-block}.zent-loading--fullscreen[data-zv="10.0.10"]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100}.zent-loading--fullscreen[data-zv="10.0.10"] .zent-loading-mask{background:rgba(0,0,0,.5);height:100%;display:flex;align-items:center;justify-content:center}.zent-loading--fullscreen[data-zv="10.0.10"].zent-loading--show-background .zent-loading-icon-and-text{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));padding:32px;border-radius:4px}.zent-loading-icon-youzan[data-zv="10.0.10"]{display:inline-block;position:relative}.zent-loading-icon-youzan[data-zv="10.0.10"]:before,.zent-loading-icon-youzan[data-zv="10.0.10"]:after{display:block;box-sizing:border-box;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}.zent-loading-icon-youzan[data-zv="10.0.10"]:before{z-index:2;border-width:2px;border-style:solid;animation:zent-ani-spin-v10x0x10 .6s cubic-bezier(0, 0, 0.1, 0.1) infinite}.zent-loading-icon-youzan[data-zv="10.0.10"]:after{box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));z-index:1}.zent-loading-icon-youzan-svg[data-zv="10.0.10"]{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3}.zent-loading-icon-circle[data-zv="10.0.10"]{display:inline-block;animation:zent-ani-spin-v10x0x10 .6s cubic-bezier(0, 0, 0.1, 0.1) infinite}.zent-loading-icon-and-text[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));display:flex;align-items:center;justify-content:center}.zent-loading-icon-and-text--bottom[data-zv="10.0.10"]{flex-direction:column}.zent-loading-icon-and-text--bottom[data-zv="10.0.10"] .zent-loading-icon-text{margin-top:4px}.zent-loading-icon-and-text--top[data-zv="10.0.10"]{flex-direction:column}.zent-loading-icon-and-text--top[data-zv="10.0.10"] .zent-loading-icon-text{margin-bottom:4px;order:1}.zent-loading-icon-and-text--top[data-zv="10.0.10"] .zent-loading-icon{order:2}.zent-loading-icon-and-text--right[data-zv="10.0.10"] .zent-loading-icon-text{margin-left:6px}.zent-loading-icon-and-text--left[data-zv="10.0.10"] .zent-loading-icon{order:2}.zent-loading-icon-and-text--left[data-zv="10.0.10"] .zent-loading-icon-text{order:1;margin-right:6px}.zent-loading-color-preset--primary[data-zv="10.0.10"] .zent-loading-icon-circle+.zent-loading-icon-text{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-loading-color-preset--primary[data-zv="10.0.10"] .zent-loading-icon-youzan:before{border-color:transparent;border-right-color:#e00}.zent-loading-color-preset--primary[data-zv="10.0.10"] .zent-loading-icon-youzan:after{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-loading-color-preset--primary[data-zv="10.0.10"] .zent-loading-icon-youzan-svg{fill:#e00}.zent-loading-color-preset--grey[data-zv="10.0.10"] .zent-loading-icon-text{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-loading-color-preset--grey[data-zv="10.0.10"] .zent-loading-icon-youzan:before{border-color:transparent;border-right-color:#ccc;border-right-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-loading-color-preset--grey[data-zv="10.0.10"] .zent-loading-icon-youzan:after{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-loading-color-preset--grey[data-zv="10.0.10"] .zent-loading-icon-youzan-svg{fill:#ccc;fill:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-menu[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));font-size:14px;width:240px;list-style:none;padding:0;margin:0;border-radius:2px}.zent-menu-item[data-zv="10.0.10"]{width:100%;height:32px;line-height:32px;text-align:left;padding-left:16px;box-sizing:border-box;position:relative;cursor:pointer}.zent-menu-item[data-zv="10.0.10"]:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.zent-menu-item[data-zv="10.0.10"]:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.zent-menu-item[data-zv="10.0.10"]:hover{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-menu-item-disabled[data-zv="10.0.10"]{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));cursor:not-allowed}.zent-menu-item-disabled[data-zv="10.0.10"]:hover{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-menu[data-zv="10.0.10"] .zenticon{margin-right:16px}.zent-menu[data-zv="10.0.10"] .zenticon.zent-submenu-title-operate-icon{margin-right:0}.zent-menu[data-zv="10.0.10"] .zenticon-right{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px}.zent-menu[data-zv="10.0.10"] .zent-submenu>.zent-menu{position:absolute;top:0;left:100%;margin-left:0}.zent-menu[data-zv="10.0.10"] .zent-submenu-title{margin-left:-10px;padding-left:10px}.zent-menu[data-zv="10.0.10"] .zent-submenu-title:hover{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-menu[data-zv="10.0.10"] .zent-submenu-title.zent-submenu-disabled{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-menu__inline[data-zv="10.0.10"]{width:200px}.zent-menu__inline-item[data-zv="10.0.10"]{height:40px;line-height:40px;padding-left:0}.zent-menu__inline-item[data-zv="10.0.10"]:not(.zent-menu-item-disabled){cursor:pointer}.zent-menu__inline-item[data-zv="10.0.10"]:not(.zent-menu-item-disabled):hover{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-menu__inline-item-selected[data-zv="10.0.10"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-menu__inline-item-selected[data-zv="10.0.10"]:not(.zent-menu-item-disabled):hover{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:#114bae;background-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-menu__inline-submenu[data-zv="10.0.10"] .zenticon-right{top:16px;right:20px;transform:rotate(90deg);transition:transform 200ms ease}.zent-menu__inline-submenu-icon--expand[data-zv="10.0.10"].zenticon-right{transform:rotate(-90deg)}.zent-menu__inline-submenu[data-zv="10.0.10"] .zent-menu__inner{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));width:100%;list-style:none;padding:0;margin:0}.zent-menu__inline-submenu-title[data-zv="10.0.10"]{width:100%;height:40px;line-height:40px;text-align:left;padding-left:10px;box-sizing:border-box;position:relative;cursor:pointer}.zent-menu__inline-submenu-title[data-zv="10.0.10"].zent-submenu-disabled{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));cursor:not-allowed}.zent-menu__inline-submenu-title[data-zv="10.0.10"]:not(.zent-submenu-disabled):hover{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-menu__inline-submenu-title[data-zv="10.0.10"]:not(.zent-submenu-disabled):hover .zenticon{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-notice[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 24px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-modal, 0 2px 24px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));position:relative;border-radius:4px;padding:16px;margin:10px;width:480px}.zent-notice-title[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-size:14px;line-height:20px;margin-bottom:16px;padding-right:30px}.zent-notice-content[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-2, #999));font-size:14px;line-height:20px}.zent-notice[data-zv="10.0.10"].zent-notice-with-icon{padding-left:40px}.zent-notice-icon[data-zv="10.0.10"]{position:absolute;left:16px;top:20px}.zent-notice-icon-info[data-zv="10.0.10"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-notice-icon-success[data-zv="10.0.10"]{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-notice-icon-warning[data-zv="10.0.10"]{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-notice-icon-error[data-zv="10.0.10"]{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-notice-close[data-zv="10.0.10"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));position:absolute;top:20px;right:20px;font-size:12px;width:16px;height:20px;cursor:pointer}.zent-notice-container[data-zv="10.0.10"]{position:fixed;height:100%;display:flex}.zent-notice-container-left[data-zv="10.0.10"]{left:0;transform:translateX(-100%);align-items:flex-start}.zent-notice-container-right[data-zv="10.0.10"]{right:0;transform:translateX(100%);align-items:flex-end}.zent-notice-container-top[data-zv="10.0.10"]{flex-direction:column;top:0}.zent-notice-container-bottom[data-zv="10.0.10"]{flex-direction:column-reverse;bottom:0}.zent-notice-animation[data-zv="10.0.10"]{flex:0 0 auto}.zent-notice-animation-enter[data-zv="10.0.10"]{transition:transform 160ms ease-in;transform:translateX(0)}.zent-notice-animation-exit[data-zv="10.0.10"]{transition:transform 100ms ease-out}.zent-notice-animation-exit-done[data-zv="10.0.10"]{transition:height 100ms ease-out 100ms}.zent-notice-container-left[data-zv="10.0.10"] .zent-notice-animation-enter-active,.zent-notice-container-left[data-zv="10.0.10"] .zent-notice-animation-enter-done,.zent-notice-container-left[data-zv="10.0.10"] .zent-notice-animation-exit{transform:translateX(100%)}.zent-notice-container-left[data-zv="10.0.10"] .zent-notice-animation-exit.zent-notice-animation-exit-active,.zent-notice-container-left[data-zv="10.0.10"] .zent-notice-animation-exit-done{transform:translateX(0)}.zent-notice-container-right[data-zv="10.0.10"] .zent-notice-animation-enter-active,.zent-notice-container-right[data-zv="10.0.10"] .zent-notice-animation-enter-done,.zent-notice-container-right[data-zv="10.0.10"] .zent-notice-animation-exit{transform:translateX(-100%)}.zent-notice-container-right[data-zv="10.0.10"] .zent-notice-animation-exit.zent-notice-animation-exit-active,.zent-notice-container-right[data-zv="10.0.10"] .zent-notice-animation-exit-done{transform:translateX(0)}.zent-notify-container[data-zv="10.0.10"]{z-index:10000;position:fixed;top:80px;left:50%;transform:translateX(-50%)}.zent-notify-container[data-zv="10.0.10"].zent-notify-container-custom{position:absolute}.zent-notify[data-zv="10.0.10"]{padding-bottom:16px;display:flex}.zent-notify-content[data-zv="10.0.10"]{box-shadow:0 2px 24px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-modal, 0 2px 24px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));background:#fff;background:var(--theme-section-bg, var(--theme-stroke-9, #fff));font-size:14px;line-height:20px;display:flex;align-items:center;margin:0 auto;padding:14px 24px 14px 16px;max-width:344px;border-radius:2px;box-sizing:border-box;font-weight:500;word-break:break-all}.zent-notify-content[data-zv="10.0.10"]:empty:before{content:"​"}.zent-notify-content[data-zv="10.0.10"] .zent-notify-content-icon{font-size:20px}.zent-notify-content[data-zv="10.0.10"].zent-notify-content-success{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-notify-content[data-zv="10.0.10"].zent-notify-content-warn{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-notify-content[data-zv="10.0.10"].zent-notify-content-error{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-notify-content[data-zv="10.0.10"].zent-notify-content-info{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-notify-content[data-zv="10.0.10"].zent-notify-content-info .zent-notify-content-icon{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-notify-content-icon[data-zv="10.0.10"]{margin-right:10px}.notify-appear[data-zv="10.0.10"]{transform:translateY(-100%);opacity:0}.notify-appear-active[data-zv="10.0.10"]{transform:translateY(0%);opacity:1;transition-duration:160ms;transition-timing-function:opacity linear,transform ease-in}.notify-exit[data-zv="10.0.10"]{max-height:48px;opacity:1}.notify-exit[data-zv="10.0.10"] .zent-notify-content{transform:translateY(0%)}.notify-exit-active[data-zv="10.0.10"]{max-height:0;padding:0;opacity:0;transition-duration:160ms;transition-timing-function:opacity linear,max-height ease-out}.notify-exit-active[data-zv="10.0.10"] .zent-notify-content{transform:translateY(-100%);transition-duration:160ms;transition-timing-function:transform ease-out}.zent-number-input[data-zv="10.0.10"]{width:200px}.zent-number-input[data-zv="10.0.10"]:not(.zent-input-wrapper-disabled):hover{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-number-input-arrows[data-zv="10.0.10"]{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.zent-number-input-arrows[data-zv="10.0.10"] .zent-number-input-arrow{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-left-width:1px;border-left-style:solid;margin-left:-1px;cursor:pointer;width:20px;height:15px;line-height:15px;text-align:center}.zent-number-input-arrows[data-zv="10.0.10"] .zent-number-input-arrow.zent-number-input-arrow-disable{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));cursor:not-allowed}.zent-number-input-arrows[data-zv="10.0.10"] .zent-number-input-arrow.zent-number-input-arrow-disable>.zenticon{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-number-input-arrows[data-zv="10.0.10"] .zent-number-input-arrow.zent-number-input-arrow-disable:hover{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-number-input-arrows[data-zv="10.0.10"] .zent-number-input-arrow.zent-number-input-arrow-disable:hover>.zenticon{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-number-input-arrows[data-zv="10.0.10"] .zent-number-input-arrow:hover:not(.zent-number-input-arrow-disable){z-index:10;border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-number-input-arrows[data-zv="10.0.10"] .zent-number-input-arrow:hover:not(.zent-number-input-arrow-disable)>.zenticon{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-number-input-arrows[data-zv="10.0.10"] .zent-number-input-arrow:active:not(.zent-number-input-arrow-disable){background-color:rgba(21,91,212,.1);background-color:rgba(var(--theme-rgb-primary-bg, var(--theme-rgb-primary-4, 21, 91, 212)), 0.1)}.zent-number-input-arrows[data-zv="10.0.10"] .zent-number-input-arrow>.zenticon{color:#999;color:var(--theme-hint-color, var(--theme-stroke-2, #999));line-height:15px;position:static;font-size:12px}.zent-number-input-arrows[data-zv="10.0.10"] .zent-number-input-arrowup{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid}.zent-number-input-arrows[data-zv="10.0.10"] .zent-number-input-arrowdown{border-top-color:#e0e0e0;border-top-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-top-width:1px;border-top-style:solid;margin:-1px}.zent-number-input-count[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));color:#999;color:var(--theme-hint-color, var(--theme-stroke-2, #999));display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:28px;height:100%;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;flex-grow:0;flex-shrink:0}.zent-number-input-count[data-zv="10.0.10"].zent-number-input-count-disable{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));cursor:not-allowed}.zent-number-input-count[data-zv="10.0.10"].zent-number-input-count-disable>.zenticon{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-number-input-count[data-zv="10.0.10"].zent-number-input-count-disable:hover{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-number-input-count[data-zv="10.0.10"].zent-number-input-count-disable:hover>.zenticon{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-number-input-count[data-zv="10.0.10"]:hover{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-number-input-countreduce[data-zv="10.0.10"]{border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-width:1px;border-right-style:solid}.zent-number-input-countadd[data-zv="10.0.10"]{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-left-width:1px;border-left-style:solid}.zent-pagination[data-zv="10.0.10"]{display:flex;justify-content:flex-end;font-size:14px;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-pagination--normal[data-zv="10.0.10"] .zent-pagination-button--layout+.zent-pagination-button--layout,.zent-pagination--normal[data-zv="10.0.10"] .zent-btn-disabled-wrapper+.zent-pagination-button--layout,.zent-pagination--normal[data-zv="10.0.10"] .zent-btn-disabled-wrapper+.zent-btn-disabled-wrapper,.zent-pagination--normal[data-zv="10.0.10"] .zent-pagination-button--layout+.zent-btn-disabled-wrapper{margin-left:4px}.zent-pagination--lite[data-zv="10.0.10"] .zent-pagination-button--layout+.zent-pagination-button--layout,.zent-pagination--lite[data-zv="10.0.10"] .zent-btn-disabled-wrapper+.zent-pagination-button--layout,.zent-pagination--lite[data-zv="10.0.10"] .zent-btn-disabled-wrapper+.zent-btn-disabled-wrapper,.zent-pagination--lite[data-zv="10.0.10"] .zent-pagination-button--layout+.zent-btn-disabled-wrapper{margin-left:0}.zent-pagination-page-list--mini[data-zv="10.0.10"]{display:flex;margin:0 8px}.zent-pagination-arrow[data-zv="10.0.10"],.zent-pagination-more[data-zv="10.0.10"]{stroke:#333;stroke:var(--theme-title-color, var(--theme-stroke-1, #333));position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:20px}.zent-pagination-page-number-button[data-zv="10.0.10"].zent-btn,.zent-pagination-arrow-button[data-zv="10.0.10"].zent-btn{padding:0 5px;min-width:32px;position:relative;transition:none}.zent-pagination-page-number-button[data-zv="10.0.10"].zent-btn:not(.zent-btn-primary),.zent-pagination-arrow-button[data-zv="10.0.10"].zent-btn:not(.zent-btn-primary){background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-pagination-page-number-button[data-zv="10.0.10"].zent-btn:not(.zent-btn-primary):hover,.zent-pagination-page-number-button[data-zv="10.0.10"].zent-btn:not(.zent-btn-primary):active,.zent-pagination-arrow-button[data-zv="10.0.10"].zent-btn:not(.zent-btn-primary):hover,.zent-pagination-arrow-button[data-zv="10.0.10"].zent-btn:not(.zent-btn-primary):active{background:#f7f7f7;background:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-pagination-page-number-button[data-zv="10.0.10"].zent-btn[disabled] .zent-pagination-arrow,.zent-pagination-arrow-button[data-zv="10.0.10"].zent-btn[disabled] .zent-pagination-arrow{stroke:#ccc;stroke:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-pagination-arrow-button[data-zv="10.0.10"].zent-btn .zenticon{margin:0}.zent-pagination-page-button--no-border[data-zv="10.0.10"].zent-btn:not(.zent-btn-primary){border-color:transparent}.zent-pagination-page-button--no-border[data-zv="10.0.10"].zent-btn:not(.zent-btn-primary):hover,.zent-pagination-page-button--no-border[data-zv="10.0.10"].zent-btn:not(.zent-btn-primary):active{background:#fff;background:var(--theme-section-bg, var(--theme-stroke-9, #fff));color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:transparent}.zent-pagination-page-button--no-border[data-zv="10.0.10"].zent-btn:not(.zent-btn-primary):active{color:#114bae;color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-pagination-page-button--no-border[data-zv="10.0.10"].zent-btn:not(.zent-btn-primary).zent-pagination-arrow-button[disabled]{background:#fff;background:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-pagination-page-button--no-border[data-zv="10.0.10"].zent-btn:not(.zent-btn-primary).zent-pagination-arrow-button[disabled] .zent-pagination-arrow{stroke:#e0e0e0;stroke:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-pagination-page-button--no-border[data-zv="10.0.10"].zent-btn:not(.zent-btn-primary).zent-pagination-arrow-button:not([disabled]):hover .zent-pagination-arrow{stroke:#155bd4;stroke:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-pagination-page-button--no-border[data-zv="10.0.10"].zent-btn:not(.zent-btn-primary).zent-pagination-arrow-button:not([disabled]):active .zent-pagination-arrow{stroke:#114bae;stroke:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-pagination-arrow-button--double[data-zv="10.0.10"]:hover,.zent-pagination-arrow-button--double[data-zv="10.0.10"]:active,.zent-pagination-arrow-button--double-active[data-zv="10.0.10"]{border-color:transparent}.zent-pagination-arrow-button--double[data-zv="10.0.10"]:hover .zent-pagination-arrow{stroke:#155bd4;stroke:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-pagination-arrow-button--double[data-zv="10.0.10"]:active,.zent-pagination-arrow-button--double-active[data-zv="10.0.10"]{background:transparent}.zent-pagination-arrow-button--double[data-zv="10.0.10"]:active .zent-pagination-arrow,.zent-pagination-arrow-button--double-active[data-zv="10.0.10"] .zent-pagination-arrow{stroke:#114bae;stroke:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-pagination-page-jumper[data-zv="10.0.10"],.zent-pagination-mini-page-jumper[data-zv="10.0.10"]{display:flex;justify-content:center;align-items:center}.zent-pagination-page-jumper[data-zv="10.0.10"] .zent-input-wrapper .zent-input,.zent-pagination-mini-page-jumper[data-zv="10.0.10"] .zent-input-wrapper .zent-input{min-width:100%;cursor:pointer}.zent-pagination-page-jumper[data-zv="10.0.10"]{margin-left:8px}.zent-pagination-page-jumper[data-zv="10.0.10"] .zent-input-wrapper{margin:0 8px}.zent-pagination-page-jumper[data-zv="10.0.10"] .zent-input{text-align:center}.zent-pagination-mini-page-jumper[data-zv="10.0.10"]{font-size:14px;line-height:20px;margin:0 8px}.zent-pagination-mini-page-jumper__sep[data-zv="10.0.10"]{margin:0 24px}.zent-pagination-mini-page-jumper[data-zv="10.0.10"] .zent-input{text-align:center}.zent-pagination-page-size-changer[data-zv="10.0.10"]{display:flex;justify-content:center;align-items:center;margin-right:8px}.zent-pagination-page-size-changer[data-zv="10.0.10"] .zent-select-v2{margin-left:4px;margin-right:0}.zent-pagination-count--middle[data-zv="10.0.10"]{margin:0 4px}.zent-pagination-count--right[data-zv="10.0.10"]{margin-left:4px}.zent-placeholder-shape[data-zv="10.0.10"]{background-color:#f7f7f7}.zent-placeholder-shape--animate[data-zv="10.0.10"]{animation:zent-ani-placeholder-bg-v10x0x10 2s linear infinite;background:linear-gradient(to right, rgba(247, 247, 247, 0.7), #f7f7f7, #f7f7f7);background:linear-gradient(to right, rgba(var(--theme-rgb-body-bg, var(--theme-rgb-stroke-7, 247, 247, 247)), 0.7), var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7)), var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7)));background-size:300% 300%}.zent-placeholder-text-row[data-zv="10.0.10"],.zent-placeholder-text-row-dashed[data-zv="10.0.10"] .zent-placeholder-shape{width:100%;height:1em}.zent-placeholder-text-row-dashed[data-zv="10.0.10"]{display:flex}.zent-placeholder-text-row-dashed-segment[data-zv="10.0.10"]{box-sizing:border-box}.zent-placeholder-circle[data-zv="10.0.10"]{border-radius:50%}@keyframes zent-ani-placeholder-bg-v10x0x10{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.zent-pop-v2[data-zv="10.0.10"]{font-size:14px;line-height:20px;background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));border-radius:4px;z-index:2000}.zent-pop-v2[data-zv="10.0.10"] .zent-pop-v2-inner,.zent-pop-v2[data-zv="10.0.10"] .zent-pop-v2-header{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));position:relative;border-radius:4px;padding:16px;z-index:2}.zent-pop-v2[data-zv="10.0.10"] .zent-pop-v2-header{font-size:16px;line-height:24px;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:0;font-weight:600}.zent-pop-v2[data-zv="10.0.10"] .zent-pop-v2-buttons{text-align:right;vertical-align:top;margin-top:16px}.zent-pop-v2[data-zv="10.0.10"] .zent-pop-v2-buttons .zent-btn+.zent-btn{margin-left:8px}.zent-pop-v2[data-zv="10.0.10"] .zent-pop-v2-arrow{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));position:absolute;z-index:1;width:6px;height:6px;overflow:hidden}.zent-pop-v2[data-zv="10.0.10"]::after{content:"";display:block;position:absolute;width:11px;height:11px}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-left .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-right .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-left .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-right .zent-pop-v2-arrow{top:0}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-left::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-center::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-right::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-left::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-center::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-right::after{top:-11px;width:100%;left:0}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-left .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-left .zent-pop-v2-arrow{transform:translateY(-50%) rotate(45deg);left:12px}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-center .zent-pop-v2-arrow{transform:translate(-50%, -50%) rotate(45deg);left:50%}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-right .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-right .zent-pop-v2-arrow{transform:translateY(-50%) rotate(45deg);right:12px}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-top-left .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-top-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-top-right .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-left .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-right .zent-pop-v2-arrow{bottom:0}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-top-left::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-top-center::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-top-right::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-left::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-center::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-right::after{bottom:-11px;width:100%;left:0}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-top-left .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-left .zent-pop-v2-arrow{transform:translateY(50%) rotate(45deg);left:12px}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-top-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-center .zent-pop-v2-arrow{transform:translate(-50%, 50%) rotate(45deg);left:50%}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-top-right .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-right .zent-pop-v2-arrow{transform:translateY(50%) rotate(45deg);right:12px}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-left-top .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-left-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-left-bottom .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-top .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-bottom .zent-pop-v2-arrow{right:0}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-left-top::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-left-center::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-left-bottom::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-top::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-center::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-bottom::after{right:-11px;height:100%;top:0}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-left-top .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-top .zent-pop-v2-arrow{transform:translateX(50%) rotate(45deg);top:6px}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-left-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-center .zent-pop-v2-arrow{transform:translate(50%, -50%) rotate(45deg);top:50%}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-left-bottom .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-bottom .zent-pop-v2-arrow{transform:translateX(50%) rotate(45deg);bottom:6px}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-right-top .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-right-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-right-bottom .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-top .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-bottom .zent-pop-v2-arrow{left:0}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-right-top::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-right-center::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-right-bottom::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-top::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-center::after,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-bottom::after{left:-11px;height:100%;top:0}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-right-top .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-top .zent-pop-v2-arrow{transform:translateX(-50%) rotate(45deg);top:6px}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-right-center .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-center .zent-pop-v2-arrow{transform:translate(-50%, -50%) rotate(45deg);top:50%}.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-right-bottom .zent-pop-v2-arrow,.zent-pop-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-bottom .zent-pop-v2-arrow{transform:translateX(-50%) rotate(45deg);bottom:6px}.zent-image-p-body[data-zv="10.0.10"]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box;z-index:1}.zent-image-p-body[data-zv="10.0.10"] .zent-image-p-show-image{max-width:90vw;max-height:90vh;cursor:zoom-in}.zent-image-p-body[data-zv="10.0.10"] .zent-image-p-show-image.zent-image-p-is-zooming{cursor:zoom-out}.zent-image-p-close[data-zv="10.0.10"]{background:rgba(255,255,255,.6);background:rgba(var(--theme-rgb-section-bg, var(--theme-rgb-stroke-9, 255, 255, 255)), 0.6);position:fixed;text-align:center;border-radius:40px;box-shadow:0 0 8px rgba(0,0,0,.6);right:20px;top:20px;width:40px;height:40px;cursor:pointer;z-index:2}.zent-image-p-close[data-zv="10.0.10"]:hover{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-image-p-close[data-zv="10.0.10"] i{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.zent-image-p-footer[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background:rgba(255,255,255,.6);background:rgba(var(--theme-rgb-section-bg, var(--theme-rgb-stroke-9, 255, 255, 255)), 0.6);position:fixed;border-radius:40px;box-shadow:0 0 8px rgba(0,0,0,.6);bottom:20px;left:50%;transform:translate(-50%);height:40px;line-height:40px;z-index:2;font-size:16px}.zent-image-p-footer[data-zv="10.0.10"].zent-image-p-footer-paging{min-width:216px}.zent-image-p-footer[data-zv="10.0.10"].zent-image-p-footer-paging.zent-image-p-show-rotate-btn{min-width:308px}.zent-image-p-footer[data-zv="10.0.10"].zent-image-p-show-rotate-btn{min-width:92px}.zent-image-p-footer[data-zv="10.0.10"] .zent-image-p-action{display:inline-block;cursor:pointer;padding:0 30px;-webkit-user-select:none;user-select:none;font-size:16px;min-width:65px;text-align:center}.zent-image-p-footer[data-zv="10.0.10"] .zent-image-p-action:hover{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-image-p-footer[data-zv="10.0.10"] .zent-image-p-action:first-child{border-radius:40px 0 0 40px}.zent-image-p-footer[data-zv="10.0.10"] .zent-image-p-action:last-child{border-radius:0 40px 40px 0}.zent-image-p-footer[data-zv="10.0.10"] .zent-image-p-action.zent-image-p-rotate-action{border-radius:40px}.zent-image-p-backdrop[data-zv="10.0.10"]{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.6);height:100%;z-index:1050}.zent-image-p-wrap[data-zv="10.0.10"]{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;outline:0}.zent-progress-info[data-zv="10.0.10"]{font-size:14px;line-height:20px;color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-weight:500;display:inline-block}.zent-progress-info[data-zv="10.0.10"]>.zenticon{font-size:20px}.zent-progress-type__line[data-zv="10.0.10"] .zent-progress-container{display:flex;align-items:center}.zent-progress-type__line[data-zv="10.0.10"] .zent-progress-wrapper{display:inline-block;vertical-align:middle;border-radius:100px;background-color:rgba(0,0,0,.05)}.zent-progress-type__line[data-zv="10.0.10"] .zent-progress-wrapper--round .zent-progress-inner{border-top-right-radius:100px;border-bottom-right-radius:100px}.zent-progress-type__line[data-zv="10.0.10"] .zent-progress-wrapper--square:not(.zent-progress-wrapper--finished) .zent-progress-inner{border-top-right-radius:2px;border-bottom-right-radius:2px}.zent-progress-type__line[data-zv="10.0.10"] .zent-progress-inner{transition:all 160ms cubic-bezier(0.17, 0.84, 0.44, 0.1);position:relative;border-radius:100px}.zent-progress-type__line[data-zv="10.0.10"] .zent-progress-inner:after{display:block;position:absolute;top:0;content:" ";width:20%;height:100%;transform:translateX(-100%);background:linear-gradient(to right, rgba(255, 255, 255, 0), #fff);background:linear-gradient(to right, rgba(var(--theme-rgb-section-bg, var(--theme-rgb-stroke-9, 255, 255, 255)), 0), var(--theme-section-bg, var(--theme-stroke-9, #fff)));animation:1400ms cubic-bezier(0, 0, 0.1, 0.1) 0s infinite normal both running zent-ani-progress-mask-move-v10x0x10}.zent-progress-type__line[data-zv="10.0.10"] .zent-progress-info{margin-left:8px;white-space:nowrap;vertical-align:middle;height:20px;line-height:20px}.zent-progress-type__line[data-zv="10.0.10"].zent-progress-state__normal .zent-progress-inner{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-progress-type__line[data-zv="10.0.10"].zent-progress-state__normal .zent-progress-info{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-progress-type__line[data-zv="10.0.10"].zent-progress-state__normal .zent-progress-info>.zenticon{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-progress-type__line[data-zv="10.0.10"].zent-progress-state__success .zent-progress-inner{background-color:#45a110;background-color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-progress-type__line[data-zv="10.0.10"].zent-progress-state__success .zent-progress-inner:after{display:none}.zent-progress-type__line[data-zv="10.0.10"].zent-progress-state__success .zent-progress-info{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-progress-type__line[data-zv="10.0.10"].zent-progress-state__success .zent-progress-info>.zenticon{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-progress-type__line[data-zv="10.0.10"].zent-progress-state__exception .zent-progress-inner{background-color:#d42f15;background-color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-progress-type__line[data-zv="10.0.10"].zent-progress-state__exception .zent-progress-inner:after{display:none}.zent-progress-type__line[data-zv="10.0.10"].zent-progress-state__exception .zent-progress-info{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-progress-type__line[data-zv="10.0.10"].zent-progress-state__exception .zent-progress-info>.zenticon{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-progress-type__circle[data-zv="10.0.10"]{position:relative;display:inline-block}.zent-progress-type__circle[data-zv="10.0.10"] .zent-progress-wrapper,.zent-progress-type__circle[data-zv="10.0.10"] .zent-progress-inner{display:inline-block;position:absolute;top:0;left:0}.zent-progress-type__circle[data-zv="10.0.10"] .zent-progress-wrapper{border-color:#f7f7f7;border-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-style:solid;box-sizing:border-box;border-radius:50%}.zent-progress-type__circle[data-zv="10.0.10"] .zent-progress-info{display:flex;height:100%;justify-content:center;align-items:center}.zent-progress-type__circle[data-zv="10.0.10"] .zent-progress-inner-path,.zent-progress-type__circle[data-zv="10.0.10"] .zent-progress-path-mask{stroke-linecap:round;fill:none;transform-origin:center}.zent-progress-type__circle[data-zv="10.0.10"] .zent-progress-inner-path--square,.zent-progress-type__circle[data-zv="10.0.10"] .zent-progress-path-mask--square{stroke-linecap:square}.zent-progress-type__circle[data-zv="10.0.10"] .zent-progress-inner-path{transition:stroke-dashoffset 160ms cubic-bezier(0.17, 0.84, 0.44, 0.1)}.zent-progress-type__circle[data-zv="10.0.10"] .zent-progress-path-mask{transition:transform 400ms cubic-bezier(0, 0, 0.1, 0.1)}.zent-progress-type__circle[data-zv="10.0.10"].zent-progress-state__normal .zent-progress-inner-path{stroke:#155bd4;stroke:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-progress-type__circle[data-zv="10.0.10"].zent-progress-state__normal .zent-progress-info{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-progress-type__circle[data-zv="10.0.10"].zent-progress-state__normal .zent-progress-info>.zenticon{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-progress-type__circle[data-zv="10.0.10"].zent-progress-state__success .zent-progress-inner-path{stroke:#45a110;stroke:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-progress-type__circle[data-zv="10.0.10"].zent-progress-state__success .zent-progress-info{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-progress-type__circle[data-zv="10.0.10"].zent-progress-state__success .zent-progress-info>.zenticon{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-progress-type__circle[data-zv="10.0.10"].zent-progress-state__exception .zent-progress-inner-path{stroke:#d42f15;stroke:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-progress-type__circle[data-zv="10.0.10"].zent-progress-state__exception .zent-progress-info{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-progress-type__circle[data-zv="10.0.10"].zent-progress-state__exception .zent-progress-info>.zenticon{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}@keyframes zent-ani-progress-mask-move-v10x0x10{0%{left:0;opacity:.2}28%{left:100%;opacity:.2}29%{left:100%;opacity:0}100%{left:100%;opacity:0}}.zent-radio-group[data-zv="10.0.10"]{display:inline-block;font-size:0}.zent-radio-group[data-zv="10.0.10"]>:not(.zent-radio-wrap){font-size:14px;line-height:20px}.zent-radio-wrap[data-zv="10.0.10"]{display:inline-block;cursor:pointer;font-size:0;margin:0;padding:0;margin-right:24px;vertical-align:middle}.zent-radio-wrap[data-zv="10.0.10"]:last-child{margin-right:0}.zent-radio-wrap[data-zv="10.0.10"] .zent-radio{position:relative;display:inline-block;white-space:nowrap;outline:none;vertical-align:middle;margin:0;padding:0;line-height:1}.zent-radio-wrap[data-zv="10.0.10"] .zent-radio>input{position:absolute;left:0;right:0;bottom:0;top:0;margin:0;padding:0;width:100%;height:100%;z-index:1;opacity:0;cursor:pointer}.zent-radio-wrap[data-zv="10.0.10"] .zent-radio-label{font-size:14px;line-height:20px;display:inline;margin-left:8px;vertical-align:middle}.zent-radio-wrap[data-zv="10.0.10"] .zent-radio-inner{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:relative;top:0;left:0;display:inline-block;width:16px;height:16px;border-radius:50%;border-width:1px;border-style:solid;box-sizing:border-box;vertical-align:middle;transition:all .1s}.zent-radio-wrap[data-zv="10.0.10"] .zent-radio-inner::after{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:absolute;display:block;content:" ";top:3px;left:3px;width:8px;height:8px;border-radius:50%;transform:scale(0);transition:all .1s ease-in-out}.zent-radio-wrap[data-zv="10.0.10"].zent-radio-checked>.zent-radio>.zent-radio-inner{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-radio-wrap[data-zv="10.0.10"].zent-radio-checked>.zent-radio>.zent-radio-inner::after{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));transform:scale(1)}.zent-radio-wrap[data-zv="10.0.10"].zent-radio-disabled{cursor:not-allowed}.zent-radio-wrap[data-zv="10.0.10"].zent-radio-disabled>.zent-radio>.zent-radio-inner{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-radio-wrap[data-zv="10.0.10"].zent-radio-disabled>.zent-radio>.zent-radio-inner::after{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-radio-wrap[data-zv="10.0.10"].zent-radio-disabled>.zent-radio>input[type=radio]{pointer-events:none}.zent-radio-wrap[data-zv="10.0.10"].zent-radio-disabled.zent-radio-checked>.zent-radio>.zent-radio-inner{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-radio-wrap[data-zv="10.0.10"].zent-radio-disabled.zent-radio-checked>.zent-radio>.zent-radio-inner::after{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-radio-wrap[data-zv="10.0.10"].zent-radio-disabled .zent-radio-label{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-radio-wrap[data-zv="10.0.10"]:not(.zent-radio-disabled):hover .zent-radio-inner{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-radio-button[data-zv="10.0.10"]{font-size:14px;line-height:20px;color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;border-style:solid;position:relative;box-sizing:border-box;display:inline-block;padding:5px 10px;text-align:center;transition:all 100ms cubic-bezier(0.17, 0.84, 0.44, 0.1)}.zent-radio-button[data-zv="10.0.10"]>input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:0;padding:0;margin:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block;cursor:pointer}.zent-radio-button[data-zv="10.0.10"]:not(:first-child){margin-left:-1px}.zent-radio-button[data-zv="10.0.10"]:first-child{border-radius:2px 0 0 2px}.zent-radio-button[data-zv="10.0.10"]:last-child{border-radius:0 2px 2px 0}.zent-radio-button[data-zv="10.0.10"]:hover:not(.zent-radio-button--disabled){color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-radio-button--checked[data-zv="10.0.10"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));z-index:1}.zent-radio-button--disabled[data-zv="10.0.10"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));cursor:not-allowed}.zent-radio-button--disabled[data-zv="10.0.10"]>input[type=radio]{pointer-events:none}.zent-radio-button--disabled[data-zv="10.0.10"].zent-radio-button--checked{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-10, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-rate[data-zv="10.0.10"]{color:#edd418;color:var(--rate-star-color, #edd418);display:inline-block;outline:none;font-size:16px}.zent-rate-star[data-zv="10.0.10"]{display:inline-block;margin-right:9px;cursor:pointer;position:relative;transition:all .3s}.zent-rate-star[data-zv="10.0.10"]:hover{transform:scale(1.1)}.zent-rate-star-first[data-zv="10.0.10"]{position:absolute;left:0;top:0;width:50%;height:100%;overflow:hidden;opacity:0}.zent-rate-star-zero[data-zv="10.0.10"]{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-rate-star-half[data-zv="10.0.10"] .zent-rate-star-first,.zent-rate-star-part[data-zv="10.0.10"] .zent-rate-star-first{opacity:1}.zent-rate-star-half[data-zv="10.0.10"] .zent-rate-star-second,.zent-rate-star-part[data-zv="10.0.10"] .zent-rate-star-second{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-rate-star[data-zv="10.0.10"] .zent-rate-star-icon{font-size:12px}.zent-rate-disabled[data-zv="10.0.10"] .zent-rate-star,.zent-rate-readonly[data-zv="10.0.10"] .zent-rate-star{cursor:not-allowed;transition:none}.zent-rate-disabled[data-zv="10.0.10"] .zent-rate-star:hover,.zent-rate-readonly[data-zv="10.0.10"] .zent-rate-star:hover{transform:scale(1)}.zent-rate-readonly[data-zv="10.0.10"] .zent-rate-star{cursor:auto}.zent-popup-menu[data-zv="10.0.10"]{box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));left:0;outline:none;overflow-y:auto;position:relative;width:100%;z-index:2000;max-height:224px;border-radius:3px;font-size:14px}.zent-popup-menu[data-zv="10.0.10"] .zent-popup-menu-item{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:block;outline:none;padding:7px 16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.zent-popup-menu[data-zv="10.0.10"] .zent-popup-menu-item.current,.zent-popup-menu[data-zv="10.0.10"] .zent-popup-menu-item.hover,.zent-popup-menu[data-zv="10.0.10"] .zent-popup-menu-item:hover{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-popup-menu[data-zv="10.0.10"] .zent-popup-menu-item.active{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));font-weight:500}.zent-popup-menu[data-zv="10.0.10"] .zent-popup-menu-item.active:hover,.zent-popup-menu[data-zv="10.0.10"] .zent-popup-menu-item.active.hover,.zent-popup-menu[data-zv="10.0.10"] .zent-popup-menu-item.active.current{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-popup-menu[data-zv="10.0.10"] .zent-popup-menu-item.disabled{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-popup-menu[data-zv="10.0.10"] .zent-popup-menu-item.disabled:hover{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));background:none}.zent-menu-item-group-header[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:11px;background:none;cursor:default;text-transform:uppercase;padding:5px 7px;font-weight:bold}.zent-divider-line[data-zv="10.0.10"]{border-top-color:#e0e0e0;border-top-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-top-width:1px;border-top-style:solid;margin:6px 0}.zent-select-v2[data-zv="10.0.10"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-width:1px;border-style:solid;border-radius:2px;cursor:pointer;min-height:32px;padding:5px 26px 5px 12px;box-sizing:border-box;display:flex;flex-wrap:wrap;transition:border-color .25s;outline:none;position:relative;line-height:20px}.zent-select-v2-xs[data-zv="10.0.10"]{width:116px}.zent-select-v2-s[data-zv="10.0.10"]{width:240px}.zent-select-v2-m[data-zv="10.0.10"]{width:364px}.zent-select-v2-l[data-zv="10.0.10"]{width:488px}.zent-select-v2-xl[data-zv="10.0.10"]{width:612px}.zent-select-v2[data-zv="10.0.10"] .zenticon-down{color:#999;color:var(--theme-hint-color, var(--theme-stroke-2, #999));font-size:20px;right:8px;position:absolute;transition:transform .25s;top:5px;margin:auto}.zent-select-v2[data-zv="10.0.10"].zent-select-v2-disabled{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));cursor:not-allowed;-webkit-user-select:none;user-select:none}.zent-select-v2[data-zv="10.0.10"].zent-select-v2-disabled:hover{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));box-shadow:none}.zent-select-v2[data-zv="10.0.10"].zent-select-v2-disabled .zent-select-v2-tag{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));cursor:not-allowed}.zent-select-v2[data-zv="10.0.10"].zent-select-v2-disabled .zent-select-v2-tag-close{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));cursor:not-allowed}.zent-select-v2[data-zv="10.0.10"].zent-select-v2-disabled .zent-select-v2-tag-collapsed-trigger{color:#e0e0e0;color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-select-v2[data-zv="10.0.10"].zent-select-v2-disabled .zenticon-down{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-select-v2-multiple[data-zv="10.0.10"]{padding-top:4px;padding-bottom:4px}.zent-select-v2-multiple[data-zv="10.0.10"] .zent-select-v2-placeholder{line-height:22px}.zent-select-v2-multiple[data-zv="10.0.10"] .zent-select-v2-search{min-height:22px;line-height:22px}.zent-select-v2-placeholder[data-zv="10.0.10"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-select-v2-text[data-zv="10.0.10"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-select-v2-clearable[data-zv="10.0.10"] .zenticon-close-circle{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));font-size:20px;position:absolute;right:8px;top:5px;margin:auto;display:none;cursor:pointer}.zent-select-v2-clearable[data-zv="10.0.10"].zent-select-v2:hover .zenticon-down,.zent-select-v2-clearable[data-zv="10.0.10"].zent-select-v2-active .zenticon-down{display:none}.zent-select-v2-clearable[data-zv="10.0.10"].zent-select-v2:hover .zenticon-close-circle,.zent-select-v2-clearable[data-zv="10.0.10"].zent-select-v2-active .zenticon-close-circle{display:inline-block}.zent-select-v2[data-zv="10.0.10"]:hover,.zent-select-v2[data-zv="10.0.10"].zent-select-v2-active{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-select-v2[data-zv="10.0.10"].zent-select-v2-inline{display:inline-flex}.zent-select-v2-collapsable-single[data-zv="10.0.10"]{display:flex;flex-wrap:nowrap}.zent-select-v2-collapsable-single[data-zv="10.0.10"] .zent-select-v2-tag-collapsed-trigger{flex-shrink:0}.zent-select-v2-collapsable[data-zv="10.0.10"] .zent-select-v2-search-wrap{flex:1}.zent-select-v2-search[data-zv="10.0.10"]{outline:none;border:0;margin:0;padding:0;width:100%}.zent-select-v2-search[data-zv="10.0.10"]::-webkit-input-placeholder{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-select-v2-search[data-zv="10.0.10"]::placeholder{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-select-v2-search-wrap[data-zv="10.0.10"]{width:100%;position:relative}.zent-select-v2-search-wrap-auto-width[data-zv="10.0.10"]{width:auto;min-width:10px;min-height:20px}.zent-select-v2-search-wrap[data-zv="10.0.10"] .zent-select-v2-search{min-width:10px;position:absolute;top:0;left:0}.zent-select-v2-search-mirror[data-zv="10.0.10"]{white-space:nowrap;visibility:hidden}.zent-select-v2-popup[data-zv="10.0.10"]{box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-layer, 0 2px 16px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));left:0;outline:none;overflow-y:auto;position:relative;width:100%;z-index:2000;max-height:224px;border-radius:3px;font-size:14px;max-height:272px;overflow-y:auto}.zent-select-v2-popup-empty[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));padding:0 20px;min-height:48px;display:flex;align-items:center;justify-content:center}.zent-select-v2-popup-loading[data-zv="10.0.10"]{font-size:12px;text-align:center;padding:7px 0}.zent-select-v2-option[data-zv="10.0.10"]{height:32px;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;padding:6px 12px}.zent-select-v2-option-text[data-zv="10.0.10"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;flex:1 1 100%}.zent-select-v2-option-text-content[data-zv="10.0.10"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-select-v2-option-text-highlight[data-zv="10.0.10"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-select-v2-option[data-zv="10.0.10"]:hover,.zent-select-v2-option-active[data-zv="10.0.10"],.zent-select-v2-option-active[data-zv="10.0.10"].zent-select-v2-option-selected{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-select-v2-option-header[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-2, #999));cursor:default;font-size:12px;padding:8px 12px;line-height:16px}.zent-select-v2-option-header[data-zv="10.0.10"]:first-child{margin-top:8px}.zent-select-v2-option-header[data-zv="10.0.10"]:hover,.zent-select-v2-option-header[data-zv="10.0.10"].zent-select-v2-option-active{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));cursor:default}.zent-select-v2-option-disabled[data-zv="10.0.10"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-select-v2-option-disabled[data-zv="10.0.10"]:hover,.zent-select-v2-option-disabled[data-zv="10.0.10"].zent-select-v2-option-active{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));cursor:not-allowed}.zent-select-v2-option-selected[data-zv="10.0.10"]{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));font-weight:500}.zent-select-v2-option-selected-bold[data-zv="10.0.10"]{font-weight:500}.zent-select-v2-option-selected-multiple[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:18px;display:block;margin-left:auto;margin-right:-4px;padding-left:8px}.zent-select-v2-option-loading[data-zv="10.0.10"]{margin-left:auto;padding-left:8px}.zent-select-v2-tag[data-zv="10.0.10"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-radius:2px;height:18px;margin:2px 4px 2px 0;padding-left:4px;line-height:16px;font-size:12px;display:flex;align-items:center;word-break:break-all;box-sizing:border-box;overflow:hidden;border-width:1px;border-style:solid;cursor:default}.zent-select-v2-tag-text[data-zv="10.0.10"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-select-v2-tag-close[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));cursor:pointer;font-size:16px}.zent-select-v2-tag-collapsed-trigger[data-zv="10.0.10"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-radius:2px;height:18px;margin:2px 4px 2px 0;padding-left:4px;line-height:16px;font-size:12px;display:flex;align-items:center;word-break:break-all;box-sizing:border-box;overflow:hidden;padding:0 4px;cursor:pointer;justify-content:center}.zent-select-v2-tag-collapsed-trigger-text[data-zv="10.0.10"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zent-select-v2-tag-collapsed-content[data-zv="10.0.10"]{font-size:14px;line-height:20px;max-width:216px;max-height:80px;overflow-y:auto;word-break:break-all;border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-slider[data-zv="10.0.10"]{display:flex;align-items:center;min-height:30px;padding:8px 7px}.zent-slider-main[data-zv="10.0.10"]{background-color:rgba(0,0,0,.05);flex:1;height:14px;cursor:pointer;position:relative;border-top:5px solid transparent;border-bottom:5px solid transparent;border-radius:8px;box-sizing:border-box;-webkit-user-select:none;user-select:none;background-clip:content-box}.zent-slider-main[data-zv="10.0.10"]:hover .zent-slider-track{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-slider-main[data-zv="10.0.10"]:hover .zent-slider-track-disabled{background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-slider-main[data-zv="10.0.10"]:hover .zent-slider-track-disabled:hover{background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-slider-track[data-zv="10.0.10"]{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));height:4px;position:absolute;border-radius:8px}.zent-slider-track[data-zv="10.0.10"]:hover{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-slider-track-disabled[data-zv="10.0.10"]{background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-slider-track-disabled[data-zv="10.0.10"]:hover{background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-slider-point[data-zv="10.0.10"]{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-sizing:border-box;width:12px;height:12px;border-radius:50%;border-width:2px;border-style:solid;cursor:pointer;position:relative;z-index:1;transition:border-color .3s ease,height .1s linear,width .1s linear,transform .3s cubic-bezier(0.18, 0.89, 0.32, 1.28)}.zent-slider-point[data-zv="10.0.10"]:hover:not(.zent-slider-point-disabled){height:16px;width:16px}.zent-slider-point[data-zv="10.0.10"]:active:not(.zent-slider-point-disabled){color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));transform-origin:center center;height:16px;width:16px;cursor:pointer}.zent-slider-point[data-zv="10.0.10"]:active:not(.zent-slider-point-disabled)::after{border-color:rgba(21,91,212,.15);border-color:rgba(var(--theme-rgb-primary-bg, var(--theme-rgb-primary-4, 21, 91, 212)), 0.15);border-style:solid;border-width:6px;width:16px;height:16px;content:"";display:inline-block;border-radius:50%;position:absolute;left:-8px;top:-8px}.zent-slider-point-disabled[data-zv="10.0.10"]{border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));border-width:2px;border-style:solid;cursor:not-allowed}.zent-slider-point-disabled[data-zv="10.0.10"]:hover{border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));transform:scale(1);transform-origin:center center}.zent-slider-tooltip[data-zv="10.0.10"]{position:absolute;cursor:initial;z-index:1;top:50%;transform:translate(-50%, -50%)}.zent-slider-tooltip-content[data-zv="10.0.10"]{font-size:14px;line-height:20px;background-color:#333;background-color:var(--theme-title-color, var(--theme-stroke-1, #333));color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:absolute;top:-48px;padding:8px 10px;border-radius:2px;line-height:14px;z-index:2;white-space:nowrap;left:50%;transform:translateX(-50%);height:32px;box-sizing:border-box;display:none}.zent-slider-tooltip[data-zv="10.0.10"]:after{background-color:#333;background-color:var(--theme-title-color, var(--theme-stroke-1, #333));content:"";transform:translate(-50%, 50%) rotate(45deg);width:8px;height:8px;top:-24px;position:absolute;left:50%;display:none}.zent-slider-tooltip-active[data-zv="10.0.10"] .zent-slider-tooltip-content,.zent-slider-tooltip[data-zv="10.0.10"]:hover .zent-slider-tooltip-content{display:block}.zent-slider-tooltip-active[data-zv="10.0.10"]:after,.zent-slider-tooltip[data-zv="10.0.10"]:hover:after{display:block}.zent-slider-tooltip-active[data-zv="10.0.10"] .zent-slider-point{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));transform-origin:center center;height:16px;width:16px;cursor:pointer}.zent-slider-tooltip-active[data-zv="10.0.10"] .zent-slider-point::after{border-color:rgba(21,91,212,.15);border-color:rgba(var(--theme-rgb-primary-bg, var(--theme-rgb-primary-4, 21, 91, 212)), 0.15);border-style:solid;border-width:6px;width:16px;height:16px;content:"";display:inline-block;border-radius:50%;position:absolute;left:-8px;top:-8px}.zent-slider-input[data-zv="10.0.10"]{display:flex;margin-left:24px;line-height:30px}.zent-slider-input[data-zv="10.0.10"] .slider-input-line{padding:0 5px}.zent-slider-input[data-zv="10.0.10"] .zent-input-wrapper,.zent-slider-input[data-zv="10.0.10"].zent-input-wrapper{width:60px}.zent-slider-input[data-zv="10.0.10"] .zent-input-wrapper .zent-input,.zent-slider-input[data-zv="10.0.10"].zent-input-wrapper .zent-input{min-width:60px}.zent-slider-mark[data-zv="10.0.10"]{position:absolute;padding-top:12px;transform:translateX(-50%);cursor:initial}.zent-slider-dot[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));position:absolute;display:inline-block;width:6px;margin-top:-2px;transform:translateX(-50%);height:6px;border-width:1px;border-style:solid;border-radius:50%}.zent-slider-dot-active[data-zv="10.0.10"]{border-color:#356fd4;border-color:var(--theme-primary-hover-bg, var(--theme-primary-6, #356fd4));border-width:1px;border-style:solid}.zent-slider-disabled[data-zv="10.0.10"] .zent-slider-main{cursor:not-allowed}.zent-sortable__fallback[data-zv="10.0.10"]{background-color:rgba(255,255,255,.5);background-color:rgba(var(--theme-rgb-section-bg, var(--theme-rgb-stroke-9, 255, 255, 255)), 0.5)}.zent-sortable[data-zv="10.0.10"]:not(.zent-sortable--grabbing):not(.zent-sortable--handle)>*{cursor:-webkit-grab;cursor:grab}.zent-sortable[data-zv="10.0.10"] .zent-sortable__drag{box-shadow:0 2px 8px 0 rgba(0,0,0,.1);opacity:.3}.zent-sortable[data-zv="10.0.10"] .zent-sortable__ghost{position:relative}.zent-sortable[data-zv="10.0.10"] .zent-sortable__ghost::before{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));content:"";display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.zent-split-button[data-zv="10.0.10"]{display:inline-block}.zent-split-button[data-zv="10.0.10"]+.zent-split-button{margin-left:10px}.zent-split-button__main[data-zv="10.0.10"]{border-top-right-radius:0;border-bottom-right-radius:0}.zent-split-button__main[data-zv="10.0.10"].zent-btn-loading:hover,.zent-split-button__main[data-zv="10.0.10"].zent-btn-loading:active{z-index:0}.zent-split-button__main[data-zv="10.0.10"].zent-btn-primary{border-right-color:#356fd4;border-right-color:var(--theme-primary-hover-bg, var(--theme-primary-6, #356fd4))}.zent-split-button__main[data-zv="10.0.10"].zent-btn-danger{border-right-color:#d42f15;border-right-color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.zent-split-button__main[data-zv="10.0.10"].zent-btn-success{border-right-color:#45a110;border-right-color:var(--theme-success-color, var(--theme-success-4, #45a110))}.zent-split-button__main[data-zv="10.0.10"].zent-btn-text{border-right-width:1px;border-right-style:solid;border-right-color:#fff;border-right-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-split-button__main[data-zv="10.0.10"].zent-btn-disabled{border-right-color:#f7f7f7;border-right-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-split-button__main[data-zv="10.0.10"],.zent-split-button__dropdown-wrapper[data-zv="10.0.10"]{position:relative;z-index:1}.zent-split-button__main[data-zv="10.0.10"]:hover,.zent-split-button__dropdown-wrapper[data-zv="10.0.10"]:hover{z-index:2}.zent-split-button__dropdown-wrapper[data-zv="10.0.10"]{margin-left:1px;display:inline-block}.zent-split-button__dropdown-wrapper-text[data-zv="10.0.10"]{margin-left:0}.zent-split-button__dropdown[data-zv="10.0.10"]{border-top-left-radius:0;border-bottom-left-radius:0;padding:0}.zent-split-button__dropdown-icononly[data-zv="10.0.10"]{border-top-left-radius:2px;border-bottom-left-radius:2px}.zent-split-button__dropdown-icon[data-zv="10.0.10"].zenticon.zenticon-down{margin-left:6px;margin-right:6px}.zent-split-button__dropdown[data-zv="10.0.10"].zent-btn-primary{border-left-color:#356fd4;border-left-color:var(--theme-primary-hover-bg, var(--theme-primary-6, #356fd4))}.zent-split-button__dropdown[data-zv="10.0.10"].zent-btn-danger{border-left-color:#d42f15;border-left-color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.zent-split-button__dropdown[data-zv="10.0.10"].zent-btn-success{border-left-color:#45a110;border-left-color:var(--theme-success-color, var(--theme-success-4, #45a110))}.zent-split-button__dropdown[data-zv="10.0.10"].zent-btn-text .zent-split-button__dropdown-icon{margin-left:4px;margin-right:4px;font-size:14px}.zent-split-button__dropdown[data-zv="10.0.10"].zent-btn-disabled{border-left-color:#f7f7f7;border-left-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-split-button__dropdown-disabled[data-zv="10.0.10"]{cursor:not-allowed}.zent-split-button__dropdown-menu[data-zv="10.0.10"]{display:inline-block;width:unset}.zent-split-button__dropdown-menu[data-zv="10.0.10"] .zent-menu-item{padding:0 16px}.zent-split-button__dropdown-menu[data-zv="10.0.10"] .zent-menu-item:hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-split-button__dropdown-menu-item-text[data-zv="10.0.10"].zent-menu-item{padding:0 8px}.zent-steps[data-zv="10.0.10"]{width:100%;line-height:1.5;font-size:0;display:flex;box-sizing:border-box}.zent-steps-tail[data-zv="10.0.10"]{position:absolute;width:100%;left:0;top:13px;box-sizing:border-box;margin-left:75px}.zent-steps-tail[data-zv="10.0.10"] i{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));display:inline-block;position:relative;width:100%;border-radius:1px;height:3px;vertical-align:top;transform:scaleY(0.5) translateY(4px)}.zent-steps-tail[data-zv="10.0.10"] i::after{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));content:"";position:absolute;top:0;width:0;height:100%;opacity:0}.zent-steps-step[data-zv="10.0.10"]{position:relative}.zent-steps-step[data-zv="10.0.10"] .zent-step-head{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:relative;display:inline-block;vertical-align:top;margin-left:60px;box-sizing:border-box}.zent-steps-step[data-zv="10.0.10"] .zent-step-main{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));position:relative;vertical-align:top;width:160px;text-align:center}.zent-steps-step[data-zv="10.0.10"] .zent-step-main .zent-step-title{font-size:14px;font-weight:500;max-width:160px;line-height:14px;margin-top:10px;word-wrap:break-word;word-break:break-all}.zent-steps-step[data-zv="10.0.10"] .zent-step-main .zent-step-description{max-width:160px;font-size:12px;line-height:16px;margin-top:8px;word-wrap:break-word;word-break:break-all}.zent-step-head-inner[data-zv="10.0.10"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));margin:0 8px;font-size:30px;line-height:30px}.zent-step-head-inner[data-zv="10.0.10"] .zent-icon{background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:inline-block;vertical-align:middle;width:24px;height:24px;line-height:24px;border-radius:50%;text-align:center;font-size:14px}.zent-step-head-inner[data-zv="10.0.10"] .zent-icon.zent-steps-sequence{width:24px;height:24px;line-height:24px;margin:3px}.zent-step-head-inner[data-zv="10.0.10"] .zenticon{vertical-align:middle}.zent-steps-item[data-zv="10.0.10"]{position:relative;display:inline-block;vertical-align:top;overflow:visible;flex:1;cursor:default}.zent-steps-item[data-zv="10.0.10"].zent-steps-status-finish.zent-steps-item--current .zent-steps-tail i::after{width:0}.zent-steps-item[data-zv="10.0.10"].zent-steps-status-finish.zent-steps-item--last-finished .zent-steps-tail i::after{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));width:100%}.zent-steps-item[data-zv="10.0.10"].zent-steps-status-finish .zent-step-head-inner{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-item[data-zv="10.0.10"].zent-steps-status-finish .zent-step-head-inner .zent-icon{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-item[data-zv="10.0.10"].zent-steps-status-finish .zent-step-main .zent-step-title{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-steps-item[data-zv="10.0.10"].zent-steps-status-finish .zent-steps-tail i::after{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));width:100%;transition:all .2s ease;opacity:1}.zent-steps-item[data-zv="10.0.10"].zent-steps-status-error .zent-step-head-inner{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-steps-item[data-zv="10.0.10"].zent-steps-status-error .zent-step-main .zent-step-title{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-steps-item[data-zv="10.0.10"].zent-steps-status-process .zent-step-head-inner .zent-icon{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-item[data-zv="10.0.10"].zent-steps-status-process .zent-step-main .zent-step-title{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-steps-item[data-zv="10.0.10"]:last-child{flex:none}.zent-steps-item[data-zv="10.0.10"]:last-child .zent-steps-tail{display:none}.zent-steps-item__icon[data-zv="10.0.10"]{font-size:16px;margin-right:8px;height:20px;line-height:20px}.zent-steps__vertical[data-zv="10.0.10"]{display:block}.zent-steps__vertical[data-zv="10.0.10"] .zent-steps-item{display:block;overflow:visible}.zent-steps__vertical[data-zv="10.0.10"] .zent-steps-item.zent-steps-status-finish.zent-steps-item--current .zent-steps-tail i::after{width:100%;height:0}.zent-steps__vertical[data-zv="10.0.10"] .zent-steps-item.zent-steps-status-finish.zent-steps-item--last-finished .zent-steps-tail i::after{width:100%}.zent-steps__vertical[data-zv="10.0.10"] .zent-steps-item.zent-steps-status-finish .zent-steps-tail i::after{width:100%}.zent-steps__vertical[data-zv="10.0.10"] .zent-steps-item:last-child .zent-steps-step .zent-step-main{min-height:auto}.zent-steps__vertical[data-zv="10.0.10"] .zent-steps-tail{position:absolute;margin-left:0;width:2px;left:18px;top:0;height:100%;padding:30px 0 4px}.zent-steps__vertical[data-zv="10.0.10"] .zent-steps-tail i{height:100%;width:2px}.zent-steps__vertical[data-zv="10.0.10"] .zent-steps-tail i::after{width:100%}.zent-steps__vertical[data-zv="10.0.10"] .zent-steps-step .zent-step-head{float:left;margin-left:0}.zent-steps__vertical[data-zv="10.0.10"] .zent-steps-step .zent-step-main{display:block;overflow:hidden;min-height:120px;text-align:left;width:inherit;padding-left:5px}.zent-steps__vertical[data-zv="10.0.10"] .zent-steps-step .zent-step-main .zent-step-title{margin-top:2px;line-height:22px;max-width:initial}.zent-steps__vertical[data-zv="10.0.10"] .zent-steps-step .zent-step-main .zent-step-description{margin-top:2px;padding-bottom:15px;max-width:initial}.zent-steps__vertical[data-zv="10.0.10"] .zent-step-head-inner{margin-right:8px}.zent-steps-card[data-zv="10.0.10"] .zent-steps-item{box-sizing:border-box;padding:0 1px}.zent-steps-card[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--clickable{cursor:pointer}.zent-steps-card[data-zv="10.0.10"] .zent-steps-item:first-child{padding-left:0}.zent-steps-card[data-zv="10.0.10"] .zent-steps-item:last-child{padding-right:0}.zent-steps-card[data-zv="10.0.10"] .zent-steps-item .zent-steps-step{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));height:50px;line-height:50px;font-size:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px}.zent-steps-card[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--current:hover .zent-steps-step{background-color:#356fd4;background-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-steps-card[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--current:active .zent-steps-step{background-color:#114bae;background-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-steps-card[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--current .zent-steps-step{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-steps-breadcrumb[data-zv="10.0.10"]{overflow:hidden}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item{padding:0 14px;box-sizing:border-box}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--clickable{cursor:pointer}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item:first-child{padding-left:0}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item:first-child .zent-steps-step::before{display:none}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item:last-child{padding-right:0}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item:last-child .zent-steps-step::after{display:none}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item .zent-steps-step{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));height:48px;line-height:48px;font-size:14px;text-align:center;padding:0 10px}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item .zent-steps-step::after{border-left-color:#f7f7f7;border-left-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));content:" ";display:block;width:0;height:0;border-top:24px solid transparent;border-bottom:24px solid transparent;border-left-width:12px;border-left-style:solid;position:absolute;top:50%;margin-top:-24px;right:-12px;z-index:1}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item .zent-steps-step::before{border-top-color:#f7f7f7;border-top-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-bottom-color:#f7f7f7;border-bottom-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));content:" ";display:block;width:0;height:0;border-top-width:24px;border-top-style:solid;border-bottom-width:24px;border-bottom-style:solid;border-left:12px solid transparent;position:absolute;top:50%;margin-top:-24px;left:-12px}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item .zent-steps-step .zent-steps-sequence{background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));font-size:14px;display:inline-block;vertical-align:middle;width:16px;height:16px;line-height:16px;border-radius:50%;text-align:center;margin-right:8px;margin-bottom:2px}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished .zent-steps-sequence{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished:hover .zent-steps-step{background-color:#356fd4;background-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished:hover .zent-steps-step::after{border-left-color:#356fd4;border-left-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished:hover .zent-steps-step::before{border-top-color:#356fd4;border-top-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4));border-bottom-color:#356fd4;border-bottom-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished:active .zent-steps-step{background-color:#114bae;background-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished:active .zent-steps-step::after{border-left-color:#114bae;border-left-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished:active .zent-steps-step::before{border-top-color:#114bae;border-top-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae));border-bottom-color:#114bae;border-bottom-color:var(--theme-primary-active-bg, var(--theme-primary-3, #114bae))}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished .zent-steps-step{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished .zent-steps-step::after{border-left-color:#155bd4;border-left-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-breadcrumb[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished .zent-steps-step::before{border-top-color:#155bd4;border-top-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-bottom-color:#155bd4;border-bottom-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item .zent-steps-step{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-weight:600;z-index:1}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item .zent-steps-step::before{border-top-color:#fff;border-top-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:#fff;border-bottom-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item .zent-steps-step::after{border-left-color:#fff;border-left-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished .zent-steps-step{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-sizing:border-box}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished .zent-steps-step::after{border-left-color:#fff;border-left-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished .zent-steps-step::before{border-top-color:#fff;border-top-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:#fff;border-bottom-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--current::after{border-left-color:#155bd4;border-left-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));content:" ";display:block;width:0;height:0;border-top:28px solid transparent;border-bottom:28px solid transparent;border-left-width:14px;border-left-style:solid;position:absolute;top:50%;margin-top:-28px;right:1px;z-index:0}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--current::before{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));content:" ";display:block;width:0;height:0;border-style:solid;border-top-width:28px;border-bottom-width:28px;border-right-width:1px;border-left:15px solid transparent;position:absolute;top:50%;margin-top:-28px;left:-2px}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--current .zent-steps-step{border-top-color:#155bd4;border-top-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-bottom-color:#155bd4;border-bottom-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;line-height:46px}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--current .zent-steps-step::before{border-top-width:23px;border-bottom-width:23px;margin-top:-23px}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--disabled:hover .zent-steps-step,.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--disabled:active .zent-steps-step,.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished.zent-steps-item--disabled:hover .zent-steps-step,.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished.zent-steps-item--disabled:active .zent-steps-step{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--disabled:hover .zent-steps-step::after,.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--disabled:active .zent-steps-step::after,.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished.zent-steps-item--disabled:hover .zent-steps-step::after,.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished.zent-steps-item--disabled:active .zent-steps-step::after{border-left-color:#f7f7f7;border-left-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--disabled:hover .zent-steps-step::before,.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--disabled:active .zent-steps-step::before,.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished.zent-steps-item--disabled:hover .zent-steps-step::before,.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished.zent-steps-item--disabled:active .zent-steps-step::before{border-top-color:#f7f7f7;border-top-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));border-bottom-color:#f7f7f7;border-bottom-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item:not(.zent-steps-item--disabled):hover .zent-steps-step,.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished:not(.zent-steps-item--disabled):hover .zent-steps-step{background-color:#efefef}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item:not(.zent-steps-item--disabled):hover .zent-steps-step::after,.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished:not(.zent-steps-item--disabled):hover .zent-steps-step::after{border-left-color:#efefef}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item:not(.zent-steps-item--disabled):hover .zent-steps-step::before,.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished:not(.zent-steps-item--disabled):hover .zent-steps-step::before{border-top-color:#efefef;border-bottom-color:#efefef}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item:not(.zent-steps-item--disabled):active .zent-steps-step,.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished:not(.zent-steps-item--disabled):active .zent-steps-step{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item:not(.zent-steps-item--disabled):active .zent-steps-step::after,.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished:not(.zent-steps-item--disabled):active .zent-steps-step::after{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item:not(.zent-steps-item--disabled):active .zent-steps-step::before,.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--finished:not(.zent-steps-item--disabled):active .zent-steps-step::before{border-top-color:#e0e0e0;border-top-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--disabled{cursor:not-allowed}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--disabled::after{border-left-color:#ccc;border-left-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));content:" ";display:block;width:0;height:0;border-top:28px solid transparent;border-bottom:28px solid transparent;border-left-width:14px;border-left-style:solid;position:absolute;top:50%;margin-top:-28px;right:1px;z-index:0}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--disabled::before{border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));content:" ";display:block;width:0;height:0;border-style:solid;border-top-width:28px;border-bottom-width:28px;border-right-width:1px;border-left:15px solid transparent;position:absolute;top:50%;margin-top:-28px;left:-2px}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--disabled .zent-steps-step{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));border-top-color:#ccc;border-top-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));border-bottom-color:#ccc;border-bottom-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;line-height:46px;box-sizing:border-box}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--disabled .zent-steps-step::after{border-left-color:#f7f7f7;border-left-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--disabled .zent-steps-step::before{border-top-width:23px;border-bottom-width:23px;margin-top:-23px;border-top-color:#f7f7f7;border-top-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));border-bottom-color:#f7f7f7;border-bottom-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item:first-child{border-left-width:1px;border-left-style:solid;border-left-color:transparent}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item:first-child.zent-steps-item--current{border-left-color:#155bd4;border-left-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item:first-child.zent-steps-item--disabled{border-left-color:#ccc;border-left-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item:last-child{border-right-width:1px;border-right-style:solid;border-right-color:transparent}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item:last-child.zent-steps-item--current{border-right-color:#155bd4;border-right-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-steps-breadcrumb-ghost[data-zv="10.0.10"] .zent-steps-item:last-child.zent-steps-item--disabled{border-right-color:#ccc;border-right-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-steps-tabs[data-zv="10.0.10"]{position:relative}.zent-steps-tabs[data-zv="10.0.10"] .zent-steps-item{color:#f7f7f7;color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-top-color:#e0e0e0;border-top-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));position:relative;box-sizing:border-box;display:inline-block;border-right-width:1px;border-right-style:solid;border-top-width:1px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid}.zent-steps-tabs[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--clickable{cursor:pointer}.zent-steps-tabs[data-zv="10.0.10"] .zent-steps-item:first-child{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-left-width:1px;border-left-style:solid}.zent-steps-tabs[data-zv="10.0.10"] .zent-steps-item .zent-steps-step{height:46px;line-height:46px;font-size:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px}.zent-steps-tabs[data-zv="10.0.10"] .zent-steps-item.zent-steps-item--current{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:transparent}.zent-steps-tabs[data-zv="10.0.10"] .zent-steps-item:not(.zent-steps-item--current){background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-steps-tabs[data-zv="10.0.10"] .zent-steps-item:not(.zent-steps-item--current):hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-steps-tabs[data-zv="10.0.10"] .zent-steps-item:not(.zent-steps-item--current):active{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-sweetalert-icon-title[data-zv="10.0.10"]{line-height:14px}.zent-sweetalert-icon-title[data-zv="10.0.10"] .zent-sweetalert-type-icon{margin-right:10px;vertical-align:bottom;font-weight:bold}.zent-sweetalert-icon-title[data-zv="10.0.10"] .zenticon-info-circle-o{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-sweetalert-icon-title[data-zv="10.0.10"] .zenticon-check-circle-o{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-sweetalert-icon-title[data-zv="10.0.10"] .zenticon-close-circle-o{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-sweetalert-icon-title[data-zv="10.0.10"] .zenticon-warning-o{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-swiper[data-zv="10.0.10"]{position:relative;overflow:hidden}.zent-swiper__container[data-zv="10.0.10"]{height:100%;position:relative;transition:cubic-bezier(0.65, 0, 0.35, 1)}.zent-swiper__arrow[data-zv="10.0.10"]{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.zent-swiper__arrow-icon[data-zv="10.0.10"]{color:#000;font-size:24px;opacity:.2;transition:opacity 100ms cubic-bezier(0, 0, 0.1, 0.1)}.zent-swiper__arrow-icon[data-zv="10.0.10"]:hover{opacity:.7}.zent-swiper__arrow--disabled[data-zv="10.0.10"]{cursor:not-allowed}.zent-swiper__arrow--disabled[data-zv="10.0.10"] .zent-swiper__arrow-icon{opacity:.1}.zent-swiper__arrow--disabled[data-zv="10.0.10"] .zent-swiper__arrow-icon:hover{opacity:.1}.zent-swiper__arrow-left[data-zv="10.0.10"]{left:14px}.zent-swiper__arrow-left[data-zv="10.0.10"] .zent-swiper__arrow-icon{transform:rotate(180deg)}.zent-swiper__arrow-right[data-zv="10.0.10"]{right:14px}.zent-swiper--arrow-large[data-zv="10.0.10"] .zent-swiper__arrow-icon{font-size:40px}.zent-swiper--hover-show-arrow[data-zv="10.0.10"] .zent-swiper__arrow-icon{display:none}.zent-swiper--hover-show-arrow[data-zv="10.0.10"]:hover .zent-swiper__arrow-icon{display:inline-block}.zent-swiper-light[data-zv="10.0.10"] .zent-swiper__arrow-icon{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-swiper__dots[data-zv="10.0.10"]{list-style:none;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:1}.zent-swiper__dots-item[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:inline-block;border:0;cursor:pointer;outline:none}.zent-swiper__dots--line[data-zv="10.0.10"] .zent-swiper__dots-item{margin:8px 3px;height:4px;width:16px;border-radius:2px;transition:all 300ms cubic-bezier(0.65, 0, 0.35, 1)}.zent-swiper__dots--line[data-zv="10.0.10"] .zent-swiper__dots-item.zent-swiper__dots-item-active{width:24px}.zent-swiper__dots--round[data-zv="10.0.10"] .zent-swiper__dots-item{height:12px;width:12px;margin:12px 5px;border-radius:100%}.zent-swiper__dots--round[data-zv="10.0.10"] .zent-swiper__dots-large .zent-swiper__dots-item{height:15px;width:15px}.zent-swiper__dots--round[data-zv="10.0.10"] .zent-swiper__dots-small .zent-swiper__dots-item{height:15px;width:15px}.zent-swiper__dots[data-zv="10.0.10"] .zent-swiper__dots-item{background-color:rgba(0,0,0,.2)}.zent-swiper__dots--dark[data-zv="10.0.10"] .zent-swiper__dots-item-active{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-swiper__dots--light[data-zv="10.0.10"] .zent-swiper__dots-item-active{background-color:#356fd4;background-color:var(--theme-primary-hover-bg, var(--theme-primary-5, #356fd4))}.zent-swiper__dots-white[data-zv="10.0.10"] .zent-swiper__dots-item-active{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-swiper__dots-black[data-zv="10.0.10"] .zent-swiper__dots-item-active{background-color:#333;background-color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-swiper__dots-blue[data-zv="10.0.10"] .zent-swiper__dots-item-active{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-swiper__dots-red[data-zv="10.0.10"] .zent-swiper__dots-item-active{background-color:#d42f15;background-color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-swiper__dots-green[data-zv="10.0.10"] .zent-swiper__dots-item-active{background-color:#45a110;background-color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-switch[data-zv="10.0.10"]{border-color:#999;border-color:var(--theme-hint-color, var(--theme-stroke-3, #999));background-color:#999;background-color:var(--theme-hint-color, var(--theme-stroke-3, #999));position:relative;display:inline-block;box-sizing:border-box;width:44px;height:22px;line-height:20px;border-radius:100px;border-width:1px;border-style:solid;cursor:pointer;transition:all .16s cubic-bezier(0.5, 0, 0.5, 0.1)}.zent-switch[data-zv="10.0.10"]:after{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:absolute;width:18px;height:18px;left:1px;top:1px;border-radius:100%;content:" ";cursor:pointer;transition:left .16s cubic-bezier(0.5, 0, 0.5, 0.1)}.zent-switch[data-zv="10.0.10"]:focus{outline:0}.zent-switch[data-zv="10.0.10"]:focus:hover{box-shadow:none}.zent-switch-large[data-zv="10.0.10"]{height:50px;line-height:12px;width:90px;border-radius:50px}.zent-switch-large[data-zv="10.0.10"]:after{width:44px;height:44px;top:2px;left:2px}.zent-switch-large[data-zv="10.0.10"].zent-switch-checked:after{left:42px}.zent-switch-small[data-zv="10.0.10"]{width:28px;height:16px}.zent-switch-small[data-zv="10.0.10"]:after{width:12px;height:12px;left:1px;top:1px}.zent-switch-small[data-zv="10.0.10"].zent-switch-checked:after{left:13px}.zent-switch-checked[data-zv="10.0.10"]{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-switch-checked[data-zv="10.0.10"]::after{left:23px}.zent-switch-disabled[data-zv="10.0.10"]{background-color:#ccc;background-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));border-color:#ccc;border-color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-switch-disabled[data-zv="10.0.10"].zent-switch-checked{background-color:#94b4eb;border-color:#94b4eb}.zent-switch-disabled[data-zv="10.0.10"]::after{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));cursor:not-allowed}.zent-switch-loading[data-zv="10.0.10"]{position:relative;color:transparent;cursor:not-allowed}.zent-switch-loading[data-zv="10.0.10"]::after{cursor:not-allowed}.zent-switch-loading[data-zv="10.0.10"]::before{border-top-color:#e6efff;border-top-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));border-right-color:#e6efff;border-right-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));border-bottom-color:#155bd4;border-bottom-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-left-color:#155bd4;border-left-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));content:" ";position:absolute;top:42%;left:36%;z-index:2;width:14px;height:14px;margin:-5px 0 0 -12px;border-width:2px;border-style:solid;border-radius:100%;box-sizing:border-box;animation:zent-ani-spin-v10x0x10 1s cubic-bezier(0, 0, 0.1, 0.1);animation-iteration-count:infinite}.zent-switch-loading[data-zv="10.0.10"].zent-switch-checked::before{margin:-5px 0 0 10px}.zent-switch-loading[data-zv="10.0.10"].zent-switch-small::before{width:8px;height:8px;margin:-3px 0 0 -6px;border-width:1px}.zent-switch-loading[data-zv="10.0.10"].zent-switch-small.zent-switch-checked::before{margin:-3px 0 0 6px}.zent-switch-loading[data-zv="10.0.10"].zent-switch-large::before{margin:-5px 0 0 -17px}.zent-switch-loading[data-zv="10.0.10"].zent-switch-large.zent-switch-checked::before{margin:-5px 0 0 23px}.zent-tabs[data-zv="10.0.10"]{font-size:14px;line-height:20px;display:flex;flex-direction:column}.zent-tabs-panel-wrapper[data-zv="10.0.10"]{margin-top:16px}.zent-tabs-nav[data-zv="10.0.10"]{position:relative;outline:none;display:flex;justify-content:flex-start;box-sizing:border-box}.zent-tabs-nav-content[data-zv="10.0.10"]{flex:1 1 auto;overflow:hidden}.zent-tabs-nav-extra-content[data-zv="10.0.10"]{display:flex;align-items:center;margin-left:8px}.zent-tabs-nav-tabs-content-add[data-zv="10.0.10"],.zent-tabs-nav-tabs-content-slide[data-zv="10.0.10"],.zent-tabs-nav-tabs-content-anchor[data-zv="10.0.10"]{width:100%;display:flex;flex-grow:1;align-items:flex-end;overflow:hidden;white-space:nowrap;position:relative;height:40px}.zent-tabs-nav-tabs-content-add-main[data-zv="10.0.10"],.zent-tabs-nav-tabs-content-slide-main[data-zv="10.0.10"],.zent-tabs-nav-tabs-content-anchor-main[data-zv="10.0.10"]{display:flex;transition:transform 200ms cubic-bezier(0.65, 0, 0.35, 1)}.zent-tabs-nav-tabs-content-add-main--has-add[data-zv="10.0.10"] .zent-tabs-tab.zent-tabs-tab-type__card:last-child,.zent-tabs-nav-tabs-content-slide-main--has-add[data-zv="10.0.10"] .zent-tabs-tab.zent-tabs-tab-type__card:last-child,.zent-tabs-nav-tabs-content-anchor-main--has-add[data-zv="10.0.10"] .zent-tabs-tab.zent-tabs-tab-type__card:last-child{border-top-right-radius:0}.zent-tabs-nav-tabs-content-add__add-btn[data-zv="10.0.10"],.zent-tabs-nav-tabs-content-slide__add-btn[data-zv="10.0.10"],.zent-tabs-nav-tabs-content-anchor__add-btn[data-zv="10.0.10"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));display:flex;justify-content:center;align-items:center;width:36px;height:100%;font-size:20px;border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-style:solid;border-top-right-radius:2px;box-sizing:border-box;cursor:pointer}.zent-tabs-nav-tabs-content-add[data-zv="10.0.10"] .zent-tabs-tab,.zent-tabs-nav-tabs-content-slide[data-zv="10.0.10"] .zent-tabs-tab,.zent-tabs-nav-tabs-content-anchor[data-zv="10.0.10"] .zent-tabs-tab{flex-shrink:0}.zent-tabs-nav-tabs-content-add-left[data-zv="10.0.10"]::before,.zent-tabs-nav-tabs-content-slide-left[data-zv="10.0.10"]::before,.zent-tabs-nav-tabs-content-anchor-left[data-zv="10.0.10"]::before{content:"";position:absolute;z-index:1;width:5px;height:100%;box-shadow:inset 5px 0 5px -5px #ccc;box-shadow:inset 5px 0 5px -5px var(--theme-disabled-color, var(--theme-stroke-4, #ccc));left:0}.zent-tabs-nav-tabs-content-add-right[data-zv="10.0.10"]::after,.zent-tabs-nav-tabs-content-slide-right[data-zv="10.0.10"]::after,.zent-tabs-nav-tabs-content-anchor-right[data-zv="10.0.10"]::after{content:"";position:absolute;z-index:1;width:5px;height:100%;box-shadow:inset -5px 0 5px -5px #ccc;box-shadow:inset -5px 0 5px -5px var(--theme-disabled-color, var(--theme-stroke-4, #ccc));right:0}.zent-tabs-nav-tabs-content-add-option[data-zv="10.0.10"],.zent-tabs-nav-tabs-content-slide-option[data-zv="10.0.10"],.zent-tabs-nav-tabs-content-anchor-option[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));height:100%;display:flex;align-items:center}.zent-tabs-nav-tabs-content-add-option[data-zv="10.0.10"] .zenticon,.zent-tabs-nav-tabs-content-slide-option[data-zv="10.0.10"] .zenticon,.zent-tabs-nav-tabs-content-anchor-option[data-zv="10.0.10"] .zenticon{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));padding:0 6px;font-size:20px}.zent-tabs-nav-tabs-content-add-option[data-zv="10.0.10"] .zenticon-more,.zent-tabs-nav-tabs-content-slide-option[data-zv="10.0.10"] .zenticon-more,.zent-tabs-nav-tabs-content-anchor-option[data-zv="10.0.10"] .zenticon-more{font-size:24px;padding:7px}.zent-tabs-nav-tabs-content-add-option[data-zv="10.0.10"] .zenticon+.zenticon,.zent-tabs-nav-tabs-content-slide-option[data-zv="10.0.10"] .zenticon+.zenticon,.zent-tabs-nav-tabs-content-anchor-option[data-zv="10.0.10"] .zenticon+.zenticon{margin-left:4px}.zent-tabs-nav-tabs-content-add-option[data-zv="10.0.10"] .icon-disabled,.zent-tabs-nav-tabs-content-slide-option[data-zv="10.0.10"] .icon-disabled,.zent-tabs-nav-tabs-content-anchor-option[data-zv="10.0.10"] .icon-disabled{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-tabs-nav-tabs-content-add-option__add-btn[data-zv="10.0.10"],.zent-tabs-nav-tabs-content-slide-option__add-btn[data-zv="10.0.10"],.zent-tabs-nav-tabs-content-anchor-option__add-btn[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-top-width:0;border-right-width:0;cursor:pointer}.zent-tabs-nav-tabs-content-add-option--right[data-zv="10.0.10"],.zent-tabs-nav-tabs-content-slide-option--right[data-zv="10.0.10"],.zent-tabs-nav-tabs-content-anchor-option--right[data-zv="10.0.10"]{box-shadow:2px 2px 4px 0 rgba(0,0,0,.1)}.zent-tabs-scroll[data-zv="10.0.10"]{white-space:nowrap;overflow-x:auto;display:flex}.zent-tabs-tab[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));position:relative;cursor:pointer;box-sizing:border-box;text-align:center}.zent-tabs-tab__actions[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));background-image:linear-gradient(270deg, white 0%, white 81%, transparent 100%);position:absolute;height:calc(100% - 2px);top:50%;right:4px;transform:translateY(-50%);padding-left:4px;font-size:14px;display:flex;align-items:center}.zent-tabs-tab__actions[data-zv="10.0.10"]:not(.zent-tabs-tab-actions--fixed){display:none}.zent-tabs-tab__actions[data-zv="10.0.10"]>span:hover{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));line-height:1}.zent-tabs-tab__actions__fixed[data-zv="10.0.10"]{margin-left:4px}.zent-tabs-tab-actions--fixed[data-zv="10.0.10"] .zent-tabs-tab__actions__fixed>i{transform:rotate(-45deg)}.zent-tabs-tab[data-zv="10.0.10"]:hover{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-tabs-tab[data-zv="10.0.10"]:hover .zent-tabs-tab__actions{display:flex}.zent-tabs-tab__actived[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-tabs-tab__disabled[data-zv="10.0.10"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-tabs-tab__disabled[data-zv="10.0.10"].zent-tabs-tab{cursor:not-allowed}.zent-tabs-tab__disabled[data-zv="10.0.10"].zent-tabs-tab:hover{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-tabs-hidden-tabs[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));box-shadow:0 2px 24px 0 rgba(0,0,0,.1);box-shadow:var(--shadow-spec-modal, 0 2px 24px 0 rgba(var(--theme-rgb-shadow-bg, 0, 0, 0), 0.1));width:148px;border-radius:2px;max-height:256px;overflow-y:scroll}.zent-tabs-hidden-tab[data-zv="10.0.10"]{padding:6px 12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zent-tabs-hidden-tab[data-zv="10.0.10"]:hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-tabs-hidden-tab-disabled[data-zv="10.0.10"]{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-tabs-hidden-tab-disabled[data-zv="10.0.10"]:hover{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));cursor:not-allowed}.zent-tabs-nav-type__normal[data-zv="10.0.10"]{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid;height:40px}.zent-tabs-nav-type__normal[data-zv="10.0.10"].zent-tabs-nav__stretch .zent-tabs-tab{flex:1 1 auto}.zent-tabs-nav-type__normal[data-zv="10.0.10"] .zent-tabs-nav-content{margin-bottom:-1px}.zent-tabs-nav-type__normal[data-zv="10.0.10"] .zent-tabs-tab{padding:0 20px}.zent-tabs-nav-type__normal[data-zv="10.0.10"] .zent-tabs-tab-inner{min-width:56px;line-height:40px;text-align:center;height:40px;box-sizing:border-box}.zent-tabs-nav-type__normal[data-zv="10.0.10"] .zent-tabs-tab__actived{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid}.zent-tabs-nav-type__normal[data-zv="10.0.10"] .zent-tabs-tab__actived .zent-tabs-tab-inner{border-bottom-color:#155bd4;border-bottom-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-bottom-width:2px;border-bottom-style:solid;margin-bottom:-1px}.zent-tabs-nav-type__card[data-zv="10.0.10"]{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid;height:40px}.zent-tabs-nav-type__card[data-zv="10.0.10"].zent-tabs-nav__stretch .zent-tabs-tab{flex:1 1 auto}.zent-tabs-nav-type__card[data-zv="10.0.10"] .zent-tabs-nav-content{margin-bottom:-1px}.zent-tabs-nav-type__card[data-zv="10.0.10"] .zent-tabs-tab{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;border-style:solid;background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));border-left:0;height:40px;box-sizing:border-box;padding:0 20px 0 19px}.zent-tabs-nav-type__card[data-zv="10.0.10"] .zent-tabs-tab:not(.zent-tabs-tab__actived) .zent-tabs-tab__actions{background-image:linear-gradient(90deg, transparent 0%, #f7f7f7 19%)}.zent-tabs-nav-type__card[data-zv="10.0.10"] .zent-tabs-tab:hover:not(.zent-tabs-tab__actived) .zent-tabs-tab__actions{background-image:linear-gradient(90deg, transparent 0%, #f0f0f0 19%)}.zent-tabs-nav-type__card[data-zv="10.0.10"] .zent-tabs-tab-inner{min-width:56px;line-height:38px;text-align:center}.zent-tabs-nav-type__card[data-zv="10.0.10"] .zent-tabs-tab:hover{background-color:rgba(0,0,0,.05)}.zent-tabs-nav-type__card[data-zv="10.0.10"] .zent-tabs-tab:first-child{border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-left-width:1px;border-left-style:solid;border-top-left-radius:4px}.zent-tabs-nav-type__card[data-zv="10.0.10"] .zent-tabs-tab:last-child{border-top-right-radius:4px}.zent-tabs-nav-type__card[data-zv="10.0.10"] .zent-tabs-tab__actived{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-bottom-color:transparent}.zent-tabs-nav-type__card[data-zv="10.0.10"] .zent-tabs-tab__actived:hover{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-tabs-nav-type__card[data-zv="10.0.10"] .zent-tabs-tab__disabled:hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-tabs-nav-type__button[data-zv="10.0.10"].zent-tabs-nav__stretch .zent-btn{flex:1 1 auto}.zent-tabs-nav-type__button[data-zv="10.0.10"] .zent-tabs-tab{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;border-style:solid;min-width:80px;height:32px}.zent-tabs-nav-type__button[data-zv="10.0.10"] .zent-tabs-tab-inner{min-width:14px;line-height:30px;padding:0 20px}.zent-tabs-nav-type__button[data-zv="10.0.10"] .zent-tabs-tab:not(:first-child){margin-left:-1px}.zent-tabs-nav-type__button[data-zv="10.0.10"] .zent-tabs-tab:first-child{border-radius:2px 0 0 2px}.zent-tabs-nav-type__button[data-zv="10.0.10"] .zent-tabs-tab:last-child{border-radius:0 2px 2px 0}.zent-tabs-nav-type__button[data-zv="10.0.10"] .zent-tabs-tab:hover:not(.zent-tabs-tab__disabled){color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-tabs-nav-type__button[data-zv="10.0.10"] .zent-tabs-tab__actived{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));z-index:1}.zent-tabs-nav-type__button[data-zv="10.0.10"] .zent-tabs-tab__disabled{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-tabs-type__vertical[data-zv="10.0.10"]{flex-direction:row}.zent-tabs-type__vertical[data-zv="10.0.10"] .zent-tabs-panel-wrapper{margin:14px 16px}.zent-tabs-type__vertical[data-zv="10.0.10"] .zent-tabs-nav-type__vertical{border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-width:1px;border-right-style:solid;width:96px;padding:14px 7px 14px 0}.zent-tabs-type__vertical[data-zv="10.0.10"] .zent-tabs-nav-type__vertical .zent-tabs-scroll{overflow-x:hidden;overflow-y:auto;width:103px;flex-direction:column}.zent-tabs-type__vertical[data-zv="10.0.10"] .zent-tabs-nav-type__vertical .zent-tabs-divide{border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));border-bottom-width:1px;border-bottom-style:solid;margin:21.5px 0 17.5px}.zent-tabs-type__vertical[data-zv="10.0.10"] .zent-tabs-nav-type__vertical .zent-tabs-tab{display:block;text-align:left;margin-top:4px}.zent-tabs-type__vertical[data-zv="10.0.10"] .zent-tabs-nav-type__vertical .zent-tabs-tab:first-child{margin-top:0}.zent-tabs-type__vertical[data-zv="10.0.10"] .zent-tabs-nav-type__vertical .zent-tabs-tab__actived .zent-tabs-tab-inner{background-color:#e0e0e0;background-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0))}.zent-tabs-type__vertical[data-zv="10.0.10"] .zent-tabs-nav-type__vertical .zent-tabs-tab-inner{border-radius:2px;padding:8px;overflow:hidden;width:86px;box-sizing:border-box;text-overflow:ellipsis}.zent-tag[data-zv="10.0.10"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));border-color:#fff;border-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));display:inline-block;font-size:12px;line-height:1;padding:2px 4px;border-width:1px;border-style:solid;box-sizing:border-box}.zent-tag[data-zv="10.0.10"].zent-tag-size-medium{font-size:14px}.zent-tag[data-zv="10.0.10"].zent-tag-size-large{font-size:14px;line-height:18px}.zent-tag[data-zv="10.0.10"].zent-tag-rounded{border-radius:2px}.zent-tag[data-zv="10.0.10"].zent-tag-closable .zent-tag-content{display:inline-block;margin-right:4px}.zent-tag[data-zv="10.0.10"].zent-tag-closable .zent-tag-close-btn{cursor:pointer;font-size:12px;transform:translate(2px, 0)}.zent-tag[data-zv="10.0.10"].zent-tag-style-red{background-color:#d42f15;background-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-tag[data-zv="10.0.10"].zent-tag-style-red-outline{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-2, #d42f15));color:#d42f15;color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.zent-tag[data-zv="10.0.10"].zent-tag-style-green{background-color:#45a110;background-color:var(--theme-success-color, var(--theme-success-2, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-2, #45a110))}.zent-tag[data-zv="10.0.10"].zent-tag-style-green-outline{color:#45a110;color:var(--theme-success-color, var(--theme-success-2, #45a110));border-color:#45a110;border-color:var(--theme-success-color, var(--theme-success-4, #45a110))}.zent-tag[data-zv="10.0.10"].zent-tag-style-yellow{background-color:#ed6a18;background-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18))}.zent-tag[data-zv="10.0.10"].zent-tag-style-yellow-outline{color:#ed6a18;color:var(--theme-warning-color, var(--theme-warn-2, #ed6a18));border-color:#ed6a18;border-color:var(--theme-warning-color, var(--theme-warn-4, #ed6a18))}.zent-tag[data-zv="10.0.10"].zent-tag-style-blue{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-tag[data-zv="10.0.10"].zent-tag-style-blue-outline{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));border-color:#356fd4;border-color:var(--theme-primary-hover-bg, var(--theme-primary-6, #356fd4))}.zent-tag[data-zv="10.0.10"].zent-tag-style-grey{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));border-color:#f7f7f7;border-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7))}.zent-tag[data-zv="10.0.10"].zent-tag-style-grey-outline{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-tag[data-zv="10.0.10"].zent-link-tag{padding:0 4px}.zent-tag[data-zv="10.0.10"].zent-link-tag .zent-tag-content{display:flex;align-items:center}.zent-tag[data-zv="10.0.10"].zent-link-tag .zent-link-tag-right-icon{margin-right:-4px;font-size:16px;color:#999;color:var(--theme-hint-color, #999)}.zent-tag[data-zv="10.0.10"].zent-link-tag:hover{cursor:pointer;color:#155bd4;color:var(--theme-primary-bg, #155bd4);border-color:#155bd4;border-color:var(--theme-primary-bg, #155bd4)}.zent-tag[data-zv="10.0.10"].zent-link-tag:hover .zent-link-tag-right-icon{color:#155bd4;color:var(--theme-primary-bg, #155bd4)}.zent-tag[data-zv="10.0.10"].zent-select-tag{cursor:pointer}.zent-tag[data-zv="10.0.10"].zent-select-tag.zent-select-tag-selected{color:#155bd4;color:var(--theme-primary-bg, #155bd4);background-color:#f7f7f7;background-color:var(--theme-default-hover-bg, #f7f7f7);border-color:#f7f7f7;border-color:var(--theme-default-hover-bg, #f7f7f7)}.zent-tag[data-zv="10.0.10"] a{color:inherit}.zent-timeline[data-zv="10.0.10"]{padding:10px 0;position:relative;display:flex}.zent-timeline-dot[data-zv="10.0.10"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));width:10px;height:10px;border-radius:50%;border-width:2px;border-style:solid;box-sizing:border-box}.zent-timeline-line[data-zv="10.0.10"]{position:absolute}.zent-timeline-legend[data-zv="10.0.10"]{height:20px;line-height:20px}.zent-timeline-legend-line[data-zv="10.0.10"]{background-color:#155bd4;background-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));position:relative;display:inline-block;width:18px;height:2px;vertical-align:middle}.zent-timeline-legend-line[data-zv="10.0.10"] .zent-timeline-dot{position:absolute;top:50%;right:0;left:0;margin:auto;transform:translateY(-50%)}.zent-timeline-legend-label[data-zv="10.0.10"]{vertical-align:middle;font-size:12px;margin-left:5px}.zent-timeline-item[data-zv="10.0.10"]{position:relative}.zent-timeline-item-line[data-zv="10.0.10"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));position:relative}.zent-timeline-item-line[data-zv="10.0.10"] .zent-timeline-dot{position:absolute;margin:auto}.zent-timeline-horizontal[data-zv="10.0.10"]{flex-direction:row}.zent-timeline-horizontal[data-zv="10.0.10"].zent-timeline-dynamic::before{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-7, #f7f7f7));content:" ";height:2px;width:100%;position:absolute;display:block;margin:10px 0}.zent-timeline-horizontal[data-zv="10.0.10"] .zent-timeline-item{position:relative;display:inline-block;vertical-align:top}.zent-timeline-horizontal[data-zv="10.0.10"] .zent-timeline-item-hover{padding:10px 0 40px}.zent-timeline-horizontal[data-zv="10.0.10"] .zent-timeline-item-line{height:2px;width:80px}.zent-timeline-horizontal[data-zv="10.0.10"] .zent-timeline-item-label{left:0;top:25px;position:absolute;bottom:0}.zent-timeline-horizontal[data-zv="10.0.10"] .zent-timeline-item .zent-timeline-dot{top:50%;left:0;transform:translateY(-50%)}.zent-timeline-horizontal[data-zv="10.0.10"] .zent-timeline-start{top:-25px;left:0}.zent-timeline-horizontal[data-zv="10.0.10"] .zent-timeline-end{right:0;top:25px}.zent-timeline-horizontal[data-zv="10.0.10"] .zent-timeline-pad{display:inline-block}.zent-timeline-start[data-zv="10.0.10"]{position:absolute}.zent-timeline-end[data-zv="10.0.10"]{position:absolute}.zent-timeline-vertical[data-zv="10.0.10"]{flex-direction:column}.zent-timeline-vertical[data-zv="10.0.10"] .zent-timeline-item{position:relative;display:block;line-height:12px}.zent-timeline-vertical[data-zv="10.0.10"] .zent-timeline-item-hover{display:inline-block;vertical-align:top}.zent-timeline-vertical[data-zv="10.0.10"] .zent-timeline-item-line{margin:0 10px;width:2px;vertical-align:top;height:50px}.zent-timeline-vertical[data-zv="10.0.10"] .zent-timeline-item-line .zent-timeline-dot{top:0;left:-4px}.zent-timeline-vertical[data-zv="10.0.10"] .zent-timeline-item-label{display:inline-block;vertical-align:top}.zent-timeline-tip[data-zv="10.0.10"]{color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));background-color:rgba(0,0,0,.5);padding:10px;border-radius:5px;z-index:5000;font-size:12px}.zent-tooltip-v2[data-zv="10.0.10"]{font-size:14px;line-height:20px;background-color:#333;background-color:var(--theme-title-color, var(--theme-stroke-1, #333));border-radius:2px;z-index:2000}.zent-tooltip-v2[data-zv="10.0.10"] .zent-tooltip-v2-inner{background-color:#333;background-color:var(--theme-title-color, var(--theme-stroke-1, #333));color:#fff;color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:relative;border-radius:2px;padding:2px 6px;z-index:2}.zent-tooltip-v2[data-zv="10.0.10"] .zent-tooltip-v2-arrow{background-color:#333;background-color:var(--theme-title-color, var(--theme-stroke-1, #333));position:absolute;z-index:1;width:6px;height:6px;overflow:hidden}.zent-tooltip-v2[data-zv="10.0.10"]::after{content:"";display:block;position:absolute;width:11px;height:11px}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-left .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-right .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-left .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-right .zent-tooltip-v2-arrow{top:0}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-left::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-center::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-right::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-left::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-center::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-right::after{top:-11px;width:100%;left:0}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-left .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-left .zent-tooltip-v2-arrow{transform:translateY(-50%) rotate(45deg);left:12px}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-center .zent-tooltip-v2-arrow{transform:translate(-50%, -50%) rotate(45deg);left:50%}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-bottom-right .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-bottom-right .zent-tooltip-v2-arrow{transform:translateY(-50%) rotate(45deg);right:12px}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-top-left .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-top-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-top-right .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-left .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-right .zent-tooltip-v2-arrow{bottom:0}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-top-left::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-top-center::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-top-right::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-left::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-center::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-right::after{bottom:-11px;width:100%;left:0}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-top-left .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-left .zent-tooltip-v2-arrow{transform:translateY(50%) rotate(45deg);left:12px}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-top-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-center .zent-tooltip-v2-arrow{transform:translate(-50%, 50%) rotate(45deg);left:50%}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-top-right .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-top-right .zent-tooltip-v2-arrow{transform:translateY(50%) rotate(45deg);right:12px}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-left-top .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-left-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-left-bottom .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-top .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-bottom .zent-tooltip-v2-arrow{right:0}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-left-top::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-left-center::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-left-bottom::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-top::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-center::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-bottom::after{right:-11px;height:100%;top:0}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-left-top .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-top .zent-tooltip-v2-arrow{transform:translateX(50%) rotate(45deg);top:6px}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-left-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-center .zent-tooltip-v2-arrow{transform:translate(50%, -50%) rotate(45deg);top:50%}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-left-bottom .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-left-bottom .zent-tooltip-v2-arrow{transform:translateX(50%) rotate(45deg);bottom:6px}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-right-top .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-right-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-right-bottom .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-top .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-bottom .zent-tooltip-v2-arrow{left:0}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-right-top::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-right-center::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-right-bottom::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-top::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-center::after,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-bottom::after{left:-11px;height:100%;top:0}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-right-top .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-top .zent-tooltip-v2-arrow{transform:translateX(-50%) rotate(45deg);top:6px}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-right-center .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-center .zent-tooltip-v2-arrow{transform:translate(-50%, -50%) rotate(45deg);top:50%}.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-right-bottom .zent-tooltip-v2-arrow,.zent-tooltip-v2[data-zv="10.0.10"].zent-popover-v2-position-arrow-right-bottom .zent-tooltip-v2-arrow{transform:translateX(-50%) rotate(45deg);bottom:6px}.zent-transfer[data-zv="10.0.10"]{display:flex;align-items:center}.zent-transfer__item[data-zv="10.0.10"]{width:240px;box-sizing:border-box;border:1px solid;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-transfer__item--disabled[data-zv="10.0.10"]{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-transfer__item__allCheckbox[data-zv="10.0.10"]{border-bottom:1px solid;border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));padding:6px 0 6px 12px;display:flex}.zent-transfer__item__search[data-zv="10.0.10"]{padding:8px 12px;background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-transfer__item__grid[data-zv="10.0.10"]{height:240px}.zent-transfer__item__grid__row[data-zv="10.0.10"]{height:inherit}.zent-transfer__item__grid__row[data-zv="10.0.10"] .zent-grid-td{border:0;padding-top:8px;padding-bottom:8px;padding-right:16px}.zent-transfer__item__grid__row--disabled[data-zv="10.0.10"]{cursor:not-allowed;background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-transfer__item__grid[data-zv="10.0.10"] .zent-grid-empty{line-height:240px;border:0}.zent-transfer__item__pagination[data-zv="10.0.10"]{margin:10px 0}.zent-transfer__item__header--hidden[data-zv="10.0.10"] .zent-grid-header{display:none}.zent-transfer__arrow[data-zv="10.0.10"]{padding:0 16px}.zent-transfer__arrow__item[data-zv="10.0.10"]:nth-child(1){padding-bottom:16px}.zent-transfer__arrow__button[data-zv="10.0.10"]{position:relative}.zent-transfer__arrow__button[data-zv="10.0.10"] .zenticon:last-child{margin:0}.zent-transfer__arrow__icon[data-zv="10.0.10"]{stroke:#fff;stroke:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:20px}.zent-transfer__arrow__icon--disabled[data-zv="10.0.10"]{stroke:#ccc;stroke:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-tree[data-zv="10.0.10"]{color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333));font-size:14px}.zent-tree[data-zv="10.0.10"] ul,.zent-tree[data-zv="10.0.10"] li{list-style:none}.zent-tree[data-zv="10.0.10"] .tree-node-loading-wrapper{display:inline-block;position:relative;vertical-align:middle;background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff))}.zent-tree[data-zv="10.0.10"] .tree-node-loading-wrapper .tree-node-loading{border-color:#155bd4;border-color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));display:inline-block;height:10px;width:10px;border-radius:50%;margin-right:5px;border-width:1px;border-style:solid}.zent-tree[data-zv="10.0.10"] .tree-node-loading-wrapper .tree-node-loading:after{background:#fff;background:var(--theme-section-bg, var(--theme-stroke-9, #fff));content:"";display:inline-block;position:absolute;height:10px;width:4px;animation:2s linear zent-ani-spin-v10x0x10 infinite;transform-origin:10px 4px;left:-1px;top:6px}.zent-tree[data-zv="10.0.10"].zent-tree-large{font-size:16px}.zent-tree[data-zv="10.0.10"].zent-tree-large .zent-tree-bar .zent-tree-switcher{font-size:24px}.zent-tree[data-zv="10.0.10"].zent-tree-small{font-size:12px}.zent-tree[data-zv="10.0.10"].zent-tree-small .zent-tree-bar .zent-tree-switcher{font-size:16px}.zent-tree[data-zv="10.0.10"].zent-tree-small .zent-tree-bar .zent-tree__switcher-placeholder{width:16px}.zent-tree-bar[data-zv="10.0.10"]{position:relative;display:flex;cursor:pointer;padding:6px 4px}.zent-tree-bar[data-zv="10.0.10"]:not(.zent-tree-bar--selected):not(.zent-tree-bar--disabled):hover{background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7))}.zent-tree-bar--selected[data-zv="10.0.10"]{background-color:#e6efff;background-color:var(--theme-default-selected-bg, var(--theme-primary-8, #e6efff))}.zent-tree-bar--disabled[data-zv="10.0.10"] .zent-tree-node{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc));cursor:not-allowed}.zent-tree-bar[data-zv="10.0.10"] .zent-tree-switcher{font-size:20px;transform:rotate(90deg);display:flex;justify-content:center;align-items:center;transition:transform 100ms cubic-bezier(0, 0, 0.1, 0.1)}.zent-tree-bar[data-zv="10.0.10"] .zent-tree__switcher-placeholder{width:20px}.zent-tree-bar[data-zv="10.0.10"].zent-tree-bar--off .zent-tree-switcher{transform:rotate(0deg)}.zent-tree-bar[data-zv="10.0.10"] .zent-tree-node{display:inline-block;line-height:1.42857143;margin-left:4px}.zent-tree-bar[data-zv="10.0.10"] .zent-tree-node .zent-tree-content{margin-left:-4px;padding:0 4px;display:inline-block;border:1px solid transparent;border-radius:4px;background-color:transparent;transition:all .3s ease-in-out}.zent-tree-bar[data-zv="10.0.10"] .zent-tree-node--one-line{overflow:hidden}.zent-tree-bar[data-zv="10.0.10"] .zent-tree-node--one-line .zent-tree-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.zent-tree-bar[data-zv="10.0.10"] .zent-tree-node .zent-tree-operation-container{display:inline-block;margin-left:10px;opacity:0;font-size:.8em;transition:opacity .3s ease-in;color:#333;color:var(--theme-title-color, var(--theme-stroke-1, #333))}.zent-tree-bar[data-zv="10.0.10"] .zent-tree-node .zent-tree-operation-container>span.zent-tree-operation:not(:last-of-type){border-left-color:#e0e0e0;border-left-color:var(--theme-default-border-color, var(--theme-stroke-6, #e0e0e0));margin-right:8px;padding-right:8px;border-left-width:2px;border-left-style:solid}.zent-tree-bar[data-zv="10.0.10"]:hover .zent-tree-node .zent-tree-operation-container{opacity:1}.zent-tree-child[data-zv="10.0.10"]{overflow:hidden}.zent-file-upload[data-zv="10.0.10"]{border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-width:1px;border-style:solid;border-radius:2px;width:320px}.zent-file-upload-tips[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:12px;line-height:18px;margin-top:8px;text-align:center}.zent-file-upload-trigger[data-zv="10.0.10"]{cursor:pointer;display:flex;box-sizing:border-box;justify-content:center;align-items:center;overflow:hidden;text-decoration:none}.zent-file-upload-trigger-wrapper[data-zv="10.0.10"]{padding:16px}.zent-file-upload-trigger-text[data-zv="10.0.10"]{margin-left:4px}.zent-file-upload-trigger-text-count[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));margin-left:4px}.zent-file-upload-trigger-icon[data-zv="10.0.10"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));font-size:18px}.zent-file-upload-trigger__disabled[data-zv="10.0.10"]{cursor:not-allowed}.zent-file-upload-trigger__disabled[data-zv="10.0.10"] .zent-file-upload-trigger-icon{color:#ccc;color:var(--theme-disabled-color, var(--theme-stroke-4, #ccc))}.zent-file-upload-list[data-zv="10.0.10"]{margin-bottom:10px}.zent-file-upload-list-wrapper[data-zv="10.0.10"]{padding:16px 16px 0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e0e0e0;border-bottom-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0))}.zent-file-upload-list-pagination[data-zv="10.0.10"]{margin-bottom:16px}.zent-file-upload-list-pagination[data-zv="10.0.10"] .zent-pagination-page-list--mini{margin:0;margin-right:-16px}.zent-file-upload-item[data-zv="10.0.10"]{margin-bottom:18px}.zent-file-upload-item[data-zv="10.0.10"]:last-child{margin-bottom:0}.zent-file-upload-item-info[data-zv="10.0.10"]{display:flex;justify-content:flex-start;align-items:center}.zent-file-upload-item-icon[data-zv="10.0.10"]{width:20px;height:20px;font-size:18px;display:flex;justify-content:center;align-items:center}.zent-file-upload-item-icon__type[data-zv="10.0.10"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-file-upload-item-name[data-zv="10.0.10"]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.zent-file-upload-item-name-line[data-zv="10.0.10"]{display:inline-flex;width:100%}.zent-file-upload-item-name-wrapper[data-zv="10.0.10"]{flex:1;margin-left:4px;overflow:hidden}.zent-file-upload-item-actions[data-zv="10.0.10"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));margin-left:4px}.zent-file-upload-item-actions[data-zv="10.0.10"] a{cursor:pointer}.zent-file-upload-item-progress[data-zv="10.0.10"]{margin-top:8px}.zent-file-upload-item-retry[data-zv="10.0.10"]{border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-width:1px;border-right-style:solid;padding-right:4px;margin-right:4px}.zent-file-upload-item__failed[data-zv="10.0.10"]{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-file-upload-item__uploading[data-zv="10.0.10"]{margin-bottom:8px}.zent-image-upload-tips[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:12px;line-height:18px;margin-top:4px}.zent-image-upload-trigger[data-zv="10.0.10"]{border-radius:2px;width:80px;height:80px;box-sizing:border-box;cursor:pointer;background-color:#f7f7f7;background-color:var(--theme-body-bg, var(--theme-stroke-8, #f7f7f7));color:#999;color:var(--theme-hint-color, var(--theme-stroke-2, #999));border-color:#e0e0e0;border-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));display:flex;justify-content:center;align-items:center;border-style:dashed;border-width:1px;margin-bottom:12px}.zent-image-upload-trigger__disabled[data-zv="10.0.10"]{cursor:not-allowed}.zent-image-upload-trigger-add-icon[data-zv="10.0.10"]{font-size:24px}.zent-image-upload-list[data-zv="10.0.10"]{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-bottom:-12px}.zent-image-upload-item[data-zv="10.0.10"]{border-radius:2px;width:80px;height:80px;box-sizing:border-box;cursor:pointer;position:relative;margin-right:12px;margin-bottom:12px}.zent-image-upload-item-backdrop[data-zv="10.0.10"]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.zent-image-upload-item-backdrop__white[data-zv="10.0.10"]{background-color:rgba(255,255,255,.8);background-color:rgba(var(--theme-rgb-section-bg, var(--theme-rgb-stroke-9, 255, 255, 255)), 0.8)}.zent-image-upload-item-backdrop__black[data-zv="10.0.10"]{background-color:rgba(0,0,0,.6)}.zent-image-upload-item-backdrop__failed[data-zv="10.0.10"]{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.zent-image-upload-item-backdrop__retry[data-zv="10.0.10"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4))}.zent-image-upload-item-backdrop-text[data-zv="10.0.10"]{margin-top:4px;font-size:12px;line-height:18px}.zent-image-upload-item-icon[data-zv="10.0.10"]{font-size:24px}.zent-image-upload-item-thumb[data-zv="10.0.10"]{width:100%;height:100%;object-fit:contain;border-radius:2px}.zent-image-upload-item-delete[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));position:absolute;font-size:20px;right:-10px;top:-10px;display:none}.zent-image-upload-item-delete-bg[data-zv="10.0.10"]{background-color:#fff;background-color:var(--theme-section-bg, var(--theme-stroke-9, #fff));position:absolute;width:10px;height:10px;right:-5px;top:-5px;display:none}.zent-image-upload-item__hover[data-zv="10.0.10"] .zent-image-upload-item-delete{display:inline-block}.zent-image-upload-item__hover[data-zv="10.0.10"] .zent-image-upload-item-delete-bg{display:inline-block}.zent-single-upload-tips[data-zv="10.0.10"]{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999));font-size:12px;line-height:18px;margin-top:10px}.zent-single-upload-trigger[data-zv="10.0.10"]{display:inline-block;cursor:pointer}.zent-single-upload-trigger__disabled[data-zv="10.0.10"]{cursor:not-allowed}.zent-single-upload-trigger__disabled[data-zv="10.0.10"] .zent-file-upload-trigger-text{color:#999;color:var(--theme-hint-color, var(--theme-stroke-3, #999))}.zent-single-upload-item-info[data-zv="10.0.10"]{display:flex;justify-content:flex-start;align-items:center}.zent-single-upload-item-icon[data-zv="10.0.10"]{margin-right:4px}.zent-single-upload-item-actions[data-zv="10.0.10"]{color:#155bd4;color:var(--theme-primary-bg, var(--theme-primary-4, #155bd4));margin-left:16px}.zent-single-upload-item-actions[data-zv="10.0.10"] a{cursor:pointer}.zent-single-upload-item-retry[data-zv="10.0.10"]{border-right-color:#e0e0e0;border-right-color:var(--theme-default-border-color, var(--theme-stroke-5, #e0e0e0));border-right-width:1px;border-right-style:solid;padding-right:4px;margin-right:4px}.zent-single-upload-item__failed[data-zv="10.0.10"]{color:#d42f15;color:var(--theme-danger-color, var(--theme-error-2, #d42f15))}.has-error[data-zv="10.0.10"] .zent-file-upload{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15))}.has-error[data-zv="10.0.10"] .zent-image-upload-trigger{border-color:#d42f15;border-color:var(--theme-danger-color, var(--theme-error-4, #d42f15))} +code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:rgba(255,255,255,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help} +body{background-color:#fff;text-shadow:rgba(0,0,0,.01) 0 0 1px;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}a{color:#155bd4}code[class*=language-]{display:block;font-size:13px;overflow-x:auto;font-weight:400;line-height:22px;border-radius:3px;margin-bottom:25px;position:relative;word-break:break-all;white-space:pre-wrap;background-color:#f5f7fa;color:#455a64;padding:18px 10px 18px 20px;font-family:Source Code Pro,Monaco,Inconsolata,monospace}.clearfix::before{display:table;content:""}.clearfix::after{display:table;content:"";clear:both}@media(min-width: 1440px){.main-content{width:1440px;margin:0 auto}}.page-container{background-color:#fff;position:relative;width:100%;height:calc(100vh - 60px);display:flex;border-radius:4px}.page-content{box-sizing:border-box;flex-grow:1}.page-content section{padding:0 40px}.page-content section>h1,.page-content section>h2,.page-content section>h3,.page-content section>h4,.page-content section>h5,.page-content section>h6{line-height:1.5;font-weight:normal;position:relative;margin:20px 0 10px;color:rgba(51,51,51,.9);font-family:Dosis,Source Sans Pro,PingFang SC,Helvetica Neue,Arial,sans-serif}.page-content section>h1:hover a:first-child,.page-content section>h2:hover a:first-child,.page-content section>h3:hover a:first-child,.page-content section>h4:hover a:first-child,.page-content section>h5:hover a:first-child,.page-content section>h6:hover a:first-child{opacity:.4}.page-content section>h1 a:first-child,.page-content section>h2 a:first-child,.page-content section>h3 a:first-child,.page-content section>h4 a:first-child,.page-content section>h5 a:first-child,.page-content section>h6 a:first-child{float:left;margin-left:-20px;opacity:0;cursor:pointer}.page-content section>h1{font-size:36px;line-height:45px}.page-content section>h2{font-size:30px}.page-content section>h3{font-size:22px}.page-content section>h4{font-size:20px}.page-content section>h3,.page-content section>h4{margin-top:40px}.page-content section>h3+h3,.page-content section>h3+h4,.page-content section>h4+h3,.page-content section>h4+h4{margin-top:15px}.page-content section>h5{font-size:14px}.page-content section>h6{font-size:14px;color:#666}.page-content section>p{font-size:14px;line-height:20px;color:#666;margin:14px 0}.page-content section>ul li,.page-content section>ol li{color:#666;font-size:14px;line-height:20px;margin:10px 0 10px 20px;padding-left:20px;position:relative}.page-content section>ul li::before,.page-content section>ol li::before{content:"";position:absolute;top:0;left:0;width:6px;height:6px;margin-top:8px;border-radius:50%;box-sizing:border-box;border:1px solid #666}.page-content section>ul li li,.page-content section>ol li li{margin-left:0}.page-content section .anchor-point{visibility:hidden;position:absolute;top:0}.page-content p>code,.page-content .table code,.page-content li>code{margin:0;font-size:13px;overflow-x:auto;font-weight:400;line-height:22px;border-radius:3px;position:relative;word-break:break-all;white-space:pre-wrap;background-color:#f5f7fa;color:#455a64;font-family:Source Code Pro,Monaco,Inconsolata,monospace;padding:4px 7px;display:inline}.page-content blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5}.table{border-collapse:collapse;width:100%;background-color:#fff;color:#333;font-size:14px;margin-bottom:45px}.table th{padding:10px;text-align:left;font-weight:normal;background-color:#f5f7fa;border:1px solid #eaeefb}.table th:first-child{padding-left:10px}.table td{padding:10px;border:1px solid #eaeefb}.token.atrule,.token.attr-value,.token.keyword{color:#1976d2}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#32a973}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#1976d2}.zent-radio-group .zent-radio-wrap{margin-right:56px}.zent-checkbox-wrap+.zent-checkbox-wrap{margin-left:56px} +@keyframes slideInDown{from{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInDown{animation-name:slideInDown}@keyframes slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}.slideOutUp{animation-name:slideOutUp}.animated{animation-duration:1s;animation-fill-mode:both}.app{min-width:1200px}.page-content{overflow-x:auto;position:relative}.react-doc-page-content{min-height:100%;padding:10px 0 42px;box-sizing:border-box;overflow:hidden;position:relative}.zandoc-react-container .zandoc-react-demo{border-radius:4px;border:1px solid #eaeefb;margin:0 40px}.zandoc-react-container .zandoc-react-demo+.zandoc-react-demo{margin-top:40px}.zandoc-react-container .zandoc-react-demo__preview{padding:40px}.zandoc-react-container .zandoc-react-demo__bottom{padding:20px;border-top:1px solid #eaeefb;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease;background-color:#f5f7fa}.zandoc-react-container .zandoc-react-demo__bottom:hover{background-color:#ebeff5}.zandoc-react-container .zandoc-react-demo__toggle{display:inline-block;width:20px;height:20px;color:#ccd6e5;font-size:12px;line-height:20px;flex:0 0 auto;transition:.2s ease}.zandoc-react-container .zandoc-react-demo__toggle-off{transform:rotate(180deg)}.zandoc-react-container .zandoc-react-demo__title{flex:1;color:#666;font-size:14px;min-height:20px;margin-right:20px}.zandoc-react-container .zandoc-react-demo__code code[class*=language-]{margin:0;border-top:1px solid #eaeefb}.zandoc-react-color-row{margin-bottom:10px}.zandoc-react-color-row .zandoc-react-color-cell{margin-right:10px}.zandoc-react-color-row .zandoc-react-color-cell:last-child{margin-right:0}.zandoc-react-color-cell{display:inline-block;width:250px;height:80px;border-radius:4px;padding:5px 15px;box-sizing:border-box;font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif}.zandoc-react-color-cell .zandoc-react-color-cell__name{margin-top:8px;font-size:20px}.zandoc-react-color-cell .zandoc-react-color-cell__color{margin-top:8px;font-size:14px}.zandoc-react-color-cell--light .zandoc-react-color-cell__name{color:#fff}.zandoc-react-color-cell--light .zandoc-react-color-cell__color{color:#e5e5e5}.zandoc-react-color-cell--dark .zandoc-react-color-cell__name{color:#333}.zandoc-react-color-cell--dark .zandoc-react-color-cell__color{color:#999}.zandoc-react-color-cell__mask-white{border:1px solid #e5e5e5} +@keyframes zandoc-react-loading-ripple{0%{top:96px;left:96px;width:0;height:0;opacity:1}100%{top:18px;left:18px;width:156px;height:156px;opacity:0}}.zandoc-react-loading{margin-top:150px}.zandoc-react-loading-error{margin:20px;font-size:18px;color:#e33}.zandoc-react-loading-ripple div{box-sizing:content-box;position:absolute;border-width:4px;border-style:solid;opacity:1;border-radius:50%;animation:zandoc-react-loading-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite}.zandoc-react-loading-ripple div:nth-child(1){border-color:#27f}.zandoc-react-loading-ripple div:nth-child(2){border-color:#bdf;animation-delay:-0.5s}.zandoc-react-loading-ripple{position:relative;margin:0 auto;width:200px;height:200px;transform:translate(-100px, -100px) scale(1) translate(100px, 100px)} +.zandoc-react-search-box-popover-wrapper{margin-top:15px;margin-left:20px;vertical-align:top;display:inline-block}.zandoc-react-search-box-input .zenticon-search{color:#bbb}.zandoc-react-search-box-input.zent-input-wrapper{border-width:0 0 1px;border-radius:0;box-shadow:none !important}.zandoc-react-search-box-result-list{background:#fff;border:1px solid #ebedf0;border-radius:2px;box-shadow:0 1px 8px rgba(0,0,0,.2);width:250px;max-height:400px;overflow:auto;box-sizing:border-box}.zandoc-react-search-box-result-list--no-result{height:60px;line-height:60px;font-size:14px;color:#666;text-align:center}.zandoc-react-search-box-result-item{height:40px;line-height:40px;padding:0 10px}.zandoc-react-search-box-result-item:hover,.zandoc-react-search-box-result-item__active{background:#3773da}.zandoc-react-search-box-result-item:hover .zandoc-react-search-box-result-item__title,.zandoc-react-search-box-result-item__active .zandoc-react-search-box-result-item__title{color:#fff}.zandoc-react-search-box-result-item:hover .zandoc-react-search-box-result-item__subtitle,.zandoc-react-search-box-result-item__active .zandoc-react-search-box-result-item__subtitle{color:#f2f2f2}.zandoc-react-search-box-result-item__title{font-size:14px}.zandoc-react-search-box-result-item__subtitle{color:#999;font-size:12px;float:right} +.zandoc-react-theme-switcher{margin-right:12px}.zandoc-react-theme-switcher .zent-color-picker__text{width:32px}.zandoc-react-theme-switcher .zent-color-picker__text .zent-color-picker__preview{width:24px;height:24px;border-radius:1px}.zandoc-react-theme-switcher-picker{margin-top:4px} +.page-header{border-bottom:1px solid #eaeefb}.page-header__top{padding:0 40px;overflow:hidden;position:relative;box-sizing:border-box;height:60px;background-color:#fff}@media(min-width: 1440px){.page-header__top{width:1440px;margin:0 auto}}.page-header__logo{float:left;font-size:0;line-height:60px}.page-header__logo span,.page-header__logo img{display:inline-block;vertical-align:middle}.page-header__logo img{width:24px;margin-right:10px}.page-header__logo span{color:#333;font-size:20px;font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif}.page-header__search-sep{display:inline-block;height:20px;width:1px;background:#bbb;margin-top:20px;margin-left:20px}.page-header__item{height:100%}.page-header__link{display:block;line-height:60px;color:#333;font-size:16px;margin:0 20px}.page-header__link:hover{color:#155bd4}.page-header__link--active{color:#155bd4}.page-header__right-fixed{position:absolute;right:30px;top:0;height:60px;display:flex;justify-content:center;align-items:center}.page-header__i18n-switcher{margin-right:12px;color:#455a64;padding:5px 7px;font-size:14px;line-height:20px;border-radius:2px;cursor:pointer;text-align:center;display:inline-block;transition:.3s ease-in-out;border:1px solid #e0e0e0;font-family:Helvetica Neue,Arial,sans-serif}.page-header__i18n-switcher:hover{color:#155bd4;border-color:#155bd4}.page-header__version-select.zent-select-v2{margin-right:12px} +.page-footer{background-color:#34383b;display:flex;justify-content:center;height:72px;font-size:13px}.page-footer__github-link svg{position:relative;top:3px;right:5px}.page-footer__item{float:left;margin:0 20px}.page-footer__link{display:block;color:#bbb;line-height:72px}.page-footer__link:hover{color:#fff} +.side-nav{width:250px;flex-shrink:0;box-sizing:border-box;overflow:auto;padding:25px 0 10px}.side-nav li{list-style:none}.side-nav ul{padding:0;margin:0;overflow:hidden}.side-nav .nav-group-item a{height:44px;line-height:44px;display:block;color:#455a64;font-weight:bold;font-size:16px;transition:all .3s;padding:0 20px 0 40px}.side-nav .nav-group-item .nav-item a{font-size:14px;font-weight:normal}.side-nav .nav-group-item .nav-item a .nav-item__subtitle{font-size:12px;color:#666}.side-nav .nav-group-item .nav-item a:hover,.side-nav .nav-group-item .nav-item a.active{color:#155bd4;background-color:#f5f7fa}.side-nav .nav-group-item .nav-item a:hover .nav-item__subtitle,.side-nav .nav-group-item .nav-item a.active .nav-item__subtitle{color:#155bd4}.side-nav .nav-group__title{font-size:13px;line-height:44px;padding-left:40px;color:rgba(69,90,100,.6)} +.footer-nav{padding:20px 40px;overflow:hidden;border-top:1px solid #f4f4f4;font-size:14px;box-sizing:border-box;width:100%}.footer-nav__link{color:#155bd4;overflow:hidden;position:relative;line-height:1.5;cursor:pointer}.footer-nav__link .zenticon{box-sizing:border-box;text-align:center;font-size:12px;margin-top:4px}.footer-nav__left{float:left}.footer-nav__left .zenticon{float:left;transform:rotate(180deg);margin-right:10px}.footer-nav__right{float:right}.footer-nav__right .zenticon{float:right;margin-left:10px} diff --git a/index.html b/index.html index 0431477d5..a9c397c29 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 diff --git a/vendor-6b7aae8b425148286d7f.js b/vendor-5b870599685fe83f310c.js similarity index 96% rename from vendor-6b7aae8b425148286d7f.js rename to vendor-5b870599685fe83f310c.js index 4541711aa..08522a7c6 100644 --- a/vendor-6b7aae8b425148286d7f.js +++ b/vendor-5b870599685fe83f310c.js @@ -1,2 +1,2 @@ -/*! For license information please see vendor-6b7aae8b425148286d7f.js.LICENSE.txt */ -(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[4736],{73450:(e,t,n)=>{"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,{Z:()=>r})},29603:(e,t,n)=>{"use strict";function r(){return(r=Object.assign||function(e){for(var t=1;tr})},60656:(e,t,n)=>{"use strict";function r(e,t){return(r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function i(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{Z:()=>i})},83721:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var r=n(50120);function i(e,t){if(null==e)return{};var n,i,a=(0,r.Z)(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}},50120:(e,t,n)=>{"use strict";function r(e,t){if(null==e)return{};var n,r,i={},a=Object.keys(e);for(r=0;r=0||(i[n]=e[n]);return i}n.d(t,{Z:()=>r})},73118:(e,t,n)=>{"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);ni})},47845:(e,t,n)=>{"use strict";n.d(t,{rW:()=>i,ve:()=>o,py:()=>s,WE:()=>u,vq:()=>l,T6:()=>c,VD:()=>d});var r=n(39057);function i(e,t,n){return{r:255*(0,r.sh)(e,255),g:255*(0,r.sh)(t,255),b:255*(0,r.sh)(n,255)}}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}function o(e,t,n){var i,o,s;if(e=(0,r.sh)(e,360),t=(0,r.sh)(t,100),n=(0,r.sh)(n,100),0===t)o=n,s=n,i=n;else{var u=n<.5?n*(1+t):n+t-n*t,l=2*n-u;i=a(l,u,e+1/3),o=a(l,u,e),s=a(l,u,e-1/3)}return{r:255*i,g:255*o,b:255*s}}function s(e,t,n){e=(0,r.sh)(e,255),t=(0,r.sh)(t,255),n=(0,r.sh)(n,255);var i=Math.max(e,t,n),a=Math.min(e,t,n),o=0,s=i,u=i-a,l=0===i?0:u/i;if(i===a)o=0;else{switch(i){case e:o=(t-n)/u+(t{"use strict";n.d(t,{uA:()=>o});var r=n(47845),i={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",goldenrod:"#daa520",gold:"#ffd700",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavenderblush:"#fff0f5",lavender:"#e6e6fa",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"},a=n(39057);function o(e){var t={r:0,g:0,b:0},n=1,o=null,s=null,u=null,l=!1,h=!1;return"string"==typeof e&&(e=function(e){if(0===(e=e.trim().toLowerCase()).length)return!1;var t=!1;if(i[e])e=i[e],t=!0;else if("transparent"===e)return{r:0,g:0,b:0,a:0,format:"name"};var n=c.rgb.exec(e);return n?{r:n[1],g:n[2],b:n[3]}:(n=c.rgba.exec(e))?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=c.hsl.exec(e))?{h:n[1],s:n[2],l:n[3]}:(n=c.hsla.exec(e))?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=c.hsv.exec(e))?{h:n[1],s:n[2],v:n[3]}:(n=c.hsva.exec(e))?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=c.hex8.exec(e))?{r:(0,r.VD)(n[1]),g:(0,r.VD)(n[2]),b:(0,r.VD)(n[3]),a:(0,r.T6)(n[4]),format:t?"name":"hex8"}:(n=c.hex6.exec(e))?{r:(0,r.VD)(n[1]),g:(0,r.VD)(n[2]),b:(0,r.VD)(n[3]),format:t?"name":"hex"}:(n=c.hex4.exec(e))?{r:(0,r.VD)(n[1]+n[1]),g:(0,r.VD)(n[2]+n[2]),b:(0,r.VD)(n[3]+n[3]),a:(0,r.T6)(n[4]+n[4]),format:t?"name":"hex8"}:!!(n=c.hex3.exec(e))&&{r:(0,r.VD)(n[1]+n[1]),g:(0,r.VD)(n[2]+n[2]),b:(0,r.VD)(n[3]+n[3]),format:t?"name":"hex"}}(e)),"object"==typeof e&&(d(e.r)&&d(e.g)&&d(e.b)?(t=(0,r.rW)(e.r,e.g,e.b),l=!0,h="%"===String(e.r).substr(-1)?"prgb":"rgb"):d(e.h)&&d(e.s)&&d(e.v)?(o=(0,a.JX)(e.s),s=(0,a.JX)(e.v),t=(0,r.WE)(e.h,o,s),l=!0,h="hsv"):d(e.h)&&d(e.s)&&d(e.l)&&(o=(0,a.JX)(e.s),u=(0,a.JX)(e.l),t=(0,r.ve)(e.h,o,u),l=!0,h="hsl"),Object.prototype.hasOwnProperty.call(e,"a")&&(n=e.a)),n=(0,a.Yq)(n),{ok:l,format:e.format||h,r:Math.min(255,Math.max(t.r,0)),g:Math.min(255,Math.max(t.g,0)),b:Math.min(255,Math.max(t.b,0)),a:n}}var s="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)",u="[\\s|\\(]+("+s+")[,|\\s]+("+s+")[,|\\s]+("+s+")\\s*\\)?",l="[\\s|\\(]+("+s+")[,|\\s]+("+s+")[,|\\s]+("+s+")[,|\\s]+("+s+")\\s*\\)?",c={CSS_UNIT:new RegExp(s),rgb:new RegExp("rgb"+u),rgba:new RegExp("rgba"+l),hsl:new RegExp("hsl"+u),hsla:new RegExp("hsla"+l),hsv:new RegExp("hsv"+u),hsva:new RegExp("hsva"+l),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 d(e){return Boolean(c.CSS_UNIT.exec(String(e)))}},39057:(e,t,n)=>{"use strict";function r(e,t){(function(e){return"string"==typeof e&&-1!==e.indexOf(".")&&1===parseFloat(e)})(e)&&(e="100%");var n=function(e){return"string"==typeof e&&-1!==e.indexOf("%")}(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 i(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function a(e){return e<=1?100*Number(e)+"%":e}function o(e){return 1===e.length?"0"+e:String(e)}n.d(t,{sh:()=>r,Yq:()=>i,JX:()=>a,FZ:()=>o})},61853:(e,t,n)=>{"use strict";n.d(t,{h:()=>f.h,q:()=>h});var r=n(47845),i=n(163);function a(e){var t=e.r,n=e.g,i=e.b;return"#"+(0,r.vq)(t,n,i,!1)}function o(e,t){if(0===e.h&&0===e.s)return e.s;var n,r=.06*t*(t-1)/2;return(n=e.s-.15*t-r)<.1&&(n=.1),Number(n.toFixed(2))}function s(e,t){return 0===e.h&&0===e.s?e.s:((n=e.s+0*t)>1&&(n=1),Number(n.toFixed(2)));var n}function u(e,t){var n;return(n=e.v+.1*(t-1))>1&&(n=1),Number(n.toFixed(2))}function l(e,t){var n;return(n=e.v-.15*t)<.1&&(n=.1),Number(n.toFixed(2))}function c(e){var t=[],n=(0,i.uA)(e),c=function(e){var t=e.r,n=e.g,i=e.b,a=(0,r.py)(t,n,i);return{h:360*a.h,s:a.s,v:a.v}}(n);[1,4].forEach((function(e){var n=(0,i.uA)({h:c.h,s:o(c,e),v:u(c,e)});t.unshift(a({r:n.r,g:n.g,b:n.b}))})),t.push(a(n));var d=(0,i.uA)({h:c.h,s:s(c,1),v:l(c,1)});return t.push(a({r:d.r,g:d.g,b:d.b})),t}var d=n(29850),h=function(){function e(){}return e.generatePalette=function(e){return e?c(e):[]},e.generateTheme=function(e,t){var n=e.colors;if(!t||!n)return{colors:[]};var r=function(e,t){return n.reduce((function(n,r){var i;return i="scene"in r?(0,d.l$)(r,e,c,t):(0,d.bC)(e,r.variableName,r.color,t),n.concat(i)}),[])},i=t.hex,a=t.rgb;return{colors:r(i).concat(r(a,d.cD))}},e.applyTheme=function(e){e.colors.forEach((function(e){document.documentElement.style.setProperty(e.cssVariableName,e.color)}))},e}(),f=n(57063)},57063:(e,t,n)=>{"use strict";var r;n.d(t,{h:()=>r}),function(e){e[e.DefaultHoverBackgroundColor=0]="DefaultHoverBackgroundColor",e[e.PrimaryHoverBackgroundColor=1]="PrimaryHoverBackgroundColor",e[e.PrimaryBackgroundColor=2]="PrimaryBackgroundColor",e[e.PrimaryActiveBackgroundColor=3]="PrimaryActiveBackgroundColor"}(r||(r={}))},29850:(e,t,n)=>{"use strict";n.d(t,{l$:()=>s,bC:()=>u,cD:()=>l});var r=n(163),i=n(57063),a=[{index:0,variableName:"$primary-100",scene:i.h.DefaultHoverBackgroundColor},{index:1,variableName:"$primary-400",scene:i.h.PrimaryHoverBackgroundColor},{index:2,variableName:"$primary-500",scene:i.h.PrimaryBackgroundColor},{index:3,variableName:"$primary-600",scene:i.h.PrimaryActiveBackgroundColor}].reduce((function(e,t){return e[t.scene]=t,e}),{}),o=function(e,t,n,r){var i=a[t];if(!i)return[];var o=null==n?void 0:n[i.variableName];if(!o)return[];var s=i.index;return o.map((function(t){return{cssVariableName:t,color:r?r(e[s]):e[s]}}))},s=function(e,t,n,r){var i=e.baseColor,a=e.scene;if(!i||!n)return[];var s=n(i);return Array.isArray(a)?a.reduce((function(e,n){return e.concat(o(s,n,t,r))}),[]):o(s,a,t,r)},u=function(e,t,n,r){var i;return null===(i=null==e?void 0:e[t])||void 0===i?void 0:i.map((function(e){return{color:r?r(n):n,cssVariableName:e}}))},l=function(e){var t=(0,r.uA)(e);return t.r+", "+t.g+", "+t.b}},60042:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var e=[],t=0;t{e.exports=function(e){if("function"!=typeof e)throw TypeError(String(e)+" is not a function");return e}},81378:(e,t,n)=>{var r=n(28759);e.exports=function(e){if(!r(e)&&null!==e)throw TypeError("Can't set "+String(e)+" as a prototype");return e}},78669:(e,t,n)=>{var r=n(50211),i=n(44710),a=n(77826),o=r("unscopables"),s=Array.prototype;null==s[o]&&a.f(s,o,{configurable:!0,value:i(null)}),e.exports=function(e){s[o][e]=!0}},99966:(e,t,n)=>{"use strict";var r=n(83448).charAt;e.exports=function(e,t,n){return t+(n?r(e,t).length:1)}},51855:e=>{e.exports=function(e,t,n){if(!(e instanceof t))throw TypeError("Incorrect "+(n?n+" ":"")+"invocation");return e}},56112:(e,t,n)=>{var r=n(28759);e.exports=function(e){if(!r(e))throw TypeError(String(e)+" is not an object");return e}},90656:e=>{e.exports="undefined"!=typeof ArrayBuffer&&"undefined"!=typeof DataView},83466:(e,t,n)=>{"use strict";var r,i=n(90656),a=n(25283),o=n(22086),s=n(28759),u=n(63167),l=n(90375),c=n(72585),d=n(11007),h=n(77826).f,f=n(62130),g=n(77530),p=n(50211),y=n(65422),m=o.Int8Array,v=m&&m.prototype,b=o.Uint8ClampedArray,x=b&&b.prototype,E=m&&f(m),C=v&&f(v),w=Object.prototype,F=w.isPrototypeOf,D=p("toStringTag"),A=y("TYPED_ARRAY_TAG"),_=i&&!!g&&"Opera"!==l(o.opera),S=!1,I={Int8Array:1,Uint8Array:1,Uint8ClampedArray:1,Int16Array:2,Uint16Array:2,Int32Array:4,Uint32Array:4,Float32Array:4,Float64Array:8},B={BigInt64Array:8,BigUint64Array:8},j=function(e){if(!s(e))return!1;var t=l(e);return u(I,t)||u(B,t)};for(r in I)o[r]||(_=!1);if((!_||"function"!=typeof E||E===Function.prototype)&&(E=function(){throw TypeError("Incorrect invocation")},_))for(r in I)o[r]&&g(o[r],E);if((!_||!C||C===w)&&(C=E.prototype,_))for(r in I)o[r]&&g(o[r].prototype,C);if(_&&f(x)!==C&&g(x,C),a&&!u(C,D))for(r in S=!0,h(C,D,{get:function(){return s(this)?this[A]:void 0}}),I)o[r]&&c(o[r],A,r);e.exports={NATIVE_ARRAY_BUFFER_VIEWS:_,TYPED_ARRAY_TAG:S&&A,aTypedArray:function(e){if(j(e))return e;throw TypeError("Target is not a typed array")},aTypedArrayConstructor:function(e){if(g){if(F.call(E,e))return e}else for(var t in I)if(u(I,r)){var n=o[t];if(n&&(e===n||F.call(n,e)))return e}throw TypeError("Target is not a typed array constructor")},exportTypedArrayMethod:function(e,t,n){if(a){if(n)for(var r in I){var i=o[r];if(i&&u(i.prototype,e))try{delete i.prototype[e]}catch(e){}}C[e]&&!n||d(C,e,n?t:_&&v[e]||t)}},exportTypedArrayStaticMethod:function(e,t,n){var r,i;if(a){if(g){if(n)for(r in I)if((i=o[r])&&u(i,e))try{delete i[e]}catch(e){}if(E[e]&&!n)return;try{return d(E,e,n?t:_&&E[e]||t)}catch(e){}}for(r in I)!(i=o[r])||i[e]&&!n||d(i,e,t)}},isView:function(e){if(!s(e))return!1;var t=l(e);return"DataView"===t||u(I,t)||u(B,t)},isTypedArray:j,TypedArray:E,TypedArrayPrototype:C}},99185:(e,t,n)=>{"use strict";var r=n(22086),i=n(25283),a=n(90656),o=n(72585),s=n(49431),u=n(63677),l=n(51855),c=n(59679),d=n(24005),h=n(13687),f=n(23339),g=n(62130),p=n(77530),y=n(20062).f,m=n(77826).f,v=n(20435),b=n(70914),x=n(83278),E=x.get,C=x.set,w="ArrayBuffer",F="DataView",D="Wrong index",A=r.ArrayBuffer,_=A,S=r.DataView,I=S&&S.prototype,B=Object.prototype,j=r.RangeError,T=f.pack,k=f.unpack,z=function(e){return[255&e]},N=function(e){return[255&e,e>>8&255]},M=function(e){return[255&e,e>>8&255,e>>16&255,e>>24&255]},O=function(e){return e[3]<<24|e[2]<<16|e[1]<<8|e[0]},P=function(e){return T(e,23,4)},L=function(e){return T(e,52,8)},Y=function(e,t){m(e.prototype,t,{get:function(){return E(this)[t]}})},Z=function(e,t,n,r){var i=h(n),a=E(e);if(i+t>a.byteLength)throw j(D);var o=E(a.buffer).bytes,s=i+a.byteOffset,u=o.slice(s,s+t);return r?u:u.reverse()},R=function(e,t,n,r,i,a){var o=h(n),s=E(e);if(o+t>s.byteLength)throw j(D);for(var u=E(s.buffer).bytes,l=o+s.byteOffset,c=r(+i),d=0;dq;)(G=U[q++])in _||o(_,G,A[G]);H.constructor=_}p&&g(I)!==B&&p(I,B);var X=new S(new _(2)),W=I.setInt8;X.setInt8(0,2147483648),X.setInt8(1,2147483649),!X.getInt8(0)&&X.getInt8(1)||s(I,{setInt8:function(e,t){W.call(this,e,t<<24>>24)},setUint8:function(e,t){W.call(this,e,t<<24>>24)}},{unsafe:!0})}else _=function(e){l(this,_,w);var t=h(e);C(this,{bytes:v.call(new Array(t),0),byteLength:t}),i||(this.byteLength=t)},S=function(e,t,n){l(this,S,F),l(e,_,F);var r=E(e).byteLength,a=c(t);if(a<0||a>r)throw j("Wrong offset");if(a+(n=void 0===n?r-a:d(n))>r)throw j("Wrong length");C(this,{buffer:e,byteLength:n,byteOffset:a}),i||(this.buffer=e,this.byteLength=n,this.byteOffset=a)},i&&(Y(_,"byteLength"),Y(S,"buffer"),Y(S,"byteLength"),Y(S,"byteOffset")),s(S.prototype,{getInt8:function(e){return Z(this,1,e)[0]<<24>>24},getUint8:function(e){return Z(this,1,e)[0]},getInt16:function(e){var t=Z(this,2,e,arguments.length>1?arguments[1]:void 0);return(t[1]<<8|t[0])<<16>>16},getUint16:function(e){var t=Z(this,2,e,arguments.length>1?arguments[1]:void 0);return t[1]<<8|t[0]},getInt32:function(e){return O(Z(this,4,e,arguments.length>1?arguments[1]:void 0))},getUint32:function(e){return O(Z(this,4,e,arguments.length>1?arguments[1]:void 0))>>>0},getFloat32:function(e){return k(Z(this,4,e,arguments.length>1?arguments[1]:void 0),23)},getFloat64:function(e){return k(Z(this,8,e,arguments.length>1?arguments[1]:void 0),52)},setInt8:function(e,t){R(this,1,e,z,t)},setUint8:function(e,t){R(this,1,e,z,t)},setInt16:function(e,t){R(this,2,e,N,t,arguments.length>2?arguments[2]:void 0)},setUint16:function(e,t){R(this,2,e,N,t,arguments.length>2?arguments[2]:void 0)},setInt32:function(e,t){R(this,4,e,M,t,arguments.length>2?arguments[2]:void 0)},setUint32:function(e,t){R(this,4,e,M,t,arguments.length>2?arguments[2]:void 0)},setFloat32:function(e,t){R(this,4,e,P,t,arguments.length>2?arguments[2]:void 0)},setFloat64:function(e,t){R(this,8,e,L,t,arguments.length>2?arguments[2]:void 0)}});b(_,w),b(S,F),e.exports={ArrayBuffer:_,DataView:S}},70990:(e,t,n)=>{"use strict";var r=n(3060),i=n(7740),a=n(24005),o=Math.min;e.exports=[].copyWithin||function(e,t){var n=r(this),s=a(n.length),u=i(e,s),l=i(t,s),c=arguments.length>2?arguments[2]:void 0,d=o((void 0===c?s:i(c,s))-l,s-u),h=1;for(l0;)l in n?n[u]=n[l]:delete n[u],u+=h,l+=h;return n}},20435:(e,t,n)=>{"use strict";var r=n(3060),i=n(7740),a=n(24005);e.exports=function(e){for(var t=r(this),n=a(t.length),o=arguments.length,s=i(o>1?arguments[1]:void 0,n),u=o>2?arguments[2]:void 0,l=void 0===u?n:i(u,n);l>s;)t[s++]=e;return t}},21984:(e,t,n)=>{"use strict";var r=n(28062).forEach,i=n(72802)("forEach");e.exports=i?[].forEach:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}},21842:(e,t,n)=>{"use strict";var r=n(18516),i=n(3060),a=n(47850),o=n(92814),s=n(24005),u=n(89720),l=n(61667);e.exports=function(e){var t,n,c,d,h,f,g=i(e),p="function"==typeof this?this:Array,y=arguments.length,m=y>1?arguments[1]:void 0,v=void 0!==m,b=l(g),x=0;if(v&&(m=r(m,y>2?arguments[2]:void 0,2)),null==b||p==Array&&o(b))for(n=new p(t=s(g.length));t>x;x++)f=v?m(g[x],x):g[x],u(n,x,f);else for(h=(d=b.call(g)).next,n=new p;!(c=h.call(d)).done;x++)f=v?a(d,m,[c.value,x],!0):c.value,u(n,x,f);return n.length=x,n}},56198:(e,t,n)=>{var r=n(64088),i=n(24005),a=n(7740),o=function(e){return function(t,n,o){var s,u=r(t),l=i(u.length),c=a(o,l);if(e&&n!=n){for(;l>c;)if((s=u[c++])!=s)return!0}else for(;l>c;c++)if((e||c in u)&&u[c]===n)return e||c||0;return!e&&-1}};e.exports={includes:o(!0),indexOf:o(!1)}},28062:(e,t,n)=>{var r=n(18516),i=n(95974),a=n(3060),o=n(24005),s=n(85574),u=[].push,l=function(e){var t=1==e,n=2==e,l=3==e,c=4==e,d=6==e,h=7==e,f=5==e||d;return function(g,p,y,m){for(var v,b,x=a(g),E=i(x),C=r(p,y,3),w=o(E.length),F=0,D=m||s,A=t?D(g,w):n||h?D(g,0):void 0;w>F;F++)if((f||F in E)&&(b=C(v=E[F],F,x),e))if(t)A[F]=b;else if(b)switch(e){case 3:return!0;case 5:return v;case 6:return F;case 2:u.call(A,v)}else switch(e){case 4:return!1;case 7:u.call(A,v)}return d?-1:l||c?c:A}};e.exports={forEach:l(0),map:l(1),filter:l(2),some:l(3),every:l(4),find:l(5),findIndex:l(6),filterOut:l(7)}},71739:(e,t,n)=>{"use strict";var r=n(64088),i=n(59679),a=n(24005),o=n(72802),s=Math.min,u=[].lastIndexOf,l=!!u&&1/[1].lastIndexOf(1,-0)<0,c=o("lastIndexOf"),d=l||!c;e.exports=d?function(e){if(l)return u.apply(this,arguments)||0;var t=r(this),n=a(t.length),o=n-1;for(arguments.length>1&&(o=s(o,i(arguments[1]))),o<0&&(o=n+o);o>=0;o--)if(o in t&&t[o]===e)return o||0;return-1}:u},69955:(e,t,n)=>{var r=n(63677),i=n(50211),a=n(21448),o=i("species");e.exports=function(e){return a>=51||!r((function(){var t=[];return(t.constructor={})[o]=function(){return{foo:1}},1!==t[e](Boolean).foo}))}},72802:(e,t,n)=>{"use strict";var r=n(63677);e.exports=function(e,t){var n=[][e];return!!n&&r((function(){n.call(null,t||function(){throw 1},1)}))}},18758:(e,t,n)=>{var r=n(29944),i=n(3060),a=n(95974),o=n(24005),s=function(e){return function(t,n,s,u){r(n);var l=i(t),c=a(l),d=o(l.length),h=e?d-1:0,f=e?-1:1;if(s<2)for(;;){if(h in c){u=c[h],h+=f;break}if(h+=f,e?h<0:d<=h)throw TypeError("Reduce of empty array with no initial value")}for(;e?h>=0:d>h;h+=f)h in c&&(u=n(u,c[h],h,l));return u}};e.exports={left:s(!1),right:s(!0)}},91147:e=>{var t=Math.floor,n=function(e,a){var o=e.length,s=t(o/2);return o<8?r(e,a):i(n(e.slice(0,s),a),n(e.slice(s),a),a)},r=function(e,t){for(var n,r,i=e.length,a=1;a0;)e[r]=e[--r];r!==a++&&(e[r]=n)}return e},i=function(e,t,n){for(var r=e.length,i=t.length,a=0,o=0,s=[];a{var r=n(28759),i=n(46526),a=n(50211)("species");e.exports=function(e,t){var n;return i(e)&&("function"!=typeof(n=e.constructor)||n!==Array&&!i(n.prototype)?r(n)&&null===(n=n[a])&&(n=void 0):n=void 0),new(void 0===n?Array:n)(0===t?0:t)}},47850:(e,t,n)=>{var r=n(56112),i=n(26737);e.exports=function(e,t,n,a){try{return a?t(r(n)[0],n[1]):t(n)}catch(t){throw i(e),t}}},68939:(e,t,n)=>{var r=n(50211)("iterator"),i=!1;try{var a=0,o={next:function(){return{done:!!a++}},return:function(){i=!0}};o[r]=function(){return this},Array.from(o,(function(){throw 2}))}catch(e){}e.exports=function(e,t){if(!t&&!i)return!1;var n=!1;try{var a={};a[r]=function(){return{next:function(){return{done:n=!0}}}},e(a)}catch(e){}return n}},52306:e=>{var t={}.toString;e.exports=function(e){return t.call(e).slice(8,-1)}},90375:(e,t,n)=>{var r=n(12371),i=n(52306),a=n(50211)("toStringTag"),o="Arguments"==i(function(){return arguments}());e.exports=r?i:function(e){var t,n,r;return void 0===e?"Undefined":null===e?"Null":"string"==typeof(n=function(e,t){try{return e[t]}catch(e){}}(t=Object(e),a))?n:o?i(t):"Object"==(r=i(t))&&"function"==typeof t.callee?"Arguments":r}},75204:(e,t,n)=>{"use strict";var r=n(77826).f,i=n(44710),a=n(49431),o=n(18516),s=n(51855),u=n(94722),l=n(98432),c=n(67420),d=n(25283),h=n(12423).fastKey,f=n(83278),g=f.set,p=f.getterFor;e.exports={getConstructor:function(e,t,n,l){var c=e((function(e,r){s(e,c,t),g(e,{type:t,index:i(null),first:void 0,last:void 0,size:0}),d||(e.size=0),null!=r&&u(r,e[l],{that:e,AS_ENTRIES:n})})),f=p(t),y=function(e,t,n){var r,i,a=f(e),o=m(e,t);return o?o.value=n:(a.last=o={index:i=h(t,!0),key:t,value:n,previous:r=a.last,next:void 0,removed:!1},a.first||(a.first=o),r&&(r.next=o),d?a.size++:e.size++,"F"!==i&&(a.index[i]=o)),e},m=function(e,t){var n,r=f(e),i=h(t);if("F"!==i)return r.index[i];for(n=r.first;n;n=n.next)if(n.key==t)return n};return a(c.prototype,{clear:function(){for(var e=f(this),t=e.index,n=e.first;n;)n.removed=!0,n.previous&&(n.previous=n.previous.next=void 0),delete t[n.index],n=n.next;e.first=e.last=void 0,d?e.size=0:this.size=0},delete:function(e){var t=this,n=f(t),r=m(t,e);if(r){var i=r.next,a=r.previous;delete n.index[r.index],r.removed=!0,a&&(a.next=i),i&&(i.previous=a),n.first==r&&(n.first=i),n.last==r&&(n.last=a),d?n.size--:t.size--}return!!r},forEach:function(e){for(var t,n=f(this),r=o(e,arguments.length>1?arguments[1]:void 0,3);t=t?t.next:n.first;)for(r(t.value,t.key,this);t&&t.removed;)t=t.previous},has:function(e){return!!m(this,e)}}),a(c.prototype,n?{get:function(e){var t=m(this,e);return t&&t.value},set:function(e,t){return y(this,0===e?0:e,t)}}:{add:function(e){return y(this,e=0===e?0:e,e)}}),d&&r(c.prototype,"size",{get:function(){return f(this).size}}),c},setStrong:function(e,t,n){var r=t+" Iterator",i=p(t),a=p(r);l(e,t,(function(e,t){g(this,{type:r,target:e,state:i(e),kind:t,last:void 0})}),(function(){for(var e=a(this),t=e.kind,n=e.last;n&&n.removed;)n=n.previous;return e.target&&(e.last=n=n?n.next:e.state.first)?"keys"==t?{value:n.key,done:!1}:"values"==t?{value:n.value,done:!1}:{value:[n.key,n.value],done:!1}:(e.target=void 0,{value:void 0,done:!0})}),n?"entries":"values",!n,!0),c(t)}}},29872:(e,t,n)=>{"use strict";var r=n(49431),i=n(12423).getWeakData,a=n(56112),o=n(28759),s=n(51855),u=n(94722),l=n(28062),c=n(63167),d=n(83278),h=d.set,f=d.getterFor,g=l.find,p=l.findIndex,y=0,m=function(e){return e.frozen||(e.frozen=new v)},v=function(){this.entries=[]},b=function(e,t){return g(e.entries,(function(e){return e[0]===t}))};v.prototype={get:function(e){var t=b(this,e);if(t)return t[1]},has:function(e){return!!b(this,e)},set:function(e,t){var n=b(this,e);n?n[1]=t:this.entries.push([e,t])},delete:function(e){var t=p(this.entries,(function(t){return t[0]===e}));return~t&&this.entries.splice(t,1),!!~t}},e.exports={getConstructor:function(e,t,n,l){var d=e((function(e,r){s(e,d,t),h(e,{type:t,id:y++,frozen:void 0}),null!=r&&u(r,e[l],{that:e,AS_ENTRIES:n})})),g=f(t),p=function(e,t,n){var r=g(e),o=i(a(t),!0);return!0===o?m(r).set(t,n):o[r.id]=n,e};return r(d.prototype,{delete:function(e){var t=g(this);if(!o(e))return!1;var n=i(e);return!0===n?m(t).delete(e):n&&c(n,t.id)&&delete n[t.id]},has:function(e){var t=g(this);if(!o(e))return!1;var n=i(e);return!0===n?m(t).has(e):n&&c(n,t.id)}}),r(d.prototype,n?{get:function(e){var t=g(this);if(o(e)){var n=i(e);return!0===n?m(t).get(e):n?n[t.id]:void 0}},set:function(e,t){return p(this,e,t)}}:{add:function(e){return p(this,e,!0)}}),d}}},14909:(e,t,n)=>{"use strict";var r=n(51695),i=n(22086),a=n(67189),o=n(11007),s=n(12423),u=n(94722),l=n(51855),c=n(28759),d=n(63677),h=n(68939),f=n(70914),g=n(15070);e.exports=function(e,t,n){var p=-1!==e.indexOf("Map"),y=-1!==e.indexOf("Weak"),m=p?"set":"add",v=i[e],b=v&&v.prototype,x=v,E={},C=function(e){var t=b[e];o(b,e,"add"==e?function(e){return t.call(this,0===e?0:e),this}:"delete"==e?function(e){return!(y&&!c(e))&&t.call(this,0===e?0:e)}:"get"==e?function(e){return y&&!c(e)?void 0:t.call(this,0===e?0:e)}:"has"==e?function(e){return!(y&&!c(e))&&t.call(this,0===e?0:e)}:function(e,n){return t.call(this,0===e?0:e,n),this})};if(a(e,"function"!=typeof v||!(y||b.forEach&&!d((function(){(new v).entries().next()})))))x=n.getConstructor(t,e,p,m),s.REQUIRED=!0;else if(a(e,!0)){var w=new x,F=w[m](y?{}:-0,1)!=w,D=d((function(){w.has(1)})),A=h((function(e){new v(e)})),_=!y&&d((function(){for(var e=new v,t=5;t--;)e[m](t,t);return!e.has(-0)}));A||((x=t((function(t,n){l(t,x,e);var r=g(new v,t,x);return null!=n&&u(n,r[m],{that:r,AS_ENTRIES:p}),r}))).prototype=b,b.constructor=x),(D||_)&&(C("delete"),C("has"),p&&C("get")),(_||F)&&C(m),y&&b.clear&&delete b.clear}return E[e]=x,r({global:!0,forced:x!=v},E),f(x,e),y||n.setStrong(x,e,p),x}},48474:(e,t,n)=>{var r=n(63167),i=n(46095),a=n(94399),o=n(77826);e.exports=function(e,t){for(var n=i(t),s=o.f,u=a.f,l=0;l{var r=n(50211)("match");e.exports=function(e){var t=/./;try{"/./"[e](t)}catch(n){try{return t[r]=!1,"/./"[e](t)}catch(e){}}return!1}},47209:(e,t,n)=>{var r=n(63677);e.exports=!r((function(){function e(){}return e.prototype.constructor=null,Object.getPrototypeOf(new e)!==e.prototype}))},31068:(e,t,n)=>{var r=n(69586),i=/"/g;e.exports=function(e,t,n,a){var o=String(r(e)),s="<"+t;return""!==n&&(s+=" "+n+'="'+String(a).replace(i,""")+'"'),s+">"+o+""}},60471:(e,t,n)=>{"use strict";var r=n(13083).IteratorPrototype,i=n(44710),a=n(55736),o=n(70914),s=n(97719),u=function(){return this};e.exports=function(e,t,n){var l=t+" Iterator";return e.prototype=i(r,{next:a(1,n)}),o(e,l,!1,!0),s[l]=u,e}},72585:(e,t,n)=>{var r=n(25283),i=n(77826),a=n(55736);e.exports=r?function(e,t,n){return i.f(e,t,a(1,n))}:function(e,t,n){return e[t]=n,e}},55736:e=>{e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},89720:(e,t,n)=>{"use strict";var r=n(1288),i=n(77826),a=n(55736);e.exports=function(e,t,n){var o=r(t);o in e?i.f(e,o,a(0,n)):e[o]=n}},81597:(e,t,n)=>{"use strict";var r=n(63677),i=n(37453).start,a=Math.abs,o=Date.prototype,s=o.getTime,u=o.toISOString;e.exports=r((function(){return"0385-07-25T07:06:39.999Z"!=u.call(new Date(-50000000000001))}))||!r((function(){u.call(new Date(NaN))}))?function(){if(!isFinite(s.call(this)))throw RangeError("Invalid time value");var e=this,t=e.getUTCFullYear(),n=e.getUTCMilliseconds(),r=t<0?"-":t>9999?"+":"";return r+i(a(t),r?6:4,0)+"-"+i(e.getUTCMonth()+1,2,0)+"-"+i(e.getUTCDate(),2,0)+"T"+i(e.getUTCHours(),2,0)+":"+i(e.getUTCMinutes(),2,0)+":"+i(e.getUTCSeconds(),2,0)+"."+i(n,3,0)+"Z"}:u},86481:(e,t,n)=>{"use strict";var r=n(56112),i=n(1288);e.exports=function(e){if("string"!==e&&"number"!==e&&"default"!==e)throw TypeError("Incorrect hint");return i(r(this),"number"!==e)}},98432:(e,t,n)=>{"use strict";var r=n(51695),i=n(60471),a=n(62130),o=n(77530),s=n(70914),u=n(72585),l=n(11007),c=n(50211),d=n(43296),h=n(97719),f=n(13083),g=f.IteratorPrototype,p=f.BUGGY_SAFARI_ITERATORS,y=c("iterator"),m="keys",v="values",b="entries",x=function(){return this};e.exports=function(e,t,n,c,f,E,C){i(n,t,c);var w,F,D,A=function(e){if(e===f&&j)return j;if(!p&&e in I)return I[e];switch(e){case m:case v:case b:return function(){return new n(this,e)}}return function(){return new n(this)}},_=t+" Iterator",S=!1,I=e.prototype,B=I[y]||I["@@iterator"]||f&&I[f],j=!p&&B||A(f),T="Array"==t&&I.entries||B;if(T&&(w=a(T.call(new e)),g!==Object.prototype&&w.next&&(d||a(w)===g||(o?o(w,g):"function"!=typeof w[y]&&u(w,y,x)),s(w,_,!0,!0),d&&(h[_]=x))),f==v&&B&&B.name!==v&&(S=!0,j=function(){return B.call(this)}),d&&!C||I[y]===j||u(I,y,j),h[t]=j,f)if(F={values:A(v),keys:E?j:A(m),entries:A(b)},C)for(D in F)(p||S||!(D in I))&&l(I,D,F[D]);else r({target:t,proto:!0,forced:p||S},F);return F}},64145:(e,t,n)=>{var r=n(79775),i=n(63167),a=n(69251),o=n(77826).f;e.exports=function(e){var t=r.Symbol||(r.Symbol={});i(t,e)||o(t,e,{value:a.f(e)})}},25283:(e,t,n)=>{var r=n(63677);e.exports=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},20821:(e,t,n)=>{var r=n(22086),i=n(28759),a=r.document,o=i(a)&&i(a.createElement);e.exports=function(e){return o?a.createElement(e):{}}},933:e=>{e.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},81799:(e,t,n)=>{var r=n(4999).match(/firefox\/(\d+)/i);e.exports=!!r&&+r[1]},70172:e=>{e.exports="object"==typeof window},34172:(e,t,n)=>{var r=n(4999);e.exports=/MSIE|Trident/.test(r)},84344:(e,t,n)=>{var r=n(4999);e.exports=/(?:iphone|ipod|ipad).*applewebkit/i.test(r)},81801:(e,t,n)=>{var r=n(52306),i=n(22086);e.exports="process"==r(i.process)},54928:(e,t,n)=>{var r=n(4999);e.exports=/web0s(?!.*chrome)/i.test(r)},4999:(e,t,n)=>{var r=n(10563);e.exports=r("navigator","userAgent")||""},21448:(e,t,n)=>{var r,i,a=n(22086),o=n(4999),s=a.process,u=s&&s.versions,l=u&&u.v8;l?i=(r=l.split("."))[0]<4?1:r[0]+r[1]:o&&(!(r=o.match(/Edge\/(\d+)/))||r[1]>=74)&&(r=o.match(/Chrome\/(\d+)/))&&(i=r[1]),e.exports=i&&+i},49804:(e,t,n)=>{var r=n(4999).match(/AppleWebKit\/(\d+)\./);e.exports=!!r&&+r[1]},58684:e=>{e.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},51695:(e,t,n)=>{var r=n(22086),i=n(94399).f,a=n(72585),o=n(11007),s=n(83648),u=n(48474),l=n(67189);e.exports=function(e,t){var n,c,d,h,f,g=e.target,p=e.global,y=e.stat;if(n=p?r:y?r[g]||s(g,{}):(r[g]||{}).prototype)for(c in t){if(h=t[c],d=e.noTargetGet?(f=i(n,c))&&f.value:n[c],!l(p?c:g+(y?".":"#")+c,e.forced)&&void 0!==d){if(typeof h==typeof d)continue;u(h,d)}(e.sham||d&&d.sham)&&a(h,"sham",!0),o(n,c,h,e)}}},63677:e=>{e.exports=function(e){try{return!!e()}catch(e){return!0}}},82331:(e,t,n)=>{"use strict";n(52077);var r=n(11007),i=n(84861),a=n(63677),o=n(50211),s=n(72585),u=o("species"),l=RegExp.prototype;e.exports=function(e,t,n,c){var d=o(e),h=!a((function(){var t={};return t[d]=function(){return 7},7!=""[e](t)})),f=h&&!a((function(){var t=!1,n=/a/;return"split"===e&&((n={}).constructor={},n.constructor[u]=function(){return n},n.flags="",n[d]=/./[d]),n.exec=function(){return t=!0,null},n[d](""),!t}));if(!h||!f||n){var g=/./[d],p=t(d,""[e],(function(e,t,n,r,a){var o=t.exec;return o===i||o===l.exec?h&&!a?{done:!0,value:g.call(t,n,r)}:{done:!0,value:e.call(n,t,r)}:{done:!1}}));r(String.prototype,e,p[0]),r(l,d,p[1])}c&&s(l[d],"sham",!0)}},27561:(e,t,n)=>{"use strict";var r=n(46526),i=n(24005),a=n(18516),o=function(e,t,n,s,u,l,c,d){for(var h,f=u,g=0,p=!!c&&a(c,d,3);g0&&r(h))f=o(e,t,h,i(h.length),f,l-1)-1;else{if(f>=9007199254740991)throw TypeError("Exceed the acceptable array length");e[f]=h}f++}g++}return f};e.exports=o},66910:(e,t,n)=>{var r=n(63677);e.exports=!r((function(){return Object.isExtensible(Object.preventExtensions({}))}))},18516:(e,t,n)=>{var r=n(29944);e.exports=function(e,t,n){if(r(e),void 0===t)return e;switch(n){case 0:return function(){return e.call(t)};case 1:return function(n){return e.call(t,n)};case 2:return function(n,r){return e.call(t,n,r)};case 3:return function(n,r,i){return e.call(t,n,r,i)}}return function(){return e.apply(t,arguments)}}},32395:(e,t,n)=>{"use strict";var r=n(29944),i=n(28759),a=[].slice,o={},s=function(e,t,n){if(!(t in o)){for(var r=[],i=0;i{var r=n(79775),i=n(22086),a=function(e){return"function"==typeof e?e:void 0};e.exports=function(e,t){return arguments.length<2?a(r[e])||a(i[e]):r[e]&&r[e][t]||i[e]&&i[e][t]}},61667:(e,t,n)=>{var r=n(90375),i=n(97719),a=n(50211)("iterator");e.exports=function(e){if(null!=e)return e[a]||e["@@iterator"]||i[r(e)]}},73546:(e,t,n)=>{var r=n(56112),i=n(61667);e.exports=function(e){var t=i(e);if("function"!=typeof t)throw TypeError(String(e)+" is not iterable");return r(t.call(e))}},18509:(e,t,n)=>{var r=n(3060),i=Math.floor,a="".replace,o=/\$([$&'`]|\d{1,2}|<[^>]*>)/g,s=/\$([$&'`]|\d{1,2})/g;e.exports=function(e,t,n,u,l,c){var d=n+e.length,h=u.length,f=s;return void 0!==l&&(l=r(l),f=o),a.call(c,f,(function(r,a){var o;switch(a.charAt(0)){case"$":return"$";case"&":return e;case"`":return t.slice(0,n);case"'":return t.slice(d);case"<":o=l[a.slice(1,-1)];break;default:var s=+a;if(0===s)return r;if(s>h){var c=i(s/10);return 0===c?r:c<=h?void 0===u[c-1]?a.charAt(1):u[c-1]+a.charAt(1):r}o=u[s-1]}return void 0===o?"":o}))}},22086:e=>{var t=function(e){return e&&e.Math==Math&&e};e.exports=t("object"==typeof globalThis&&globalThis)||t("object"==typeof window&&window)||t("object"==typeof self&&self)||t("object"==typeof global&&global)||function(){return this}()||Function("return this")()},63167:(e,t,n)=>{var r=n(3060),i={}.hasOwnProperty;e.exports=Object.hasOwn||function(e,t){return i.call(r(e),t)}},7153:e=>{e.exports={}},71670:(e,t,n)=>{var r=n(22086);e.exports=function(e,t){var n=r.console;n&&n.error&&(1===arguments.length?n.error(e):n.error(e,t))}},25963:(e,t,n)=>{var r=n(10563);e.exports=r("document","documentElement")},26761:(e,t,n)=>{var r=n(25283),i=n(63677),a=n(20821);e.exports=!r&&!i((function(){return 7!=Object.defineProperty(a("div"),"a",{get:function(){return 7}}).a}))},23339:e=>{var t=Math.abs,n=Math.pow,r=Math.floor,i=Math.log,a=Math.LN2;e.exports={pack:function(e,o,s){var u,l,c,d=new Array(s),h=8*s-o-1,f=(1<>1,p=23===o?n(2,-24)-n(2,-77):0,y=e<0||0===e&&1/e<0?1:0,m=0;for((e=t(e))!=e||e===1/0?(l=e!=e?1:0,u=f):(u=r(i(e)/a),e*(c=n(2,-u))<1&&(u--,c*=2),(e+=u+g>=1?p/c:p*n(2,1-g))*c>=2&&(u++,c/=2),u+g>=f?(l=0,u=f):u+g>=1?(l=(e*c-1)*n(2,o),u+=g):(l=e*n(2,g-1)*n(2,o),u=0));o>=8;d[m++]=255&l,l/=256,o-=8);for(u=u<0;d[m++]=255&u,u/=256,h-=8);return d[--m]|=128*y,d},unpack:function(e,t){var r,i=e.length,a=8*i-t-1,o=(1<>1,u=a-7,l=i-1,c=e[l--],d=127&c;for(c>>=7;u>0;d=256*d+e[l],l--,u-=8);for(r=d&(1<<-u)-1,d>>=-u,u+=t;u>0;r=256*r+e[l],l--,u-=8);if(0===d)d=1-s;else{if(d===o)return r?NaN:c?-1/0:1/0;r+=n(2,t),d-=s}return(c?-1:1)*r*n(2,d-t)}}},95974:(e,t,n)=>{var r=n(63677),i=n(52306),a="".split;e.exports=r((function(){return!Object("z").propertyIsEnumerable(0)}))?function(e){return"String"==i(e)?a.call(e,""):Object(e)}:Object},15070:(e,t,n)=>{var r=n(28759),i=n(77530);e.exports=function(e,t,n){var a,o;return i&&"function"==typeof(a=t.constructor)&&a!==n&&r(o=a.prototype)&&o!==n.prototype&&i(e,o),e}},39277:(e,t,n)=>{var r=n(74489),i=Function.toString;"function"!=typeof r.inspectSource&&(r.inspectSource=function(e){return i.call(e)}),e.exports=r.inspectSource},12423:(e,t,n)=>{var r=n(7153),i=n(28759),a=n(63167),o=n(77826).f,s=n(65422),u=n(66910),l=s("meta"),c=0,d=Object.isExtensible||function(){return!0},h=function(e){o(e,l,{value:{objectID:"O"+c++,weakData:{}}})},f=e.exports={REQUIRED:!1,fastKey:function(e,t){if(!i(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!a(e,l)){if(!d(e))return"F";if(!t)return"E";h(e)}return e[l].objectID},getWeakData:function(e,t){if(!a(e,l)){if(!d(e))return!0;if(!t)return!1;h(e)}return e[l].weakData},onFreeze:function(e){return u&&f.REQUIRED&&d(e)&&!a(e,l)&&h(e),e}};r[l]=!0},83278:(e,t,n)=>{var r,i,a,o=n(9316),s=n(22086),u=n(28759),l=n(72585),c=n(63167),d=n(74489),h=n(88944),f=n(7153),g="Object already initialized",p=s.WeakMap;if(o||d.state){var y=d.state||(d.state=new p),m=y.get,v=y.has,b=y.set;r=function(e,t){if(v.call(y,e))throw new TypeError(g);return t.facade=e,b.call(y,e,t),t},i=function(e){return m.call(y,e)||{}},a=function(e){return v.call(y,e)}}else{var x=h("state");f[x]=!0,r=function(e,t){if(c(e,x))throw new TypeError(g);return t.facade=e,l(e,x,t),t},i=function(e){return c(e,x)?e[x]:{}},a=function(e){return c(e,x)}}e.exports={set:r,get:i,has:a,enforce:function(e){return a(e)?i(e):r(e,{})},getterFor:function(e){return function(t){var n;if(!u(t)||(n=i(t)).type!==e)throw TypeError("Incompatible receiver, "+e+" required");return n}}}},92814:(e,t,n)=>{var r=n(50211),i=n(97719),a=r("iterator"),o=Array.prototype;e.exports=function(e){return void 0!==e&&(i.Array===e||o[a]===e)}},46526:(e,t,n)=>{var r=n(52306);e.exports=Array.isArray||function(e){return"Array"==r(e)}},67189:(e,t,n)=>{var r=n(63677),i=/#|\.prototype\./,a=function(e,t){var n=s[o(e)];return n==l||n!=u&&("function"==typeof t?r(t):!!t)},o=a.normalize=function(e){return String(e).replace(i,".").toLowerCase()},s=a.data={},u=a.NATIVE="N",l=a.POLYFILL="P";e.exports=a},24251:(e,t,n)=>{var r=n(28759),i=Math.floor;e.exports=function(e){return!r(e)&&isFinite(e)&&i(e)===e}},28759:e=>{e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},43296:e=>{e.exports=!1},67994:(e,t,n)=>{var r=n(28759),i=n(52306),a=n(50211)("match");e.exports=function(e){var t;return r(e)&&(void 0!==(t=e[a])?!!t:"RegExp"==i(e))}},94722:(e,t,n)=>{var r=n(56112),i=n(92814),a=n(24005),o=n(18516),s=n(61667),u=n(26737),l=function(e,t){this.stopped=e,this.result=t};e.exports=function(e,t,n){var c,d,h,f,g,p,y,m=n&&n.that,v=!(!n||!n.AS_ENTRIES),b=!(!n||!n.IS_ITERATOR),x=!(!n||!n.INTERRUPTED),E=o(t,m,1+v+x),C=function(e){return c&&u(c),new l(!0,e)},w=function(e){return v?(r(e),x?E(e[0],e[1],C):E(e[0],e[1])):x?E(e,C):E(e)};if(b)c=e;else{if("function"!=typeof(d=s(e)))throw TypeError("Target is not iterable");if(i(d)){for(h=0,f=a(e.length);f>h;h++)if((g=w(e[h]))&&g instanceof l)return g;return new l(!1)}c=d.call(e)}for(p=c.next;!(y=p.call(c)).done;){try{g=w(y.value)}catch(e){throw u(c),e}if("object"==typeof g&&g&&g instanceof l)return g}return new l(!1)}},26737:(e,t,n)=>{var r=n(56112);e.exports=function(e){var t=e.return;if(void 0!==t)return r(t.call(e)).value}},13083:(e,t,n)=>{"use strict";var r,i,a,o=n(63677),s=n(62130),u=n(72585),l=n(63167),c=n(50211),d=n(43296),h=c("iterator"),f=!1;[].keys&&("next"in(a=[].keys())?(i=s(s(a)))!==Object.prototype&&(r=i):f=!0);var g=null==r||o((function(){var e={};return r[h].call(e)!==e}));g&&(r={}),d&&!g||l(r,h)||u(r,h,(function(){return this})),e.exports={IteratorPrototype:r,BUGGY_SAFARI_ITERATORS:f}},97719:e=>{e.exports={}},26044:e=>{var t=Math.expm1,n=Math.exp;e.exports=!t||t(10)>22025.465794806718||t(10)<22025.465794806718||-2e-17!=t(-2e-17)?function(e){return 0==(e=+e)?e:e>-1e-6&&e<1e-6?e+e*e/2:n(e)-1}:t},23682:(e,t,n)=>{var r=n(64638),i=Math.abs,a=Math.pow,o=a(2,-52),s=a(2,-23),u=a(2,127)*(2-s),l=a(2,-126);e.exports=Math.fround||function(e){var t,n,a=i(e),c=r(e);return au||n!=n?c*(1/0):c*n}},67819:e=>{var t=Math.log;e.exports=Math.log1p||function(e){return(e=+e)>-1e-8&&e<1e-8?e-e*e/2:t(1+e)}},64638:e=>{e.exports=Math.sign||function(e){return 0==(e=+e)||e!=e?e:e<0?-1:1}},43173:(e,t,n)=>{var r,i,a,o,s,u,l,c,d=n(22086),h=n(94399).f,f=n(84953).set,g=n(84344),p=n(54928),y=n(81801),m=d.MutationObserver||d.WebKitMutationObserver,v=d.document,b=d.process,x=d.Promise,E=h(d,"queueMicrotask"),C=E&&E.value;C||(r=function(){var e,t;for(y&&(e=b.domain)&&e.exit();i;){t=i.fn,i=i.next;try{t()}catch(e){throw i?o():a=void 0,e}}a=void 0,e&&e.enter()},g||y||p||!m||!v?x&&x.resolve?((l=x.resolve(void 0)).constructor=x,c=l.then,o=function(){c.call(l,r)}):o=y?function(){b.nextTick(r)}:function(){f.call(d,r)}:(s=!0,u=v.createTextNode(""),new m(r).observe(u,{characterData:!0}),o=function(){u.data=s=!s})),e.exports=C||function(e){var t={fn:e,next:void 0};a&&(a.next=t),i||(i=t,o()),a=t}},8109:(e,t,n)=>{var r=n(22086);e.exports=r.Promise},73193:(e,t,n)=>{var r=n(21448),i=n(63677);e.exports=!!Object.getOwnPropertySymbols&&!i((function(){var e=Symbol();return!String(e)||!(Object(e)instanceof Symbol)||!Symbol.sham&&r&&r<41}))},54634:(e,t,n)=>{var r=n(63677),i=n(50211),a=n(43296),o=i("iterator");e.exports=!r((function(){var e=new URL("b?a=1&b=2&c=3","http://a"),t=e.searchParams,n="";return e.pathname="c%20d",t.forEach((function(e,r){t.delete("b"),n+=r+e})),a&&!e.toJSON||!t.sort||"http://a/c%20d?a=1&c=3"!==e.href||"3"!==t.get("c")||"a=1"!==String(new URLSearchParams("?a=1"))||!t[o]||"a"!==new URL("https://a@b").username||"b"!==new URLSearchParams(new URLSearchParams("a=b")).get("a")||"xn--e1aybc"!==new URL("http://тест").host||"#%D0%B1"!==new URL("http://a#б").hash||"a1c3"!==n||"x"!==new URL("http://x",void 0).host}))},9316:(e,t,n)=>{var r=n(22086),i=n(39277),a=r.WeakMap;e.exports="function"==typeof a&&/native code/.test(i(a))},98722:(e,t,n)=>{"use strict";var r=n(29944),i=function(e){var t,n;this.promise=new e((function(e,r){if(void 0!==t||void 0!==n)throw TypeError("Bad Promise constructor");t=e,n=r})),this.resolve=r(t),this.reject=r(n)};e.exports.f=function(e){return new i(e)}},77725:(e,t,n)=>{var r=n(67994);e.exports=function(e){if(r(e))throw TypeError("The method doesn't accept regular expressions");return e}},87954:(e,t,n)=>{var r=n(22086).isFinite;e.exports=Number.isFinite||function(e){return"number"==typeof e&&r(e)}},72252:(e,t,n)=>{var r=n(22086),i=n(74080).trim,a=n(59439),o=r.parseFloat,s=1/o(a+"-0")!=-1/0;e.exports=s?function(e){var t=i(String(e)),n=o(t);return 0===n&&"-"==t.charAt(0)?-0:n}:o},12194:(e,t,n)=>{var r=n(22086),i=n(74080).trim,a=n(59439),o=r.parseInt,s=/^[+-]?0[Xx]/,u=8!==o(a+"08")||22!==o(a+"0x16");e.exports=u?function(e,t){var n=i(String(e));return o(n,t>>>0||(s.test(n)?16:10))}:o},88675:(e,t,n)=>{"use strict";var r=n(25283),i=n(63677),a=n(68779),o=n(66952),s=n(7446),u=n(3060),l=n(95974),c=Object.assign,d=Object.defineProperty;e.exports=!c||i((function(){if(r&&1!==c({b:1},c(d({},"a",{enumerable:!0,get:function(){d(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var e={},t={},n=Symbol(),i="abcdefghijklmnopqrst";return e[n]=7,i.split("").forEach((function(e){t[e]=e})),7!=c({},e)[n]||a(c({},t)).join("")!=i}))?function(e,t){for(var n=u(e),i=arguments.length,c=1,d=o.f,h=s.f;i>c;)for(var f,g=l(arguments[c++]),p=d?a(g).concat(d(g)):a(g),y=p.length,m=0;y>m;)f=p[m++],r&&!h.call(g,f)||(n[f]=g[f]);return n}:c},44710:(e,t,n)=>{var r,i=n(56112),a=n(77711),o=n(58684),s=n(7153),u=n(25963),l=n(20821),c=n(88944)("IE_PROTO"),d=function(){},h=function(e){return"